@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap");
/*
@each $color, $order in $colors-data {}
*/
/*@include keyframes(background) {
  0% {
    background: white;
  }
  50% {
    background: lightblue;
  }
  100% {
    background: royalblue;
  }
}*/
/*div {
  @include arrow(up, 10px, #efefef);
}*/
/*@include breakpoint(800) {
  div {
    font-size: 2rem;
    line-height: 1.4;
  }
}*/
/**/
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !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;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !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;
}

.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-4_5 {
  margin: 2rem !important;
}

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

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

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

.ml-4_5, .mx-4_5 {
  margin-left: 2rem !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;
}

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

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

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

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

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

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

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

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

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

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

.mt-8, .my-8 {
  margin-top: 7rem !important;
}

.mr-8, .mx-8 {
  margin-right: 7rem !important;
}

.mb-8, .my-8 {
  margin-bottom: 7rem !important;
}

.ml-8, .mx-8 {
  margin-left: 7rem !important;
}

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

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

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

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

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

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

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

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

.mt-32-24, .my-32-24 {
  margin-top: 32px !important;
}
@media screen and (max-width: 768px) {
  .mt-32-24, .my-32-24 {
    margin-top: 24px !important;
  }
}

.mb-32-24, .my-32-24 {
  margin-bottom: 32px !important;
}
@media screen and (max-width: 768px) {
  .mb-32-24, .my-32-24 {
    margin-bottom: 24px !important;
  }
}

.mt-40-32, .my-40-32 {
  margin-top: 40px !important;
}
@media screen and (max-width: 768px) {
  .mt-40-32, .my-40-32 {
    margin-top: 32px !important;
  }
}

.mb-40-32, .my-40-32 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 768px) {
  .mb-40-32, .my-40-32 {
    margin-bottom: 32px !important;
  }
}

.mt-40-24, .my-40-24 {
  margin-top: 40px !important;
}
@media screen and (max-width: 768px) {
  .mt-40-24, .my-40-24 {
    margin-top: 24px !important;
  }
}

.mb-40-24, .my-40-24 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 768px) {
  .mb-40-24, .my-40-24 {
    margin-bottom: 24px !important;
  }
}

.mt-40-20, .my-40-20 {
  margin-top: 40px !important;
}
@media screen and (max-width: 768px) {
  .mt-40-20, .my-40-20 {
    margin-top: 20px !important;
  }
}

.mb-40-20, .my-40-20 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 768px) {
  .mb-40-20, .my-40-20 {
    margin-bottom: 20px !important;
  }
}

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

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

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

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

.mt-56-24, .my-56-24 {
  margin-top: 56px !important;
}
@media screen and (max-width: 768px) {
  .mt-56-24, .my-56-24 {
    margin-top: 24px !important;
  }
}

.mb-56-24, .my-56-24 {
  margin-bottom: 56px !important;
}
@media screen and (max-width: 768px) {
  .mb-56-24, .my-56-24 {
    margin-bottom: 24px !important;
  }
}

.mt-56-40, .my-56-40 {
  margin-top: 56px !important;
}
@media screen and (max-width: 768px) {
  .mt-56-40, .my-56-40 {
    margin-top: 40px !important;
  }
}

.mb-56-40, .my-56-40 {
  margin-bottom: 56px !important;
}
@media screen and (max-width: 768px) {
  .mb-56-40, .my-56-40 {
    margin-bottom: 40px !important;
  }
}

.mt-152-75, .my-152-75 {
  margin-top: 152px !important;
}
@media screen and (max-width: 768px) {
  .mt-152-75, .my-152-75 {
    margin-top: 75px !important;
  }
}

.mb-152-75, .my-152-75 {
  margin-bottom: 152px !important;
}
@media screen and (max-width: 768px) {
  .mb-152-75, .my-152-75 {
    margin-bottom: 75px !important;
  }
}

.mt-152-75, .my-152-75 {
  margin-top: 152px !important;
}
@media screen and (max-width: 768px) {
  .mt-152-75, .my-152-75 {
    margin-top: 75px !important;
  }
}

.mb-152-75, .my-152-75 {
  margin-bottom: 152px !important;
}
@media screen and (max-width: 768px) {
  .mb-152-75, .my-152-75 {
    margin-bottom: 75px !important;
  }
}

.mt-188-82, .my-188-82 {
  margin-top: 188px !important;
}
@media screen and (max-width: 768px) {
  .mt-188-82, .my-188-82 {
    margin-top: 82px !important;
  }
}

.mb-188-82, .my-188-82 {
  margin-bottom: 188px !important;
}
@media screen and (max-width: 768px) {
  .mb-188-82, .my-188-82 {
    margin-bottom: 82px !important;
  }
}

.mt-50-30, .my-50-30 {
  margin-top: 50px !important;
}
@media screen and (max-width: 768px) {
  .mt-50-30, .my-50-30 {
    margin-top: 30px !important;
  }
}

.mb-50-30, .my-50-30 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 768px) {
  .mb-50-30, .my-50-30 {
    margin-bottom: 30px !important;
  }
}

.mt-60, .my-60 {
  margin-top: 60px !important;
}
@media screen and (max-width: 768px) {
  .mt-60, .my-60 {
    margin-top: 60px !important;
  }
}

.mb-60, .my-60 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 768px) {
  .mb-60, .my-60 {
    margin-bottom: 60px !important;
  }
}

.mt-60-30, .my-60-30 {
  margin-top: 60px !important;
}
@media screen and (max-width: 768px) {
  .mt-60-30, .my-60-30 {
    margin-top: 30px !important;
  }
}

.mb-60-30, .my-60-30 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 768px) {
  .mb-60-30, .my-60-30 {
    margin-bottom: 30px !important;
  }
}

.mt-60-40, .my-60-40 {
  margin-top: 60px !important;
}
@media screen and (max-width: 768px) {
  .mt-60-40, .my-60-40 {
    margin-top: 40px !important;
  }
}

.mb-60-40, .my-60-40 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 768px) {
  .mb-60-40, .my-60-40 {
    margin-bottom: 40px !important;
  }
}

.mt-76-60, .my-76-60 {
  margin-top: 76px !important;
}
@media screen and (max-width: 768px) {
  .mt-76-60, .my-76-60 {
    margin-top: 60px !important;
  }
}

.mb-76-60, .my-76-60 {
  margin-bottom: 76px !important;
}
@media screen and (max-width: 768px) {
  .mb-76-60, .my-76-60 {
    margin-bottom: 60px !important;
  }
}

.mt-80, .my-80 {
  margin-top: 80px !important;
}
@media screen and (max-width: 768px) {
  .mt-80, .my-80 {
    margin-top: 50px !important;
  }
}

.mb-80, .my-80 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 768px) {
  .mb-80, .my-80 {
    margin-bottom: 50px !important;
  }
}

.mt-80-40, .my-80-40 {
  margin-top: 80px !important;
}
@media screen and (max-width: 768px) {
  .mt-80-40, .my-80-40 {
    margin-top: 40px !important;
  }
}

.mb-80-40, .my-80-40 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 768px) {
  .mb-80-40, .my-80-40 {
    margin-bottom: 40px !important;
  }
}

.mt-80-0, .my-80-0 {
  margin-top: 80px !important;
}
@media screen and (max-width: 768px) {
  .mt-80-0, .my-80-0 {
    margin-top: 0px !important;
  }
}

.mb-80-0, .my-80-0 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 768px) {
  .mb-80-0, .my-80-0 {
    margin-bottom: 0px !important;
  }
}

.mt-100, .my-100 {
  margin-top: 100px !important;
}
@media screen and (max-width: 768px) {
  .mt-100, .my-100 {
    margin-top: 60px !important;
  }
}

.mb-100, .my-100 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 768px) {
  .mb-100, .my-100 {
    margin-bottom: 60px !important;
  }
}

.mt-100-80, .my-100-80 {
  margin-top: 100px !important;
}
@media screen and (max-width: 768px) {
  .mt-100-80, .my-100-80 {
    margin-top: 80px !important;
  }
}

.mb-100-80, .my-100-80 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 768px) {
  .mb-100-80, .my-100-80 {
    margin-bottom: 80px !important;
  }
}

.mt-100-40, .my-100-40 {
  margin-top: 100px !important;
}
@media screen and (max-width: 768px) {
  .mt-100-40, .my-100-40 {
    margin-top: 40px !important;
  }
}

.mb-100-40, .my-100-40 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 768px) {
  .mb-100-40, .my-100-40 {
    margin-bottom: 40px !important;
  }
}

.mt-100-24, .my-100-24 {
  margin-top: 100px !important;
}
@media screen and (max-width: 768px) {
  .mt-100-24, .my-100-24 {
    margin-top: 24px !important;
  }
}

.mb-100-24, .my-100-24 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 768px) {
  .mb-100-24, .my-100-24 {
    margin-bottom: 24px !important;
  }
}

.mt-150-0, .my-150-0 {
  margin-top: 150px !important;
}
@media screen and (max-width: 768px) {
  .mt-150-0, .my-150-0 {
    margin-top: 0 !important;
  }
}

.mb-150-0, .my-150-0 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 768px) {
  .mb-150-0, .my-150-0 {
    margin-bottom: 0 !important;
  }
}

.mt-150, .my-150 {
  margin-top: 150px !important;
}
@media screen and (max-width: 768px) {
  .mt-150, .my-150 {
    margin-top: 100px !important;
  }
}

.mb-150, .my-150 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 768px) {
  .mb-150, .my-150 {
    margin-bottom: 100px !important;
  }
}

.mt-150-60, .my-150-60 {
  margin-top: 150px !important;
}
@media screen and (max-width: 768px) {
  .mt-150-60, .my-150-60 {
    margin-top: 60px !important;
  }
}

.mb-150-60, .my-150-60 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 768px) {
  .mb-150-60, .my-150-60 {
    margin-bottom: 60px !important;
  }
}

.mt-120-80, .my-120-80 {
  margin-top: 120px !important;
}
@media screen and (max-width: 768px) {
  .mt-120-80, .my-120-80 {
    margin-top: 80px !important;
  }
}

.mb-120-80, .my-120-80 {
  margin-bottom: 120px !important;
}
@media screen and (max-width: 768px) {
  .mb-120-80, .my-120-80 {
    margin-bottom: 80px !important;
  }
}

.mt-120-60, .my-120-60 {
  margin-top: 120px !important;
}
@media screen and (max-width: 768px) {
  .mt-120-60, .my-120-60 {
    margin-top: 60px !important;
  }
}

.mb-120-60, .my-120-60 {
  margin-bottom: 120px !important;
}
@media screen and (max-width: 768px) {
  .mb-120-60, .my-120-60 {
    margin-bottom: 60px !important;
  }
}

.mt-120-80-40, .my-120-80-40 {
  margin-top: 120px !important;
}
@media screen and (max-width: 768px) {
  .mt-120-80-40, .my-120-80-40 {
    margin-top: 80px !important;
  }
}
@media screen and (max-width: 350px) {
  .mt-120-80-40, .my-120-80-40 {
    margin-top: 40px !important;
  }
}

.mb-120-80-40, .my-120-80-40 {
  margin-bottom: 120px !important;
}
@media screen and (max-width: 768px) {
  .mb-120-80-40, .my-120-80-40 {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 350px) {
  .mb-120-80-40, .my-120-80-40 {
    margin-bottom: 40px !important;
  }
}

.mt-120-40, .my-120-40 {
  margin-top: 120px !important;
}
@media screen and (max-width: 768px) {
  .mt-120-40, .my-120-40 {
    margin-top: 40px !important;
  }
}
.mb-120-40, .my-120-40 {
  margin-bottom: 120px !important;
}
@media screen and (max-width: 768px) {
  .mb-120-40, .my-120-40 {
    margin-bottom: 40px !important;
  }
}

.mt-150, .my-150 {
  margin-top: 150px !important;
}
@media screen and (max-width: 768px) {
  .mt-150, .my-150 {
    margin-top: 100px !important;
  }
}

.mb-150, .my-150 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 768px) {
  .mb-150, .my-150 {
    margin-bottom: 100px !important;
  }
}

.mt-150-80, .my-150-80 {
  margin-top: 150px !important;
}
@media screen and (max-width: 768px) {
  .mt-150-80, .my-150-80 {
    margin-top: 80px !important;
  }
}

.mb-150-80, .my-150-80 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 768px) {
  .mb-150-80, .my-150-80 {
    margin-bottom: 80px !important;
  }
}

.mt-0-60, .my-0-60 {
  margin-top: 0px !important;
}
@media screen and (max-width: 768px) {
  .mt-0-60, .my-0-60 {
    margin-top: 60px !important;
  }
}

.mb-0-60, .my-0-60 {
  margin-bottom: 0px !important;
}
@media screen and (max-width: 768px) {
  .mb-0-60, .my-0-60 {
    margin-bottom: 60px !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;
}

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

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

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

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

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

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

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

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

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

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

.p-8 {
  padding: 7rem !important;
}

.pt-8, .py-8 {
  padding-top: 7rem !important;
}

.pr-8, .px-8 {
  padding-right: 7rem !important;
}

.pb-8, .py-8 {
  padding-bottom: 7rem !important;
}

.pl-8, .px-8 {
  padding-left: 7rem !important;
}

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

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

.pt-60-20, .py-60-20 {
  padding-top: 60px !important;
}
@media screen and (max-width: 768px) {
  .pt-60-20, .py-60-20 {
    padding-top: 20px !important;
  }
}

.pb-60-20, .py-60-20 {
  padding-bottom: 60px !important;
}
@media screen and (max-width: 768px) {
  .pb-60-20, .py-60-20 {
    padding-bottom: 20px !important;
  }
}

.pt-120-80, .py-120-80 {
  padding-top: 120px !important;
}
@media screen and (max-width: 768px) {
  .pt-120-80, .py-120-80 {
    padding-top: 80px !important;
  }
}

.pb-120-80, .py-120-80 {
  padding-bottom: 120px !important;
}
@media screen and (max-width: 768px) {
  .pb-120-80, .py-120-80 {
    padding-bottom: 80px !important;
  }
}

.pt-100, .py-100 {
  padding-top: 100px !important;
}
@media screen and (max-width: 768px) {
  .pt-100, .py-100 {
    padding-top: 60px !important;
  }
}

.pb-100, .py-100 {
  padding-bottom: 100px !important;
}
@media screen and (max-width: 768px) {
  .pb-100, .py-100 {
    padding-bottom: 60px !important;
  }
}

.pt-100-20, .py-100-20 {
  padding-top: 100px !important;
}
@media screen and (max-width: 768px) {
  .pt-100-20, .py-100-20 {
    padding-top: 20px !important;
  }
}

.pb-100-20, .py-100-20 {
  padding-bottom: 100px !important;
}
@media screen and (max-width: 768px) {
  .pb-100-20, .py-100-20 {
    padding-bottom: 20px !important;
  }
}

.pt-150, .py-150 {
  padding-top: 150px !important;
}
@media screen and (max-width: 768px) {
  .pt-150, .py-150 {
    padding-top: 100px !important;
  }
}

.pb-150, .py-150 {
  padding-bottom: 150px !important;
}
@media screen and (max-width: 768px) {
  .pb-150, .py-150 {
    padding-bottom: 100px !important;
  }
}

.pt-150-30, .py-150-30 {
  padding-top: 150px !important;
}
@media screen and (max-width: 768px) {
  .pt-150-30, .py-150-30 {
    padding-top: 30px !important;
  }
}

.pb-150-30, .py-150-30 {
  padding-bottom: 150px !important;
}
@media screen and (max-width: 768px) {
  .pb-150-30, .py-150-30 {
    padding-bottom: 30px !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-n5, .mx-n5 {
  margin-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;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9970;
}

.loader.left {
  left: 40%;
  top: 40%;
}

.small-loader {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  display: none;
  z-index: 9970;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@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-n1 {
    margin: -0.25rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ml-sm-n5, .mx-sm-n5 {
    margin-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-4_5 {
    margin: 2rem !important;
  }

  .mt-md-4_5, .my-md-4_5 {
    margin-top: 2rem !important;
  }

  .mr-md-4_5, .mx-md-4_5 {
    margin-right: 2rem !important;
  }

  .mb-md-4_5, .my-md-4_5 {
    margin-bottom: 2rem !important;
  }

  .ml-md-4_5, .mx-md-4_5 {
    margin-left: 2rem !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;
  }

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

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

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

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

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

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

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

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

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

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

  .m-md-8 {
    margin: 7rem !important;
  }

  .mt-md-8, .my-md-8 {
    margin-top: 7rem !important;
  }

  .mr-md-8, .mx-md-8 {
    margin-right: 7rem !important;
  }

  .mb-md-8, .my-md-8 {
    margin-bottom: 7rem !important;
  }

  .ml-md-8, .mx-md-8 {
    margin-left: 7rem !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-n1 {
    margin: -0.25rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ml-md-n5, .mx-md-n5 {
    margin-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-n1 {
    margin: -0.25rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ml-lg-n5, .mx-lg-n5 {
    margin-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-n1 {
    margin: -0.25rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ml-xl-n5, .mx-xl-n5 {
    margin-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;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

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

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

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

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

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

.overflow-hidden {
  overflow: hidden !important;
}

@media screen and (max-width: 768px) {
  .overflow-hidden-mob {
    overflow: hidden !important;
  }
}

.overflow-hidden-x {
  overflow-x: hidden !important;
}

/* common */
.tranBasic {
  transition: all 0.3s;
}

a.link-primary {
  color: #3f6ad8;
}

a.link-primary:hover {
  color: #3f6ad8;
  text-decoration: underline;
}

input.basic {
  height: 60px;
  border: 1px solid #e0e0e0;
  font-size: 18px;
  padding: 1.5rem 1.5rem 1.5rem 2.5rem;
  border-radius: 0;
}

input.radius {
  border-radius: 5px;
}

select.basic {
  background: var(--color-bg-primary) url("/images/arrow-select.png") no-repeat 95% center/20px;
  height: 60px;
  border: 1px solid #e0e0e0;
  font-size: 18px;
  padding: 1.5rem 1.5rem 1.5rem 2.5rem;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.basicBorder {
  text-align: center;
  font-weight: bold;
  background: var(--color-bg-primary) url("/images/arrow-select2.png") no-repeat 95% center/20px;
  height: 60px;
  border: 1px solid var(--color-gray-700);
  font-size: 18px;
  padding: 1.5rem 3rem 1.5rem 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  select.basicBorder {
    height: 40px;
    padding: 0;
  }
}

input.search {
  background: var(--color-bg-primary) url("/images/icon-search-gray.png") no-repeat 95% center;
}

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

.font-size-50-18 {
  font-size: 50px;
}

.font-size-48-30 {
  font-size: 48px;
}

.font-size-40-18 {
  font-size: 40px;
}

.font-size-40-30 {
  font-size: 40px;
}

.font-size-40-26 {
  font-size: 40px;
}

.font-size-34-28 {
  font-size: 34px;
}

.font-size-32-20 {
  font-size: 32px;
}

.font-size-30-24 {
  font-size: 30px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-28-26 {
  font-size: 28px;
}

.font-size-26-20 {
  font-size: 26px;
}

.font-size-26-18 {
  font-size: 26px;
}

.font-size-26-16 {
  font-size: 26px;
}

.font-size-24-20 {
  font-size: 24px;
}

.font-size-22-20 {
  font-size: 22px;
}

.font-size-22-18 {
  font-size: 22px;
}

.font-size-22-14 {
  font-size: 22px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-20-18 {
  font-size: 20px;
}

.font-size-20-16 {
  font-size: 20px;
}

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

.font-size-18 {
  font-size: 18px !important;
}

.font-size-18-14 {
  font-size: 18px;
}

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

.font-size-16-14 {
  font-size: 16px;
}

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

.font-size-14-12 {
  font-size: 14px;
}

.font-size-caption {
  font-size: 12px;
}

.font-weight-100 {
  font-weight: 100;
}

.font-weight-300 {
  font-weight: 300;
}

.line-height-normal {
  line-height: 1.5 !important;
}

.font-body-1n {
  font-size: 16px !important;
  font-weight: normal !important;
}

.font-body-2n {
  font-size: 14px !important;
  font-weight: normal !important;
}

.font-subtitle-1n {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.font-headline-6-bold {
  font-size: 18px !important;
  font-weight: bold !important;
}

.color-main-gradient {
  background: #4081bb;
  background: -moz-linear-gradient(170deg, #4081bb 0%, #db5c6c 40%, #f4bd1c 100%);
  background: -webkit-linear-gradient(170deg, #4081bb 0%, #db5c6c 40%, #f4bd1c 100%);
  background: linear-gradient(170deg, #4081bb 0%, #db5c6c 40%, #f4bd1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4081bb", endColorstr="#f4bd1c", GradientType=1);
}

.color-main-blue {
  color: #4081BB;
}

.color-main-blue-im {
  color: #4081bb !important;
}

.color-sub-blue {
  color: #4492CD;
}

.color-main-yellow {
  color: #F2C24F;
}

.color-gray-b8 {
  color: #b8b8b8 !important;
}

.color-gray-c0 {
  color: #c0c0c0;
}

.color-gray-7 {
  color: #777;
}

.color-gray-5b {
  color: #5b5b5b;
}

.color-gray-848898 {
  color: #848898;
}

.color-gray-b0b1bd {
  color: #B0B1BD;
}

.color-gray-d2d3d9 {
  color: #D2D3D9;
}

.color-gray-c2c4c7 {
  color: #c2c4c7;
}

.color-gray-b1d5db {
  color: var(--color-gray-300)
}

.color-red {
  color: var(--color-text-danger) !important;
}

.color-black {
  color: var(--color-text-primary) !important;
}

.color-white {
  color: var(--color-bg-primary) !important;
}

.bg-color-f4 {
  background-color: #f4f4f4 !important;
}

.bg-color-c2c4c7 {
  background-color: #c2c4c7 !important;
}

.border-radius12 {
  border-radius: 12px;
}

.border-radius50 {
  border-radius: 50% !important;
}

.border-radius0 {
  border-radius: 0 !important;
}

.border0 {
  border: none !important;
}

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

.btn-basic {
  border: 0;
  background: transparent;
}

.btn-basic-disabled {
  cursor: default;
}

.btn {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
  text-rendering: auto;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  padding: 1.45rem 3rem;
  line-height: 1.5;
  font-size: 18px;
  min-width: 150px;
}

.btn.font-size-26-20 {
  font-size: 26px;
  font-weight: bold;
  padding: 2rem 3rem;
}

.btn-sm {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
  text-rendering: auto;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  padding: 0.45rem 1rem;
  line-height: 1.5;
  font-size: 16px;
  min-width: 66px;
}

.btn-smd {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
  text-rendering: auto;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  padding: 1.25rem 2rem;
  line-height: 1.5;
  font-size: 16px;
  min-width: 66px;
}

.btn-md {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
  text-rendering: auto;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  padding: 1rem 2.5rem;
  line-height: 1.5;
  font-size: 17px;
  min-width: 120px;
}

.btn-big {
  font-size: 26px;
  padding: 2rem 3rem;
  font-weight: bold;
}

.btn-shadow {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  transition: all 0.3s;
}

.btn-shadow:hover {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}

.btn-new-main {
  background-color: var(--color-bg-interactive-primary);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: all 0.3s;
}
.btn-new-main:hover, .btn-new-main:active {
  color: var(--color-text-interactive-inverse);
  background-color: var(--color-bg-interactive-primary-hovered);
}

.btn-new-white {
  background-color: var(--color-bg-primary);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-interactive-primary);
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: all 0.3s;
}
.btn-new-white:hover, .btn-new-white:active {
  background-color: #f7faff;
  color: var(--color-text-interactive-primary);
}

.btn-new-line {
  background-color: var(--color-bg-primary);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-interactive-primary);
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: all 0.3s;
  border: 1px solid var(--color-border-interactive-primary);
}
.btn-new-line:hover, .btn-new-line:active {
  color: var(--color-text-interactive-primary-hovered);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-interactive-primary-hovered);
}

.btn170 {
  width: 170px;
}

.btn-170 {
  min-width: 170px;
}

.btn-200 {
  min-width: 200px;
}

.btn-210 {
  min-width: 210px;
}

.btn-220-186 {
  min-width: auto;
  width: 220px;
}
@media screen and (max-width: 768px) {
  .btn-220-186 {
    min-width: auto !important;
    width: 186px;
  }
}

.btn-214 {
  width: 214px;
}
@media screen and (max-width: 768px) {
  .btn-214 {
    font-size: 14px !important;
    min-width: auto !important;
  }
}

.btn-235 {
  width: 235px;
}
@media screen and (max-width: 768px) {
  .btn-235 {
    font-size: 14px !important;
    min-width: auto !important;
  }
}

.btn-300 {
  min-width: 300px;
}

.btn-330 {
  min-width: 330px;
}

.btn-main {
  background: #1868B4 !important;
  color: var(--color-text-interactive-inverse);
  border: 1px solid #1868B4 !important;
}

.btn-main:hover {
  background: #115799 !important;
  color: var(--color-text-interactive-inverse);
  border: 1px solid #115799 !important;
}

.btn-blue {
  background: #4081BB;
  color: var(--color-text-interactive-inverse);
  border: 1px solid #4081BB;
}

.btn-blue:hover, .btn-grad-blue-left:hover {
  color: #ddd;
}

.btn-sub-blue {
  background: #4492CD;
  color: var(--color-text-interactive-inverse);
  border: 1px solid #4492CD;
}

.btn-disabled {
  pointer-events: none;
  background: #ccc;
  color: var(--color-text-interactive-inverse);
  border: 1px solid #ccc;
  cursor: auto;
}

.btn-yellow {
  background: #F2C24F;
  color: var(--color-text-interactive-inverse);
  border: 1px solid #F2C24F;
}

.btn-grad-blue-left {
  border-radius: 0;
  border-color: transparent;
  border: 0;
  color: var(--color-text-interactive-inverse);
  background: #0a3e71;
  background: -moz-linear-gradient(90deg, #0a3e71 0%, #1769b4 100%);
  background: -webkit-linear-gradient(90deg, #0a3e71 0%, #1769b4 100%);
  background: linear-gradient(90deg, #0a3e71 0%, #1769b4 100%);
}

.btn-outline-blue {
  border: 1px solid #4081BB;
  color: #4081BB;
  background-color: var(--color-bg-primary);
}

.btn-outline-blue-main {
  border: 1px solid #1868B4;
  color: #1868B4;
  background-color: var(--color-bg-primary);
}

.btn-gray {
  border: 1px solid #c2c2c2;
  color: var(--color-text-interactive-inverse);
  background: #c2c2c2;
}

.btn-sm-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-sm-wrap > button {
  margin: 0 10px;
}

.btn-md-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-md-wrap > button {
  margin: 0 5px;
}

.btn-radius25 {
  border-radius: 25px;
}

.btnFull {
  background: #4B8FCD;
  color: var(--color-text-interactive-inverse);
}

.btnDisabled {
  background: #eee;
  cursor: auto;
  color: #999;
  outline: none;
}

.quick {
  font-family: "Quicksand", sans-serif;
}

.roboto {
  font-family: "Roboto", sans-serif;
}

.hr {
  border-top: 1px solid #e0e0e0;
  border-bottom: 0;
}

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

.mb-30px {
  margin-bottom: 30px;
}

.relative {
  position: relative;
}

.top-15 {
  top: -15px;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flexIM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
}

.flex-1 {
  flex: 1;
}

.flex-lg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-grow {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex-grow: 1;
}

.flex-direction-row {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-direction-column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-direction-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-direction-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flex-wrap-nowrap {
  -webkit-box-lines: single;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-wrap {
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-order {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
}

.flex-justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-justify-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.flex-align-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.flex-lg-justify-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-gap-5 {
  gap: 5px;
}

.flex-gap-10 {
  gap: 10px;
}

.flex-gap-10-0 {
  gap: 10px 0;
}

.flex-gap-0-5 {
  gap: 0 5px;
}

.flex-gap-0-10 {
  gap: 0 10px;
}

.flex-gap-5-0 {
  gap: 5px 0;
}

.flex-gap-5-10 {
  gap: 5px 10px;
}

.flex-gap-5-20 {
  gap: 5px 20px;
}

.flex-gap-16 {
  gap: 16px;
}

.flex-gap-8 {
  gap: 8px;
}

.flex-gap-30-0 {
  gap: 30px 0;
}

.flex-gap-60-0-30-0 {
  gap: 60px 0;
}

@media screen and (max-width: 768px) {
  .flex-gap-60-0-30-0 {
    gap: 30px 0;
  }
}

.line-color-gray-e7e8ef {
  width: 100%;
  height: 1px;
  background-color: #E7E8EF;
}

.line-color-gray-c0 {
  width: 100%;
  height: 1px;
  background-color: #c0c0c0;
}

.line-color-gray-c2c4c7 {
  width: 100%;
  height: 1px;
  background-color: #c2c4c7;
}

.line-color-gray-d1d5db {
  width: 100%;
  height: 1px;
  background-color: var(--color-gray-300);
}

.area {
  display: block !important;
}

.overay {
  display: block !important;
}

.showSweetAlert {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

.hideSweetAlert {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}

.showSweetAlertCenter {
  -webkit-animation: showSweetAlertCenter 0.3s;
  animation: showSweetAlertCenter 0.3s;
}

.showOpacity {
  -webkit-animation: showOpacity 0.3s;
  animation: showOpacity 0.3s;
}

@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes showSweetAlertCenter {
  0% {
    transform: translate(-50%, -50%) scale(0.7);
    -webkit-transform: translate(-50%, -50%) scale(0.7);
    display: block;
  }
  45% {
    transform: translate(-50%, -50%) scale(1.05);
    -webkit-transform: translate(-50%, -50%) scale(1.05);
  }
  80% {
    transform: translate(-50%, -50%) scale(0.95);
    -webkit-transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes showSweetAlertCenter {
  0% {
    transform: translate(-50%, -50%) scale(0.7);
    -webkit-transform: translate(-50%, -50%) scale(0.7);
  }
  45% {
    transform: translate(-50%, -50%) scale(1.05);
    -webkit-transform: translate(-50%, -50%) scale(1.05);
  }
  80% {
    transform: translate(-50%, -50%) scale(0.95);
    -webkit-transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes showOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#overay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9970;
  display: none;
}

.upload_popup {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 1000px;
  height: 80%;
  transform: translate(-50%, -50%);
  padding: 24px;
  background-color: var(--color-bg-primary);
  box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  z-index: 9971;
  display: none;
}

.upload_popup .content {
  height: calc(100% - 91px);
}

.upload_popup form {
  height: 83%;
  margin: 5% 0;
}

.displayNone {
  display: none;
}

.displayNone_IM {
  display: none !important;
}

.displayNone_IM2 {
  display: none !important;
}

.displayBlock_IM {
  display: block !important;
}

.displayFlex_IM {
  display: flex !important;
}

.widthFit {
  width: -moz-fit-content;
  width: fit-content !important;
}

.width20 {
  width: 20px;
}

.width100 {
  width: 100%;
}

.width100_IM {
  width: 100% !important;
}

.width200 {
  width: 200px;
}

.width300 {
  width: 300px;
}

.width400 {
  width: 400px;
}

.width500 {
  width: 500px;
}

.width700 {
  width: 700px;
}

.width800 {
  width: 800px;
}

.width720-100 {
  width: 800px;
}
@media screen and (max-width: 768px) {
  .width720-100 {
    width: 100%;
  }
}

.width800-ver2 {
  width: 800px;
}
@media screen and (max-width: 1600px) {
  .width800-ver2 {
    width: 640px;
  }
}
@media screen and (max-width: 768px) {
  .width800-ver2 {
    width: 100%;
  }
}

.width850 {
  width: 850px;
}
@media screen and (max-width: 991px) {
  .width850 {
    width: 100%;
  }
}

.height50-40 {
  height: 50px;
}
@media screen and (max-width: 768px) {
  .height50-40 {
    height: 40px;
  }
}

.height1 {
  height: 1px;
}

.d-sm-block {
  display: none;
}

.d-pc-block {
  display: block;
}

.d-sm-block1000 {
  display: none;
}

.d-pc-block1000 {
  display: block;
}

.d-sm-block1200 {
  display: none;
}

.d-pc-block1200 {
  display: block;
}

.d-sm-block1000-3 {
  display: none;
}

.d-md-block1000-3 {
  display: none;
}

.d-pc-block1000-3 {
  display: block;
}

a.basic {
  color: #005FA7;
  text-decoration-line: underline;
  text-decoration-color: #005FA7;
  text-underline-position: under;
}

a.basic:hover {
  text-decoration-line: none;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.cursor {
  cursor: pointer;
}

.cursorAuto {
  cursor: auto !important;
}

.popup-x {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #909090;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}

.popup-x:hover {
  color: #bdbdbd;
}

.margin-auto {
  margin-left: auto;
  margin-right: auto;
}

.flex-md-wrap {
  flex-wrap: wrap;
}

.flex-md-noWrap {
  flex-wrap: nowrap;
}

.overflow-visible {
  overflow: visible !important;
}

img.mobile-hidden {
  display: none;
}

/* The container */
.check-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Customize the label (the container) */
.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radiobtn {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .radiobtn {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radiobtn {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radiobtn:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radiobtn:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/* Create a custom radio button */
.radiobtn.basic {
  background-color: transparent;
  border: 2px solid var(--color-base-black);
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radiobtn.basic {
  background-color: transparent;
}

/* Style the indicator (dot/circle) */
.radio-container .radiobtn.basic:after {
  top: 4px;
  left: 4px;
  width: 13px;
  height: 13px;
  background-color: var(--color-bg-interactive-inverse);
}

/**/
.radiobtn.basic.gray {
  background-color: transparent;
  border: 2px solid #c0c0c0;
}

.radio-container .radiobtn.basic.gray.checked:after {
  top: 4px;
  left: 4px;
  width: 13px;
  height: 13px;
  background-color: var(--color-bg-primary);
}

/**/
.radio-container .radiobtn.basic.gray.mainCircle:after {
  background: #1868B4;
}

.archiveColor {
  background-color: var(--color-content-streaming-archive);
}

.liveColor {
  background-color: var(--color-content-live-streaming);
}

.videoColor {
  background-color: #EF90A2;
}

.documentColor {
  background-color: #9786BD;
}

.noticeColor {
  background-color: var(--color-content-notic);
}

.lineGray {
  width: 100%;
  height: 1px;
  background-color: #C0C0C0;
}

@media screen and (max-width: 1200px) {
  .mic-text {
    text-align: left;
  }

  .font-size-50-18 {
    font-size: 30px;
  }

  .font-size-40-18 {
    font-size: 28px;
  }

  .upload_popup {
    width: 90%;
  }

  .d-sm-block1200 {
    display: block;
  }

  .d-pc-block1200 {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .width-basic {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }

  .d-sm-block1000 {
    display: block;
  }

  .d-pc-block1000 {
    display: none;
  }

  .d-sm-block1000-3 {
    display: none;
  }

  .d-md-block1000-3 {
    display: block;
  }

  .d-pc-block1000-3 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .basic-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .d-sm-block {
    display: block;
  }

  .d-pc-block {
    display: none;
  }

  .d-sm-block1000-3 {
    display: block;
  }

  .d-md-block1000-3 {
    display: none;
  }

  .d-pc-block1000-3 {
    display: none;
  }

  input.basic {
    font-size: 16px;
    height: 50px;
  }

  select.basic {
    background: var(--color-bg-primary) url("/images/arrow-select.png") no-repeat 95% center/15px;
    font-size: 16px;
    height: 50px;
  }

  input.search {
    background: var(--color-bg-primary) url("/images/icon-search-gray.png") no-repeat 95% center/20px;
  }

  .font-size-50-18 {
    font-size: 18px;
  }

  .font-size-48-30 {
    font-size: 30px;
  }

  .font-size-40-18 {
    font-size: 18px;
  }

  .font-size-40-30 {
    font-size: 30px;
  }

  .font-size-40-26 {
    font-size: 30px;
  }

  .font-size-34-28 {
    font-size: 28px;
  }

  .font-size-32-20 {
    font-size: 20px;
  }

  .font-size-30-24 {
    font-size: 24px;
  }

  .font-size-28-26 {
    font-size: 26px;
  }

  .font-size-26-18 {
    font-size: 18px;
  }

  .font-size-26-16 {
    font-size: 16px;
  }

  .font-size-26-20 {
    font-size: 20px;
  }

  .font-size-24-20 {
    font-size: 20px;
  }

  .font-size-22-20 {
    font-size: 20px;
  }

  .font-size-22-18 {
    font-size: 18px;
  }

  .font-size-22-14 {
    font-size: 14px;
  }

  .font-size-20-18 {
    font-size: 18px;
  }

  .font-size-20-16 {
    font-size: 16px;
  }

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

  .font-size-18-14 {
    font-size: 14px;
  }

  .font-size-16-14 {
    font-size: 14px;
  }

  .font-size-14-12 {
    font-size: 12px;
  }

  .btn {
    font-size: 16px;
    padding: 0.75rem 2rem;
    min-width: 100%;
  }

  .btn.font-size-26-20 {
    font-size: 20px;
    padding: 1.45rem 3rem;
  }

  .btn-sm {
    font-size: 14px;
    padding: 0.45rem 1rem;
  }

  .btn-smd {
    font-size: 16px;
    padding: 1.25rem 2rem;
  }

  .btn-big {
    font-size: 20px;
    padding: 1.25rem 2rem;
  }

  .btn-170, .btn-200, .btn-210, .btn-300, .btn-330 {
    min-width: 100%;
  }

  .btn-170.pick {
    min-width: 170px;
  }

  .btn-200.pick {
    min-width: 200px;
  }

  .btn-210.pick {
    min-width: 210px;
  }

  .btn-200.pick130 {
    min-width: 130px;
  }

  .btn-330.pick {
    min-width: 330px;
  }

  .btn-330.pick330 {
    min-width: 330px;
  }

  .btn170 {
    width: 100%;
  }

  .flex-lg {
    display: block;
  }

  .flex-md-wrap {
    flex-wrap: nowrap;
  }

  .flex-md-noWrap {
    flex-wrap: wrap;
  }

  .flex-lg-justify-space-between {
    justify-content: normal;
  }

  .flex-md-direction-column {
    flex-direction: column;
  }

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

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

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

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

  .width300 {
    width: 100%;
  }

  .width400 {
    width: 100%;
  }

  .width500 {
    width: 100%;
  }

  .width700 {
    width: 100%;
  }

  .mb-5.sm {
    margin-bottom: 2rem !important;
  }

  .mt-6.sm {
    margin-top: 2rem !important;
  }

  .mt-8.sm {
    margin-top: 3rem !important;
  }

  .basic-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 479px) {
  .btn-330.pick330 {
    min-width: 100%;
  }
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

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

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

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

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

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

  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: var(--color-text-interactive-inverse) !important;
}

.text-primary {
  color: var(--color-text-interactive-primary) !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: var(--color-text-interactive-primary-hovered) !important;
}

.text-secondary {
  color: var(--color-text-interactive-secondary) !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: var(--color-text-interactive-secondary-hovered) !important;
}

.text-success {
  color: var(--color-text-success) !important;
}

a.text-success:hover, a.text-success:focus {
  color: var(--color-text-success-bold) !important;
}

.text-info {
  color: var(--color-text-info) !important;
}

a.text-info:hover, a.text-info:focus {
  color: var(--color-text-info-bold) !important;
}

.text-warning {
  color: var(--color-text-warning) !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: var(--color-text-warning-bold) !important;
}

a.text-danger {
  color: var(--color-text-danger) !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: var(--color-text-danger-bold) !important;
}

.text-light {
  color: #eee !important;
}

a.text-light:hover, a.text-light:focus {
  color: #c8c8c8 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-focus {
  color: #444054 !important;
}

a.text-focus:hover, a.text-focus:focus {
  color: #211f29 !important;
}

.text-alternate {
  color: #794c8a !important;
}

a.text-alternate:hover, a.text-alternate:focus {
  color: #4e3159 !important;
}

.text-body {
  color: #495057 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font-size: 0;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.filter-c2c4c7 { color: #C2C4C7; filter: invert(94%) sepia(7%) saturate(87%) hue-rotate(177deg) brightness(82%) contrast(95%); }
.filter-5b5b5b { color: #5B5B5B; filter: invert(35%) sepia(28%) saturate(1%) hue-rotate(314deg) brightness(95%) contrast(100%); }
.filter-6b7280 { color: #6B7280; filter: invert(45%) sepia(20%) saturate(288%) hue-rotate(182deg) brightness(92%) contrast(84%); }

.new-footer-pb { padding-bottom: var(--80); }
.new-footer-pb-mob-none { padding-bottom: var(--80); }
.new-footer-pt { padding-top: var(--80); }
.new-footer-pt-tablet-none { padding-top: var(--80); }
.new-footer-pt-mob-none { padding-top: var(--80); }
.new-footer-mb { margin-bottom: var(--80); }
.new-footer-mb-pc-tablet-none { margin-bottom: 0; }
.new-footer-mt { margin-top: var(--80); }
.new-footer-mt-tablet-none { margin-top: var(--80); }
.new-footer-mt-mob-none { margin-top: var(--80); }
@media screen and (max-width: 991px) {
  .new-footer-pt-tablet-none { padding-top: 0; }
  .new-footer-mt-tablet-none { margin-top: 0; }
}
@media screen and (max-width: 768px) {
  .new-footer-pb-mob-none { padding-bottom: 0; }
  .new-footer-pt-mob-none { padding-top: 0; }
  .new-footer-mt-mob-none { margin-top: 0; }
  .new-footer-mb-pc-tablet-none { margin-bottom: var(--80); }
}

/* Reset */
* {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
}

html {
  overflow: auto;
  font-size: 10px;
  scroll-behavior: smooth;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button, input {
  margin: 0;
  padding: 0;
  word-break: break-word;
}

body, h1, h2, h3, h4, input, button {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  color: #222;
}

body {
  background-color: var(--color-bg-primary);
  word-break: break-word;
  -ms-word-break: break-word;
}

body.bg-pc {
  background-color: #F8F9FA;
}

img, fieldset, iframe {
  border: 0 none;
  padding: 0;
  vertical-align: middle;
}

li {
  list-style: none;
}

input, select, button {
  vertical-align: middle;
}

img {
  vertical-align: top;
}

i, em, address {
  font-style: normal;
}

label, button {
  cursor: pointer;
}

button {
  margin: 0;
  padding: 0;
}

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

a:hover {
  color: var(--color-text-primary);
  text-decoration: none;
}

button * {
  position: relative;
}

button img {
  left: -3px;
  *left: auto;
}

option {
  padding-right: 6px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary {
  display: block;
}

*, header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
  margin: 0;
  padding: 0;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input:focus, textarea:focus, button:focus, textarea:focus, select:focus {
  outline: none;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label {
  background: url(../images/check-off.png) no-repeat;
}

input[type=checkbox]:checked + label {
  background: url(../images/check-on.png) no-repeat;
}

input[type=radio] {
  display: none;
}

input[type=radio] + label {
  background: url(../images/check-off.png) no-repeat;
}

input[type=radio]:checked + label {
  background: url(../images/check-on.png) no-repeat;
}

input.radio[type=radio] + label {
  background: url(../images/check-radio-off.png) no-repeat;
  background-size: 20px;
  background-position-y: center;
}

input.radio[type=radio]:checked + label {
  background: url(../images/check-radio-on.png) no-repeat;
  background-size: 20px;
  background-position-y: center;
}

input.radio.disabled[type=radio] + label {
  background: url(../images/check-radio-disabled.png) no-repeat;
  background-size: 20px;
  background-position-y: center;
  color: #b8b8b8;
}

.loginPage input[type=radio] + label {
  background-position: 0 5px;
}

.loginPage input[type=radio]:checked + label {
  background-position: 0 5px;
}

.hidden {
  height: 100%;
  min-height: 100%;
  overflow: hidden !important;
  touch-action: none;
}

/* header search */
.search-block {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 9999;
  display: none;
}

.section-3 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #edeeef;
}

.div-block-101 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 85px;
  max-width: 100vw;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-bg-interactive-inverse);
}

.div-block-102 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-102-copy {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.div-block-103 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.w-form {
  margin: 0 0 15px;
}

.form-block-4 {
  margin-bottom: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.form-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.w-input,
.w-select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  vertical-align: middle;
  background-color: var(--color-bg-primary);
  border: 1px solid #cccccc;
}

.text-field-3 {
  margin-bottom: 0px;
  border: 1px solid transparent;
  background-color: transparent;
  color: var(--color-text-interactive-inverse);
  font-size: 18px;
  line-height: 32px;
}

.text-danger {
  font-size: 14px;
  line-height: 28px;
  color: var(--color-text-danger);
  margin-bottom: 10px;
}

.text-warning {
  font-size: 14px;
  line-height: 28px;
  color: var(--color-text-danger);
  margin-bottom: 10px;
}

.text-maximum {
  font-size: 14px;
  line-height: 28px;
  color: var(--color-text-danger);
  clear: both;
  padding-top: 10px;
}

.box-wrap {
  padding: 0 110px;
}

.box-wrap-new {
  width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1600px) {
  .box-wrap-new {
    width: auto;
    padding-left: 110px;
    padding-right: 110px;
  }
}
@media screen and (max-width: 991px) {
  .box-wrap-new {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.box-wrap-new.pl-30 {
  padding-left: 30px;
}
@media screen and (max-width: 1600px) {
  .box-wrap-new.pl-30 {
    padding-left: 140px;
  }
}
@media screen and (max-width: 991px) {
  .box-wrap-new.pl-30 {
    padding-left: 30px;
  }
}

.box-wrap-new-mid {
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1400px) {
  .box-wrap-new-mid {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .box-wrap-new-mid {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1600px) {
  .box-wrap-new-mid.loginAfter {
    width: 100%;
    padding-left: 100px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .box-wrap-new-mid.loginAfter {
    width: 100%;
    padding-left: 100px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .box-wrap-new-mid.loginAfter {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .box-wrap-new-mid.mob-full {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1600px) {
  .box-wrap-new-mid.mob-full.loginAfter {
    padding-left: 100px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .box-wrap-new-mid.mob-full.loginAfter {
    padding-left: 100px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .box-wrap-new-mid.mob-full.loginAfter {
    padding-left: 0;
    padding-right: 0;
  }
}

.box-wrap-new-mini {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 1250px) {
  .box-wrap-new-mini {
    width: auto;
    padding-left: 110px;
    padding-right: 110px;
  }
}
@media screen and (max-width: 768px) {
  .box-wrap-new-mini {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 768px) {
  .box-wrap-new-mid-inner-mob-full {
    width: calc(100% + 40px) !important;
    position: relative !important;
    left: -20px !important;
  }
}

/* header */
.header {
  height: 85px;
  padding: 0 50px;
  position: fixed;
  width: 100%;
  z-index: 9969;
  top: 0;
  transition: all 0.3s;
}

.header.darkHeader, .header.login {
  background: #1561a6;
}

.header-bg {
  display: none;
}

.header-bg.blockHeader {
  display: flex;
  height: 150px;
  justify-content: center;
  align-items: flex-end;
  position: fixed;
  z-index: 9968;
  width: 100%;
}

.header-bg.blockHeader:after {
  content: "";
  width: 100%;
  height: 60px;
  background-color: #1561a6;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.header-bg.blockHeader img {
  width: 100%;
}

.header .h-logo {
  float: left;
  padding: 8px 0;
  margin-right: 25px;
}

.header .h-logo img {
  width: 103px;
}

.header .nav {
  float: left;
  display: none;
}

.header .nav ul {
  overflow: hidden;
}

.header .nav ul li {
  float: left;
}

.header .nav ul li a {
  display: block;
  padding: 30px 21px 29px;
  font-size: 16px;
  font-weight: 500;
}

.header .h-menu {
  float: right;
  display: flex;
  align-items: center;
  height: 85px;
}

.h-menu > div {
  float: left;
  margin-right: 0;
  cursor: pointer;
  position: relative;
}

.h-menu > div.h-user {
  margin-right: 10px;
}

.h-menu > div.h-user p {
  float: left;
  line-height: 42px;
}

.h-menu > div.h-user p.h-user-icon {
  border: 1px solid #c4c4c4;
  width: 40px;
  height: 40px;
  background: #f4f4f4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  overflow: hidden;
}

.h-menu > div.h-user p.h-user-name {
  width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.h-menu > div.h-user p.h-user-icon img {
  max-width: 100%;
}

.h-menu > div.h-search {
  margin-left: 20px;
}

.header .h-menu > div.h-member {
  margin-left: 20px;
  margin-right: 0;
}

.header .h-menu > div.h-member > p {
  float: left;
}

.upload-sub.hide {
  display: none;
}

.upload-sub {
  position: absolute;
  right: 0;
  top: 59px;
  list-style: none;
  padding: 0;
  width: 250px;
  margin-bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 8px 0 rgba(40, 53, 147, 0.1);
  padding: 20px 30px;
  z-index: 9998;
}

.upload-sub li {
  height: 45px;
  line-height: 45px;
}

.upload-sub li a {
  display: block;
  text-decoration: none;
  color: var(--color-text-primary);;
  font-size: 18px;
}

.upload-sub li a img {
  width: 25px;
  vertical-align: middle;
}

.upload-sub li a span {
  margin-left: 20px;
}

.header .h-menu > div.m-nav-btn {
  display: block;
  margin-right: 0;
}

.header .h-menu > div.m-nav-btn.menu {
  border: 1px solid var(--color-border-interactive-inverse);
  color: var(--color-text-interactive-inverse);
  border-radius: 12px;
  padding: 5px 35px;
  font-weight: bold;
  margin-left: 20px;
  margin-right: 0;
}

.header .h-menu > div.menu-icon-border .icon {
  border: 1px solid var(--color-border-interactive-inverse);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 30px;
  height: 30px;
  padding: 7px;
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .header .h-menu > div.menu-icon-border .icon {
    display: none;
  }
}
.header .h-menu > div.menu-icon-border .icon:after {
  display: none;
  content: "";
  position: absolute;
  top: -10px;
  right: -6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-bg-interactive-destructive);
}
@media screen and (max-width: 768px) {
  .header .h-menu > div.menu-icon-border .icon:after {
    right: -3px;
  }
}
.header .h-menu > div.menu-icon-border .icon.unread:after {
  display: block;
}
.header .h-menu > div.menu-icon-border .icon img {
  width: 100%;
}
.header .h-menu > div.menu-icon-border .notification-tab {
  position: absolute;
  top: 44px;
  right: 0;
  width: 300px;
  background-color: var(--color-bg-primary);
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  display: none;
}
.header .h-menu > div.menu-icon-border .notification-tab .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(192, 192, 192, 0.5);
  padding: 15px 20px;
}
.header .h-menu > div.menu-icon-border .notification-tab .top h3 {
  font-size: 2rem;
}
.header .h-menu > div.menu-icon-border .notification-tab .mid .box {
  display: flex;
  gap: 10px;
  padding: 15px 20px;
}
.header .h-menu > div.menu-icon-border .notification-tab .mid .box:not(:last-child) {
  border-bottom: 1px solid rgba(192, 192, 192, 0.5);
}
.header .h-menu > div.menu-icon-border .notification-tab .mid .box.opacity50 .img {
  opacity: 0.5;
}
.header .h-menu > div.menu-icon-border .notification-tab .mid .box.opacity50 .txt {
  opacity: 0.5;
}
.header .h-menu > div.menu-icon-border .notification-tab .mid .box .img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .h-menu > div.menu-icon-border .notification-tab .mid .box .img img {
  width: 100%;
}
.header .h-menu > div.menu-icon-border .notification-tab .mid .box .txt {
  font-size: 1.4rem;
  display: block;
  flex: 1;
  overflow: hidden;
}
.header .h-menu > div.menu-icon-border .notification-tab .mid .box .txt .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  margin-bottom: 3px;
  display: block;
}
.header .h-menu > div.menu-icon-border .notification-tab .mid .box .txt .desc {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.menu-icon-border.mobile .icon {
  display: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border: 1px solid #1561a6;
  background: #1561a6;
  width: 40px;
  height: 40px;
  padding: 10px;
  z-index: 2;
  cursor: pointer;
  border: 1px solid var(--color-border-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .menu-icon-border.mobile .icon {
    display: flex;
  }
}
.menu-icon-border.mobile .icon:after {
  display: none;
  content: "";
  position: absolute;
  top: -10px;
  right: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-bg-interactive-destructive);
}
.menu-icon-border.mobile .icon.unread:after {
  display: block;
}
.menu-icon-border.mobile .icon img {
  width: 100%;
}

.mob-block {
  display: none;
}

.mob-block800 {
  display: none;
}

.overlay {
  position: fixed;
  overflow: hidden;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9969;
  background: rgba(0, 0, 0, 0.5);
}

.overlay.headerBg {
  position: fixed;
  overflow: hidden;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 768px) {
  .overlay.headerBg {
    background: rgba(0, 0, 0, 0.8) !important;
  }
}

.overlay.basic {
  position: fixed;
  overflow: hidden;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
}

.overlay.blue {
  position: fixed;
  overflow: hidden;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 60, 103, 0.58);
}

.mobile-nav {
  position: fixed;
  width: 90%;
  top: 85px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.65);
  text-align: center;
  z-index: 9999;
  display: none;
}

.mobile-nav > ul {
  padding: 10px 0;
}

.mobile-nav a {
  font-size: 16px;
  color: var(--color-text-interactive-inverse);
  display: block;
  padding: 15px 0;
}

/*컨테이너조정*/
.container {
  padding-top: 85px;
  padding-bottom: 50px;
}

.container.list-page {
  padding-top: 185px;
}

.container.mylab {
  padding-top: 60px;
}

.container.upload {
  padding-top: 185px;
}

.container.faq-page {
  padding-top: 185px;
}

.container.notice-view-page, .container.donation-page, .container.contact-page {
  padding-top: 185px;
}

.un-policy-section {
  padding-top: 145px;
}

.container.search-page .main-interests {
  padding-top: 125px;
}

/* footer */
.footer {
  position: relative;
  background-position: -41% bottom;
  background-repeat: no-repeat;
  background-image: url("");
  padding-top: 126px;
  position: relative;
}

.footer:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 1000px;
  height: 300px;
  background: #1764AB;
  z-index: -1;
}

.footer:before {
  content: "";
  position: absolute;
  left: 1000px;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 300px solid transparent;
  border-left: 200px solid #1764AB;
  z-index: -1;
}

.footer > div.f-top {
  padding: 36px 0 39px;
  overflow: hidden;
}

.footer .left {
  float: left;
  position: relative;
}

.footer .left:after {
  content: "";
  position: absolute;
  bottom: -35px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-bg-primary);
}

.footer .left .f-text {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-top: 15px;
  color: var(--color-text-interactive-inverse);
}

.footer .left .f-sns {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.footer .left .f-sns a {
  float: left;
  width: 150px;
  height: 35px;
  background: #84A4CF;
  color: var(--color-text-interactive-inverse);
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
}

.footer .right {
  float: right;
  overflow: hidden;
}

.footer .right p {
  float: left;
}

.footer .right p:first-of-type {
  margin-right: 60px;
  width: 150px;
}

.footer .right p:first-of-type img {
  width: 100%;
}

.f-menu {
  padding: 20px 0 30px;
}

.f-menu .box-wrap {
  overflow: hidden;
}

.f-menu-wrap {
  float: left;
  overflow: hidden;
}

.f-menu-wrap p {
  float: left;
  border-right: 1px solid #e0e0e0;
  padding-right: 20px;
  margin-right: 20px;
  line-height: 1.5;
}

.f-menu-wrap p:last-of-type {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}

.f-menu-wrap p a {
  font-size: 18px;
  color: var(--color-text-interactive-inverse);
  font-weight: 300;
}

.copyright {
  float: right;
  font-size: 18px;
  color: #909090;
  font-weight: 300;
}

/* 로그인페이지 */
.loginPage {
  background: url(../images/sign-bg.png) no-repeat center;
  width: 100%;
  height: 100%;
  background-color: #F7F7F9;
}

.loginPage .form-wrap {
  width: 506px;
  padding: 47px 63px 56px;
  background-color: var(--color-bg-primary);
  box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  margin: 143px auto 0;
}

.loginPage .form-wrap.wide {
  width: 770px;
}

.loginPage .sign-banner-bottom .form-wrap {
  margin: 40px auto 0;
}

.loginPage .form-wrap.sign-repage {
  padding: 0;
}

.loginPage .form-wrap h2 {
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
  margin-bottom: 30px;
}

.loginPage .form-wrap.sign-repage h2 {
  padding: 40px 63px 0;
}

.loginPage .form-wrap.sign-repage .form-inner {
  padding: 0 63px 30px;
}

.loginPage .form-wrap.sign-repage .form-inner .form-inner {
  padding: 0;
}

.loginPage .form-wrap .form-inner .login-email {
  margin-bottom: 10px;
}

.loginPage .form-wrap .form-inner .login-email p {
  position: relative;
}

.loginPage .form-wrap .form-inner .login-email p:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 20px;
  background: url(../images/icon-email.png) no-repeat;
  top: 15px;
  right: 17px;
}

.loginPage .form-wrap .form-inner .login-password {
  margin-bottom: 30px;
  position: relative;
}

.loginPage .form-wrap .form-inner .login-password.sign {
  margin-bottom: 10px;
}

.loginPage .form-wrap .form-inner .login-password p {
  position: relative;
}

.loginPage .form-wrap .form-inner .login-password p:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 18px;
  background: url(../images/icon-password.png) no-repeat;
  top: 18px;
  right: 18px;
}

.loginPage .form-wrap .form-inner .login-name {
  margin-bottom: 10px;
}

.loginPage .form-wrap .form-inner label {
  display: block;
  font-size: 16px;
  line-height: 19px;
  color: #848898;
  font-weight: 700;
  margin-bottom: 8px;
  overflow: hidden;
}

.loginPage .form-wrap .form-inner input {
  width: 100%;
  height: 52px;
  border: 1px solid #e7e8ef;
  border-radius: 8px;
  font-size: 16px;
  padding-left: 17px;
  color: #848898;
}

.loginPage .form-wrap .form-inner input::placeholder {
  color: #d2d3d9;
  font-size: 15px;
}

.loginPage .form-wrap .form-inner input:focus {
  border: 1px solid #848898;
}

.loginPage .form-wrap .form-inner input.border-red {
  border-color: var(--color-bg-interactive-destructive);
}

.loginPage .form-wrap .form-inner select {
  width: 100%;
  height: 52px;
  border: 1px solid #e7e8ef;
  border-radius: 8px;
  font-size: 16px;
  padding-left: 17px;
  color: #848898;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}

.loginPage .form-wrap .form-inner select.border-red {
  border-color: var(--color-bg-interactive-destructive);
}

.loginPage .form-wrap .form-inner .login-btn {
  width: 100%;
  height: 52px;
  font-size: 22px;
  line-height: 52px;
  font-weight: 700;
  color: var(--color-text-interactive-inverse);
  background: linear-gradient(90.95deg, #4386C7 0.19%, #DB5C6C 49.57%, #F4BD1C 100%);
  box-shadow: 2px 5px 5px rgba(66, 136, 198, 0.15);
  border-radius: 8px;
  border: none;
  margin-bottom: 47px;
}

.loginPage .form-wrap .form-inner > p {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #313237;
}

.loginPage .form-wrap .form-inner > p .sign-btn {
  color: #db5c6c;
  margin-left: 10px;
}

.loginPage .form-inner .input-wrap {
  margin-bottom: 10px;
}

.loginPage .form-inner .input-wrap.birth {
  margin-bottom: 23px;
  overflow: hidden;
}

.loginPage .form-inner .input-wrap.birth p {
  float: left;
  margin-right: 10px;
  width: 120px;
}

.loginPage .form-inner .input-wrap.birth p:last-of-type {
  margin-right: 0;
}

.loginPage .form-inner .input-wrap select {
  border: 1px solid #e7e8ef;
  border-radius: 8px;
  background-color: var(--color-bg-primary);
  width: 100%;
  height: 52px;
  font-size: 16px;
  color: #d2d3d9;
  padding-left: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/select-arrow.png) no-repeat center right 15px;
}

.loginPage .form-inner .input-wrap select:focus {
  border: 1px solid #848898;
}

.loginPage .form-wrap .form-inner .login-btn.submit-btn {
  margin-bottom: 10px;
}

.loginPage .form-wrap .form-inner .login-btn.next-btn {
  margin-bottom: 0;
}

.loginPage .form-wrap .form-inner .login-btn.back-btn {
  margin-bottom: 180px;
}

.loginPage .form-wrap .form-inner .login-btn.sign-btn {
  margin-bottom: 12px;
}

.loginPage .form-wrap .form-inner label .required-text {
  font-size: 14px;
  color: var(--color-text-danger);
  font-weight: 400;
  float: right;
}

.loginPage .form-wrap .succ-text {
  font-size: 15px;
  line-height: 28px;
  font-weight: 400;
  color: #848898;
  margin-bottom: 100px;
}

.loginPage .form-wrap .form-inner .check-wrap {
  display: flex;
  margin-bottom: 10px;
}

.loginPage .form-wrap .form-inner .check-wrap.all {
  margin-bottom: 20px;
}

.loginPage .form-wrap .form-inner .check-wrap input + label {
  padding-left: 26px;
}

.loginPage .form-wrap .form-inner .check-wrap.all input + label {
  padding-left: 36px;
  background-position: 0 3px;
  word-break: normal;
}

.loginPage .form-wrap .form-inner .check-wrap.all input + label a {
  color: #4386C7;
}

.loginPage .form-wrap .form-inner .check-wrap input.all {
  width: 54px;
  height: 20px;
  margin-right: 16px;
  margin-top: 4px;
}

.loginPage .form-wrap .form-inner .check-wrap label span {
  font-size: 14px;
  line-height: 20px;
  color: #313237;
  font-weight: 700;
  margin-bottom: 0;
}

.loginPage .form-wrap .form-inner .check-wrap label span.required {
  color: #4386C7;
  font-weight: 500;
}

.loginPage .form-wrap .form-inner .check-wrap label span.option {
  color: #868686;
}

.loginPage .form-wrap .form-inner .check-wrap.all label {
  font-size: 16px;
  line-height: 20px;
  color: #848898;
  font-weight: 500;
}

.loginPage .form-wrap .form-inner .check-inner {
  background: #f7f7f7;
  border-radius: 8px;
  padding: 20px 12px;
  margin-bottom: 40px;
}

.loginPage .form-wrap .form-inner textarea {
  border: none;
  background-color: var(--color-bg-primary);
  padding: 5px 27px;
  height: 70px;
  font-size: 12px;
  line-height: 20px;
  color: #868686;
  width: 100%;
  resize: none;
  margin-bottom: 20px;
  font-family: "Noto Sans KR", sans-serif;
}

.loginPage .form-wrap .form-inner .option-text {
  font-size: 12px;
  line-height: 20px;
  padding: 0 25px;
}

.loginPage .form-wrap .form-inner textarea::-webkit-scrollbar {
  width: 16px;
}

.loginPage .form-wrap .form-inner textarea::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #C4C4C4;
  border: 6px solid transparent;
}

.loginPage .form-wrap .form-inner textarea::-webkit-scrollbar-track {
  background-color: var(--color-bg-primary);
}

.loginPage .form-wrap .form-inner .chk-wrap label {
  padding-left: 26px;
  line-height: 20px;
  margin-bottom: 10px;
}

.loginPage .form-wrap .form-inner .chk-wrap label span {
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  color: #313237;
}

.loginPage .form-wrap .form-inner .type-chk {
  overflow: hidden;
  margin-bottom: 30px;
}

.loginPage .form-wrap .form-inner .invitation-code {
  margin-bottom: 10px;
}

.loginPage .form-wrap .form-inner .type-chk > label {
  margin-bottom: 15px;
}

.loginPage .form-wrap .form-inner .chk-wrap .type-text {
  display: flex;
}

.loginPage .form-wrap .form-inner .chk-wrap .type-text .type-text-left {
  margin-right: 10px;
  flex-grow: 0;
  flex-shrink: 0;
}

.loginPage .form-wrap .form-inner .chk-wrap .type-text .type-text-left span {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
}

.loginPage .form-wrap .form-inner .chk-wrap .type-text .type-text-right {
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
  color: #848898;
  word-break: normal;
}

.loginPage .form-wrap .form-inner .chk-wrap .type-text .type-text-right span {
  font-weight: 700;
}

.loginPage .form-wrap .form-inner .chk-wrap .subscriber-red {
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  color: var(--color-text-danger);
  margin-top: 5px;
  margin-bottom: 20px;
  word-break: normal;
}

.loginPage .form-wrap.final {
  padding: 47px 62px 246px;
}

.loginPage .form-wrap.final p {
  font-size: 15px;
  color: #848898;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 60px;
}

.loginPage .form-wrap.final span {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #313237;
  margin-bottom: 14px;
}

.loginPage .form-wrap.final a {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #4386c7;
}

.login-test-text {
  margin-top: 20px;
}

.login-test-text p {
  font-size: 14px;
  color: var(--color-text-danger);
  line-height: 24px;
}

.type-chk .btn-example {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #848898;
  text-decoration-line: underline;
}

.pop-layer .pop-container {
  padding: 40px 50px;
  position: relative;
}

.pop-layer .pop-container.padB20 {
  padding: 40px 50px 0 50px;
}

.pop-layer.pad .pop-container {
  background-color: var(--color-bg-primary);
}

.pop-layer .pop-container h1 {
  margin-bottom: 20px;
}

.pop-layer .pop-container h2 {
  font-size: 26px;
  line-height: 37px;
  font-weight: 500;
  margin-bottom: 15px;
}

.pop-layer .pop-container h3 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}

.pop-layer .pop-container > p {
  font-size: 16px;
  line-height: 23px;
  font-weight: 300;
  margin-bottom: 20px;
}

.pop-layer .pop-container > p strong {
  font-size: 18px;
}

.pop-layer .pop-container table {
  width: 100%;
}

.pop-layer .pop-container table caption {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: left;
}

.pop-layer .pop-container table thead th {
  width: 130px;
  height: 35px;
  background: #4386C7;
  text-align: center;
  color: var(--color-text-interactive-inverse);
  font-weight: 500;
  font-size: 14px;
  border-right: 1px solid var(--color-border-interactive-inverse);
}

.pop-layer .pop-container table thead th.newSecondary {
  background-color: var(--color-bg-interactive-secondary);
}

.pop-layer .pop-container table thead th:first-child {
  width: 250px;
}

.pop-layer .pop-container table tbody td {
  height: 35px;
  background: #fafafa;
  border-right: 1px solid var(--color-border-interactive-inverse);
  border-bottom: 1px solid var(--color-border-interactive-inverse);
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}

.pop-layer .pop-container table tbody td:first-child {
  text-align: left;
  padding-left: 20px;
}

.pop-layer .pop-container table tbody td img {
  vertical-align: middle;
}

a.btn-layerClose {
  position: absolute;
  top: 25px;
  right: 25px;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 630px;
  height: auto;
  background-color: var(--color-bg-primary);
  z-index: 9999;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow-y: auto;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-interactive-inverse);
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 9998;
}

.dim-layer .pop-layer {
  display: block;
}

.dim-layer .pop-layer.pad {
  padding: 10px;
  background: #E0E0E0;
}

.sign-banner {
  background: url(../images/sign-banner.jpg) no-repeat center;
  background-size: cover;
}

.sign-banner a {
  font-family: "Quicksand", sans-serif;
  font-size: 40px;
  line-height: 50px;
  padding: 40px 0;
  font-weight: 400;
  color: var(--color-text-interactive-inverse);
  display: block;
  text-align: center;
}

.login-sub-btn {
  text-align: center;
  margin-top: 30px;
}

.login-sub-btn a {
  font-size: 16px;
  line-height: 20px;
  padding: 0 10px;
}

.email-wrap {
  width: 560px;
  margin: 0 auto;
  padding-top: 193px;
}

.email-wrap .center {
  text-align: center;
}

.email-wrap .email-logo {
  margin-bottom: 85px;
}

.email-wrap .email-logo img {
  width: 165px;
}

.email-wrap h2 {
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
  color: #313237;
  margin-bottom: 25px;
}

.email-wrap .email-text {
  font-size: 20px;
  line-height: 29px;
  color: #313237;
  margin-bottom: 75px;
}

.email-wrap .email-btn {
  width: 380px;
  margin: 0 auto 20px;
}

.email-wrap .email-btn button {
  width: 100%;
  height: 65px;
  font-size: 22px;
  line-height: 65px;
  font-weight: 700;
  color: var(--color-text-interactive-inverse);
  background: linear-gradient(90.95deg, #4386C7 0.19%, #DB5C6C 49.57%, #F4BD1C 100%);
  box-shadow: 2px 5px 5px rgba(66, 136, 198, 0.15);
  border-radius: 8px;
  border: none;
}

.email-wrap .sub-btn {
  width: 380px;
  margin: 0 auto 65px;
}

.email-wrap .sub-btn a {
  font-size: 16px;
  color: #4386c7;
}

.email-wrap .help-text {
  margin-bottom: 25px;
}

.email-wrap .help-text p {
  font-size: 16px;
  line-height: 24px;
  color: #313237;
  font-weight: 400;
}

.email-wrap .help-text p a {
  color: #4386c7;
  margin-left: 10px;
}

.email-wrap .email-location {
  font-size: 16px;
  line-height: 24px;
  color: #848898;
  font-weight: 400;
}

.email-wrap .bar img {
  display: block;
  margin: 0 auto 15px;
}

.email-wrap .email-location a {
  font-size: 16px;
  line-height: 23px;
  color: #848898;
}

/* 메인페이지 */
.main-search-box .main-video {
  margin: 0 auto;
  width: 80%;
}

.main-search-box .main-video iframe {
  width: 100%;
  height: 39vw;
}

.main-search-box .input-box {
  display: flex;
  width: 900px;
  margin: 0 auto 60px;
  background-color: var(--color-bg-primary);
  border: 1px solid #e0e0e0;
  border-radius: 50px;
  height: 70px;
  padding: 0 40px;
  text-align: left;
}

.main-search-box .input-box button {
  background: none;
  border: none;
}

.main-search-box .input-box input {
  height: 68px;
  margin-left: 40px;
  font-size: 18px;
  width: 700px;
  border: none;
}

.main-search-box .search-box-text {
  margin-top: 50px;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
  font-weight: 400;
  /*font-family: 'Quicksand', sans-serif;*/
}

.search-cate {
  padding-top: 50px;
  flex-grow: 0;
  flex-shrink: 0;
}

.interest-text {
  /*font-size:30px;line-height: 37px;*/
  text-align: center;
  font-weight: 700;
  /*font-family: 'Quicksand', sans-serif;*/
  margin-bottom: 50px;
}

.main-cate-img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.main-cate-img > div {
  display: flex;
  flex-wrap: wrap;
  width: 990px;
  justify-content: center;
}

.main-cate-img a {
  width: 100px;
  margin-right: 10px;
  margin-bottom: 20px;
}

.main-cate-img a:last-child {
  margin-right: 0;
}

.main-banner {
  padding-top: 85px;
}

.main-banner .swiper-container {
  width: 100%;
  height: 230px;
  background-size: 100%;
}

.main-banner .swiper-container a {
  display: block;
  height: 100%;
}

.main-banner .slide1 {
  background: url(../images/banner02.png) no-repeat center;
}

.main-banner .slide2 {
  background: url(../images/banner02.png) no-repeat center;
}

.main-banner .slide3 {
  background: url(../images/banner02.png) no-repeat center;
}

.main-banner .swiper-slide {
  background-size: cover;
}

.main-banner .swiper-slide p {
  position: absolute;
  font-weight: 700;
  font-size: 70px;
  line-height: 80px;
  letter-spacing: 10px;
  color: #222;
  top: 237px;
  left: 50%;
  margin-left: -547px;
}

.main-banner .swiper-slide p:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 180px;
  background: #222;
  left: -54px;
}

.main-banner .swiper-slide a {
  text-align: center;
  color: var(--color-text-interactive-inverse);
  font-size: 70px;
  line-height: 230px;
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
}

.main-banner .swiper-slide a span {
  font-weight: 700;
}

.main-banner .swiper-pagination {
  width: 100%;
  margin-top: 16px;
}

.main-banner .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: #dadada;
  opacity: inherit;
  margin-right: 24px;
}

.main-banner .swiper-pagination-bullet:focus {
  outline: 0;
}

.main-banner .swiper-pagination-bullet:last-of-type {
  margin-right: 0;
}

.main-banner .swiper-pagination-bullet-active {
  background: #222;
}

.main-banner .swiper-button-prev {
  background: url(../images/banner-left.png) no-repeat;
  width: 30px;
  height: 53px;
  left: 30px;
  background-size: 100%;
}

.main-banner .swiper-button-next {
  background: url(../images/banner-right.png) no-repeat;
  width: 30px;
  height: 53px;
  right: 30px;
  background-size: 100%;
}

.main-banner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: none;
}

.main-banner .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: none;
}

.main-banner-text {
  font-size: 26px;
  /*line-height: 32px;*/
  text-align: center;
  font-weight: 400;
  color: var(--color-text-interactive-inverse);
  /*font-family: 'Quicksand', sans-serif;*/
  width: 1100px;
  margin: 50px auto 120px;
}

.main-bg {
  height: 100%;
  background: top center/100% no-repeat url(/images/main-bg.png);
  position: absolute;
  width: 100%;
  top: -50px;
  z-index: -1;
}

.main-bg img {
  display: none;
}

.main-title {
  text-align: center;
}

.main-title h2 {
  padding-top: 140px;
  font-size: 70px;
  color: var(--color-text-interactive-inverse);
  display: inline-block;
  border-bottom: 1px solid;
  padding-left: 20px;
  padding-right: 20px;
}

.main-section {
  border-bottom: 1px solid #e0e0e0;
  padding: 60px 0;
}

.main-section .box-wrap {
  position: relative;
}

.main-section.section1 {
  padding-top: 60px;
}

.main-section.section3 {
  padding: 120px 0 60px;
}

.main-section.section4 {
  padding-bottom: 60px;
  border-bottom: 0;
}

.main-section h2 {
  font-size: 45px;
  font-weight: 900;
  line-height: 65px;
  text-align: center;
  margin-bottom: 60px;
}

/*.main-section h2:after{content:'';display: block;width:130px;height:3px;margin:16px auto 0;}
.main-section.section1 h2:after{background:#DC8086}
.main-section.section1 h2 span{color:#DC8086}
.main-section.section2 h2:after{background:#B18BB7}
.main-section.section2 h2 span{color:#B18BB7}
.main-section.section3 h2:after{background:#F2C24F}
.main-section.section3 h2 span{color:#F2C24F}
.main-section.section4 h2:after{background:#00AAB7}
.main-section.section4 h2 span{color:#00AAB7}*/
.main-section h2 .mobile-block {
  display: none;
}

.btn-common {
  text-align: center;
  margin-top: 76px;
  display: none;
}

.btn-common a {
  display: block;
  width: 390px;
  height: 85px;
  color: var(--color-text-interactive-inverse);
  line-height: 85px;
  border: none;
  font-size: 25px;
  font-weight: 400;
  margin: 0 auto;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.btn-common.video a {
  background: var(--color-content-video);
}

.btn-common.document a {
  background: var(--color-content-document);
}

.btn-common.streaming a {
  background: var(--color-content-live-streaming);
}

.btn-common.notice a {
  background: #00AAB7;
}

.btn-common.member a {
  background: #BCB7B7;
}

.btn-common.archive a {
  background: var(--color-content-streaming-archive);
}

.btn-common.blue a {
  background: #4081BB;
}

path.main-color {
  fill: #1868B4;
}

path.streaming {
  fill: var(--color-content-live-streaming);
}

path.archive {
  fill: var(--color-content-streaming-archive);
}

path.video {
  fill: var(--color-content-video);
}

path.document {
  fill: var(--color-content-document);
}

.select2 {
  width: 100% !important;
}

.section-contents .content-box.video {
  border-bottom: 6px solid var(--color-content-video);
  background-color: var(--color-bg-primary);
}

.section-contents .content-box.document {
  border-bottom: 6px solid var(--color-content-document);
  background-color: var(--color-bg-primary);
}

.section-contents .content-box.streaming {
  border-bottom: 6px solid var(--color-content-live-streaming);
  background-color: var(--color-bg-primary);
}

.section-contents .content-box.archive {
  border-bottom: 6px solid var(--color-content-streaming-archive);
  background-color: var(--color-bg-primary);
}

.section-contents .content-box.notice {
  border-bottom: 6px solid #00AAB7;
  background-color: var(--color-bg-primary);
  margin-right: 0;
  margin-bottom: 0;
}

.section-contents .content-box.member {
  border-bottom: 6px solid #BCB7B7;
  background-color: var(--color-bg-primary);
}

.section-contents .content-box {
  float: left;
  width: 23.5%;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
  margin-right: 2%;
}

.list-page .section-contents .content-box {
  margin-bottom: 60px;
}

.section-contents .content-box:nth-of-type(4n) {
  margin-right: 0;
}

.section-contents .content-box:last-of-type {
  margin-right: 0;
}

.video-wrap {
  position: relative;
  width: 100%;
  height: 220px;
  background-color: #F0F0F0;
  overflow: hidden;
  background-size: 100%;
}

.video-wrap a {
  display: table;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-wrap .txt-point-live {
  position: absolute;
  left: 14px;
  top: 15px;
  color: var(--color-text-interactive-inverse);
  font-size: 12px;
  border-radius: 50px;
  display: block;
  background-color: var(--color-content-streaming-archive);
  padding: 3px 9px 5px;
}

.video-wrap .thumbnail {
  width: 100%;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}

.video-wrap .thumbnail img {
  width: 100%;
}

.section-contents .content-box .category img {
  max-width: 40px;
  width: 16%;
  margin-right: 5px;
  margin-bottom: 5px;
}

.section-contents .content-box .category img:last-child {
  margin-right: 0;
}

.view-wrap .view-left .category img {
  max-width: 40px;
  width: 16%;
  margin-right: 5px;
  margin-bottom: 5px;
}

.view-wrap .view-left .category img:last-child {
  margin-right: 0;
}

.video-wrap .play-btn {
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 50px;
}

.content-text {
  padding: 35px 30px 20px;
  background-color: var(--color-bg-primary);
  position: relative;
}

.content-text .category {
  min-height: 40px;
}

.content-text h3 {
  font-size: 22px;
  line-height: 1.2;
  height: 53px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  margin-top: 20px;
  margin-bottom: 5px;
}

.section-contents .content-box.document .content-text h3 {
  margin-top: 0;
}

.section-contents .content-box.document .content-text .time2 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  color: #c0c0c0;
  margin-top: 25px;
}

.content-text .name {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 5px;
}

.content-text .time {
  font-size: 14px;
  font-weight: 300;
  color: #c0c0c0;
}

.content-text .time img {
  margin-right: 8px;
  vertical-align: middle;
}

.section-contents .content-box.streaming .float-wrap {
  overflow: hidden;
}

.section-contents .content-box.streaming .float-wrap .time {
  float: left;
}

.section-contents .content-box.streaming .float-wrap .live-on {
  float: right;
  font-size: 18px;
  line-height: 39px;
  color: var(--color-text-interactive-inverse);
  font-weight: 300;
  width: 115px;
  height: 39px;
  background: #ec8336;
  border-radius: 30px;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 10px;
}

.list-page .section-contents .content-box.streaming .float-wrap .live-on {
  display: block;
}

.section-contents .content-box.notice {
  min-height: 170px;
  background-color: var(--color-bg-primary);
  margin-bottom: 0;
}

.section-contents .content-box.notice h4 {
  display: inline-block;
  font-weight: 400;
  color: var(--color-text-interactive-inverse);
  font-size: 20px;
  width: 90px;
  height: 35px;
  line-height: 35px;
  background: #222;
  text-align: center;
}

.section-contents .content-box.notice .content-text {
  padding: 25px 30px 10px;
}

.section-contents .content-box.notice .content-text h5 {
  font-size: 30px;
  line-height: 43px;
  font-weight: 700;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.section-contents .content-box.notice .content-text div {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 10px;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 130px;
}

.section-contents .content-box.notice .content-text .days {
  text-align: right;
  font-size: 16px;
  font-weight: 300;
  color: #c0c0c0;
}

/* 마이페이지 */
.mylab-banner {
  width: 100%;
  height: 330px;
  background: url(../images/mylab-banner.png) no-repeat center;
  background-size: cover;
  margin-top: 108px;
  margin-bottom: 60px;
  padding-top: 95px;
}

.mylab-banner .icon {
  float: left;
  vertical-align: middle;
  width: 147px;
  margin-right: 65px;
  overflow: hidden;
  border-radius: 50%;
}

.mylab-banner .icon img {
  width: 100%;
}

.mylab-banner .banner-text-wrap {
  float: left;
  vertical-align: middle;
  width: 70%;
}

.mylab-banner .banner-text-wrap .name {
  font-size: 55px;
  line-height: 80px;
  font-weight: 400;
  color: var(--color-text-interactive-inverse);
}

.mylab-banner .banner-text-wrap .profile p {
  font-size: 19px;
  line-height: 27px;
  color: var(--color-text-interactive-inverse);
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mylab-menu {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
  display: flex;
}

.mylab-menu.noBorder {
  border: none;
}

.mylab-menu p {
  float: left;
  margin-right: 30px;
  padding-bottom: 15px;
  font-weight: 500;
}

.mylab-menu p a {
  font-size: 22px;
  line-height: 30px;
  color: #909090;
}

.mylab-menu p:last-of-type {
  margin-right: 0;
}

.mylab-menu p.active {
  border-bottom: 4px solid #4081bb;
}

.mylab-menu p.active a {
  color: var(--color-text-primary);;
}

.point-num {
  margin-top: 50px;
  background: #E1E9F0;
  border-radius: 20px;
  padding: 32px 34px;
}

.point-num .title {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
}

.point-num .title span {
  color: #4B8FCD;
}

.point-num .number {
  font-size: 100px;
  font-weight: 700;
  color: #4b8fcd;
  text-align: center;
  line-height: 1;
}

.mylab-menu p.history {
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  margin-top: 60px;
}

.history-wrap {
  padding: 88px 80px;
  background: #fafafa;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 70px;
}

.history-wrap .history-inner {
  background-color: var(--color-bg-primary);
  padding: 48px 70px 50px;
  border-radius: 20px;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
  position: relative;
  margin-bottom: 50px;
}

.history-title {
  overflow: hidden;
  margin-bottom: 27px;
}

.history-title p {
  float: left;
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  padding-top: 7px;
}

.history-title p.history-num {
  margin-right: 32px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 3px solid var(--color-base-black);
  padding-top: 0;
}

.history-table {
  width: 100%;
}

.history-table .table-menu {
  overflow: hidden;
  border-top: 1px solid var(--color-base-black);
  border-bottom: 1px solid var(--color-base-black);
}

.history-table .table-menu th {
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  font-weight: 500;
}

.history-table .table-content {
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
}

.history-table .table-content:last-of-type {
  border-bottom: 1px solid var(--color-base-black);
}

.point-btn-wrap {
  text-align: center;
  margin-bottom: 50px;
}

.point-btn-wrap > div {
  display: inline-block;
}

.point-btn-wrap > div a {
  float: left;
  width: 330px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  font-size: 26px;
  font-weight: 700;
}

/*.point-btn-wrap>div a.buy-btn{color:#fff;background:#4B8FCD;margin-right: 55px;}*/
.point-btn-wrap > div a.transfer-btn {
  color: #4b8fcd;
  background-color: var(--color-bg-primary);
  border: 1px solid #4B8FCD;
}

.history-table .table-menu th.date-size {
  width: 15%;
}

.history-table .table-menu th.received-size {
  width: 25%;
}

.history-table .table-menu th.Sent-size {
  width: 25%;
}

.history-table .table-menu th.Exchanged-size {
  width: 25%;
}

.history-table .table-menu th.Balance-size {
  width: 10%;
}

.history-table .table-content td {
  font-size: 22px;
  line-height: 70px;
  text-align: center;
  font-weight: 300;
}

.history-table .table-content td .mobile-block {
  display: none;
}

.history-table .table-content td.date-size {
  width: 15%;
  font-size: 14px;
}

.history-table .table-content td.history-size {
  width: 70%;
  text-align: left;
  padding-left: 15%;
}

.history-table .table-content td.history-size p {
  font-size: 20px;
  line-height: 29px;
  font-weight: 300;
}

.history-table .table-content td.history-size p.donation-block {
  font-size: 16px;
  line-height: 23px;
  color: #909090;
}

.history-table .table-content td.Balance-size {
  width: 15%;
  font-weight: 500;
}

.myWallet-wrap .myWallet-inner {
  width: 90%;
  background-color: var(--color-bg-primary);
  text-align: center;
  box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
}

.myWallet-wrap .myWallet-inner .myWallet-title .img {
  width: 600px;
  margin: 0 auto;
}

.myWallet-wrap .myWallet-inner .myWallet-title .img img {
  width: 100%;
}

.myWallet-wrap .myWallet-inner.blue {
  background-color: #4081BB;
}

.myWallet-wrap .myWallet-inner.blue .myWallet-title .txt .color-main-blue {
  color: var(--color-text-interactive-inverse);
}

.myWallet-wrap .myWallet-inner.blue .myWallet-title .title-line {
  background-color: var(--color-bg-primary);
}

.myWallet-wrap .myWallet-inner.blue .myWallet-connectBtn-wrap .btn {
  background-color: var(--color-bg-primary);
  color: #4081BB;
}

.myWallet-link {
  display: flex;
  justify-content: center;
}
.myWallet-link > a {
  border: 2px solid #1868B4;
  display: flex;
  padding: 15px 20px 15px 30px;
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .myWallet-link > a {
    padding: 5px 11px 5px 20px;
    border-radius: 20px;
  }
}
.myWallet-link .txt {
  font-size: 20px;
  font-weight: bold;
  color: #1868B4;
}
@media screen and (max-width: 768px) {
  .myWallet-link .txt {
    font-size: 16px;
  }
}
.myWallet-link .img {
  display: flex;
  align-items: center;
}

.myWallet-border {
  position: relative;
  background-color: var(--color-bg-primary);
  border: 2px solid #EE861C;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin-top: 234px;
  padding-bottom: 110px;
  padding-top: 165px;
}

.myWallet-border .myWallet-meta-img {
  position: absolute;
  left: 50%;
  top: -110px;
  transform: translate(-50%, 0);
}

.myWallet-border .myWallet-tri {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-top: 16px solid #4492CD;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 0 solid transparent;
}

.beginners-wrap .beginners .beginners-inner {
  width: 90%;
  margin: 0 auto;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  position: relative;
  border-radius: 15px;
  background-color: #E1E9F0;
  padding: 25px;
}

.beginners-wrap .beginners .beginners-inner .number {
  position: absolute;
  left: 25px;
  top: 25px;
  color: #00559A;
  border-radius: 50%;
  border: 1px solid #00559A;
  width: 30px;
  height: 30px;
  background-color: var(--color-bg-primary);
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.beginners-wrap .beginners .beginners-inner .desc-inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.beginners-wrap .beginners .beginners-inner .desc-inner .step-2-1 {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.beginners-wrap .beginners .beginners-inner .desc-inner .step-2-2 {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.beginners-wrap .beginners .beginners-inner .desc-inner .step-2-3 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.beginners-wrap .beginners .beginners-inner .desc-inner img {
  width: 100%;
}

.beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div {
  width: 48%;
}

.beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div .title {
  background-color: #F5F9FC;
  padding: 10px;
  border-radius: 15px;
}

.beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div .desc {
  height: 80px;
}

.beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div .img {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.beginners-wrap .beginners .beginners-inner .desc-inner .step-2-4 {
  width: 570px;
  margin: 0 auto;
}

.beginners-wrap .beginners .beginners-inner .desc-inner .step-3 {
  width: 750px;
  margin: 0 auto;
}

.beginners-wrap .beginners .beginners-inner .desc-inner .step-4 {
  width: 350px;
  margin: 0 auto;
}

.beginners-wrap .beginners .beginners-tri {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-top: 30px solid #005FA7;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid transparent;
}

.wallet-address-wrap .wallet-address-inner {
  width: 90%;
  margin: 0 auto;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  position: relative;
  border-radius: 15px;
  background-color: #E1E9F0;
  padding: 25px;
}

.wallet-address-wrap .wallet-address-inner input {
  width: 60%;
  border: 1px solid #b0b0b0;
  font-size: 16px;
  line-height: 1.5;
  padding: 0.45rem 1rem;
}

.wallet-address-wrap .wallet-address-inner input::placeholder {
  color: #B8B8B8;
}

.wallet-address-wrap .wallet-address-inner .wallet-address-inner-inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.title-line {
  width: 300px;
  height: 3px;
  background-color: #005FA7;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.title-line-sm {
  width: 50px;
  height: 2px;
  background-color: #005FA7;
}

.wallet-main-line {
  width: 80%;
  height: 1px;
  background-color: transparent;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.wallet-dot-line-hor {
  border-top: 1px dotted var(--color-base-black);
}

.wallet-dot-line-ver {
  border-right: 1px dotted var(--color-base-black);
  height: 100%;
}

.importantFixed {
  position: fixed !important;
}

.reload-install {
  background: url(../images/refresh-sm.png) 25% 50% no-repeat var(--color-bg-primary);
  border: 1px solid #5B5B5B;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.0015);
  color: #5B5B5B;
  padding: 1.25rem 2rem 1.25rem 3.5rem;
}

.swiper-slide.auto {
  width: auto;
}

.pc-more10 {
  position: absolute;
  top: 70px;
  right: 70px;
}

.pc-more10 img {
  vertical-align: middle;
  margin-left: 5px;
}

.mobile-more10 {
  margin-top: 20px;
  width: 100%;
  font-size: 20px;
  color: var(--color-text-interactive-inverse);
  font-weight: 400;
  line-height: 60px;
  background: #A6ADB5;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  display: none;
  text-align: center;
}

.mobile-more10:hover {
  color: var(--color-text-interactive-inverse);
}

.profile-title {
  margin-top: 50px;
  font-size: 25px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 22px;
}

.information {
  border-top: 2px solid var(--color-base-black);
  border-bottom: 2px solid var(--color-base-black);
  margin-bottom: 30px;
}

.information .infor-table {
  width: 100%;
  display: table;
  border-bottom: 1px solid #e0e0e0;
}

.information .infor-table:last-of-type {
  border-bottom: 0;
}

.information .infor-table .cell {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 0;
}

.information .infor-table .title {
  background: #fafafa;
  width: 291px;
  padding-left: 50px;
  font-size: 18px;
  font-weight: 500;
}

.information .infor-table .title.company {
  width: 250px;
  padding-left: 20px;
}

.information .infor-table .title.width400 {
  width: 400px;
  padding-left: 30px;
}

.information .infor-table .infor {
  padding-left: 102px;
  font-size: 18px;
  font-weight: 300;
  padding-right: 100px;
}

.information .infor-table .infor.company {
  padding-left: 20px;
  padding-right: 20px;
}

.information .infor-table .infor img {
  max-width: 50px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.edit-btn {
  text-align: right;
  margin-bottom: 50px;
}

.information .infor-table .infor.cate img {
  max-width: 50px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.edit-btn a {
  font-size: 18px;
  font-weight: 700;
  width: 130px;
  height: 50px;
  line-height: 50px;
  border: 1px solid var(--color-base-black);
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  display: inline-block;
  text-align: center;
}

.information .infor-table .infor.picture img {
  width: 120px;
  max-width: 120px;
}

.information-edit {
  border-top: 2px solid var(--color-base-black);
  border-bottom: 2px solid var(--color-base-black);
  background: #fafafa;
  padding: 49px 46px 50px;
  margin-bottom: 60px;
}

.information-edit .float-wrap {
  overflow: hidden;
  border-bottom: 1px solid #e0e0e0;
}

.information-edit .float-wrap.filebox {
  border-bottom: none;
}

.information-edit .edit-wrap {
  padding: 60px;
}

.information-edit .float-wrap .edit-wrap {
  float: left;
  width: 50%;
}

.information-edit .float-wrap .edit-wrap:first-of-type {
  border-right: 1px solid #e0e0e0;
}

.information-edit .edit-inner {
  border: 1px solid #e0e0e0;
  background-color: var(--color-bg-primary);
}

.information-edit .input-wrap {
  margin-bottom: 20px;
  width: 82.6%;
  overflow: hidden;
}

.information-edit .input-wrap.width {
  width: 50%;
}
@media screen and (max-width: 991px) {
  .information-edit .input-wrap.width {
    width: 55%;
  }
}
@media screen and (max-width: 768px) {
  .information-edit .input-wrap.width {
    width: 100%;
  }
}

.information-edit .input-wrap.interest {
  width: 35%;
  position: absolute;
  right: 60px;
  top: 60px;
}
@media screen and (max-width: 991px) {
  .information-edit .input-wrap.interest {
    top: 30px;
    right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .information-edit .input-wrap.interest {
    position: static;
    width: 100%;
  }
}
.information-edit .input-wrap.interest.static {
  position: static;
}

.information-edit .information-edit-flex-first {
  width: 50%;
}
@media screen and (max-width: 991px) {
  .information-edit .information-edit-flex-first {
    width: 55%;
  }
}
@media screen and (max-width: 768px) {
  .information-edit .information-edit-flex-first {
    width: 100%;
  }
}
.information-edit .information-edit-flex-first .input-wrap.width {
  width: 100%;
}

.information-edit .information-edit-flex-second {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .information-edit .information-edit-flex-second {
    width: 100%;
  }
}
.information-edit .information-edit-flex-second .input-wrap.education.bottom {
  width: 100%;
}

.information-edit .input-wrap .type-chk-wrap {
  float: left;
  margin-right: 60px;
  margin-top: 5px;
}

.information-edit .input-wrap .type-chk-wrap:last-of-type {
  margin-right: 0;
}

.information-edit .input-wrap .type-chk-wrap label {
  line-height: 20px;
}

.information-edit .input-wrap .type-chk-wrap label span {
  margin-left: 26px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #313237;
  display: block;
}

.information-edit .input-wrap input {
  display: block;
  border: 1px solid #e0e0e0;
  width: 100%;
  height: 60px;
  padding-left: 35px;
  font-size: 18px;
  font-weight: 300;
}

.information-edit .input-wrap input.border-red {
  border-color: var(--color-bg-interactive-destructive);
}

.information-edit .input-wrap input[type=radio] {
  display: none;
}

.information-edit .input-wrap label {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 8px;
  display: block;
}

.information-edit .input-wrap.address input {
  margin-bottom: 10px;
}

.information-edit .input-wrap.address input:last-of-type {
  margin-bottom: 0;
}

.information-edit .input-wrap select {
  width: 100%;
  height: 60px;
  border: 1px solid #e0e0e0;
  padding-left: 35px;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/select-arrow.png) no-repeat center right 15px;
}

@media screen and (max-width: 1250px) {
  .information-edit .period-wrap {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .information-edit .period-wrap {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 479px) {
  .information-edit .period-wrap {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 1250px) {
  .information-edit .period-wrap select {
    width: 45%;
  }
}
@media screen and (max-width: 479px) {
  .information-edit .period-wrap select {
    width: 42%;
  }
}

.information-edit .input-wrap.birth {
  overflow: hidden;
  margin-bottom: 35px;
}

.information-edit .input-wrap.birth select {
  float: left;
  width: 29%;
  margin-right: 2%;
}

.information-edit .input-wrap.birth select:first-of-type {
  width: 38%;
}

.information-edit .input-wrap.birth select:last-of-type {
  margin-right: 0;
}

.information-edit .input-wrap.birth.two select {
  float: left;
  width: 49%;
  margin-right: 2%;
}

.information-edit .input-wrap.birth.two select:first-of-type {
  width: 49%;
}

.information-edit .input-wrap.birth.two select:last-of-type {
  margin-right: 0;
}

.information-edit .input-wrap.education .float-wrap {
  overflow: hidden;
  border-bottom: 0;
  margin-bottom: 10px;
}

.information-edit .input-wrap.education .float-wrap input {
  float: left;
  margin-right: 10px;
}

.information-edit .input-wrap.education .float-wrap a {
  float: left;
}

.information-edit .input-wrap.education {
  margin-bottom: 0;
}

.information-edit .input-wrap.education input {
  width: 82.6%;
}

.information-edit .input-wrap.education.bottom {
  margin-bottom: 20px;
}

.information-edit .input-wrap.education.bottom input {
  width: 490px;
}

.information-edit .input-wrap.photo .photo-box {
  display: table;
  text-align: center;
  width: 200px;
}

.information-edit .input-wrap.photo .photo-box div {
  display: table-cell;
  vertical-align: middle;
}

.information-edit .input-wrap.photo .photo-box div img {
  width: 100%;
}

.confirm-btn {
  text-align: center;
  margin-bottom: 50px;
}

.confirm-btn a {
  font-size: 26px;
  color: var(--color-text-interactive-inverse);
  display: inline-block;
  line-height: 80px;
  height: 80px;
  background: #4B8FCD;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 0 25px;
}

.information-edit .input-wrap textarea {
  resize: none;
  width: 100%;
  border: 1px solid #e0e0e0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  height: 200px;
  font-family: "Noto Sans KR", sans-serif;
  padding: 20px;
}

.information-edit .input-wrap.education.bottom textarea {
  width: 490px;
}

.information-edit .input-wrap .text-danger {
  display: block;
}

.information-edit .input-wrap > p {
  display: none;
}

.information-edit .input-wrap input.danger {
  border: 1px solid var(--color-border-danger);
}

.information-edit .input-wrap select.danger {
  border: 1px solid var(--color-border-danger);
}

.information-edit .input-wrap textarea.danger {
  border: 1px solid var(--color-border-danger);
}

@media screen and (max-width: 768px) {
  .information-edit .input-wrap .eduCarBtn {
    width: 50px;
    height: 50px;
  }
  .information-edit .input-wrap .eduCarBtn svg {
    width: 50px;
    height: 50px;
  }
}

.check-show {
  padding: 15px 25px 0;
  border: 1px solid #e0e0e0;
  background-color: var(--color-bg-primary);
  margin-bottom: 10px;
  min-height: 93px;
  display: flex;
  flex-wrap: wrap;
}

.check-show.danger {
  border: 1px solid var(--color-border-danger);
}

.check-box-wrap {
  padding: 20px 25px 15px;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}

.img-chk {
  margin-bottom: 10px;
  margin-right: 10px;
}

.img-chk input[type=checkbox] {
  display: none;
}

.img-chk input[type=checkbox] + label {
  width: 50px;
  height: 50px;
  background-size: 100%;
  margin-bottom: 0;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
}

.cate-name-box {
  display: flex;
  align-items: center;
}

.img-chk .cate-name {
  font-size: 16px;
  margin-left: 10px;
}

.img-chk.img01 input[type=checkbox] + label {
  background: url(../images/cata-chk01.svg) no-repeat;
}

.img-chk.img02 input[type=checkbox] + label {
  background: url(../images/cata-chk02.svg) no-repeat;
}

.img-chk.img03 input[type=checkbox] + label {
  background: url(../images/cata-chk03.svg) no-repeat;
}

.img-chk.img04 input[type=checkbox] + label {
  background: url(../images/cata-chk04.svg) no-repeat;
}

.img-chk.img05 input[type=checkbox] + label {
  background: url(../images/cata-chk05.svg) no-repeat;
}

.img-chk.img06 input[type=checkbox] + label {
  background: url(../images/cata-chk06.svg) no-repeat;
}

.img-chk.img07 input[type=checkbox] + label {
  background: url(../images/cata-chk07.svg) no-repeat;
}

.img-chk.img08 input[type=checkbox] + label {
  background: url(../images/cata-chk08.svg) no-repeat;
}

.img-chk.img09 input[type=checkbox] + label {
  background: url(../images/cata-chk09.svg) no-repeat;
}

.img-chk.img10 input[type=checkbox] + label {
  background: url(../images/cata-chk10.svg) no-repeat;
}

.img-chk.img11 input[type=checkbox] + label {
  background: url(../images/cata-chk11.svg) no-repeat;
}

.img-chk.img12 input[type=checkbox] + label {
  background: url(../images/cata-chk12.svg) no-repeat;
}

.img-chk.img13 input[type=checkbox] + label {
  background: url(../images/cata-chk13.svg) no-repeat;
}

.img-chk.img14 input[type=checkbox] + label {
  background: url(../images/cata-chk14.svg) no-repeat;
}

.img-chk.img15 input[type=checkbox] + label {
  background: url(../images/cata-chk15.svg) no-repeat;
}

.img-chk.img16 input[type=checkbox] + label {
  background: url(../images/cata-chk16.svg) no-repeat;
}

.img-chk.img17 input[type=checkbox] + label {
  background: url(../images/cata-chk17.svg) no-repeat;
}

.check-show .img-chk input[type=checkbox] + label {
  width: 69px;
  height: 69px;
  background-size: 100%;
  margin-bottom: 0;
}

.check-show .img-chk.img01 input[type=checkbox] + label {
  background: url(../images/cata-chk01-del.svg) no-repeat;
}

.check-show .img-chk.img02 input[type=checkbox] + label {
  background: url(../images/cata-chk02-del.svg) no-repeat;
}

.check-show .img-chk.img03 input[type=checkbox] + label {
  background: url(../images/cata-chk03-del.svg) no-repeat;
}

.check-show .img-chk.img04 input[type=checkbox] + label {
  background: url(../images/cata-chk04-del.svg) no-repeat;
}

.check-show .img-chk.img05 input[type=checkbox] + label {
  background: url(../images/cata-chk05-del.svg) no-repeat;
}

.check-show .img-chk.img06 input[type=checkbox] + label {
  background: url(../images/cata-chk06-del.svg) no-repeat;
}

.check-show .img-chk.img07 input[type=checkbox] + label {
  background: url(../images/cata-chk07-del.svg) no-repeat;
}

.check-show .img-chk.img08 input[type=checkbox] + label {
  background: url(../images/cata-chk08-del.svg) no-repeat;
}

.check-show .img-chk.img09 input[type=checkbox] + label {
  background: url(../images/cata-chk09-del.svg) no-repeat;
}

.check-show .img-chk.img10 input[type=checkbox] + label {
  background: url(../images/cata-chk10-del.svg) no-repeat;
}

.check-show .img-chk.img11 input[type=checkbox] + label {
  background: url(../images/cata-chk11-del.svg) no-repeat;
}

.check-show .img-chk.img12 input[type=checkbox] + label {
  background: url(../images/cata-chk12-del.svg) no-repeat;
}

.check-show .img-chk.img13 input[type=checkbox] + label {
  background: url(../images/cata-chk13-del.svg) no-repeat;
}

.check-show .img-chk.img14 input[type=checkbox] + label {
  background: url(../images/cata-chk14-del.svg) no-repeat;
}

.check-show .img-chk.img15 input[type=checkbox] + label {
  background: url(../images/cata-chk15-del.svg) no-repeat;
}

.check-show .img-chk.img16 input[type=checkbox] + label {
  background: url(../images/cata-chk16-del.svg) no-repeat;
}

.check-show .img-chk.img17 input[type=checkbox] + label {
  background: url(../images/cata-chk17-del.svg) no-repeat;
}

.invite-wrap {
  margin: 125px auto 100px;
  width: 1100px;
  background-color: var(--color-bg-primary);
  border: 30px solid #fafafa;
  padding: 90px 140px;
}

.invite-wrap h2 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 300;
  text-align: center;
  padding-bottom: 60px;
  border-bottom: 3px solid var(--color-base-black);
  margin-bottom: 60px;
}

.invite-wrap h2 span {
  font-weight: 700;
}

.invite-wrap h2 p {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-top: 10px;
}

.invite-wrap .invite-state {
  border-bottom: 1px solid var(--color-base-black);
  padding-bottom: 60px;
  margin-bottom: 60px;
}

.invite-wrap .invite-btn {
  display: block;
  font-size: 26px;
  color: var(--color-text-interactive-inverse);
  font-weight: 700;
  width: 330px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: #4B8FCD;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin: 0 auto;
}

.invite-state .form label {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 8px;
  font-weight: 500;
  display: block;
}

.invite-state .form .float-wrap {
  overflow: hidden;
  margin-bottom: 10px;
}

.invite-state .form .float-wrap input {
  float: left;
  margin-right: 10px;
  width: 686px;
  height: 60px;
  border: 1px solid #e0e0e0;
  padding-left: 35px;
  font-size: 18px;
}

.email-show-wrap {
  margin-bottom: 25px;
}

.email-show-wrap .email-append {
  overflow: hidden;
  background: #fafafa;
  border-radius: 30px;
  float: left;
  padding: 8px 8px 8px 35px;
  margin-right: 3px;
  margin-bottom: 5px;
}

.email-show-wrap .email-append p {
  float: left;
  margin-right: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  word-break: break-all;
}

.email-sohw-wrap .email-append a {
  float: left;
  display: inline-block;
}

.invite-state .form .state-text {
  font-size: 16px;
  line-height: 30px;
  clear: both;
}

.invite-wrap .invite-state.success .state-text {
  margin-bottom: 10px;
}

.invite-wrap .invite-state.success .state-text p {
  text-align: center;
}

.invite-wrap .invite-state.success .invite-number {
  overflow: hidden;
  margin-bottom: 45px;
  display: inline-block;
}

.invite-wrap .invite-state.success .invite-number > div {
  float: left;
}

.invite-wrap .invite-state.success .invite-number .succ {
  font-size: 30px;
  line-height: 30px;
  margin-right: 100px;
}

.invite-wrap .invite-state.success .invite-number .succ span {
  font-weight: 700;
  color: #4B8FCD;
}

.invite-wrap .invite-state.success .invite-number .fail {
  font-size: 30px;
  line-height: 30px;
}

.invite-wrap .invite-state.success .invite-number .fail span {
  font-weight: 700;
}

.invite-wrap .invite-state.success .email-show p {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}

/* my contents */
.subpage-menu {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.subpage-menu p {
  line-height: 56px;
  font-size: 18px;
  color: #c0c0c0;
  font-weight: 300;
  padding-right: 20px;
}

.subpage-menu p span.arrow {
  margin: 0 15px;
}

.subpage-profile-wrap {
  position: relative;
  background: url("/images/profile-bg-icon.png") 100% 100% no-repeat;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap {
    background: none;
  }
}
.subpage-profile-wrap.supporter {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap.supporter {
    padding-bottom: 0;
  }
}
.subpage-profile-wrap .bg {
  height: 350px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .bg {
    height: 200px;
  }
}
.subpage-profile-wrap .bg > img {
  width: 100%;
}
.subpage-profile-wrap .bg .bg-edit-wrap {
  position: absolute;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  z-index: 1;
}
.subpage-profile-wrap .bg .bg-edit-wrap:hover .bg-edit {
  background: white;
}
.subpage-profile-wrap .bg .bg-edit-wrap .bg-edit {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  padding: 8px 16px;
  display: flex;
  gap: 8px;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .bg .bg-edit-wrap .bg-edit {
    border-radius: 50%;
    padding: 11px 10px;
  }
}
.subpage-profile-wrap .bg .bg-edit-wrap .bg-edit .img {
  display: flex;
  align-items: center;
}
.subpage-profile-wrap .bg .bg-edit-wrap .bg-edit .txt {
  color: #5B5B5B;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .bg .bg-edit-wrap .bg-edit .txt {
    display: none;
  }
}
.subpage-profile-wrap .subpage-profile {
  width: 1500px;
  margin: 0;
  position: relative;
  bottom: 40px;
  transform: translateX(-50%);
  left: 50%;
}
@media screen and (max-width: 1920px) {
  .subpage-profile-wrap .subpage-profile {
    width: 100%;
    padding: 0 20px 0 120px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1600px) {
  .subpage-profile-wrap .subpage-profile {
    width: 100%;
    padding: 0 20px;
  }
}
.subpage-profile-wrap .subpage-profile .user {
  display: flex;
  gap: 20px;
  align-items: end;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .user {
    flex-direction: column;
    align-items: center;
    gap: 3px;
    margin-bottom: 0;
  }
}
.subpage-profile-wrap .subpage-profile .user .img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-bg-primary);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .user .img {
    width: 100px;
    height: 100px;
  }
}
.subpage-profile-wrap .subpage-profile .user .img img {
  width: 100%;
}
.subpage-profile-wrap .subpage-profile .user .txt {
  flex: 1;
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .user .txt {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-user-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-user-wrap {
    flex-direction: column;
    gap: 20px;
    margin-top: 15px;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-second-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 30px;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-second-wrap {
    flex-direction: column;
    gap: 10px;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap {
    flex-direction: column;
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 10px;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap .credit-title {
  color: #5B5B5B;
  font-weight: bold;
  font-size: 22px;
}
@media only screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap .credit-title {
    font-size: 16px;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap .credit-title span {
  font-weight: normal;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap .credit-title span {
    font-size: 14px;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap .mylab-icon-wrap .mylab-icon {
  display: flex;
  align-items: center;
  border: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap .mylab-icon-wrap .mylab-icon {
    flex-wrap: wrap;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap .mylab-icon-wrap .mylab-icon .box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap .mylab-icon-wrap .mylab-icon .box {
    flex-direction: row;
  }
  .subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap .mylab-icon-wrap .mylab-icon .box .num {
    margin-left: 7px;
  }
}
@media screen and (max-width: 350px) {
  .subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap .mylab-icon-wrap .mylab-icon .box {
    flex-direction: column;
  }
  .subpage-profile-wrap .subpage-profile .mylab-credit-rating-wrap .mylab-icon-wrap .mylab-icon .box .num {
    margin-left: auto;
    margin-right: auto;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-follow-num-wrap {
  display: flex;
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-follow-num-wrap {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-follow-num-wrap a {
  display: block;
}
.subpage-profile-wrap .subpage-profile .mylab-follow-num-wrap a:hover .wrap:after {
  height: 5px;
}
.subpage-profile-wrap .subpage-profile .mylab-follow-num-wrap a:active .wrap:after {
  height: 2px;
}
.subpage-profile-wrap .subpage-profile .mylab-follow-num-wrap a .wrap {
  padding: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-follow-num-wrap a .wrap {
    padding: 5px 2px;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-follow-num-wrap a .wrap:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #4492CD;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.1s;
}
.subpage-profile-wrap .subpage-profile .mylab-follow-num-wrap a .wrap .title {
  font-size: 1.6rem;
  color: #5B5B5B;
  font-weight: 500;
}
.subpage-profile-wrap .subpage-profile .mylab-follow-num-wrap a .wrap .num {
  font-size: 2.2rem;
  font-weight: 600;
  margin-left: 5px;
}
.subpage-profile-wrap .subpage-profile .mylab-icon-wrap {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-icon-wrap {
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon {
  display: flex;
  gap: 0 15px;
  border: 2px solid #C0C0C0;
  padding: 0 23px;
  border-radius: 35px;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon {
    width: 100%;
    justify-content: center;
    border: 0;
  }
}
@media screen and (max-width: 350px) {
  .subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon {
    gap: 10px;
    padding: 7px 0;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon .box {
  display: flex;
  align-items: end;
  padding: 7px 0;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon .box {
    flex-direction: column;
    align-items: center;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon .box.follow {
  position: relative;
  cursor: pointer;
}
.subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon .box.follow:after {
  content: "";
  width: 100%;
  height: 0;
  background: #4492CD;
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: all 0.1s;
}
.subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon .box.follow:hover .title {
  color: var(--color-text-primary);;
}
.subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon .box.follow:hover:after {
  height: 5px;
}
.subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon .box.follow:active:after {
  height: 2px;
}
.subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon .box .title {
  font-size: 1.6rem;
  font-weight: 500;
  color: #5B5B5B;
  margin: 0 7px 0 2px;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon .box .title {
    margin: 0 auto;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-icon-wrap .mylab-icon .box .num {
  font-size: 2.2rem;
  font-weight: bold;
}
.subpage-profile-wrap .subpage-profile .mylab-follow-btn-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-follow-btn-wrap {
    gap: 25px;
  }
}
@media screen and (max-width: 350px) {
  .subpage-profile-wrap .subpage-profile .mylab-follow-btn-wrap {
    gap: 15px;
  }
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-follow-btn-wrap .node-progress {
    width: 45px;
    height: 45px;
  }
  .subpage-profile-wrap .subpage-profile .mylab-follow-btn-wrap .node-progress img {
    width: 100%;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-follow-btn-wrap .follow-btn .btn {
  border-radius: 8px;
}
.subpage-profile-wrap .subpage-profile .mylab-follow-btn-wrap .follow-btn .btn:active {
  box-shadow: inset 2px 3px 8px rgba(0, 0, 0, 0.4);
}
.subpage-profile-wrap .subpage-profile .mylab-follow-btn-wrap .follow-alarm {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .subpage-profile-wrap .subpage-profile .mylab-follow-btn-wrap .follow-alarm {
    width: 45px;
    height: 45px;
  }
}
.subpage-profile-wrap .subpage-profile .mylab-follow-btn-wrap .follow-alarm .btn-basic {
  display: flex;
  align-items: center;
}
.subpage-profile-wrap .subpage-profile .mylab-follow-btn-wrap .follow-alarm .btn-basic svg {
  width: 100%;
}

.mylab {
  background-color: var(--color-bg-primary);
}

.mylab .mylab-wrap {
  padding: 40px 0 0;
  margin: 0 110px;
}

.list-wrapper {
  margin-bottom: 60px;
  border-bottom: 1px solid #e0e0e0;
}

.list-wrapper:last-of-type {
  margin-bottom: 0;
}

.list-wrapper .list-title {
  overflow: hidden;
  padding-bottom: 25px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 30px;
}

.list-wrapper .list-title h2 {
  float: left;
  font-size: 30px;
  font-weight: 700;
  position: relative;
  line-height: 30px;
  padding-left: 25px;
}

.list-wrapper .list-title h2:before {
  content: "";
  width: 6px;
  height: 30px;
  background-color: var(--color-bg-interactive-inverse);
  position: absolute;
  top: 0;
  left: 0;
}

.list-wrapper .list-title a {
  float: right;
  font-size: 16px;
  color: var(--color-text-interactive-inverse);
  width: 165px;
  height: 45px;
  line-height: 45px;
  background-color: var(--color-bg-interactive-inverse);
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  text-align: center;
}

.list-wrapper .list-title h2 a {
  font-size: 16px;
  color: var(--color-text-primary);;
  background: none;
  width: auto;
  height: auto;
  box-shadow: none;
  border-radius: 0;
  line-height: 30px;
  margin-left: 30px;
  font-weight: 400;
}

.list-wrapper .list-title h2 a img {
  vertical-align: middle;
}

.content-wrap {
  overflow: hidden;
  display: flex;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}

.content-wrap:last-of-type {
  margin-bottom: 30px;
}

.content-wrap .video-wrap {
  width: 280px;
  height: 173px;
  flex-grow: 0;
  flex-shrink: 0;
}

.content-wrap .text-wrap {
  width: 100%;
  padding: 20px 50px;
  background-color: var(--color-bg-primary);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.content-wrap .text-wrap h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content-wrap .text-wrap .float-wrap {
  overflow: hidden;
}

.content-wrap .text-wrap .float-wrap > p {
  float: left;
  font-size: 14px;
}

.content-wrap .text-wrap .float-wrap > p.name {
  font-weight: 300;
  margin-right: 40px;
  margin-bottom: 10px;
}

.content-wrap .text-wrap .float-wrap > p.name span {
  font-weight: 500;
}

.content-wrap .text-wrap .float-wrap > p.time span {
  margin-left: 5px;
  color: #c0c0c0;
  font-weight: 300;
}

.content-wrap .text-wrap .float-wrap.middle {
  margin-bottom: 35px;
}

.content-wrap .text-wrap .float-wrap > p.view {
  margin-right: 40px;
}

.content-wrap .text-wrap .float-wrap > p.view img {
  vertical-align: middle;
}

.content-wrap .text-wrap .float-wrap > p.view span {
  margin-left: 10px;
  font-weight: 300;
}

.content-wrap .text-wrap .float-wrap > p.like span {
  margin-left: 10px;
  font-weight: 300;
}

.content-wrap .text-wrap .text-left {
  width: 100%;
  padding-right: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.content-wrap .text-wrap .text-right {
  flex-grow: 0;
  flex-shrink: 0;
}

.content-wrap .text-wrap .text-right a {
  font-size: 22px;
  font-weight: 700;
  height: 60px;
  line-height: 60px;
  border-radius: 7px;
  text-align: center;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border: 1px solid #4B8FCD;
  display: inline-block;
  margin-top: 13px;
}

.content-wrap .text-wrap .text-right a.list-down-btn {
  color: var(--color-text-interactive-inverse);
  width: 100%;
  background: #4B8FCD;
  margin-top: 0;
  display: block;
}

.content-wrap .text-wrap .text-right a.list-edit-btn {
  color: var(--color-text-interactive-inverse);
  width: 114px;
  background: #4B8FCD;
  margin-right: 20px;
}

.content-wrap .text-wrap .text-right a.subtitle {
  color: var(--color-text-interactive-inverse);
  background: #4B8FCD;
  margin-right: 20px;
  width: auto;
  padding: 0 20px;
}

.content-wrap .text-wrap .text-right a.list-delete-btn {
  color: #4B8FCD;
  width: 140px;
  background-color: var(--color-bg-primary);
}

.no-list {
  text-align: center;
  padding: 70px 0;
}

.no-list p {
  font-size: 36px;
  line-height: 52px;
  margin-bottom: 25px;
  font-weight: 300;
}

.no-list p:last-of-type {
  margin-bottom: 0;
}

.ratingPop .img {
  text-align: right;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .ratingPop .img {
    text-align: left;
  }
}
.ratingPop .wrap {
  margin-bottom: 30px;
}
.ratingPop .wrap:last-child {
  margin-bottom: 0;
}
.ratingPop .wrap .title {
  color: #1868B4;
  font-size: 2rem;
  font-weight: 600;
  text-align: left;
  margin-bottom: 10px;
}
.ratingPop .wrap div.desc {
  font-size: 1.8rem;
  text-align: left;
}
.ratingPop .wrap ul.desc {
  padding-left: 20px;
  text-align: left;
  font-size: 1.8rem;
  margin-bottom: 15px;
}
.ratingPop .wrap ul.desc .top {
  font-weight: bold;
  list-style-type: disc;
  margin-bottom: 5px;
}
.ratingPop .wrap ul.desc .bot {
  font-size: 1.6rem;
}
.ratingPop .wrap .graph {
  color: #1868B4;
}
.ratingPop .wrap .graph span {
  display: block;
}
.ratingPop .wrap .graph .bg {
  background-color: #F8F9FA;
}
.ratingPop .wrap .graph .spanR {
  border-top: 2px solid #1868B4;
  border-right: 2px solid #1868B4;
  border-bottom: 2px solid #1868B4;
}
.ratingPop .wrap .graph .span {
  border-top: 2px solid #1868B4;
  border-bottom: 2px solid #1868B4;
}
.ratingPop .wrap .graph .spanRB {
  border-right: 2px solid #1868B4;
  border-bottom: 2px solid #1868B4;
}
.ratingPop .wrap .graph .spanB {
  border-bottom: 2px solid #1868B4;
}
.ratingPop .wrap .graph .spanRR {
  border-right: 2px solid #1868B4;
}
.ratingPop .wrap .graph .borT {
  border-top: 2px solid #1868B4;
}
.ratingPop .wrap .graph .borB {
  border-bottom: 2px solid #1868B4;
}
.ratingPop .wrap .graph .borR {
  border-right: 2px solid #1868B4;
}
.ratingPop .wrap .graph.pc {
  display: flex;
}
.ratingPop .wrap .graph.pc table {
  width: 100%;
  font-size: 1.4rem;
}
.ratingPop .wrap .graph.pc table tr:first-child {
  text-align: left;
}
.ratingPop .wrap .graph.pc table tr td {
  padding: 5px;
  word-break: keep-all;
}
.ratingPop .wrap .graph.pc table tr td:first-child {
  text-align: left;
}
.ratingPop .wrap .graph.pc table tr td:nth-child(2n) {
  background-color: #F8F9FA;
}
@media screen and (max-width: 768px) {
  .ratingPop .wrap .graph.pc {
    display: none;
  }
}
.ratingPop .wrap .graph.mob {
  display: none;
}
.ratingPop .wrap .graph.mob table {
  width: 100%;
  font-size: 1.6rem;
}
.ratingPop .wrap .graph.mob table tr:first-child {
  text-align: left;
}
.ratingPop .wrap .graph.mob table tr:nth-child(2n) {
  background-color: #F8F9FA;
}
.ratingPop .wrap .graph.mob table tr td {
  word-break: keep-all;
  padding: 5px;
}
.ratingPop .wrap .graph.mob table tr td:first-child {
  text-align: left;
}
.ratingPop .wrap .graph.mob table tr td:nth-child(2) {
  border-right: 2px solid #1868B4;
  border-left: 2px solid #1868B4;
}
@media screen and (max-width: 768px) {
  .ratingPop .wrap .graph.mob {
    display: flex;
  }
}
.ratingPop .wrap .finalTop {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .mylab {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.mylab.bg-pc {
  background-color: #F8F9FA;
}
@media screen and (max-width: 768px) {
  .mylab.bg-pc {
    background-color: var(--color-bg-primary);
  }
}
.mylab .mylab-wrap.pa {
  padding: 60px 0 0;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap.pa {
    padding: 30px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap.pa {
    padding: 60px 0 0;
  }
}
.mylab .mylab-wrap.NoPaB {
  padding: 60px 0 0;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap.NoPaB {
    padding: 30px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap.NoPaB {
    padding: 60px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-profile-type {
    margin: 25px auto 0;
    text-align: center;
  }
}
.mylab .mylab-wrap .mylab-profile-type > span {
  border-radius: 20px;
  border: 1px solid #1868B4;
  color: #1868B4;
  padding: 5px 15px;
  font-weight: bold;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-profile-type > span {
    font-size: 14px;
    position: static;
  }
}
.mylab .mylab-wrap .mylab-profile-type > span > span {
  font-weight: 500;
}
.mylab .mylab-wrap .mylab-profile-top {
  text-align: center;
}
.mylab .mylab-wrap .mylab-profile-top > .img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.mylab .mylab-wrap .mylab-profile-top > .img img {
  width: 100%;
}
.mylab .mylab-wrap .mylab-profile-top .img-wrap {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.mylab .mylab-wrap .mylab-profile-top .img-wrap:hover .img:after {
  opacity: 1;
}
.mylab .mylab-wrap .mylab-profile-top .img-wrap:hover .svg svg circle {
  fill: #ddd;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-profile-top .img-wrap {
    width: 120px;
    height: 120px;
  }
}
.mylab .mylab-wrap .mylab-profile-top .img-wrap .img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.mylab .mylab-wrap .mylab-profile-top .img-wrap .img:after {
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  transition: all 0.3s;
  cursor: pointer;
}
.mylab .mylab-wrap .mylab-profile-top .img-wrap .img > img {
  width: 100%;
}
.mylab .mylab-wrap .mylab-profile-top .img-wrap .svg {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-profile-top .img-wrap .svg {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-profile-top .img-wrap .svg svg {
    width: 40px;
    height: 40px;
  }
}
.mylab .mylab-wrap .mylab-profile-top .img-wrap .svg svg circle {
  transition: all 0.3s;
}
.mylab .mylab-wrap .mylab-profile-top .img-wrap .profile-upload-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
}
.mylab .mylab-wrap .mylab-profile-top .name {
  font-size: 24px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-profile-top .name {
    font-size: 24px;
  }
}
.mylab .mylab-wrap .mylab-profile-top .desc {
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-profile-top .desc {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-profile-bot {
    margin-left: 10px;
    margin-right: 10px;
  }
  .mylab .mylab-wrap .mylab-profile-bot .information .infor-table .title {
    width: 100%;
    display: block;
  }
  .mylab .mylab-wrap .mylab-profile-bot .information .infor-table .infor {
    width: 100%;
    display: block;
  }
}
.mylab .mylab-wrap .pre-ip-two-top-btn {
  display: flex;
  gap: 60px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .pre-ip-two-top-btn {
    gap: 20px;
  }
}
.mylab .mylab-wrap .pre-ip-two-top-btn a {
  display: block;
  flex: 1;
  border: 2px solid #1868B4;
  color: #1868B4;
  font-size: 32px;
  font-weight: bold;
  border-radius: 100px;
  text-align: center;
  padding: 15px 0;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .pre-ip-two-top-btn a {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .pre-ip-two-top-btn a {
    width: 100%;
    flex: auto;
  }
}
.mylab .mylab-wrap .pre-ip-two-top-btn a.active {
  border: none;
  color: var(--color-text-interactive-inverse);
  background: -webkit-linear-gradient(left, #0a3b68, #2771b9);
  background: -moz-linear-gradient(left, #0a3b68, #2771b9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a3b68", endColorstr="#2771b9");
}
.mylab .mylab-wrap .mylab-pre-ip-btn-wrap {
  background-color: #f5faff;
  border-radius: 12px;
  padding: 100px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-pre-ip-btn-wrap {
    padding: 50px;
  }
}
.mylab .mylab-wrap .mylab-pre-ip-btn-wrap h3 {
  font-size: 4rem;
  margin-bottom: 55px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-pre-ip-btn-wrap h3 {
    font-size: 2.75rem;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-pre-ip-btn-wrap h3 {
    margin-bottom: 30px;
  }
}
.mylab .mylab-wrap .mylab-tab {
  display: flex;
  gap: 28px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-tab {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.mylab .mylab-wrap .mylab-tab a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: #ccc;
  padding: 15px 10px;
  width: 25%;
  text-align: center;
  color: var(--color-text-interactive-inverse);
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  font-size: 22px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-tab a {
    font-size: 18px;
  }
}
.mylab .mylab-wrap .mylab-tab a.all {
  background-color: #4B8FCD;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-tab a.all {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-tab a.archive {
  background-color: var(--color-content-streaming-archive);
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-tab a.archive {
    flex: 1;
    display: block;
    padding: 15px 10px 5px;
  }
  .mylab .mylab-wrap .mylab-tab a.archive .img {
    display: block;
    margin-right: 0;
  }
}
.mylab .mylab-wrap .mylab-tab a.video {
  background-color: #EF90A2;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-tab a.video {
    flex: 1;
    display: block;
    padding: 15px 10px 5px;
  }
  .mylab .mylab-wrap .mylab-tab a.video .img {
    display: block;
    margin-right: 0;
  }
}
.mylab .mylab-wrap .mylab-tab a.document {
  background-color: #9786BD;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-tab a.document {
    flex: 1;
    display: block;
    padding: 15px 10px 5px;
  }
  .mylab .mylab-wrap .mylab-tab a.document .img {
    display: block;
    margin-right: 0;
  }
}
.mylab .mylab-wrap .mylab-tab a .img {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.mylab .mylab-wrap .mylab-list-wrapper {
  position: relative;
  border-bottom: 1px solid #C0C0C0;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper {
    margin-top: 30px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper:last-child {
  border-bottom: none;
}
.mylab .mylab-wrap .mylab-list-wrapper.noBorder {
  border-bottom: none;
}
.mylab .mylab-wrap .mylab-list-wrapper.mt-25 {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper.mt-25 {
    margin-top: 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating-title {
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating-title {
    margin-bottom: 40px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating-title strong {
  font-size: 24px;
  border: 3px solid var(--color-base-black);
  display: inline-block;
  border-radius: 60px;
  padding: 1rem 6rem;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating-title strong {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating-title strong {
    padding: 1rem 3rem;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating {
  position: relative;
  width: 700px;
  margin: 120px auto 0;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating {
    width: 75%;
    margin: 100px auto 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab-br {
  display: none;
}
@media screen and (max-width: 479px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab-br {
    display: inline-block;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab {
  display: none;
  position: absolute;
  text-align: center;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver1 {
  top: -85px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 479px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver1 {
    top: -35px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver2 {
  top: 8%;
  right: 0;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver2 {
    right: -15px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver2 {
    right: 0;
  }
}
@media screen and (max-width: 479px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver2 {
    top: 0;
    right: -15px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver3 {
  top: 53%;
  right: -65px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver3 {
    right: -55px;
  }
}
@media screen and (max-width: 479px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver3 {
    right: -25px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver4 {
  bottom: -75px;
  right: 20%;
}
@media screen and (max-width: 479px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver4 {
    bottom: -50px;
    right: 15%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver5 {
  bottom: -75px;
  left: 20%;
}
@media screen and (max-width: 479px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver5 {
    bottom: -50px;
    left: 15%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver6 {
  top: 53%;
  left: -65px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver6 {
    left: -55px;
  }
}
@media screen and (max-width: 479px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver6 {
    left: -20px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver7 {
  top: 8%;
  left: 22px;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver7 {
    left: 7px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver7 {
    left: 0;
  }
}
@media screen and (max-width: 479px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab.ver7 {
    top: 0;
    left: -2px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab .img {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab .img img {
  width: 100%;
}
@media screen and (max-width: 479px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab .img {
    display: none;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab .txt {
  font-weight: bold;
  margin: 0 auto 5px;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab .num {
  font-weight: bold;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .tab .num span {
  display: inline-block;
  padding: 3px 15px;
  border: 1px solid var(--color-base-black);
  border-radius: 15px;
  background-color: var(--color-bg-primary);
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .total {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 50px;
  justify-content: center;
  align-items: center;
  background-color: #1868B4;
  font-size: 22px;
  font-weight: bold;
  color: var(--color-text-interactive-inverse);
  width: 100%;
  border-radius: 0;
  top: auto;
  bottom: -200px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .total {
    font-size: 18px;
    bottom: -170px;
  }
}
@media screen and (max-width: 479px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .total {
    width: 100%;
    border-radius: 0;
    top: auto;
    bottom: -150px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .rating .total span {
  font-weight: 500;
  font-size: 16px;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking {
  display: flex;
  justify-content: center;
  gap: 30px;
  text-align: center;
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking {
    flex-wrap: wrap;
    gap: 4%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker {
  font-weight: bold;
  width: calc( 100% / 3 - 20px);
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker.first {
  order: 1;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker.first {
    order: 0;
    width: 100%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker.second {
    width: 48%;
  }
}
@media screen and (max-width: 410px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker.second {
    width: 100%;
    margin-bottom: 15px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker.third {
  order: 1;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker.third {
    order: 0;
    width: 48%;
  }
}
@media screen and (max-width: 410px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker.third {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .rank {
  font-weight: bold;
  font-size: 22px;
  padding-bottom: 8px;
  width: 40px;
  height: 53px;
  margin: 0 auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .rank.first {
  background: url(/images/icon-raking-first.png) top center/100% no-repeat;
  color: var(--color-text-interactive-inverse);
  width: 80px;
  height: 64px;
  margin: 0 auto;
  padding-bottom: 0;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .rank.second {
  border-bottom: 4px solid #EF90A2;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .rank.third {
  border-bottom: 4px solid var(--color-content-streaming-archive);
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .img {
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .img.first {
  width: 110px;
  height: 110px;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .img img {
  width: 100%;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .name {
  font-size: 20px;
  padding: 10px 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .rating-num {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .rating-num .num {
  border-radius: 30px;
  border: 1px solid #C0C0C0;
  font-weight: bold;
  color: #5B5B5B;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 3px 20px;
  background-color: var(--color-bg-primary);
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .rating-num .num span {
  word-break: keep-all;
  display: inline-block;
  vertical-align: top;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .rating-num .num strong {
  font-size: 1.2em;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .uad {
  color: #5B5B5B;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .uad:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .uad.up:before {
  background: url("/images/icon-arrow-up.png") center/100% no-repeat;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .uad.down:before {
  background: url("/images/icon-arrow-down.png") center/100% no-repeat;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking .ranker .uad.keep:before {
  background: url("/images/icon-arrow-keep.png") center/100% no-repeat;
  margin-right: 0;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap {
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking {
  width: 100%;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list {
  display: flex;
  margin-bottom: 15px;
  border-radius: 100px;
  padding: 10px 60px;
  align-items: center;
  border: 1px solid #F5FAFF;
  background: #E4EDFF;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list {
    display: block;
    border-radius: 5px;
    padding: 20px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list.line {
  border: 1px solid #C0C0C0;
  background-color: var(--color-bg-primary);
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list > div {
  display: flex;
  align-items: center;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list > div.rank-flex {
  width: 120px;
  align-items: end;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list > div.rank-flex {
    width: 100%;
    border-bottom: 1px solid rgba(192, 192, 192, 0.5);
    margin: 0 auto 15px;
    padding-bottom: 10px;
    align-items: end;
    justify-content: center;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list > div.name-flex {
  width: calc(100% - 330px);
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list > div.name-flex {
    width: calc(100% - 330px);
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list > div.name-flex {
    width: calc(100% - 320px);
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list > div.name-flex {
    width: 100%;
    display: block;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list > div.rating-flex {
  width: 200px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list > div.rating-flex {
    width: 100%;
    display: block;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .rank {
  font-weight: bold;
  font-size: 22px;
  margin-right: 15px;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .uad {
  color: #5B5B5B;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .uad:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .uad.up:before {
  background: url("/images/icon-arrow-up.png") center/100% no-repeat;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .uad.down:before {
  background: url("/images/icon-arrow-down.png") center/100% no-repeat;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .uad.keep:before {
  background: url("/images/icon-arrow-keep.png") center/100% no-repeat;
  margin-right: 0;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .img {
  border-radius: 50%;
  overflow: hidden;
  width: 60px;
  height: 60px;
  margin-right: 25px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .img {
    margin-left: auto;
    margin-right: auto;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .img img {
  width: 100%;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .name {
  font-size: 20px;
  padding: 10px 0 8px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .name {
    text-align: center;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .rating-num {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .rating-num {
    margin-right: auto;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .rating-num .num {
  border-radius: 30px;
  border: 1px solid #C0C0C0;
  font-weight: bold;
  color: #5B5B5B;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 3px 20px;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .rating-num .num span {
  word-break: keep-all;
  display: inline-block;
  vertical-align: top;
}
.mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap .ranking-list .rating-num .num strong {
  font-size: 1.2em;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register {
  margin: 40px auto 60px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register {
    margin: 20px auto 50px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register .wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 800px;
  margin: 0 auto 15px;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register .wrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register .wrap {
    display: block;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register .wrap .img {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register .wrap .img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register .wrap .txt {
    text-align: center;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register .wrap .txt .title {
  color: #1868B4;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register .wrap .txt .title {
    font-size: 18px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register .wrap .txt .desc {
  margin-top: 5px;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-why-register .wrap .txt .desc {
    font-size: 16px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-features {
  display: flex;
  gap: 30px;
  width: 1000px;
  text-align: center;
  margin: 40px auto 60px;
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-features {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-features {
    flex-direction: column;
    gap: 20px;
    margin: 20px auto 50px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-features .wrap {
  flex: 1;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-features .wrap .img {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-features .wrap .img {
    width: 100px;
    height: 100px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-features .wrap .txt .title {
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-features .wrap .txt .title {
    font-size: 18px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-features .wrap .txt .desc {
  margin-top: 5px;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-features .wrap .txt .desc {
    font-size: 16px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register {
  background-color: #F8F9FA;
  border-radius: 10px;
  padding: 60px 40px;
}
@media screen and (max-width: 1600px) {
  .mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register {
    width: calc( 100% + 40px);
    margin-left: -20px;
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register {
    width: calc( 100% + 20px);
    margin-left: -10px;
    padding: 30px 20px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap {
  text-align: center;
  margin: 80px auto 0;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap {
    margin: 50px auto 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap {
  width: 1100px;
  background-color: var(--color-bg-primary);
  text-align: center;
  border-radius: 15px;
  padding: 60px;
  position: relative;
  margin: 0 auto 60px;
}
@media screen and (max-width: 1250px) {
  .mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap {
    padding: 40px 20px;
    margin: 0 auto 40px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap:last-child {
  margin-bottom: 0;
}
.mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap .step {
  background: var(--color-content-streaming-archive);
  color: var(--color-text-interactive-inverse);
  border-radius: 30px;
  display: inline-block;
  padding: 10px 20px;
  position: absolute;
  left: 30px;
  top: -20px;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap .step {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap .step {
    padding: 6px 15px;
    left: 23px;
    top: -15px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap .box .img svg {
  width: 100%;
}
@media screen and (max-width: 479px) {
  .mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap .box .img img {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap .box .txt {
  margin-top: 25px;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap .box .txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper.pre-ip-how-to-register .pre-ip-how-to-register-wrap .wrap .box .txt {
    margin-top: 15px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-desc {
  width: 850px;
  margin: 40px auto 80px;
  text-align: center;
  line-height: 1.6;
  font-size: 22px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-desc {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-desc {
    width: 100%;
    margin: 30px auto 60px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-desc b {
  font-size: 1.25em;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .top {
  text-align: center;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .top span {
  color: #1868B4;
  border: 1px solid #1868B4;
  border-radius: 50px;
  margin-bottom: 60px;
  display: inline-block;
  padding: 1% 5%;
  font-weight: bold;
  font-size: 32px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .top span {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .top span {
    border-radius: 30px;
    margin-bottom: 30px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .top span.noBorder {
  border: 0;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-box {
  padding: 70px;
  border: 3px solid #5b5b5b;
  background-color: #F8F9FA;
  border-radius: 12px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-box {
    padding: 30px;
    border: 2px solid #5b5b5b;
    display: block;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-box .title {
  font-size: 28px;
  font-weight: bold;
  border-radius: 50px;
  color: var(--color-text-interactive-inverse);
  background-color: #1868B4;
  display: inline-block;
  padding: 10px 35px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-box .title {
    font-size: 16px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-box .desc {
  font-size: 26px;
  margin: 0 0 0 80px;
  flex: 1;
  font-weight: 500;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-box .desc {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-box .desc {
    margin: 20px 0 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-tri {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #1868B4;
  margin: 60px auto;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-tri {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #1868B4;
    margin: 30px auto;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-info {
  color: #1868B4;
  font-size: 26px;
  width: 1200px;
  margin: 50px auto 0;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-info {
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-info {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-info {
    margin: 20px auto 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-faq {
  text-align: right;
  font-size: 28px;
  margin: 30px 0 0;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-faq {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-faq {
    margin: 15px 0 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box {
  padding: 50px;
  border-radius: 20px;
  background: #F8F9FA;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box {
    padding: 25px;
    border-radius: 10px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box > div {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box > div {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box > div:first-child .title {
    width: 135px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box > div:nth-child(2) .desc {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box > div:nth-child(2) .desc {
    margin-top: 10px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box > div.btn-wrap {
  display: block;
  width: 100%;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box > div.btn-wrap {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box > div .title {
  width: 250px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box > div .title {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .mid .step-gray-box > div .desc .radio-container {
  font-size: 1.8rem;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .bot {
  margin: 100px auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .bot {
    margin: 50px auto;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-step .bot .btn {
  display: inline-block;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period {
  display: flex;
  gap: 60px;
  width: 1200px;
  margin: 150px auto;
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period {
    margin: 60px auto;
    display: block;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .radio-container {
  border: 3px solid #c0c0c0;
  border-radius: 20px;
  width: 50%;
  cursor: pointer;
  padding-left: 0;
  margin-bottom: 0;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .radio-container {
    border: 2px solid #c0c0c0;
    margin-bottom: 100px;
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .radio-container.select {
  border-color: #1868B4;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .radio-container.one {
  width: 100%;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .radio-container .radiobtn {
  display: none;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box {
  position: relative;
  display: block;
  padding: 40px 70px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box {
    padding: 30px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .period {
  display: block;
  font-weight: bold;
  font-size: 32px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .period {
    font-size: 20px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c0c0c0;
  margin: 40px auto;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .line {
    margin: 20px auto;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .price {
  display: block;
  color: #1868B4;
  font-weight: bold;
  font-size: 78px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .price {
    font-size: 56px;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .price {
    font-size: 54px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .method {
  display: block;
  color: #5B5B5B;
  font-size: 30px;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .method {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .method {
    margin-top: 20px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .save {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #1868B4;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -50px;
  top: -50px;
  color: var(--color-text-interactive-inverse);
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .save {
    width: 100px;
    height: 100px;
    top: -70px;
    right: -10px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .save span {
  font-size: 30px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .save span {
    font-size: 20px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .save strong {
  font-size: 40px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box .save strong {
    font-size: 26px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-period .box.disabled {
  background-color: #c0c0c0;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap {
  text-align: center;
  cursor: pointer;
  display: flex;
  gap: 60px;
  width: 1200px;
  margin: 0 auto;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap {
    width: 100%;
    display: block;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap .box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 150px 0;
  border: 3px solid #c0c0c0;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap .box {
    border: 2px solid #c0c0c0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap .box span {
  width: 300px;
}
@media screen and (max-width: 350px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap .box span {
    width: 90%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap .box span img {
  width: 100%;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap .box.disabled {
  background-color: #c0c0c0;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap .radio-container {
  padding-left: 0;
  margin-bottom: 0;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap .radio-container {
    width: 100%;
    margin-bottom: 100px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap .radio-container.one {
  width: 100%;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-subscribe-payment .payment-wrap .radiobtn {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: -50px;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box {
  display: flex;
  flex-wrap: wrap;
  background-color: #f8f9fa;
  border-radius: 20px;
  padding: 50px;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box {
    padding: 25px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box .fee-title {
  margin: 0 0 15px;
  font-size: 32px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box .fee-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box .fee-title {
    width: 100%;
    margin: 0 0 8px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box .fee-number {
  margin: 0 0 30px;
  font-weight: bold;
  font-size: 60px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box .fee-number {
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box .fee-number {
    width: 100%;
    margin: 0 0 15px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box .line {
  width: 100%;
  border: 1px solid #c0c0c0;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box .line {
    margin: 0 auto 15px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box .fee-desc {
  width: 100%;
  font-size: 26px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-gray-box .fee-desc {
    font-size: 16px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .one-line-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 3px solid #c0c0c0;
  border-radius: 20px;
  background-color: var(--color-bg-primary);
  transition: 0.3s;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .one-line-box {
    border: 2px solid #c0c0c0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .one-line-box:hover {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  border-color: #aaa;
}
.mylab .mylab-wrap .mylab-list-wrapper .one-line-box .txt {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #1868B4;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 40px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .one-line-box .txt {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .one-line-box .txt {
    margin-bottom: 20px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .one-line-box .meta-box {
  display: block;
  padding: 50px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .one-line-box .meta-box {
    padding: 35px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .one-line-box .meta-box img {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h2 {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h2 span.title {
  width: 450px;
  border-radius: 50px;
  font-weight: bold;
  color: var(--color-text-interactive-inverse);
  padding: 15px 0;
  display: block;
  text-align: center;
  margin: 100px 0 60px;
  font-size: 32px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h2 span.title {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h2 span.title {
    width: 250px;
    text-align: center;
    padding: 10px 0;
    margin: 40px auto 30px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h2 span.title.archive {
  background-color: var(--color-content-streaming-archive);
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h2 span.title.video {
  background-color: #EF90A2;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h2 span.title.document {
  background-color: #9786BD;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h2 span.token-tab {
  margin-top: 40px;
  font-size: 1.6rem;
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h2 span.token-tab {
    width: 100%;
    justify-content: center;
    margin-top: 40px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h2 span.token-tab .tokenNum {
  color: #5B5B5B;
  font-weight: 400;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .title {
  font-size: 32px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .title {
    font-size: 22px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .line-bold {
  width: 100%;
  height: 2px;
  background-color: var(--color-bg-interactive-inverse);
  margin: 30px auto 40px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .line-bold {
    margin: 20px auto;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .line {
  width: 100%;
  height: 1px;
  background-color: #c0c0c0;
  margin: 40px auto;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .line {
    margin: 20px auto;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap #pdf {
  width: 100%;
  height: 50vw;
  border: 1px solid #333;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .top {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .top {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .top {
    margin-bottom: 10px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot {
  font-size: 26px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot {
    font-size: 18px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot .key-txt {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot .key-txt {
    margin-bottom: 10px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot .key-img {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot .key-img span {
  display: block;
  width: 45px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot .key-img span {
    width: 40px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot .key-img span img {
  width: 100%;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot.small {
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot.small {
    font-size: 16px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot iframe {
  width: 980px;
  height: 39vw;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap .bot iframe {
    width: 100%;
    height: 55vw;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .detail .wrap.flex {
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h3 {
    text-align: center;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h3 span {
  display: inline-block;
  font-weight: bold;
  padding: 10px 60px;
  border: 1px solid #1868B4;
  color: #1868B4;
  border-radius: 50px;
  margin: 120px 0 60px;
  font-size: 32px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h3 span {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail h3 span {
    border-radius: 30px;
    margin: 60px auto 20px;
    padding: 10px 40px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box {
  border: 1px solid #c0c0c0;
  border-radius: 8px;
  padding: 50px 70px;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  font-size: 26px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box {
    padding: 30px 20px;
    margin-bottom: 20px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box .wrap.top {
  display: flex;
  margin-bottom: 30px;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box .wrap.top {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box .wrap.top .title {
    margin-bottom: 5px;
    width: 50px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box .wrap.top:first-child {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box .wrap.top:first-child {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box .wrap.bot {
  width: 100%;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box .wrap.bot .title {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box .wrap.bot .title {
    margin-bottom: 5px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box .wrap .title {
  font-weight: bold;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .box .wrap .desc {
  color: #5b5b5b;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .view-more {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .pre-ip-detail .pre-ip-history-box .view-more {
    margin-top: 60px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-title .pc-block {
  display: block;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-title .mob-block {
  display: none;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-title .pc-block1200 {
  display: block;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-title .mob-block1200 {
  display: none;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-title .pc-block400 {
  display: block;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-title .mob-block400 {
  display: none;
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-title .pc-block1200 {
    display: none;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-title .mob-block1200 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-title .pc-block {
    display: none;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-title .mob-block {
    display: block;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-title .pc-block400 {
    display: none;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-title .mob-block400 {
    display: block;
  }
}
@media screen and (max-width: 410px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-title .mob-block1200 {
    width: 100%;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-title .mob-block1200 img {
    width: 100%;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-title .mob-block400 {
    width: 100%;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-title .mob-block400 img {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-write {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-write {
    display: block;
    margin-bottom: 20px;
    margin-top: 25px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-write .create-wrap {
  width: 300px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-write .create-wrap {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-write .create {
  font-size: 26px;
  background-color: #ccc;
  color: white;
  display: inline-block;
  padding: 10px 35px;
  border-radius: 50px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-write .create {
    font-size: 16px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-write .create.archive {
  background-color: var(--color-content-streaming-archive);
}
.mylab .mylab-wrap .mylab-list-wrapper .list-write .create.live {
  background-color: var(--color-content-live-streaming);
}
.mylab .mylab-wrap .mylab-list-wrapper .list-write .create.video {
  background-color: #EF90A2;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-write .create.document {
  background-color: #9786BD;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-write .create.notice {
  background-color: var(--color-content-notic);
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-write .create {
    margin-bottom: 20px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-write .list-more-btn {
  font-size: 26px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-write .list-more-btn {
    font-size: 16px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-write .list-more-btn img {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-write .list-more-btn img {
    width: 8px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-node-top {
  margin-top: 100px;
}
@media screen and (max-width: 1250px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top {
    margin-top: 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 100px;
  overflow: visible;
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select {
    margin-bottom: 50px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .node-num-wrap {
  display: flex;
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .node-num-wrap {
    order: 1;
    flex: 1;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .node-num-wrap {
    bottom: 136px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .node-num-wrap {
    bottom: 104px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .node-num-wrap p {
  font-size: 24px;
  border-radius: 40px;
  border: 1px solid #1868B4;
  padding: 7px 30px 13px;
  font-weight: 600;
  min-width: 210px;
  text-align: center;
  margin-right: 15px;
  margin-left: 15px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .node-num-wrap p {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .node-num-wrap p {
    padding: 3px 10px 8px;
    min-width: 125px;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 7px;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .node-num-wrap p:first-child {
    margin-left: 0;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .node-num-wrap p:last-child {
    margin-right: 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .node-num-wrap p .num {
  color: #1868B4;
  font-size: 32px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .node-num-wrap p .num {
    font-size: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .contents-search-form {
    width: 55%;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .contents-search-form {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .cate-select .contents-search-form .list-search-bar {
    margin-bottom: 15px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-node-top .delete-all-wrap {
  margin-bottom: 100px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .delete-all-wrap {
    text-align: center;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-node-top .delete-all-wrap .btn {
    min-width: 200px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc {
    display: block;
    position: relative;
    border: 1px solid #e0e0e0;
    border-bottom: 6px solid #e0e0e0;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc.pick {
    border-bottom: 6px solid #1868B4;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc.archive {
    border-bottom: 6px solid var(--color-content-streaming-archive);
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc.video {
    border-bottom: 6px solid #EF90A2;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc.document {
    border-bottom: 6px solid #9786BD;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc.node {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc.node {
    margin-bottom: 20px;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc.follow {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc.follow {
    margin-bottom: 20px;
    border: 0;
    box-shadow: none;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .video-wrap {
  width: 300px;
  height: 220px;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .video-wrap {
    height: 220px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .video-wrap {
    width: 100%;
    height: 58.4vw;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left {
  padding: 0 50px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left {
    padding: 20px 30px 20px 30px;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left.other {
    padding: 20px 30px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left h3 {
  font-size: 30px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left h3 {
    font-size: 22px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .line {
  width: 100%;
  height: 1px;
  background-color: var(--color-bg-interactive-inverse);
  margin-top: 20px;
  margin-bottom: 20px;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap {
  display: flex;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.middle {
  flex-wrap: wrap;
  gap: 8px 30px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.middle {
    gap: 7px 8px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.middle .desc {
  width: 100%;
  color: #5B5B5B;
  margin-bottom: 20px;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.middle .desc {
    font-size: 16px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.middle .desc > span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.middle .desc {
    margin-bottom: 12px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.middle .name {
  font-size: 14px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.middle .name {
    font-size: 14px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.middle .time {
  font-size: 14px;
  color: #5B5B5B;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.middle .time {
    font-size: 14px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.bottom {
  margin-top: 20px;
  flex-wrap: wrap;
  gap: 15px 0;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.bottom {
    margin-top: 12px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.bottom > p {
  padding-right: 15px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.bottom > p > span {
  padding-left: 5px;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.bottom .innerBot {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.bottom .innerBot {
    width: 100%;
    padding-right: 50px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.bottom .share-btn {
  width: 78px;
  height: 28px;
  font-size: 12px;
  color: var(--color-text-interactive-inverse);
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
  background-color: #7B7F8B;
  border-radius: 5px;
  padding-right: 0;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.bottom .share-btn > span {
  padding-left: 0;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.bottom .share-btn .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .text-wrap .text-left .float-wrap.bottom .share-btn .txt {
  margin-bottom: 2px;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap {
  width: 100%;
  background-color: #F5FAFF;
  border: 1px solid #F5FAFF;
  padding: 50px;
  border-radius: 12px;
  display: flex;
  gap: 78px;
}
@media screen and (max-width: 1400px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap {
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap {
    padding: 20px;
    border-radius: 8px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap.line {
  background-color: var(--color-bg-primary);
  border: 1px solid #C0C0C0;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap.color {
  background-color: #F8F9FA;
  border: 1px solid #F8F9FA;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap.supporter {
  justify-content: space-around;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap.supporter .node-user-wrap {
  width: calc(70% - 250px);
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap.supporter .node-user-wrap {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-wrap {
  display: flex;
  align-items: center;
  width: 448px;
}
@media screen and (max-width: 1400px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-wrap {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-wrap .img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-wrap .img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-wrap .img img {
  width: 100%;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-wrap .desc {
  flex: 1;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-wrap .desc .user {
  font-weight: bold;
  font-size: 22px;
  width: 100%;
  display: block;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-wrap .desc .user {
    font-size: 18px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-country {
  font-size: 18px;
  color: #4492CD;
  margin-top: 7px;
  margin-bottom: 11px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-country {
    font-size: 16px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-cate {
  font-size: 18px;
  color: #5B5B5B;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-cate {
    font-size: 16px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-info {
  font-size: 18px;
  color: #5B5B5B;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-info {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-info {
    width: 100%;
    margin: 15px 0;
    flex-direction: row;
    justify-content: left;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-info {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-info p {
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-info p {
    margin-right: 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap {
  display: flex;
  align-items: center;
  margin-left: auto;
  width: 420px;
  justify-content: flex-end;
  /*@include c.media(1200){
    flex-direction: column;
    justify-content: center;
  }*/
  /*@include c.media(1000){
    flex-direction: row;
    margin-left: 0;
  }*/
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap {
    width: 100%;
    justify-content: center;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn {
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn.onlyBtn {
    width: 100%;
    justify-content: flex-end;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn {
    width: 48%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn.accept {
  background-color: #ED745C;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn.deny {
  background-color: #C0C0C0;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn.blocking {
  background-color: #4492CD;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn.unblock {
  background-color: #1868B4;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn.message {
  background-color: #1868B4;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn.message.lock {
  background-color: #C0C0C0;
  cursor: auto;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn:first-child {
    margin-right: 10px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn:first-child {
    width: 48%;
    margin-right: 4%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn:first-child.onlyBtn {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .node-user-btn .btn:first-child.onlyBtn {
    min-width: auto;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .more-wrap {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .more-wrap {
    position: relative;
    bottom: auto;
    right: auto;
    width: 50%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .more-wrap .more {
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .node-user-btn-wrap .more-wrap .more-box {
    width: auto;
    min-width: 130px;
    top: auto;
    bottom: -90px;
    transform: translateX(-50%);
    left: 50%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-wrap {
  display: flex;
  align-items: center;
  width: 448px;
  /*@include c.media(1600){
    width: 400px;
  }*/
  /*@include c.media(1200){
    width: 300px;
  }*/
  /*@include c.media(1000){
    width: 100%;
    padding-right: 70px;
  }*/
}
@media screen and (max-width: 1400px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-wrap {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-wrap .img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-wrap .img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-wrap .img img {
  width: 100%;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-wrap .desc {
  flex: 1;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-wrap .desc .user {
  font-weight: bold;
  font-size: 22px;
  width: 100%;
  display: block;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-wrap .desc .user {
    font-size: 18px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-info {
  width: 700px;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-info {
    font-size: 16px;
  }
}
@media screen and (max-width: 1920px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-info {
    width: auto;
    flex: 1;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-info {
    width: 100%;
    flex: auto;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap {
  display: flex;
  align-items: center;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap {
  display: flex;
  align-items: center;
  width: 233px;
  margin-right: 50px;
  /*@include c.media(1000) {
    width: 160px;
    margin-right: 30px;
  }*/
  /* @include c.media(1000) {
     margin-right: 15px;
   }*/
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap {
    margin-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap {
    margin-right: 15px;
    width: auto;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap.isRead {
  justify-content: flex-end;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap.isRead {
    width: auto;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap .new {
  font-size: 16px;
  display: inline-block;
  color: var(--color-text-interactive-inverse);
  background-color: #1868B4;
  border-radius: 8px;
  padding: 0 16px 3px;
  position: absolute;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap .new {
    font-size: 14px;
  }
}
@media screen and (max-width: 410px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap .new {
    left: 20px;
    top: -10px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap .date {
  font-size: 18px;
  padding-left: 90px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap .date {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap .date {
    padding-left: 70px;
  }
}
@media screen and (max-width: 410px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .date-wrap .date {
    padding-left: 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .delete-wrap > a {
  display: flex;
  align-items: center;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .delete-wrap > a .img {
  margin-right: 10px;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .delete-wrap > a .txt {
  font-size: 16px;
  color: #1868B4;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .node-list-wrap .noti-user-btn-wrap .delete-wrap > a .txt {
    font-size: 14px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap {
  width: 100%;
  background-color: #FAF9F7;
  border: 1px solid #FAF9F7;
  padding: 50px;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap {
    padding: 20px;
    border-radius: 8px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap.follower {
  padding: 50px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap.follower {
    padding: 20px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap {
  display: flex;
  align-items: center;
  width: calc(100% - 2% - 420px - 250px);
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap {
    width: calc(100% - 2% - 200px - 250px);
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap.follower {
  width: calc(100% - 250px);
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap.follower {
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap.follower {
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap.follower {
    width: 100%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap .img {
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap .img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap .img img {
  width: 100%;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap .desc {
  flex: 1;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap .desc .user {
  font-weight: 600;
  font-size: 30px;
  width: 100%;
  display: block;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-wrap .desc .user {
    font-size: 20px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-position {
  font-size: 18px;
  color: #4492CD;
  margin-top: 7px;
  margin-bottom: 11px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-position {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-position {
    margin-bottom: 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-cate {
  font-size: 18px;
  color: #5B5B5B;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-cate {
    font-size: 16px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-cate-img {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-cate-img.mob {
  display: none;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-cate-img.mob {
    display: flex;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-cate-img.pc {
    display: none;
  }
}
@media screen and (max-width: 1250px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-cate-img {
    gap: 5px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-cate-img img {
  width: 45px;
}
@media screen and (max-width: 1250px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-cate-img img {
    width: 40px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-info {
  font-size: 18px;
  color: #5B5B5B;
  width: 250px;
  margin-left: 1%;
  margin-right: 1%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-info {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-info {
    width: 100%;
    margin: 15px 0;
    flex-direction: row;
    justify-content: left;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-info {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-info p {
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-info p {
    margin-right: 0;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap {
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap {
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap {
    width: 100%;
    justify-content: center;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn {
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn {
    width: 50%;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn.one {
    width: 100%;
  }
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn.one .btn {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn {
    width: 48%;
  }
}
@media screen and (max-width: 410px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 350px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn {
    font-size: 14px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn.mylabBtn {
  background-color: #1868B4;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn.unfollow {
  background-color: #C0C0C0;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn.blocking {
  background-color: #4492CD;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn.unblock {
  background-color: #1868B4;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn.message {
  background-color: #1868B4;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn.message.lock {
  background-color: #C0C0C0;
  cursor: auto;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn:first-child {
    margin-right: 10px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .follow-user-btn .btn:first-child {
    width: 48%;
    margin-right: 4%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .more-wrap {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .more-wrap {
    position: relative;
    bottom: auto;
    right: auto;
    width: 50%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .more-wrap .more {
  margin-right: auto;
  background-color: #4492CD;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .follow-user-btn-wrap .more-wrap .more-box {
    width: auto;
    min-width: 130px;
    transform: translateX(-50%);
    left: 50%;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .recently-btn {
  transition: all 0.6s;
}
@media (hover: hover) and (pointer: fine) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .recently-btn:hover svg path {
    fill: #1868B4;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-desc .follow-list-wrap .recently-btn.rotate {
  transform: rotateX(180deg);
  transform-origin: 50% 50%;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card {
  flex: 1;
  background-color: var(--color-bg-primary);
  border: 1px solid #e0e0e0;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  position: relative;
  text-align: left;
  padding: 15px 15px 15px 25px;
  transition: all 0.3s;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card {
    flex-basis: calc( 50% - 7px);
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card {
    flex-basis: auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background-color: #ccc;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card .mini-title {
  font-size: 16px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.3;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card .mini-title {
    font-size: 14px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card .mini-date {
  color: #c0c0c0;
  display: inline-block;
  font-size: 14px;
  margin-top: 10px;
  padding-right: 50px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card .mini-date {
    font-size: 12px;
  }
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card .mini-icon {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card.archive:after {
  background-color: var(--color-content-streaming-archive);
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card.archive .mini-icon {
  background-color: var(--color-content-streaming-archive);
  background-image: url("/images/icon-list-archive.png");
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card.video:after {
  background-color: #EF90A2;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card.video .mini-icon {
  background-color: #EF90A2;
  background-image: url("/images/icon-list-video.png");
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card.document:after {
  background-color: #9786BD;
}
.mylab .mylab-wrap .mylab-list-wrapper .list-mini-card-wrap .list-mini-card.document .mini-icon {
  background-color: #9786BD;
  background-image: url("/images/icon-list-document.png");
  background-size: 60%;
  background-position: 70% 50%;
}
.mylab .mylab-wrap .inner {
  background-color: var(--color-bg-primary);
  border-radius: 15px;
  display: flex;
  padding: 50px 70px;
  position: relative;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .inner {
    padding: 30px 50px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner {
    padding: 0;
    box-shadow: none;
  }
}
.mylab .mylab-wrap .inner:after {
  content: "";
  position: absolute;
  left: 386px;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #F8F9FA;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .inner:after {
    left: 296px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner:after {
    display: none;
  }
}
.mylab .mylab-wrap .inner .setting-menu-pc {
  width: 320px;
  position: fixed;
  top: 435px;
  bottom: auto;
  z-index: 1;
  transition: all 0.3s;
}
.mylab .mylab-wrap .inner .setting-menu-pc.abs {
  position: absolute;
  bottom: 100px;
  top: auto;
}
.mylab .mylab-wrap .inner .setting-menu-pc.top {
  top: 130px;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .inner .setting-menu-pc {
    width: 250px;
    min-width: 250px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner .setting-menu-pc {
    display: none;
  }
}
.mylab .mylab-wrap .inner .setting-menu-pc a {
  display: block;
  font-size: 26px;
  padding: 10px 0;
  position: relative;
}
.mylab .mylab-wrap .inner .setting-menu-pc a.active {
  color: #1868B4;
}
.mylab .mylab-wrap .inner .setting-menu-pc a.active:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #1868B4;
  z-index: 1;
}
.mylab .mylab-wrap .inner .setting-wrap {
  flex: 1;
  margin-left: 400px;
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .inner .setting-wrap {
    margin-left: 300px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner .setting-wrap {
    margin-left: 0;
  }
}
.mylab .mylab-wrap .inner .setting-wrap .settings {
  padding-bottom: 100px;
  margin-bottom: 100px;
  border-bottom: 1px solid #c0c0c0;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings {
    padding-bottom: 60px;
    margin-bottom: 60px;
  }
}
.mylab .mylab-wrap .inner .setting-wrap .settings:last-child {
  padding-bottom: 0;
  margin-bottom: 50px;
  border-bottom: none;
}
.mylab .mylab-wrap .inner .setting-wrap .settings .setting-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 70px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-title {
    margin-bottom: 30px;
  }
}
.mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap {
  width: 650px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap {
    width: 500px;
  }
}
@media screen and (max-width: 1200px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap {
    width: 425px;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap {
    width: auto;
  }
}
.mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap .password {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap .password {
    margin-top: 30px;
  }
}
.mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap .password label {
  font-weight: bold;
  color: #5B5B5B;
  font-size: 18px;
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap .password label {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap .password label {
    display: block;
    margin-bottom: 10px;
  }
}
.mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap .password input {
  border: 1px solid #C0C0C0;
  font-size: 16px;
  padding: 20px;
  border-radius: 10px;
  width: calc(100% - 185px);
  background-image: url("/images/input-img-lock.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
@media only screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap .password input {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .password-wrap .password input {
    width: 100%;
  }
}
.mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .setting-btn {
  margin-top: 100px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .setting-btn {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .mylab .mylab-wrap .inner .setting-wrap .settings .setting-desc .setting-btn .btn {
    height: 60px;
  }
}
.mylab .mylab-wrap .mylab-pdf {
  width: 300px;
  margin: 5rem auto 10rem;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 410px) {
  .mylab .mylab-wrap .mylab-pdf {
    width: 90%;
  }
}
.mylab .mylab-wrap .mylab-pdf img {
  width: 100%;
}
.mylab .no-notification {
  width: 920px;
  margin: 200px auto;
}
@media screen and (max-width: 991px) {
  .mylab .no-notification {
    width: 90%;
    margin: 150px auto;
  }
}
.mylab .no-notification img {
  width: 100%;
}

.no-list-bg {
  width: 920px;
  margin: 100px auto;
  position: relative;
}
@media screen and (max-width: 991px) {
  .no-list-bg {
    width: 90%;
    margin: 50px auto;
  }
}
.no-list-bg .img img {
  width: 100%;
}
.no-list-bg .txt {
  color: #C3C7CB;
  font-weight: 500;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .no-list-bg .txt {
    font-size: 30px;
  }
}

.view-like-all-contents {
  background-color: #fafcfe;
  padding: 60px 110px 15px;
}
@media screen and (max-width: 1600px) {
  .view-like-all-contents {
    padding: 60px 20px 15px;
  }
}
@media screen and (max-width: 991px) {
  .view-like-all-contents {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 768px) {
  .view-like-all-contents {
    padding: 60px 20px;
  }
}
.view-like-all-contents .rating-chart-line {
  width: 1400px;
  height: 700px;
  margin: 0 auto;
}
@media screen and (max-width: 1600px) {
  .view-like-all-contents .rating-chart-line {
    width: 90%;
    height: 55vw;
  }
}
@media screen and (max-width: 768px) {
  .view-like-all-contents .rating-chart-line {
    width: 100%;
    height: 70vw;
  }
}
@media screen and (max-width: 479px) {
  .view-like-all-contents .rating-chart-line {
    width: 100%;
    height: 100vw;
  }
}
.view-like-all-contents .rating-chart-line canvas {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1600px) {
  .view-like-all-contents .rating-chart-line canvas {
    width: 90%;
    height: 55vw;
  }
}
.view-like-all-contents .view-like-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .view-like-all-contents .view-like-wrap {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .view-like-all-contents .view-like-wrap .view-like-title {
    width: 100%;
    margin-bottom: 15px;
  }
}
.view-like-all-contents .view-like-wrap .view-like-title span {
  color: var(--color-text-interactive-inverse);
  font-weight: bold;
  border-radius: 50px;
  display: inline-block;
  font-size: 26px;
  padding: 1rem 3rem;
}
@media only screen and (max-width: 768px) {
  .view-like-all-contents .view-like-wrap .view-like-title span {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .view-like-all-contents .view-like-wrap .view-like-title span {
    width: 100%;
    text-align: center;
    padding: 0.75rem 3rem;
  }
}

.setting-head {
  margin: 100px 110px 0;
}
@media screen and (max-width: 768px) {
  .setting-head {
    margin: 30px 10px 45px;
  }
}
.setting-head .pc-block {
  display: block;
}
@media screen and (max-width: 768px) {
  .setting-head .pc-block {
    display: none;
  }
}
.setting-head .mob-block {
  display: none;
}
@media screen and (max-width: 768px) {
  .setting-head .mob-block {
    display: block;
  }
}

.setting-mob-block {
  display: none;
}
@media screen and (max-width: 991px) {
  .setting-mob-block {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .setting-mob-block {
    display: block;
  }
}

.more-wrap {
  position: relative;
}
@media screen and (max-width: 768px) {
  .more-wrap {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: auto;
  }
}
.more-wrap .more {
  width: 60px;
  height: 60px;
  background-color: #4492CD;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .more-wrap .more {
    width: 40px;
    height: 40px;
  }
}
.more-wrap .more span {
  display: block;
  background-color: var(--color-bg-primary);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.more-wrap .more span:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--color-bg-primary);
  border-radius: 50%;
  left: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.more-wrap .more span:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--color-bg-primary);
  border-radius: 50%;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.more-wrap .more:checked ~ .more-box {
  display: block;
}
.more-wrap .more-box {
  position: absolute;
  top: 70px;
  right: 0;
  width: 320px;
  background-color: white;
  border-radius: 4px;
  z-index: 1;
  border: 1px solid #C0C0C0;
  display: none;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .more-wrap .more-box {
    top: 50px;
    min-width: 320px;
    width: auto;
  }
}
@media screen and (max-width: 410px) {
  .more-wrap .more-box {
    min-width: 255px;
  }
}
@media screen and (max-width: 350px) {
  .more-wrap .more-box {
    min-width: 220px;
  }
}
@media screen and (max-width: 991px) {
  .more-wrap .more-box.node {
    width: 90%;
    min-width: auto;
  }
}
@media screen and (max-width: 991px) {
  .more-wrap .more-box.follow {
    width: 90%;
    min-width: auto;
  }
}
.more-wrap .more-box a {
  display: block;
  padding: 10px 30px;
  border-bottom: 1px solid rgba(192, 192, 192, 0.5);
  text-align: left;
}
.more-wrap .more-box a.list-pre-ip.on {
  position: relative;
}
.more-wrap .more-box a.list-pre-ip.on:after {
  content: "";
  position: absolute;
  background-image: url(/images/check.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-position: right;
}
.more-wrap .more-box a.list-pre-ip.true {
  background-color: #F5FAFF;
}
.more-wrap .more-box a.list-pre-ip.disabled {
  background-color: #F5F5F5;
  color: #ababab;
}
.more-wrap .more-box a:last-child {
  border-bottom: 0;
}
.more-wrap .more-box a:hover {
  color: #4492CD;
}
.more-wrap .more-box .item {
  display: block;
  padding: 10px 30px;
  border-bottom: 1px solid rgba(192, 192, 192, 0.5);
  text-align: left;
}
.more-wrap .more-box .item.list-pre-ip.on {
  position: relative;
}
.more-wrap .more-box .item.list-pre-ip.on:after {
  content: "";
  position: absolute;
  background-image: url(/images/check.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-position: right;
}
.more-wrap .more-box .item.list-pre-ip.true {
  background-color: #F5FAFF;
}
.more-wrap .more-box .item.list-pre-ip.disabled {
  background-color: #F5F5F5;
  color: #ababab;
}
.more-wrap .more-box .item:last-child {
  border-bottom: 0;
}
.more-wrap .more-box .item:hover {
  color: #4492CD;
}
.more-wrap .more-box.new {
  border-radius: 10px;
  border: 0;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.more-wrap .more-box.new .item:hover {
  color: var(--color-text-primary);;
  background-color: rgba(24, 104, 180, 0.1);
}
.more-wrap .more-box.new .item:first-child:hover {
  border-radius: 10px 10px 0 0;
}
.more-wrap .more-box.new .item:last-child:hover {
  border-radius: 0 0 10px 10px;
}

@media screen and (max-width: 1600px) {
  .subpage-nav .box-wrap {
    padding: 0 20px;
  }
}

.subpage-nav {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
  background: #1561a6;
  position: relative;
  padding-right: 50px;
}

.subpage-nav p {
  float: left;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

.subpage-nav p:hover {
  background: #2679C3;
}

.subpage-nav p a {
  font-size: 22px;
  line-height: 30px;
  color: var(--color-text-interactive-inverse);
  display: inline-block;
  padding: 15px 37px;
  word-break: keep-all;
  vertical-align: top;
  width: auto;
}
@media screen and (max-width: 768px) {
  .subpage-nav p a {
    padding: 15px 17px;
    font-size: 18px;
  }
}

/*.subpage-nav p:last-of-type{margin-right:0;}*/
.subpage-nav p.active {
  background-color: #4492CD;
}

.subpage-nav p.active a {
  color: var(--color-text-interactive-inverse);
}

.subpage-nav p .new-icon {
  color: var(--color-text-interactive-inverse);
  font-size: 20px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  top: -15px;
  right: -15px;
  background-color: #EA574F;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .subpage-nav p .new-icon {
    font-size: 16px;
    width: 24px;
    height: 24px;
  }
}

.subpage-nav li {
  float: left;
  font-weight: 500;
}

.subpage-nav li:hover {
  background: #2679C3;
}

.subpage-nav li a {
  font-size: 22px;
  line-height: 30px;
  color: var(--color-text-interactive-inverse);
  padding: 15px 17px;
}

.subpage-nav li.active {
  background-color: #4492CD;
}

.subpage-nav li.active a {
  color: var(--color-text-interactive-inverse);
}

.subpage-nav.wrap-position {
  height: 60px !important;
}

.subpage-nav.setTab {
  background: #4492CD;
  display: none;
}

.subpage-nav.setTab p.active {
  background: #5EAAE4;
}

.subpage-nav.setTab p:hover {
  background: #3A9BE5;
}

.subpage-box-wrap-position {
  position: absolute !important;
  height: 60px !important;
}

.subpage-box-wrap-position > p {
  height: 60px;
}

.subpage-box-wrap-position > p > a {
  height: 100%;
}

.swiper-button-next.ver1 {
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(21, 97, 166, 0), #1561a6);
  background: -moz-linear-gradient(left, rgba(21, 97, 166, 0), #1561a6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(21, 97, 166, 0)", endColorstr="#1561a6");
  right: 0;
  left: auto;
  height: 100%;
  top: 0;
  margin-top: 0;
  width: 50px;
  transition: all 0.3s;
  z-index: 1;
}
.swiper-button-prev.ver1 {
  pointer-events: none;
  background: -webkit-linear-gradient(left, #1561a6, rgba(21, 97, 166, 0));
  background: -moz-linear-gradient(left, #1561a6, rgba(21, 97, 166, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1561a6", endColorstr="rgba(21, 97, 166, 0)");
  left: 0;
  right: auto;
  height: 100%;
  top: 0;
  margin-top: 0;
  width: 50px;
  transition: all 0.3s;
  z-index: 1;
}
.swiper-button-next.ver1.sub {
  background: -webkit-linear-gradient(left, rgba(68, 146, 205, 0), #4492cd);
  background: -moz-linear-gradient(left, rgba(68, 146, 205, 0), #4492cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(68, 146, 205, 0)", endColorstr="#4492cd");
}
.swiper-button-next.ver1.white {
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 255, 255, 0)", endColorstr="#ffffff");
}
.swiper-button-prev.ver1.sub {
  background: -webkit-linear-gradient(left, #4492cd, rgba(68, 146, 205, 0));
  background: -moz-linear-gradient(left, #4492cd, rgba(68, 146, 205, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4492cd", endColorstr="rgba(68, 146, 205, 0)");
}
.swiper-button-prev.ver1.white {
  background: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="rgba(255, 255, 255, 0)");
}
.swiper-button-next.ver1.white.search,
.swiper-button-prev.ver1.white.search {
  display: none;
}
@media screen and (max-width: 991px) {
  .swiper-button-next.ver1.white.search,
  .swiper-button-prev.ver1.white.search {
    display: flex;
  }
}
.swiper-button-next.ver1:after, .swiper-button-prev.ver1:after {
  content: "";
}

.swiper-button-next.swiper-button-disabled.ver1, .swiper-button-prev.swiper-button-disabled.ver1 {
  opacity: 0;
}

.upload-box {
  margin: 0 180px;
  padding: 60px;
  background-color: var(--color-bg-primary);
  border: 1px solid #e0e0e0;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.upload-title {
  border-bottom: 1px solid var(--color-base-black);
  padding-bottom: 29px;
  margin-bottom: 60px;
}

.upload-title-sub {
  position: relative;
  top: -40px;
}

.upload-title p {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  border-left: 6px solid var(--color-base-black);
  padding-left: 25px;
}

.upload-form .btn-wrap {
  text-align: center;
  margin-top: 60px;
}

.upload-form .btn-wrap > div {
  display: inline-block;
}

.upload-form .btn-wrap a {
  float: left;
  width: 330px;
  height: 80px;
  line-height: 80px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  font-size: 26px;
  border: 1px solid #4b8fcd;
  font-weight: 700;
}

.upload-form .btn-wrap button {
  float: left;
  width: 330px;
  height: 80px;
  line-height: 80px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  font-size: 26px;
  border: 1px solid #4b8fcd;
  font-weight: 700;
}

.upload-form .btn-wrap .cancel-btn {
  background-color: var(--color-bg-primary);
  color: #4B8FCD;
}

.upload-form .btn-wrap .submit-btn {
  background: #4b8fcd;
  color: var(--color-text-interactive-inverse);
  margin-right: 54px;
}

.upload-form .input-wrap {
  margin-bottom: 20px;
}

.upload-form .input-wrap label {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 8px;
  font-weight: 500;
  display: block;
}

.upload-form .input-wrap label .max-text {
  font-weight: 400;
  font-size: 14px;
  margin-left: 10px;
}

.upload-form .input-wrap input {
  width: 670px;
  height: 60px;
  border: 1px solid #e0e0e0;
  padding-left: 35px;
  font-size: 18px;
  font-weight: 300;
}

.upload-form .input-wrap input:focus {
  border: var(--1-equal, 1px) solid var(--color-border-interactive-primary, #102E67);
}

.upload-form .input-wrap input.timepicker {
  width: 210px;
}

.upload-form .input-wrap select {
  width: 670px;
  height: 60px;
  border: 1px solid #e0e0e0;
  padding-left: 35px;
  font-size: 18px;
  font-weight: 300;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/select-arrow.png) no-repeat center right 15px;
}

.upload-form .input-wrap textarea {
  resize: none;
  padding: 15px 35px;
  width: 670px;
  height: 93px;
  border: 1px solid #e0e0e0;
  font-size: 18px;
  line-height: 30px;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 300;
}

.upload-form .input-wrap textarea::placeholder {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 300;
}

.upload-form .input-wrap textarea.subtitle {
  width: calc( 100% - 180px);
  height: 155px;
}

.upload-form .input-wrap.height textarea {
  height: 206px;
  padding: 15px 35px 40px;
}
@media screen and (max-width: 768px) {
  .upload-form .input-wrap.height textarea {
    height: 236px;
    padding: 10px 20px 40px;
  }
}

.input-wrap.file {
  overflow: hidden;
}

.input-wrap.file a {
  float: left;
  font-size: 18px;
  font-weight: 300;
  width: 150px;
  height: 60px;
  line-height: 60px;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  text-align: center;
}

.input-wrap.file input {
  float: left;
  width: 520px;
  background-color: var(--color-bg-primary);
  border: none;
}

.upload-form .input-wrap.invite .float-wrap {
  overflow: hidden;
}

.upload-form .input-wrap.invite .float-wrap.upload-select-basic-custom-wrap {
  overflow: visible;
}

.upload-form .input-wrap.invite .float-wrap input {
  float: left;
  margin-right: 10px;
}

.upload-form .input-wrap.invite .float-wrap select {
  float: left;
  margin-right: 10px;
}

.upload-form .input-wrap.invite .float-wrap a {
  float: left;
}

.upload-form .input-wrap.invite .email-show-wrap {
  margin-bottom: 0;
  margin-top: 10px;
  width: 670px;
  overflow: hidden;
}

.upload-form .float-wrap.time {
  overflow: hidden;
}

.upload-form .float-wrap.time .input-wrap {
  float: left;
}

.upload-form .float-wrap.time .input-wrap select {
  width: 210px;
  margin-right: 20px;
}

.upload-form .float-wrap.time .input-wrap input {
  width: 210px;
  margin-right: 20px;
}

.upload-form .float-wrap.time .input-wrap:last-of-type select {
  margin-right: 0;
}

.upload-form .input-wrap.chk-state {
  overflow: hidden;
}

.upload-form .input-wrap .type-chk-wrap {
  float: left;
  margin-right: 60px;
  margin-top: 5px;
}

.upload-form .input-wrap .type-chk-wrap:last-of-type {
  margin-right: 0;
}

.upload-form .input-wrap .type-chk-wrap label {
  line-height: 20px;
}

.upload-form .input-wrap .type-chk-wrap label span {
  margin-left: 26px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #313237;
  display: block;
}

/* 바뀐 video upload select 부분(시작) */
.upload-form .input-wrap .docuemntInputWrap {
  width: 670px;
  position: relative;
}
.upload-form .input-wrap .docuemntInputWrap input#documentTitle {
  padding-right: 56px;
}
.upload-form .input-wrap .docuemntInputWrap .searchIconWrap {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.upload-form .input-wrap .documentList {
  display: block;
  position: absolute;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);;
  border-radius: 6px;
  width: 670px;
  top: 65px;
  border-radius: 5px;
  z-index: 2;
  overflow-y: auto;
  max-height: 0;
  transition: 0.3s ease-in;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.upload-form .input-wrap .documentList::-webkit-scrollbar {
  width: 6px;
}
.upload-form .input-wrap .documentList::-webkit-scrollbar-track {
  background: transparent;
}
.upload-form .input-wrap .documentList::-webkit-scrollbar-thumb {
  background: #f2f4f7;
  border-radius: 45px;
}
.upload-form .input-wrap .documentList::-webkit-scrollbar-thumb:hover {
  background: #f2f4f7;
}
.upload-form .input-wrap .documentList.active {
  max-height: 360px;
}
.upload-form .input-wrap .documentList .documentListItem {
  display: block;
  /* line-height: 30px; */
  padding: 8px 15px;
  transition: 0.1s;
}
.upload-form .input-wrap .documentList .documentListItem.disabled {
  cursor: default;
  color: #8C8F9E;
}
.upload-form .input-wrap .documentList .documentListItem.item {
  cursor: pointer;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.upload-form .input-wrap .documentList .documentListItem.item:hover,
.upload-form .input-wrap .documentList .documentListItem.item.active {
  background: rgba(24, 104, 180, 0.1);
}

@media screen and (max-width: 768px) {
  .upload-form .input-wrap .docuemntInputWrap {
    width: 100%;
  }
  .upload-form .input-wrap .documentList {
    width: 100%;
    top: 55px;
  }
}
/* 바뀐 video upload select 부분(끝) */

.cate-select {
  overflow: hidden;
}

.cate-select select {
  float: left;
  width: 300px;
  height: 40px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/select-arrow.png) no-repeat center right 15px;
  background-color: var(--color-bg-primary);
}

.cate-select div.select {
  float: left;
  width: 300px;
  height: 40px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.cate-select.two select:first-child {
  margin-right: 1rem;
}

.cate-select .list-search-bar {
  float: right;
  background-color: var(--color-bg-primary);
  display: flex;
  border: 1px solid #e0e0e0;
  width: 300px;
  height: 40px;
  padding: 0 20px;
  overflow: hidden;
}

.cate-select .list-search-bar button {
  background: none;
  border: none;
}

.cate-select .list-search-bar input {
  height: 38px;
  width: 250px;
  margin-left: 30px;
  font-size: 14px;
  border: none;
}

.section_streaming .cate-select > div {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.section_streaming .cate-select p {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-text-interactive-inverse);
  width: 121px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  background: #e70d0d;
  border-radius: 10px;
  filter: drop-shadow(0px 2px 7px rgba(231, 13, 13, 0.25));
}

.section-contents {
  display: flex;
  flex-wrap: wrap;
}

.section_streaming .streaming-section .section-contents:last-of-type {
  margin-bottom: 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}

.reservation-section {
  margin-top: 100px;
}

.reservation-title {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.reservation-title p {
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
}

.reservation-title p:before {
  content: "";
  display: block;
  width: 35px;
  height: 1px;
  background-color: var(--color-bg-interactive-inverse);
  margin-bottom: 15px;
}

.section_streaming .streaming-section .section-contents:last-of-type {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}

.section_streaming .reservation-section .section-contents:last-of-type {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}

.sub-upload-btn {
  font-size: 25px;
  color: var(--color-text-interactive-inverse);
  font-weight: 400;
  width: 390px;
  height: 85px;
  line-height: 85px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  display: block;
  text-align: center;
  margin: 0 auto 100px;
}

.sub-upload-btn:hover {
  color: var(--color-text-interactive-inverse);
}

.sub-upload-btn.video {
  background: var(--color-content-video);
}

.sub-upload-btn.document {
  background: var(--color-content-document);
}

.sub-upload-btn.streaming {
  background: var(--color-content-live-streaming);
}

.paging {
  text-align: center;
  margin-bottom: 1rem;
}

.paging .paging-wrap {
  display: inline-block;
  overflow: hidden;
}

.paging .paging-wrap a {
  float: left;
  margin-right: 5px;
  border: 1px solid #cfcfd0;
  width: 40px;
  height: 40px;
  display: block;
  line-height: 36px;
  font-size: 25px;
  font-weight: 300;
}

.paging .paging-wrap a:last-of-type {
  margin-right: 0;
}

.paging .paging-wrap a.arrow-btn {
  line-height: 32px;
}

.paging .paging-wrap a img {
  vertical-align: middle;
}

.paging .paging-wrap a.active {
  background: #1561a6;
  color: var(--color-text-interactive-inverse);
  border: 1px solid #1561a6;
}

.paging-new {
  margin-top: var(--40);
}
.paging-new .paging-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.paging-new .paging-wrap .item {
  display: flex;
  width: var(--spacing-32, 32px);
  height: var(--spacing-32, 32px);
  justify-content: center;
  align-items: center;
  color: var(--color-text-secondary, #374151);
  font-family: "Noto Sans KR";
  font-size: var(--body-md-font-size);
  font-style: normal;
  font-weight: var(--body-md-font-weight-500);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
}
.paging-new .paging-wrap .item.active {
  border-radius: var(--border-radius-circle, 9999px);
  background: var(--color-bg-interactive-primary, #102E67);
  color: var(--color-text-interactive-inverse);
}
.paging-new .paging-wrap .arrow-btn {
  display: flex;
  width: var(--spacing-32, 32px);
  height: var(--spacing-32, 32px);
  justify-content: center;
  align-items: center;
  cursor: auto;
}
.paging-new .paging-wrap .arrow-btn.left {
  margin-right: var(--spacing-8);
}
.paging-new .paging-wrap .arrow-btn.right {
  margin-left: var(--spacing-8);
}
.paging-new .paging-wrap .arrow-btn.active {
  cursor: pointer;
}
.paging-new .paging-wrap .arrow-btn.active svg {
  display: flex;
  justify-content: center;
  align-items: center;
}
.paging-new .paging-wrap .arrow-btn.active svg path {
  fill: var(--color-icon-secondary);
}
@media screen and (max-width: 768px) {
  .paging-new .paging-wrap .arrow-btn {
    width: 24px;
    height: 24px;
  }
  .paging-new .paging-wrap .arrow-btn svg {
    transform: scale(1.3);
  }
}


.input-wrap.file .filebox input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.input-wrap.file .filebox label {
  float: left;
  font-size: 18px;
  width: 151px;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  background-color: #fafafa;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-weight: 300;
  margin-bottom: 0;
}

.input-wrap.file .filebox label.border-red {
  border-color: var(--color-bg-interactive-destructive);
  color: var(--color-text-danger);
}

.more-btn {
  position: absolute;
  right: 110px;
  top: 100px;
}

.more-btn a {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.more-btn img {
  vertical-align: middle;
  margin-left: 7px;
}

.container.error {
  position: relative;
}

.container.calc-center {
  height: calc(100% - 85px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.error > img {
  width: 100%;
}

.error img.m-block {
  display: none;
}

.error-text {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 80%;
}

.error-text img {
  cursor: pointer;
}

.error-text .error-text-wrap {
  display: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  padding: 50px;
  color: #909090;
  width: 60%;
  margin: 0 auto;
}

.input-error {
  border: 1px solid var(--color-border-danger) !important;
}

.section_notice .paging {
  margin-top: 150px;
}

/* notice-view */
.notice-view {
  overflow: hidden;
  padding-top: 60px;
}

.notice-view > div {
  float: left;
}

.notice-view .view-left {
  width: 230px;
  margin-right: 60px;
}

.notice-view h2 {
  font-size: 30px;
  line-height: 43px;
  font-weight: 500;
  margin-bottom: 30px;
}

.notice-view .notice-search {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 10px;
  overflow: hidden;
}

.notice-view .notice-search a {
  float: left;
  margin-right: 10px;
}

.notice-view .notice-search input {
  font-size: 16px;
  font-weight: 300;
  border: none;
  float: left;
  width: 170px;
}

.notice-view .profile {
  overflow: hidden;
  margin-bottom: 50px;
}

.notice-view .profile .photo {
  float: left;
  border: 1px solid #e0e0e0;
  margin-right: 20px;
  width: 57px;
  height: 57px;
  overflow: hidden;
  border-radius: 50%;
}

.notice-view .profile .photo img {
  max-width: 100%;
}

.notice-view .profile .state {
  float: left;
}

.notice-view .profile .state .name {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 5px;
  font-weight: 400;
}

.notice-view .profile .state .time {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}

.notice-view .notice-content {
  font-size: 16px;
  line-height: 23px;
  font-weight: 300;
}

.notice-bar {
  border-top: 1px solid #e0e0e0;
  background: #fafafa;
  line-height: 50px;
}

.notice-bar .bar-inner {
  padding: 0 405px;
  overflow: hidden;
}

.notice-bar .bar-inner > a {
  float: left;
  font-size: 16px;
  font-weight: 300;
}

.notice-bar .bar-inner > select {
  float: right;
  width: 140px;
  background: #fafafa;
  border: none;
  height: 50px;
  font-size: 16px;
  font-weight: 300;
}

/* FAQ */
.faq-search {
  background: #4081bb;
  padding: 30px 0;
  width: 100%;
}

.faq-search .search-bar {
  position: relative;
  width: 620px;
  height: 60px;
  margin: 0 auto;
}

.faq-search .search-bar a {
  position: absolute;
  top: 18px;
  left: 20px;
}

.faq-search .search-bar input {
  width: 100%;
  height: 100%;
  border: none;
  padding-left: 65px;
  font-weight: 300;
  font-size: 16px;
}

.faq-category {
  text-align: center;
}

.faq-category h2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 72px;
  margin: 30px 0;
}

.faq-category .category-tab {
  display: inline-block;
  overflow: hidden;
  margin-bottom: 30px;
}

.faq-category .category-tab p {
  float: left;
  font-size: 16px;
  color: #909090;
  font-weight: 400;
  line-height: 52px;
  padding: 0 30px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  margin-right: 20px;
  cursor: pointer;
  margin-bottom: 5px;
}

.faq-category .category-tab p:last-of-type {
  margin-right: 0;
}

.faq-category .category-tab p.active {
  border: 1px solid #4081BB;
  color: #4081BB;
}

.faq-content {
  background: #fafafa;
  padding: 30px 277px 100px;
}

.faq-content .paging {
  margin-top: 100px;
}

.tab-show {
  display: none;
}

.tab-show.active {
  display: block;
}

.accordian {
  width: 100%;
  background-color: var(--color-bg-primary);
  border: 1px solid #e0e0e0;
  border-radius: 7px;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
  padding: 0 30px;
}

.accordian .acco-q {
  position: relative;
  padding: 20px 35px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  cursor: pointer;
}

.accordian .acco-q:before {
  content: "Q";
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  top: 20px;
  left: 0;
  line-height: 30px;
}

.accordian .acco-q span {
  position: absolute;
  top: 32px;
  right: 0;
  line-height: 6px;
  transition: 0.5s;
}

.accordian .acco-a {
  position: relative;
  padding: 20px 0 30px;
  padding-left: 35px;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  border-top: 1px solid #e0e0e0;
  display: none;
}

.accordian .acco-a:before {
  content: "A";
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  top: 20px;
  left: 0;
  line-height: 30px;
  color: #DB5C6C;
}

/* Video view page */
.view-wrap {
  display: flex;
  margin-top: 50px;
}

.view-wrap .view-left {
  width: 58%;
}

.view-wrap .view-left .left-block1 {
  width: 100%;
  margin-bottom: 30px;
}

.view-wrap .view-left .left-block1 iframe {
  width: 100%;
  height: 28vw;
}

.view-wrap .view-left .left-block2 {
  overflow: hidden;
  margin-bottom: 25px;
}

.view-wrap .view-left .left-block4 .category {
  overflow: hidden;
  margin-bottom: 20px;
}

.view-wrap .view-left .left-block4 .category img {
  width: 40px;
  float: left;
  margin-right: 7px;
  margin-bottom: 5px;
}

.view-wrap .view-left .left-block4 .category img:last-of-type {
  margin-right: 0;
}

.view-wrap .view-left .left-block2 .count {
  float: right;
  overflow: hidden;
  margin-top: 3px;
}

.view-wrap .view-left .left-block2 .count > div {
  float: left;
  overflow: hidden;
  padding: 3px 13px;
}

.view-wrap .view-left .left-block2 .count > div.view-count {
  margin-right: 30px;
}

.view-wrap .view-left .left-block2 .count > div.like-count {
  border-radius: 10px;
  background: #4081bb;
  cursor: pointer;
}

.view-wrap .view-left .left-block2 .count > div.like-count p {
  color: var(--color-text-interactive-inverse);
}

.view-wrap .view-left .left-block2 .count > div > p {
  float: left;
  line-height: 27px;
  font-size: 18px;
}

.view-wrap .view-left .left-block2 .count > div > p img {
  vertical-align: middle;
}

.view-wrap .view-left .left-block2 .count > div > p:first-of-type {
  margin-right: 10px;
}

.view-wrap .view-left .left-block3 {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 20px 0;
  overflow: hidden;
  margin-bottom: 20px;
}

.view-wrap .view-left .left-block3 p {
  float: left;
  font-size: 18px;
  line-height: 36px;
  margin-right: 40px;
}

.view-wrap .view-left .left-block3 span {
  float: left;
  font-size: 25px;
  line-height: 36px;
}

.view-wrap .view-left .left-block4 {
  padding-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 25px;
}

.view-wrap .view-left .left-block3 h3 {
  font-size: 28px;
  font-weight: 700;
}

.view-wrap .view-left .left-block4 div {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}

.view-wrap .view-left .left-block5 {
  margin-bottom: 135px;
}

.view-wrap .view-left .left-block5 h3 {
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 20px;
}

.view-wrap .view-left .left-block5 h3 span {
  font-size: 18px;
  color: #4081bb;
  line-height: 30px;
}

.view-wrap .view-left .left-block5 .input-wrap {
  display: flex;
  margin-bottom: 30px;
}

.view-wrap .view-left .left-block5 .input-wrap input {
  width: 78%;
  height: 60px;
  border: 1px solid #e0e0e0;
  border-radius: 7px;
  padding-left: 30px;
  margin-right: 10px;
  font-size: 16px;
}

.view-wrap .view-left .left-block5 .input-wrap button {
  width: 217px;
  height: 60px;
  line-height: 60px;
  background-color: var(--color-bg-primary);
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  color: #4081BB;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  border: 1px solid #4081BB;
  flex-grow: 0;
  flex-shrink: 0;
}

.view-wrap .view-left .left-block5 .comment-wrap {
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 15px;
}

.view-wrap .view-left .left-block5 .comment-wrap .name {
  font-size: 16px;
  color: #909090;
  line-height: 30px;
}

.view-wrap .view-left .left-block5 .comment-wrap .comment {
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
}

.view-wrap .view-right {
  width: 42%;
  padding-left: 4%;
  margin-bottom: 130px;
}

.view-wrap .view-right h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 20px;
  overflow: hidden;
}

.view-wrap .view-right h3 select {
  width: 150px;
  height: 35px;
  font-size: 14px;
  padding-left: 10px;
  float: right;
}

.view-wrap .view-right .right-block1 {
  position: relative;
  margin-bottom: 50px;
}

.view-wrap .view-right .right-block1 .more-btn {
  position: static;
}

.view-wrap .view-right .right-block1 .more-btn a {
  position: absolute;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #909090;
  top: 0;
  right: 0;
}

.view-wrap .view-right .right-block1 .tab-con input {
  display: none;
}

.view-wrap .view-right .right-block1 .tab-con label {
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  padding-bottom: 5px;
  color: #909090;
  background: none;
  border-bottom: 4px solid transparent;
  margin-right: 30px;
}

.view-wrap .view-right .right-block1 .tab-con label:last-of-type {
  margin-right: 0;
}

.view-wrap .view-right .right-block1 .tab-con input:checked + label {
  color: var(--color-text-primary);;
  border-bottom: 4px solid #4081bb;
}

.view-wrap .view-right .right-block1 .tab-con section {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 30px 0;
  font-size: 14px;
  line-height: 26px;
  color: #909090;
  display: none;
}

#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 {
  display: block;
}

.view-wrap .view-right .right-block2 .video-box {
  display: flex;
  margin-bottom: 20px;
}

.view-wrap .view-right .right-block2 .video-wrap {
  width: 39%;
  height: 8.3vw;
  border: 1px solid #e0e0e0;
}

.view-wrap .view-right .right-block2 .video-wrap .play-btn {
  right: auto;
  bottom: auto;
  left: 50%;
  margin-left: -25px;
  top: 50%;
  margin-top: -25px;
}

.view-wrap .view-right .right-block2 .text-wrap {
  width: 61%;
  padding-left: 30px;
}

.view-wrap .view-right .right-block2 .text-wrap .title {
  font-size: 18px;
  line-height: 26px;
  height: 52px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  margin-bottom: 10px;
}

.view-wrap .view-right .right-block2 .text-wrap .name {
  font-size: 14px;
  line-height: 20px;
  color: #909090;
  margin-bottom: 10px;
}

.view-wrap .view-right .right-block2 .text-wrap .time {
  display: flex;
  font-size: 14px;
  color: #909090;
}

.view-wrap .view-right .right-block2 .text-wrap .time .cut {
  padding: 0 5px;
}

.view-wrap .view-left .left-block2 .count > div.like-count p .mobile-visible {
  display: none;
}

/* Document view page */
.view-wrap.document {
  display: block;
  margin-top: 60px;
}

.view-wrap.document .view-left {
  width: 100%;
}

.view-wrap.document .view-left .left-block1 {
  padding-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}

.view-wrap.document .view-left .left-block1 h2 {
  font-size: 30px;
  font-weight: 500;
  line-height: 43px;
}

.view-wrap.document .view-left .left-block2 .count {
  float: none;
  margin-top: 0;
  margin-bottom: 30px;
}

.view-wrap.document .view-left .left-block2 {
  margin-bottom: 30px;
}

.view-wrap.document .view-left .left-block2 .profile {
  display: flex;
}

.view-wrap.document .view-left .left-block2 .profile .photo {
  width: 57px;
  height: 57px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  /*overflow: hidden;*/
  margin-right: 40px;
  flex-grow: 0;
  flex-shrink: 0;
}

.view-wrap.document .view-left .left-block2 .profile .photo img {
  width: 100%;
}

.view-wrap.document .view-left .left-block2 .profile .profile-text .name {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 10px;
}

.view-wrap.document .view-left .left-block2 .profile .profile-text .intro {
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
}

.view-wrap.document .view-left .left-block3 {
  padding-bottom: 0;
  margin-bottom: 30px;
}

.view-wrap.document .view-left .left-block3 p {
  float: none;
  margin-right: 0;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 10px;
}

.view-wrap.document .view-left .left-block3 span {
  float: none;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 30px;
  display: block;
}

.view-wrap.document .view-left .left-block4 p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 30px;
  font-weight: 500;
}

.view-wrap.document .view-left .left-block4 span {
  display: block;
}

.view-wrap.document .view-left .left-block5 .input-wrap input {
  width: 87%;
}

.chat-inner {
  border: 1px solid #e0e0e0;
  padding: 20px 50px 20px 30px;
  background: #FBFBFC;
  height: 643px;
  overflow-y: scroll;
}

.chat-inner .line {
  display: flex;
  margin-bottom: 10px;
}

.chat-inner .line .name {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: #909090;
  margin-right: 20px;
  flex-grow: 0;
  flex-shrink: 0;
}

.chat-inner .line .contents {
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  display: inline-block;
  word-break: break-all;
}

.slide-btn {
  border: 1px solid #e0e0e0;
  text-align: center;
  padding: 10px 0;
  line-height: 12px;
  cursor: pointer;
}

.slide-btn img {
  transform: none;
}

.slide-btn img.on {
  transform: rotate(180deg);
}

.error .slide-btn {
  border: none;
  padding: 0;
}

.live-on .chat-inner {
  height: 520px;
}

.view-wrap .view-left .on-air-mark {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  color: var(--color-text-interactive-inverse);
  filter: drop-shadow(0px 2px 7px rgba(231, 13, 13, 0.25));
  width: 120px;
  text-align: center;
  line-height: 41px;
  background: #e70d0d;
  border-radius: 10px;
}

.chat-write {
  padding: 20px 30px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.chat-write .write-name {
  overflow: hidden;
  margin-bottom: 5px;
}

.chat-write .write-name .name {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: #909090;
  float: left;
}

.chat-write .write-name .number {
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  color: #909090;
  float: right;
}

.write-input {
  display: flex;
}

.write-input input {
  font-size: 16px;
  padding-left: 25px;
  width: 95%;
  border: 1px solid #e0e0e0;
  margin-right: 10px;
  height: 50px;
}

.write-input a {
  flex-grow: 0;
  flex-shrink: 0;
  line-height: 50px;
}

.write-input a img {
  vertical-align: middle;
}

.chat-open {
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  border-bottom: 1px solid #e0e0e0;
  display: none;
  cursor: pointer;
  border-top: 1px solid #e0e0e0;
}

.chat-open img {
  vertical-align: middle;
  margin-left: 5px;
}

.mobile-top {
  background-color: var(--color-bg-primary);
  overflow: hidden;
  padding: 0 20px;
  border-top: 1px solid #e0e0e0;
  display: none;
}

.mobile-top p {
  float: left;
  font-size: 14px;
  line-height: 40px;
}

.mobile-top p.cancel-btn {
  float: right;
  line-height: 40px;
  cursor: pointer;
}

.mobile-top p.cancel-btn img {
  vertical-align: middle;
}

.mobile-top select {
  float: left;
  margin-left: 15px;
  width: 120px;
  height: 30px;
  margin-top: 5px;
}

.mobile-more {
  width: 100%;
  text-align: center;
  height: 45px;
  line-height: 45px;
  background-color: var(--color-bg-primary);
  display: block;
  border: 1px solid #e0e0e0;
  border-radius: 7px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  display: none;
}

.mobile-more img {
  vertical-align: middle;
}

.left-block2 .user-icon {
  display: flex;
}

.left-block2 .user-icon p {
  border: 1px solid #c4c4c4;
  width: 40px;
  height: 40px;
  background: #f4f4f4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  /*overflow: hidden;*/
}

.left-block2 .user-icon p img {
  max-width: 100%;
}

.left-block2 .user-icon span {
  line-height: 40px;
}

/* streaming view page (on air) */
.onAir-frame {
  display: flex;
  margin-bottom: 50px;
}

.mic-text {
  font-size: 18px;
  margin: 0 auto 50px;
  width: 500px;
  word-break: normal;
  line-height: 30px;
}

.onAir-frame .frame-left {
  width: 70%;
  background-color: var(--color-bg-interactive-inverse);
}

.onAir-frame .frame-left iframe {
  width: 100%;
}

.onAir-frame .frame-right {
  width: 30%;
}

.onAir-frame .frame-right .right-top {
  background: #2d2d2d;
  text-align: right;
  padding: 20px 15px 15px;
}

.onAir-frame .frame-right .right-top button {
  background: none;
  border: none;
  color: var(--color-text-interactive-inverse);
  font-size: 16px;
  font-weight: 700;
  margin-right: 10px;
}

.onAir-frame .frame-right .right-top button:last-of-type {
  margin-right: 0;
}

.onAir-frame .frame-right .right-bottom {
  background: #252525;
  padding: 30px 40px;
  overflow-y: auto;
  height: 40.17vw;
  color: var(--color-text-interactive-inverse);
  font-size: 16px;
  line-height: 24px;
}

.onAir-frame .frame-right .right-bottom p {
  font-size: 16px;
  line-height: 24px;
}

.list-btn-wrap.streaming {
  display: flex;
  margin: 0 auto 150px;
  justify-content: center;
}

.list-btn-wrap.streaming a {
  width: 390px;
  height: 85px;
  margin-right: 20px;
  font-size: 25px;
  color: var(--color-text-interactive-inverse);
  font-weight: 400;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  line-height: 85px;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
}

.onAir-list-btn {
  background: #f2c24f;
}

.onAir-list-btn:hover {
  color: var(--color-text-interactive-inverse);
}

.onAir-donation-btn {
  background: #4081BB;
}

.onAir-text-wrap > div .sub-title {
  flex: 1;
}

.onAir-text-wrap > div .sub-img {
  justify-content: right;
  margin-left: 2rem;
}

.onAir-text-wrap > div .title {
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
}

.onAir-text-wrap > div .key > span {
  background: #f2f1f1;
  padding: 6px 22px;
  border-radius: 30px;
}

.onAir-text-wrap > div.onAir-text {
  margin-right: 100px;
  margin-bottom: 100px;
  flex: 1;
}

.onAir-text-wrap > div.faq {
  width: 300px;
}

.onAir-text-wrap > div .like-count {
  padding: 5px 15px;
  border-radius: 8px;
  cursor: pointer;
}

.donation-btn {
  text-align: center;
  margin-bottom: 25px;
}

.donation-btn a {
  font-size: 18px;
  line-height: 60px;
  display: inline-block;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  width: 218px;
  background: #4081BB;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
}

.donation-btn a.disable {
  background: #e0e0e0;
}

/* donation page */
.donation1 {
  text-align: center;
}

.donation1 .top {
  width: 887px;
  margin: 0 auto 80px;
}

.donation1 .top h2 {
  font-size: 50px;
  font-weight: 500;
  line-height: 65px;
  margin-bottom: 20px;
}

.donation1 .top h2:before {
  content: "";
  display: block;
  width: 22px;
  height: 20px;
  background: url(../images/icon-q.png) no-repeat center;
  margin: 60px auto 20px;
}

.donation1 .top p {
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
}

.donation1 .bottom {
  background: #f7f8f9;
  padding: 30px 0 150px;
}

.donation1 .bottom .inner {
  width: 887px;
  margin: 0 auto;
}

.donation1 .bottom .inner .id-block {
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 20px;
}

.donation1 .bottom .inner .id-block span {
  font-weight: 700;
}

.donation1 .bottom .inner .point-input {
  width: calc( 100% - 70px);
  height: 68px;
  border: none;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}

.donation1 .bottom .inner .point-input::placeholder {
  font-weight: normal;
  color: #ccc;
  font-size: 24px;
}

.donation1 .bottom .inner .point-input.pop::placeholder {
  font-size: 12px;
}

.donation1 .bottom .inner .charge-wrap {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 38px;
  margin-bottom: 57px;
  overflow: hidden;
}

.donation1 .bottom .inner .charge-wrap .charge-text {
  border-left: 1px solid var(--color-base-black);
  padding-left: 30px;
  float: left;
}

.donation1 .bottom .inner .charge-wrap .charge-text .text-top {
  overflow: hidden;
}

.donation1 .bottom .inner .charge-wrap .charge-text .text-top p {
  font-size: 18px;
  line-height: 26px;
  float: left;
  font-weight: 400;
}

.donation1 .bottom .inner .charge-wrap .charge-text .text-top .danger-text {
  color: var(--color-text-danger);
  margin-left: 20px;
}

.donation1 .bottom .inner .charge-wrap .charge-text .text-bottom {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  text-align: left;
}

.donation1 .bottom .inner .charge-wrap .charge-btn {
  float: right;
}

.donation1 .bottom .inner .charge-wrap .charge-btn a {
  display: inline-block;
  width: 150px;
  line-height: 60px;
  font-size: 18px;
  color: var(--color-text-interactive-inverse);
  font-weight: 500;
  text-align: center;
  background-color: var(--color-bg-interactive-inverse);
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
}

.donation-page-btn {
  display: inline-block;
}

.donation-page-btn a {
  display: inline-block;
  width: 150px;
  line-height: 60px;
  font-size: 18px;
  color: var(--color-text-interactive-inverse);
  background: #4081BB;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
}

.donation-page-btn button {
  display: inline-block;
  width: 150px;
  line-height: 60px;
  font-size: 18px;
  color: var(--color-text-interactive-inverse);
  background: #4081BB;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  border: none;
  vertical-align: top;
}

.donation-page-btn a.white {
  color: #4081bb;
  border: 1px solid #4081bb;
  background-color: var(--color-bg-primary);
  margin-left: 15px;
}

.donation1 .mobile-block {
  display: none;
}

.donation2 {
  text-align: center;
  margin-bottom: 150px;
}

.donation2 h2 {
  font-size: 30px;
  line-height: 43px;
  font-weight: 300;
  margin-bottom: 66px;
}

.donation2 h2:before {
  content: "";
  display: block;
  width: 22px;
  height: 20px;
  background: url(../images/icon-q.png) no-repeat center;
  margin: 120px auto 20px;
}

.donation2 .donation-history {
  width: 887px;
  margin: 0 auto 60px;
}

.donation2 .donation-history h3 {
  border-top: 2px solid var(--color-base-black);
  border-bottom: 2px solid var(--color-base-black);
  font-size: 22px;
  line-height: 62px;
}

.donation2 .donation-history .line {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  padding: 0 40px;
}

.donation2 .donation-history .line p {
  font-size: 20px;
  font-weight: 400;
  line-height: 58px;
}

.donation2 .donation-history .line p:last-of-type {
  margin-left: 15px;
  width: 70%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.donation2 .donation-history .line p span.blue {
  color: #4081BB;
}

/* Contact Us page */
.request-page {
  padding: 0 240px;
  margin: 60px 0 150px;
}

.request-page .title {
  border-bottom: 1px solid var(--color-base-black);
  padding-bottom: 30px;
  margin-bottom: 60px;
}

.request-page .title h2 {
  font-size: 30px;
  line-height: 30px;
  border-left: 6px solid var(--color-base-black);
  padding-left: 25px;
}

.request-page .input-wrap {
  margin-bottom: 20px;
}

.request-page .input-wrap:last-of-type {
  margin-bottom: 60px;
}

.request-page .input-wrap label {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
}

.request-page .input-wrap input {
  width: 670px;
  height: 60px;
  background-color: var(--color-bg-primary);
  border: 1px solid #e0e0e0;
  padding-left: 20px;
  font-size: 18px;
}

.request-page .input-wrap input.danger {
  border: 1px solid var(--color-border-danger);
}

.request-page .input-wrap textarea {
  width: 670px;
  height: 350px;
  resize: none;
  border: 1px solid #e0e0e0;
  padding: 20px;
  font-size: 18px;
  font-family: "Noto Sans KR", sans-serif;
}

.request-page .input-wrap textarea.danger {
  border: 1px solid var(--color-border-danger);
}

.request-page .input-wrap p {
  display: none;
}

.request-page .input-wrap p.text-danger {
  display: block;
}

.request-page .input-wrap span {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
}

.request-page .submit-btn {
  text-align: center;
}

.request-page .submit-btn button {
  width: 330px;
  height: 80px;
  text-align: center;
  font-size: 26px;
  line-height: 37px;
  font-weight: 700;
  background: #4B8FCD;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  border: none;
  display: inline-block;
  color: var(--color-text-interactive-inverse);
}

.request-page .submit-btn a {
  width: 330px;
  line-height: 80px;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  background: #4B8FCD;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  border: none;
  display: inline-block;
  color: var(--color-text-interactive-inverse);
}

.comment-wrap {
  position: relative;
}

.comment-wrap .delete-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 30px;
  font-size: 14px;
  border: none;
  background: #4081BB;
  border-radius: 5px;
  color: var(--color-text-interactive-inverse);
}

.request-page .result {
  text-align: center;
}

.request-page .result .icon-img {
  margin-top: 90px;
  margin-bottom: 60px;
}

.request-page .result p {
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
}

.request-page .result p.bold-text {
  font-size: 36px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 60px;
}

.request-page .result .f-text {
  margin-bottom: 20px;
}

.request-page .result .s-text {
  margin-bottom: 100px;
}
.search-page .result-found {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-80);
}
.search-page .result-found .result-section h2 {
  color: var(--color-text-primary);
  font-family: "Noto Sans KR";
  font-size: var(--heading-lg-font-size);
  font-style: normal;
  font-weight: var(--heading-lg-font-weight-700);
  line-height: var(--heading-lg-line-height); /* 145.455% */
  letter-spacing: var(--heading-lg-letter-spacing);
  margin-bottom: var(--spacing-24);
}
.search-page .result-found .result-section h2 span {
  color: var(--color-text-interactive-secondary);
  padding-left: var(--spacing-8);
}
@media screen and (max-width: 768px) {
  .search-page .result-found {
    gap: var(--spacing-40);
  }
  .search-page .result-found .result-section h2 {
    margin-bottom: var(--spacing-12);
  }
  .search-page .result-found .result-section h2 span {
    padding-left: var(--spacing-4);
  }
}

.content-box .mem-profile {
  display: flex;
  margin-bottom: 20px;
}

.content-box .mem-profile .mem-icon {
  border: 1px solid #c4c4c4;
  width: 60px;
  height: 60px;
  background: #f4f4f4;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  margin-right: 20px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.content-box .mem-profile .mem-icon img {
  max-width: 100%;
}

.content-box .mem-profile .mem-text {
  width: 70%;
}

.content-box .mem-profile .mem-text .nation {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #c0c0c0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.content-box .mem-profile .mem-text .name {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
}

.content-box .mem-cate {
  margin-bottom: 27px;
}

.content-box .mem-cate p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 52px;
}

.content-box .mem-content {
  display: flex;
}

.content-box .mem-content p {
  margin-right: 30px;
  font-size: 16px;
  line-height: 23px;
}

.content-box .mem-content p:last-of-type {
  margin-right: 0;
}

.member-more {
  padding-top: 120px;
}

.section_streaming .cate-select > div.streaming-search {
  overflow: hidden;
  border: none;
  padding-bottom: 0;
  margin-bottom: 30px;
}

.onAir-frame .frame-right .right-top select {
  width: 120px;
  height: 40px;
  margin-right: 5px;
  padding-left: 10px;
  font-size: 14px;
}

.onAir-frame .frame-right .right-top button {
  height: 40px;
  background: #FF0000;
  font-size: 12px;
  padding: 0 10px;
}

.un-privacy-label {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 15px;
  line-height: 24px;
}

.un-policy-section {
  background-color: #113463;
  /*padding-top:85px;*/
}

.un-privacy-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}

.w-container:before,
.w-container:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.un-privacy-sub_title {
  margin-bottom: 0px;
  color: #4289c7;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}

.un-privacy-title {
  margin-top: 0px;
  color: var(--color-text-interactive-inverse);
  font-size: 24px;
  line-height: 30px;
  margin-top: 0;
}

.password-change {
  text-align: center;
  padding-top: 120px;
}

.password-change .password-text {
  font-size: 22px;
  line-height: 40px;
  margin-bottom: 50px;
}

.password-change .password-text .mobile-block {
  display: none;
}

.password-change .input-wrap {
  margin-bottom: 15px;
}

.password-change .input-wrap label {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 52px;
  color: #848898;
  width: 150px;
  text-align: left;
  margin-right: 10px;
}

.password-change .input-wrap p {
  position: relative;
  display: inline-block;
}

.password-change .input-wrap p input {
  width: 380px;
  height: 52px;
  border: 1px solid #E7E8EF;
  border-radius: 8px;
  padding-left: 17px;
  font-size: 16px;
}

.password-change .input-wrap p input:focus {
  border: 1px solid #848898;
}

.password-change .input-wrap p:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 18px;
  background: url(../images/icon-password.png) no-repeat;
  top: 18px;
  right: 18px;
}

.password-change .confirm-btn {
  font-size: 26px;
  font-weight: 700;
  color: var(--color-text-interactive-inverse);
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background: #4B8FCD;
  width: 330px;
  height: 80px;
  margin: 80px auto 50px;
  border: none;
}

.password-change .confirm-btn.disabled {
  background: #C0C0C0;
  box-shadow: none;
  cursor: auto;
}

.password-change .error-message {
  text-align: center;
}
.password-change .error-message .title {
  color: var(--color-text-danger);
  font-weight: 500;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .password-change .error-message .title {
    font-size: 16px;
  }
}
.password-change .error-message .desc {
  color: var(--color-text-danger);
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .password-change .error-message .desc {
    font-size: 14px;
  }
}

.mobile-bottom-nav {
  display: none;
}

.view-keyword {
  margin-bottom: 10px;
  font-size: 16px;
}

.view-wrap .view-left .left-block4 div.view-keyword {
  font-size: 16px;
}

.condition-btn-wrap {
  position: relative;
}

.condition-btn-wrap span {
  position: absolute;
  right: 0;
  font-size: 12px;
  color: var(--color-text-danger);
}

.condition-btn-wrap span img {
  margin-right: 5px;
}

.facilitator-edit-info {
  display: none;
  position: absolute;
  z-index: 1;
  top: -140px;
  left: 0;
  width: 400px;
  background: #F7F9FC;
  border: 1px solid #E4EAF3;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .facilitator-edit-info {
    width: 90%;
    padding: 30px 20px 20px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.facilitator-edit-info .x-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.facilitator-edit-info .facilitator-edit-info-txt {
  color: var(--color-text-primary);;
  font-size: 12px;
  line-height: 1.5;
  word-break: normal;
  text-align: center;
}

.password-condition {
  display: none;
  position: absolute;
  z-index: 1;
  top: -160px;
  width: 100%;
  background: #F7F9FC;
  border: 1px solid #E4EAF3;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 40px 30px 30px;
}

.password-condition .x-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.password-condition .password-important {
  color: var(--color-text-primary);;
  font-size: 12px;
  line-height: 17px;
  word-break: normal;
}

.password-important.pass-page {
  margin: 20px auto 10px;
  width: 550px;
  word-break: normal;
}

.password-edit-wrap {
  width: 550px;
  margin: 0 auto;
  position: relative;
}

.password-edit-wrap .condition-btn-wrap {
  text-align: right;
  margin-bottom: 10px;
}

.password-edit-wrap .condition-btn-wrap span {
  position: static;
  display: inline-block;
  line-height: 17px;
  cursor: pointer;
}

.password-edit-wrap .password-condition {
  text-align: left;
}

.streaming-btn-wrap {
  margin-bottom: 10px;
  text-align: left;
}

.onAir-frame .frame-right .right-top .streaming-btn-wrap button {
  width: auto;
  padding: 0 10px;
}

#donation-layerpopup.pop-layer {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#donation-layerpopup.pop-layer .pop-container {
  padding: 40px 0 0;
}

#donation-layerpopup .donation1 .top {
  width: auto;
  margin-bottom: 60px;
}

#donation-layerpopup .donation1 .top h2 {
  font-size: 30px;
  margin-bottom: 5px;
}

#donation-layerpopup .donation1 .top h2:before {
  margin: 20px auto 20px;
}

#donation-layerpopup .donation1 .top p {
  font-size: 16px;
  line-height: 23px;
}

#donation-layerpopup .donation1 .bottom {
  padding: 50px 105px 60px;
}

#donation-layerpopup .donation1 .bottom .inner {
  width: auto;
}

#donation-layerpopup .donation1 .bottom .inner .charge-wrap .charge-text .text-top p {
  font-size: 12px;
}

#donation-layerpopup .donation1 .bottom .inner .charge-wrap {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.popup-sm {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  width: 470px;
  height: auto;
  background-color: #E4EAF3;
  z-index: 9999;
  border-radius: 10px;
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.15);
  transform: translate(-50%, -50%);
  padding: 30px;
}

.popup-sm.white {
  background-color: var(--color-bg-primary);
}

.popup-md {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  width: 650px;
  height: auto;
  background-color: #E4EAF3;
  z-index: 9999;
  border-radius: 10px;
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.15);
  transform: translate(-50%, -50%);
  padding: 30px;
}

.popup-md.white {
  background-color: var(--color-bg-primary);
}

.popup-lg {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  max-width: 1200px;
  width: 90%;
  height: auto;
  background-color: var(--color-bg-primary);
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.15);
  transform: translate(-50%, -50%);
  padding: 30px;
  z-index: 9970;
}

.popup-1000 {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  max-width: 1000px;
  width: 90%;
  height: auto;
  background-color: var(--color-bg-primary);
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.15);
  transform: translate(-50%, -50%);
  padding: 30px;
  z-index: 9970;
}

.popup-main {
  border: 1px solid #4081BB;
  border-top: 3px solid #4081BB;
}

.popup-body .warning-img {
  display: block;
  width: 60px;
  margin: 0 auto;
}

.popup-body .warning-img img {
  width: 100%;
}

.popup-body .warning-txt {
  display: block;
  margin: 20px auto;
  text-align: center;
}

.popup-main .popup-header h2 {
  position: relative;
  margin-bottom: 40px;
}

.popup-main .popup-header h2:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 20%;
  height: 2px;
  background-color: #4081BB;
}

.popup-main .popup-body .txt {
  margin-bottom: 10px;
  display: flex;
}

.popup-main .popup-body .txt .num {
  display: inline-block;
  width: 30px;
  font-weight: bold;
}

.popup-main .popup-body label {
  display: inline-block;
  padding-left: 30px;
}

.popup-main.popup-bg-img {
  background-repeat: no-repeat;
  background-position: right bottom;
}

.popup-main.popup-bg-img.researcher {
  background-image: url("../images/main-popup-researcher.png");
  background-size: 490px;
}

.popup-main.popup-bg-img.user {
  background-image: url("../images/main-popup-user.png");
  background-size: 305px;
}

.popup-main.user .txt1 {
  padding-right: 400px;
}

.popup-main.user .popup-footer.btn-md-wrap {
  padding-right: 470px;
  justify-content: space-between;
}

.popup-main.user .popup-footer.btn-md-wrap > button {
  width: 48%;
  margin: 0;
}

.popup-main.researcher .txt1 {
  padding-right: 400px;
}

.popup-main.researcher .popup-footer.btn-md-wrap {
  padding-right: 470px;
  justify-content: space-between;
}

.popup-main.researcher .popup-footer.btn-md-wrap > button {
  width: 48%;
  margin: 0;
}

.basic-optional-text {
  font-size: 16px;
  color: #555;
  font-weight: 300;
}

.main-info-wrap {
  display: flex;
  justify-content: space-between;
  background: #F7FAFD;
  margin: 60px auto 0;
  padding-top: 60px;
  padding-bottom: 60px;
  flex-wrap: wrap;
}

.main-info-wrap h2 {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

.main-info-wrap > a {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 20%;
}

.main-info-wrap > a > span {
  display: block;
}

.main-info-wrap > a > span.img {
  width: 155px;
  height: 155px;
  position: relative;
  margin: 0 auto;
  font-size: 14px;
  background-color: var(--color-bg-primary);
  border-radius: 50%;
  box-shadow: 2px 2px 5px #676767;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.main-info-wrap > a > span.img img {
  width: 64%;
}

.main-info-wrap > a:hover > span.img {
  box-shadow: 2px 2px 5px #222;
}

.main-info-wrap > a > span.img .alarm {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ff0050;
  position: absolute;
  right: 5px;
  top: 5px;
  color: var(--color-text-interactive-inverse);
  font-size: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-info-wrap > a > span.txt {
  /*color: #909090;*/
  color: #222;
  font-weight: bold;
}

.main-info-wrap > a:hover > span.txt {
  color: #222;
}

.main-coming {
  text-align: center;
  padding: 10px 0 30px;
}

.main-coming > h2 {
  font-weight: 100;
}

.main-coming .link-button {
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 320px;
  height: 50px;
  margin: 0 auto;
}
@media screen and (max-width: 410px) {
  .main-coming .link-button {
    max-width: 100%;
  }
}
.main-coming .link-button .link-txt {
  font-size: 18px;
  color: var(--color-text-interactive-inverse);
  font-weight: bold;
  margin-bottom: 4px;
}
@media screen and (max-width: 410px) {
  .main-coming .link-button .link-txt {
    font-size: 16px;
  }
}
.main-interests {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #F7F8F9;
  text-align: center;
  margin: 0 auto;
}

.main-interests .interest-wrap {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
}

.main-interests .interest-wrap > p {
  width: 33.333%;
}

.main-interests .interest-wrap > p > input,
.main-interests .interest-wrap > p > select {
  width: 95%;
}

.main-interests .interest-wrap.search {
  margin-top: 0;
}

.search-interests {
  background: #F1F3F4;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  margin-bottom: 60px;
}

.search-interests strong {
  margin-right: 20px;
}

.search-sgd-item {
  background: var(--color-bg-primary);
}
.search-sgd-item > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.search-sgd-item > div > a {
  width: 75px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
}

.search-sgd-item > div > a img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .search-sgd-item > div > a {
    width: 54px;
    height: 54px;
  }
}

.anchor { 
  padding-top: 0;
  margin-top: -30px;
}
@media screen and (max-width: 768px) {
  .anchor {
    margin-top: -20px;
  }
}

.anchor.pt {
  padding-top: 0;
  margin-top: -70px;
}
@media screen and (max-width: 768px) {
  .anchor.pt {
    margin-top: -45px;
  }
}

.myBtnUpload {
  position: relative;
}

.myBtnUpload:after {
  width: 100%;
  content: "";
  height: 1px;
  background: #eee;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.uploadH2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  /*letter-spacing: 0.92px;*/
  color: #393939;
  margin-bottom: 20px;
}

.upload_xBtn {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 24px;
  top: 24px;
  cursor: pointer;
}

.upload_xBtn img {
  width: 100%;
}

.form-group {
  position: relative;
  height: 100%;
}

.boxLoad {
  position: relative;
  background-color: var(--color-bg-primary);
  width: 100%;
}

.boxLoad-header {
  color: #444;
  display: block;
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 10px;
}

.boxLoad-header.noBorder {
  border-bottom: 0;
}

.boxLoad-body {
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  width: 60%;
}
@media screen and (max-width: 768px) {
  .boxLoad-body {
    width: 100%;
  }
}

.boxLoad-body img {
  width: 100%;
}

#noCrop img {
  width: 50%;
}

.boxLoad-body.upload-crop img {
  width: auto;
}

.boxLoad-tools {
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 1;
}

.dropzone-wrapper {
  color: #92b0b3;
  position: relative;
  height: 100%;
  border-radius: 8px;
}

.dropzone-desc {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  width: 30%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .dropzone-desc {
    width: 70%;
  }
}

.dropzone-txt1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.67;
  /*letter-spacing: 0.92px;*/
  color: #999999;
}

.dropzone-txt2 {
  padding: 15px 0 20px;
}

.dropzone-txt3 {
  font-size: 16px;
  font-weight: bold;
  color: #ff0050;
  border-radius: 8px;
  border: solid 2px #ff0050;
  padding: 10px 0;
  background-color: var(--color-bg-primary);
}

.dropzone,
.dropzone:focus {
  position: absolute;
  outline: none !important;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.dropzonePic,
.dropzonePic:focus,
.dropzonePic2,
.dropzonePic2:focus {
  position: absolute;
  outline: none !important;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
  background: #ecf0f5;
}

.preview-zone {
  text-align: center;
}

.preview-zone .boxLoad {
  position: absolute;
  z-index: 80;
  height: 100%;
}

.btn-preview {
  margin-bottom: 0;
  min-width: 41px;
  border: 0;
  padding: 0;
  background: none;
}

.btn-preview.loop {
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: 0;
  padding: 0;
  min-width: 50px;
}

.btn-preview img {
  left: 0;
  top: -3px;
  width: 50%;
}

.btn-preview:hover {
  /*background-color: rgba(0, 0, 0, 0.7);*/
}

.btn-preview.loop:hover {
  /*background-color: rgba(255,255,255,0);*/
}

.popup_saveBtn {
  text-align: right;
  position: absolute;
  bottom: 24px;
  right: 24px;
  z-index: 80;
}

.mobile-nav {
  padding: 20px 30px 25px;
}

.mobile-nav .nav-user-wrap a {
  color: #222;
  padding: 0;
}

.nav-user-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-user-wrap .h-user a {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-user-wrap .h-user a .h-user-icon {
  width: 85px;
  height: 85px;
}

.nav-user-wrap .h-user a .h-user-icon img {
  width: 100%;
}

.nav-user-wrap .h-user a .h-user-name {
  font-size: 24px;
  font-weight: bold;
  margin-left: 20px;
  display: inline-block;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-user-wrap .h-member {
  text-align: right;
  margin-left: auto;
}

.nav-user-wrap .h-member > p {
  border-radius: 12px;
  border: 1px solid #222;
  padding: 5px 20px;
  margin-left: auto;
}

.mobile-nav > ul.menu {
  display: flex;
  flex-wrap: wrap;
  padding: 22px 0 0;
}

.mobile-nav > ul.menu li {
  width: 32.5%;
  margin-bottom: 1.25%;
  margin-right: 1.25%;
  background-color: var(--color-bg-primary);
}

.mobile-nav > ul.menu li:nth-child(3n+0) {
  margin-right: 0;
}

.mobile-nav > ul.menu li a {
  color: #222;
  display: flex;
  align-items: center;
  height: 80px;
  margin-right: 15px;
  margin-left: 15px;
}

.mobile-nav > ul.menu li a .img {
  width: 70px;
  margin-right: 15px;
}

.mobile-nav > ul.menu li a .txt {
  font-weight: bold;
}

.main-color-num1 {
  color: var(--color-content-live-streaming);
}

.main-color-num2 {
  color: var(--color-content-streaming-archive);
}

.main-color-num3 {
  color: var(--color-content-video);
}

.main-color-num4 {
  color: var(--color-content-document);
}

.main-color-num5 {
  color: #005D95;
}

.main-color-num6 {
  color: var(--color-content-notic);
}

.main-color-num7 {
  color: #EF7F40;
}

.main-color-num8 {
  color: #945724;
}

.main-color-num9 {
  color: #CA779B;
}

#un-ma-search-new {
  position: fixed;
  top: 80px;
  width: 100%;
  display: none;
  z-index: 9969;
}

.searchWrap {
  position: fixed;
  top: 80px;
  width: 100%;
  display: none;
  z-index: 9969;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/* 메인 배경 도형들 */
.main-search-box {
  background-image: url(/images/main-bg-sub-1.svg);
  background-position: 40% bottom;
  background-size: 120%;
  background-repeat: no-repeat;
}

/*.main-coming {background-image: url(/images/main-bg-sub-2.svg);background-position: 40% top;background-size: 120%;background-repeat:no-repeat;}*/
.main-section.section3 {
  position: relative;
}

.main-section.section3:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -120px;
  left: 0;
  background-image: url(/images/main-bg-sub-3.svg);
  background-position: 15% 0%;
  background-size: 120%;
  background-repeat: no-repeat;
  z-index: -1;
}

.main-section.section5 {
  position: relative;
}

.main-section.section5:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/main-bg-sub-4.svg);
  background-position: 40% top;
  background-size: 120%;
  background-repeat: no-repeat;
  z-index: -1;
}

.main-section.section1 {
  position: relative;
}

.main-section.section1:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/main-bg-sub-5.svg);
  background-position: 40% top;
  background-size: 120%;
  background-repeat: no-repeat;
  z-index: -1;
}

.main-section.section2 {
  position: relative;
}

.main-section.section2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/main-bg-sub-6.svg);
  background-position: 40% top;
  background-size: 120%;
  background-repeat: no-repeat;
  z-index: -1;
}

.main-section.section6 {
  position: relative;
  border-bottom: 0;
}

.main-section.section6:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url(/images/main-bg-sub-8.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: -1;
}

.main-section.section7 {
  position: relative;
  border-bottom: 0;
}

.main-section.section7:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url(/images/main-bg-sub-9.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 200px;
  z-index: -1;
}

.uni-icon.chap1 {
  cursor: pointer;
  font-size: 30px;
  background: #4081BB;
  width: 40px;
  border-radius: 50%;
  height: 40px;
  color: var(--color-text-interactive-inverse);
  display: flex;
  justify-content: center;
  align-items: center;
}

.uni-icon.chap2 {
  cursor: pointer;
}

.uniPop {
  display: none;
  position: absolute;
  background: #FFCC00;
  padding: 20px 45px 20px 20px;
  border-radius: 8px;
  z-index: 100;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  text-shadow: none;
  font-size: 12px;
  cursor: auto;
  color: #393939;
}

.uniPop::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  border-style: solid;
}

/* 화살표 왼쪽 */
.uniPop.leftTop::after {
  top: 8px;
  left: -17px;
  bottom: auto;
  border-width: 10px 20px 10px 0;
  border-color: transparent #FFCC00;
}

/* 화살표 아래로 */
.uniPop.botLeft::after {
  bottom: -15px;
  border-width: 15px 10px 0;
  border-color: #FFCC00 transparent;
}

/* 화살표 위로 */
.uniPop.topRight::after {
  top: -15px;
  right: 15px;
  border-width: 0 10px 15px;
  border-color: #FFCC00 transparent;
}

.uniPop.topLeft::after {
  top: -15px;
  left: 15px;
  border-width: 0 10px 15px;
  border-color: #FFCC00 transparent;
}

.uniXBtn {
  font-weight: 100;
  font-size: 30px;
  color: #999;
  background: transparent;
  border: 0;
  outline: 0;
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}

.uniNext {
  position: absolute;
  right: 10px;
  bottom: 15px;
}

.uniPop.chap1 {
  top: 70px;
  right: -5px;
  width: 450px;
}

.uniPop.chap2 {
  bottom: 40px;
  left: 10px;
  width: 800px;
}

.donationMiniPop {
  display: none;
}

.share-popup-container .popup-share {
  width: 594px;
  background-color: var(--color-bg-primary);
  padding: 0 !important;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media screen and (max-width: 768px) {
  .share-popup-container .popup-share {
    width: 90%;
    max-height: 90%;
    overflow-y: auto;
  }
}
.share-popup-container .popup-share .popup-complete {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  align-items: center;
  padding: 56px;
  background-color: #f2f4f7;
}
@media screen and (max-width: 768px) {
  .share-popup-container .popup-share .popup-complete {
    height: auto;
    padding: 56px 20px;
    text-align: center;
  }
}
.share-popup-container .popup-share .popup-complete .txt {
  font-size: 18px;
  font-weight: bold;
}
.share-popup-container .popup-share .popup-complete .img {
  width: 54px;
  height: 54px;
}
.share-popup-container .popup-share .popup-complete .img img {
  width: 100%;
}
.share-popup-container .popup-share .share-wrap {
  padding: 56px;
}
@media screen and (max-width: 768px) {
  .share-popup-container .popup-share .share-wrap {
    padding: 32px 20px 40px;
  }
}
.share-popup-container .popup-share .share-wrap h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}
.share-popup-container .popup-share .share-wrap .shares {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.share-popup-container .popup-share .share-wrap .shares .share-icon {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .share-popup-container .popup-share .share-wrap .shares .share-icon {
    flex-wrap: wrap;
    gap: 16px;
  }
}
.share-popup-container .popup-share .share-wrap .shares .share-icon p {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .share-popup-container .popup-share .share-wrap .shares .share-icon p {
    width: 100%;
  }
}
.share-popup-container .popup-share .share-wrap .shares .share-url {
  color: #5B5B5B;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .share-popup-container .popup-share .share-wrap .shares .share-url {
    width: 100%;
    display: block;
  }
}
.share-popup-container .popup-share .share-wrap .shares .share-url .url {
  padding: 14px;
  border-radius: 5px 0 0 5px;
  background-color: #f2f4f7;
  flex: 1;
  font-size: 14px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .share-popup-container .popup-share .share-wrap .shares .share-url .url {
    border-radius: 5px;
  }
}
.share-popup-container .popup-share .share-wrap .shares .share-url .copy {
  background-color: #e6e7e9;
  margin-left: auto;
  padding: 14px;
  border-radius: 0 5px 5px 0;
  border: 0;
  border-left: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-interactive-secondary);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .share-popup-container .popup-share .share-wrap .shares .share-url .copy {
    width: 100%;
    border-radius: 5px;
    text-align: center;
    margin-top: 16px;
  }
}
.share-popup-container .popup-share .share-wrap .share-close {
  width: 110px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid var(--color-border-interactive-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-interactive-primary);
  margin: 40px auto 0;
  cursor: pointer;
}
.share-popup-container .popup-share .share-x {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .share-popup-container .popup-share .share-x {
    width: 24px;
    height: 24px;
  }
  .share-popup-container .popup-share .share-x svg {
    width: 100%;
  }
}

.swal-footer {
  text-align: center;
}

.check-container.setting {
  padding-left: 45px;
  margin-bottom: 60px;
  font-size: 26px;
  color: #646464;
}
@media only screen and (max-width: 768px) {
  .check-container.setting {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .check-container.setting {
    padding-left: 35px;
    margin-bottom: 25px;
  }
}

.check-container.setting.font-size-22-18 {
  font-size: 22px;
}
@media only screen and (max-width: 768px) {
  .check-container.setting.font-size-22-18 {
    font-size: 18px;
  }
}

.checkmark.setting {
  border-radius: 5px;
  background-color: var(--color-bg-primary);
  border: 3px solid #C0C0C0;
  top: 6px;
}

.check-container:hover input ~ .checkmark.setting {
  background-color: #ccc;
  border: 3px solid #C0C0C0;
}

.check-container input:checked ~ .checkmark.setting {
  background-color: #1868B4;
  border: 3px solid #1868B4;
}

.check-container .checkmark.setting:after {
  left: 5px;
  top: 0;
}

.swal-button.not-focus:focus {
  outline: none;
  box-shadow: none;
}

.swal-button.main-color {
  background-color: #1868B4;
}

.swal-button.main-color:hover {
  background-color: #115799;
}

.swal-button.new-main-color {
  background-color: var(--color-bg-interactive-primary);
}

.swal-button.new-main-color:hover {
  background-color: var(--color-bg-interactive-primary-hovered);
}

.swal-button.main-color-line {
  border: 1px solid #1868B4;
  background-color: var(--color-bg-primary);
  color: #1868B4;
}

.swal-button.main-color-line:hover {
  border: 1px solid #1868B4;
  background-color: #ececec;
  color: #1868B4;
}

.swal-button.new-main-color-line {
  border: 1px solid var(--color-border-interactive-primary);
  background-color: var(--color-bg-primary);
  color: var(--color-text-interactive-primary);
}

.swal-button.new-main-color-line:hover {
  border: 1px solid var(--color-border-interactive-primary);
  background-color: #ececec;
  color: var(--color-text-interactive-primary);
}

.swal-button.gray-color-line {
  border: 1px solid #5B5B5B;
  background-color: var(--color-bg-primary);
  color: #5B5B5B;
}

.swal-button.gray-color-line:hover {
  border: 1px solid #5B5B5B;
  background-color: #ececec;
  color: #5B5B5B;
}

.swal-button.swal-color-red {
  background-color: var(--color-bg-interactive-destructive);
}

.swal-button.swal-color-red:hover {
  background-color: var(--color-bg-interactive-destructive-hovered);
}

.swal-button.swal-color-error-red {
  background-color: var(--color-bg-interactive-destructive);
}

.swal-button.swal-color-error-red:hover {
  background-color: var(--color-bg-interactive-destructive-hovered);
}

.swal-text {
  text-align: center;
}

.swal-wideAuto {
  width: auto !important;
  padding-left: 10px;
  padding-right: 10px;
}

.swal-wideAutoFooter {
  width: auto !important;
  padding-left: 10px;
  padding-right: 10px;
}
.swal-wideAutoFooter .swal-footer {
  margin-top: 0;
}

.swal-wide110 {
  width: 110px;
}

.swal-wide364-p-3-1 {
  width: 364px;
  padding: 3rem 1rem;
}
@media screen and (max-width: 410px) {
  .swal-wide364-p-3-1 {
    width: calc(100% - 20px);
    padding: 2.5rem 1rem;
  }
}

.swal-wide364-p-2-1 {
  width: 364px;
  padding: 2rem 1rem;
}
@media screen and (max-width: 410px) {
  .swal-wide364-p-2-1 {
    width: calc(100% - 20px);
    padding: 1.5rem 1rem;
  }
}

.swal-wide500 {
  width: 500px;
}
@media screen and (max-width: 600px) {
  .swal-wide500 {
    width: calc(100% - 20px);
  }
}

.swal-wide500-p-5 {
  width: 500px;
  padding: 3rem;
}
@media screen and (max-width: 600px) {
  .swal-wide500-p-5 {
    width: calc(100% - 20px);
    padding: 2.5rem;
  }
}
.swal-wide500-p-5-left {
  text-align: left;
  width: 500px;
  padding: 3rem;
}
@media screen and (max-width: 600px) {
  .swal-wide500-p-5-left {
    width: calc(100% - 20px);
    padding: 2.5rem;
  }
}

.swal-wide700 {
  width: 700px;
}
@media screen and (max-width: 768px) {
  .swal-wide700 {
    width: calc(100% - 20px);
  }
}
.swal-wide700-footer-mt-0 {
  width: 700px;
}
@media screen and (max-width: 768px) {
  .swal-wide700-footer-mt-0 {
    width: calc(100% - 20px);
  }
}
.swal-wide700-footer-mt-0 .swal-footer {
  margin-top: 0;
}

.swal-wide920-p60 {
  width: 920px;
  padding: 60px;
}
@media screen and (max-width: 991px) {
  .swal-wide920-p60 {
    width: calc(100% - 20px);
    padding: 30px 20px;
  }
}
.swal-wide920-p60 .swal-content {
  padding: 0;
  margin: 0;
}

.swal-wide1000 {
  width: 1000px;
}
@media screen and (max-width: 1200px) {
  .swal-wide1000 {
    width: calc(100% - 20px);
  }
}

.swal-wide1062-p0-r15-10 {
  width: 1062px;
  border-radius: 15px;
}
.swal-wide1062-p0-r15-10 .swal-content {
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .swal-wide1062-p0-r15-10 {
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .swal-wide1062-p0-r15-10 {
    border-radius: 10px;
  }
}

.swal-wide1112-p60 {
  width: 1112px;
  padding: 60px;
}
@media screen and (max-width: 1200px) {
  .swal-wide1112-p60 {
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .swal-wide1112-p60 {
    padding: 30px;
  }
}
.swal-wide1112-p60 .swal-content {
  padding: 0;
  margin: 0;
}

.swal-ver1 .swal-icon {
  zoom: 0.75;
}
.swal-ver1 .swal-icon.swal-icon--success {
  border-color: #4492CD;
}
.swal-ver1 .swal-icon.swal-icon--success .swal-icon--success__line {
  background-color: #4492CD;
}
.swal-ver1 .swal-icon.swal-icon--success .swal-icon--success__ring {
  border: 4px solid rgba(68, 146, 205, 0.5);
}

.swal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: url("/images/icon-x.png") no-repeat;
  width: 25px;
  height: 25px;
  border: 0;
}

.swal-close2 {
  position: absolute;
  top: 18px;
  right: 18px;
  background: url("/images/btn-close-32px.png") no-repeat;
  width: 32px;
  height: 32px;
  border: 0;
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .swal-close2 {
    width: 18px;
    height: 18px;
    top: 6px;
    right: 10px;
  }
}
.swal-close3 {
  position: absolute;
  top: 10px;
  right: 10px;
  background: url("/images/btn-close-32px.png") no-repeat;
  width: 32px;
  height: 32px;
  border: 0;
  background-size: 100%;
  display: none;
}
@media screen and (max-width: 768px) {
  .swal-close3 {
    width: 24px;
    height: 24px;
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .swal-close2.close1000 {
    width: 18px;
    height: 18px;
    top: 6px;
    right: 10px;
  }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align: left;
}

.select2-container--default .select2-results__option .select2-results__option .subtext {
  color: #848484;
  font-weight: 100;
  margin-left: 10px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .subtext {
  color: var(--color-text-interactive-inverse);
}

.select2-container--default .select2-selection--single .select2-selection__rendered .subtext {
  color: #848484;
  font-weight: 100;
  margin-left: 10px;
}

.select2-container .select2-selection.basic-height60 {
  height: 60px;
}
.select2-container .select2-selection.basic-height60 .select2-selection__rendered {
  height: 60px;
  padding-left: 25px;
  font-size: 16px;
  padding-top: 14px;
}
.select2-container .select2-selection.basic-height60 .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.select2-container--default .select2-selection--single.basic-height60 .select2-selection__arrow b {
  border-width: 10px 8px 0 8px;
}

.select2-container--default.select2-container--open .select2-selection--single.basic-height60 .select2-selection__arrow b {
  border-width: 0 8px 10px 8px;
}

@media screen and (max-width: 410px) {
  .none-400 {
    display: none !important;
  }
}

.wallet-bottom-info {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  background-color: #E6E6E6;
  border-radius: 5px;
  width: 90%;
  padding: 20px;
}
.wallet-bottom-info.position {
  position: static;
  transform: none;
  margin: 50px 5%;
}

.category-wrap {
  display: flex;
  gap: 5px;
}
.category-wrap img {
  width: 50px;
}

.payment-info {
  width: 30vw;
  min-width: 500px;
}
@media screen and (max-width: 600px) {
  .payment-info {
    width: 100%;
    min-width: initial;
  }
}
.payment-info .line {
  width: 100%;
  height: 1px;
  background-color: var(--color-bg-interactive-inverse);
}

.banner-container {
  background: url("/images/banner-uniplat-x-nations2.png") center center/cover no-repeat;
  text-align: center;
  padding: 50px 0 55px;
  margin: 150px auto 50px;
}
@media screen and (max-width: 991px) {
  .banner-container {
    flex-direction: column;
    padding: 30px 0 40px;
    margin: 100px auto 50px;
  }
}
.banner-container .banner-wrap {
  position: relative;
  display: flex;
  gap: 24px;
  width: 700px;
  margin: 0 auto;
  flex-direction: column;
}
@media screen and (max-width: 1400px) {
  .banner-container .banner-wrap {
    max-width: 100%;
    padding: 0 20px;
    /* gap: 7px; */
  }
}
@media screen and (max-width: 991px) {
  .banner-container .banner-wrap {
    flex-direction: column;
    gap: 18px;
  }
}
@media screen and (max-width: 479px) {
  .banner-container .banner-wrap {
    flex-direction: column;
    /* gap: 6px; */
  }
}
.banner-container .banner-wrap.svi {
  background-image: url(/images/hand.png);
  background-size: 500px;
  background-position: 50% 90%;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .banner-container .banner-wrap.svi {
    background-position: 50% 50%;
  }
}
@media screen and (max-width: 991px) {
  .banner-container .banner-wrap.svi {
    background-size: 80%;
    background-position: 50% 40%;
  }
}
.banner-container .banner-wrap.svi .img-position {
  display: none;
}
.banner-container .banner-wrap.svi .img-position p.left {
  position: absolute;
  width: 55px;
  left: -160px;
  bottom: 0;
}
.banner-container .banner-wrap.svi .img-position p.right {
  position: absolute;
  right: -180px;
  width: 122px;
  top: 71px;
}

.banner-container .banner-wrap.svi .img-position p img {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .banner-container .banner-wrap.svi .img-position {
    display: none;
  }
}

.banner-container .banner-wrap:first-child:after {
  content: "NEW PARTNER";
  position: absolute;
  left: 50%;
  top: -70px;
  transform: translateX(-50%);
  background-color: var(--color-content-streaming-archive);
  color: var(--color-text-interactive-inverse);
  width: 330px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .banner-container .banner-wrap:first-child:after {
    font-size: 18px;
    width: 260px;
    height: 34px;
    line-height: 34px;
    top: -48px;
  }
}
.banner-container .banner-wrap:nth-child(3):after {
  content: "EXISTING PARTNER";
  position: absolute;
  left: 50%;
  top: -70px;
  transform: translateX(-50%);
  background-color: var(--color-content-streaming-archive);
  color: var(--color-text-interactive-inverse);
  width: 330px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .banner-container .banner-wrap:nth-child(3):after {
    font-size: 18px;
    width: 260px;
    height: 34px;
    line-height: 34px;
    top: -63px;
  }
}
.banner-container .banner-line {
  max-height: 2px;
  height: 2px;
  margin: 40px auto;
  width: 100%;
  background-color: #D2D8DD;
}
.banner-container .banner-line.svi {
  margin: 60px auto 45px;
}
@media screen and (max-width: 991px) {
  .banner-container .banner-line.svi {
    margin: 56px auto 40px;
  }
}
.banner-container .txt-wrap {
  text-align: right;
}
@media screen and (max-width: 991px) {
  .banner-container .txt-wrap {
    text-align: center;
  }
  .banner-container .txt-wrap.svi {
    /* padding-top: 20px; */
  }
}
@media screen and (max-width: 479px) {
  .banner-container .txt-wrap.svi {
    /* padding-top: 94px; */
  }
}
.banner-container .img-wrap {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
@media screen and (max-width: 991px) {
  .banner-container .img-wrap {
    width: 100%;
    padding: 0 20px;
    gap: 12px;
  }
  .banner-container .img-wrap.svi {
    flex-direction: column;
    gap: 8px 12px;
  }
}

.banner-container .img-wrap .img:first-child {
  width: 256px;
}
@media screen and (max-width: 991px) {
  .banner-container .img-wrap .img:first-child {
    width: 160px;
  }
}
@media screen and (max-width: 479px) {
  .banner-container .img-wrap .img:first-child {
    width: 135px;
  }
}
.banner-container .img-wrap .img:last-child {
  width: 180px;
}
.banner-container .img-wrap .img.top:last-child {
  position: relative;
  top: 8px;
}
.banner-container .img-wrap .img.svi:last-child {
  width: 340px;
  max-width: 100%;
  position: relative;
  top: 5px;
}
.banner-container .img-wrap .img.ikar:last-child {
  width: 318px;
  max-width: 100%;
  position: relative;
  top: 5px;
}
.banner-container .img-wrap .img.ikar:last-child {
  width: 274px;
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .banner-container .img-wrap .img:last-child {
    width: 130px;
  }
  .banner-container .img-wrap .img.top:last-child {
    top: 4px;
  }
}
@media screen and (max-width: 991px) {
  .banner-container .img-wrap .img.svi:last-child {
    position: static;
  }
  .banner-container .img-wrap .img.ikar:last-child {
    position: static;
    width: 218px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 991px) {
  .banner-container .img-wrap .img.ikar:last-child {
    width: 220px;
    margin-top: 12px;
  }
}
@media screen and (max-width: 479px) {
  .banner-container .img-wrap .img:last-child {
    width: 100px;
  }
}
.banner-container .img-wrap .img img {
  width: 100%;
}
.banner-container .img-wrap .line {
  width: 32px;
  position: relative;
  top: 8px;
}
@media screen and (max-width: 991px) {
  .banner-container .img-wrap .line {
    width: 18px;
    height: 18px;
    top: 4px;
  }
  .banner-container .img-wrap .line.svi {
    position: static;
  }
}
@media screen and (max-width: 479px) {
  .banner-container .img-wrap .line {
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 350px) {
  .banner-container .img-wrap .line {
    margin-bottom: 7px;
  }
}
.banner-container .img-wrap .line svg {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .banner-container .img-wrap .line svg {
    width: 100%;
    height: 100%;
  }
}
.banner-container .txt {
  margin: 0 auto;
  color: #1868B4;
  text-align: left;
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .banner-container .txt {
    width: 100%;
    padding: 0 20px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .banner-container .txt {
    font-size: 14px;
  }
}
.banner-container .button {
  color: var(--color-text-interactive-inverse);
  font-size: 18px;
  background: #1868B4;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 16px;
  margin-top: 24px;
  min-width: 226px;
}
@media only screen and (max-width: 768px) {
  .banner-container .button {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .banner-container .button {
    padding: 10px 16px;
    min-width: 226px;
  }
}
.banner-container .button > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .banner-container .button > span .arrow {
    width: 40px;
  }
  .banner-container .button > span .arrow svg {
    width: 100%;
  }
}

.account-settings {
  display: flex;
}
@media screen and (max-width: 1200px) {
  .account-settings.box-wrap {
    padding-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .account-settings {
    display: block;
  }
  .account-settings.box-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .account-settings.box-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 1200px) {
  .account-settings > .box-wrap {
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .account-settings > .box-wrap {
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .account-settings > .box-wrap {
    padding-right: 10px;
  }
}
.account-settings .menu-tap {
  position: relative;
  min-width: 345px;
  min-height: 1200px;
  background: #F8F9FA;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  .account-settings .menu-tap {
    min-width: 300px;
  }
}
@media screen and (max-width: 991px) {
  .account-settings .menu-tap {
    display: none;
  }
}
.account-settings .menu-tap:after {
  content: "";
  width: 3px;
  height: 100%;
  background: #E7E8EF;
  position: absolute;
  top: 0;
  right: 0;
}
.account-settings .menu-tap a {
  color: #848898;
  font-weight: bold;
  font-size: 20px;
  padding: 25px 50px;
}
.account-settings .menu-tap a.active {
  background: #4492CD;
  color: var(--color-text-interactive-inverse);
  position: relative;
}
.account-settings .menu-tap a.active:after {
  content: "";
  width: 3px;
  height: 100%;
  background: #1868B4;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.account-settings .menu-desc-title {
  font-size: 22px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 45px;
  height: 79px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .account-settings .menu-desc-title {
    display: none;
  }
}

.signup-wrap {
  padding: 0 63px 50px;
}
@media screen and (max-width: 768px) {
  .signup-wrap {
    padding: 0 20px 30px;
  }
}
.signup-wrap h3 {
  font-weight: 500;
  margin-bottom: 30px;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .signup-wrap h3 {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
.signup-wrap .member-type-wrap {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .signup-wrap .member-type-wrap {
    gap: 15px;
  }
}
.signup-wrap .member-type-wrap .type-wrap {
  display: flex;
  gap: 18px;
}
@media screen and (max-width: 768px) {
  .signup-wrap .member-type-wrap .type-wrap {
    gap: 12px;
  }
}
.signup-wrap .member-type-wrap .type-wrap:hover .img {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.signup-wrap .member-type-wrap .type-wrap .img {
  width: 80px;
  height: 80px;
  background: #EDEEF0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .signup-wrap .member-type-wrap .type-wrap .img {
    width: 60px;
    height: 60px;
    border-radius: 7px;
  }
}
@media screen and (max-width: 768px) {
  .signup-wrap .member-type-wrap .type-wrap .img > span {
    zoom: 0.75;
  }
}
.signup-wrap .member-type-wrap .type-wrap .txt {
  flex: 1;
}
.signup-wrap .member-type-wrap .type-wrap .txt .title {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .signup-wrap .member-type-wrap .type-wrap .txt .title {
    font-size: 16px;
  }
}
.signup-wrap .member-type-wrap .type-wrap .txt .desc {
  font-weight: 400;
  color: #848898;
  font-size: 16px;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  .signup-wrap .member-type-wrap .type-wrap .txt .desc {
    font-size: 14px;
  }
}
.signup-wrap .type-imp {
  text-align: center;
  color: var(--color-text-danger);
  margin-top: 45px;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .signup-wrap .type-imp {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .signup-wrap .type-imp {
    margin-top: 35px;
  }
}
.signup-wrap .type-info {
  display: block;
  text-align: center;
  color: #1868B4;
  margin-top: 10px;
  text-decoration-line: underline;
  text-decoration-color: #1868B4;
  text-underline-position: under;
}
.signup-wrap .type-info:hover {
  color: #115799;
  text-decoration-color: #115799;
}
.signup-wrap .type-info:active {
  color: var(--color-text-primary);;
  text-decoration-line: none;
}

@media screen and (max-width: 768px) {
  .wappen-img.zoom {
    zoom: 0.6;
  }
  .wappen-img.zoom-bigger {
    zoom: 1.6;
  }
  .wappen-img.wappen-position {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}

.facilitator-landing-main {
  position: relative;
  padding-top: 60px;
  overflow: hidden;
}
.facilitator-landing-main .landing-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: -1;
  opacity: 0.6;
  background: #2771B9;
  /*background: rgb(11,47,80);
  background: -moz-linear-gradient(180deg, rgba(11,47,80,1) 20%, rgba(39,113,185,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(11,47,80,1) 20%, rgba(39,113,185,1) 100%);
  background: linear-gradient(180deg, rgba(11,47,80,1) 20%, rgba(39,113,185,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b2f50",endColorstr="#2771b9",GradientType=1);*/
}
.facilitator-landing-main .landing-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: url("/images/facilitator-landing.jpg") center bottom/cover no-repeat;
}
.facilitator-landing-main .facilitator-landing-inner {
  padding-top: 160px;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-main .facilitator-landing-inner {
    padding-top: 140px;
    padding-bottom: 60px;
  }
}
.facilitator-landing-main .facilitator-landing-inner .line-design {
  width: 300px;
  height: 2px;
  background-color: var(--color-bg-primary);
  margin: 20px auto 100px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-main .facilitator-landing-inner .line-design {
    width: 150px;
    margin: 10px auto 40px;
  }
}
.facilitator-landing-main .facilitator-landing-inner .wrap {
  display: flex;
  gap: 100px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-main .facilitator-landing-inner .wrap {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.facilitator-landing-main .facilitator-landing-inner .wrap .top {
  flex: 1;
  text-align: center;
  width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .facilitator-landing-main .facilitator-landing-inner .wrap .top {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .facilitator-landing-main .facilitator-landing-inner .wrap .top {
    flex: auto;
    text-align: left;
  }
}
.facilitator-landing-main .facilitator-landing-inner .wrap .top .btnWrap {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-main .facilitator-landing-inner .wrap .top .btnWrap {
    margin-top: 30px;
    text-align: center;
  }
}
.facilitator-landing-main .facilitator-landing-inner .wrap .top .btnWrap button {
  font-size: 20px;
  background-color: var(--color-content-streaming-archive);
  width: 352px;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .facilitator-landing-main .facilitator-landing-inner .wrap .top .btnWrap button {
    font-size: 18px;
    width: 100%;
  }
}
.facilitator-landing-main .facilitator-landing-inner .wrap .iframe {
  width: 640px;
  height: 360px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-main .facilitator-landing-inner .wrap .iframe {
    width: 100%;
    height: 45vw;
  }
}
.facilitator-landing-main .facilitator-landing-inner .wrap .iframe iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-main .facilitator-landing-inner .wrap .iframe iframe {
    width: 100%;
    height: 100%;
  }
}

.facilitator-landing-main-link {
  display: flex;
  align-items: center;
  margin-top: 0;
  padding-top: 40px;
  margin-bottom: 100px;
  justify-content: right;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-main-link {
    margin-top: 0;
    margin-bottom: 60px;
    padding-top: 20px;
    text-align: center;
  }
}
.facilitator-landing-main-link > .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.facilitator-landing-bg-ver1 {
  background: url("/images/facilitator-landing-bg-ver1.png") center/cover no-repeat;
}

.facilitator-landing-bg-ver2 {
  background: url("/images/facilitator-landing-bg-ver2.png") center/100% no-repeat;
}

.facilitator-landing-desc .main-bg-star {
  background: url("/images/background-star.png") center/cover no-repeat;
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .main-bg-star {
    padding: 40px 0 48px;
  }
}
.facilitator-landing-desc h3 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color: #1868B4;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc h3 {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.facilitator-landing-desc h3.left {
  text-align: left;
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc h3.left {
    margin-bottom: 20px;
  }
}
.facilitator-landing-desc h3.left:after {
  content: "";
  position: absolute;
  left: -30px;
  top: 7px;
  width: 4px;
  height: 100px;
  background-color: #1868B4;
}
@media screen and (max-width: 991px) {
  .facilitator-landing-desc h3.left:after {
    left: -10px;
    width: 3px;
    height: 70px;
  }
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc h3.left:after {
    left: -10px;
  }
}
.facilitator-landing-desc .intro-box {
  padding: 90px 80px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .intro-box {
    padding: 30px;
  }
}
.facilitator-landing-desc .advantages-box {
  border: 4px solid #f4f4f4;
  border-radius: 12px;
  padding: 25px 40px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
  background-color: var(--color-bg-primary);
}
.facilitator-landing-desc .advantages-box:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .advantages-box {
    padding: 20px 25px;
  }
}
.facilitator-landing-desc .advantages-box .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.facilitator-landing-desc .advantages-box .txt {
  font-size: 19px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .advantages-box .txt {
    font-size: 16px;
  }
}
.facilitator-landing-desc .advantages-box .txt .icon {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  background-color: var(--color-content-streaming-archive);
  padding: 5px 10px;
  border-radius: 50px;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.facilitator-landing-desc .facilitator-landing-functions {
  position: relative;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-functions {
    padding-bottom: 60px;
  }
}
.facilitator-landing-desc .facilitator-landing-functions > div.swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-functions > div.swiper-wrapper {
    flex-wrap: nowrap;
    gap: 0;
  }
}
.facilitator-landing-desc .facilitator-landing-functions .functions-box {
  border: 4px solid #f4f4f4;
  border-radius: 12px;
  display: flex;
  width: calc( 50% - 11px );
  height: auto;
}
@media screen and (max-width: 991px) {
  .facilitator-landing-desc .facilitator-landing-functions .functions-box {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-functions .functions-box {
    flex-direction: column;
    margin-left: 5px;
    margin-right: 5px;
    width: 100%;
  }
}
.facilitator-landing-desc .facilitator-landing-functions .functions-box .top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 180px;
  padding: 45px;
  text-align: center;
  background-color: var(--color-bg-primary);
  border-radius: 12px 0 0 12px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-functions .functions-box .top {
    width: 100%;
    flex-direction: row;
    padding: 25px;
    margin: 0 auto;
    border-radius: 12px 12px 0 0;
  }
}
.facilitator-landing-desc .facilitator-landing-functions .functions-box .top .txt {
  font-weight: bold;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-functions .functions-box .top .txt {
    font-size: 16px;
  }
}
.facilitator-landing-desc .facilitator-landing-functions .functions-box .desc {
  background-color: #f4f4f4;
  flex: 1;
  font-size: 18px;
  padding: 30px 24px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-functions .functions-box .desc {
    font-size: 14px;
    padding: 15px 20px 20px;
    gap: 10px;
  }
}
.facilitator-landing-desc .facilitator-landing-functions .functions-box .desc .icon {
  width: 100%;
  text-align: right;
  margin-top: auto;
}
.facilitator-landing-desc .facilitator-landing-functions .functions-box .desc .icon span {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  background-color: var(--color-content-streaming-archive);
  padding: 5px 10px;
  border-radius: 50px;
}
.facilitator-landing-desc .facilitator-landing-functions .functions-box .desc .icon span.red {
  background-color: #DB5C6C;
}
.facilitator-landing-desc .facilitator-landing-functions .functions-box .desc .icon span.yellow {
  background-color: #F4BD1C;
}
.facilitator-landing-desc .facilitator-landing-functions .swiper-pagination {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-functions .swiper-pagination {
    display: block !important;
  }
}
.facilitator-landing-desc .facilitator-landing-expert {
  position: relative;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-expert {
    padding-bottom: 60px;
  }
}
.facilitator-landing-desc .facilitator-landing-expert > div.swiper-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-expert > div.swiper-wrapper {
    width: 100%;
  }
}
.facilitator-landing-desc .facilitator-landing-expert .expert-box {
  position: relative;
  border: 4px solid #f4f4f4;
  border-radius: 12px;
  margin-top: 100px;
  width: 32%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-expert .expert-box {
    margin-top: 50px;
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
  }
}
.facilitator-landing-desc .facilitator-landing-expert .expert-box .img {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-expert .expert-box .img {
    top: -50px;
    width: 120px;
    height: 120px;
  }
}
.facilitator-landing-desc .facilitator-landing-expert .expert-box .img img {
  width: 100%;
}
.facilitator-landing-desc .facilitator-landing-expert .expert-box .txt {
  text-align: center;
  background-color: var(--color-bg-primary);
  border-radius: 12px;
}
.facilitator-landing-desc .facilitator-landing-expert .expert-box .txt .title {
  padding: 85px 40px 40px;
  height: 248px;
}
@media screen and (max-width: 1600px) {
  .facilitator-landing-desc .facilitator-landing-expert .expert-box .txt .title {
    height: 275px;
  }
}
@media screen and (max-width: 1250px) {
  .facilitator-landing-desc .facilitator-landing-expert .expert-box .txt .title {
    height: 380px;
  }
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-expert .expert-box .txt .title {
    height: auto;
    padding: 85px 20px 25px;
  }
}
.facilitator-landing-desc .facilitator-landing-expert .expert-box .txt .mini-line {
  width: 100%;
  height: 4px;
  background-color: #f4f4f4;
}
.facilitator-landing-desc .facilitator-landing-expert .expert-box .txt .desc {
  font-size: 18px;
  padding: 40px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-expert .expert-box .txt .desc {
    font-size: 14px;
    padding: 20px;
  }
}
.facilitator-landing-desc .facilitator-landing-expert .swiper-pagination {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-landing-expert .swiper-pagination {
    display: block !important;
  }
}
.facilitator-landing-desc .sub-banner-wrap {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap {
    border-radius: 12px;
  }
}
.facilitator-landing-desc .sub-banner-wrap.michael {
  background-color: var(--color-bg-primary);
  border: 2px solid var(--color-content-streaming-archive);
  padding: 0;
  height: 227px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap.michael {
    height: 138px;
  }
}
@media screen and (max-width: 479px) {
  .facilitator-landing-desc .sub-banner-wrap.michael {
    padding: 10px;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    padding: 20px 0;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner.michael {
  justify-content: center;
  gap: 80px;
  padding: 0;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner.michael {
    gap: 50px;
  }
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner.michael {
    gap: 22px;
    flex-direction: row;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .michael-img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .michael-img {
    width: 80px;
    height: 80px;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .michael-img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--color-content-streaming-archive);
  opacity: 0.3;
  mix-blend-mode: multiply;
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .michael-img img {
  width: 100%;
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .michael-txt {
  font-weight: bold;
}
@media screen and (max-width: 479px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .michael-txt {
    flex: 1;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .michael-txt .sub {
  font-size: 30px;
  display: block;
}
@media screen and (max-width: 1200px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .michael-txt .sub {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .michael-txt .sub {
    font-size: 16px;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .michael-txt .main {
  font-size: 40px;
  color: var(--color-content-streaming-archive);
}
@media screen and (max-width: 1200px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .michael-txt .main {
    font-size: 36px;
  }
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .michael-txt .main {
    font-size: 20px;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .michael-icon {
  border-radius: 0 0 50px 50px;
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--color-content-streaming-archive);
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 10%;
  padding: 8px 30px 15px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .michael-icon {
    font-size: 10px;
    padding: 4px 21px 5px;
    right: 3%;
  }
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .bg-img {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    z-index: -1;
  }
  .facilitator-landing-desc .sub-banner-wrap .link-banner .bg-img svg {
    width: 100%;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .title {
  font-weight: bold;
  color: var(--color-text-interactive-inverse);
  text-align: center;
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .title .main {
  font-size: 40px;
}
@media only screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .title .main {
    font-size: 20px;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .title .sub {
  font-size: 30px;
}
@media only screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .title .sub {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .title .brPc {
    display: none;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .title .brMob {
  display: none;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .title .brMob {
    display: block;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .link {
  display: flex;
  gap: 2px;
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .link .txt {
  color: var(--color-text-interactive-inverse);
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .link-banner .link .txt {
    font-size: 16px;
  }
}
.facilitator-landing-desc .sub-banner-wrap .link-banner .link .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.facilitator-landing-desc .sub-banner-wrap .sub-banner-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-color: #1868B4;
  /*background: rgb(11,47,80);
  background: -moz-linear-gradient(180deg, rgba(11,47,80,1) 20%, rgba(39,113,185,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(11,47,80,1) 20%, rgba(39,113,185,1) 100%);
  background: linear-gradient(180deg, rgba(11,47,80,1) 20%, rgba(39,113,185,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b2f50",endColorstr="#2771b9",GradientType=1);*/
}
.facilitator-landing-desc .sub-banner-wrap .sub-banner-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 1;
  background: url("/images/facilitator-landing-sub-banner.png") right bottom/100% no-repeat;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sub-banner-wrap .sub-banner-img {
    background: url("/images/facilitator-landing-sub-banner.png") right bottom/180% no-repeat;
  }
}
.facilitator-landing-desc .logo-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 1400px) {
  .facilitator-landing-desc .logo-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .logo-wrap {
    margin: 0 auto;
    gap: 6px;
  }
}
.facilitator-landing-desc .logo-wrap > a {
  border-radius: 12px;
  transition: 0.3s box-shadow;
  width: 336px;
  border: 4px solid #f4f4f4;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .logo-wrap > a {
    max-width: calc( 50% - 3px);
    margin: 0 auto;
  }
}
.facilitator-landing-desc .logo-wrap > a > img {
  width: 100%;
}
.facilitator-landing-desc .logo-wrap > a.main {
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.facilitator-landing-desc .logo-wrap > a.main:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.facilitator-landing-desc .logo-wrap > a.main:hover img {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.facilitator-landing-desc .logo-wrap > a.main img {
  border-radius: 12px;
  transition: 0.3s box-shadow;
  width: auto;
}
@media screen and (max-width: 600px) {
  .facilitator-landing-desc .logo-wrap > a.main img {
    width: 100%;
  }
}
.facilitator-landing-desc .logo-wrap > a.main img:hover {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.facilitator-landing-desc .logo-wrap > a:hover {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.facilitator-landing-desc .logo-wrap > a.noLink {
  cursor: default;
}
.facilitator-landing-desc .logo-wrap > a.noLink:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.facilitator-landing-desc .logo-wrap > a.logo-border {
  border-radius: 12px;
  border: 4px solid #f4f4f4;
  overflow: hidden;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.facilitator-landing-desc .logo-wrap > a.logo-border > img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.facilitator-landing-desc .logo-wrap > a.logo-border.diamond {
  width: calc( 50% - 9px);
  padding: 30px;
  height: 15vw;
  max-height: 220px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .logo-wrap > a.logo-border.diamond {
    width: 100%;
    max-width: none;
    padding: 10px;
    height: 35vw;
  }
}
.facilitator-landing-desc .logo-wrap > a.logo-border.diamond.MEDIUM {
  width: calc( 33.33% - 12px);
  padding: 25px;
  height: 12vw;
  max-height: 164px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .logo-wrap > a.logo-border.diamond.MEDIUM {
    width: calc( 50% - 3px);
    max-width: none;
    padding: 5px;
    height: 20vw;
  }
}
.facilitator-landing-desc .logo-wrap > a.logo-border.diamond.SMALL {
  width: calc( 25% - 14px);
  padding: 5px 15px;
  height: 8vw;
  max-height: 100px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .logo-wrap > a.logo-border.diamond.SMALL {
    width: calc( 33.33% - 4px);
    max-width: none;
    padding: 2px;
    height: 13vw;
  }
}
.facilitator-landing-desc .logo-wrap > a.logo-border.LARGE {
  width: calc( 50% - 9px);
  padding: 30px;
  height: 15vw;
  max-height: 220px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .logo-wrap > a.logo-border.LARGE {
    width: 100%;
    max-width: none;
    padding: 10px;
    height: 35vw;
  }
}
.facilitator-landing-desc .logo-wrap > a.logo-border.MEDIUM {
  width: calc( 33.33% - 12px);
  padding: 25px;
  height: 12vw;
  max-height: 164px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .logo-wrap > a.logo-border.MEDIUM {
    width: calc( 50% - 3px);
    max-width: none;
    padding: 5px;
    height: 20vw;
  }
}
.facilitator-landing-desc .logo-wrap > a.logo-border.SMALL {
  width: calc( 25% - 14px);
  padding: 5px 15px;
  height: 8vw;
  max-height: 100px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .logo-wrap > a.logo-border.SMALL {
    width: calc( 33.33% - 4px);
    max-width: none;
    padding: 2px;
    height: 13vw;
  }
}
.facilitator-landing-desc .logo-wrap.left {
  padding-left: 0;
  justify-content: left;
}
.facilitator-landing-desc .logo-wrap.left > a.main {
  width: auto;
  margin: 0;
}
@media screen and (max-width: 600px) {
  .facilitator-landing-desc .logo-wrap.left > a.main {
    width: 100%;
  }
}
.facilitator-landing-desc .logo-wrap.left.sponsor {
  gap: 18px;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .logo-wrap.left.sponsor {
    gap: 6px;
  }
}
.facilitator-landing-desc .featured-logo-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
  width: 1043px;
  margin: 0 auto;
  justify-content: center;
}
@media screen and (max-width: 1250px) {
  .facilitator-landing-desc .featured-logo-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .featured-logo-wrap {
    gap: 11px 9px;
  }
}
.facilitator-landing-desc .featured-logo-wrap > span {
  width: 195px;
  max-width: calc( 50% - 5px );
}
.facilitator-landing-desc .featured-logo-wrap > span img {
  width: 100%;
}
.facilitator-landing-desc .featured-logo-wrap > a {
  width: 195px;
  transition: all 0.3s;
  border-radius: 12px;
  max-width: calc( 50% - 5px );
}
.facilitator-landing-desc .featured-logo-wrap > a:hover {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.facilitator-landing-desc .featured-logo-wrap > a.noLink {
  cursor: default;
}
.facilitator-landing-desc .featured-logo-wrap > a.noLink:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.facilitator-landing-desc .featured-logo-wrap > a img {
  width: 100%;
}
.facilitator-landing-desc .question-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .question-wrap {
    flex-direction: column;
    gap: 24px;
  }
}
.facilitator-landing-desc .question-wrap .btn {
  width: 300px;
  height: 64px;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-text-interactive-inverse);
  border-radius: 40px;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .question-wrap .btn {
    width: 100%;
    height: 54px;
    font-size: 18px;
  }
}
.facilitator-landing-desc .question-wrap .btn.contactBtn {
  background-color: #9786BD;
}
.facilitator-landing-desc .question-wrap .btn.contactBtn:hover, .facilitator-landing-desc .question-wrap .btn.contactBtn:active {
  background-color: #785CB8;
}
.facilitator-landing-desc .question-wrap .btn.faqBtn {
  background-color: #EF90A2;
}
.facilitator-landing-desc .question-wrap .btn.faqBtn:hover, .facilitator-landing-desc .question-wrap .btn.faqBtn:active {
  background-color: #E96A82;
}
.facilitator-landing-desc .question-info {
  margin-top: 150px;
  font-size: 16px;
  color: #5B5B5B;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .question-info {
    margin-top: 100px;
    font-size: 14px;
  }
}
.facilitator-landing-desc .question-info > li {
  list-style: disc;
  margin-left: 20px;
}
.facilitator-landing-desc .facilitator-view-all {
  text-align: center;
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-view-all {
    margin-top: 30px;
  }
}
.facilitator-landing-desc .facilitator-view-all > a {
  padding: 10px 30px 10px 40px;
  border-radius: 45px;
  background-color: #1868B4;
  transition: all 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.facilitator-landing-desc .facilitator-view-all > a:hover, .facilitator-landing-desc .facilitator-view-all > a:active {
  background-color: #034C92;
}
.facilitator-landing-desc .facilitator-view-all > a .txt {
  font-size: 18px;
  font-weight: bold;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .facilitator-view-all > a .txt {
    font-size: 16px;
  }
}
.facilitator-landing-desc .facilitator-view-all > a .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.facilitator-landing-desc .sponsor-view {
  width: 620px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sponsor-view {
    width: 100%;
  }
}
.facilitator-landing-desc .sponsor-view .logo {
  width: 100%;
  overflow: hidden;
}
.facilitator-landing-desc .sponsor-view .logo img {
  max-width: 100%;
}
.facilitator-landing-desc .sponsor-view .line {
  width: 100%;
  height: 2px;
  background-color: #1868B4;
  margin-top: 45px;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sponsor-view .line {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.facilitator-landing-desc .sponsor-view .logo-name {
  color: #1868B4;
  font-size: 30px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sponsor-view .logo-name {
    font-size: 20px;
  }
}
.facilitator-landing-desc .sponsor-view .logo-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sponsor-view .logo-link {
    flex-direction: column;
    gap: 16px;
    margin-top: 40px;
  }
}
.facilitator-landing-desc .sponsor-view .logo-link > a {
  height: 64px;
  border: 1px solid #1868B4;
  background-color: #1868B4;
  color: var(--color-text-interactive-inverse);
  font-size: 20px;
  font-weight: bold;
  border-radius: 7px;
  width: calc(50% - 12px);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.facilitator-landing-desc .sponsor-view .logo-link > a:hover, .facilitator-landing-desc .sponsor-view .logo-link > a:active {
  border: 1px solid #034C92;
  background-color: #034C92;
}
.facilitator-landing-desc .sponsor-view .logo-link > a.border {
  background-color: var(--color-bg-primary);
  color: #1868B4;
}
.facilitator-landing-desc .sponsor-view .logo-link > a.border:hover, .facilitator-landing-desc .sponsor-view .logo-link > a.border:active {
  border: 1px solid #034C92;
  color: #034C92;
  background-color: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .facilitator-landing-desc .sponsor-view .logo-link > a {
    width: 100%;
    height: 50px;
    font-size: 18px;
  }
}

.morePartner {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #C0C0C0;
  border: 2px solid #C0C0C0;
  transition: all 0.3s;
  width: 170px;
  height: 50px;
  border-radius: 45px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .morePartner {
    font-size: 16px;
    width: 155px;
    height: 40px;
    margin-top: 30px;
  }
}
.morePartner:hover, .morePartner:active {
  color: #969696;
  border: 2px solid #969696;
}
.morePartner:hover .img svg path, .morePartner:active .img svg path {
  stroke: #969696;
}
.morePartner .img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.morePartner .img svg path {
  transition: all 0.3s;
}

.morePartner {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #C0C0C0;
  border: 2px solid #C0C0C0;
  transition: all 0.3s;
  width: 170px;
  height: 50px;
  border-radius: 45px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .morePartner {
    font-size: 16px;
    width: 155px;
    height: 40px;
    margin-top: 30px;
  }
}
.morePartner:hover, .morePartner:active {
  color: #969696;
  border: 2px solid #969696;
}
.morePartner:hover .img svg path, .morePartner:active .img svg path {
  stroke: #969696;
}
.morePartner .img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.morePartner .img svg path {
  transition: all 0.3s;
}

.advisory-board-banner {
  width: 100%;
  height: 330px;
  background-color: #F8FBFB;
  position: relative;
  z-index: -1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.advisory-board-banner .title {
  color: var(--color-text-interactive-primary);
  font-size: 32px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .advisory-board-banner .title {
    font-size: 22px;
    font-weight: bold;
  }
}
.advisory-board-banner .title .br {
  display: none;
}
@media screen and (max-width: 768px) {
  .advisory-board-banner .title .br {
    display: block;
  }
}
.advisory-board-banner .icon-1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .advisory-board-banner .icon-1 {
    width: 350px;
    bottom: -125px;
  }
  .advisory-board-banner .icon-1 img {
    width: 100%;
  }
}
.advisory-board-banner .icon-2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .advisory-board-banner .icon-2 {
    width: 330px;
    top: -105px;
  }
  .advisory-board-banner .icon-2 img {
    width: 100%;
  }
}

.main-banner-500 {
  width: 100%;
  height: 326px;
  background: url("/images/main-banner-500.png") center/cover no-repeat;
  position: relative;
  z-index: -1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .main-banner-500 {
    background: url("/images/main-banner-500-m.png") center/cover no-repeat;
    height: 320px;
    margin-top: 76px;
  }
}
.main-banner-500:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 18%;
  transform: translate(-50%);
  background: url("/images/main-banner-500-circle.png") center/cover no-repeat;
  width: 217px;
  height: 211px;
}
@media screen and (max-width: 768px) {
  .main-banner-500:after {
    width: 144px;
    height: 139px;
    background: url("/images/main-banner-500-circle.png") center/100% no-repeat;
    top: 28%;
  }
}
.main-banner-500 .title {
  color: #1868B4;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .main-banner-500 .title {
    font-size: 28px;
  }
}
.main-banner-500 .line {
  width: 280px;
  height: 2px;
  background-color: #1868B4;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .main-banner-500 .line {
    width: 145px;
    margin-top: 10px;
  }
}

.basic-main-title {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  overflow: hidden;
  padding-top: 210px;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .basic-main-title {
    padding-top: 193px;
    padding-bottom: 60px;
  }
}
.basic-main-title .title {
  color: #1868B4;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .basic-main-title .title {
    font-size: 28px;
  }
}
.basic-main-title .line {
  width: 280px;
  height: 2px;
  background-color: #1868B4;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .basic-main-title .line {
    width: 145px;
    margin-top: 10px;
  }
}

.advisory-board-container .advisory-board-title {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 20px 45px;
  border-radius: 50px;
  background-color: #F0EFEF;
  width: 380px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-title {
    width: 280px;
    padding: 10px 30px;
  }
}
.advisory-board-container .advisory-board-title.lead {
  width: 430px;
}
.advisory-board-container .advisory-board-title.lead .txt {
  color: #00AFBD;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-title.lead {
    width: 300px;
  }
}
.advisory-board-container .advisory-board-title.tech {
  width: 430px;
}
.advisory-board-container .advisory-board-title.tech .txt {
  color: #735AA9;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-title.tech {
    width: 300px;
  }
}
.advisory-board-container .advisory-board-title .img {
  width: 45px;
}
.advisory-board-container .advisory-board-title .img img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-title .img {
    width: 30px;
  }
}
.advisory-board-container .advisory-board-title .txt {
  font-size: 30px;
  font-weight: bold;
  color: #1868B4;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-title .txt {
    font-size: 20px;
  }
}
.advisory-board-container .advisory-board-wrap {
  display: flex;
  gap: 100px;
}
@media screen and (max-width: 1200px) {
  .advisory-board-container .advisory-board-wrap {
    gap: 80px;
  }
}
@media screen and (max-width: 991px) {
  .advisory-board-container .advisory-board-wrap {
    gap: 60px;
  }
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap {
    flex-direction: column;
    gap: 40px;
  }
}
.advisory-board-container .advisory-board-wrap .board-profile-wrap {
  width: 280px;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-profile-wrap {
    width: 100%;
    text-align: center;
  }
}
.advisory-board-container .advisory-board-wrap .board-profile-wrap.lead .profile-img:after {
  background-color: #00AFBD;
}
.advisory-board-container .advisory-board-wrap .board-profile-wrap.lead .profile-name {
  color: #00AFBD;
}
.advisory-board-container .advisory-board-wrap .board-profile-wrap.tech .profile-img:after {
  background-color: #7459AC;
}
.advisory-board-container .advisory-board-wrap .board-profile-wrap.tech .profile-name {
  color: #7459AC;
}
.advisory-board-container .advisory-board-wrap .board-profile-wrap .profile-img {
  width: 200px;
  height: 200px;
  margin-left: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-profile-wrap .profile-img {
    width: 140px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
  }
}
.advisory-board-container .advisory-board-wrap .board-profile-wrap .profile-img:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -20px;
  bottom: -20px;
  background-color: #1868B4;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-profile-wrap .profile-img:after {
    left: -15px;
    bottom: -15px;
  }
}
.advisory-board-container .advisory-board-wrap .board-profile-wrap .profile-img img {
  width: 100%;
}
.advisory-board-container .advisory-board-wrap .board-profile-wrap .profile-name {
  margin-top: 45px;
  color: #1868B4;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-profile-wrap .profile-name {
    margin-top: 30px;
    font-size: 20px;
  }
}
.advisory-board-container .advisory-board-wrap .board-profile-wrap .profile-desc {
  margin-top: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #5B5B5B;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-profile-wrap .profile-desc {
    margin-top: 15px;
    font-size: 16px;
  }
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap {
  flex: 1;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap.lead .line {
  background-color: #00AFBD;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap.lead .intro-wrap .intro-icon .slash {
  background-color: #00AFBD;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap.tech .line {
  background-color: #735AA9;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap.tech .intro-wrap .intro-icon .slash {
  background-color: #735AA9;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .line {
  height: 2px;
  background-color: #1868B4;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-desc-wrap .line {
    margin-bottom: 100px;
  }
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap {
  position: relative;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-icon {
  transform: rotate(-90deg);
  position: absolute;
  left: -56px;
  top: 45px;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-icon {
    left: 50%;
    top: -80px;
    transform: translateX(-50%);
  }
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-icon .intro {
  font-size: 50px;
  font-weight: 900;
  color: #f0efef;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-icon .intro {
    font-size: 30px;
  }
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-icon .slash {
  width: 25px;
  height: 1px;
  background-color: #1868B4;
  position: absolute;
  right: 55px;
  bottom: 2px;
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-icon .slash {
    width: 20px;
    right: 32px;
    bottom: 0;
  }
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-icon .team {
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  right: 0;
  bottom: -10px;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-icon .team {
    font-size: 10px;
  }
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc {
  padding-left: 160px;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc {
    padding-left: 0;
  }
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-h1 {
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-h1 {
    margin-bottom: 25px;
    font-size: 18px;
  }
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-inner {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-inner {
    font-size: 16px;
  }
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-inner.num {
  padding-left: 20px;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-inner .bold {
  font-weight: bold;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-inner li {
  margin-bottom: 30px;
  list-style: decimal;
  font-weight: bold;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-inner li.circle {
  list-style: disc;
  font-weight: normal;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-inner li:last-child {
  margin-bottom: 0;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-inner p {
  font-weight: normal;
}
.advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-info {
  font-size: 20px;
  color: #1868B4;
  font-weight: 500;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .advisory-board-container .advisory-board-wrap .board-desc-wrap .intro-wrap .intro-desc .intro-info {
    font-size: 16px;
    margin-top: 40px;
  }
}

.main-section.sponsor {
  position: relative;
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .main-section.sponsor {
    padding: 60px 0;
  }
}

.main-section.sponsor:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/main-bg-sponsor.png);
  background-position: 15% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.main-sponsor-wrap {
  margin-bottom: 60px;
}
.main-sponsor-wrap:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap {
    margin-bottom: 40px;
  }
  .main-sponsor-wrap:last-child {
    margin-bottom: 0;
  }
}
.main-sponsor-wrap .main-sponsor-sub-title {
  font-size: 22px;
  font-weight: bold;
  color: #1868B4;
  text-align: center;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-sub-title {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
.main-sponsor-wrap .main-sponsor-desc {
  width: 1200px;
  margin: 0 auto;
  padding: 0 80px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .main-sponsor-wrap .main-sponsor-desc {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc {
    padding: 0 20px;
  }
}
.main-sponsor-wrap .main-sponsor-desc a {
  border: 4px solid #f4f4f4;
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-sponsor-wrap .main-sponsor-desc a .img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 5px;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc a .img {
    padding: 3px;
  }
}
.main-sponsor-wrap .main-sponsor-desc .pagination {
  text-align: center;
  display: none;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc .pagination {
    display: block;
    margin-top: 22px;
  }
}
.main-sponsor-wrap .main-sponsor-desc .swiper-button-prev {
  background-image: url("/images/advisory-left-button.png");
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  left: 0;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc .swiper-button-prev {
    display: none;
  }
}
.main-sponsor-wrap .main-sponsor-desc .swiper-button-next {
  background-image: url("/images/advisory-right-button.png");
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  right: 0;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc .swiper-button-next {
    display: none;
  }
}
.main-sponsor-wrap .main-sponsor-desc .swiper-button-prev, .main-sponsor-wrap .main-sponsor-desc .swiper-button-next {
  background-repeat: no-repeat;
  background-size: 100%;
  width: 52px;
  height: 52px;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc .swiper-button-prev, .main-sponsor-wrap .main-sponsor-desc .swiper-button-next {
    width: 48px;
    height: 48px;
  }
}
.main-sponsor-wrap .main-sponsor-desc .swiper-button-prev:after, .main-sponsor-wrap .main-sponsor-desc .swiper-button-next:after {
  display: none;
}
.main-sponsor-wrap .main-sponsor-desc.diamond {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  justify-content: center;
}
.main-sponsor-wrap .main-sponsor-desc.diamond.MEDIUM a {
  width: calc(33.33% - 13px);
  padding: 22px;
  height: 10vw;
  max-height: 164px;
}
.main-sponsor-wrap .main-sponsor-desc.diamond.MEDIUM a img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc.diamond.MEDIUM a {
    padding: 7px;
    height: 14vw;
  }
}
.main-sponsor-wrap .main-sponsor-desc.diamond.SMALL a {
  width: calc(25% - 13px);
  padding: 0;
  height: 8vw;
  max-height: 100px;
}
.main-sponsor-wrap .main-sponsor-desc.diamond.SMALL a img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc.diamond.SMALL a {
    height: 12vw;
  }
}
.main-sponsor-wrap .main-sponsor-desc.diamond a {
  width: calc(50% - 9px);
  padding: 30px;
  height: 17vw;
  max-height: 220px;
}
.main-sponsor-wrap .main-sponsor-desc.diamond a img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc.diamond a {
    padding: 12px;
    height: 22vw;
  }
}
.main-sponsor-wrap .main-sponsor-desc.LARGE .swiper-container {
  overflow: hidden;
}
.main-sponsor-wrap .main-sponsor-desc.LARGE .swiper-container.center {
  overflow: visible;
}
.main-sponsor-wrap .main-sponsor-desc.LARGE .swiper-container.center .swiper-wrapper {
  justify-content: center;
}
.main-sponsor-wrap .main-sponsor-desc.LARGE a {
  padding: 30px;
  height: 17vw;
  max-height: 220px;
}
.main-sponsor-wrap .main-sponsor-desc.LARGE a img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc.LARGE a {
    padding: 12px;
    height: 22vw;
  }
}
.main-sponsor-wrap .main-sponsor-desc.MEDIUM .swiper-container {
  overflow: hidden;
}
.main-sponsor-wrap .main-sponsor-desc.MEDIUM .swiper-container.center {
  overflow: visible;
}
.main-sponsor-wrap .main-sponsor-desc.MEDIUM .swiper-container.center .swiper-wrapper {
  justify-content: center;
}
.main-sponsor-wrap .main-sponsor-desc.MEDIUM a {
  padding: 22px;
  height: 10vw;
  max-height: 164px;
}
.main-sponsor-wrap .main-sponsor-desc.MEDIUM a img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc.MEDIUM a {
    padding: 7px;
    height: 14vw;
  }
}
.main-sponsor-wrap .main-sponsor-desc.SMALL .swiper-container {
  overflow: hidden;
}
.main-sponsor-wrap .main-sponsor-desc.SMALL .swiper-container.center {
  overflow: visible;
}
.main-sponsor-wrap .main-sponsor-desc.SMALL .swiper-container.center .swiper-wrapper {
  justify-content: center;
}
.main-sponsor-wrap .main-sponsor-desc.SMALL a {
  height: 8vw;
  max-height: 100px;
}
.main-sponsor-wrap .main-sponsor-desc.SMALL a img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 768px) {
  .main-sponsor-wrap .main-sponsor-desc.SMALL a {
    height: 12vw;
  }
}

.main-group-of-nation-sub-title {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-sub-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 24px;
  }
}

.main-group-of-nation-sub-line {
  width: 100%;
  height: 1px;
  margin: 30px auto;
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-sub-line {
    margin: 16px auto;
  }
}

.main-group-of-nation-wrap {
  display: flex;
  justify-content: center;
  gap: 30px;
  width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .main-group-of-nation-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-wrap {
    flex-direction: column;
    gap: 24px;
  }
}
.main-group-of-nation-wrap.publication .box > span.thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-wrap.publication .box > span.thumb {
    width: 120px;
    height: auto;
    display: block;
  }
}
.main-group-of-nation-wrap.publication .box > span.thumb img {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-wrap.publication .box > span.thumb img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-wrap.publication .box > span.text {
    justify-content: space-between;
  }
}
.main-group-of-nation-wrap.publication .box > span.text > span.title {
  -webkit-line-clamp: 9;
}
.main-group-of-nation-wrap .box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: calc( 100%/3 - 20px);
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-wrap .box {
    flex-direction: row;
    width: 100%;
  }
}
.main-group-of-nation-wrap .box > span.thumb {
  height: 225px;
  background: #f0f0f0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-wrap .box > span.thumb {
    width: 120px;
    height: 120px;
  }
}
.main-group-of-nation-wrap .box > span.thumb img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-wrap .box > span.thumb img {
    width: auto;
    height: 100%;
  }
}
.main-group-of-nation-wrap .box > span.text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-wrap .box > span.text {
    gap: 8px;
    flex: 1;
  }
}
.main-group-of-nation-wrap .box > span.text > span.title {
  height: 52px;
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-wrap .box > span.text > span.title {
    height: auto;
    font-size: 14px;
  }
}
.main-group-of-nation-wrap .box > span.text > span.line {
  width: 100%;
  height: 1px;
  background-color: var(--color-bg-interactive-inverse);
}
.main-group-of-nation-wrap .box > span.text > span.tag {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.main-group-of-nation-wrap .box > span.text > span.tag > span {
  padding: 3px 7px;
  font-size: 14px;
  color: var(--color-text-interactive-inverse);
  background-color: #1868B4;
}
@media screen and (max-width: 768px) {
  .main-group-of-nation-wrap .box > span.text > span.tag > span {
    padding: 3px 6px;
    font-size: 10px;
  }
}

.main-a-link {
  text-align: center;
}
.main-a-link a {
  background-color: #1868B4;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  width: 330px;
  height: 64px;
  max-width: 100%;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .main-a-link a {
    font-weight: 700;
    height: 50px;
  }
}

.main-advisory-wrap .main-advisory-title {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .main-advisory-wrap .main-advisory-title {
    margin-bottom: 25px;
  }
}
.main-advisory-wrap .main-advisory-title span {
  display: inline-block;
  font-size: 34px;
  font-weight: 700;
  border-radius: 50px;
  padding: 15px 55px;
  background-color: #F7F8F9;
}
@media screen and (max-width: 768px) {
  .main-advisory-wrap .main-advisory-title span {
    font-size: 24px;
    border-radius: 12px;
  }
}
.main-advisory-wrap .main-advisory-desc {
  width: 100%;
  margin: 0 auto;
  padding: 55px 150px;
  background-color: #F7F8F9;
  border-radius: 12px;
}
@media screen and (max-width: 1250px) {
  .main-advisory-wrap .main-advisory-desc {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.main-advisory-wrap .main-advisory-desc .swiper-container {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 1250px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container {
    width: 150px;
  }
}
.main-advisory-wrap .main-advisory-desc .swiper-container .swiper-wrapper .swiper-slide {
  width: 150px;
}
@media screen and (max-width: 768px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-wrapper .swiper-slide {
    width: 120px;
  }
}
.main-advisory-wrap .main-advisory-desc .swiper-container .swiper-wrapper .swiper-slide .img {
  width: 150px;
  height: 150px;
}
@media screen and (max-width: 768px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-wrapper .swiper-slide .img {
    width: 120px;
    height: 120px;
  }
}
.main-advisory-wrap .main-advisory-desc .swiper-container .swiper-wrapper .swiper-slide .img img {
  width: 100%;
}
.main-advisory-wrap .main-advisory-desc .swiper-container .swiper-wrapper .swiper-slide .txt {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #1868B4;
  margin-top: 15px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-wrapper .swiper-slide .txt {
    font-size: 16px;
  }
}
.main-advisory-wrap .main-advisory-desc .swiper-container .pagination {
  text-align: center;
  position: absolute;
  bottom: -50px;
}
@media screen and (max-width: 768px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container .pagination {
    bottom: -40px;
  }
}
.main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-prev {
  background-image: url("/images/advisory-left-button.png");
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  left: 50px;
}
@media screen and (max-width: 1250px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-prev {
    left: 30px;
  }
}
@media screen and (max-width: 991px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-prev {
    left: 20px;
  }
}
@media screen and (max-width: 410px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-prev {
    left: -20px;
  }
}
.main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-next {
  background-image: url("/images/advisory-right-button.png");
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  right: 50px;
}
@media screen and (max-width: 1250px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-next {
    right: 30px;
  }
}
@media screen and (max-width: 991px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-next {
    right: 20px;
  }
}
@media screen and (max-width: 410px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-next {
    right: -20px;
  }
}
.main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-prev, .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-next {
  background-repeat: no-repeat;
  background-size: 100%;
  width: 52px;
  height: 52px;
}
@media screen and (max-width: 768px) {
  .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-prev, .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-next {
    width: 48px;
    height: 48px;
  }
}
.main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-prev:after, .main-advisory-wrap .main-advisory-desc .swiper-container .swiper-button-next:after {
  display: none;
}
.main-advisory-wrap .see-all {
  text-align: center;
}
.main-advisory-wrap .see-all a {
  background-color: #1868B4;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  width: 330px;
  height: 64px;
  max-width: 100%;
  margin: 100px auto 0;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .main-advisory-wrap .see-all a {
    font-weight: 700;
    height: 50px;
  }
}

.recap-banner {
  position: relative;
  height: 169px;
  display: flex;
  flex-direction: column;
  border: 3px solid #D1AD72;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .recap-banner {
    border: 2px solid #D1AD72;
    height: 84px;
  }
}
.recap-banner:before, .recap-banner:after {
  width: 112px;
  height: 140px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .recap-banner:before, .recap-banner:after {
    display: none;
  }
}
.recap-banner:before {
  content: url("data:image/svg+xml,%3Csvg width='113' height='140' viewBox='0 0 113 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6406 139.153V116.485C11.6406 115.356 9.86478 115.356 9.86478 116.485V139.153C9.86478 140.282 11.6406 140.282 11.6406 139.153V139.153Z' fill='%23D1AD72'/%3E%3Cpath d='M1.8499 129.895H19.6823C20.8168 129.895 20.8168 128.126 19.6823 128.126H1.8499C0.715341 128.126 0.715341 129.895 1.8499 129.895Z' fill='%23D1AD72'/%3E%3Cpath d='M6.28403 134.73C9.26842 131.758 12.2528 128.787 15.2372 125.815L16.5198 124.538C17.3337 123.728 16.0758 122.475 15.2619 123.286C12.2775 126.257 9.29309 129.229 6.3087 132.2L5.02614 133.477C4.21221 134.288 5.4701 135.54 6.28403 134.73V134.73Z' fill='%23D1AD72'/%3E%3Cpath d='M5.02614 124.565C8.01053 127.537 10.9949 130.509 13.9793 133.48L15.2619 134.757C16.0758 135.568 17.3337 134.315 16.5198 133.505C13.5354 130.533 10.551 127.562 7.56657 124.59L6.28403 123.313C5.4701 122.503 4.21221 123.755 5.02614 124.565Z' fill='%23D1AD72'/%3E%3Cpath d='M98.0992 96.5296C96.6417 96.5296 95.4601 97.7061 95.4601 99.1574C95.4601 100.609 96.6417 101.785 98.0992 101.785C99.5567 101.785 100.738 100.609 100.738 99.1574C100.738 97.7061 99.5567 96.5296 98.0992 96.5296Z' fill='%23D1AD72'/%3E%3Cpath d='M14.6439 18.8959C12.7201 17.5697 12.3008 15.0402 13.6574 13.1737C14.9893 11.3318 17.3817 10.9389 19.2809 12.2159C21.2294 13.5421 21.6486 15.9734 20.2674 17.9135C18.9602 19.7554 16.4938 20.1729 14.6439 18.8959ZM14.9892 14.2788C14.274 15.384 14.6193 16.8575 15.7292 17.5451C16.8144 18.2082 18.171 17.9135 18.8862 16.8821C19.6508 15.7769 19.3795 14.3525 18.2696 13.6158C17.1597 12.879 15.7045 13.1737 14.9892 14.2788Z' fill='%23D1AD72'/%3E%3Cpath d='M11.5148 29.5387C10.1829 29.5387 10.1829 31.6016 11.5148 31.6016C12.8466 31.6016 12.8466 29.5387 11.5148 29.5387Z' fill='%23D1AD72'/%3E%3Cpath d='M57.2441 36.3429C56.9975 36.3429 56.7262 36.3429 56.4795 36.3429C56.1836 36.3429 55.9123 36.3674 55.8876 35.9254C55.8876 35.4833 56.1096 35.3851 56.4795 35.3851C56.9728 35.3851 57.4414 35.3851 57.9347 35.336C58.1074 35.336 58.3787 35.4096 58.4527 35.2132C58.5513 34.9676 58.2554 34.8448 58.132 34.6974C57.7621 34.3291 57.3921 33.9852 57.0221 33.6414C56.7015 33.3713 56.8248 33.1748 57.0468 32.9292C57.2688 32.6591 57.4661 32.7082 57.6881 32.9292C58.132 33.3467 58.576 33.7642 59.02 34.1817C59.2666 34.4027 59.4393 34.3045 59.4393 33.9852C59.4393 33.4204 59.4393 32.831 59.3899 32.2662C59.3899 31.9469 59.4639 31.7013 59.8586 31.6767C60.2532 31.6767 60.3518 31.8486 60.3765 32.1925C60.3765 32.7573 60.4258 33.3467 60.4505 33.9116C60.4505 34.0344 60.4505 34.1817 60.5985 34.2308C60.7465 34.3045 60.8451 34.1572 60.9191 34.0835C61.3384 33.6414 61.7577 33.1994 62.177 32.7573C62.399 32.5117 62.5963 32.5608 62.8183 32.7573C63.0156 32.9538 63.1389 33.1503 62.8923 33.3958C62.4483 33.8625 62.0044 34.3291 61.5851 34.7957C61.5357 34.8694 61.4371 34.9676 61.4617 35.0413C61.4864 35.1886 61.6344 35.1886 61.7577 35.1886C62.3743 35.1886 62.9909 35.1886 63.5829 35.1395C63.8789 35.1395 64.0762 35.2132 64.0762 35.557C64.0762 35.9008 64.0022 36.0973 63.6076 36.0973C62.9909 36.0973 62.3743 36.1218 61.7824 36.1464C61.6591 36.1464 61.5111 36.1464 61.4864 36.3183C61.4864 36.392 61.5604 36.4902 61.6344 36.5393C62.0784 36.9568 62.5223 37.3989 62.9663 37.7918C63.2129 38.0129 63.3116 38.1847 63.0403 38.504C62.7443 38.8478 62.5223 38.7496 62.251 38.504C61.8564 38.0865 61.4124 37.7181 60.9931 37.3252C60.9191 37.2515 60.8205 37.1042 60.6725 37.2024C60.5492 37.2761 60.5738 37.4234 60.5738 37.5462C60.5738 38.1356 60.5738 38.7005 60.6232 39.2653C60.6232 39.6092 60.5245 39.8056 60.1545 39.8302C59.7352 39.8547 59.6612 39.6337 59.6612 39.3144C59.6612 38.7005 59.6366 38.0865 59.6119 37.4971C59.6119 37.3989 59.6119 37.3007 59.5379 37.2515C59.4146 37.1533 59.2913 37.2515 59.2173 37.3498C58.798 37.7918 58.3787 38.2339 57.9594 38.6759C57.7374 38.9215 57.5401 39.0197 57.2441 38.725C56.9728 38.4795 56.9482 38.283 57.2441 38.0128C57.7128 37.5708 58.132 37.0796 58.5513 36.613C58.7487 36.392 58.6747 36.2692 58.3787 36.2692C58.0334 36.2692 57.6634 36.2692 57.3181 36.2692L57.2441 36.3429Z' fill='%23D1AD72'/%3E%3Cpath d='M100.539 31.6797V-0.000835137' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M88.0889 17.5078H113' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M93.3892 24.6094L107.67 10.39' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M93.3892 10.39L107.67 24.6094' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  left: 16px;
}
.recap-banner:after {
  content: url("data:image/svg+xml,%3Csvg width='113' height='140' viewBox='0 0 113 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M101.359 0.84727V23.5148C101.359 24.6445 103.135 24.6445 103.135 23.5148V0.84727C103.135 -0.282423 101.359 -0.282423 101.359 0.84727Z' fill='%23D1AD72'/%3E%3Cpath d='M111.15 10.1055H93.3177C92.1832 10.1055 92.1832 11.8737 93.3177 11.8737H111.15C112.285 11.8737 112.285 10.1055 111.15 10.1055Z' fill='%23D1AD72'/%3E%3Cpath d='M106.716 5.27012C103.732 8.2417 100.747 11.2133 97.7628 14.1849L96.4802 15.4619C95.6663 16.2724 96.9242 17.5248 97.7381 16.7144C100.723 13.7428 103.707 10.7712 106.691 7.79966L107.974 6.52261C108.788 5.71218 107.53 4.45969 106.716 5.27012Z' fill='%23D1AD72'/%3E%3Cpath d='M107.974 15.4346C104.989 12.463 102.005 9.49141 99.0207 6.51982L97.7381 5.24278C96.9242 4.43235 95.6663 5.68483 96.4802 6.49526C99.4646 9.46684 102.449 12.4384 105.433 15.41L106.716 16.6871C107.53 17.4975 108.788 16.245 107.974 15.4346Z' fill='%23D1AD72'/%3E%3Cpath d='M14.9008 43.4704C16.3583 43.4704 17.5399 42.2939 17.5399 40.8426C17.5399 39.3913 16.3583 38.2148 14.9008 38.2148C13.4433 38.2148 12.2617 39.3913 12.2617 40.8426C12.2617 42.2939 13.4433 43.4704 14.9008 43.4704Z' fill='%23D1AD72'/%3E%3Cpath d='M98.3561 121.104C100.28 122.43 100.699 124.96 99.3426 126.826C98.0107 128.668 95.6183 129.061 93.7191 127.784C91.7706 126.458 91.3514 124.027 92.7326 122.086C94.0398 120.245 96.5062 119.827 98.3561 121.104ZM98.0108 125.721C98.726 124.616 98.3807 123.143 97.2708 122.455C96.1856 121.792 94.829 122.086 94.1138 123.118C93.3492 124.223 93.6205 125.647 94.7304 126.384C95.8403 127.121 97.2955 126.826 98.0108 125.721Z' fill='%23D1AD72'/%3E%3Cpath d='M101.485 110.461C102.817 110.461 102.817 108.398 101.485 108.398C100.153 108.398 100.153 110.461 101.485 110.461Z' fill='%23D1AD72'/%3E%3Cpath d='M55.7559 103.657C56.0025 103.657 56.2738 103.657 56.5205 103.657C56.8164 103.657 57.0877 103.633 57.1124 104.075C57.1124 104.517 56.8904 104.615 56.5205 104.615C56.0272 104.615 55.5586 104.615 55.0653 104.664C54.8926 104.664 54.6213 104.59 54.5473 104.787C54.4487 105.032 54.7446 105.155 54.868 105.303C55.2379 105.671 55.6079 106.015 55.9779 106.359C56.2985 106.629 56.1752 106.825 55.9532 107.071C55.7312 107.341 55.5339 107.292 55.3119 107.071C54.868 106.653 54.424 106.236 53.98 105.818C53.7334 105.597 53.5607 105.695 53.5607 106.015C53.5607 106.58 53.5607 107.169 53.6101 107.734C53.6101 108.053 53.5361 108.299 53.1414 108.323C52.7468 108.323 52.6482 108.151 52.6235 107.808C52.6235 107.243 52.5742 106.653 52.5495 106.088C52.5495 105.966 52.5495 105.818 52.4015 105.769C52.2535 105.695 52.1549 105.843 52.0809 105.917C51.6616 106.359 51.2423 106.801 50.823 107.243C50.601 107.488 50.4037 107.439 50.1817 107.243C49.9844 107.046 49.8611 106.85 50.1077 106.604C50.5517 106.138 50.9956 105.671 51.4149 105.204C51.4643 105.131 51.5629 105.032 51.5383 104.959C51.5136 104.811 51.3656 104.811 51.2423 104.811C50.6257 104.811 50.0091 104.811 49.4171 104.861C49.1211 104.861 48.9238 104.787 48.9238 104.443C48.9238 104.099 48.9978 103.903 49.3924 103.903C50.0091 103.903 50.6257 103.878 51.2176 103.854C51.3409 103.854 51.4889 103.854 51.5136 103.682C51.5136 103.608 51.4396 103.51 51.3656 103.461C50.9216 103.043 50.4777 102.601 50.0337 102.208C49.7871 101.987 49.6884 101.815 49.9597 101.496C50.2557 101.152 50.4777 101.25 50.749 101.496C51.1436 101.913 51.5876 102.282 52.0069 102.675C52.0809 102.748 52.1795 102.896 52.3275 102.798C52.4508 102.724 52.4262 102.577 52.4262 102.454C52.4262 101.864 52.4262 101.3 52.3768 100.735C52.3768 100.391 52.4755 100.194 52.8455 100.17C53.2648 100.145 53.3388 100.366 53.3388 100.686C53.3388 101.3 53.3634 101.913 53.3881 102.503C53.3881 102.601 53.3881 102.699 53.4621 102.748C53.5854 102.847 53.7087 102.748 53.7827 102.65C54.202 102.208 54.6213 101.766 55.0406 101.324C55.2626 101.078 55.4599 100.98 55.7559 101.275C56.0272 101.521 56.0518 101.717 55.7559 101.987C55.2872 102.429 54.868 102.92 54.4487 103.387C54.2513 103.608 54.3253 103.731 54.6213 103.731C54.9666 103.731 55.3366 103.731 55.6819 103.731L55.7559 103.657Z' fill='%23D1AD72'/%3E%3Cpath d='M12.4609 108.32V140.001' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M24.9111 122.492H0' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M19.6108 115.391L5.33008 129.61' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M19.6108 129.61L5.33008 115.391' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  right: 16px;
}
.recap-banner .title {
  position: relative;
  font-size: 58px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .recap-banner .title {
    font-size: 42px;
  }
}
@media screen and (max-width: 768px) {
  .recap-banner .title {
    font-size: 24px;
  }
}
@media screen and (max-width: 410px) {
  .recap-banner .title {
    font-size: 22px;
  }
}
@media screen and (max-width: 350px) {
  .recap-banner .title {
    font-size: 18px;
  }
}
.recap-banner .title span {
  font-weight: normal;
}
.recap-banner .title:before, .recap-banner .title:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9941 1V31' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31 15.9961H1' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.8579 9.14062L9.14453 22.854' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.8579 22.854L9.14453 9.14062' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  top: -5px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 768px) {
  .recap-banner .title:before, .recap-banner .title:after {
    width: 12px;
    height: 12px;
    top: -4px;
  }
}
.recap-banner .title:before {
  margin-right: 24px;
}
@media screen and (max-width: 768px) {
  .recap-banner .title:before {
    margin-right: 10px;
  }
}
.recap-banner .title:after {
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  .recap-banner .title:after {
    margin-left: 10px;
  }
}
.recap-banner .desc {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 5px;
}
@media screen and (max-width: 991px) {
  .recap-banner .desc {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .recap-banner .desc {
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 3px;
  }
}
.recap-banner .desc .br {
  display: none;
}
@media screen and (max-width: 768px) {
  .recap-banner .desc .br {
    display: block;
  }
}
.recap-banner .top-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -91px;
  padding: 0 25px;
  background-color: var(--color-bg-primary);
}
@media screen and (max-width: 768px) {
  .recap-banner .top-icon {
    width: 120px;
    padding: 0 14px;
    top: -37px;
  }
  .recap-banner .top-icon svg {
    width: 100%;
    height: 100%;
  }
}

.recap-main {
  position: relative;
  padding-top: 130px;
}
@media screen and (max-width: 768px) {
  .recap-main {
    padding-top: 117px;
  }
}
.recap-main .recap-inner .recap-title {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  margin-left: 30px;
  margin-right: 30px;
}
@media screen and (max-width: 410px) {
  .recap-main .recap-inner .recap-title {
    margin-left: 0;
    margin-right: 0;
  }
}
.recap-main .recap-inner .recap-title .top-icon {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .recap-main .recap-inner .recap-title .top-icon {
    width: 248px;
  }
  .recap-main .recap-inner .recap-title .top-icon svg {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 350px) {
  .recap-main .recap-inner .recap-title .top-icon {
    width: 100%;
  }
}
.recap-main .recap-inner .recap-title .title {
  position: relative;
  font-size: 58px;
  font-weight: bold;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .recap-main .recap-inner .recap-title .title {
    line-height: 66px;
  }
}
.recap-main .recap-inner .recap-title .title span {
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .recap-main .recap-inner .recap-title .title span {
    position: relative;
  }
  .recap-main .recap-inner .recap-title .title span:before, .recap-main .recap-inner .recap-title .title span:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9941 1V31' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31 15.9961H1' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.8579 9.14062L9.14453 22.854' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.8579 22.854L9.14453 9.14062' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: -5px;
    display: inline-block;
    width: 30px;
    height: 30px;
  }
  .recap-main .recap-inner .recap-title .title span:before {
    margin-right: 10px;
  }
  .recap-main .recap-inner .recap-title .title span:after {
    margin-left: 10px;
  }
}
.recap-main .recap-inner .recap-title .title .brMob {
  display: none;
}
@media screen and (max-width: 768px) {
  .recap-main .recap-inner .recap-title .title .brMob {
    display: block;
  }
}
.recap-main .recap-inner .recap-title .title:before, .recap-main .recap-inner .recap-title .title:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9941 1V31' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31 15.9961H1' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.8579 9.14062L9.14453 22.854' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.8579 22.854L9.14453 9.14062' stroke='%23D1AD72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  top: -5px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.recap-main .recap-inner .recap-title .title:before {
  margin-right: 24px;
}
@media screen and (max-width: 768px) {
  .recap-main .recap-inner .recap-title .title:before {
    display: none;
  }
}
.recap-main .recap-inner .recap-title .title:after {
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  .recap-main .recap-inner .recap-title .title:after {
    display: none;
  }
}
.recap-main .recap-inner .recap-title .desc {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recap-main .recap-inner .recap-title .desc {
    font-size: 18px;
    font-weight: 500;
  }
}
.recap-main .recap-inner .line-design {
  width: 110px;
  height: 2px;
  margin: 40px auto 0;
  border-bottom: 2px dashed #D1AD72;
}
@media screen and (max-width: 768px) {
  .recap-main .recap-inner .line-design {
    width: calc(100% - 60px);
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 410px) {
  .recap-main .recap-inner .line-design {
    width: 100%;
  }
}

.recap-desc {
  position: relative;
  background-color: #323351;
  z-index: 1;
  padding-bottom: 1px;
}
.recap-desc:before {
  content: "";
  width: 100%;
  height: 245px;
  background-color: var(--color-bg-primary);
  z-index: -1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .recap-desc:before {
    height: 186px;
  }
}
.recap-desc .recap-bg {
  position: absolute;
  width: 100%;
  height: 484px;
  z-index: -1;
}
.recap-desc .recap-inner {
  position: relative;
  z-index: 1;
}
.recap-desc .recap-inner > .recap-box {
  position: relative;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box {
    width: 100%;
  }
}
.recap-desc .recap-inner > .recap-box:before, .recap-desc .recap-inner > .recap-box:after {
  content: "";
  width: 168px;
  height: 484px;
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: -310px;
}
.recap-desc .recap-inner > .recap-box:before {
  background-image: url("data:image/svg+xml,%3Csvg width='168' height='484' viewBox='0 0 168 484' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M41.5938 116.307V148.357C41.5938 149.954 39.094 149.954 39.094 148.357V116.307C39.094 114.71 41.5938 114.71 41.5938 116.307V116.307Z' fill='%23D1AD72'/%3E%3Cpath d='M27.8099 129.391H52.9116C54.5086 129.391 54.5086 131.891 52.9116 131.891H27.8099C26.2128 131.891 26.2128 129.391 27.8099 129.391Z' fill='%23D1AD72'/%3E%3Cpath d='M34.0529 122.558C38.2539 126.76 42.4549 130.961 46.6558 135.163L48.4612 136.968C49.6069 138.114 47.8363 139.885 46.6905 138.739C42.4896 134.538 38.2886 130.336 34.0876 126.135L32.2822 124.329C31.1365 123.183 32.9072 121.413 34.0529 122.558V122.558Z' fill='%23D1AD72'/%3E%3Cpath d='M32.2822 136.937C36.4832 132.736 40.6842 128.534 44.8852 124.333L46.6905 122.527C47.8363 121.381 49.6069 123.152 48.4612 124.298C44.2602 128.499 40.0592 132.701 35.8583 136.902L34.0529 138.708C32.9072 139.854 31.1365 138.083 32.2822 136.937Z' fill='%23D1AD72'/%3E%3Cpath d='M163.297 176.571C161.245 176.571 159.582 174.908 159.582 172.856C159.582 170.804 161.245 169.141 163.297 169.141C165.348 169.141 167.012 170.804 167.012 172.856C167.012 174.908 165.348 176.571 163.297 176.571Z' fill='%23D1AD72'/%3E%3Cpath d='M2.50546 364.151C-0.202603 366.026 -0.792801 369.603 1.11673 372.242C2.99154 374.846 6.35926 375.402 9.0326 373.596C11.7754 371.721 12.3656 368.283 10.4213 365.54C8.58125 362.936 5.10937 362.346 2.50546 364.151ZM2.99152 370.679C1.98468 369.117 2.47075 367.033 4.03309 366.061C5.56072 365.124 7.47025 365.54 8.47709 366.999C9.55337 368.561 9.17146 370.575 7.60912 371.617C6.04678 372.658 3.99836 372.242 2.99152 370.679Z' fill='%23D1AD72'/%3E%3Cpath d='M26.0365 474.52C25.5158 474.52 24.995 474.52 24.4742 474.52C23.884 474.52 23.2937 474.451 23.259 475.354C23.2243 476.256 23.7104 476.465 24.4742 476.465C25.4463 476.465 26.4184 476.499 27.3906 476.569C27.7725 476.569 28.2932 476.43 28.4668 476.812C28.6751 477.333 28.0849 477.541 27.8072 477.854C27.0781 478.583 26.3143 479.312 25.5505 480.006C24.9255 480.562 25.1686 480.944 25.6199 481.465C26.106 481.986 26.4532 481.916 26.9045 481.465C27.8072 480.597 28.7099 479.763 29.6126 478.93C30.1333 478.479 30.4458 478.652 30.4458 479.312C30.4458 480.493 30.4111 481.638 30.3417 482.819C30.3417 483.479 30.4805 483.965 31.279 484C32.0776 484.034 32.2859 483.652 32.3206 482.958C32.3206 481.777 32.4248 480.631 32.4595 479.451C32.4595 479.208 32.4595 478.93 32.7373 478.791C33.0497 478.652 33.2233 478.93 33.3969 479.104C34.2649 480.006 35.0981 480.875 35.9314 481.812C36.4174 482.333 36.7646 482.229 37.216 481.777C37.6326 481.361 37.8756 480.979 37.3548 480.458C36.4521 479.52 35.5842 478.548 34.6815 477.611C34.5426 477.472 34.4037 477.263 34.4385 477.124C34.4732 476.812 34.7857 476.812 35.0634 476.812C36.3133 476.812 37.5284 476.847 38.7783 476.881C39.3685 476.881 39.7504 476.743 39.7852 476.048C39.7852 475.319 39.6115 474.937 38.8477 474.937C37.5979 474.937 36.3827 474.867 35.1328 474.833C34.8898 474.833 34.5773 474.833 34.5426 474.52C34.5426 474.381 34.6815 474.173 34.8204 474.069C35.7231 473.201 36.591 472.333 37.4937 471.499C38.0145 471.048 38.1881 470.666 37.6326 470.076C37.0076 469.381 36.591 469.555 36.0703 470.11C35.237 470.944 34.369 471.742 33.501 472.506C33.3274 472.68 33.1539 472.958 32.8414 472.784C32.5984 472.61 32.6678 472.333 32.6678 472.09C32.6678 470.909 32.7025 469.763 32.772 468.583C32.8067 467.888 32.5637 467.506 31.8346 467.437C31.0013 467.367 30.8277 467.819 30.8277 468.478C30.8277 469.728 30.7583 470.944 30.7236 472.194C30.7236 472.367 30.6888 472.61 30.55 472.715C30.2722 472.923 30.0639 472.715 29.8903 472.506C29.0223 471.604 28.1891 470.735 27.3558 469.798C26.9045 469.277 26.4879 469.103 25.8977 469.659C25.3769 470.18 25.3074 470.562 25.8629 471.117C26.8003 472.02 27.6683 472.992 28.5363 473.965C28.9182 474.381 28.7793 474.659 28.2238 474.659C27.4947 474.659 26.8003 474.659 26.0712 474.659C26.0712 474.659 26.0712 474.659 26.0712 474.624L26.0365 474.52Z' fill='%23D1AD72'/%3E%3Cpath d='M144.567 473.479C142.692 473.479 142.692 470.562 144.567 470.562C146.441 470.562 146.441 473.479 144.567 473.479Z' fill='%23D1AD72'/%3E%3Cpath d='M41.4142 271.292C39.5394 271.292 39.5394 268.375 41.4142 268.375C43.289 268.375 43.289 271.292 41.4142 271.292Z' fill='%23D1AD72'/%3E%3Cpath d='M105.789 261.668C105.442 261.668 105.06 261.668 104.713 261.668C104.296 261.668 103.914 261.633 103.88 262.258C103.88 262.883 104.192 263.022 104.713 263.022C105.407 263.022 106.067 263.022 106.761 263.091C107.004 263.091 107.386 262.987 107.49 263.265C107.629 263.612 107.213 263.786 107.039 263.994C106.518 264.515 105.997 265.001 105.477 265.487C105.025 265.869 105.199 266.147 105.511 266.494C105.824 266.876 106.102 266.807 106.414 266.494C107.039 265.904 107.664 265.314 108.289 264.723C108.636 264.411 108.879 264.55 108.879 265.001C108.879 265.8 108.879 266.633 108.81 267.432C108.81 267.883 108.914 268.23 109.469 268.265C110.025 268.265 110.164 268.022 110.198 267.536C110.198 266.737 110.268 265.904 110.303 265.105C110.303 264.932 110.303 264.723 110.511 264.654C110.719 264.55 110.858 264.758 110.962 264.862C111.552 265.487 112.143 266.112 112.733 266.737C113.045 267.084 113.323 267.015 113.636 266.737C113.913 266.459 114.087 266.182 113.74 265.834C113.115 265.175 112.49 264.515 111.9 263.855C111.83 263.751 111.691 263.612 111.726 263.508C111.761 263.3 111.969 263.3 112.143 263.3C113.011 263.3 113.879 263.3 114.712 263.369C115.128 263.369 115.406 263.265 115.406 262.779C115.406 262.293 115.302 262.015 114.747 262.015C113.879 262.015 113.011 261.98 112.177 261.945C112.004 261.945 111.796 261.945 111.761 261.702C111.761 261.598 111.865 261.459 111.969 261.39C112.594 260.8 113.219 260.175 113.844 259.619C114.191 259.306 114.33 259.063 113.948 258.612C113.531 258.126 113.219 258.265 112.837 258.612C112.282 259.202 111.657 259.723 111.066 260.279C110.962 260.383 110.823 260.591 110.615 260.452C110.441 260.348 110.476 260.14 110.476 259.966C110.476 259.133 110.476 258.334 110.546 257.536C110.546 257.049 110.407 256.772 109.886 256.737C109.296 256.702 109.192 257.015 109.192 257.466C109.192 258.334 109.157 259.202 109.122 260.036C109.122 260.175 109.122 260.313 109.018 260.383C108.844 260.522 108.671 260.383 108.567 260.244C107.976 259.619 107.386 258.994 106.796 258.369C106.484 258.022 106.206 257.883 105.789 258.3C105.407 258.647 105.373 258.925 105.789 259.307C106.449 259.932 107.039 260.626 107.629 261.286C107.907 261.598 107.803 261.772 107.386 261.772C106.9 261.772 106.379 261.772 105.893 261.772L105.789 261.668Z' fill='%23D1AD72'/%3E%3Cpath d='M123.418 380.734V425.527' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M105.891 400.766H140.957' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M113.351 390.734L133.453 410.839' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M113.351 410.839L133.453 390.734' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M150.477 0V44.7579' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M132.934 20.0312H168' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M140.448 10L160.516 30.1046' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M140.448 30.1046L160.516 10' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E%0A");
  left: -220px;
}
.recap-desc .recap-inner > .recap-box:after {
  background-image: url("data:image/svg+xml,%3Csvg width='168' height='484' viewBox='0 0 168 484' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M126.406 116.307V148.357C126.406 149.954 128.906 149.954 128.906 148.357V116.307C128.906 114.71 126.406 114.71 126.406 116.307Z' fill='%23D1AD72'/%3E%3Cpath d='M140.19 129.391H115.088C113.491 129.391 113.491 131.891 115.088 131.891H140.19C141.787 131.891 141.787 129.391 140.19 129.391Z' fill='%23D1AD72'/%3E%3Cpath d='M133.947 122.558C129.746 126.76 125.545 130.961 121.344 135.163L119.539 136.968C118.393 138.114 120.164 139.885 121.309 138.739C125.51 134.538 129.711 130.336 133.912 126.135L135.718 124.329C136.863 123.183 135.093 121.413 133.947 122.558Z' fill='%23D1AD72'/%3E%3Cpath d='M135.718 136.937C131.517 132.736 127.316 128.534 123.115 124.333L121.309 122.527C120.164 121.381 118.393 123.152 119.539 124.298C123.74 128.499 127.941 132.701 132.142 136.902L133.947 138.708C135.093 139.854 136.863 138.083 135.718 136.937Z' fill='%23D1AD72'/%3E%3Cpath d='M4.70319 176.571C6.75487 176.571 8.41809 174.908 8.41809 172.856C8.41809 170.804 6.75487 169.141 4.70319 169.141C2.6515 169.141 0.988281 170.804 0.988281 172.856C0.988281 174.908 2.6515 176.571 4.70319 176.571Z' fill='%23D1AD72'/%3E%3Cpath d='M165.495 364.151C168.203 366.026 168.793 369.603 166.883 372.242C165.008 374.846 161.641 375.402 158.967 373.596C156.225 371.721 155.634 368.283 157.579 365.54C159.419 362.936 162.891 362.346 165.495 364.151ZM165.008 370.679C166.015 369.117 165.529 367.033 163.967 366.061C162.439 365.124 160.53 365.54 159.523 366.999C158.447 368.561 158.829 370.575 160.391 371.617C161.953 372.658 164.002 372.242 165.008 370.679Z' fill='%23D1AD72'/%3E%3Cpath d='M141.963 474.52C142.484 474.52 143.005 474.52 143.526 474.52C144.116 474.52 144.706 474.451 144.741 475.354C144.776 476.256 144.29 476.465 143.526 476.465C142.554 476.465 141.582 476.499 140.609 476.569C140.228 476.569 139.707 476.43 139.533 476.812C139.325 477.333 139.915 477.541 140.193 477.854C140.922 478.583 141.686 479.312 142.45 480.006C143.074 480.562 142.831 480.944 142.38 481.465C141.894 481.986 141.547 481.916 141.095 481.465C140.193 480.597 139.29 479.763 138.387 478.93C137.867 478.479 137.554 478.652 137.554 479.312C137.554 480.493 137.589 481.638 137.658 482.819C137.658 483.479 137.519 483.965 136.721 484C135.922 484.034 135.714 483.652 135.679 482.958C135.679 481.777 135.575 480.631 135.541 479.451C135.541 479.208 135.54 478.93 135.263 478.791C134.95 478.652 134.777 478.93 134.603 479.104C133.735 480.006 132.902 480.875 132.069 481.812C131.583 482.333 131.235 482.229 130.784 481.777C130.367 481.361 130.124 480.979 130.645 480.458C131.548 479.52 132.416 478.548 133.319 477.611C133.457 477.472 133.596 477.263 133.562 477.124C133.527 476.812 133.214 476.812 132.937 476.812C131.687 476.812 130.472 476.847 129.222 476.881C128.631 476.881 128.25 476.743 128.215 476.048C128.215 475.319 128.388 474.937 129.152 474.937C130.402 474.937 131.617 474.867 132.867 474.833C133.11 474.833 133.423 474.833 133.457 474.52C133.457 474.381 133.319 474.173 133.18 474.069C132.277 473.201 131.409 472.333 130.506 471.499C129.986 471.048 129.812 470.666 130.367 470.076C130.992 469.381 131.409 469.555 131.93 470.11C132.763 470.944 133.631 471.742 134.499 472.506C134.673 472.68 134.846 472.958 135.159 472.784C135.402 472.61 135.332 472.333 135.332 472.09C135.332 470.909 135.297 469.763 135.228 468.583C135.193 467.888 135.436 467.506 136.165 467.437C136.999 467.367 137.172 467.819 137.172 468.478C137.172 469.728 137.242 470.944 137.276 472.194C137.276 472.367 137.311 472.61 137.45 472.715C137.728 472.923 137.936 472.715 138.11 472.506C138.978 471.604 139.811 470.735 140.644 469.798C141.096 469.277 141.512 469.103 142.102 469.659C142.623 470.18 142.693 470.562 142.137 471.117C141.2 472.02 140.332 472.992 139.464 473.965C139.082 474.381 139.221 474.659 139.776 474.659C140.505 474.659 141.2 474.659 141.929 474.659C141.929 474.659 141.929 474.659 141.929 474.624L141.963 474.52Z' fill='%23D1AD72'/%3E%3Cpath d='M23.4335 473.479C25.3083 473.479 25.3083 470.562 23.4335 470.562C21.5586 470.562 21.5586 473.479 23.4335 473.479Z' fill='%23D1AD72'/%3E%3Cpath d='M126.586 271.292C128.461 271.292 128.461 268.375 126.586 268.375C124.711 268.375 124.711 271.292 126.586 271.292Z' fill='%23D1AD72'/%3E%3Cpath d='M62.2108 261.668C62.558 261.668 62.9399 261.668 63.2871 261.668C63.7038 261.668 64.0857 261.633 64.1204 262.258C64.1204 262.883 63.8079 263.022 63.2871 263.022C62.5928 263.022 61.9331 263.022 61.2387 263.091C60.9957 263.091 60.6138 262.987 60.5096 263.265C60.3707 263.612 60.7874 263.786 60.961 263.994C61.4818 264.515 62.0025 265.001 62.5233 265.487C62.9747 265.869 62.8011 266.147 62.4886 266.494C62.1761 266.876 61.8984 266.807 61.5859 266.494C60.961 265.904 60.336 265.314 59.7111 264.723C59.3639 264.411 59.1209 264.55 59.1209 265.001C59.1209 265.8 59.1209 266.633 59.1903 267.432C59.1903 267.883 59.0862 268.23 58.5307 268.265C57.9752 268.265 57.8363 268.022 57.8016 267.536C57.8016 266.737 57.7321 265.904 57.6974 265.105C57.6974 264.932 57.6974 264.723 57.4891 264.654C57.2808 264.55 57.1419 264.758 57.0377 264.862C56.4475 265.487 55.8573 266.112 55.2671 266.737C54.9546 267.084 54.6769 267.015 54.3644 266.737C54.0867 266.459 53.9131 266.182 54.2602 265.834C54.8852 265.175 55.5101 264.515 56.1004 263.855C56.1698 263.751 56.3087 263.612 56.2739 263.508C56.2392 263.3 56.0309 263.3 55.8573 263.3C54.9893 263.3 54.1214 263.3 53.2881 263.369C52.8715 263.369 52.5938 263.265 52.5938 262.779C52.5938 262.293 52.6979 262.015 53.2534 262.015C54.1214 262.015 54.9893 261.98 55.8226 261.945C55.9962 261.945 56.2045 261.945 56.2392 261.702C56.2392 261.598 56.1351 261.459 56.0309 261.39C55.406 260.8 54.781 260.175 54.1561 259.619C53.8089 259.306 53.67 259.063 54.0519 258.612C54.4686 258.126 54.781 258.265 55.1629 258.612C55.7184 259.202 56.3434 259.723 56.9336 260.279C57.0378 260.383 57.1766 260.591 57.3849 260.452C57.5585 260.348 57.5238 260.14 57.5238 259.966C57.5238 259.133 57.5238 258.334 57.4544 257.536C57.4544 257.049 57.5933 256.772 58.114 256.737C58.7043 256.702 58.8084 257.015 58.8084 257.466C58.8084 258.334 58.8431 259.202 58.8778 260.036C58.8778 260.175 58.8778 260.313 58.982 260.383C59.1556 260.522 59.3292 260.383 59.4333 260.244C60.0236 259.619 60.6138 258.994 61.204 258.369C61.5165 258.022 61.7942 257.883 62.2108 258.3C62.5928 258.647 62.6275 258.925 62.2108 259.307C61.5512 259.932 60.961 260.626 60.3708 261.286C60.093 261.598 60.1972 261.772 60.6138 261.772C61.0998 261.772 61.6206 261.772 62.1067 261.772L62.2108 261.668Z' fill='%23D1AD72'/%3E%3Cpath d='M44.582 380.734V425.527' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M62.1089 400.766H27.043' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M54.649 390.734L34.5469 410.839' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M54.649 410.839L34.5469 390.734' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M17.5234 0V44.7579' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M35.0659 20.0312H0' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M27.5518 10L7.48438 30.1046' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M27.5518 30.1046L7.48438 10' stroke='%23D1AD72' stroke-width='0.3' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E%0A");
  right: -220px;
}
.recap-desc .recap-inner > .recap-box:first-child:before, .recap-desc .recap-inner > .recap-box:first-child:after {
  top: -460px;
}
.recap-desc .recap-inner > .recap-box .recap-msg-wrap {
  border-radius: 15px;
  background-color: #F5E0BA;
  padding: 64px;
  -webkit-box-shadow: 0 1px 16px rgba(16, 46, 103, 0.2);
  -moz-box-shadow: 0 1px 16px rgba(16, 46, 103, 0.2);
  box-shadow: 0 1px 16px rgba(16, 46, 103, 0.2);
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-msg-wrap {
    padding: 20px;
    border-radius: 10px;
  }
}
.recap-desc .recap-inner > .recap-box .recap-msg-wrap .recap-msg-box {
  border: 1px solid var(--color-base-black);
  padding: 48px 0 56px;
  background: #F8E9CF;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-msg-wrap .recap-msg-box {
    padding: 32px 0 40px;
  }
}
.recap-desc .recap-inner > .recap-box .recap-msg-wrap .recap-msg-box .title {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-msg-wrap .recap-msg-box .title {
    font-size: 22px;
    font-weight: bold;
  }
}
.recap-desc .recap-inner > .recap-box .recap-msg-wrap .recap-msg-box .line-design {
  width: 110px;
  height: 2px;
  margin: 40px auto;
  border-bottom: 2px dashed #2D2E4E;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-msg-wrap .recap-msg-box .line-design {
    margin: 32px auto;
  }
}
.recap-desc .recap-inner > .recap-box .recap-msg-wrap .recap-msg-box .desc {
  width: 850px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 14px;
  font-weight: normal;
}
@media screen and (max-width: 1200px) {
  .recap-desc .recap-inner > .recap-box .recap-msg-wrap .recap-msg-box .desc {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-msg-wrap .recap-msg-box .desc {
    gap: 16px;
  }
}
.recap-desc .recap-inner > .recap-box .recap-msg-wrap .recap-msg-box .desc .bold {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-msg-wrap .recap-msg-box .desc .bold {
    font-size: 16px;
    font-weight: bold;
  }
}
.recap-desc .recap-inner > .recap-box .recap-swiper {
  width: 100%;
  border-radius: 15px;
  background-color: var(--color-bg-primary);
  padding: 112px 20px 120px;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-swiper {
    border-radius: 10px;
    padding: 64px 20px 72px;
  }
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph {
  background-color: var(--color-bg-primary);
  border-radius: 15px;
  padding: 112px 20px 120px;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph {
    border-radius: 10px;
    padding: 60px 20px 72px;
  }
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph {
  width: 1000px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 1100px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 40px;
  }
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 100px 0;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0;
  }
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi .swiper-slide.graph-box {
  width: 440px;
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi .swiper-slide.graph-box:nth-child(odd) {
  margin-right: auto;
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi .swiper-slide.graph-box:nth-child(even) {
  margin-left: auto;
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi .swiper-slide.graph-box:nth-child(5) {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi .swiper-slide.graph-box {
    width: 49%;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi .swiper-slide.graph-box {
    width: 100%;
  }
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi .swiper-slide.graph-box .txt {
  width: 280px;
  max-width: 100%;
  font-size: 18px;
  font-weight: 500;
  background-color: #f2f4f7;
  height: 46px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 32px;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi .swiper-slide.graph-box .txt {
    margin: 0 auto 44px;
  }
}
@media screen and (max-width: 350px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi .swiper-slide.graph-box .txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi .swiper-slide.graph-box .img {
    width: 440px;
    max-width: 100%;
    margin: 0 auto;
  }
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .swiper-wrapper.graph-multi .swiper-slide.graph-box .img img {
  width: 100%;
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .pagination {
  display: none;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .pagination {
    display: block;
    text-align: center;
    margin-top: 24px;
  }
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .swiper-container.recap-graph .pagination .swiper-pagination-bullet-active {
    background: #333451;
  }
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .graph-box-type-info {
  width: 845px;
  margin: 0 auto;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 991px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .graph-box-type-info {
    width: 100%;
    flex-direction: column;
  }
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .graph-box-type-info .info {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background-color: #ccc;
  padding: 14px 0;
  border-radius: 10px;
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .graph-box-type-info .info.info-live {
  background-color: var(--color-content-streaming-archive);
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .graph-box-type-info .info.info-video {
  background-color: var(--color-content-video);
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .graph-box-type-info .info.info-document {
  background-color: var(--color-content-document);
}
@media screen and (max-width: 991px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .graph-box-type-info .info {
    flex: none;
    width: 280px;
    margin: 0 auto;
    max-width: 100%;
  }
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .graph-box-type-info .info .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .graph-box-type-info .info .txt {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .goal_logo {
  width: 380px;
  max-width: 100%;
  display: block;
  margin: 0 auto 32px;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .goal_logo {
    margin: 0 auto 24px;
  }
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .goal_logo img {
  width: 100%;
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .sgd-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 620px;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-circle-graph .sgd-item {
    width: 100%;
  }
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .sgd-item a {
  width: 60px;
  height: 60px;
}
.recap-desc .recap-inner > .recap-box .recap-circle-graph .sgd-item a img {
  width: 100%;
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements {
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .recap-desc .recap-inner > .recap-box .swiper-container.achievements {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .swiper-container.achievements {
    width: 100%;
    overflow: hidden;
  }
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0;
  }
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide {
  width: 266px;
  height: 286px;
  background-color: #f2f4f7;
  border-radius: 10px;
  transition: all 0.3s;
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 20px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z' fill='%235B5B5B'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide {
    width: auto;
    height: auto;
    min-height: 286px;
  }
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide > a {
  display: block;
  padding: 32px;
  height: 100%;
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide:hover {
  background-color: #F5E0BA;
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide .icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background-color: #D1AD72;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide .text {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide .text {
    font-size: 16px;
  }
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide .text .sub-text {
  font-size: 14px;
  font-weight: normal;
  margin-top: 8px;
  display: block;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide .text .sub-text {
    margin-top: 11px;
  }
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide .text .sub-text span {
  position: relative;
  padding-left: 10px;
  display: block;
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements .swiper-wrapper .swiper-slide .text .sub-text span:before {
  content: "-";
  position: absolute;
  left: 0;
}
.recap-desc .recap-inner > .recap-box .swiper-container.achievements .pagination {
  display: none;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .swiper-container.achievements .pagination {
    display: block;
    text-align: center;
    margin-top: 24px;
  }
  .recap-desc .recap-inner > .recap-box .swiper-container.achievements .pagination .swiper-pagination-bullet-active {
    background: #D1AD72;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap {
  background-color: var(--color-bg-primary);
  border-radius: 15px;
  padding: 112px 0 143px;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap {
    border-radius: 10px;
    padding: 64px 0 72px;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking {
  width: 778px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking {
    width: auto;
    margin: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list {
    padding: 0 20px;
    min-height: 82px;
    justify-content: center;
    border-radius: 100px;
    display: flex;
    flex-direction: column;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rank-flex {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    width: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rank-flex .rank {
    font-size: 18px;
  }
}
@media screen and (max-width: 410px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rank-flex .rank {
    margin-right: 4px;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rank-flex .uad {
    font-size: 14px;
  }
}
@media screen and (max-width: 410px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rank-flex .uad:before {
    margin-right: 0;
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.name-flex {
    display: flex;
    padding-left: 130px;
    position: relative;
  }
}
@media screen and (max-width: 479px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.name-flex {
    padding-left: 90px;
  }
}
@media screen and (max-width: 410px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.name-flex {
    padding-left: 100px;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.name-flex .img {
    margin-left: 0;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 130px;
    top: 20%;
  }
}
@media screen and (max-width: 479px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.name-flex .img {
    left: 90px;
  }
}
@media screen and (max-width: 410px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.name-flex .img {
    left: 60px;
    width: 35px;
    height: 35px;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.name-flex .name {
    font-size: 14px;
    font-weight: 500;
    padding: 0 0 0 48px;
    flex: 1;
    text-align: left;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 410px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.name-flex .name {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rating-flex {
    padding-left: 130px;
  }
}
@media screen and (max-width: 479px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rating-flex {
    padding-left: 90px;
  }
}
@media screen and (max-width: 410px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rating-flex {
    padding-left: 46px;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rating-flex .rating-num {
    margin-right: auto;
    justify-content: flex-start;
    padding-left: 48px;
  }
}
@media screen and (max-width: 410px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rating-flex .rating-num {
    padding-left: 53px;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rating-flex .rating-num .num {
    font-size: 10px;
    padding: 3px 14px;
  }
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rating-flex .rating-num .num strong {
    font-size: 12px;
  }
}
@media screen and (max-width: 410px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap .ranking-list-wrap.newRanking .ranking-list > div.rating-flex .rating-num .num {
    padding: 3px 10px;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .recap-ranking-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 237px;
  max-width: 100%;
  height: 48px;
  border-radius: 5px;
  background-color: var(--color-bg-interactive-primary);
  color: var(--color-text-interactive-inverse);
  font-size: 14px;
  font-weight: 500;
  margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-ranking .recap-ranking-link {
    margin: 40px auto 0;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck {
  width: 846px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: end;
  gap: 88px 24px;
  padding-top: 65px;
}
@media screen and (max-width: 991px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck {
    flex-direction: column;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box {
  flex: 1;
  position: relative;
  padding-top: 80px;
  padding-bottom: 42px;
  border-radius: 12px;
  background-color: #78BEFB;
  height: 352px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  gap: 16px;
  text-align: center;
  z-index: 1;
  -webkit-box-shadow: 0 1px 15px rgba(16, 46, 103, 0.2);
  -moz-box-shadow: 0 1px 15px rgba(16, 46, 103, 0.2);
  box-shadow: 0 1px 15px rgba(16, 46, 103, 0.2);
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box {
    order: 1;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box::before {
  content: "";
  width: 100%;
  height: calc( 100% - 12px);
  border-radius: 12px;
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-bg-primary);
  z-index: -1;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box.first {
  background-color: #1B5F9E;
  height: 398px;
  padding-top: 94px;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box.first {
    order: 0;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box.first .img {
  border: 2px solid #1B5F9E;
  width: 130px;
  height: 130px;
  top: -65px;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box.first .desc {
  width: 170px;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box .img {
  border-radius: 50%;
  border: 2px solid #78BEFB;
  width: 110px;
  height: 110px;
  position: absolute;
  top: -55px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box .img img {
  width: 100%;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box .name {
  font-size: 18px;
  font-weight: 500;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box .line {
  display: flex;
  justify-content: center;
  align-items: center;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box .desc {
  font-size: 16px;
  font-weight: 500;
  color: #5B5B5B;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box > a {
  color: var(--color-text-interactive-secondary);
  background-color: #E4EDFF;
  font-size: 14px;
  font-weight: 500;
  width: 180px;
  padding: 8px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  transition: all 0.3s;
  margin-top: auto;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box > a:hover, .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-pitch-deck .recap-box > a:active {
  color: var(--color-text-interactive-inverse);
  background-color: var(--color-bg-interactive-secondary);
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor {
  width: 846px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor {
    width: 100%;
    padding: 0 20px;
  }
}
@media screen and (max-width: 410px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor {
    padding: 0;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor:nth-child(4) {
  margin-top: 64px;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor:nth-child(4) .cate-title .wrap .txt {
  color: var(--color-content-streaming-archive);
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-title {
  padding-left: 20px;
  padding-right: 20px;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-title .wrap {
  width: 250px;
  max-width: 100%;
  border-radius: 50px;
  background-color: #f2f4f7;
  margin: 0 auto 40px;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 9px 20px 11px;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-title .wrap {
    margin: 0 auto 32px;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-title .wrap .txt {
  font-size: 18px;
  font-weight: bold;
  color: #1868B4;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px 24px;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc {
    gap: 32px 16px;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a {
  display: block;
  width: 150px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a {
    width: 132px;
  }
}
@media screen and (max-width: 350px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a {
    width: calc( 50% - 25px );
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a .img {
  width: 150px;
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 16px;
  position: relative;
  display: block;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a .img {
    width: 132px;
    height: 132px;
  }
}
@media screen and (max-width: 350px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a .img {
    width: auto;
    height: auto;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a .img img {
  width: 100%;
  transform: scale(1);
  transition: all 0.3s;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a .img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  z-index: 1;
  transition: all 0.3s;
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a .txt {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a .txt {
    font-size: 14px;
    font-weight: 500;
  }
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a:hover .img img, .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a:active .img img {
  transform: scale(1.2);
}
.recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a:hover .img:before, .recap-desc .recap-inner > .recap-box .recap-advisor-wrap .recap-advisor .cate-desc > a:active .img:before {
  opacity: 1;
}

.recap-main-title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recap-main-title {
    font-size: 22px;
    font-weight: bold;
  }
}
.recap-main-title .brMob400 {
  display: none;
}
@media screen and (max-width: 410px) {
  .recap-main-title .brMob400 {
    display: block;
  }
}

.recap-line-design {
  width: 110px;
  height: 2px;
  margin: 40px auto 60px;
  border-bottom: 2px dashed #2D2E4E;
}
@media screen and (max-width: 768px) {
  .recap-line-design {
    margin: 32px auto;
  }
}

.recap-outer .recap-partner-logo {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 17px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .recap-outer .recap-partner-logo {
    gap: 10px;
  }
}
.recap-outer .recap-partner-logo > a {
  border-radius: 12px;
  transition: 0.3s box-shadow;
  width: 199px;
  border: 4px solid #f4f4f4;
  overflow: hidden;
}
.recap-outer .recap-partner-logo > a:hover, .recap-outer .recap-partner-logo > a:active {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .recap-outer .recap-partner-logo > a {
    display: block;
    width: calc( 50% - 5px);
  }
}
.recap-outer .recap-partner-logo > a img {
  width: 100%;
}

.pitchDeck-banner-new-wrap {
  padding-top: 81px;
  padding-bottom: 100px;
  background-image: url("/images/pitch-deck-banner-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner-new-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url("/images/pitch-deck-banner-bg-m.png");
  }
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new {
  display: flex;
  gap: 28px;
  align-items: center;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner-new-wrap > div .pitchDeck-banner-new {
    flex-direction: column-reverse;
    gap: 23px;
  }
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .logo {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .logo {
    width: 100px;
    height: 100px;
  }
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .logo img {
  width: 100%;
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .title {
    font-size: 18px;
  }
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .title .br-mob {
  display: none;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .title .br-mob {
    display: block;
  }
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .line {
  width: 144px;
  height: 2px;
  background-color: var(--color-bg-interactive-inverse);
  margin: 0 auto 32px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .line {
    margin: 0 auto 24px;
  }
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .desc-sub {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
  color: var(--color-text-interactive-secondary);
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .desc-sub {
    font-size: 16px;
    font-weight: 500;
  }
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .desc {
  font-size: 14px;
  font-weight: normal;
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .more {
  display: flex;
  align-items: center;
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .more .txt {
  color: var(--color-text-interactive-secondary);
  font-size: 14px;
  font-weight: 500;
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .more .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .text-wrap .button-wrap {
  margin-top: 40px;
  text-align: center;
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .link-wrap {
  width: 624px;
  height: 351px;
  background-color: var(--color-bg-interactive-inverse);
}
@media screen and (max-width: 991px) {
  .pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .link-wrap {
    width: 500px;
    height: 300px;
  }
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .link-wrap {
    width: 100%;
    height: 50vw;
  }
}
.pitchDeck-banner-new-wrap > div .pitchDeck-banner-new .link-wrap iframe {
  width: 100%;
  height: 100%;
}

.pitchDeck-banner {
  background: url("/images/pitch-deck-banner.png") center/cover no-repeat;
  height: 170px;
  border: 3px solid #1868B4;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner {
    background: url("/images/pitch-deck-banner-mo.png") center/cover no-repeat;
    height: 22vw;
    min-height: 62px;
    border: 2px solid #1868B4;
    min-height: 62px;
  }
}
.pitchDeck-banner img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner img.pc {
    display: none;
  }
}
.pitchDeck-banner img.mob {
  display: none;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner img.mob {
    display: block;
  }
}

.pitchDeck-main {
  position: relative;
}
.pitchDeck-main .pitchDeck-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: url("/images/pitch-deck-bg-1.png") center bottom/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .pitchDeck-main .pitchDeck-bg {
    background: url("/images/pitch-deck-bg-1-m.png") center top/cover no-repeat;
  }
}
@media screen and (max-width: 410px) {
  .pitchDeck-main .pitchDeck-bg {
    min-height: 1051px;
  }
}
@media screen and (max-width: 350px) {
  .pitchDeck-main .pitchDeck-bg {
    min-height: 1150px;
  }
}
.pitchDeck-main .pitchDeck-inner {
  padding-bottom: 402px;
  padding-bottom: 80px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .pitchDeck-main .pitchDeck-inner {
    padding-bottom: 62vw;
  }
}
.pitchDeck-main .pitchDeck-inner.pitchDeck-logo-wrap {
  padding-top: 76px;
  padding-bottom: 120px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-main .pitchDeck-inner.pitchDeck-logo-wrap {
    padding-top: 44px;
    padding-bottom: 100px;
    margin-bottom: 58px;
  }
}
.pitchDeck-main .pitchDeck-inner .pitchDeck-logo {
  width: 198px;
  height: 198px;
  margin: 0 auto 16px;
}
.pitchDeck-main .pitchDeck-inner .pitchDeck-logo img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .pitchDeck-main .pitchDeck-inner .pitchDeck-logo {
    width: 132px;
    height: 132px;
    margin: 0 auto 8px;
  }
}
.pitchDeck-main .pitchDeck-inner h2.pitchDeck-title {
  font-size: 40px;
  margin-bottom: 20px;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .pitchDeck-main .pitchDeck-inner h2.pitchDeck-title {
    font-size: 28px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.pitchDeck-main .pitchDeck-inner .line-design {
  width: 281px;
  height: 2px;
  background-color: var(--color-bg-interactive-inverse);
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-main .pitchDeck-inner .line-design {
    width: 144px;
    margin: 0 auto 40px;
  }
}
.pitchDeck-main .pitchDeck-inner .pitchDeck-txt {
  font-size: 22px;
  margin-bottom: 100px;
  text-align: left;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 991px) {
  .pitchDeck-main .pitchDeck-inner .pitchDeck-txt {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .pitchDeck-main .pitchDeck-inner .pitchDeck-txt {
    font-size: 16px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .pitchDeck-main .pitchDeck-inner .pitchDeck-txt .pitchDeck-br {
    display: none;
  }
}
.pitchDeck-main .pitchDeck-inner .pitchDeck-video {
  position: relative;
}
.pitchDeck-main .pitchDeck-inner .pitchDeck-video .iframe {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 960px;
  height: 540px;
}
@media screen and (max-width: 991px) {
  .pitchDeck-main .pitchDeck-inner .pitchDeck-video .iframe {
    width: 90%;
    height: 50vw;
  }
}
.pitchDeck-main .pitchDeck-inner .pitchDeck-video .iframe iframe {
  width: 100%;
  height: 100%;
}

.pitchDeck-desc {
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  .pitchDeck-desc {
    margin-top: 0;
  }
}
.pitchDeck-desc .pitchDeck-inner.bg2 {
  background: url(/images/pitch-deck-bg-2.png) center/cover no-repeat;
  padding: 98px 0 120px;
  margin: 120px auto 100px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner.bg2 {
    padding: 60px 0 80px;
    margin: 80px auto 60px;
  }
}
.pitchDeck-desc .pitchDeck-inner.bg3 {
  background: url(/images/pitch-deck-bg-3.png) center/cover no-repeat;
  padding: 100px 0 124px;
  margin: 120px auto 100px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner.bg3 {
    padding: 60px 0 80px;
    margin: 80px auto 60px;
  }
}
.pitchDeck-desc .pitchDeck-inner.bg4 {
  background: url(/images/pitch-deck-bg-4.png) center/cover no-repeat;
  padding: 100px 0 120px;
  margin: 100px auto 100px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner.bg4 {
    padding: 60px 0 80px;
    margin: 60px auto 60px;
  }
}
.pitchDeck-desc .pitchDeck-inner.bg5 {
  background: #24170c;
  padding: 100px 0 120px;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.pitchDeck-desc .pitchDeck-inner.bg5:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 58px;
  transform: translateX(-50%);
  width: 1688px;
  height: 751px;
  background-image: url("data:image/svg+xml,%3Csvg width='1689' height='752' viewBox='0 0 1689 752' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M97.557 428.581C98.6343 431.864 96.8715 435.391 93.5906 436.469C90.3098 437.547 86.7841 435.783 85.7068 432.501C84.6295 429.218 86.3923 425.691 89.6732 424.613C92.954 423.535 96.4797 425.299 97.557 428.581Z' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M96.7734 446.047L115.234 501.971' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M68.0547 359.088L86.3688 414.595' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M81.3466 444.113L46.1875 490.484' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M137.072 370.576L101.938 416.971' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M107.227 435.074L163.834 451.609' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M19.4531 409.451L75.9378 425.961' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M78.6044 503.492L77.2578 511.061' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M87.4211 454.18L80.8594 490.948' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M102.478 369.842L95.7695 407.443' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M106.028 350L104.926 356.148' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M24.2266 458.223L16 461.579' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M70.2063 439.336L34.9492 453.813' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M148.58 407.148L113.445 421.601' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M167.286 399.48L160.406 402.298' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M144.199 482.547L149.782 488.058' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M108.992 447.689L136.047 474.463' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M47.4609 386.816L74.8096 413.884' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M37.5469 377.02L38.3314 377.804' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M33.4805 373.002L38.3528 377.828' stroke='%23FAE160' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1405 168.592C1404.46 170.747 1402.25 172.07 1400.1 171.507C1397.94 170.968 1396.62 168.763 1397.18 166.607C1397.72 164.452 1399.93 163.129 1402.08 163.692C1404.24 164.231 1405.56 166.436 1405 168.592Z' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1398.51 177.877L1389.18 214.817' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1413 120.41L1403.75 157.08' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1390.77 171.459L1355.46 184.564' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1446.72 150.66L1411.41 163.765' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1408.01 175.5L1433.2 204.185' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1368.98 131.039L1394.1 159.65' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1368.66 202.91L1365.28 206.585' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1390.57 179.053L1374.24 196.861' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1428.08 138.219L1411.36 156.444' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1436.87 128.641L1434.16 131.605' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1354.68 159.309L1349 158.305' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1386.31 164.969L1362.05 160.633' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1440.3 174.619L1416.09 170.283' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1453.18 176.92L1448.43 176.062' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1411.75 214.254L1412.88 219.227' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1404.6 182.996L1410.09 207.027' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1392.12 128.395L1397.67 152.67' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1390.11 119.602L1390.28 120.313' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M1389.3 116L1390.28 120.336' stroke='%23FAE15E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M24.8555 584.048C25.7859 584.048 26.7408 584.024 27.6712 583.999C28.773 583.999 29.7768 583.901 29.8503 585.518C29.9237 587.184 29.0178 587.502 27.6712 587.527C25.9083 587.551 24.1455 587.6 22.3826 587.674C21.7216 587.698 20.7422 587.453 20.4729 588.114C20.0811 589.045 21.1584 589.462 21.6726 590.001C22.9947 591.348 24.3413 592.671 25.7859 593.896C26.9367 594.9 26.496 595.61 25.688 596.517C24.831 597.472 24.1699 597.325 23.362 596.517C21.746 594.949 20.1301 593.43 18.4652 591.936C17.5348 591.103 16.9472 591.47 16.9472 592.622C16.9472 594.753 17.0451 596.859 17.1186 598.991C17.1675 600.191 16.8982 601.048 15.4292 601.122C13.9846 601.195 13.5928 600.485 13.5684 599.211C13.5194 597.08 13.397 594.973 13.299 592.842C13.299 592.401 13.299 591.887 12.7604 591.666C12.1972 591.446 11.879 591.911 11.5852 592.23C10.0427 593.847 8.47566 595.463 6.98214 597.129C6.12519 598.06 5.43966 597.888 4.63169 597.055C3.89717 596.296 3.43197 595.635 4.36236 594.679C6.00279 592.989 7.59426 591.25 9.18572 589.511C9.40608 589.266 9.69989 588.874 9.65093 588.604C9.55299 588.041 9.01435 588.041 8.54915 588.041C6.3211 588.09 4.06856 588.114 1.84051 588.188C0.738725 588.212 0.0776558 587.967 0.00420364 586.669C-0.0447645 585.371 0.322489 584.685 1.71808 584.661C3.94613 584.661 6.19867 584.563 8.42672 584.489C8.86744 584.489 9.45506 584.489 9.50403 583.901C9.50403 583.632 9.23469 583.289 8.98985 583.044C7.3739 581.476 5.78242 579.933 4.11751 578.414C3.2116 577.581 2.86884 576.92 3.87269 575.818C4.97447 574.568 5.73349 574.887 6.71285 575.916C8.20637 577.434 9.77335 578.855 11.3403 580.276C11.6586 580.57 11.9769 581.109 12.5156 580.766C12.9808 580.472 12.8583 579.957 12.8339 579.492C12.7849 577.361 12.7604 575.254 12.6625 573.123C12.589 571.825 13.0052 571.139 14.3763 571.016C15.8699 570.869 16.1637 571.727 16.1882 572.927C16.2371 575.156 16.3106 577.41 16.4085 579.639C16.4085 579.957 16.482 580.398 16.7023 580.57C17.192 580.962 17.5593 580.521 17.8776 580.178C19.4201 578.561 20.987 576.944 22.4805 575.279C23.313 574.348 24.0231 574.005 25.1004 575.058C26.0552 576.014 26.1532 576.699 25.1738 577.679C23.5089 579.345 21.9174 581.084 20.3504 582.848C19.6649 583.607 19.9097 584.097 20.9381 584.122C22.2357 584.122 23.5334 584.097 24.831 584.073C24.831 584.048 24.831 584.024 24.831 583.975L24.8555 584.048Z' fill='%23FAAD31'/%3E%3Cpath d='M66.5099 734.238C66.3385 734.581 66.1672 735.022 65.9468 735.414C63.3515 740.166 60.7072 744.869 58.1609 749.646C57.3774 751.14 56.5449 751.434 55.1249 750.479C52.8234 748.911 49.9832 748.201 48 746.094C48.8569 743.644 50.326 741.513 51.5257 739.235C53.1417 736.222 54.88 733.283 56.4225 730.245C57.157 728.824 57.8915 728.702 59.1892 729.461C61.2214 730.662 63.3025 731.74 65.3592 732.891C65.8489 733.16 66.4365 733.381 66.5099 734.214V734.238Z' fill='%23FAE15E'/%3E%3Cpath d='M616.648 5.60968C616.55 5.87913 616.404 6.32006 616.232 6.76098C615.057 9.578 613.784 12.346 612.706 15.2121C612.143 16.6818 611.409 16.9268 610.038 16.3389C607.149 15.0651 604.235 13.7913 601.297 12.6155C600.073 12.1256 599.681 11.5377 600.269 10.2394C601.566 7.34888 602.766 4.40938 603.941 1.46988C604.455 0.171603 605.092 -0.3918 606.561 0.294084C609.45 1.61686 612.388 2.76816 615.302 4.01745C615.914 4.28691 616.697 4.48287 616.648 5.60968Z' fill='%23FAAD31'/%3E%3Cpath d='M1076.63 51.8306C1072.05 51.9041 1068.18 48.2787 1068.01 43.698C1067.81 38.9948 1071.56 35.0754 1076.36 35.0019C1081.2 34.9039 1084.9 38.5538 1084.9 43.4285C1084.9 48.0827 1081.28 51.7571 1076.65 51.8306H1076.63ZM1076.67 48.2542C1079.42 48.1562 1081.45 45.8781 1081.3 43.1101C1081.16 40.3175 1078.93 38.4069 1076.11 38.6028C1073.54 38.7743 1071.51 40.9789 1071.56 43.502C1071.63 46.1475 1074.01 48.3767 1076.67 48.2542Z' fill='%23F9E05C'/%3E%3Cpath d='M1291.46 347.774C1291.51 342.973 1295.33 339.298 1300.12 339.421C1304.78 339.543 1308.25 343.169 1308.25 347.896C1308.25 352.747 1304.56 356.323 1299.63 356.201C1294.98 356.103 1291.43 352.404 1291.46 347.75V347.774ZM1299.76 342.997C1297.04 343.071 1294.91 345.373 1295.03 348.068C1295.15 350.689 1297.21 352.673 1299.83 352.698C1302.62 352.698 1304.73 350.64 1304.7 347.823C1304.7 345.079 1302.5 342.924 1299.76 342.997Z' fill='%238488B6'/%3E%3Cpath d='M1677.23 275.643C1678.11 276.23 1678.99 276.818 1679.9 277.382C1680.87 277.97 1681.17 278.68 1680.46 279.684C1679.85 280.566 1679.21 281.081 1678.13 280.419C1676.25 279.219 1674.34 278.043 1672.43 276.867C1672.06 276.647 1671.67 276.23 1671.18 276.524C1670.66 276.843 1670.91 277.357 1670.98 277.798C1671.45 279.978 1671.91 282.183 1672.45 284.363C1672.75 285.514 1672.45 286.127 1671.25 286.372C1670.08 286.617 1669.2 286.641 1668.93 285.147C1668.49 282.844 1667.95 280.542 1667.38 278.239C1667.14 277.259 1666.55 277.137 1665.96 277.994C1664.72 279.856 1663.52 281.742 1662.29 283.628C1661.68 284.584 1661.09 285.367 1659.77 284.51C1658.4 283.604 1658.64 282.697 1659.4 281.571C1660.6 279.807 1661.7 278.019 1662.83 276.206C1663.07 275.839 1663.44 275.373 1662.95 274.981C1662.73 274.81 1662.27 274.834 1661.95 274.908C1659.87 275.349 1657.81 275.814 1655.73 276.279C1654.58 276.549 1653.48 276.941 1653.09 275.104C1652.74 273.462 1653.45 273.046 1654.82 272.801C1656.78 272.434 1658.74 271.968 1660.68 271.478C1661.19 271.356 1662 271.429 1662.05 270.67C1662.1 269.984 1661.36 269.813 1660.9 269.494C1659.33 268.441 1657.71 267.461 1656.15 266.408C1655.19 265.771 1654.02 265.281 1655.04 263.689C1655.97 262.243 1656.88 262.635 1657.96 263.37C1659.72 264.546 1661.51 265.673 1663.32 266.8C1663.69 267.02 1664.13 267.461 1664.54 266.947C1664.72 266.726 1664.67 266.285 1664.62 265.967C1664.18 263.885 1663.69 261.827 1663.22 259.745C1662.95 258.569 1662.61 257.516 1664.42 257.099C1666.11 256.707 1666.45 257.516 1666.7 258.838C1667.09 260.921 1667.63 262.978 1668.09 265.036C1668.19 265.477 1668.24 266.016 1668.83 266.089C1669.42 266.163 1669.59 265.624 1669.83 265.256C1670.98 263.468 1672.13 261.68 1673.26 259.892C1673.9 258.887 1674.53 258.275 1675.83 259.059C1677.08 259.818 1676.96 260.676 1676.3 261.704C1675.34 263.199 1674.39 264.668 1673.48 266.187C1673.09 266.873 1672.08 267.608 1672.55 268.294C1673.19 269.225 1674.26 268.392 1675.15 268.22C1676.88 267.926 1678.6 267.461 1680.31 267.045C1681.39 266.775 1682.1 266.947 1682.34 268.22C1682.59 269.445 1682.54 270.278 1681.1 270.572C1678.79 271.037 1676.49 271.576 1674.19 272.14C1673.31 272.36 1672.97 272.899 1673.87 273.536C1674.93 274.295 1676.03 274.957 1677.1 275.667C1677.1 275.667 1677.13 275.618 1677.15 275.594L1677.23 275.643Z' fill='%23FAAD31'/%3E%3Cpath d='M405.227 109.643C406.108 110.23 406.989 110.818 407.895 111.382C408.875 111.97 409.169 112.68 408.459 113.684C407.847 114.566 407.21 115.081 406.133 114.419C404.247 113.219 402.338 112.043 400.428 110.867C400.061 110.647 399.669 110.23 399.179 110.524C398.665 110.843 398.91 111.357 398.983 111.798C399.449 113.978 399.914 116.183 400.452 118.363C400.746 119.514 400.452 120.127 399.253 120.372C398.077 120.617 397.196 120.641 396.927 119.147C396.486 116.844 395.947 114.542 395.384 112.239C395.139 111.259 394.552 111.137 393.964 111.994C392.715 113.856 391.516 115.742 390.291 117.628C389.679 118.584 389.092 119.367 387.77 118.51C386.398 117.604 386.643 116.697 387.402 115.571C388.602 113.807 389.704 112.019 390.83 110.206C391.075 109.839 391.442 109.373 390.952 108.981C390.732 108.81 390.267 108.834 389.949 108.908C387.868 109.349 385.811 109.814 383.73 110.279C382.579 110.549 381.477 110.941 381.085 109.104C380.743 107.462 381.453 107.046 382.824 106.801C384.782 106.434 386.741 105.968 388.675 105.478C389.19 105.356 389.998 105.429 390.047 104.67C390.096 103.984 389.361 103.813 388.896 103.494C387.329 102.441 385.713 101.461 384.146 100.408C383.191 99.7707 382.016 99.2808 383.044 97.6886C383.975 96.2433 384.88 96.6353 385.958 97.3701C387.721 98.5459 389.508 99.6727 391.32 100.8C391.687 101.02 392.128 101.461 392.544 100.947C392.715 100.726 392.666 100.285 392.617 99.9667C392.177 97.8846 391.687 95.8269 391.222 93.7448C390.952 92.569 390.61 91.5156 392.421 91.0992C394.111 90.7073 394.454 91.5156 394.699 92.8384C395.09 94.9205 395.629 96.9782 396.094 99.0358C396.192 99.4768 396.241 100.016 396.829 100.089C397.416 100.163 397.588 99.6238 397.832 99.2563C398.983 97.4681 400.134 95.6799 401.26 93.8917C401.897 92.8874 402.533 92.275 403.831 93.0589C405.08 93.8182 404.957 94.6756 404.296 95.7044C403.341 97.1987 402.386 98.6684 401.481 100.187C401.089 100.873 400.085 101.608 400.55 102.294C401.187 103.225 402.264 102.392 403.145 102.22C404.884 101.926 406.598 101.461 408.312 101.045C409.389 100.775 410.099 100.947 410.344 102.22C410.589 103.445 410.54 104.278 409.095 104.572C406.794 105.037 404.492 105.576 402.191 106.14C401.309 106.36 400.967 106.899 401.872 107.536C402.925 108.295 404.027 108.957 405.104 109.667C405.104 109.667 405.129 109.618 405.153 109.594L405.227 109.643Z' fill='%23FAAD31'/%3E%3Cpath d='M32.2598 171.541C36.2018 174.26 37.1077 179.502 34.292 183.397C31.5743 187.194 26.6285 188.027 22.7111 185.357C18.6957 182.613 17.8142 177.567 20.6789 173.55C23.3721 169.753 28.4158 168.871 32.2598 171.541ZM31.5498 181.094C33.0188 178.816 32.3088 175.754 30.0073 174.334C27.7792 172.962 24.9636 173.55 23.4945 175.705C21.9031 178.008 22.4662 180.923 24.7677 182.466C27.0447 184.009 30.0563 183.397 31.5253 181.07L31.5498 181.094Z' fill='%23F9E05C'/%3E%3Cpath d='M1667.17 640.709C1666.66 639.778 1666.19 638.823 1665.65 637.917C1665.06 636.937 1665.14 636.177 1666.24 635.614C1667.19 635.124 1668 634.977 1668.64 636.079C1669.74 638.039 1670.84 639.974 1671.97 641.909C1672.19 642.301 1672.34 642.84 1672.9 642.816C1673.51 642.791 1673.54 642.203 1673.68 641.787C1674.32 639.631 1674.96 637.5 1675.52 635.32C1675.81 634.169 1676.35 633.777 1677.53 634.12C1678.68 634.463 1679.46 634.855 1679 636.324C1678.29 638.578 1677.67 640.856 1677.06 643.134C1676.82 644.114 1677.28 644.506 1678.19 644.016C1680.17 642.987 1682.13 641.885 1684.09 640.807C1685.07 640.268 1685.95 639.852 1686.71 641.224C1687.49 642.669 1686.86 643.355 1685.63 643.992C1683.75 644.971 1681.91 646.025 1680.07 647.078C1679.68 647.299 1679.14 647.519 1679.39 648.107C1679.51 648.352 1679.9 648.548 1680.22 648.646C1682.25 649.258 1684.31 649.822 1686.34 650.385C1687.49 650.703 1688.64 650.875 1688.1 652.663C1687.64 654.28 1686.81 654.28 1685.48 653.863C1683.57 653.251 1681.64 652.737 1679.71 652.247C1679.19 652.1 1678.53 651.659 1678.11 652.32C1677.75 652.908 1678.31 653.398 1678.56 653.888C1679.44 655.554 1680.39 657.195 1681.27 658.861C1681.81 659.889 1682.62 660.869 1680.95 661.776C1679.44 662.608 1678.85 661.825 1678.24 660.673C1677.23 658.812 1676.2 656.95 1675.15 655.113C1674.93 654.745 1674.76 654.133 1674.15 654.427C1673.9 654.549 1673.71 654.966 1673.61 655.26C1673.02 657.293 1672.46 659.35 1671.87 661.384C1671.55 662.535 1671.36 663.637 1669.57 663.147C1667.88 662.682 1667.98 661.825 1668.39 660.526C1669.03 658.493 1669.55 656.435 1670.11 654.402C1670.23 653.961 1670.45 653.471 1669.96 653.129C1669.47 652.761 1669.08 653.178 1668.69 653.373C1666.83 654.378 1664.97 655.431 1663.13 656.46C1662.1 657.048 1661.25 657.268 1660.49 655.97C1659.75 654.696 1660.27 654.01 1661.34 653.422C1662.89 652.565 1664.45 651.708 1665.95 650.801C1666.63 650.385 1667.86 650.214 1667.76 649.381C1667.64 648.254 1666.29 648.474 1665.46 648.205C1663.79 647.641 1662.05 647.225 1660.36 646.784C1659.29 646.515 1658.75 646.025 1659.11 644.775C1659.48 643.6 1659.92 642.889 1661.32 643.306C1663.57 643.992 1665.85 644.604 1668.13 645.192C1669.01 645.412 1669.57 645.118 1669.06 644.114C1668.49 642.963 1667.83 641.836 1667.22 640.685C1667.19 640.685 1667.17 640.709 1667.15 640.734L1667.17 640.709Z' fill='%23FAAD31'/%3E%3Cpath d='M1609.39 548.145C1608.85 547.41 1608.9 546.895 1609.36 546.381C1611.76 543.76 1614.14 541.163 1616.54 538.567C1617.2 537.832 1617.88 537.807 1618.67 538.518C1621.17 540.845 1623.71 543.148 1626.23 545.45C1627.14 546.283 1626.92 547.018 1626.14 547.851C1623.88 550.251 1621.68 552.725 1619.45 555.15C1618.94 555.714 1618.28 556.179 1617.62 555.616C1614.8 553.117 1612.03 550.545 1609.41 548.145H1609.39Z' fill='%23FAE15E'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner.bg5:after {
    top: 0;
    width: 380px;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='360' height='593' viewBox='0 0 360 593' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath d='M288.998 562.384C288.922 562.595 288.807 562.939 288.673 563.284C287.756 565.485 286.762 567.648 285.921 569.888C285.481 571.037 284.907 571.228 283.837 570.769C281.581 569.773 279.306 568.778 277.013 567.859C276.057 567.476 275.751 567.017 276.21 566.002C277.223 563.743 278.159 561.446 279.077 559.149C279.479 558.134 279.976 557.694 281.122 558.23C283.378 559.264 285.672 560.163 287.947 561.14C288.425 561.35 289.037 561.503 288.998 562.384Z' fill='%23FAAD31'/%3E%3Cpath d='M63.337 538.48C63.7858 538.779 64.2346 539.078 64.696 539.364C65.1947 539.663 65.3443 540.025 64.9828 540.535C64.6711 540.984 64.3469 541.245 63.7983 540.909C62.8383 540.299 61.8657 539.701 60.8932 539.103C60.7062 538.991 60.5067 538.779 60.2573 538.928C59.9955 539.09 60.1202 539.352 60.1576 539.576C60.3945 540.685 60.6314 541.806 60.9057 542.915C61.0553 543.5 60.9057 543.811 60.2948 543.936C59.6963 544.061 59.2474 544.073 59.1103 543.313C58.8859 542.142 58.6116 540.971 58.3248 539.8C58.2001 539.302 57.9009 539.24 57.6016 539.676C56.9658 540.623 56.3548 541.582 55.7314 542.541C55.4197 543.027 55.1205 543.425 54.4473 542.989C53.7491 542.528 53.8737 542.068 54.2602 541.495C54.8712 540.598 55.4322 539.688 56.0058 538.767C56.1305 538.58 56.3175 538.343 56.0681 538.144C55.9559 538.057 55.719 538.069 55.5569 538.106C54.4972 538.331 53.4498 538.567 52.39 538.804C51.804 538.941 51.243 539.14 51.0435 538.206C50.869 537.371 51.2305 537.16 51.9287 537.035C52.9262 536.848 53.9236 536.612 54.9086 536.362C55.1704 536.3 55.5819 536.338 55.6068 535.951C55.6317 535.603 55.2576 535.515 55.0208 535.353C54.2228 534.818 53.4 534.32 52.602 533.784C52.1158 533.46 51.5173 533.211 52.041 532.401C52.5147 531.666 52.9761 531.866 53.5247 532.239C54.4224 532.837 55.3325 533.41 56.2552 533.983C56.4422 534.095 56.6666 534.32 56.8786 534.058C56.9658 533.946 56.9409 533.722 56.9159 533.56C56.6915 532.501 56.4421 531.455 56.2052 530.396C56.0681 529.798 55.8935 529.262 56.8162 529.05C57.6764 528.851 57.8511 529.262 57.9757 529.935C58.1752 530.994 58.4495 532.04 58.6864 533.086C58.7362 533.311 58.7612 533.585 59.0605 533.622C59.3597 533.659 59.4469 533.385 59.5716 533.198C60.1576 532.289 60.7436 531.38 61.3172 530.47C61.6413 529.96 61.9655 529.648 62.6263 530.047C63.2622 530.433 63.1998 530.869 62.8632 531.392C62.3769 532.152 61.8907 532.9 61.4293 533.672C61.2298 534.021 60.7187 534.394 60.9555 534.743C61.2797 535.216 61.8283 534.793 62.2772 534.706C63.1624 534.556 64.0352 534.32 64.908 534.108C65.4566 533.971 65.8181 534.058 65.9428 534.706C66.0674 535.329 66.0425 535.752 65.3069 535.902C64.1349 536.138 62.963 536.412 61.791 536.699C61.3421 536.811 61.1676 537.085 61.6289 537.409C62.165 537.795 62.7261 538.131 63.2747 538.492C63.2747 538.492 63.2871 538.468 63.2995 538.455L63.337 538.48Z' fill='%23FAAD31'/%3E%3Cpath d='M323.337 28.48C323.786 28.779 324.235 29.0779 324.696 29.3644C325.195 29.6634 325.344 30.0246 324.983 30.5354C324.671 30.9838 324.347 31.2454 323.798 30.909C322.838 30.2987 321.866 29.7008 320.893 29.1029C320.706 28.9907 320.507 28.779 320.257 28.9285C319.996 29.0904 320.12 29.352 320.158 29.5762C320.395 30.6848 320.631 31.8059 320.906 32.9145C321.055 33.5 320.906 33.8114 320.295 33.936C319.696 34.0605 319.247 34.073 319.11 33.3132C318.886 32.1422 318.612 30.9713 318.325 29.8004C318.2 29.3022 317.901 29.2399 317.602 29.6759C316.966 30.6225 316.355 31.5817 315.731 32.5409C315.42 33.0267 315.121 33.4253 314.447 32.9893C313.749 32.5284 313.874 32.0675 314.26 31.4945C314.871 30.5976 315.432 29.6883 316.006 28.7665C316.13 28.5797 316.317 28.343 316.068 28.1437C315.956 28.0565 315.719 28.069 315.557 28.1063C314.497 28.3305 313.45 28.5672 312.39 28.8039C311.804 28.9409 311.243 29.1402 311.044 28.206C310.869 27.3714 311.231 27.1596 311.929 27.0351C312.926 26.8482 313.924 26.6116 314.909 26.3624C315.17 26.3001 315.582 26.3375 315.607 25.9514C315.632 25.6026 315.258 25.5154 315.021 25.3534C314.223 24.8178 313.4 24.3196 312.602 23.7839C312.116 23.4601 311.517 23.2109 312.041 22.4013C312.515 21.6663 312.976 21.8656 313.525 22.2393C314.422 22.8372 315.333 23.4102 316.255 23.9832C316.442 24.0953 316.667 24.3195 316.879 24.058C316.966 23.9459 316.941 23.7216 316.916 23.5597C316.691 22.5009 316.442 21.4546 316.205 20.3958C316.068 19.7978 315.894 19.2622 316.816 19.0504C317.676 18.8511 317.851 19.2622 317.976 19.9349C318.175 20.9937 318.449 22.04 318.686 23.0864C318.736 23.3106 318.761 23.5846 319.06 23.622C319.36 23.6594 319.447 23.3853 319.572 23.1985C320.158 22.2891 320.744 21.3798 321.317 20.4705C321.641 19.9598 321.965 19.6484 322.626 20.047C323.262 20.4331 323.2 20.8691 322.863 21.3923C322.377 22.1521 321.891 22.8995 321.429 23.6718C321.23 24.0206 320.719 24.3943 320.956 24.7431C321.28 25.2164 321.828 24.7929 322.277 24.7057C323.162 24.5562 324.035 24.3195 324.908 24.1078C325.457 23.9708 325.818 24.058 325.943 24.7057C326.067 25.3285 326.042 25.752 325.307 25.9015C324.135 26.1382 322.963 26.4122 321.791 26.6987C321.342 26.8109 321.168 27.0849 321.629 27.4088C322.165 27.7949 322.726 28.1312 323.275 28.4925C323.275 28.4925 323.287 28.4676 323.3 28.4551L323.337 28.48Z' fill='%23FAAD31'/%3E%3Cpath d='M54.3992 50.0933C57.1934 52.0223 57.8356 55.7414 55.8397 58.5046C53.9132 61.1983 50.4074 61.7892 47.6306 59.8949C44.7843 57.9485 44.1595 54.3684 46.1901 51.5183C48.0992 48.8246 51.6744 48.199 54.3992 50.0933ZM53.8959 56.871C54.9372 55.2548 54.4339 53.0824 52.8025 52.0745C51.2231 51.1012 49.2273 51.5183 48.1859 53.0477C47.0578 54.6813 47.457 56.7494 49.0884 57.8442C50.7025 58.9391 52.8372 58.5046 53.8785 56.8536L53.8959 56.871Z' fill='%23F9E05C'/%3E%3C/g%3E%3C/svg%3E%0A");
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner.bg5 {
    padding: 60px 0 80px;
    margin: 0;
  }
}
.pitchDeck-desc .pitchDeck-inner.bg5 h3.pitchDeck-title {
  color: var(--color-text-interactive-inverse);
  position: relative;
}
.pitchDeck-desc .pitchDeck-inner.bg5 h3.pitchDeck-title:before {
  content: "";
  position: absolute;
  left: calc( 50% - 80px);
  top: 0;
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='40' height='40' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_9959_217046' transform='translate(-0.00862069) scale(0.0172414)'/%3E%3C/pattern%3E%3Cimage id='image0_9959_217046' width='59' height='58' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA6CAYAAAAOeSEWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RDEwOEVERTBGMzIxMUVFODNBRDhGMTI0NDcwRDZDMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RDEwOEVERjBGMzIxMUVFODNBRDhGMTI0NDcwRDZDMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlEMTA4RURDMEYzMjExRUU4M0FEOEYxMjQ0NzBENkMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlEMTA4RUREMEYzMjExRUU4M0FEOEYxMjQ0NzBENkMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QBovJgAAFP9JREFUeNrcW1mPHNd5/e69tVfvPT0bh6REUqJMi6LWAHEQx0GMJEYWRAhgA0nerAc/5C3/Ki+RnYfIcqzAjhNZdERR4iaK+ywcztI93V1VXeu9N+fWjALHthyOQ8oQhyw0p5eqe77lfOfcahL9Fn601vy3cd3P/aLR5rtfi+//5DsAzD7va1ufb0ZvuPHNd9/I8+RrdqPxAzx144nNbDncOSeTu3+hkrtHKHnw509sGZusZns331DpZstWQyrjW3+vhz9deTIzu7t+Nh/f/isqx+TyjFSydkLlq3/9xIEFGYnZ9pXXnXJzYDNFAoejR1RE9/5OT9/rP1mZXf/Jq9Xozhs02yZZzkhWGfFqSrwYvZpH0795osCmw2uvy+mDeRtABRVIdYkxUBGrYlLZgzf09Fr/iQCrh/96Jh5e+1urilC6EiAlMV0RZ4yYAvBi54UyufPNJwJssvbBt/PJ7RVLonSVIlaWpKuKKiVIaY3fd0lm9/9BD88f/UKD1cMfnxk/uPFNAQbmLCMtcwxbZLZi5oEUiMpmCfFydDKX07/8QoPdXrv6rXwyXHHQo1rHVMmELGURly4VSpPikgTGkJARFXn8nSi6MfhCgo3X/uWF7bsXvs2yXbJVRlQVpKQBXZGmkqQqUcYl3olMqxkeRs/bautbXziw+sGDML1/8XU7vtFxy23tyJQoUwDMKacpFWxMFsvJkqjlUqPENTlsp6Ri9Zt6/N7Tj8sVPdKTGiejh8NWlV7+/Wjz0ldEvimFQvnmKfqVIZuMKmRW6hzZRP8i00gvPlhppiZaF8MOqegbNLu38DgAP+ITbvrkrZ8arv/k90Zbl59R5dTHhEF/mgQCKB615MQAvP7l07JGSXMtBQhsLi9mL5BOztB43HrUNtD6/2TxIFg4buJo25RPF2nvytnR5s/O6myzyazcZnaXJMDper5SDdSwMbMUAKoarHlScCUqnQdaRgjS5Cy320OcelXrNfTACuqd1MGhzfUZY/qRgj0A9HOgIIDMZ6ZkU7Jtp7xyOJeOyxyX5E4Tav94vnv+tWp67ZlAzFoMPSkxUxUYWIiqBmdJC2A1GBgzFnMXQHGArFRKjhMGxOOndLX7imLujGdVrxT2XpbdTZvNbk6pA5bzcUJ0wwhRKiDDFnD870DozwqEddAbAHRV3L0b8Kdcl5NtC7JnFsU3rRmXNufkenzOpUr4WHFI1rQpy1FoyVlbUdGuVN6U0aTpuruL491LzzHaOeJa0tGppKIoMV44wJgehZDA0oRl41GipCWexxO6QNsysr3MJiuZL9ONl/PZuGnZ7fvcCSY28Uk5aYw5C2LSHiyTk2suEsvXCcV5gtDjOXCfEiWFbjXW96QcNWSe59XS0h4ucKauDIs2N72oEQW2HTSWB1mzUlnTcqhJLG3CdDaCPAmwqoDS6wBqBUhHQ5VxU1bjkMmozcq0V8kiLFXpUBp5rpM0+nP42G5EEiCroiLh2OhRWcfUhFZWyK7JujSlbUiKwwnhBZAZ5dpHkI5DfwzIclLbdQsurJgxb08LP2K8WUgucmixWSlUxByVWAUyw8OUKj+lxM3a3Elz1B+AjGjSGBHfGNNWGls7Kn7WiSan4/jj5Soddsu86mqqujYvO4KqpkNl4FjkWI5jW7Zra4vZUpeQuall6dyFMkIQSlsAj1JT6iy2qOnN09oEot/BGcBOTKI/0bMoMPwFIdlgZCVRJPvkxACWswbGUw6PkAtdyNCVKhToGlug07SF8kBGyTNlrKTmsoTmrAjaMy8LYXqksguSLMdCMmE7iVZ6T1GwVdqL64wvXSu9/mVre3j/6Malt/8wnL5zbjGcdrkV+pYb+m6j4zHOHW6RZTV9zmw4Ue4ROVgUq5EhQ1QDISMQUEW8BoHnggYNji3T7t0HpKYQ+5VNMpfk+A5poSjLZuR5PspZ12Bt7e2/ZyYpB2COprIEI6FVLTrIQaFqvEHg3zgcQ3bo9QqBU3ULpNqzK51kDyRGmnSEKGWepZOYT+L8yCczeaJafvpPb1uD/sKuf+LkXnL5HV9Pt45avhsEvEF8ukd+o01u0KbKiHfbwknNibFAgcVpAMaqlOE4jhwgKpXRvuhH22lRyDUVs5Qm8ZjyKCcPgTIvZyWIqBsiIhUlyYQaFnitgqIaj9HfZjShCixen4+ZmjdHTT16n3+4OUAr5jD1UnMoKD4dsbYH1ZKO7OnarvdgZ8/f2NZ5Y+CMn3/ljzek8ieWHThXl45/ic2yP1Jb1+kb8eTeac6zIHAR5aisr8GDFgnbNsyC62Bs2FgAFkNM1H2psCBLOACLz0gjGgqykbVw0KBqUtEIgTMKigusBczrdLB+IDfuxxFN8FNCeRqjKlDOOB9KFud0ABaVAFoxZY4FIJs46gFigmCcBDxxaYY4qmVvRqqIKIkzGu1ZZVScuD/on/3x/FN/8qayXny3MTgztHq9k5OdnY8vzT39dQw9S61+8n09jNafE6wKODKaFgxshRIDIIHAcQXQKCTouxo8w4XNdSUuaPMANW+UkskORP7ApXbCabyDRezmhvpByBAXBV4rC5Qy+A6AZ0likovg4XyWXQ84w86m05nQ+0llJrkoXwSJm1ZRdflSkUWk0ojKaUplhmlUNAsmltd7i1/60fLpr38vWPyddymc38E4UvWcHQyei/TOzpX+mYbSniU3rr8th7M7Z9qeDl2weZGMSWdQOTgMu9pQPyLAnPRD8DkywB0AOZjINRG5yIwysSBnoGjhmZLuZms0nWBA4zUJLuWVqrVxPJ5QmhpWxtQxq9HCDEScE8SGkpWGGDh4CaPTzOJaUOAaAmaCKkwcVIUyrWGbaIRFIoK1VvtL73SOffW7yj19HkCHBuinc/Z/NuuJ5s7PWVWFKVBuXHlLTbPN57sWCxWiZ7uoGiyyMMSACHP0r6hyEq5fz1GohtqrglWw6KAGTMbthCW1Ti1SsLNN4yimPKmoAe1goTRlWlBSpGhzaAnzx4wg6GfDQyYYNflAfFRoZoVIaFSFCSg3gWCGLTS5aA3l+JRXbpHxYNXrnvhh5/hrb7rtF39GzSOjnxcYv6yg5lau9dWfSV65cvfef6g0v/m8zacNVCc+V+5LFZAUx0IFwNilyayFqCMbgtVETWau2i0ATkAdEQJS0NKzfZrFU9r9BGSUGQPPqUApa9oHgB6CXDb9AG1gZjPAcdvZbxUEUrjoXxCXAcwNU+N5q+YNU/ZentvePafz9A+7R77yJnnH/gtA935RSf0SWMaOpsj29a7tK2271daNvJLV6jlWJk2XQ8OipzjY1wI5WWg0EwBTf2VpSk9QPJzSNE4huTrU7vnkNg1wl8KjJ+joSNN47QYVMAAV3o8awqI9KsELyjS+GSlQfzgNuQCHuQAcyDpKFJOP6kmErBoHxeoAOTjcLGedO6Jz8geN+Rf+mdzl96m1Mv5VkvFXamO8MQPgT3ovBdJvdeXND/8JzX3zxTLebnWtkJk5pwuzKJdKW9blZnkhpUmGIDAKcEQP7tPeXfQU7JxJULfXpEF3hY6czCjeHdNwmkAtcYqGKYRDAKXHjCalMOTkB1gWjIKRlMY4cDBxlaE9HDN7MVsxEUr0eG67uXQXbhd05O25la9+l/TCB9TuTj9TG3+WCcAHcgC+6c+/pE+dlXr92j9qVsgXi9JqM23augD7oe9wYTv061IWICtVVjWFWGbMoIf3hjGlsxldim7SsWML1G2FlGOebm3tUD4m6odNmsmCwk4TZCRqh2SEiTDMrQ3gos6i7wSogAzFjl4NYXtZK0uq1m2reeztTv/cm6TmP2D93vQ3dj0AXADwLd9pvLVS5HJ79d+rYXzn5QaVnXYguSTI0dyIiJBmKbKKcmW2DxLLME/RslBM/SMLIBGXlvogqbBN1y98SMO1DXr2xGlSixmN93Yo9Gxwa4REY8QVHhUgOQ8KMHA4eQig7ZpMDlHSEFIgv7gQWWH1bnrt594O2me/Z4lTF1nv1wN9KD97APi2f+oPvr/ouHL17o/kNLr9qsjTbsO3OFOCcvQoASQSA4WErPgt6re7yIZNDUhHpB5Hh9KfXaHrH6xRNMppyxnTM6eXqTePahAZGeorYeyr0owtdC7kcIpRI035KkNQ6GOoEamDbKY6N2zv6bda8+e+R4OnP2Ls/wb60Ob9APAd96h6+wjm8PonXE3Hl18FLfXCwBYVxofjemS5LlmQl04DpgkmoHbrYFAqcKyN6OL5K1RNBfX9ZVq7dR8kpOjE2TbAptTuACSmp9atWoJqDlYGO6tS1LRl+nYyExnzBjf8wbm3wrmXvkvsOID2o0e+U2HmDgDfwwT94XFW8uh25hR7N16D5GuFYE1zJgtlRn4bsxWHoc6y2H+MY/rwP39Ka/fWoZxAb2jKwGnS7vaIWjsVTAPIptwj7iBYYF/Xa4OMoK7A+BzuUoN1M1mhm+c2RPjcO62ll5HRkwA6iB7bHlQ9aFvpPXfxzPne4OQVpr2pBmPC62GRBldaz9IKZa0rZBaAqGS0cfMuDYc7ZOR1q+ljDEMGYi5niaTRdkLROKstIGMpmBbSj00oZzEpG4EKQH7NDvndhaq7cGq1tfjCe2QvXD4s0N9ow42xV0vKvAxJK/S+PoSITwByBCOA+QpSsWyB8sPchPDI9iZ05/YtMGxB/UEb2hfsinHVAvv2e30aDwuMHzxXojSglhTOUSloZW36GJUBoiIDOsSg9V342nBGHSv/XDbczL1WGl1qbW/fn6vSJDDColY62oIXjaE/oZiYC5PSpApzd2ttFc6Gk2tsHfy1DSMhjRY2fQhN3fYGNN2ZIOOcOssoXR+q14h9o4xgA3Ocz8xuxTJYi35b2LO+PSXf3Bz8PHYXLRjVLizZHJWJL6FoCrNJ4rDafll8hlTHZMxpNo2x3gyM7BibAumIEQLtq5B5rN54GmL1Vh6jBBbNDRl0MzQyslkgcC48tG17ALyH94UM5d22dTyo7ByRo9FhEhRtbnYPD3Y0cos87spk3KZi6hjlU2DeGL9b86aFgDMYcVi+AtbNZjl1OyGUlqAKczRDeVa2uTdrnBzfN+X4m0MvR3uYrx2IQMzVCvZNldDCgahZmoMwpI4DJiddt5qFh7oXvr4Oq7B+8vBgnQLXilpVHjWsMuUaPSrhT1kGHcuBwEKvwaMakY9/IDuCbM+lDFks4VfN7iwTaDmYCeOGDVEZwuaqRVk2pWiSUq/hgJdEzQFVjhnrN2vZqTUuUkZd5h4OrPmWSoZsHB6skK7M4wYrc9dSFTN7wEaSwx4R9KS5n24qFFwDlsZs5LXB1+SHxgqanQdkE7VrdinMdyvIbLoZ/atcEJNHCcaUMy6pa/aozI2D0uhuBeAIDpceU1GH6bRpStMk++HQrhTekO4cHizXXplOmxaTngsfq83GUQ3ASCeAZXU7opzhiiAsOB7NXrgBbnpam1uVZpfbuCTaD5TZPzaAXQ6pmFso5xkFAacArqnekQRghnMLloEZxj0m93pEm9BUNHvIkSkRnAfWIZmY0+xaKyv2+o5QgQcGLgp1kC3YNrZ/bW3v20Apjann9YYcM4bBxSOI1MAtClnvZiiQljHo3Bx41WxZaxj3GbLrOA5ZbQf2EYzvgAv01NJ6p6eK3XkRs/BhwX4K+JCZvQnFvt2v8uECYyoUEKxmX8jkqDR35DB5tQFVY+eAVA8YyEiwMUqYWY4CbnCa0CIXnOlMcG1Uksk42DqF7PQ8kBeCkU5oNqmoBYZ2bLNti8zaKS/1Tkvr3XmSERQL7TzO0eNSstGX6d2+59pemTsQ6IpyWDRwLHoKhaqzekvFMSbc7GuAgU0l5mAu5fi70IL3tdPOWRb1dRYtscprObywzMYb8z341mFNYoI10b9InJGUx/roEACmhKzmOCjZdo/8afh452zMvDIbdbhOmszcqzJ7xyhfAbtjm/t0RlbVe1MuTBDSa4W6QosXsjGq+MKNsHfsg7C7fAUGYZbFuyvpaOvFfLr1vEyGK46dNZBqodACUjn793MRtBLEJycZifkQmcXvbOopvdeu8nHDtNWnm2mPHmzhu0hRyxEigCw0zQYGrfa/BTMryEONug6EBRg4keDbnI2Z179DrWc+bCy+fN7pHLtI7tI9qtLC6+ddr7l5cTa+90o2vPVKunv5jGfbyxZrhBZ3TAuDrIyHQEnvZjTXgSPyS4Blbinytqvs5sH6i8cDVmmf66Jl29pD2THDokZeC0i7ADKwhPecphhGKox0Y2HN7Zy81D768vnG0ksXrPDoLQqOm23N4oDsJkSd7cBduBW0lj7Kmt1X89GtV6PR6mmtxguuAwLknKd5SdMIJmIMQ4VxpF0wsszaYOcOWtZ5LGBrJh7fC2U5bWuKPWO4za0fJl1z8wGPXM4yihPR3fAGX77cP/G777eXn7+gukvXLf+k2aTOfoEdzdxJzE4ItQYPvPD0Ta955xIPrr4S7V59KZl+/BzJ0bxwYHuZy+NhRm7DJ8tHz7CkXWWbPUHPG40cPzRYxh76Tj4E7axZlNMOdLDHgLSCU0mlgK4XsW037/srRz7uL335Qufoy++LhTMfk+dtEy3Mft1d8oOei8wGH1XtzWbv6MfB/NGPhuvt12a7V8+V0dopmYtBMt30LD9nLVdzr1e1qdobkL1zKEZ++DLe2sLQ2+vmKu0JD71bCpkplkiv+8AOlj5u906/3xycvODOLV+n1pFNokFymK8CHKihMUBHQnub8/6p63LxzgeTzQuv7Nx770VXByeT8XZfWbE3cNKW1Y4XScbtx8PGQeVRVszlWrRt0S2qim8U3L8edp+92F08d8HpPX2Vst4GSnJ2GIb8DNBD09PC7az2motXewsnLu7dOf/Kxv33Xpxu3jhlh8JvWNmS3Yl7h5GNDw/WYsE0LcBDC1OMknebvZWLC83j74vmyjViT21Qsxuz1kNq1YcDbfZkd2si81qr3fDLVxtLX/lodf3fXtvY2Xyha8c66M9aItzyTO8/UrDpLFaVaGyG3dPv+K6z4fsrl4jNrVPnqeihBflvBtrc39sxoO3m8urJwbGrw9HNl2ZV4o1jPumr4UOTzkO/cWdnp2mr8TznM6vpwkM0nx0fRP9z/TH/1yAd0UBquykCK/L9I9ufjrNHBvbga0Li4Ks3kn6LPz/3HSx9GH74bwEGAIuSdqipp4CyAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner.bg5 h3.pitchDeck-title:before {
    left: calc( 50% - 60px);
    width: 24px;
    height: 24px;
    background-size: 100%;
  }
}
.pitchDeck-desc .pitchDeck-inner.bg5 h3.pitchDeck-title:after {
  content: "";
  position: absolute;
  right: calc( 50% - 120px);
  top: 0;
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='40' height='40' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_9959_217046' transform='translate(-0.00862069) scale(0.0172414)'/%3E%3C/pattern%3E%3Cimage id='image0_9959_217046' width='59' height='58' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA6CAYAAAAOeSEWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RDEwOEVERTBGMzIxMUVFODNBRDhGMTI0NDcwRDZDMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RDEwOEVERjBGMzIxMUVFODNBRDhGMTI0NDcwRDZDMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlEMTA4RURDMEYzMjExRUU4M0FEOEYxMjQ0NzBENkMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlEMTA4RUREMEYzMjExRUU4M0FEOEYxMjQ0NzBENkMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QBovJgAAFP9JREFUeNrcW1mPHNd5/e69tVfvPT0bh6REUqJMi6LWAHEQx0GMJEYWRAhgA0nerAc/5C3/Ki+RnYfIcqzAjhNZdERR4iaK+ywcztI93V1VXeu9N+fWjALHthyOQ8oQhyw0p5eqe77lfOfcahL9Fn601vy3cd3P/aLR5rtfi+//5DsAzD7va1ufb0ZvuPHNd9/I8+RrdqPxAzx144nNbDncOSeTu3+hkrtHKHnw509sGZusZns331DpZstWQyrjW3+vhz9deTIzu7t+Nh/f/isqx+TyjFSydkLlq3/9xIEFGYnZ9pXXnXJzYDNFAoejR1RE9/5OT9/rP1mZXf/Jq9Xozhs02yZZzkhWGfFqSrwYvZpH0795osCmw2uvy+mDeRtABRVIdYkxUBGrYlLZgzf09Fr/iQCrh/96Jh5e+1urilC6EiAlMV0RZ4yYAvBi54UyufPNJwJssvbBt/PJ7RVLonSVIlaWpKuKKiVIaY3fd0lm9/9BD88f/UKD1cMfnxk/uPFNAQbmLCMtcwxbZLZi5oEUiMpmCfFydDKX07/8QoPdXrv6rXwyXHHQo1rHVMmELGURly4VSpPikgTGkJARFXn8nSi6MfhCgo3X/uWF7bsXvs2yXbJVRlQVpKQBXZGmkqQqUcYl3olMqxkeRs/bautbXziw+sGDML1/8XU7vtFxy23tyJQoUwDMKacpFWxMFsvJkqjlUqPENTlsp6Ri9Zt6/N7Tj8sVPdKTGiejh8NWlV7+/Wjz0ldEvimFQvnmKfqVIZuMKmRW6hzZRP8i00gvPlhppiZaF8MOqegbNLu38DgAP+ITbvrkrZ8arv/k90Zbl59R5dTHhEF/mgQCKB615MQAvP7l07JGSXMtBQhsLi9mL5BOztB43HrUNtD6/2TxIFg4buJo25RPF2nvytnR5s/O6myzyazcZnaXJMDper5SDdSwMbMUAKoarHlScCUqnQdaRgjS5Cy320OcelXrNfTACuqd1MGhzfUZY/qRgj0A9HOgIIDMZ6ZkU7Jtp7xyOJeOyxyX5E4Tav94vnv+tWp67ZlAzFoMPSkxUxUYWIiqBmdJC2A1GBgzFnMXQHGArFRKjhMGxOOndLX7imLujGdVrxT2XpbdTZvNbk6pA5bzcUJ0wwhRKiDDFnD870DozwqEddAbAHRV3L0b8Kdcl5NtC7JnFsU3rRmXNufkenzOpUr4WHFI1rQpy1FoyVlbUdGuVN6U0aTpuruL491LzzHaOeJa0tGppKIoMV44wJgehZDA0oRl41GipCWexxO6QNsysr3MJiuZL9ONl/PZuGnZ7fvcCSY28Uk5aYw5C2LSHiyTk2suEsvXCcV5gtDjOXCfEiWFbjXW96QcNWSe59XS0h4ucKauDIs2N72oEQW2HTSWB1mzUlnTcqhJLG3CdDaCPAmwqoDS6wBqBUhHQ5VxU1bjkMmozcq0V8kiLFXpUBp5rpM0+nP42G5EEiCroiLh2OhRWcfUhFZWyK7JujSlbUiKwwnhBZAZ5dpHkI5DfwzIclLbdQsurJgxb08LP2K8WUgucmixWSlUxByVWAUyw8OUKj+lxM3a3Elz1B+AjGjSGBHfGNNWGls7Kn7WiSan4/jj5Soddsu86mqqujYvO4KqpkNl4FjkWI5jW7Zra4vZUpeQuall6dyFMkIQSlsAj1JT6iy2qOnN09oEot/BGcBOTKI/0bMoMPwFIdlgZCVRJPvkxACWswbGUw6PkAtdyNCVKhToGlug07SF8kBGyTNlrKTmsoTmrAjaMy8LYXqksguSLMdCMmE7iVZ6T1GwVdqL64wvXSu9/mVre3j/6Malt/8wnL5zbjGcdrkV+pYb+m6j4zHOHW6RZTV9zmw4Ue4ROVgUq5EhQ1QDISMQUEW8BoHnggYNji3T7t0HpKYQ+5VNMpfk+A5poSjLZuR5PspZ12Bt7e2/ZyYpB2COprIEI6FVLTrIQaFqvEHg3zgcQ3bo9QqBU3ULpNqzK51kDyRGmnSEKGWepZOYT+L8yCczeaJafvpPb1uD/sKuf+LkXnL5HV9Pt45avhsEvEF8ukd+o01u0KbKiHfbwknNibFAgcVpAMaqlOE4jhwgKpXRvuhH22lRyDUVs5Qm8ZjyKCcPgTIvZyWIqBsiIhUlyYQaFnitgqIaj9HfZjShCixen4+ZmjdHTT16n3+4OUAr5jD1UnMoKD4dsbYH1ZKO7OnarvdgZ8/f2NZ5Y+CMn3/ljzek8ieWHThXl45/ic2yP1Jb1+kb8eTeac6zIHAR5aisr8GDFgnbNsyC62Bs2FgAFkNM1H2psCBLOACLz0gjGgqykbVw0KBqUtEIgTMKigusBczrdLB+IDfuxxFN8FNCeRqjKlDOOB9KFud0ABaVAFoxZY4FIJs46gFigmCcBDxxaYY4qmVvRqqIKIkzGu1ZZVScuD/on/3x/FN/8qayXny3MTgztHq9k5OdnY8vzT39dQw9S61+8n09jNafE6wKODKaFgxshRIDIIHAcQXQKCTouxo8w4XNdSUuaPMANW+UkskORP7ApXbCabyDRezmhvpByBAXBV4rC5Qy+A6AZ0likovg4XyWXQ84w86m05nQ+0llJrkoXwSJm1ZRdflSkUWk0ojKaUplhmlUNAsmltd7i1/60fLpr38vWPyddymc38E4UvWcHQyei/TOzpX+mYbSniU3rr8th7M7Z9qeDl2weZGMSWdQOTgMu9pQPyLAnPRD8DkywB0AOZjINRG5yIwysSBnoGjhmZLuZms0nWBA4zUJLuWVqrVxPJ5QmhpWxtQxq9HCDEScE8SGkpWGGDh4CaPTzOJaUOAaAmaCKkwcVIUyrWGbaIRFIoK1VvtL73SOffW7yj19HkCHBuinc/Z/NuuJ5s7PWVWFKVBuXHlLTbPN57sWCxWiZ7uoGiyyMMSACHP0r6hyEq5fz1GohtqrglWw6KAGTMbthCW1Ti1SsLNN4yimPKmoAe1goTRlWlBSpGhzaAnzx4wg6GfDQyYYNflAfFRoZoVIaFSFCSg3gWCGLTS5aA3l+JRXbpHxYNXrnvhh5/hrb7rtF39GzSOjnxcYv6yg5lau9dWfSV65cvfef6g0v/m8zacNVCc+V+5LFZAUx0IFwNilyayFqCMbgtVETWau2i0ATkAdEQJS0NKzfZrFU9r9BGSUGQPPqUApa9oHgB6CXDb9AG1gZjPAcdvZbxUEUrjoXxCXAcwNU+N5q+YNU/ZentvePafz9A+7R77yJnnH/gtA935RSf0SWMaOpsj29a7tK2271daNvJLV6jlWJk2XQ8OipzjY1wI5WWg0EwBTf2VpSk9QPJzSNE4huTrU7vnkNg1wl8KjJ+joSNN47QYVMAAV3o8awqI9KsELyjS+GSlQfzgNuQCHuQAcyDpKFJOP6kmErBoHxeoAOTjcLGedO6Jz8geN+Rf+mdzl96m1Mv5VkvFXamO8MQPgT3ovBdJvdeXND/8JzX3zxTLebnWtkJk5pwuzKJdKW9blZnkhpUmGIDAKcEQP7tPeXfQU7JxJULfXpEF3hY6czCjeHdNwmkAtcYqGKYRDAKXHjCalMOTkB1gWjIKRlMY4cDBxlaE9HDN7MVsxEUr0eG67uXQXbhd05O25la9+l/TCB9TuTj9TG3+WCcAHcgC+6c+/pE+dlXr92j9qVsgXi9JqM23augD7oe9wYTv061IWICtVVjWFWGbMoIf3hjGlsxldim7SsWML1G2FlGOebm3tUD4m6odNmsmCwk4TZCRqh2SEiTDMrQ3gos6i7wSogAzFjl4NYXtZK0uq1m2reeztTv/cm6TmP2D93vQ3dj0AXADwLd9pvLVS5HJ79d+rYXzn5QaVnXYguSTI0dyIiJBmKbKKcmW2DxLLME/RslBM/SMLIBGXlvogqbBN1y98SMO1DXr2xGlSixmN93Yo9Gxwa4REY8QVHhUgOQ8KMHA4eQig7ZpMDlHSEFIgv7gQWWH1bnrt594O2me/Z4lTF1nv1wN9KD97APi2f+oPvr/ouHL17o/kNLr9qsjTbsO3OFOCcvQoASQSA4WErPgt6re7yIZNDUhHpB5Hh9KfXaHrH6xRNMppyxnTM6eXqTePahAZGeorYeyr0owtdC7kcIpRI035KkNQ6GOoEamDbKY6N2zv6bda8+e+R4OnP2Ls/wb60Ob9APAd96h6+wjm8PonXE3Hl18FLfXCwBYVxofjemS5LlmQl04DpgkmoHbrYFAqcKyN6OL5K1RNBfX9ZVq7dR8kpOjE2TbAptTuACSmp9atWoJqDlYGO6tS1LRl+nYyExnzBjf8wbm3wrmXvkvsOID2o0e+U2HmDgDfwwT94XFW8uh25hR7N16D5GuFYE1zJgtlRn4bsxWHoc6y2H+MY/rwP39Ka/fWoZxAb2jKwGnS7vaIWjsVTAPIptwj7iBYYF/Xa4OMoK7A+BzuUoN1M1mhm+c2RPjcO62ll5HRkwA6iB7bHlQ9aFvpPXfxzPne4OQVpr2pBmPC62GRBldaz9IKZa0rZBaAqGS0cfMuDYc7ZOR1q+ljDEMGYi5niaTRdkLROKstIGMpmBbSj00oZzEpG4EKQH7NDvndhaq7cGq1tfjCe2QvXD4s0N9ow42xV0vKvAxJK/S+PoSITwByBCOA+QpSsWyB8sPchPDI9iZ05/YtMGxB/UEb2hfsinHVAvv2e30aDwuMHzxXojSglhTOUSloZW36GJUBoiIDOsSg9V342nBGHSv/XDbczL1WGl1qbW/fn6vSJDDColY62oIXjaE/oZiYC5PSpApzd2ttFc6Gk2tsHfy1DSMhjRY2fQhN3fYGNN2ZIOOcOssoXR+q14h9o4xgA3Ocz8xuxTJYi35b2LO+PSXf3Bz8PHYXLRjVLizZHJWJL6FoCrNJ4rDafll8hlTHZMxpNo2x3gyM7BibAumIEQLtq5B5rN54GmL1Vh6jBBbNDRl0MzQyslkgcC48tG17ALyH94UM5d22dTyo7ByRo9FhEhRtbnYPD3Y0cos87spk3KZi6hjlU2DeGL9b86aFgDMYcVi+AtbNZjl1OyGUlqAKczRDeVa2uTdrnBzfN+X4m0MvR3uYrx2IQMzVCvZNldDCgahZmoMwpI4DJiddt5qFh7oXvr4Oq7B+8vBgnQLXilpVHjWsMuUaPSrhT1kGHcuBwEKvwaMakY9/IDuCbM+lDFks4VfN7iwTaDmYCeOGDVEZwuaqRVk2pWiSUq/hgJdEzQFVjhnrN2vZqTUuUkZd5h4OrPmWSoZsHB6skK7M4wYrc9dSFTN7wEaSwx4R9KS5n24qFFwDlsZs5LXB1+SHxgqanQdkE7VrdinMdyvIbLoZ/atcEJNHCcaUMy6pa/aozI2D0uhuBeAIDpceU1GH6bRpStMk++HQrhTekO4cHizXXplOmxaTngsfq83GUQ3ASCeAZXU7opzhiiAsOB7NXrgBbnpam1uVZpfbuCTaD5TZPzaAXQ6pmFso5xkFAacArqnekQRghnMLloEZxj0m93pEm9BUNHvIkSkRnAfWIZmY0+xaKyv2+o5QgQcGLgp1kC3YNrZ/bW3v20Apjann9YYcM4bBxSOI1MAtClnvZiiQljHo3Bx41WxZaxj3GbLrOA5ZbQf2EYzvgAv01NJ6p6eK3XkRs/BhwX4K+JCZvQnFvt2v8uECYyoUEKxmX8jkqDR35DB5tQFVY+eAVA8YyEiwMUqYWY4CbnCa0CIXnOlMcG1Uksk42DqF7PQ8kBeCkU5oNqmoBYZ2bLNti8zaKS/1Tkvr3XmSERQL7TzO0eNSstGX6d2+59pemTsQ6IpyWDRwLHoKhaqzekvFMSbc7GuAgU0l5mAu5fi70IL3tdPOWRb1dRYtscprObywzMYb8z341mFNYoI10b9InJGUx/roEACmhKzmOCjZdo/8afh452zMvDIbdbhOmszcqzJ7xyhfAbtjm/t0RlbVe1MuTBDSa4W6QosXsjGq+MKNsHfsg7C7fAUGYZbFuyvpaOvFfLr1vEyGK46dNZBqodACUjn793MRtBLEJycZifkQmcXvbOopvdeu8nHDtNWnm2mPHmzhu0hRyxEigCw0zQYGrfa/BTMryEONug6EBRg4keDbnI2Z179DrWc+bCy+fN7pHLtI7tI9qtLC6+ddr7l5cTa+90o2vPVKunv5jGfbyxZrhBZ3TAuDrIyHQEnvZjTXgSPyS4Blbinytqvs5sH6i8cDVmmf66Jl29pD2THDokZeC0i7ADKwhPecphhGKox0Y2HN7Zy81D768vnG0ksXrPDoLQqOm23N4oDsJkSd7cBduBW0lj7Kmt1X89GtV6PR6mmtxguuAwLknKd5SdMIJmIMQ4VxpF0wsszaYOcOWtZ5LGBrJh7fC2U5bWuKPWO4za0fJl1z8wGPXM4yihPR3fAGX77cP/G777eXn7+gukvXLf+k2aTOfoEdzdxJzE4ItQYPvPD0Ta955xIPrr4S7V59KZl+/BzJ0bxwYHuZy+NhRm7DJ8tHz7CkXWWbPUHPG40cPzRYxh76Tj4E7axZlNMOdLDHgLSCU0mlgK4XsW037/srRz7uL335Qufoy++LhTMfk+dtEy3Mft1d8oOei8wGH1XtzWbv6MfB/NGPhuvt12a7V8+V0dopmYtBMt30LD9nLVdzr1e1qdobkL1zKEZ++DLe2sLQ2+vmKu0JD71bCpkplkiv+8AOlj5u906/3xycvODOLV+n1pFNokFymK8CHKihMUBHQnub8/6p63LxzgeTzQuv7Nx770VXByeT8XZfWbE3cNKW1Y4XScbtx8PGQeVRVszlWrRt0S2qim8U3L8edp+92F08d8HpPX2Vst4GSnJ2GIb8DNBD09PC7az2motXewsnLu7dOf/Kxv33Xpxu3jhlh8JvWNmS3Yl7h5GNDw/WYsE0LcBDC1OMknebvZWLC83j74vmyjViT21Qsxuz1kNq1YcDbfZkd2si81qr3fDLVxtLX/lodf3fXtvY2Xyha8c66M9aItzyTO8/UrDpLFaVaGyG3dPv+K6z4fsrl4jNrVPnqeihBflvBtrc39sxoO3m8urJwbGrw9HNl2ZV4o1jPumr4UOTzkO/cWdnp2mr8TznM6vpwkM0nx0fRP9z/TH/1yAd0UBquykCK/L9I9ufjrNHBvbga0Li4Ks3kn6LPz/3HSx9GH74bwEGAIuSdqipp4CyAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner.bg5 h3.pitchDeck-title:after {
    right: calc( 50% - 90px);
    width: 24px;
    height: 24px;
  }
}
.pitchDeck-desc .pitchDeck-inner.bg5 h3.pitchDeck-title span.detail {
  color: var(--color-text-interactive-inverse);
}
.pitchDeck-desc .pitchDeck-inner.bg5 .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a:hover .txt, .pitchDeck-desc .pitchDeck-inner.bg5 .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a:active .txt {
  background-color: #ff9d00;
}
.pitchDeck-desc .pitchDeck-inner.bg5 .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .img {
  background: -moz-linear-gradient(white 65%, #eee089 100%);
  background: -webkit-linear-gradient(white 65%, #eee089 100%);
  background: linear-gradient(white 65%, #eee089 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="white", endColorstr="#eee089");
}
.pitchDeck-desc .pitchDeck-inner.bg5 .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt {
  background-color: #FAAD31;
}
.pitchDeck-desc .pitchDeck-inner.bg5 .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt .medal {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner.bg5 .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt .medal {
    width: 18px;
    height: 18px;
    margin-right: 6px;
  }
}
.pitchDeck-desc .pitchDeck-inner.bg5 .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt .medal svg {
  width: 100%;
}
.pitchDeck-desc .pitchDeck-inner.bg5 .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt .text {
  color: #24170C;
}
.pitchDeck-desc .pitchDeck-inner.bg5 .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt .icon svg path {
  fill: #24170C;
}
.pitchDeck-desc .pitchDeck-inner.bg5 .pitchDeck-box .swiper-container .pagination .swiper-pagination-bullet {
  background: #c4c4c4;
  opacity: 1;
}
.pitchDeck-desc .pitchDeck-inner.bg5 .pitchDeck-box .swiper-container .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #faad31;
}
.pitchDeck-desc .pitchDeck-inner h3.pitchDeck-title {
  margin-bottom: 60px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #1868B4;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner h3.pitchDeck-title {
    margin-bottom: 32px;
    font-size: 18px;
  }
}
.pitchDeck-desc .pitchDeck-inner h3.pitchDeck-title span.detail {
  font-size: 18px;
  font-weight: normal;
  margin-top: 16px;
  display: block;
  color: var(--color-text-primary);;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner h3.pitchDeck-title span.detail {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box {
    width: 100%;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container {
  width: 1400px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container {
    width: 100%;
    overflow: hidden;
    padding-right: 10%;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper {
    width: 90%;
    margin: 0 auto;
    gap: 0;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide {
  width: auto;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide {
    width: 280px;
    flex: none;
  }
}
@media screen and (max-width: 350px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide {
    width: 260px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .img {
  width: 100%;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .img img {
  width: 100%;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .img.gray {
  transition: all 0.3s;
  background-color: #f2f4f7;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt.blue {
  background-color: #1868B4;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt.green {
  background-color: #30BFE4;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt .text {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt .text {
    font-size: 18px;
    padding: 18px 0;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a .txt .icon svg {
    width: 24px;
    height: 24px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a:hover .img.gray {
  background-color: #DADCE0;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a:hover .txt.blue {
  background-color: #115799;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .swiper-wrapper .swiper-slide > a:hover .txt.green {
  background-color: #079AC0;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .pagination {
  display: none;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .swiper-container .pagination {
    display: block;
    text-align: center;
    margin-left: 10%;
    margin-top: 24px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box {
  position: relative;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-bg-primary);
  border-radius: 12px;
  margin-left: 30px;
  cursor: pointer;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box {
    min-height: 50px;
    margin-left: 20px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box .num {
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #1868B4;
  font-size: 24px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 4px solid var(--color-border-interactive-inverse);
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box .num {
    left: -20px;
    padding: 18px 0;
    font-size: 16px;
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-border-interactive-inverse);
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box .num.green {
  background-color: #30BFE4;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box .txt {
  padding: 34px 0;
  font-size: 22px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box .txt {
    padding: 18px 0;
    font-size: 16px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box .icon {
  position: absolute;
  top: 50%;
  right: 34px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box .icon {
    right: 18px;
  }
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box .icon svg {
    width: 24px;
    height: 24px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box:hover {
  background-color: #B0C7DD;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .box:hover .icon svg path {
  fill: var(--color-bg-primary);
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .arrow {
  text-align: center;
  margin: 24px auto;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .arrow {
    margin: 13px auto;
  }
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .prodcedures .arrow svg {
    width: 28px;
    height: 14px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry {
  display: flex;
  justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry {
    flex-direction: column;
    gap: 18px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry .box {
  padding: 72px 10px;
  border-radius: 12px;
  background-color: #f4f4f4;
  flex: 1;
  cursor: pointer;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry .box {
    padding: 48px 10px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry .box .img {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry .box .img svg {
    width: 90px;
    height: 90px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry .box .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 23px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry .box .txt {
    margin-top: 18px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry .box .txt .text {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry .box .txt .text {
    font-size: 16px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry .box .txt .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry .box .txt .icon svg {
    width: 28px;
    height: 28px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .inquiry .box:hover {
  background-color: #DDDDDD;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table {
  border-radius: 12px;
  background-color: var(--color-bg-primary);
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table thead {
  height: 70px;
  background-color: #1868B4;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table thead tr {
  padding: 20px 10px;
  color: var(--color-text-interactive-inverse);
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table thead tr {
    font-size: 16px;
    padding: 17px 5px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table thead tr th.num {
  min-width: 100px;
  width: 190px;
  border-radius: 12px 0 0 0;
  border-right: 1px solid #e0e0e0;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table thead tr th.num {
    min-width: 70px;
    width: 70px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table thead tr th.url {
  min-width: 70px;
  width: 190px;
  border-radius: 0 12px 0 0;
  border-left: 1px solid #e0e0e0;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table thead tr th.url {
    min-width: 70px;
    width: 70px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td {
  padding: 16px 50px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td {
    padding: 10px 16px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td.num {
  min-width: 100px;
  text-align: center;
  border-right: 1px solid #e0e0e0;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td.num {
    min-width: 70px;
    width: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td.num {
    font-size: 14px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td.topic {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td.topic {
    font-size: 14px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td.topic span {
  position: relative;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td.topic span:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  left: -14px;
  top: 11px;
  background-color: var(--color-bg-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td.topic span:before {
    width: 4px;
    height: 4px;
    left: -10px;
    top: 10px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td.url {
  min-width: 70px;
  text-align: center;
  border-left: 1px solid #e0e0e0;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td.url {
    min-width: 70px;
    width: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .sampleTopics table tbody tr td.url {
    font-size: 14px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs {
  background: url(/images/pitch-deck-bg-5.png) center/cover no-repeat;
  border-radius: 12px;
  overflow: hidden;
  width: 1042px;
  min-height: 170px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0 110px 0 90px;
}
@media screen and (max-width: 1200px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs {
    padding: 0 24px 0 19px;
    min-height: 130px;
  }
}
@media screen and (max-width: 350px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs {
    padding: 0 10px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .img {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .img {
    width: 80px;
  }
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .img img {
    width: 100%;
  }
}
@media screen and (max-width: 350px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .img {
    width: 50px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .txt {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 1200px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .txt {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .txt {
    font-size: 16px;
    flex: 1;
    padding: 0 23px 0 8px;
  }
}
@media screen and (max-width: 350px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .txt {
    padding: 0 8px;
  }
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .txt .br {
    display: none;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .go {
  font-size: 20px;
  color: var(--color-text-interactive-inverse);
  font-weight: bold;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .go {
    font-size: 13px;
    width: 52px;
    height: 52px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .icon {
  position: absolute;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .icon.icon1 {
  right: 260px;
  top: 42px;
}
@media screen and (max-width: 1200px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .icon.icon1 {
    right: 25%;
  }
}
@media screen and (max-width: 991px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .icon.icon1 {
    right: auto;
    left: 21px;
    top: 15px;
    width: 24px;
  }
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .icon.icon1 img {
    width: 100%;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .icon.icon2 {
  transform: rotate(180deg);
  right: 41px;
  bottom: 23px;
}
@media screen and (max-width: 991px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .learnSDGs .icon.icon2 {
    display: none;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges {
    flex-direction: column;
    gap: 18px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box-parent {
  display: flex;
  flex-direction: column;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box-parent .sub-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box-parent .sub-title {
    font-size: 16px;
    margin-bottom: 24px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box-parent > .box {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box-parent > .box {
    margin-bottom: 16px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box {
  display: flex;
  gap: 23px;
  width: 450px;
  border-radius: 120px;
  background-color: var(--color-bg-primary);
  justify-content: center;
  align-items: center;
  min-height: 230px;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box {
    gap: 7px;
    border-radius: 100px;
    min-height: 120px;
    flex: 1;
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box {
    min-height: 140px;
  }
}
@media screen and (max-width: 479px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box {
    min-height: 160px;
  }
}
@media screen and (max-width: 410px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box {
    min-height: 208px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0 15px 15px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .img {
    width: 100px;
    height: 100px;
    margin: 10px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .img img {
  width: 100%;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .txt {
  flex: 1;
  padding: 24px 0;
  height: 100%;
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .txt {
    margin-right: 10px;
    margin-bottom: auto;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .txt .title {
  display: block;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .txt .title {
    font-size: 16px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .txt .desc {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  color: #5B5B5B;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .txt .desc {
    font-size: 14px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .arrow {
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .arrow {
    margin-right: 10px;
  }
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box .arrow svg {
    width: 24px;
    height: 24px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box.no {
  cursor: auto;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box.no .img img {
  width: 160%;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box.no .arrow svg path {
  fill: transparent;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box.active:hover {
  background-color: #B0C7DD;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .Judges .box.active:hover .arrow svg path {
  fill: var(--color-bg-primary);
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .follow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .follow {
    gap: 24px;
  }
}
@media screen and (max-width: 479px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .follow {
    width: 230px;
    max-width: 100%;
    margin: 0 auto;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .follow a {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .follow a svg {
    width: 60px;
    height: 60px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .partner .logo-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 1400px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .partner .logo-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .partner .logo-wrap {
    margin: 0 auto;
    gap: 6px;
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .partner .logo-wrap > a {
  border-radius: 12px;
  transition: 0.3s box-shadow;
  width: 336px;
  max-width: 100%;
  border: 4px solid #F4F4F4;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .pitchDeck-desc .pitchDeck-inner .pitchDeck-box .partner .logo-wrap > a {
    margin: 0 auto;
    max-width: calc( 50% - 3px);
  }
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .partner .logo-wrap > a:hover {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .partner .logo-wrap > a.noLink {
  cursor: default;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .partner .logo-wrap > a.noLink:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pitchDeck-desc .pitchDeck-inner .pitchDeck-box .partner .logo-wrap > a > img {
  width: 100%;
}

.pitchDeck-modal {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 1200px) {
  .pitchDeck-modal {
    gap: 20px;
  }
}
.pitchDeck-modal .main-color {
  color: #1868B4;
}
.pitchDeck-modal .top {
  width: 100%;
}
.pitchDeck-modal .top img {
  width: 100%;
}
.pitchDeck-modal .top .iframe {
  display: block;
  width: 100%;
  height: 450px;
}
@media screen and (max-width: 991px) {
  .pitchDeck-modal .top .iframe {
    height: 46vw;
  }
}
.pitchDeck-modal .top .iframe iframe {
  width: 100%;
  height: 100%;
}
.pitchDeck-modal .bot {
  display: flex;
  gap: 40px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot {
    flex-direction: column;
    gap: 20px;
  }
}
.pitchDeck-modal .bot .new-underline {
  text-underline-position: under;
  text-decoration: underline;
  cursor: pointer;
  color: var(--color-text-primary);;
}
.pitchDeck-modal .bot .new-underline:hover {
  color: #1868B4 !important;
}
.pitchDeck-modal .bot .new-underline.text-gray {
  color: #5B5B5B;
}
.pitchDeck-modal .bot .new-underline.text-gray:hover {
  color: #1868B4 !important;
}
.pitchDeck-modal .bot .left {
  width: 380px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot .left {
    width: 100%;
  }
}
.pitchDeck-modal .bot .left img {
  width: 100%;
}
.pitchDeck-modal .bot .left img.pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot .left img.pc {
    display: none;
  }
}
.pitchDeck-modal .bot .left img.mob {
  display: none;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot .left img.mob {
    display: block;
  }
}
.pitchDeck-modal .bot .right {
  flex: 1;
  text-align: left;
}
.pitchDeck-modal .bot .right img {
  width: 100%;
}
.pitchDeck-modal .bot .right .box {
  margin-bottom: 24px;
}
.pitchDeck-modal .bot .right .box:last-child {
  margin-bottom: 0;
}
.pitchDeck-modal .bot .right .box .main-title {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}
.pitchDeck-modal .bot .right .box .title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot .right .box .title {
    font-size: 16px;
  }
}
.pitchDeck-modal .bot .right .box .title .step {
  font-size: 14px;
  font-weight: 500;
  border-radius: 50px;
  background-color: #f3f3f3;
  padding: 0 15px;
  min-height: 34px;
  width: 139px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pitchDeck-modal .bot .right .box .desc {
  display: block;
}
.pitchDeck-modal .bot .right .box .link {
  display: block;
  font-size: 16px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot .right .box .link {
    font-size: 12px;
    margin-top: 8px;
  }
}
.pitchDeck-modal .bot .right .box .iframe {
  display: block;
  width: 100%;
  height: 24vw;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot .right .box .iframe {
    height: 53vw;
  }
}
.pitchDeck-modal .bot .right .box .iframe iframe {
  width: 100%;
  height: 100%;
}
.pitchDeck-modal .bot .right .box .btn {
  min-height: 48px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  background-color: #1868B4;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-text-interactive-inverse);
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot .right .box .btn {
    min-height: 50px;
  }
}
.pitchDeck-modal .bot .right .box .btn:hover {
  background-color: #115799;
}
.pitchDeck-modal .bot .right .box .btn-wrap {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot .right .box .btn-wrap {
    flex-direction: column;
  }
}
.pitchDeck-modal .bot .right .box .btn-wrap .btn {
  width: auto;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pitchDeck-modal .bot .right .box .btn-wrap .btn:hover {
  background-color: #115799;
}
.pitchDeck-modal .bot .right .box .pitchDeck-box-flex {
  display: flex;
  gap: 13px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot .right .box .pitchDeck-box-flex {
    flex-direction: column;
  }
}
.pitchDeck-modal .bot .right .box .pitchDeck-box-flex > a {
  flex: 1;
  border-radius: 5px;
  overflow: hidden;
  background-color: #f2f4f7;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot .right .box .pitchDeck-box-flex > a {
    height: 118px;
    flex: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.pitchDeck-modal .bot .right .box .pitchDeck-box-flex > a:hover {
  background-color: #DADCE0;
}
.pitchDeck-modal .bot .right .box .pitchDeck-box-flex > a img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .pitchDeck-modal .bot .right .box .pitchDeck-box-flex > a img {
    width: auto;
    height: 100%;
  }
}
.pitchDeck-modal .bot .right .box .box-gray {
  padding: 18px 32px;
  border-radius: 7px;
  background-color: #e3e3e3;
  display: block;
}
.pitchDeck-modal .bot .right .box .underline {
  text-underline-position: under;
  text-decoration: underline;
  cursor: pointer;
}

.header.newHeader {
  height: 90px;
  background-color: var(--color-bg-interactive-primary);
  padding: 0;
}
@media screen and (max-width: 991px) {
  .header.newHeader {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .header.newHeader {
    height: 77px;
  }
  .header.newHeader.menuOpen {
    position: absolute;
    z-index: auto;
    top: -77px;
    transition: none;
  }
}
.header.newHeader > div {
  width: 1280px;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: space-between;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .header.newHeader > div {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.header.newHeader .h-logo {
  width: 87px;
  padding: 0;
  margin: 0;
  float: none;
}
@media screen and (max-width: 768px) {
  .header.newHeader .h-logo {
    width: 67px;
  }
}
.header.newHeader .h-logo > a {
  width: 100%;
}
.header.newHeader .h-logo > a img {
  width: 100%;
}
.header.newHeader .navMob {
  display: none;
}
@media screen and (max-width: 768px) {
  .header.newHeader .navMob {
    display: block;
  }
}
.header.newHeader .navMob .navMobHam {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-bg-interactive-secondary);
  cursor: pointer;
  box-shadow: 0 4px 5px 1px rgba(0, 0, 0, 0.14), 0 1px 6px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
}
.header.newHeader .navMob .navMobHam.close {
  display: none;
  z-index: 9970;
}
.header.newHeader .nav {
  display: block;
  position: fixed;
  left: 0;
  top: 114px;
  background-color: #f2f4f7;
  border-radius: 0;
  padding: 14px 0 0;
  width: 245px;
  transition: all 0.3s;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  max-height: calc( 100% - 114px );
  overflow-y: scroll;
}
.header.newHeader .nav::-webkit-scrollbar {
  width: 2px;
}
.header.newHeader .nav::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
}
.header.newHeader .nav::-webkit-scrollbar-track {
  background-color: #f2f4f7;
}
.header.newHeader .nav.overflow-hidden {
  border-radius: 0 20px 20px 0;
}
@media screen and (max-width: 768px) {
  .header.newHeader .nav {
    display: none;
    background-color: transparent;
    left: auto;
    top: auto;
    right: 20px;
    bottom: 70px;
    width: auto;
    border-radius: 0;
    padding: 0;
    float: none;
    box-shadow: none;
    max-height: 100%;
    overflow: hidden;
  }
  .header.newHeader .nav.overflow-hidden {
    border-radius: 0;
  }
}
.header.newHeader .nav .arrowLeft {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: var(--color-bg-primary);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 14px 14px auto;
  cursor: pointer;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .header.newHeader .nav .arrowLeft {
    display: none;
  }
}
.header.newHeader .nav .arrowLeft svg {
  transition: all 0.5s;
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .header.newHeader .nav > ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.header.newHeader .nav > ul li {
  float: none;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .header.newHeader .nav > ul li {
    padding: 0;
  }
}
.header.newHeader .nav > ul li.active {
  background-color: rgba(24, 104, 180, 0.1);
}
@media screen and (max-width: 768px) {
  .header.newHeader .nav > ul li.active {
    background-color: transparent;
  }
  .header.newHeader .nav > ul li.active a .img.basic svg path {
    fill: var(--color-bg-interactive-secondary);
  }
  .header.newHeader .nav > ul li.active a .img.stroke svg path {
    stroke: var(--color-bg-interactive-secondary);
  }
  .header.newHeader .nav > ul li.active a .img.mix svg path.fill {
    fill: var(--color-bg-interactive-secondary);
  }
  .header.newHeader .nav > ul li.active a .img.mix svg path.stroke {
    stroke: var(--color-bg-interactive-secondary);
  }
  .header.newHeader .nav > ul li.active a .img.mix svg circle.fill {
    fill: var(--color-bg-interactive-secondary);
  }
  .header.newHeader .nav > ul li.active a .img.mix svg circle.stroke {
    stroke: var(--color-bg-interactive-secondary);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .header.newHeader .nav > ul li.active a .txt {
    color: var(--color-text-interactive-secondary);
  }
}
@media screen and (max-width: 768px) {
  .header.newHeader .nav > ul li.logoutLi {
    position: fixed;
    bottom: 20px;
    right: 70px;
  }
}
.header.newHeader .nav > ul li:hover a .img.basic svg path {
  fill: var(--color-bg-interactive-secondary);
}
.header.newHeader .nav > ul li:hover a .img.stroke svg path {
  stroke: var(--color-bg-interactive-secondary);
}
.header.newHeader .nav > ul li:hover a .img.mix svg path.fill {
  fill: var(--color-bg-interactive-secondary);
}
.header.newHeader .nav > ul li:hover a .img.mix svg path.stroke {
  stroke: var(--color-bg-interactive-secondary);
}
.header.newHeader .nav > ul li:hover a .img.mix svg circle.fill {
  fill: var(--color-bg-interactive-secondary);
}
.header.newHeader .nav > ul li:hover a .img.mix svg circle.stroke {
  stroke: var(--color-bg-interactive-secondary);
}
.header.newHeader .nav > ul li:hover a .txt {
  color: var(--color-text-interactive-secondary);
}
.header.newHeader .nav > ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 60px;
  border-bottom: 1px solid #C0C0C0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .header.newHeader .nav > ul li a {
    height: 40px;
    flex-direction: row-reverse;
    border-bottom: 0;
  }
}
.header.newHeader .nav > ul li a .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header.newHeader .nav > ul li a .img {
    width: 40px;
    height: 40px;
    background-color: var(--color-bg-primary);
    border-radius: 50%;
    box-shadow: 0 4px 5px 1px rgba(0, 0, 0, 0.14), 0 1px 6px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
}
.header.newHeader .nav > ul li a .img svg {
  width: 24px;
  height: 24px;
  transition: all 0.3s;
}
.header.newHeader .nav > ul li a .img svg path {
  width: 100%;
  transition: all 0.3s;
}
.header.newHeader .nav > ul li a .img svg circle {
  transition: all 0.3s;
}
.header.newHeader .nav > ul li a .txt {
  font-size: 18px;
  font-weight: 500;
  position: relative;
  left: 0;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .header.newHeader .nav > ul li a .txt {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text-interactive-inverse);
  }
}
.header.newHeader .nav > ul li:last-child a {
  border-bottom: 0;
}
.header.newHeader .nav.slide {
  width: 84px;
}
.header.newHeader .nav.slide .arrowLeft {
  margin: 0 auto 14px;
}
.header.newHeader .nav.slide .arrowLeft svg {
  transform: rotate(0);
}
.header.newHeader .nav.slide ul li {
  padding: 0 12px;
}
.header.newHeader .nav.slide ul li a {
  justify-content: center;
}
.header.newHeader .nav.slide ul li a .img svg {
  width: 32px;
  height: 32px;
}
.header.newHeader .nav.slide ul li a .txt {
  position: absolute;
  left: -300px;
}
.header.newHeader .nav.slideMob.open {
  display: block;
  z-index: 9970;
}
@media screen and (max-width: 1600px) {
  .header.newHeader .nav.ver2 ul {
    height: auto;
    transition: height 0.3s;
  }
}
@media screen and (max-width: 1600px) {
  .header.newHeader .nav.ver2.slide ul {
    height: 0;
  }
}
@media screen and (max-width: 768px) {
  .header.newHeader .nav.ver2.slide ul {
    height: auto;
  }
}
.header.newHeader .h-menu {
  display: flex;
  align-items: center;
  gap: 24px;
}
.header.newHeader .h-menu.mob {
  display: none;
}
@media screen and (max-width: 768px) {
  .header.newHeader .h-menu.mob {
    display: flex;
  }
}
.header.newHeader .h-menu div.h-search {
  margin-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header.newHeader .h-menu div.h-search {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .header.newHeader .h-menu .menu-login {
    display: none;
  }
}
.header.newHeader .h-menu .menu-login > a {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .header.newHeader .h-menu .menu-login > a {
    font-size: 14px;
    font-weight: 500;
  }
}
.header.newHeader .h-menu .menu-login-after {
  float: none;
  display: flex;
  gap: 24px;
  cursor: auto;
}
@media screen and (max-width: 768px) {
  .header.newHeader .h-menu .menu-login-after {
    display: none;
  }
}
.header.newHeader .h-menu .menu-login-after .listBasic {
  position: absolute;
  display: flex;
  border-radius: 10px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  flex-direction: column;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}
.header.newHeader .h-menu .menu-login-after .listBasic > a {
  font-size: 14px;
  font-weight: normal;
  height: 44px;
  display: flex;
  align-items: center;
  background-color: var(--color-bg-primary);
  transition: all 0.3s;
  padding: 0 16px;
}
.header.newHeader .h-menu .menu-login-after .listBasic > a:hover {
  background-color: rgba(24, 104, 180, 0.1);
}
.header.newHeader .h-menu .menu-login-after .uploadWrap {
  position: relative;
}
.header.newHeader .h-menu .menu-login-after .uploadWrap .upload {
  display: flex;
  background-color: var(--color-bg-primary);
  border-radius: 100px;
  width: 98px;
  height: 34px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.header.newHeader .h-menu .menu-login-after .uploadWrap .upload .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header.newHeader .h-menu .menu-login-after .uploadWrap .upload .txt {
  color: var(--color-brand-900);
  font-size: 14px;
  font-weight: 500;
}
.header.newHeader .h-menu .menu-login-after .uploadWrap .uploadList {
  display: none;
  top: 38px;
  left: -18px;
  width: 146px;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-message {
  width: 34px;
  height: 34px;
  border: 2px solid var(--color-border-interactive-inverse);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .header.newHeader .h-menu .menu-login-after .menu-icon-message {
    width: 24px;
    height: 24px;
    border: 1px solid var(--color-border-interactive-inverse);
  }
}
.header.newHeader .h-menu .menu-login-after .menu-icon-message .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header.newHeader .h-menu .menu-login-after .menu-icon-message .icon {
    width: 12px;
  }
  .header.newHeader .h-menu .menu-login-after .menu-icon-message .icon svg {
    width: 100%;
  }
}
.header.newHeader .h-menu .menu-login-after .menu-icon-message .message-unread {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -2px;
  right: -10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--color-bg-interactive-destructive);
  font-size: 10px;
  font-weight: bold;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .header.newHeader .h-menu .menu-login-after .menu-icon-message .message-unread {
    right: -8px;
  }
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border {
  position: relative;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .icon {
  cursor: pointer;
  border: 2px solid var(--color-border-interactive-inverse);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 34px;
  height: 34px;
  padding: 0;
  margin-left: 0;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .icon:after {
  display: none;
  content: "";
  position: absolute;
  top: -2px;
  right: -5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--color-bg-interactive-destructive);
}
@media screen and (max-width: 768px) {
  .header.newHeader .h-menu .menu-login-after .menu-icon-border .icon:after {
    top: -3px;
    right: -7px;
    width: 5px;
    height: 5px;
  }
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .icon.unread:after {
  display: block;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .icon img {
  width: 100%;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab {
  position: absolute;
  top: 44px;
  right: 0;
  width: 230px;
  background-color: var(--color-bg-primary);
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  display: none;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(192, 192, 192, 0.5);
  padding: 10px 15px;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .top h3 {
  font-size: 14px;
  font-weight: 500;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .top > a {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-interactive-primary);
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid {
  overflow-y: auto;
  max-height: 500px;
}
@media screen and (max-width: 768px) {
  .header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid {
    max-height: 360px;
  }
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid::-webkit-scrollbar {
  width: 4px;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #c2c4c7;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid::-webkit-scrollbar-track {
  background-color: #e6e7e9;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid .box {
  display: flex;
  gap: 10px;
  padding: 10px 15px;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid .box:not(:last-child) {
  border-bottom: 1px solid rgba(192, 192, 192, 0.5);
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid .box.opacity50 .img {
  opacity: 0.5;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid .box.opacity50 .txt {
  opacity: 0.5;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid .box .img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid .box .img img {
  width: 100%;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid .box .txt {
  font-size: 1.4rem;
  display: block;
  flex: 1;
  overflow: hidden;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid .box .txt .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  margin-bottom: 3px;
  display: block;
}
.header.newHeader .h-menu .menu-login-after .menu-icon-border .notification-tab .mid .box .txt .desc {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.header.newHeader .h-menu .menu-login-after .nav-user-wrap {
  position: relative;
}
.header.newHeader .h-menu .menu-login-after .nav-user-wrap .h-user {
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 50%;
  cursor: pointer;
}
.header.newHeader .h-menu .menu-login-after .nav-user-wrap .h-user.head.select:after {
  content: "";
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid var(--color-border-interactive-secondary);
  position: absolute;
  left: -2px;
  top: -2px;
}
.header.newHeader .h-menu .menu-login-after .nav-user-wrap .h-user .h-user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header.newHeader .h-menu .menu-login-after .nav-user-wrap .h-user .h-user-icon img {
  width: 100%;
}
.header.newHeader .h-menu .menu-login-after .nav-user-wrap .userList {
  width: 188px;
  top: 38px;
  right: 0;
  display: none;
}
.header.newHeader .h-menu .menu-login-after .nav-user-wrap .userList > p > a {
  display: flex;
  height: 44px;
  align-items: center;
  padding: 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #e6e7e9;
  border-bottom: 1px solid #C0C0C0;
}
.header.newHeader .h-menu .menu-login-after .nav-user-wrap .userList > p > a .h-user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header.newHeader .h-menu.mob .menu-login {
  display: block;
}
.header.newHeader .h-menu.mob .nav-user-wrap.menu-login-after {
  display: block;
}
.header.newHeader .h-menu.mob .nav-user-wrap.menu-login-after .h-user {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  cursor: pointer;
}
.header.newHeader .h-menu.mob .nav-user-wrap.menu-login-after .h-user.head.select:after {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid var(--color-border-interactive-secondary);
  position: absolute;
  left: -2px;
  top: -2px;
}
.header.newHeader .h-menu.mob .nav-user-wrap.menu-login-after .h-user .h-user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header.newHeader .h-menu.mob .nav-user-wrap.menu-login-after .h-user .h-user-icon img {
  width: 100%;
}
.header.newHeader .h-menu.mob .nav-user-wrap.menu-login-after .userList {
  width: 188px;
  top: 38px;
  right: 0;
  display: none;
  z-index: 1;
}
.header.newHeader .h-menu.mob .nav-user-wrap.menu-login-after .userList > p > a {
  display: flex;
  height: 44px;
  align-items: center;
  padding: 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #e6e7e9;
  border-bottom: 1px solid #C0C0C0;
}
.header.newHeader .h-menu.mob .nav-user-wrap.menu-login-after .userList > p > a .h-user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header.newHeader .h-menu.mob .headerSlide {
  display: none;
  height: 56px;
  border-top: 1px solid var(--color-border-interactive-inverse);
  width: 100%;
  position: fixed;
  left: 0;
  top: 77px;
  background-color: var(--color-bg-interactive-primary);
  padding-left: 20px;
  padding-right: 20px;
  gap: 24px;
  align-items: center;
}
@media screen and (max-width: 410px) {
  .header.newHeader .h-menu.mob .headerSlide {
    gap: 20px;
  }
}
@media screen and (max-width: 350px) {
  .header.newHeader .h-menu.mob .headerSlide {
    gap: 8px;
  }
}
.header.newHeader .h-menu.mob .headerSlide .h-search {
  width: 24px;
  height: 24px;
  display: flex;
}
.header.newHeader .h-menu.mob .headerSlide .menu-login-after {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 410px) {
  .header.newHeader .h-menu.mob .headerSlide .menu-login-after {
    gap: 20px;
  }
}
@media screen and (max-width: 350px) {
  .header.newHeader .h-menu.mob .headerSlide .menu-login-after {
    gap: 12px;
  }
}
.header.newHeader .h-menu.mob .headerSlide .menu-login-after .uploadWrap .upload {
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
}
.header.newHeader .h-menu.mob .headerSlide .menu-login-after .menu-icon-border.pc .icon {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid var(--color-border-interactive-inverse);
}
.header.newHeader .h-menu.mob .headerSlide .menu-login-after .menu-icon-border.pc .notification-tab {
  right: auto;
  left: 4%;
  top: 131px;
  position: fixed;
  max-width: 92%;
}
.header.newHeader .h-menu.mob .headerArrowWrap {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 4px 5px 1px rgba(0, 0, 0, 0.14), 0 1px 6px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-bg-primary);
  position: fixed;
  top: 81px;
  transform: rotate(180deg);
  transition: all 0.3s;
  right: 20px;
}
.header.newHeader .h-menu.mob .headerArrowWrap.active {
  top: 137px;
  transform: rotate(360deg);
}
.header.newHeader .h-menu.mob .headerArrowWrap .headerArrow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-interests.searchWrap.newHeader {
  top: 90px;
  padding: var(--spacing-48, 48px) 0px var(--spacing-56, 56px) 0px;
  background-color: #f2f4f7;
  background: var(--color-bg-secondary, #F2F4F7);
  /* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25); */
}
@media screen and (max-width: 768px) {
  .main-interests.searchWrap.newHeader {
    top: 77px;
    padding: var(--spacing-32, 32px) 8px var(--spacing-40, 40px) 8px;
  }
  .main-interests.searchWrap.newHeader.slideDown {
    top: 133px;
  }
}
.main-interests.searchWrap.newHeader h2 {
  color: var(--color-text-primary);
  font-size: var(--heading-sm-font-size, 18px);
  font-style: normal;
  font-weight: var(--heading-sm-font-weight-500);
  line-height: var(--heading-sm-line-height, 28px); /* 155.556% */
  letter-spacing: var(--heading-sm-letter-spacing);
}
@media screen and (max-width: 768px) {
  .main-interests.searchWrap.newHeader h2 {
    font-size: var(--body-lg-font-size, 16px);
    line-height: var(--body-lg-line-height, 24px); /* 150% */
  }
}
.search-page-interests {
  padding: var(--spacing-48, 48px) 0px var(--spacing-56, 56px) 0px;
  background: var(--color-bg-secondary, #F2F4F7);
}
@media screen and (max-width: 768px) {
  .search-page-interests {
    padding: var(--spacing-32, 32px) 8px var(--spacing-40, 40px) 8px;
  }
}
.search-page-interests h2 {
  color: var(--color-text-primary);
  text-align: center;
  font-size: var(--heading-sm-font-size, 18px);
  line-height: var(--heading-sm-line-height, 28px); /* 155.556% */
}
@media screen and (max-width: 768px) {
  .search-page-interests h2 {
    text-align: center;
    font-size: var(--body-lg-font-size, 16px);
    line-height: var(--body-lg-line-height, 24px); /* 150% */
  }
}
.main-interests.searchWrap.newHeader .interest-wrap,
.search-page-interests .interest-wrap {
  gap: 16px;
  display: flex;
  width: 480px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-0);
  margin: 32px auto 0;
}
@media screen and (max-width: 768px) {
  .main-interests.searchWrap.newHeader .interest-wrap,
  .search-page-interests .interest-wrap {
    width: 100%;
  }
}
.main-interests.searchWrap.newHeader .interest-wrap > p,
.search-page-interests .interest-wrap > p {
  width: 100%;
  position: relative;
}
.main-interests.searchWrap.newHeader .interest-wrap > p > span,
.main-interests.searchWrap.newHeader .interest-wrap > p > button,
.search-page-interests .interest-wrap > p > span,
.search-page-interests .interest-wrap > p > button {
  position: absolute;
  right: var(--spacing-16, 16px);
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 0;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
.main-interests.searchWrap.newHeader .interest-wrap > p > span,
.search-page-interests .interest-wrap > p > span {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0001 1.66699C5.39175 1.66699 1.66675 5.39199 1.66675 10.0003C1.66675 14.6087 5.39175 18.3337 10.0001 18.3337C14.6084 18.3337 18.3334 14.6087 18.3334 10.0003C18.3334 5.39199 14.6084 1.66699 10.0001 1.66699ZM14.1667 12.992L12.9917 14.167L10.0001 11.1753L7.00842 14.167L5.83342 12.992L8.82508 10.0003L5.83342 7.00866L7.00842 5.83366L10.0001 8.82533L12.9917 5.83366L14.1667 7.00866L11.1751 10.0003L14.1667 12.992Z' fill='%236B7280'/%3E%3C/svg%3E");
}
.main-interests.searchWrap.newHeader .interest-wrap > p > button,
.search-page-interests .interest-wrap > p > button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9167 11.6667H12.2583L12.025 11.4417C12.8417 10.4917 13.3333 9.25833 13.3333 7.91667C13.3333 4.925 10.9083 2.5 7.91667 2.5C4.925 2.5 2.5 4.925 2.5 7.91667C2.5 10.9083 4.925 13.3333 7.91667 13.3333C9.25833 13.3333 10.4917 12.8417 11.4417 12.025L11.6667 12.2583V12.9167L15.8333 17.075L17.075 15.8333L12.9167 11.6667ZM7.91667 11.6667C5.84167 11.6667 4.16667 9.99167 4.16667 7.91667C4.16667 5.84167 5.84167 4.16667 7.91667 4.16667C9.99167 4.16667 11.6667 5.84167 11.6667 7.91667C11.6667 9.99167 9.99167 11.6667 7.91667 11.6667Z' fill='%236B7280'/%3E%3C/svg%3E");
  cursor: auto;
}
.main-interests.searchWrap.newHeader .interest-wrap > p > input,
.search-page-interests .interest-wrap > p > input {
  width: 100%;
  height: 48px;
  border: 0;
  padding: 14px 40px 14px var(--spacing-16, 16px);
  border-radius: var(--border-radius-5, 5px);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-size: var(--body-md-font-size);
  font-style: normal;
  font-weight: var(--body-md-font-weight-400);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
  border: var(--border-width-1, 1px) solid var(--color-bg-primary);
}
.main-interests.searchWrap.newHeader .interest-wrap > p > input::placeholder,
.search-page-interests .interest-wrap > p > input::placeholder {
  color: var(--color-text-tertiary, #6B7280);
}
.main-interests.searchWrap.newHeader .interest-wrap > p > input:focus,
.search-page-interests .interest-wrap > p > input:focus {
  border: var(--border-width-1, 1px) solid var(--color-border-interactive-primary, #102E67);
}
.search-page-top-wrap {
  transition: all .3s;
}
.search-page-top-wrap.fixed {
  position: fixed;
  left: 0;
  top: 90px;
  width: 100%;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .search-page-top-wrap.fixed {
    top: 77px;
  }
  .search-page-top-wrap.fixed .search-page-tab {
    position: fixed;
    top: 77px;
    width: 100%;
    z-index: 2;
  }
  .search-page-top-wrap.fixed .search-sgd-item {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .header .h-menu > div#google_translate_element {
    position: fixed;
    right: 20px;
    top: 93px;
    z-index: 1;
    display: none;
  }
}

#footer {
  background-color: var(--color-bg-primary);
  position: relative;
  z-index: 1;
}
#footer .footer-wrap > .top {
  background-color: var(--color-bg-interactive-primary);
  padding-top: 60px;
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  #footer .footer-wrap > .top {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
#footer .footer-wrap > .top .box-wrap-new-mid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  #footer .footer-wrap > .top .box-wrap-new-mid {
    gap: 24px;
    flex-direction: column;
  }
}
#footer .footer-wrap > .top .txt .f-main {
  font-size: 18px;
  font-weight: bold;
  color: var(--color-text-interactive-inverse);
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  #footer .footer-wrap > .top .txt .f-main {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
  }
}
#footer .footer-wrap > .top .txt .f-term {
  display: flex;
  gap: 8px 13px;
  flex-wrap: wrap;
  align-items: center;
  max-width: 708px;
}
@media screen and (max-width: 768px) {
  #footer .footer-wrap > .top .txt .f-term {
    max-width: none;
    gap: 6px 8px;
  }
}
#footer .footer-wrap > .top .txt .f-term a {
  font-size: 14px;
  font-weight: normal;
  color: var(--color-text-interactive-inverse);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #footer .footer-wrap > .top .txt .f-term a {
    font-size: 12px;
  }
}
#footer .footer-wrap > .top .txt .f-term span {
  width: 1px;
  height: 18px;
  background-color: var(--color-bg-primary);
  margin-left: 13px;
}
@media screen and (max-width: 768px) {
  #footer .footer-wrap > .top .txt .f-term span {
    height: 12px;
    margin-left: 8px;
  }
}
#footer .footer-wrap > .top .sns {
  flex: 1;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  #footer .footer-wrap > .top .sns {
    gap: 12px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}
#footer .footer-wrap > .top .sns > a {
  width: 40px;
  height: 40px;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  #footer .footer-wrap > .top .sns > a {
    width: 32px;
    height: 32px;
  }
}
#footer .footer-wrap > .top .sns > a img {
  width: 100%;
}
#footer .footer-wrap > .bot .box-wrap-new-mid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 25px;
  padding-bottom: 25px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #footer .footer-wrap > .bot .box-wrap-new-mid {
    flex-direction: column;
    gap: 16px;
  }
}
#footer .footer-wrap > .bot .left {
  display: flex;
  gap: 64px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #footer .footer-wrap > .bot .left {
    gap: 25px;
  }
}
#footer .footer-wrap > .bot .left p {
  width: 97px;
  align-items: center;
  justify-content: center;
}
#footer .footer-wrap > .bot .left p img {
  width: 100%;
}
#footer .footer-wrap > .bot .right .copyright {
  font-size: 14px;
  font-weight: normal;
  float: none;
  color: var(--color-text-primary);;
}
@media screen and (max-width: 768px) {
  #footer .footer-wrap > .bot .right .copyright {
    font-size: 12px;
  }
}

.new-container {
  margin-top: 90px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media screen and (max-width: 768px) {
  .new-container {
    margin-top: 77px;
    transition: margin-top 0.3s;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .new-container .new-container-more {
    padding-top: 60px;
  }
  .new-container.mobMenu {
    margin-top: 133px;
  }
  .new-container.mobMenu .new-container-more {
    padding-top: 4px;
  }
}
.new-container .new-container-more {
  padding-top: 100px;
}

.new-container-short {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .new-container-short {
    margin-top: 77px;
    transition: margin-top 0.3s;
  }
  .new-container-short.mobMenu {
    margin-top: 133px;
  }
}

.new-container.calc-center {
  height: calc(100% - 85px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-main-wrap .main-title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 32px;
  }
}
.new-main-wrap .main-title.mbMore {
  margin-bottom: 76px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-title.mbMore {
    margin-bottom: 50px;
  }
}
.new-main-wrap .main-title-ver2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-title-ver2 {
    font-size: 22px;
    font-weight: bold;
  }
}
.new-main-wrap .main-bg-of-bg-wrap {
  position: absolute;
  height: 900px;
  width: 100%;
  overflow: hidden;
  z-index: -1;
}
.new-main-wrap .main-bg-of-bg {
  background-image: url("/images/main-bg-of-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: -100px;
  transform: translateX(-50%);
  width: 2000px;
  height: 736px;
  z-index: -1;
}
.new-main-wrap .main-welcome-wrap {
  padding-top: 100px;
  padding-bottom: 120px;
  background-image: url("/images/main-welcome-wrap-p.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-welcome-wrap {
    background-image: url("/images/main-welcome-wrap-m.png");
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.new-main-wrap .main-f2f4f7-bg {
  background-color: #f2f4f7;
  padding: 100px 0 120px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-f2f4f7-bg {
    padding: 60px 0 120px;
  }
}
.new-main-wrap .main-sponsor-wrap-bg {
  padding-top: 100px;
  background-image: url("/images/main-sponsor-wrap-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-sponsor-wrap-bg {
    padding-top: 60px;
    background-image: url("/images/main-sponsor-wrap-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}
.new-main-wrap .main-gn-wrap-bg {
  padding-top: 100px;
  background-image: url("/images/main-gn-wrap-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
@media screen and (max-width: 1400px) {
  .new-main-wrap .main-gn-wrap-bg {
    background-size: 90%;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-gn-wrap-bg {
    padding-top: 60px;
  }
}
.new-main-wrap .main-video-wrap {
  display: flex;
  gap: 28px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-video-wrap {
    flex-direction: column;
    gap: 32px;
  }
}
.new-main-wrap .main-video-wrap .main-video {
  width: 624px;
  height: 351px;
  background-color: var(--color-bg-interactive-inverse);
}
@media screen and (max-width: 991px) {
  .new-main-wrap .main-video-wrap .main-video {
    width: 500px;
    height: 300px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-video-wrap .main-video {
    width: 100%;
    height: 50vw;
  }
}
.new-main-wrap .main-video-wrap .main-video iframe {
  width: 100%;
  height: 100%;
}
.new-main-wrap .main-video-wrap .txt {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.new-main-wrap .main-video-wrap .txt .title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-video-wrap .txt .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 24px;
  }
}
.new-main-wrap .main-video-wrap .txt .desc {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-video-wrap .txt .desc {
    font-size: 14px;
    font-weight: normal;
  }
}
.new-main-wrap .main-video-wrap .txt .button-wrap {
  margin-top: auto;
  text-align: center;
}
.new-main-wrap .main-account-type {
  position: relative;
}
.new-main-wrap .main-account-type .learnMore {
  width: 120px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #C0C0C0;
  border-radius: 3px;
  position: absolute;
  top: -52px;
  right: 0;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-account-type .learnMore {
    position: relative;
    top: auto;
    margin-bottom: 24px;
    margin-left: auto;
  }
}
.new-main-wrap .main-account-type .learnMore:before {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: var(--color-bg-interactive-primary);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0 100%;
  transform: rotateY(180deg);
  transition: all 0.3s;
}
.new-main-wrap .main-account-type .learnMore:hover {
  color: var(--color-text-interactive-inverse);
}
.new-main-wrap .main-account-type .learnMore:hover:before {
  transform: rotateY(0deg);
}
.new-main-wrap .main-account-type .learnMore:hover .img svg path {
  fill: var(--color-bg-primary);
}
.new-main-wrap .main-account-type .learnMore .txt {
  font-size: 14px;
  font-weight: 500;
}
.new-main-wrap .main-account-type .learnMore .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-main-wrap .main-account-type .learnMore .img svg path {
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-account-type .swiper-container.account-type {
    padding-right: 20px;
  }
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper {
    gap: 16px;
  }
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide {
  flex: 1;
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 48px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide {
    flex: none;
    gap: 32px;
    padding: 48px 20px;
    width: 280px;
    height: auto;
  }
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide.ver1 {
  background-color: #E3E3ED;
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide.ver2 {
  background-color: #EFEAD5;
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide.ver3 {
  background-color: #DCE3EA;
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .img {
  width: 120px;
  height: 120px;
  background-color: var(--color-bg-primary);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .img {
    width: 100px;
    height: 100px;
    zoom: 0.9;
  }
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .title-main {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .title-main {
    font-size: 18px;
    font-weight: bold;
  }
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .title-sub {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 27px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .title-sub {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 24px;
  }
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .desc {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 32px;
  min-height: 100px;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .desc {
    min-height: 120px;
  }
}
@media screen and (max-width: 1100px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .desc {
    min-height: 140px;
  }
}
@media screen and (max-width: 991px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .desc {
    min-height: 160px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .desc {
    font-size: 14px;
    font-weight: normal;
    min-height: 120px;
  }
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .line {
  width: 100%;
  height: 1px;
  background-color: var(--color-bg-interactive-inverse);
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .info {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 500;
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide > .txt .info ul li {
  list-style: disc;
  margin-left: 20px;
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide .faLink {
  margin: auto auto 5px;
  width: 100%;
  max-width: 100%;
  text-align: center;
  border-radius: 50px;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 13px 24px;
  border: 1px solid var(--color-base-black);
  transition: all 0.3s;
}
@media screen and (max-width: 991px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide .faLink {
    flex-direction: column;
    gap: 8px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide .faLink {
    flex-direction: row;
    text-align: left;
    padding: 13px 34px;
    gap: 5px;
  }
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide .faLink .txt {
  font-size: 16px;
  font-weight: 500;
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide .faLink .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide .faLink:hover, .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide .faLink:active {
  border: 1px solid var(--color-border-interactive-primary);
  background-color: var(--color-bg-interactive-primary);
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide .faLink:hover .txt, .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide .faLink:active .txt {
  color: var(--color-text-interactive-inverse);
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide .faLink:hover .img svg path, .new-main-wrap .main-account-type .swiper-container.account-type .swiper-wrapper .swiper-slide .faLink:active .img svg path {
  fill: var(--color-bg-primary);
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-pagination {
  display: none;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-account-type .swiper-container.account-type .swiper-pagination {
    display: block;
    bottom: 90px;
  }
}
.new-main-wrap .main-account-type .swiper-container.account-type .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-bg-interactive-primary);
}
.new-main-wrap .main-account-type .button-wrap {
  margin-top: 80px;
}
.new-main-wrap .main-real-experiences {
  position: relative;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-real-experiences .swiper-container.real-experiences {
    padding-right: 20px;
    height: 100%;
  }
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 846px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper {
    flex-direction: row;
    gap: 16px;
    height: auto !important;
  }
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide {
  flex: 1;
  display: flex;
  height: auto;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide {
    flex: none;
    flex-direction: column;
    width: 280px;
    height: auto;
  }
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .img-wrap {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 12px 20px;
  align-items: center;
  border-radius: 15px 0 0 15px;
  overflow: hidden;
  max-width: 246px;
  min-height: 220px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .img-wrap {
    padding: 16px 24px;
    border-radius: 15px 15px 0 0;
    max-width: none;
    min-height: 182px;
    justify-content: flex-start;
  }
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .img-wrap.ver1 {
  background-color: #E3E3ED;
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .img-wrap.ver2 {
  background-color: #EFEAD5;
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .img-wrap.ver3 {
  background-color: #DCE3EA;
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .img-wrap .img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .img-wrap .img {
    width: 80px;
    height: 80px;
  }
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .img-wrap .img img {
  width: 100%;
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .img-wrap .name {
  font-size: 14px;
  font-weight: 500;
  color: #5B5B5B;
  overflow: hidden;
  text-align: center;
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .txt {
  padding: 32px;
  background-color: var(--color-bg-primary);
  flex: 1;
  border-radius: 0 15px 15px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .txt {
    display: block;
    padding: 24px;
    border-radius: 0 0 15px 15px;
  }
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .txt .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .txt .title {
    font-size: 16px;
    font-weight: 500;
  }
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-wrapper .swiper-slide > .txt .desc {
  font-size: 14px;
  font-weight: normal;
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-pagination {
  display: none;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-pagination {
    display: block;
    bottom: -32px;
  }
}
.new-main-wrap .main-real-experiences .swiper-container.real-experiences .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-bg-interactive-primary);
}
.main-most-view-content {
  position: relative;
}
.main-most-view-content > h2 {
  color: var(--color-text-primary);
  font-family: "Noto Sans KR";
  font-size: var(--heading-lg-font-size);
  font-style: normal;
  font-weight: var(--heading-lg-font-weight-700);
  line-height: var(--heading-lg-line-height);
  letter-spacing: var(--heading-lg-letter-spacing);
  margin-bottom: var(--spacing-24);
}
.main-most-view-content .learnMore {
  width: 226px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #C0C0C0;
  border-radius: 3px;
  position: absolute;
  top: -52px;
  right: 0;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .learnMore {
    position: relative;
    top: auto;
    margin-bottom: 24px;
    margin-left: auto;
  }
}
.main-most-view-content .learnMore:before {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: var(--color-bg-interactive-primary);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0 100%;
  transform: rotateY(180deg);
  transition: all 0.3s;
}
.main-most-view-content .learnMore:hover {
  color: var(--color-text-interactive-inverse);
}
.main-most-view-content .learnMore:hover:before {
  transform: rotateY(0deg);
}
.main-most-view-content .learnMore:hover .img svg path {
  fill: var(--color-bg-primary);
}
.main-most-view-content .learnMore.short {
  width: 80px;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .learnMore.short {
    width: 90px;
    height: 36px;
    position: relative;
    top: auto;
    border: 1px solid #c2c4c7;
    margin: 40px auto 0;
    border-radius: 100px;
  }
}
.main-most-view-content .learnMore .txt {
  font-size: 14px;
  font-weight: 500;
}
.main-most-view-content .learnMore .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-most-view-content .learnMore .img svg path {
  transition: all 0.3s;
}
.main-most-view-content .onAirMark {
  position: absolute;
  top: -1px;
  right: 0;
  width: 106px;
  height: 40px;
}
.main-most-view-content .onAirMark .onWrap {
  position: relative;
  display: flex;
}
.main-most-view-content .onAirMark .onWrap .img {
  position: absolute;
  right: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--color-icon-interactive-inverse);
  -webkit-box-shadow: 0px 0px 4px var(--color-shadow-subtle, rgba(0, 0, 0, 0.12));
  -moz-box-shadow: 0px 0px 4px var(--color-shadow-subtle, rgba(0, 0, 0, 0.12));
  box-shadow: 0px 0px 4px var(--color-shadow-subtle, rgba(0, 0, 0, 0.12));
  z-index: 1;
}
.main-most-view-content .onAirMark .onWrap .txt {
  position: absolute;
  right: 0;
  top: 4px;
  width: 91px;
  height: 32px;
  border-radius: var(--border-radius-10);
  background: var(--error);
  color: #FFF;
  font-family: var(--body-font-family);
  font-size: var(--body-lg-font-size);
  font-style: normal;
  font-weight: var(--body-lg-font-weight-500);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .onAirMark {
    width: 88px;
    height: 32px;
  }
  .main-most-view-content .onAirMark .onWrap .img {
    right: 56px;
    width: 32px;
    height: 32px;
    fill: var(--color-icon-interactive-inverse, #FFF);
    -webkit-box-shadow: 0px 0px 3px var(--color-shadow-subtle, rgba(0, 0, 0, 0.12));
    -moz-box-shadow: 0px 0px 3px var(--color-shadow-subtle, rgba(0, 0, 0, 0.12));
    box-shadow: 0px 0px 3px var(--color-shadow-subtle, rgba(0, 0, 0, 0.12));
  }
  .main-most-view-content .onAirMark .onWrap .img svg {
    width: 16px;
    height: 16px;
  }
  .main-most-view-content .onAirMark .onWrap .txt {
    top: 2px;
    width: 78px;
    height: 28px;
    font-size: var(--body-md-font-size);
  }
}
.main-most-view-content .most-view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 64px 24px;
}
.main-most-view-content .most-view-content.member {
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content {
    gap: 24px;
  }
}
.main-most-view-content .most-view-content.center {
  justify-content: center;
}
.main-most-view-content .most-view-content .most-content {
  width: calc( 100% / 4 - 18px );
  position: relative;
  cursor: auto;
}
.main-most-view-content .most-view-content .most-content.member {
  display: flex;
  padding: var(--spacing-24);
  flex-direction: column;
  align-items: flex-start;
  border-radius: 10px;
  border: 1px solid var(--color-border-primary, #D1D5DB);
  background: var(--color-bg-primary);
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content.member {
    gap: 0 var(--spacing-8, 8px);
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
  }
}
.main-most-view-content .most-view-content .most-content.member.haveLink {
  cursor: auto;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content {
    width: 100%;
    display: flex;
    gap: 6px;
  }
}
.main-most-view-content .most-view-content .most-content.haveLink {
  cursor: pointer;
}
.main-most-view-content .most-view-content .most-content.haveLink:hover .img-wrap .img-main:after {
  opacity: 1;
}
.main-most-view-content .most-view-content .most-content.haveLink:hover .img-wrap .img-main img {
  transform: scale(1.2);
}
.main-most-view-content .most-view-content .most-content.member.haveLink:hover .img-wrap .img-main:after {
  opacity: 0;
}
.main-most-view-content .most-view-content .most-content.member.haveLink:hover .img-wrap .img-main img {
  transform: scale(1);
}
.main-most-view-content .most-view-content .most-content.member .img-wrap {
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content.member .img-wrap {
    margin: 0;
  }
}
.main-most-view-content .most-view-content .most-content.member.haveLink .img-wrap:hover .img-main:after {
  opacity: 1;
}
.main-most-view-content .most-view-content .most-content.member.haveLink .img-wrap:hover .img-main img {
  transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content .img-wrap {
    position: relative;
  }
}
.main-most-view-content .most-view-content .most-content .img-wrap .txt-point {
  font-size: 12px;
  font-weight: 500;
  border-radius: 50px;
  height: 25px;
  padding: 0 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 14px;
  top: 14px;
  background-color: var(--color-content-streaming-archive);
  color: var(--color-text-interactive-inverse);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content .img-wrap .txt-point {
    font-size: 10px;
    left: 8px;
    top: 8px;
  }
}
.main-most-view-content .most-view-content .most-content .img-wrap .img-wappen {
  width: 40px;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 1;
}
.main-most-view-content .most-view-content .most-content.member .img-wrap .img-wappen {
  width: 24px;
  right: 0;
  top: auto;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content .img-wrap .img-wappen {
    width: 30px;
    right: 8px;
    bottom: auto;
    top: 8px;
  }
  .main-most-view-content .most-view-content .most-content.member .img-wrap .img-wappen {
    width: 18px;
    right: 0;
    bottom: 0;
    top: auto;
  }
}
.main-most-view-content .most-view-content .most-content .img-wrap .img-wappen img {
  width: 100%;
}
.main-most-view-content .most-view-content .most-content .img-wrap .img-main {
  height: 194px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-bg-interactive-inverse);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.main-most-view-content .most-view-content .most-content .img-wrap .img-main:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s;
}
@media screen and (max-width: 1400px) {
  .main-most-view-content .most-view-content .most-content .img-wrap .img-main {
    height: 14vw;
  }
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content .img-wrap .img-main {
    height: 24vw;
    width: 40vw;
  }
}
.main-most-view-content .most-view-content .most-content.member .img-wrap .img-main {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: var(--color-bg-tertiary, #E5E7EB);
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content.member .img-wrap .img-main {
    width: 45px;
    height: 45px;
  }
}
.main-most-view-content .most-view-content .most-content .img-wrap .img-main img {
  width: 100%;
  transition: all 0.3s;
  transform: scale(1);
}
.main-most-view-content .most-view-content .most-content .txt-wrap {
  margin-top: 20px;
  display: flex;
  gap: 14px;
}
.main-most-view-content .most-view-content.member .most-content .txt-wrap {
  cursor: auto;
  margin-top: 8px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content .txt-wrap {
    gap: 10px;
    flex: 1;
    margin-top: 0;
  }
  .main-most-view-content .most-view-content.member .most-content .txt-wrap {
    margin-top: 0;
    width: auto;
  }
}
.main-most-view-content .most-view-content .most-content .txt-wrap .color {
  width: 6px;
  border-radius: 5px;
  background-color: #ccc;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content .txt-wrap .color {
    width: 4px;
  }
}
.main-most-view-content .most-view-content .most-content .txt-wrap .txt {
  flex: 1;
}
.main-most-view-content .most-view-content .most-content .txt-wrap .txt .title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content .txt-wrap .txt .title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
  }
}
.main-most-view-content .most-view-content .most-content .txt-wrap .txt .name {
  font-size: 14px;
  font-weight: normal;
  color: #5B5B5B;
  margin-bottom: 16px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.main-most-view-content .most-view-content.member .most-content .txt-wrap .txt .name {
  color: var(--color-text-primary);
  font-size: var(--body-lg-font-size, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--body-lg-line-height, 24px); /* 150% */
  letter-spacing: var(--body-lg-letter-spacing);
  margin-bottom: var(--spacing-12, 12px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content .txt-wrap .txt .name {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 4px;
  }
  .main-most-view-content .most-view-content.member .most-content .txt-wrap .txt .name {
    font-size: var(--body-md-font-size);
    font-weight: var(--body-md-font-weight-500);
    line-height: var(--body-md-line-height);
    letter-spacing: var(--body-md-letter-spacing);
    margin-bottom: var(--spacing-8, 8px);
    text-align: left;
  }
}
.main-most-view-content .most-view-content .most-content .txt-wrap .txt .info {
  display: flex;
  gap: 16px;
}
.main-most-view-content .most-view-content.member .most-content .txt-wrap .txt .info {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content .txt-wrap .txt .info {
    gap: 2px 16px;
    flex-wrap: wrap;
  }
  .main-most-view-content .most-view-content.member .most-content .txt-wrap .txt .info {
    justify-content: flex-start;
  }
}
.main-most-view-content .most-view-content .most-content .txt-wrap .txt .info .type {
  font-size: 14px;
  font-weight: bold;
  color: #ccc;
}
.main-most-view-content .most-view-content.member .most-content .txt-wrap .txt .info .type {
  border-radius: var(--border-radius-circle, 9999px);
  background: var(--Color-bg-secondary, #F2F4F7);
  display: flex;
  padding: var(--spacing-4, 4px) var(--spacing-8, 8px);
  justify-content: center;
  align-items: center;
  color: var(--color-text-tertiary, #6B7280);
  font-size: var(--body-sm-font-size, 12px);
  font-style: normal;
  font-weight: var(--body-sm-font-weight-500);
  line-height: var(--body-sm-line-height, 18px); /* 150% */
  letter-spacing: var(--body-sm-letter-spacing);
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content .txt-wrap .txt .info .type {
    font-size: 12px;
  }
}
.main-most-view-content .most-view-content .most-content .txt-wrap .txt .info .date {
  font-size: 14px;
  font-weight: normal;
  color: #5B5B5B;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content .most-content .txt-wrap .txt .info .date {
    font-size: 12px;
    font-weight: normal;
  }
}
.main-most-view-content .most-view-content .most-content.streaming .txt-wrap .color {
  background-color: var(--color-content-streaming-archive);
}
.main-most-view-content .most-view-content .most-content.streaming .txt-wrap .txt .info .type {
  color: var(--color-content-streaming-archive);
}
.main-most-view-content .most-view-content .most-content.video .txt-wrap .color {
  background-color: var(--color-content-video);
}
.main-most-view-content .most-view-content .most-content.video .txt-wrap .txt .info .type {
  color: var(--color-content-video);
}
.main-most-view-content .most-view-content .most-content.document .txt-wrap .color {
  background-color: var(--color-content-document);
}
.main-most-view-content .most-view-content .most-content.document .txt-wrap .txt .info .type {
  color: var(--color-content-document);
}
.main-most-view-content .most-view-content.member .most-content .follow-wrap {
  display: flex;
  gap: var(--spacing-8);
  width: 100%;
  margin-top: auto;
  padding-top: var(--spacing-24, 24px);
  flex-wrap: wrap;
}
.main-most-view-content .most-view-content.member .most-content .follow-wrap button {
  border-radius: var(--border-radius-5, 5px);
  background: var(--color-bg-disabled, #D1D5DB);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  gap: var(--spacing-6, 6px);
  cursor: auto;
  flex: 1;
  border: 0;
  outline: none;
  min-width: 100px;
}
.main-most-view-content .most-view-content.member .most-content .follow-wrap button.follow-button {
  cursor: pointer;
}
.main-most-view-content .most-view-content.member .most-content .follow-wrap button .icon {
  justify-content: center;
  align-items: center;
  display: none;
}
.main-most-view-content .most-view-content.member .most-content .follow-wrap button .text {
  color: var(--color-text-disabled, #9CA3AF);
  font-size: var(--body-md-font-size);
  font-style: normal;
  font-weight: var(--body-md-font-weight-500);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
}
.main-most-view-content .most-view-content.member .most-content .follow-wrap button .check {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-most-view-content .most-view-content.member .most-content .follow-wrap button.active {
  background: var(--color-bg-interactive-selected, #E4EDFF);
  cursor: pointer;
}
.main-most-view-content .most-view-content.member .most-content .follow-wrap button.active .icon {
  display: flex;
}
.main-most-view-content .most-view-content.member .most-content .follow-wrap button.active .text {
  color: var(--color-text-interactive-secondary, #4175DB);
}
.main-most-view-content .most-view-content.member .most-content .follow-wrap button.active .check {
  display: none;
}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 768px) {
  .main-most-view-content .most-view-content.member .most-content .follow-wrap {
    padding-top: var(--spacing-16, 16px);
  }
}

.new-main-wrap .main-news-wrap {
  background-color: var(--color-bg-primary);
  border-radius: 15px;
  padding: 60px;
  height: 478px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-news-wrap {
    padding: 24px 20px;
    height: 328px;
  }
}
.new-main-wrap .main-news-wrap.bg {
  background-color: #f2f4f7;
}
.new-main-wrap .main-news-wrap .main-news::-webkit-scrollbar {
  width: 4px;
}
.new-main-wrap .main-news-wrap .main-news::-webkit-scrollbar-thumb {
  background-color: var(--color-bg-interactive-primary);
}
.new-main-wrap .main-news-wrap .main-news::-webkit-scrollbar-track {
  background-color: #C0C0C0;
}
.new-main-wrap .main-news-wrap .main-news {
  display: flex;
  flex-direction: column;
  gap: 32px;
  overflow-y: scroll;
  height: 358px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-news-wrap .main-news {
    gap: 24px;
    height: 278px;
  }
}
.new-main-wrap .main-news-wrap .main-news .news-content {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-news-wrap .main-news .news-content {
    flex-direction: column;
    gap: 8px;
  }
}
.new-main-wrap .main-news-wrap .main-news .news-content .date {
  font-size: 16px;
  font-weight: normal;
  color: #5B5B5B;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-news-wrap .main-news .news-content .date {
    font-size: 14px;
    font-weight: normal;
  }
}
.new-main-wrap .main-news-wrap .main-news .news-content .info {
  font-size: 16px;
  font-weight: normal;
  flex: 1;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-news-wrap .main-news .news-content .info {
    font-size: 14px;
    font-weight: normal;
  }
}
.new-main-wrap .main-featured-wrap .featured-logo-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
  width: 1043px;
  margin: 0 auto;
  justify-content: center;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .main-featured-wrap .featured-logo-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-featured-wrap .featured-logo-wrap {
    gap: 11px 9px;
  }
}
.new-main-wrap .main-featured-wrap .featured-logo-wrap > span {
  width: 195px;
  max-width: calc( 50% - 5px );
}
.new-main-wrap .main-featured-wrap .featured-logo-wrap > span img {
  width: 100%;
}
.new-main-wrap .main-featured-wrap .featured-logo-wrap > a {
  width: 195px;
  transition: all 0.3s;
  border-radius: 5px;
  max-width: calc( 50% - 5px );
}
.new-main-wrap .main-featured-wrap .featured-logo-wrap > a:hover {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.new-main-wrap .main-featured-wrap .featured-logo-wrap > a.noLink {
  cursor: default;
}
.new-main-wrap .main-featured-wrap .featured-logo-wrap > a.noLink:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.new-main-wrap .main-featured-wrap .featured-logo-wrap > a img {
  width: 100%;
}
.new-main-wrap .main-sgd-wrap {
  text-align: center;
  background-color: #f2f4f7;
  border-radius: 15px;
  overflow: hidden;
  padding: 60px 50px 80px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-sgd-wrap {
    padding: 30px 25px 45px;
  }
}
.new-main-wrap .main-sgd-wrap .main-sgd-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-sgd-wrap .main-sgd-title {
    font-size: 22px;
    font-weight: bold;
  }
}
.new-main-wrap .main-sgd-wrap .main-sgd-desc {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-sgd-wrap .main-sgd-desc {
    margin-bottom: 20px;
  }
}
.new-main-wrap .main-sgd-wrap .main-sgd-item {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.new-main-wrap .main-sgd-wrap .main-sgd-item > a {
  width: 60px;
  height: 60px;
}
.new-main-wrap .main-sgd-wrap .main-sgd-item > a img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking .ranker .name {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list {
    padding: 0 20px;
    min-height: 82px;
    justify-content: center;
    border-radius: 100px;
    display: flex;
    flex-direction: column;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rank-flex {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    width: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rank-flex .rank {
    font-size: 18px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rank-flex .rank {
    margin-right: 4px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rank-flex .uad {
    font-size: 14px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rank-flex .uad:before {
    margin-right: 0;
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.name-flex {
    display: flex;
    padding-left: 130px;
    position: relative;
  }
}
@media screen and (max-width: 479px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.name-flex {
    padding-left: 90px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.name-flex {
    padding-left: 100px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.name-flex .img {
    margin-left: 0;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 130px;
    top: 20%;
  }
}
@media screen and (max-width: 479px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.name-flex .img {
    left: 90px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.name-flex .img {
    left: 60px;
    width: 35px;
    height: 35px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.name-flex .name {
    font-size: 14px;
    font-weight: 500;
    padding: 0 0 0 48px;
    flex: 1;
    text-align: left;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.name-flex .name {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rating-flex {
    padding-left: 130px;
  }
}
@media screen and (max-width: 479px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rating-flex {
    padding-left: 90px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rating-flex {
    padding-left: 46px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rating-flex .rating-num {
    margin-right: auto;
    justify-content: flex-start;
    padding-left: 48px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rating-flex .rating-num {
    padding-left: 53px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rating-flex .rating-num .num {
    font-size: 10px;
    padding: 3px 14px;
  }
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rating-flex .rating-num .num strong {
    font-size: 12px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .mylab .mylab-wrap .mylab-list-wrapper .mylab-rating-wrap.new-rating .ranking-list-wrap .ranking-list > div.rating-flex .rating-num .num {
    padding: 3px 10px;
  }
}
.new-main-wrap .landing-page-wrap {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: var(--color-brand-900);
  background-image: url(../images/landing-page-pc.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-page-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url(../images/landing-page-mob.png);
  }
}
.new-main-wrap .landing-page-wrap .lp-wrap {
  width: 800px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 991px) {
  .new-main-wrap .landing-page-wrap .lp-wrap {
    width: 100%;
  }
}
.new-main-wrap .landing-page-wrap .lp-wrap h2 {
  position: relative;
  color: var(--color-text-interactive-inverse);
  font-size: 46px;
  font-weight: bold;
  text-align: center;
  border: 1px solid var(--color-border-interactive-secondary);
  padding: 13px 30px 22px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-page-wrap .lp-wrap h2 {
    font-size: 22px;
    margin-bottom: 32px;
    padding: 10px 66px 14px;
  }
}
.new-main-wrap .landing-page-wrap .lp-wrap h2:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  width: 4px;
  height: 4px;
  background-color: var(--color-bg-interactive-secondary);
}
.new-main-wrap .landing-page-wrap .lp-wrap h2:after {
  content: "";
  position: absolute;
  right: -2px;
  top: -2px;
  width: 4px;
  height: 4px;
  background-color: var(--color-bg-interactive-secondary);
}
.new-main-wrap .landing-page-wrap .lp-wrap h2 span:before {
  content: "";
  position: absolute;
  left: -2px;
  bottom: -2px;
  width: 4px;
  height: 4px;
  background-color: var(--color-bg-interactive-secondary);
}
.new-main-wrap .landing-page-wrap .lp-wrap h2 span:after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 4px;
  height: 4px;
  background-color: var(--color-bg-interactive-secondary);
}
.new-main-wrap .landing-page-wrap .lp-wrap .desc-title {
  font-size: 22px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-page-wrap .lp-wrap .desc-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
  }
}
.new-main-wrap .landing-page-wrap .lp-wrap .desc-wrap {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-page-wrap .lp-wrap .desc-wrap {
    gap: 16px;
  }
}
.new-main-wrap .landing-page-wrap .lp-wrap .desc-wrap .desc {
  display: flex;
  gap: 7px;
}
.new-main-wrap .landing-page-wrap .lp-wrap .desc-wrap .desc .num {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  border-radius: 100px 0 0 100px;
  padding: 3px 14px 4px 11px;
  min-width: 53px;
  height: 32px;
  position: relative;
  top: -3px;
  background: -webkit-linear-gradient(left, var(--color-bg-interactive-secondary), rgba(65, 117, 219, 0));
  background: -moz-linear-gradient(left, var(--color-bg-interactive-secondary), rgba(65, 117, 219, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-bg-interactive-secondary)", endColorstr="rgba(65, 117, 219, 0)");
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-page-wrap .lp-wrap .desc-wrap .desc .num {
    min-width: 47px;
    font-size: 14px;
    font-weight: 500;
  }
}
.new-main-wrap .landing-page-wrap .lp-wrap .desc-wrap .desc .txt {
  display: flex;
  flex-direction: column;
  gap: 11px;
  color: var(--color-text-interactive-inverse);
  flex: 1;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-page-wrap .lp-wrap .desc-wrap .desc .txt {
    gap: 4px;
  }
}
.new-main-wrap .landing-page-wrap .lp-wrap .desc-wrap .desc .txt .txt-main {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-page-wrap .lp-wrap .desc-wrap .desc .txt .txt-main {
    font-size: 14px;
  }
}
.new-main-wrap .landing-page-wrap .lp-wrap .desc-wrap .desc .txt .txt-sub {
  font-size: 14px;
  font-weight: normal;
}
.new-main-wrap .landing-page-wrap .lp-wrap .pen-wrap {
  position: absolute;
  width: 420px;
  right: -200px;
  bottom: 0;
}
.new-main-wrap .landing-page-wrap .lp-wrap .pen-wrap img {
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .new-main-wrap .landing-page-wrap .lp-wrap .pen-wrap {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-page-wrap .lp-wrap .pen-wrap {
    width: 200px;
    bottom: auto;
    top: -40px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .landing-page-wrap .lp-wrap .pen-wrap {
    top: 0;
  }
}
.new-main-wrap .landing-know-wrap {
  background-color: #f2f4f7;
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-know-wrap {
    padding-top: 60px;
  }
}
.new-main-wrap .landing-know-wrap .top-line {
  width: 100%;
  height: 2px;
  background-color: var(--color-bg-interactive-primary);
}
.new-main-wrap .landing-know-wrap .title {
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
  margin-bottom: 31px;
  font-size: 32px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-know-wrap .title {
    gap: 8px;
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: bold;
  }
}
.new-main-wrap .landing-know-wrap .title .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-main-wrap .landing-know-wrap .sub-title {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-know-wrap .sub-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 40px;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap {
  background-color: #e0e7f4;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  padding: 100px;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap {
    padding: 50px;
    position: relative;
  }
  .new-main-wrap .landing-know-wrap .desc-wrap:before {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(to right, #e0e7f4, rgba(224, 231, 244, 0) 60%);
    z-index: 2;
  }
  .new-main-wrap .landing-know-wrap .desc-wrap:after {
    display: none;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(to left, #e0e7f4, rgba(224, 231, 244, 0) 60%);
    z-index: 2;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-know-wrap .desc-wrap {
    border-radius: 15px 15px 0 0;
    padding: 20px 20px 40px;
  }
  .new-main-wrap .landing-know-wrap .desc-wrap:before {
    width: 20px;
  }
  .new-main-wrap .landing-know-wrap .desc-wrap:after {
    width: 20px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .landing-know-wrap .desc-wrap {
    padding: 0;
  }
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap {
    position: relative;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-pagination {
  display: none;
  bottom: -30px;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-pagination {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-pagination {
    bottom: -25px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-pagination {
    bottom: 15px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-pagination .swiper-pagination-bullet {
    background-color: var(--color-bg-primary);
    opacity: 1;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-bg-interactive-secondary);
  opacity: 1;
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper {
    flex-direction: row;
    gap: 0;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide {
    width: 320px;
    height: 580px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide {
    width: 100%;
    border-radius: 0;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide.ver1 .img {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide.ver1 .img {
    justify-content: normal;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide.ver1 .txt {
  left: 0;
  background: linear-gradient(to right, var(--color-bg-interactive-primary) 80%, rgba(16, 46, 103, 0));
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide.ver1 .txt {
    background: linear-gradient(to top, var(--color-bg-interactive-primary) 80%, rgba(16, 46, 103, 0));
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide.ver2 .img {
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide.ver2 .img {
    justify-content: normal;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide.ver2 .txt {
  right: 0;
  background: linear-gradient(to left, var(--color-bg-interactive-primary) 80%, rgba(16, 46, 103, 0));
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide.ver2 .txt {
    background: linear-gradient(to top, var(--color-bg-interactive-primary) 80%, rgba(16, 46, 103, 0));
  }
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .img img.pc {
    display: none;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .img img.mob {
  display: none;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .img img.mob {
    display: block;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .img img.mob {
    width: 100%;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt {
  position: absolute;
  top: 0;
  width: 540px;
  height: 100%;
}
@media screen and (max-width: 1600px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt {
    width: 50%;
  }
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt {
    width: 100%;
    top: auto;
    bottom: 0;
    height: 320px;
  }
}
@media screen and (max-width: 410px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt {
    height: 360px;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt .bg {
  padding: 40px;
  height: 100%;
  background: rgba(16, 46, 103, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt .bg {
    padding: 20px;
    justify-content: flex-start;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt .bg .main-txt {
  font-size: 22px;
  font-weight: bold;
  color: var(--color-text-interactive-inverse);
  margin-bottom: 16px;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt .bg .main-txt {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt .bg .sub-txt {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  margin-bottom: 32px;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt .bg .sub-txt {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 24px;
  }
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt .bg .sub-txt span {
  display: block;
  color: var(--color-content-live-streaming);
  font-size: 12px;
  margin-top: 2px;
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt .bg .info-desc {
  display: flex;
  gap: 8px;
}
.new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt .bg .info-desc .info-txt {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-content-live-streaming);
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .landing-know-wrap .desc-wrap .know-wrap .swiper-wrapper .swiper-slide .txt .bg .info-desc .info-txt {
    font-size: 12px;
    font-weight: normal;
  }
}
.new-main-wrap .landing-know-wrap .know-bottom-wrap {
  background-image: url(../images/landing-page-know-bottom.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0 70px;
  border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-know-wrap .know-bottom-wrap {
    border-radius: 0 0 15px 15px;
    padding: 32px 0 28px;
    background-image: url(../images/landing-page-know-bottom-mob.png);
  }
}
.new-main-wrap .landing-know-wrap .know-bottom-wrap .title {
  color: var(--color-text-interactive-inverse);
  font-size: 32px;
  font-weight: 500;
  position: relative;
  width: 772px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .new-main-wrap .landing-know-wrap .know-bottom-wrap .title {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-know-wrap .know-bottom-wrap .title {
    font-size: 18px;
    font-weight: 500;
  }
}
.new-main-wrap .landing-know-wrap .know-bottom-wrap .title:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100px;
  height: 2px;
  background-color: var(--color-bg-primary);
}
@media screen and (max-width: 991px) {
  .new-main-wrap .landing-know-wrap .know-bottom-wrap .title:before {
    display: none;
  }
}
.new-main-wrap .landing-know-wrap .know-bottom-wrap .title:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 100px;
  height: 2px;
  background-color: var(--color-bg-primary);
}
@media screen and (max-width: 991px) {
  .new-main-wrap .landing-know-wrap .know-bottom-wrap .title:after {
    display: none;
  }
}
.new-main-wrap .landing-know-wrap .know-bottom-wrap .btn {
  margin-top: 60px !important;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-know-wrap .know-bottom-wrap .btn {
    margin-top: 24px !important;
  }
}
.new-main-wrap .main-channel-wrap {
  padding: 30px 35px;
  background-color: rgba(25, 25, 25, 0.8);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  display: flex;
  gap: 40px;
  justify-content: center;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .main-channel-wrap {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-channel-wrap {
    padding: 20px 23px;
    border-radius: 10px;
    gap: 17px;
  }
}
.new-main-wrap .main-channel-wrap .bg-img {
  position: absolute;
  width: 230px;
  top: 50%;
  right: 136px;
  transform: translateY(-50%);
  z-index: -4;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-channel-wrap .bg-img {
    width: 160px;
    right: 23px;
  }
}
.new-main-wrap .main-channel-wrap .bg-img img {
  width: 100%;
}
.new-main-wrap .main-channel-wrap .img {
  width: 110px;
  height: 110px;
  position: relative;
  z-index: 1;
  margin-bottom: 11px;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-channel-wrap .img {
    width: 72px;
    height: 72px;
    margin-bottom: 7px;
  }
}
.new-main-wrap .main-channel-wrap .img:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -11px;
  bottom: -11px;
  background-color: var(--color-bg-interactive-secondary);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-channel-wrap .img:after {
    left: -7px;
    bottom: -7px;
  }
}
.new-main-wrap .main-channel-wrap .img img {
  width: 100%;
}
.new-main-wrap .main-channel-wrap .txt {
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .new-main-wrap .main-channel-wrap .txt {
    flex: 1;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-channel-wrap .txt {
    flex: auto;
    gap: 4px;
  }
}
@media screen and (max-width: 600px) {
  .new-main-wrap .main-channel-wrap .txt {
    flex: 1;
  }
}
.new-main-wrap .main-channel-wrap .txt .sub-title {
  color: var(--color-text-interactive-inverse);
  font-size: 22px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-channel-wrap .txt .sub-title {
    font-size: 14px;
    font-weight: 500;
  }
}
.new-main-wrap .main-channel-wrap .txt .main-title {
  color: var(--color-text-interactive-inverse);
  font-size: 28px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-channel-wrap .txt .main-title {
    font-size: 18px;
    font-weight: bold;
  }
}
.new-main-wrap .main-channel-wrap.ver2 {
  flex-direction: row-reverse;
}
.new-main-wrap .main-channel-wrap.ver2 .bg-img {
  width: 132px;
  left: 68px;
  right: auto;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-channel-wrap.ver2 .bg-img {
    width: 120px;
    left: 74px;
  }
}
.new-main-wrap .main-channel-wrap.ver2 .txt {
  text-align: right;
}
@media screen and (max-width: 1250px) {
  .new-main-wrap .main-channel-wrap.ver2 .txt {
    flex: 1;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-channel-wrap.ver2 .txt {
    text-align: left;
  }
}
.new-main-wrap .main-channel-wrap.ver2 .txt .main-title {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .new-main-wrap .main-channel-wrap.ver2 .txt .main-title {
    text-align: left;
  }
}
/* 새 메뉴바 디자인 */
.new-scrollbar {
  height: 416px;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .new-scrollbar {
    height: 260px;
  }
}
.new-scrollbar::-webkit-scrollbar {
  width: 4px;
}
.new-scrollbar::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-radius: var(--border-radius-circle);
  background-color: var(--color-icon-disabled);
}
.new-scrollbar::-webkit-scrollbar-track {
  background-color: var(--color-bg-tertiary, #E5E7EB);
  border-radius: var(--border-radius-circle);
}
/* 새 모달 디자인 */
.popup-md.popup-new {
  padding: var(--56-modal) var(--56-modal) var(--24-equal) var(--56-modal);
  background-color: var(--color-bg-primary);
  box-shadow: none;
}
.popup-md.popup-new .popup-header {
  margin-bottom: var(--24-equal);
}
.popup-md.popup-new .popup-header h2 {
  color: var(--color-text-primary);
  text-align: center;
  font-family: var(--body-font-family);
  font-size: var(--body-lg-font-size);
  font-style: normal;
  font-weight: var(--body-lg-font-weight-700);
  line-height: var(--body-lg-line-height);
  letter-spacing: var(--body-lg-letter-spacing);
}
.popup-md.popup-new .popup-footer {
  margin-top: var(--24-equal);
  display: flex;
  gap: var(--8-equal);
} 
@media screen and (max-width: 768px) {
  .popup-md.popup-new .popup-footer {
    flex-direction: column;
  } 
}
/* 새 리스트 타이틀 */
.new-list-title {
  padding: var(--36) 0 var(--40-equal) 0;
  background-repeat: no-repeat;
  background-position: right;
}
.new-list-title.streaming { background-image: url("../images/new-list-banner-streaming.png"); }
.new-list-title.video { background-image: url("../images/new-list-banner-video.png"); }
.new-list-title.document { background-image: url("../images/new-list-banner-document.png"); }
.new-list-title.member { background-image: url("../images/new-list-banner-member.png"); }
.new-list-title > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--8-equal);
}
.new-list-title h2 {
  color: var(--color-text-primary);
  font-family: var(--heading-font-family);
  font-size: var(--heading-3xl-font-size);
  font-style: normal;
  font-weight: var(--heading-3xl-font-weight-700);
  line-height: var(--heading-3xl-line-height);
  letter-spacing: var(--heading-3xl-letter-spacing);
}
.new-list-title p {
  color: var(--color-text-tertiary);
  font-family: var(--body-font-family);
  font-size: var(--body-lg-font-size);
  font-style: normal;
  font-weight: var(--body-lg-font-weight-500);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
}
.new-list-title p > span {
  color: var(--color-text-interactive-secondary);
  margin-left: 5px;
}
/* 새 검색 디자인 */
.new-search-wrap {
  background: var(--color-bg-secondary, #F2F4F7);
  padding-top: var(--unit-12);
  padding-bottom: var(--unit-12);
}
.new-search-input-wrap {
  position: relative;
}
.new-search-input-wrap span.search-page-x-icon,
.new-search-input-wrap button.search-page-submit-icon {
  position: absolute;
  right: var(--spacing-16, 16px);
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 0;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
.new-search-input-wrap span.search-page-x-icon {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0001 1.66699C5.39175 1.66699 1.66675 5.39199 1.66675 10.0003C1.66675 14.6087 5.39175 18.3337 10.0001 18.3337C14.6084 18.3337 18.3334 14.6087 18.3334 10.0003C18.3334 5.39199 14.6084 1.66699 10.0001 1.66699ZM14.1667 12.992L12.9917 14.167L10.0001 11.1753L7.00842 14.167L5.83342 12.992L8.82508 10.0003L5.83342 7.00866L7.00842 5.83366L10.0001 8.82533L12.9917 5.83366L14.1667 7.00866L11.1751 10.0003L14.1667 12.992Z' fill='%236B7280'/%3E%3C/svg%3E");
}
.new-search-input-wrap > button.search-page-submit-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9167 11.6667H12.2583L12.025 11.4417C12.8417 10.4917 13.3333 9.25833 13.3333 7.91667C13.3333 4.925 10.9083 2.5 7.91667 2.5C4.925 2.5 2.5 4.925 2.5 7.91667C2.5 10.9083 4.925 13.3333 7.91667 13.3333C9.25833 13.3333 10.4917 12.8417 11.4417 12.025L11.6667 12.2583V12.9167L15.8333 17.075L17.075 15.8333L12.9167 11.6667ZM7.91667 11.6667C5.84167 11.6667 4.16667 9.99167 4.16667 7.91667C4.16667 5.84167 5.84167 4.16667 7.91667 4.16667C9.99167 4.16667 11.6667 5.84167 11.6667 7.91667C11.6667 9.99167 9.99167 11.6667 7.91667 11.6667Z' fill='%236B7280'/%3E%3C/svg%3E");
  cursor: auto;
}
.new-search-input-wrap input.search-searchWord {
  width: 100%;
  height: 48px;
  border: 0;
  padding: 14px 40px 14px var(--spacing-16, 16px);
  border-radius: var(--border-radius-5, 5px);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-size: var(--body-md-font-size);
  font-style: normal;
  font-weight: var(--body-md-font-weight-400);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
  border: var(--border-width-1, 1px) solid var(--color-bg-primary);
}
.new-search-input-wrap input.search-searchWord::placeholder {
  color: var(--color-text-tertiary, #6B7280);
}
.new-search-input-wrap input.search-searchWord:focus {
  border: var(--border-width-1, 1px) solid var(--color-border-interactive-primary, #102E67);
}
/* 새 필터 디자인 */
.new-filter-button {
  display: flex;
  height: 48px;
  padding: var(--8-equal, 8px) var(--16-equal, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--4-equal, 4px);
  border-radius: var(--border-radius-5, 5px);
  background: var(--color-bg-primary);
  transition: all .3s;
  cursor: pointer;
  border: 0;
  outline: none;
}
.new-filter-button:hover {
  background: var(--color-bg-tertiary, #E5E7EB);
}
.new-filter-button .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.16667 17.5V12.5H10.8333V14.1667H17.5V15.8333H10.8333V17.5H9.16667ZM2.5 15.8333V14.1667H7.5V15.8333H2.5ZM5.83333 12.5V10.8333H2.5V9.16667H5.83333V7.5H7.5V12.5H5.83333ZM9.16667 10.8333V9.16667H17.5V10.8333H9.16667ZM12.5 7.5V2.5H14.1667V4.16667H17.5V5.83333H14.1667V7.5H12.5ZM2.5 5.83333V4.16667H10.8333V5.83333H2.5Z' fill='black'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
}
.new-filter-button .text {
  color: var(--color-text-primary);
  font-family: var(--body-font-family);
  font-size: var(--body-md-font-size);
  font-style: normal;
  font-weight: var(--body-md-font-weight-500);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
}
.new-filter-result {
  display: flex;
  padding: var(--14-equal) var(--16-equal);
  justify-content: center;
  align-items: center;
  gap: var(--4-equal);
  border-radius: var(--border-radius-5);
  background: var(--color-bg-interactive-secondary);
  max-width: 100%;
}
.new-filter-result > .text {
  flex: 1;
  color: var(--color-text-interactive-inverse);
  font-family: var(--body-font-family);
  font-size: var(--body-md-font-size);
  font-style: normal;
  font-weight: var(--body-md-font-weight-400);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  cursor: pointer;
}
.new-filter-result > .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8333 5.3415L14.6583 4.1665L9.99996 8.82484L5.34163 4.1665L4.16663 5.3415L8.82496 9.99984L4.16663 14.6582L5.34163 15.8332L9.99996 11.1748L14.6583 15.8332L15.8333 14.6582L11.175 9.99984L15.8333 5.3415Z' fill='white'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .main-lp-link-wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.main-lp-link-wrap .main-lp-link {
  position: relative;
  width: 430px;
  margin: 0 auto;
  border-radius: 100px;
  padding: 11px 16px;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}
.main-lp-link-wrap .main-lp-link:before {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: #f2f4f7;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0 100%;
  transform: rotateY(180deg);
  transition: all 0.3s;
  opacity: 0;
}
.main-lp-link-wrap .main-lp-link:after {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: #f2f4f7;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: 100% 0;
  transform: rotateY(0deg);
  transition: all 0.3s;
  opacity: 1;
}
.main-lp-link-wrap .main-lp-link:hover {
  color: var(--color-text-interactive-inverse);
}
.main-lp-link-wrap .main-lp-link:hover:before {
  background-color: var(--color-bg-interactive-secondary);
  transform: rotateY(0deg);
  opacity: 1;
}
.main-lp-link-wrap .main-lp-link:hover:after {
  transform: rotateY(180deg);
  opacity: 0;
}
.main-lp-link-wrap .main-lp-link:hover .txt {
  color: var(--color-text-interactive-inverse);
}
.main-lp-link-wrap .main-lp-link:hover .arrow svg path {
  fill: var(--color-bg-primary);
}
@media screen and (max-width: 768px) {
  .main-lp-link-wrap .main-lp-link {
    width: 100%;
    padding: 11px 40px;
  }
}
.main-lp-link-wrap .main-lp-link .txt {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .main-lp-link-wrap .main-lp-link .txt {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
  }
}
.main-lp-link-wrap .main-lp-link .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pitchDeck-banner-new-add .img {
  display: block;
}
.pitchDeck-banner-new-add .img.pc {
  border: 3px solid #26190E;
  display: block;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner-new-add .img.pc {
    display: none;
  }
}
.pitchDeck-banner-new-add .img.mob {
  border: 2px solid #26190E;
  display: none;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner-new-add .img.mob {
    display: block;
  }
}
.pitchDeck-banner-new-add .img img {
  width: 100%;
}
.pitchDeck-banner-new-add .txt {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .pitchDeck-banner-new-add .txt {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    margin-top: 16px;
  }
  .pitchDeck-banner-new-add .txt .brClass {
    display: none;
  }
}

.message-container {
  background-color: #f2f4f7;
}
@media screen and (max-width: 768px) {
  .message-container {
    background-color: var(--color-bg-primary);
  }
}
@media screen and (max-width: 768px) {
  .message-container .box-wrap-new-mid {
    padding-left: 0;
    padding-right: 0;
  }
}

.message-wrap {
  display: flex;
  gap: 17px;
}
.message-wrap .menu-section {
  background-color: var(--color-bg-primary);
  border-radius: 15px;
  width: 377px;
  max-height: 680px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .message-wrap .menu-section {
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .message-wrap .menu-section {
    width: 100%;
  }
}
.message-wrap .menu-section .message-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 80px;
  border-bottom: 2px solid #f2f4f7;
  padding: 20px 19px 26px 24px;
}
@media screen and (max-width: 768px) {
  .message-wrap .menu-section .message-top {
    padding: 16px 20px;
    display: block;
  }
}
.message-wrap .menu-section .message-top h2 {
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .message-wrap .menu-section .message-top h2 {
    font-size: 18px;
    font-weight: bold;
  }
}
.message-wrap .menu-section .message-top .createNew {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 128px;
  height: 28px;
  border-radius: 100px;
  background-color: var(--color-bg-interactive-secondary);
  outline: 0;
  border: 0;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .message-wrap .menu-section .message-top .createNew {
    margin-left: auto;
    margin-top: 16px;
  }
}
.message-wrap .menu-section .message-top .createNew .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-wrap .menu-section .message-top .createNew .txt {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
}
.message-wrap .menu-section .message-body {
  height: 600px;
  overflow-y: auto;
}
.message-wrap .menu-section .message-body::-webkit-scrollbar {
  width: 4px;
}
.message-wrap .menu-section .message-body::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #c2c4c7;
}
.message-wrap .menu-section .message-body::-webkit-scrollbar-track {
  background-color: #e6e7e9;
}
@media screen and (max-width: 768px) {
  .message-wrap .menu-section .message-body {
    height: 570px;
  }
}
.message-wrap .menu-section .message-body .message-list-no {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  width: 268px;
  height: 48px;
  border-radius: 100px;
  margin: 28px auto 0;
}
@media screen and (max-width: 768px) {
  .message-wrap .menu-section .message-body .message-list-no {
    flex-wrap: wrap;
    margin: 100px auto 0;
  }
}
.message-wrap .menu-section .message-body .message-list-no .top-img {
  display: none;
}
@media screen and (max-width: 768px) {
  .message-wrap .menu-section .message-body .message-list-no .top-img {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
  }
  .message-wrap .menu-section .message-body .message-list-no .top-img .txt-inner {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-interactive-primary);
  }
}
.message-wrap .menu-section .message-body .message-list-no .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-wrap .menu-section .message-body .message-list-no .txt {
  font-size: 14px;
  font-weight: normal;
}
.message-wrap .menu-section .message-body .message-list .message-item {
  padding: 16px;
  display: flex;
  gap: 12px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #F2F4F7;
}
.message-wrap .menu-section .message-body .message-list .message-item.active {
  background-color: #E4EDFF;
}
.message-wrap .menu-section .message-body .message-list .message-item .img-wrap {
  position: relative;
  display: flex;
  width: 48px;
  height: 48px;
}
.message-wrap .menu-section .message-body .message-list .message-item .img-wrap .img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.message-wrap .menu-section .message-body .message-list .message-item .img-wrap .img img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .message-wrap .menu-section .message-body .message-list .message-item .img-wrap .img {
    width: 38px;
    height: 38px;
  }
}
.message-wrap .menu-section .message-body .message-list .message-item .img-wrap .new {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--color-bg-interactive-destructive);
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--color-text-interactive-inverse);
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-wrap .menu-section .message-body .message-list .message-item .txt-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  margin-right: 25px;
}
.message-wrap .menu-section .message-body .message-list .message-item .txt-wrap .name {
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media screen and (max-width: 768px) {
  .message-wrap .menu-section .message-body .message-list .message-item .txt-wrap .name {
    font-size: 14px;
    font-weight: 500;
  }
}
.message-wrap .menu-section .message-body .message-list .message-item .txt-wrap .desc {
  font-size: 14px;
  font-weight: normal;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #5B5B5B;
}
@media screen and (max-width: 768px) {
  .message-wrap .menu-section .message-body .message-list .message-item .txt-wrap .desc {
    font-size: 12px;
    font-weight: normal;
  }
}
.message-wrap .menu-section .message-body .message-list .message-item .txt-wrap .date {
  margin-top: 6px;
  font-size: 12px;
  color: #5B5B5B;
  text-align: right;
  position: relative;
  right: -25px;
}
.message-wrap .menu-section .message-body .message-list .message-item .more-wrap {
  margin-left: auto;
  position: absolute;
  right: 10px;
  top: 10px;
}
.message-wrap .menu-section .message-body .message-list .message-item .more-wrap .more {
  display: block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
}
.message-wrap .menu-section .message-body .message-list .message-item .more-wrap .more span {
  width: 3px;
  height: 3px;
  background-color: var(--color-bg-interactive-inverse);
}
.message-wrap .menu-section .message-body .message-list .message-item .more-wrap .more span:before, .message-wrap .menu-section .message-body .message-list .message-item .more-wrap .more span:after {
  width: 3px;
  height: 3px;
  background-color: var(--color-bg-interactive-inverse);
}
.message-wrap .menu-section .message-body .message-list .message-item .more-wrap .more span:before {
  left: -5px;
}
.message-wrap .menu-section .message-body .message-list .message-item .more-wrap .more span:after {
  left: 5px;
}
.message-wrap .menu-section .message-body .message-list .message-item .more-wrap .more-box {
  right: 0;
  top: 30px;
  width: 110px;
  min-width: auto;
}
.message-wrap .menu-section .message-body .message-list .message-item .more-wrap .more-box .item {
  text-align: center;
  cursor: pointer;
  border-bottom: 0;
}
.message-wrap .chat-wrap {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap {
    position: fixed;
    left: -999px;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
  }
  .message-wrap .chat-wrap.active {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner {
    height: 100%;
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-wrap-no {
  display: flex;
  flex-direction: column;
  padding: 16px 18px 16px 32px;
  background-color: var(--color-bg-primary);
  border-radius: 15px;
  gap: 24px;
  justify-content: center;
  align-items: center;
  height: 628px;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .chat-wrap-no {
    display: none;
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-wrap-no .txt {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: var(--color-text-interactive-primary);
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container {
  display: flex;
  flex-direction: column;
  padding: 16px 18px 16px 32px;
  background-color: var(--color-bg-primary);
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .chat-container {
    border-radius: 0;
    padding: 0;
    height: calc(100% - 48px);
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-title {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  padding-top: 0;
  position: relative;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -32px;
  width: calc( 100% + 50px);
  height: 2px;
  background-color: #f2f4f7;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-title:after {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-title {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 20px;
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-title .img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-title .img {
    width: 38px;
    height: 38px;
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-title .img img {
  width: 100%;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-title .txt {
  font-size: 16px;
  font-weight: 500;
  flex: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-title .title-x-icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-title .title-x-icon {
    display: flex;
    cursor: pointer;
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area {
  height: 516px;
  overflow-y: auto;
  margin-top: 16px;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area::-webkit-scrollbar {
  width: 4px;
  margin-right: 10px;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #c2c4c7;
  margin-right: 10px;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area::-webkit-scrollbar-track {
  background-color: #e6e7e9;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area {
    height: auto;
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .date {
  text-align: center;
  font-size: 15px;
  color: #676767;
  padding: 23px 0 23px 0;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .date.dating {
  font-size: 14px;
  font-weight: normal;
  color: #8a8f95;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background-color: #f2f4f7;
  width: 150px;
  margin: 32px auto;
  padding: 4px 24px;
  border-radius: 100px;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .date.dating > .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .notibox {
  text-align: center;
  padding-bottom: 15px;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .notibox span {
  display: inline-block;
  padding: 16px 28px;
  font-size: 15px;
  background: #A3A9C0;
  border-radius: 10px;
  color: var(--color-text-interactive-inverse);
  line-height: 22px;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat {
  margin-top: 24px;
  padding-right: 32px;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat {
    padding-left: 20px;
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat.avatar {
  display: flex;
  gap: 12px;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat.avatar .avatar-image {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat.avatar .avatar-image img {
  width: 100%;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat.avatar .message-box .avatar-name {
  display: none;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat.avatar .message-box .message-time {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat.avatar .message-box .message-time .message-text {
  font-size: 14px;
  font-weight: normal;
  background-color: #e6e7e9;
  padding: 6px 12px 8px;
  border-radius: 0 10px 10px 10px;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat.avatar .message-box .message-time .timestamps {
  margin-top: 8px;
  font-size: 12px;
  color: #5B5B5B;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat.wirter .message-box .message-time {
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat.wirter .message-box .message-time .message-text {
  font-size: 14px;
  font-weight: normal;
  background-color: #E4EDFF;
  padding: 6px 12px 8px;
  border-radius: 10px 0 10px 10px;
  margin-left: auto;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .message-area .message-list-chat.wirter .message-box .message-time .timestamps {
  margin-top: 8px;
  font-size: 12px;
  color: #5B5B5B;
  margin-left: auto;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .chat-node-block {
  font-size: 14px;
  font-weight: normal;
  color: #8a8e95;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  border-radius: 100px;
  background-color: #f2f4f7;
  margin: 39px auto 23px;
  width: 500px;
  max-width: 90%;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .chat-node-block {
    width: auto;
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .chat-area .chat-node-block > .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-wrap .chat-wrap .chat-wrap-inner .chat-container .message-write-area {
  height: 16px;
}
.message-wrap .chat-wrap .chat-wrap-inner .message-write-inner {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .message-write-inner {
    margin-top: 0;
    padding: 6px 20px;
    background-color: #f2f4f7;
    -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2), 0 3px 12px rgba(0, 0, 0, 0.2), 0 5px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2), 0 3px 12px rgba(0, 0, 0, 0.2), 0 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2), 0 3px 12px rgba(0, 0, 0, 0.2), 0 5px 5px rgba(0, 0, 0, 0.25);
    position: relative;
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .message-write-inner .write-box {
  flex: 1;
}
.message-wrap .chat-wrap .chat-wrap-inner .message-write-inner .write-box input {
  width: 100%;
  border-radius: 100px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: normal;
  border: 0;
  background-color: var(--color-bg-primary);
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .message-write-inner .write-box input {
    padding: 8px 35px 8px 24px;
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .message-write-inner .write-box input::placeholder {
  color: #c2c4c7;
}
.message-wrap .chat-wrap .chat-wrap-inner .message-write-inner .btn-send {
  width: 86px;
  background-color: #c2c4c7;
  border-radius: 100px;
  color: var(--color-text-interactive-inverse);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: auto;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .message-write-inner .btn-send {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .message-write-inner .btn-send.active {
  background-color: var(--color-bg-interactive-primary);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .message-write-inner .btn-send .txt {
    display: none;
  }
}
.message-wrap .chat-wrap .chat-wrap-inner .message-write-inner .btn-send .img {
  display: none;
}
@media screen and (max-width: 768px) {
  .message-wrap .chat-wrap .chat-wrap-inner .message-write-inner .btn-send .img {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.message-new-search-pop {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 628px;
  min-height: 608px;
  max-height: 90%;
  border-radius: 10px;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  z-index: 9970;
}
@media screen and (max-width: 768px) {
  .message-new-search-pop {
    width: 90%;
  }
}
.message-new-search-pop .x-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.message-new-search-pop .message-new-search {
  padding: 56px 40px;
}
@media screen and (max-width: 768px) {
  .message-new-search-pop .message-new-search {
    padding: 60px 20px 32px;
  }
}
.message-new-search-pop .message-new-search .search-wrap {
  position: relative;
}
.message-new-search-pop .message-new-search .search-wrap input {
  font-size: 14px;
  font-weight: normal;
  background-color: #f2f4f7;
  width: 100%;
  padding: 14px 24px;
  border-radius: 5px;
  border: 0;
  outline: 0;
}
.message-new-search-pop .message-new-search .search-wrap input::placeholder {
  color: #5B5B5B;
}
.message-new-search-pop .message-new-search .search-wrap input::-ms-clear, .message-new-search-pop .message-new-search .search-wrap input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.message-new-search-pop .message-new-search .search-wrap input::-webkit-search-decoration, .message-new-search-pop .message-new-search .search-wrap input::-webkit-search-cancel-button, .message-new-search-pop .message-new-search .search-wrap input::-webkit-search-results-button, .message-new-search-pop .message-new-search .search-wrap input::-webkit-search-results-decoration {
  display: none;
}
@media screen and (max-width: 768px) {
  .message-new-search-pop .message-new-search .search-wrap input {
    padding: 8px 16px;
  }
}
.message-new-search-pop .message-new-search .search-wrap .search-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .message-new-search-pop .message-new-search .search-wrap .search-icon {
    right: 12px;
  }
}
.message-new-search-pop .message-new-search .search-wrap .search-x-icon {
  display: none;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .message-new-search-pop .message-new-search .search-wrap .search-x-icon {
    right: 12px;
  }
}
.message-new-search-pop .message-new-search .search-list {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .message-new-search-pop .message-new-search .search-list {
    margin-top: 24px;
  }
}
.message-new-search-pop .message-new-search .search-list .list {
  display: flex;
  flex-direction: column;
  height: 416px;
  overflow-y: auto;
}
.message-new-search-pop .message-new-search .search-list .list::-webkit-scrollbar {
  width: 4px;
  margin-right: 10px;
}
.message-new-search-pop .message-new-search .search-list .list::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #c2c4c7;
  margin-right: 10px;
}
.message-new-search-pop .message-new-search .search-list .list::-webkit-scrollbar-track {
  background-color: #e6e7e9;
}
.message-new-search-pop .message-new-search .search-list .list .item {
  display: none;
  gap: 12px;
  align-items: center;
  cursor: pointer;
  padding: 8px 16px 8px 24px;
}
.message-new-search-pop .message-new-search .search-list .list .item:hover, .message-new-search-pop .message-new-search .search-list .list .item:active {
  background-color: #f2f4f7;
}
.message-new-search-pop .message-new-search .search-list .list .item:hover .message-btn, .message-new-search-pop .message-new-search .search-list .list .item:active .message-btn {
  background-color: var(--color-brand-900);
}
.message-new-search-pop .message-new-search .search-list .list .item.acceptNode {
  display: flex;
}
@media screen and (max-width: 768px) {
  .message-new-search-pop .message-new-search .search-list .list .item {
    padding: 8px 16px;
  }
}
.message-new-search-pop .message-new-search .search-list .list .item .img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
}
.message-new-search-pop .message-new-search .search-list .list .item .img img {
  width: 100%;
}
.message-new-search-pop .message-new-search .search-list .list .item .name {
  padding-right: 12px;
  font-size: 14px;
  font-weight: normal;
  flex: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.message-new-search-pop .message-new-search .search-list .list .item .message-btn {
  width: 142px;
  height: 38px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .message-new-search-pop .message-new-search .search-list .list .item .message-btn {
    display: none;
  }
}
.message-new-search-pop .message-new-search .search-list .list .no-list-search {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: auto;
}
.message-new-search-pop .message-new-search .search-list .list .no-list-search .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-new-search-pop .message-new-search .search-list .list .no-list-search .txt {
  font-size: 18px;
  font-weight: 500;
}

.lp-container {
  width: 1000px;
  height: 700px;
  max-height: 85%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9970;
  background-color: var(--color-brand-900);
  background-image: url(../images/landing-page-bg-pop.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
}
@media screen and (max-width: 1200px) {
  .lp-container {
    width: 92%;
  }
}
@media screen and (max-width: 768px) {
  .lp-container {
    height: auto;
    max-height: 720px;
    background-image: url(../images/landing-page-bg-pop-mob.png);
  }
}
.lp-container .lp-body {
  height: 100%;
}
.lp-container .lp-wrap {
  width: 600px;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding-top: 48px;
  padding-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .lp-container .lp-wrap {
    width: 90%;
    height: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.lp-container .lp-wrap h2 {
  position: relative;
  color: var(--color-text-interactive-inverse);
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  border: 1px solid var(--color-border-interactive-secondary);
  padding: 10px 44px 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .lp-container .lp-wrap h2 {
    font-size: 22px;
  }
}
.lp-container .lp-wrap h2:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  width: 4px;
  height: 4px;
  background-color: var(--color-bg-interactive-secondary);
}
.lp-container .lp-wrap h2:after {
  content: "";
  position: absolute;
  right: -2px;
  top: -2px;
  width: 4px;
  height: 4px;
  background-color: var(--color-bg-interactive-secondary);
}
.lp-container .lp-wrap h2 span:before {
  content: "";
  position: absolute;
  left: -2px;
  bottom: -2px;
  width: 4px;
  height: 4px;
  background-color: var(--color-bg-interactive-secondary);
}
.lp-container .lp-wrap h2 span:after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 4px;
  height: 4px;
  background-color: var(--color-bg-interactive-secondary);
}
.lp-container .lp-wrap .sub-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-interactive-secondary);
  margin-bottom: 32px;
}
.lp-container .lp-wrap .desc-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .lp-container .lp-wrap .desc-title {
    font-size: 14px;
    font-weight: 500;
  }
}
.lp-container .lp-wrap .desc-wrap {
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.lp-container .lp-wrap .desc-wrap .desc {
  display: flex;
  gap: 3px;
}
.lp-container .lp-wrap .desc-wrap .desc .num {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  border-radius: 100px 0 0 100px;
  padding: 3px 14px 4px 11px;
  min-width: 46px;
  height: 32px;
  position: relative;
  top: -3px;
  background: -webkit-linear-gradient(left, var(--color-bg-interactive-secondary), rgba(65, 117, 219, 0));
  background: -moz-linear-gradient(left, var(--color-bg-interactive-secondary), rgba(65, 117, 219, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-bg-interactive-secondary)", endColorstr="rgba(65, 117, 219, 0)");
}
@media screen and (max-width: 768px) {
  .lp-container .lp-wrap .desc-wrap .desc .num {
    font-size: 14px;
    font-weight: 500;
  }
}
.lp-container .lp-wrap .desc-wrap .desc .txt {
  font-size: 16px;
  font-weight: normal;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .lp-container .lp-wrap .desc-wrap .desc .txt {
    font-size: 14px;
    font-weight: normal;
  }
}
.lp-container .lp-wrap .link-wrap {
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .lp-container .lp-wrap .link-wrap {
    margin-top: 40px;
  }
}
.lp-container .lp-wrap .link-wrap .btn {
  border-radius: 100px;
  background-color: var(--color-bg-interactive-secondary);
}
.lp-container .lp-wrap .pen-wrap {
  position: absolute;
  width: 300px;
  right: 120px;
  top: 180px;
}
.lp-container .lp-wrap .pen-wrap svg {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .lp-container .lp-wrap .pen-wrap {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .lp-container .lp-wrap .pen-wrap {
    width: 200px;
  }
}
.lp-container .lp-wrap .doNotShow-wrap {
  width: 760px;
  text-align: right;
  margin-top: auto;
  position: absolute;
  bottom: 38px;
  right: 30px;
}
@media screen and (max-width: 1200px) {
  .lp-container .lp-wrap .doNotShow-wrap {
    width: 730px;
  }
}
@media screen and (max-width: 991px) {
  .lp-container .lp-wrap .doNotShow-wrap {
    width: 640px;
  }
}
@media screen and (max-width: 768px) {
  .lp-container .lp-wrap .doNotShow-wrap {
    position: static;
    padding-top: 24px;
    width: auto;
  }
}
.lp-container .lp-wrap .doNotShow-wrap .doNotShow {
  color: var(--color-text-interactive-inverse);
  font-size: 14px;
  font-weight: 500;
  background: transparent;
  border-color: transparent;
  border-radius: 0;
  padding: 0;
  min-width: auto;
}
.lp-container .lp-wrap .doNotShow-wrap .doNotShow:hover, .lp-container .lp-wrap .doNotShow-wrap .doNotShow:active {
  color: var(--color-text-interactive-secondary);
}
.lp-container .lp-wrap.control {
  padding-top: 0;
  padding-bottom: 0;
  margin: 48px auto 28px;
  gap: 12px;
}
.lp-container .lp-wrap.control h2 {
  margin-bottom: 0;
}
.lp-container .lp-wrap.control .sub-title {
  margin-bottom: 0;
}
.lp-container .lp-wrap.control .link-wrap {
  margin-top: 0;
}
.lp-container .lp-wrap.control .doNotShow-wrap {
  padding-bottom: 28px;
  position: relative;
  bottom: 38px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .lp-container .lp-wrap.control .doNotShow-wrap {
    padding-bottom: 20px;
    position: static;
    padding-top: 0;
    margin-top: 0;
  }
}
.lp-container .x-icon {
  position: absolute;
  top: -42px;
  right: 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .lp-container .x-icon {
    position: fixed;
  }
}
.lp-container.scrollHeight {
  height: 100%;
  overflow-y: scroll;
}
.lp-container.scrollHeight::-webkit-scrollbar {
  width: 10px;
}
.lp-container.scrollHeight::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: var(--color-bg-interactive-secondary);
  border: 6px solid transparent;
}
.lp-container.scrollHeight::-webkit-scrollbar-track {
  background-color: var(--color-brand-900);
}
@media screen and (max-width: 768px) {
  .lp-container.scrollHeight {
    max-height: 85%;
  }
}
.lp-container.scrollHeight .x-icon {
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
}
.lp-container.scrollHeight .x-icon svg {
  width: 100%;
}
.lp-container.scrollHeight .doNotShow-wrap {
  padding-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .lp-container.scrollHeight .doNotShow-wrap {
    padding-bottom: 20px;
  }
}

.newYear-container {
  width: 1000px;
  height: 693px;
  max-height: 85%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9970;
  background-color: #004834;
  border-radius: 20px;
}
@media screen and (max-width: 1200px) {
  .newYear-container {
    width: 92%;
  }
}
@media screen and (max-width: 768px) {
  .newYear-container {
    height: auto;
    max-height: 600px;
  }
}
.newYear-container .newYear-body {
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.newYear-container .newYear-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 355px;
  padding-bottom: 48px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap {
    width: 90%;
    height: 100%;
    padding-top: 236px;
    padding-bottom: 24px;
  }
}
.newYear-container .newYear-wrap h2 {
  font-family: "DM Serif Display", serif;
  font-size: 46px;
  font-weight: normal;
  color: #E0C584;
  text-align: center;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 410px) {
  .newYear-container .newYear-wrap h2 {
    line-height: 1.1;
  }
}
.newYear-container .newYear-wrap .main-desc {
  font-size: 16px;
  font-weight: normal;
  color: var(--color-text-interactive-inverse);
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .main-desc {
    font-size: 14px;
    font-weight: normal;
  }
}
.newYear-container .newYear-wrap .sub-desc {
  font-size: 16px;
  font-weight: 500;
  color: #E0C584;
  text-align: center;
}
.newYear-container .newYear-wrap .link-wrap {
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .link-wrap {
    margin-top: 40px;
  }
}
.newYear-container .newYear-wrap .link-wrap .btn {
  border-radius: 100px;
  background-color: #E0C584;
  color: #004834;
}
.newYear-container .newYear-wrap .icon-wrap > div {
  position: absolute;
}
.newYear-container .newYear-wrap .icon-wrap > div.main-icon-1 {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .icon-wrap > div.main-icon-1 {
    width: 156px;
  }
  .newYear-container .newYear-wrap .icon-wrap > div.main-icon-1 svg {
    width: 100%;
    height: 100%;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.main-icon-2 {
  left: 56px;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .icon-wrap > div.main-icon-2 {
    left: 28px;
    top: -60px;
    width: 60px;
  }
  .newYear-container .newYear-wrap .icon-wrap > div.main-icon-2 svg {
    width: 100%;
    height: 100%;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.main-icon-3 {
  right: 42px;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .newYear-container .newYear-wrap .icon-wrap > div.main-icon-3 {
    top: -160px;
  }
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .icon-wrap > div.main-icon-3 {
    right: 25px;
    top: -115px;
    width: 70px;
  }
  .newYear-container .newYear-wrap .icon-wrap > div.main-icon-3 svg {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 350px) {
  .newYear-container .newYear-wrap .icon-wrap > div.main-icon-3 {
    top: -100px;
    width: 60px;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-1 {
  top: -24px;
  right: -49px;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .icon-wrap > div.sub-icon-1 {
    width: 70px;
    right: auto;
    left: 65%;
    transform: translateX(-50%);
  }
  .newYear-container .newYear-wrap .icon-wrap > div.sub-icon-1 svg {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 350px) {
  .newYear-container .newYear-wrap .icon-wrap > div.sub-icon-1 {
    display: none;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-2 {
  width: 98px;
  top: 71px;
  left: 37%;
  transform: translateX(-50%);
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-2 svg {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .icon-wrap > div.sub-icon-2 {
    width: 56px;
    top: 95px;
    left: 16px;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-3 {
  width: 98px;
  top: 516px;
  left: -28px;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .icon-wrap > div.sub-icon-3 {
    width: 20px;
    left: 25px;
    top: 448px;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-3 svg {
  width: 100%;
  height: 100%;
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-4 {
  width: 68px;
  top: 366px;
  left: 20%;
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-4 svg {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .newYear-container .newYear-wrap .icon-wrap > div.sub-icon-4 {
    display: none;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-5 {
  width: 20px;
  top: 572px;
  left: 10%;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .icon-wrap > div.sub-icon-5 {
    display: none;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-5 svg {
  width: 100%;
  height: 100%;
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-6 {
  width: 18px;
  top: 63px;
  left: 15%;
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-6 svg {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .icon-wrap > div.sub-icon-6 {
    width: 29px;
    top: 191px;
    left: 15%;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-7 {
  width: 29px;
  top: 229px;
  right: 25%;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .icon-wrap > div.sub-icon-7 {
    width: 40px;
    top: 136px;
    right: 10%;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-7 svg {
  width: 100%;
  height: 100%;
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-8 {
  width: 18px;
  top: 564px;
  right: 20%;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .icon-wrap > div.sub-icon-8 {
    display: none;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-8 svg {
  width: 100%;
  height: 100%;
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-9 {
  width: 20px;
  top: 36px;
  right: 15%;
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .icon-wrap > div.sub-icon-9 {
    display: none;
  }
}
.newYear-container .newYear-wrap .icon-wrap > div.sub-icon-9 svg {
  width: 100%;
  height: 100%;
}
.newYear-container .newYear-wrap .doNotShow-wrap {
  width: 760px;
  text-align: right;
  margin-top: auto;
  position: absolute;
  bottom: 38px;
  right: 30px;
}
@media screen and (max-width: 1200px) {
  .newYear-container .newYear-wrap .doNotShow-wrap {
    width: 730px;
  }
}
@media screen and (max-width: 991px) {
  .newYear-container .newYear-wrap .doNotShow-wrap {
    width: 640px;
  }
}
@media screen and (max-width: 768px) {
  .newYear-container .newYear-wrap .doNotShow-wrap {
    position: static;
    padding-top: 24px;
    width: auto;
  }
}
.newYear-container .newYear-wrap .doNotShow-wrap .doNotShow {
  color: var(--color-text-interactive-inverse);
  font-size: 14px;
  font-weight: 500;
  background: transparent;
  border-color: transparent;
  border-radius: 0;
  padding: 0;
  min-width: auto;
}
.newYear-container .newYear-wrap .doNotShow-wrap .doNotShow:hover, .newYear-container .newYear-wrap .doNotShow-wrap .doNotShow:active {
  color: #E0C584;
}
.newYear-container.newYear-container2 {
  background-color: #011D3F;
}
.newYear-container.newYear-container2 .newYear-wrap2 {
  padding-top: 157px;
  padding-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .newYear-container.newYear-container2 .newYear-wrap2 {
    padding-top: 182px;
    padding-bottom: 24px;
  }
}
.newYear-container.newYear-container2 .newYear-wrap2 .newYear-logo {
  width: 150px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .newYear-container.newYear-container2 .newYear-wrap2 .newYear-logo {
    width: 93px;
  }
}
.newYear-container.newYear-container2 .newYear-wrap2 .newYear-logo img {
  width: 100%;
}
.newYear-container.newYear-container2 .newYear-wrap2 .newYear-title {
  font-size: 46px;
  font-weight: bold;
  line-height: 60px;
  color: #E0C584;
  text-align: center;
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .newYear-container.newYear-container2 .newYear-wrap2 .newYear-title {
    font-size: 32px;
    line-height: 40px;
    margin-top: 12px;
  }
}
.newYear-container.newYear-container2 .newYear-wrap2 .newYear-title span {
  font-weight: normal;
}
.newYear-container.newYear-container2 .newYear-wrap2 .newYear-title .br {
  display: none;
}
@media screen and (max-width: 350px) {
  .newYear-container.newYear-container2 .newYear-wrap2 .newYear-title .br {
    display: block;
  }
}
.newYear-container.newYear-container2 .newYear-wrap2 .newYear-desc {
  color: var(--color-text-interactive-inverse);
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin-top: 16px;
}
@media screen and (max-width: 600px) {
  .newYear-container.newYear-container2 .newYear-wrap2 .newYear-desc {
    font-size: 14px;
    font-weight: normal;
    margin-top: 8px;
  }
  .newYear-container.newYear-container2 .newYear-wrap2 .newYear-desc .br {
    display: none;
  }
}
.newYear-container.newYear-container2 .newYear-wrap2 .link-wrap .btn {
  color: #011D3F;
  position: relative;
  z-index: 2;
}
.newYear-container.newYear-container2 .newYear-wrap2 .doNotShow-wrap {
  bottom: 70px;
  z-index: 1;
  width: auto;
}
@media screen and (max-width: 768px) {
  .newYear-container.newYear-container2 .newYear-wrap2 .doNotShow-wrap {
    padding-right: 0;
    padding-bottom: 0;
    text-align: center;
    width: 100%;
  }
}
.newYear-container.newYear-container2 .newYear-wrap2 .icon-wrap2 .main-icon-1 {
  position: absolute;
  left: 32px;
  top: 39px;
}
@media screen and (max-width: 768px) {
  .newYear-container.newYear-container2 .newYear-wrap2 .icon-wrap2 .main-icon-1 {
    display: none;
  }
}
.newYear-container.newYear-container2 .newYear-wrap2 .icon-wrap2 .main-icon-2 {
  position: absolute;
  right: 32px;
  top: 39px;
}
@media screen and (max-width: 768px) {
  .newYear-container.newYear-container2 .newYear-wrap2 .icon-wrap2 .main-icon-2 {
    display: none;
  }
}
.newYear-container.newYear-container2 .newYear-wrap2 .icon-wrap2 .main-icon-3 {
  display: none;
}
@media screen and (max-width: 768px) {
  .newYear-container.newYear-container2 .newYear-wrap2 .icon-wrap2 .main-icon-3 {
    display: block;
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.newYear-container .x-icon {
  position: absolute;
  top: -42px;
  right: 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .newYear-container .x-icon {
    position: fixed;
  }
}
.newYear-container.scrollHeight {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.newYear-container.scrollHeight::-webkit-scrollbar {
  width: 10px;
}
.newYear-container.scrollHeight::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: transparent;
  border: 1px solid transparent;
}
.newYear-container.scrollHeight::-webkit-scrollbar-track {
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  .newYear-container.scrollHeight {
    height: 600px;
    max-height: 85%;
  }
}
.newYear-container.scrollHeight .newYear-body {
  position: static;
  border-radius: 0;
  height: auto;
}
@media screen and (max-width: 768px) {
  .newYear-container.scrollHeight .newYear-body {
    height: auto;
  }
}
.newYear-container.scrollHeight .x-icon {
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
}
.newYear-container.scrollHeight .x-icon svg {
  width: 100%;
}
.newYear-container.scrollHeight .doNotShow-wrap {
  padding-bottom: 0;
  position: static;
  width: auto;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .newYear-container.scrollHeight .doNotShow-wrap {
    padding-bottom: 20px;
  }
}

.lp-overlay {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9969;
  background: rgba(0, 0, 0, 0.7);
}

.new-container .channel-container {
  padding: 63px 0;
  background-color: rgba(25, 25, 25, 0.8);
}
@media screen and (max-width: 1400px) {
  .new-container .channel-container {
    padding: 63px 0 63px 18px;
  }
}
@media screen and (max-width: 768px) {
  .new-container .channel-container {
    padding: 60px 20px 80px;
  }
}
.new-container .channel-container > div {
  display: flex;
  gap: 64px;
  position: relative;
  padding-left: 144px;
}
@media screen and (max-width: 991px) {
  .new-container .channel-container > div {
    padding-left: 55px;
  }
}
@media screen and (max-width: 768px) {
  .new-container .channel-container > div {
    padding-left: 20px;
    flex-direction: column;
    gap: 38px;
    align-items: center;
  }
}
.new-container .channel-container .bg-img {
  position: absolute;
  width: 315px;
  top: 50%;
  right: 144px;
  transform: translateY(-50%);
  z-index: -4;
}
@media screen and (max-width: 1400px) {
  .new-container .channel-container .bg-img {
    right: 55px;
  }
}
@media screen and (max-width: 768px) {
  .new-container .channel-container .bg-img {
    width: 231px;
    right: auto;
    bottom: 54px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.new-container .channel-container .bg-img img {
  width: 100%;
}
.new-container .channel-container .img {
  width: 182px;
  height: 182px;
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
  margin-left: 18px;
}
@media screen and (max-width: 1400px) {
  .new-container .channel-container .img {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .new-container .channel-container .img {
    width: 140px;
    height: 140px;
    margin-bottom: 14px;
    margin-left: 14px;
  }
}
.new-container .channel-container .img:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -18px;
  bottom: -18px;
  background-color: var(--color-bg-interactive-secondary);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .new-container .channel-container .img:after {
    left: -14px;
    bottom: -14px;
  }
}
.new-container .channel-container .img img {
  width: 100%;
}
.new-container .channel-container .txt {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .new-container .channel-container .txt {
    align-items: center;
  }
}
.new-container .channel-container .txt .main-title {
  color: var(--color-text-interactive-inverse);
  font-size: 32px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .new-container .channel-container .txt .main-title {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
  }
}
.new-container .channel-container .txt .sub-title {
  color: var(--color-text-interactive-inverse);
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .new-container .channel-container .txt .sub-title {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
  }
}
.new-container .channel-container.basic .bg-img {
  width: 240px;
}
@media screen and (max-width: 768px) {
  .new-container .channel-container.basic .bg-img {
    width: 160px;
    top: auto;
    bottom: -100px;
  }
}
@media screen and (max-width: 1400px) {
  .new-container .channel-container.basic .img {
    margin-left: 20px;
  }
}
.new-container .channel-tab > div {
  border-bottom: 1px solid #c2c4c7;
  display: flex;
  gap: 56px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .new-container .channel-tab > div {
    gap: 48px;
  }
}
.new-container .channel-tab .tab-item {
  font-size: 20px;
  font-weight: bold;
  color: #c2c4c7;
  position: relative;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .new-container .channel-tab .tab-item {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 18px;
  }
}
.new-container .channel-tab .tab-item:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: transparent;
}
.new-container .channel-tab .tab-item.active {
  color: var(--color-text-interactive-primary);
}
.new-container .channel-tab .tab-item.active:after {
  background-color: var(--color-bg-interactive-secondary);
}
.new-container .channel-list .list-item {
  display: none;
}
.new-container .channel-list .list-item.active {
  display: block;
}
.new-container .new-play-content {
  display: flex;
  flex-wrap: wrap;
  gap: 64px 24px;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content {
    gap: 24px 16px;
  }
}
.new-container .new-play-content.center {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content.ver2 .play-content {
    width: calc( 100% / 2 - 8px );
    gap: 10px;
    flex-direction: column;
  }
  .new-container .new-play-content.ver2 .play-content .img-wrap .img-main {
    width: 100%;
  }
}
.new-container .new-play-content .play-content {
  width: calc( 100% / 4 - 18px );
  position: relative;
  cursor: auto;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content {
    width: 100%;
    display: flex;
    gap: 6px;
  }
}
.new-container .new-play-content .play-content.haveLink {
  cursor: pointer;
}
.new-container .new-play-content .play-content.haveLink:hover .img-wrap .img-main:after {
  opacity: 1;
}
.new-container .new-play-content .play-content.haveLink:hover .img-wrap .img-main img {
  transform: scale(1.2);
}
.new-container .new-play-content .play-content .img-wrap {
  display: flex;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .img-wrap {
    position: relative;
  }
}
.new-container .new-play-content .play-content .img-wrap .txt-point {
  font-size: 12px;
  font-weight: 500;
  border-radius: 50px;
  height: 25px;
  padding: 0 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 14px;
  top: 14px;
  background-color: var(--color-content-streaming-archive);
  color: var(--color-text-interactive-inverse);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .img-wrap .txt-point {
    font-size: 10px;
    left: 8px;
    top: 8px;
  }
}
.new-container .new-play-content .play-content .img-wrap .img-wappen {
  width: 40px;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .img-wrap .img-wappen {
    width: 30px;
    right: 8px;
    bottom: -8px;
    top: auto;
  }
}
.new-container .new-play-content .play-content .img-wrap .img-wappen img {
  width: 100%;
}
.new-container .new-play-content .play-content .img-wrap .img-main {
  height: 194px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-bg-interactive-inverse);
  border-radius: 10px;
  border: 1px solid #f2f4f7;
  overflow: hidden;
  position: relative;
}
.new-container .new-play-content .play-content .img-wrap .img-main:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s;
}
@media screen and (max-width: 1400px) {
  .new-container .new-play-content .play-content .img-wrap .img-main {
    height: 14vw;
  }
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .img-wrap .img-main {
    height: 24vw;
    width: 40vw;
  }
}
.new-container .new-play-content .play-content .img-wrap .img-main img {
  width: 100%;
  transition: all 0.3s;
  transform: scale(1);
}
.new-container .new-play-content .play-content .img-wrap .img-play {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: rgba(16, 46, 103, 0.6);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .img-wrap .img-play {
    width: 24px;
    height: 24px;
  }
}
.new-container .new-play-content .play-content .img-wrap .img-play img {
  margin-left: 2px;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .img-wrap .img-play img {
    width: 10px;
  }
}
.new-container .new-play-content .play-content .txt-wrap {
  margin-top: 20px;
  display: flex;
  gap: 14px;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .txt-wrap {
    gap: 10px;
    flex: 1;
    margin-top: 0;
  }
}
.new-container .new-play-content .play-content .txt-wrap .color {
  width: 6px;
  border-radius: 5px;
  background-color: #ccc;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .txt-wrap .color {
    width: 4px;
  }
}
.new-container .new-play-content .play-content .txt-wrap .txt {
  flex: 1;
}
.new-container .new-play-content .play-content .txt-wrap .txt .title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .txt-wrap .txt .title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
  }
}
.new-container .new-play-content .play-content .txt-wrap .txt .name {
  font-size: 14px;
  font-weight: normal;
  color: #5B5B5B;
  margin-bottom: 16px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .txt-wrap .txt .name {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 4px;
  }
}
.new-container .new-play-content .play-content .txt-wrap .txt .info {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .txt-wrap .txt .info {
    gap: 2px 16px;
    flex-wrap: wrap;
  }
}
.new-container .new-play-content .play-content .txt-wrap .txt .info .type {
  font-size: 14px;
  font-weight: bold;
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .txt-wrap .txt .info .type {
    font-size: 12px;
  }
}
.new-container .new-play-content .play-content .txt-wrap .txt .info .date {
  font-size: 14px;
  font-weight: normal;
  color: #5B5B5B;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .new-container .new-play-content .play-content .txt-wrap .txt .info .date {
    font-size: 12px;
    font-weight: normal;
  }
}
.new-container .new-play-content .play-content.streaming .txt-wrap .color {
  background-color: var(--color-content-streaming-archive);
}
.new-container .new-play-content .play-content.streaming .txt-wrap .txt .info .type {
  color: var(--color-content-streaming-archive);
}
.new-container .new-play-content .play-content.video .txt-wrap .color {
  background-color: var(--color-content-video);
}
.new-container .new-play-content .play-content.video .txt-wrap .txt .info .type {
  color: var(--color-content-video);
}
.new-container .new-play-content .play-content.document .txt-wrap .color {
  background-color: var(--color-content-document);
}
.new-container .new-play-content .play-content.document .txt-wrap .txt .info .type {
  color: var(--color-content-document);
}
.new-container .new-play-content .play-content.blue .txt-wrap .color {
  background-color: var(--color-bg-interactive-secondary);
}
.new-container .new-play-content .play-content.blue .txt-wrap .txt .info .type {
  color: var(--color-text-interactive-secondary);
}
.new-container .new-channel-profile {
  width: 846px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .new-container .new-channel-profile {
    width: 100%;
  }
}
.new-container .new-channel-profile h3 {
  padding-left: 20px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 24px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .new-container .new-channel-profile h3 {
    font-size: 18px;
    font-weight: 500;
  }
}
.new-container .new-channel-profile h3:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 16px;
  border-radius: 5px;
  background-color: var(--color-bg-interactive-secondary);
}
@media screen and (max-width: 768px) {
  .new-container .new-channel-profile h3:after {
    height: 70%;
  }
}
.new-container .new-channel-profile .desc {
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #e6e7e9;
  font-size: 14px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .new-container .new-channel-profile .desc {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
.new-container .new-channel-profile .desc:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.new-container .new-channel-profile .desc strong {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .new-container .new-channel-profile .desc strong {
    margin-top: 6px;
    margin-bottom: 8px;
  }
}
.new-container .new-channel-profile .desc.swiper-wrap {
  width: 100%;
  background-color: #f2f4f7;
  border-radius: 15px;
  padding: 32px 124px;
  margin-bottom: 40px;
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .new-container .new-channel-profile .desc.swiper-wrap {
    padding: 20px;
    border-radius: 0;
    margin-bottom: 32px;
  }
}
.new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-pagination {
  text-align: center;
  position: absolute;
  bottom: -40px;
}
@media screen and (max-width: 768px) {
  .new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-pagination {
    bottom: -32px;
  }
}
.new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-button-prev {
  background-image: url("/images/advisory-left-button.png");
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  left: 50px;
}
@media screen and (max-width: 1250px) {
  .new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-button-prev {
    left: 30px;
  }
}
.new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-button-next {
  background-image: url("/images/advisory-right-button.png");
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  right: 50px;
}
@media screen and (max-width: 1250px) {
  .new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-button-next {
    right: 30px;
  }
}
.new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-button-prev, .new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-button-next {
  background-repeat: no-repeat;
  background-size: 100%;
  width: 52px;
  height: 52px;
}
@media screen and (max-width: 768px) {
  .new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-button-prev, .new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-button-next {
    display: none;
  }
}
.new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-button-prev:after, .new-container .new-channel-profile .desc.swiper-wrap .channel.swiper-container .swiper-button-next:after {
  display: none;
}

.channel-popup {
  width: 800px;
  min-height: 614px;
  margin: 0 auto;
  padding: 48px 80px;
  position: fixed;
  z-index: 9970;
  background-color: var(--color-bg-primary);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 991px) {
  .channel-popup {
    width: 95%;
    min-height: 325px;
    padding: 24px;
  }
}
.channel-popup .iframe-wrap {
  width: 640px;
  height: 360px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .channel-popup .iframe-wrap {
    width: 100%;
    height: 40vw;
  }
}
.channel-popup .iframe-wrap iframe {
  width: 100%;
  height: 100%;
}
.channel-popup .txt-wrap {
  width: 640px;
  margin-top: 20px;
  display: flex;
  gap: 14px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .channel-popup .txt-wrap {
    width: 100%;
    gap: 10px;
    flex: 1;
    margin-top: 16px;
  }
}
.channel-popup .txt-wrap .color {
  width: 6px;
  border-radius: 5px;
  background-color: var(--color-bg-interactive-secondary);
}
@media screen and (max-width: 768px) {
  .channel-popup .txt-wrap .color {
    width: 4px;
  }
}
.channel-popup .txt-wrap .txt {
  flex: 1;
}
.channel-popup .txt-wrap .txt .title {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .channel-popup .txt-wrap .txt .title {
    font-size: 14px;
    font-weight: 500;
  }
}

.advisor-container .advisor-re-search-wrap {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px 0;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-search-wrap {
    margin-top: 24px;
  }
}
.advisor-container .advisor-re-search-wrap .advisor-re-search {
  position: relative;
}
@media screen and (max-width: 991px) {
  .advisor-container .advisor-re-search-wrap .advisor-re-search {
    width: 100%;
  }
}
.advisor-container .advisor-re-search-wrap .advisor-re-search input {
  font-size: 14px;
  font-weight: normal;
  background-color: #f2f4f7;
  width: 516px;
  padding: 14px 24px;
  border-radius: 5px;
  border: 0;
  outline: 0;
}
.advisor-container .advisor-re-search-wrap .advisor-re-search input::placeholder {
  color: #5B5B5B;
}
.advisor-container .advisor-re-search-wrap .advisor-re-search input::-ms-clear, .advisor-container .advisor-re-search-wrap .advisor-re-search input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.advisor-container .advisor-re-search-wrap .advisor-re-search input::-webkit-search-decoration, .advisor-container .advisor-re-search-wrap .advisor-re-search input::-webkit-search-cancel-button, .advisor-container .advisor-re-search-wrap .advisor-re-search input::-webkit-search-results-button, .advisor-container .advisor-re-search-wrap .advisor-re-search input::-webkit-search-results-decoration {
  display: none;
}
@media screen and (max-width: 991px) {
  .advisor-container .advisor-re-search-wrap .advisor-re-search input {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-search-wrap .advisor-re-search input {
    padding: 8px 16px;
  }
}
.advisor-container .advisor-re-search-wrap .advisor-re-search .search-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-search-wrap .advisor-re-search .search-icon {
    right: 12px;
  }
}
.advisor-container .advisor-re-search-wrap .advisor-re-search .search-x-icon {
  display: none;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-search-wrap .advisor-re-search .search-x-icon {
    right: 12px;
  }
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category {
  position: relative;
  width: 340px;
  height: 48px;
  border-radius: 5px;
  cursor: pointer;
  background-color: #f2f4f7;
}
@media screen and (max-width: 991px) {
  .advisor-container .advisor-re-search-wrap .advisor-re-search-category {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-search-wrap .advisor-re-search-category {
    height: 36px;
  }
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category:after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 35px;
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category.active .optionList {
  max-height: 500px;
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category.active .arrow img {
  transform: translateY(-50%) rotate(180deg);
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category .category-title {
  display: flex;
  align-items: center;
  width: inherit;
  height: inherit;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  padding: 14px 24px;
  border: 0;
  background: transparent;
  border-radius: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-search-wrap .advisor-re-search-category .category-title {
    padding: 8px 16px;
  }
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category .optionList {
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);;
  list-style-type: none;
  padding: 0;
  border-radius: 6px;
  overflow-y: auto;
  max-height: 0;
  z-index: 1;
  transition: 0.3s ease-in;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category .optionList::-webkit-scrollbar {
  width: 6px;
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category .optionList::-webkit-scrollbar-track {
  background: transparent;
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category .optionList::-webkit-scrollbar-thumb {
  background: #f2f4f7;
  border-radius: 45px;
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category .optionList::-webkit-scrollbar-thumb:hover {
  background: #f2f4f7;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-search-wrap .advisor-re-search-category .optionList {
    top: 43px;
  }
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category .optionList .optionItem {
  padding: 8px 15px;
  transition: 0.1s;
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category .optionList .optionItem:hover {
  background: rgba(24, 104, 180, 0.1);
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category .arrow {
  position: absolute;
  right: 12px;
  top: 50%;
}
.advisor-container .advisor-re-search-wrap .advisor-re-search-category .arrow img {
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-search-wrap .advisor-re-search-category .arrow {
    width: 20px;
  }
  .advisor-container .advisor-re-search-wrap .advisor-re-search-category .arrow img {
    width: 100%;
  }
}
.advisor-container .advisor-re-container .advisor-re-role {
  font-size: 18px;
  font-weight: bold;
  width: 250px;
  height: 46px;
  margin: var(--100) auto var(--80);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 50px;
  background-color: #f2f4f7;
}
/* @media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-role {
    margin: 64px auto 40px;
  }
} */
.advisor-container .advisor-re-container .advisor-re-role.senior {
  color: var(--color-text-interactive-secondary);
}
.advisor-container .advisor-re-container .advisor-re-role.youth {
  color: var(--color-content-streaming-archive);
}
.advisor-container .advisor-re-container .advisor-re-role .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.advisor-container .advisor-re-container .advisor-re-wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-wrap {
    gap: 32px;
  }
}
.advisor-container .advisor-re-container .advisor-re-box {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 40px 72px 40px;
  gap: 28px 40px;
  background-color: #f2f4f7;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-box {
    display: block;
    padding: 20px 20px 52px 20px;
  }
}
.advisor-container .advisor-re-container .advisor-re-box.senior .advisor-re-link .btn {
  background-color: var(--color-bg-interactive-secondary);
}
.advisor-container .advisor-re-container .advisor-re-box.senior .advisor-re-link .btn-new-line {
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-interactive-secondary);
  color: var(--color-text-interactive-secondary);
}
.advisor-container .advisor-re-container .advisor-re-box.youth .advisor-re-link .btn {
  background: var(--color-content-streaming-archive);
}
.advisor-container .advisor-re-container .advisor-re-box.youth .advisor-re-link .btn-new-line {
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-content-streaming-archive);
  color: var(--color-content-streaming-archive);
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-profile {
  width: 170px;
  height: 170px;
  border-radius: 10px;
  overflow: hidden;
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-profile img {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-profile {
    width: 120px;
    height: 120px;
  }
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-profile {
    margin: 0 auto;
  }
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-info {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-info {
    flex: auto;
    width: 100%;
  }
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-info .advisor-re-name {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-info .advisor-re-name {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 24px;
  }
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-info .advisor-re-title {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-info .advisor-re-title {
    margin-top: 24px;
  }
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-link {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 214px;
  height: 160px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-link {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-link {
    width: 100%;
    margin-left: 0;
    height: auto;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-link .btn {
    margin-top: 16px;
  }
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-link .btn:first-child {
    margin-top: 40px;
  }
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-link .btn:last-child {
    margin-bottom: 20px;
  }
}
/* asd */
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap {
  width: 100%;
  height: 0;
  display: none;
  transition: height 0.3s;
  overflow: hidden;
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap.active {
  display: block;
  /* height: auto; */
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-slide-box {
    margin-top: 40px;
  }
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-category {
  margin-left: 220px;
  margin-right: 283px;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  color: #5B5B5B;
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-category {
    margin-left: 160px;
  }
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-category {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-category .category-item {
  border-radius: 100px;
  background-color: var(--color-bg-primary);
  padding: 7px 16px 9px;
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-description {
  font-size: 14px;
  font-weight: normal;
  margin-left: 220px;
  margin-right: 283px;
}
@media screen and (max-width: 991px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-description {
    margin-left: 160px;
  }
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-description {
    margin-left: 0;
    margin-right: 0;
  }
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-description ol {
  padding-left: 16px;
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-description ol li {
  list-style: decimal;
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-description ul {
  padding-left: 16px;
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-description ul li {
  list-style: disc;
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide-wrap .advisor-re-description a {
  color: #06c;
  text-decoration-line: underline;
  text-decoration-color: #06c;
  text-underline-position: under;
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide {
  width: 100%;
  background: #E2E7EF;
  text-align: center;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide svg {
  transform: rotate(0);
  transition: all 0.3s;
}
.advisor-container .advisor-re-container .advisor-re-box .advisor-re-slide.active svg {
  transform: rotate(180deg);
}
.advisor-container .advisor-re-container .no-result {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}
.advisor-container .advisor-re-container .no-result .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .no-result .icon {
    width: 70px;
  }
  .advisor-container .advisor-re-container .no-result .icon img {
    width: 100%;
  }
}
.advisor-container .advisor-re-container .no-result .txt {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text-interactive-primary);
}
@media screen and (max-width: 768px) {
  .advisor-container .advisor-re-container .no-result .txt {
    font-size: 16px;
    font-weight: 500;
  }
}

/* Top Supporters */
.top-block {
  position: relative;
  margin-bottom: 50px;
}
.top-block h3 {
  margin-bottom: 29px;
}
@media screen and (max-width: 768px) {
  .top-block h3 {
    margin-bottom: 14px;
  }
}
.top-block a.nodeStatusLink {
  width: 126px;
  height: 100%;
  border: 1px solid var(--color-border-interactive-secondary);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  margin-left: auto;
  color: var(--color-text-interactive-secondary);
  background-color: var(--color-bg-primary);
  transition: all 0.3s;
}
.top-block a.nodeStatusLink:hover, .top-block a.nodeStatusLink:active {
  background-color: #E4EDFF;
}
@media screen and (max-width: 768px) {
  .top-block a.nodeStatusLink {
    width: 112px;
    font-size: 12px;
    font-weight: 500;
  }
}
.top-block ul {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.top-block ul.liveScroll {
  display: block;
  height: 212px;
  overflow-y: scroll;
}
.top-block ul.liveScroll::-webkit-scrollbar {
  width: 4px;
}
.top-block ul.liveScroll::-webkit-scrollbar-thumb {
  background-color: var(--color-bg-interactive-primary);
  border-radius: 8px;
}
.top-block ul.liveScroll::-webkit-scrollbar-track {
  background-color: #c2c4c7;
}
@media screen and (max-width: 768px) {
  .top-block ul.liveScroll {
    height: 172px;
  }
}
.top-block ul.liveScroll li {
  margin-bottom: 8px;
}
.top-block ul li {
  font-size: 18px;
  font-weight: 500;
  padding-left: 5px;
  display: flex;
  align-items: center;
  height: 36px;
}
@media screen and (max-width: 768px) {
  .top-block ul li {
    font-size: 16px;
    font-weight: 500;
    height: 28px;
  }
}
.top-block ul li .top-text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1;
  padding-right: 10px;
  word-break: break-all;
}
.top-block .top-more {
  position: absolute;
  top: 5px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .top-block .top-more {
    top: 2px;
  }
}
.top-block .top-more a {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-block .top-more a > span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
}
.top-block .top-refresh {
  position: absolute;
  top: 5px;
  right: 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .top-block .top-refresh {
    top: 2px;
  }
}
.top-block .top-refresh svg {
  display: flex;
  justify-content: center;
  align-items: center;
}

.block-wrap {
  display: flex;
}
@media screen and (max-width: 768px) {
  .block-wrap {
    flex-direction: column;
  }
}
.block-wrap .blockWrap-left {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .block-wrap .blockWrap-left {
    width: 100%;
  }
}
.block-wrap .blockWrap-right {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .block-wrap .blockWrap-right {
    width: 100%;
  }
}
.block-wrap .blockWrap-right .top-block {
  padding-right: 10%;
}
@media screen and (max-width: 768px) {
  .block-wrap .blockWrap-right .top-block.top-video {
    padding: 0 20px;
  }
}
.block-wrap .blockWrap-right h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 29px;
}
@media screen and (max-width: 768px) {
  .block-wrap .blockWrap-right h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
  }
}

i.circle {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-bg-interactive-secondary);
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 2px;
}

/* Top Supporters List */
.list-title .text-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 58px;
}
@media screen and (max-width: 991px) {
  .list-title .text-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 34px;
  }
}

.mylab-rating-wrap .supporters-list {
  width: 846px;
  margin: 0 auto 30px;
  border-top: 2px solid var(--color-border-interactive-primary);
  border-bottom: 2px solid var(--color-border-interactive-primary);
}
@media screen and (max-width: 991px) {
  .mylab-rating-wrap .supporters-list {
    width: 100%;
  }
}
.mylab-rating-wrap .supporters-list li {
  font-size: 18px;
  font-weight: 500;
  padding-top: 11px;
  padding-bottom: 11px;
}
@media screen and (max-width: 768px) {
  .mylab-rating-wrap .supporters-list li {
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
  }
}
.mylab-rating-wrap .supporters-list li.even {
  background: #F2F4F7;
}
.mylab-rating-wrap .supporters-list li.odd {
  background-color: var(--color-bg-primary);
}
.mylab-rating-wrap .supporters-list li > p {
  display: flex;
  align-items: center;
  width: 560px;
  height: 36px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .mylab-rating-wrap .supporters-list li > p {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.mylab-rating-wrap .supporters-list li .top-text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1;
  padding-right: 10px;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .mylab-rating-wrap .supporters-list li .top-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    position: relative;
    padding-left: 12px;
  }
}
@media screen and (max-width: 768px) {
  .mylab-rating-wrap .supporters-list li i.circle {
    position: absolute;
    left: 0;
    top: 7px;
  }
}
.mylab-rating-wrap .supporters-list li a.nodeStatusLink {
  width: 126px;
  height: 36px;
  border: 1px solid var(--color-border-interactive-secondary);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  margin-left: auto;
  color: var(--color-text-interactive-secondary);
  background-color: var(--color-bg-primary);
  transition: all 0.3s;
}
.mylab-rating-wrap .supporters-list li a.nodeStatusLink:hover, .mylab-rating-wrap .supporters-list li a.nodeStatusLink:active {
  background-color: #E4EDFF;
}
@media screen and (max-width: 768px) {
  .mylab-rating-wrap .supporters-list li a.nodeStatusLink {
    width: 112px;
    font-size: 12px;
    font-weight: 500;
    height: 28px;
  }
}

/* paging */
.pagination-supporters-list ul {
  display: flex;
  justify-content: center;
}
.pagination-supporters-list ul li.page-item a.page-link {
  display: block;
  text-align: center;
  border: 1px solid #cfcfd0;
  width: 40px;
  height: 40px;
  font-size: 25px;
  font-weight: 300;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .pagination-supporters-list ul li.page-item a.page-link {
    width: 25px;
    height: 25px;
    font-size: 18px;
    line-height: 18px;
  }
}
.pagination-supporters-list ul li.page-item.active a.page-link {
  color: var(--color-text-interactive-inverse);
  background: #1561a6;
  border: 1px solid #1561a6;
}
.pagination-supporters-list ul li.page-item.displayNone {
  display: none;
}

.popup-node-request-message {
  padding: 56px;
  background-color: var(--color-bg-primary);
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  .popup-node-request-message {
    padding: 56px 20px;
  }
}
.popup-node-request-message .popup-header h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 32px;
}
.popup-node-request-message .popup-body {
  position: relative;
}
.popup-node-request-message .popup-body .textBox {
  resize: none;
  border: 1px solid #c2c4c7;
  border-radius: 10px;
  padding: 14px 24px 30px 24px;
  font-size: 14px;
  font-weight: normal;
  font-family: "Noto Sans KR", sans-serif;
  width: 100%;
  min-height: 130px;
  display: block;
  margin-bottom: 48px;
}
.popup-node-request-message .popup-body .textBox::placeholder {
  color: #c2c4c7;
}
.popup-node-request-message .popup-body .textLengthWrap {
  position: absolute;
  right: 24px;
  bottom: 14px;
  color: #c2c4c7;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}
.popup-node-request-message .popup-body .textLengthWrap .textCount.active {
  color: var(--color-text-interactive-primary);
}
.popup-node-request-message .popup-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.popup-node-request-message .popup-footer a {
  min-width: 142px;
  height: 38px;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .popup-node-request-message .popup-footer a {
    min-width: 134px;
  }
}

.new-view-wrap > div.box-wrap-new-mid {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .new-view-wrap > div.box-wrap-new-mid {
    display: block;
  }
}
.new-view-wrap .new-view-live > h2 {
  font-size: 22px;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 16px;
  position: relative;
}
.new-view-wrap .new-view-live > h2:before {
  content: "";
  width: 6px;
  height: 16px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #ccc;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-live > h2 {
    font-size: 18px;
    font-weight: bold;
    padding-left: 14px;
    margin-bottom: 15px;
  }
  .new-view-wrap .new-view-live > h2:before {
    height: 14px;
  }
}
.new-view-wrap .new-view-live > h2.live:before {
  background-color: var(--color-content-live-streaming);
}
.new-view-wrap .new-view-live > h2.archive:before {
  background-color: var(--color-content-streaming-archive);
}
.new-view-wrap .new-view-live > h2.video:before {
  background-color: var(--color-content-video);
}
.new-view-wrap .new-view-live > h2.document:before {
  background-color: var(--color-content-document);
}
.new-view-wrap .new-view-live .new-view-live {
  width: 100%;
}
.new-view-wrap .new-view-left {
  width: 846px;
}
@media screen and (max-width: 1400px) {
  .new-view-wrap .new-view-left {
    width: 68%;
  }
}
@media screen and (max-width: 991px) {
  .new-view-wrap .new-view-left {
    width: 55%;
  }
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left {
    width: 100%;
  }
}
.new-view-wrap .new-view-right {
  width: 434px;
}
@media screen and (max-width: 1400px) {
  .new-view-wrap .new-view-right {
    width: 32%;
  }
}
@media screen and (max-width: 991px) {
  .new-view-wrap .new-view-right {
    width: 45%;
  }
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right {
    width: 100%;
  }
}
.new-view-wrap .new-view-left > h2 {
  font-size: 22px;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 16px;
  position: relative;
}
.new-view-wrap .new-view-left > h2:before {
  content: "";
  width: 6px;
  height: 16px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #ccc;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left > h2 {
    font-size: 18px;
    font-weight: bold;
    padding-left: 14px;
    margin-bottom: 15px;
  }
  .new-view-wrap .new-view-left > h2:before {
    height: 14px;
  }
}
.new-view-wrap .new-view-left > h2.live:before {
  background-color: var(--color-content-live-streaming);
}
.new-view-wrap .new-view-left > h2.archive:before {
  background-color: var(--color-content-streaming-archive);
}
.new-view-wrap .new-view-left > h2.video:before {
  background-color: var(--color-content-video);
}
.new-view-wrap .new-view-left > h2.document:before {
  background-color: var(--color-content-document);
}
.new-view-wrap .new-view-left .new-view-main .pdf-view {
  height: 390px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-main .pdf-view {
    height: 666px;
  }
}
.new-view-wrap .new-view-left .new-view-main iframe {
  width: 100%;
  height: 476px;
}
@media screen and (max-width: 1400px) {
  .new-view-wrap .new-view-left .new-view-main iframe {
    height: 35vw;
  }
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-main iframe {
    height: 61vw;
  }
}
.new-view-wrap .new-view-left .new-view-main .cookieFrame {
  width: 100%;
  height: 476px;
  border-top: 1px solid var(--color-border-interactive-primary);
  background-color: #e6e7e9;
}
@media screen and (max-width: 1400px) {
  .new-view-wrap .new-view-left .new-view-main .cookieFrame {
    height: 35vw;
  }
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-main .cookieFrame {
    height: 61vw;
  }
}
.new-view-wrap .new-view-left .new-view-main .cookieFrame .cookieInner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.new-view-wrap .new-view-left .new-view-main .cookieFrame .cookieInner .icon {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-main .cookieFrame .cookieInner .icon {
    width: 28px;
    height: 28px;
    margin-bottom: 12px;
  }
  .new-view-wrap .new-view-left .new-view-main .cookieFrame .cookieInner .icon svg {
    width: 100%;
  }
}
.new-view-wrap .new-view-left .new-view-main .cookieFrame .cookieInner .txt {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-main .cookieFrame .cookieInner .txt {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 24px;
  }
}
.new-view-wrap .new-view-left .new-view-main .cookieFrame .cookieInner .btnWrap .btn {
  color: var(--color-text-interactive-secondary);
  min-width: 149px;
  height: 36px;
  border-radius: 3px;
  padding: 0;
}
.new-view-wrap .new-view-left .new-view-main .cookieFrame .cookieInner .btnWrap .btn:hover, .new-view-wrap .new-view-left .new-view-main .cookieFrame .cookieInner .btnWrap .btn:active {
  background-color: var(--color-bg-primary);
  color: #1358DE;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-main .cookieFrame .cookieInner .btnWrap .btn {
    font-size: 14px;
  }
}
.new-view-wrap .new-view-left .new-view-main .chat-open {
  line-height: normal;
  border-bottom: 0;
  border-top: 0;
  cursor: pointer;
}
.new-view-wrap .new-view-left .new-view-main .chat-open .chat-open-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  background: #e6e7e9;
  margin: 32px 10px 0;
  border-radius: 5px;
}
.new-view-wrap .new-view-left .new-view-main .chat-open .chat-open-inner .txt {
  font-size: 16px;
  font-weight: 500;
  display: flex;
}
.new-view-wrap .new-view-left .new-view-main .chat-open .chat-open-inner .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-view-wrap .new-view-left .new-view-title {
  font-size: 18px;
  font-weight: 500;
}
.new-view-wrap .new-view-left .new-view-info {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 0;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box-left {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-right: auto;
  padding-right: 20px;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box-left .info-date {
  font-size: 14px;
  font-weight: normal;
  color: #5B5B5B;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  padding-right: 10px;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box-left .view-count {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  transition: all 0.3s;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box-left .view-count .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box-left .view-count .txt {
  font-size: 12px;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 12px;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .like-count, .new-view-wrap .new-view-left .new-view-info .new-info-box .bookmark-count, .new-view-wrap .new-view-left .new-view-info .new-info-box .share-btn, .new-view-wrap .new-view-left .new-view-info .new-info-box .contents-donation-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  transition: all 0.3s;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .like-count .img, .new-view-wrap .new-view-left .new-view-info .new-info-box .bookmark-count .img, .new-view-wrap .new-view-left .new-view-info .new-info-box .share-btn .img, .new-view-wrap .new-view-left .new-view-info .new-info-box .contents-donation-btn .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .like-count .img.active, .new-view-wrap .new-view-left .new-view-info .new-info-box .bookmark-count .img.active, .new-view-wrap .new-view-left .new-view-info .new-info-box .share-btn .img.active, .new-view-wrap .new-view-left .new-view-info .new-info-box .contents-donation-btn .img.active {
  display: none;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .like-count .txt, .new-view-wrap .new-view-left .new-view-info .new-info-box .bookmark-count .txt, .new-view-wrap .new-view-left .new-view-info .new-info-box .share-btn .txt, .new-view-wrap .new-view-left .new-view-info .new-info-box .contents-donation-btn .txt {
  font-size: 12px;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .like-count, .new-view-wrap .new-view-left .new-view-info .new-info-box .bookmark-count {
  cursor: pointer;
  background-color: #f2f4f7;
  border-radius: 5px;
  height: 28px;
  padding-left: 12px;
  padding-right: 12px;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .like-count:hover, .new-view-wrap .new-view-left .new-view-info .new-info-box .like-count:active, .new-view-wrap .new-view-left .new-view-info .new-info-box .bookmark-count:hover, .new-view-wrap .new-view-left .new-view-info .new-info-box .bookmark-count:active {
  background-color: #e6e7e9;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .like-count.active .img, .new-view-wrap .new-view-left .new-view-info .new-info-box .bookmark-count.active .img {
  display: none;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .like-count.active .img.active, .new-view-wrap .new-view-left .new-view-info .new-info-box .bookmark-count.active .img.active {
  display: flex;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .share-btn {
  min-width: 78px;
  height: 28px;
  background-color: #7B7F8B;
  border-radius: 5px;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .share-btn:hover, .new-view-wrap .new-view-left .new-view-info .new-info-box .share-btn:active {
  background-color: #8C99C0;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .share-btn .txt {
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 410px) {
  .new-view-wrap .new-view-left .new-view-info .new-info-box .share-btn {
    width: 100%;
  }
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .contents-donation-btn {
  min-width: 100px;
  height: 28px;
  background-color: var(--color-bg-interactive-secondary);
  border-radius: 5px;
  flex: 1;
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .contents-donation-btn:hover, .new-view-wrap .new-view-left .new-view-info .new-info-box .contents-donation-btn:active {
  background-color: var(--color-bg-interactive-primary);
}
.new-view-wrap .new-view-left .new-view-info .new-info-box .contents-donation-btn .txt {
  color: var(--color-text-interactive-inverse);
}
.new-view-wrap .new-view-left .new-view-user {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 16px;
  background-color: rgba(242, 244, 247, 0.6);
  border-radius: 10px;
}
.new-view-wrap .new-view-left .new-view-user > a {
  width: 48px;
  height: 48px;
}
.new-view-wrap .new-view-left .new-view-user > a .photo {
  width: 100%;
  height: 100%;
}
.new-view-wrap .new-view-left .new-view-user > a .photo > img {
  width: 100%;
}
.new-view-wrap .new-view-left .new-view-user .profile-text {
  font-size: 14px;
  font-weight: 500;
  flex: 1;
}
.new-view-wrap .new-view-left .new-view-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.new-view-wrap .new-view-left .new-view-content .new-content-box h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.new-view-wrap .new-view-left .new-view-content .new-content-box .desc {
  font-size: 14px;
  font-weight: normal;
}
.new-view-wrap .new-view-left .new-view-content .new-content-box .desc.cate {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.new-view-wrap .new-view-left .new-view-content .new-content-box .desc.cate img {
  width: 40px;
  height: 40px;
}
.new-view-wrap .new-view-left .new-view-content .new-content-box .desc.empty {
  padding-left: 16px;
}
.new-view-wrap .new-view-left .new-view-content .new-content-box .faq {
  display: flex;
  gap: 8px;
}
.new-view-wrap .new-view-left .new-view-content .new-content-box .faq .txt {
  font-size: 14px;
  font-weight: normal;
  color: var(--color-text-interactive-primary);
}
.new-view-wrap .new-view-left .new-view-content .new-content-box .faq .txt a {
  color: var(--color-text-interactive-secondary);
}
.new-view-wrap .new-view-left .new-view-comment {
  margin-top: 60px;
  margin-bottom: 0;
  border-top: 1px solid #c2c4c7;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-comment {
    margin-top: 48px;
    margin-bottom: 40px;
  }
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box {
  background-color: var(--color-bg-primary);
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-comment .new-comment-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .input-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-end;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .input-wrap .comment {
  width: 100%;
  border: 0;
  padding: 16px 16px 36px 16px;
  min-height: 118px;
  font-size: 14px;
  font-weight: normal;
  font-family: "Noto Sans KR", sans-serif;
  resize: none;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .input-wrap .comment::placeholder {
  font-weight: 300;
  color: #c2c4c7;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .input-wrap .comment::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .input-wrap .comment::-webkit-scrollbar-thumb {
  background-color: #e6e7e9;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .input-wrap .comment::-webkit-scrollbar-track {
  background-color: var(--color-bg-primary);
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .input-wrap .btn-comment {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  background-color: #c2c4c7;
  border-radius: 100px;
  padding: 0 16px;
  height: 28px;
  border: 0;
  cursor: auto;
  transition: all 0.3s;
  min-width: 78px;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .input-wrap .btn-comment.active {
  background-color: var(--color-bg-interactive-primary);
  cursor: pointer;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .input-wrap .btn-cancel {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-interactive-primary);
  background-color: var(--color-bg-primary);
  border-radius: 100px;
  padding: 0 16px;
  height: 28px;
  border: 1px solid var(--color-border-interactive-primary);
  cursor: pointer;
  transition: all 0.3s;
  min-width: 78px;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap {
  display: flex;
  flex-wrap: wrap;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-item {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  width: 100%;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-item.edit-item .comment-more, .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-item.edit-item .commentDesc, .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-item.edit-item .date-wrap, .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-item.edit-item .emoji-wrap {
  display: none;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-item.edit-item .comment-edit-wrap {
  display: flex;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-item.reply-item .comment-reply-new-wrap {
  display: flex;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply {
  padding-left: 50px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 24px;
  position: relative;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply.edit-item .comment-more, .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply.edit-item .commentDesc, .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply.edit-item .date-wrap, .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply.edit-item .emoji-wrap, .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply.edit-item .reply-name-wrap {
  display: none;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply.edit-item .comment-edit-wrap {
  display: flex;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply.reply-item .comment-reply-new-wrap {
  display: flex;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply .name {
  font-size: 14px;
  font-weight: normal;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply .img {
  width: 32px;
  height: 32px;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-box.active .commentDesc {
  color: var(--color-text-interactive-secondary);
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-edit-wrap {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 8px;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-edit-wrap {
    padding-left: 0;
  }
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply-new-wrap {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 24px;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-reply-new-wrap {
    padding-left: 0;
  }
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .img img {
  width: 100%;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .name {
  flex: 1;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .reply-name-wrap {
  margin-top: 6px;
  width: 100%;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .reply-name-wrap .reply-name-box {
  display: inline-block;
  border-radius: 5px;
  background-color: #f2f4f7;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: bold;
  color: var(--color-text-interactive-secondary);
  margin-left: 50px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .reply-name-wrap .reply-name-box {
    margin-left: 0;
  }
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .commentDesc {
  width: 100%;
  padding-left: 50px;
  font-size: 14px;
  font-weight: normal;
  color: #5B5B5B;
  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .commentDesc {
    padding-left: 0;
    margin-top: 12px;
  }
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .delete-btn {
  top: 16px;
  right: 16px;
  width: 64px;
  height: 28px;
  font-size: 12px;
  color: var(--color-text-interactive-secondary);
  background-color: #E4EDFF;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .delete-btn {
    right: 20px;
  }
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .delete-btn:hover, .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .delete-btn:active {
  background-color: #C6D6F4;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-more {
  display: flex;
  gap: 8px;
  padding-left: 16px;
  position: static;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-more > p {
  width: 32px;
  height: 28px;
  border-radius: 5px;
  background-color: #f2f4f7;
  text-align: center;
  padding-top: 4px;
  cursor: pointer;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .comment-more .more-box {
  right: 0;
  top: 34px;
  width: 110px;
  min-width: auto;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .date-wrap {
  margin-top: 8px;
  width: 100%;
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .date-wrap {
    padding-left: 0;
  }
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .date-wrap .edit {
  color: var(--color-text-interactive-primary);
  font-weight: 500;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .date-wrap .number {
  margin-left: auto;
  color: #c2c4c7;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .emoji-wrap {
  margin-top: 8px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .emoji-wrap {
    padding-left: 0;
  }
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .emoji-wrap .emoji {
  display: flex;
  gap: 6px;
  align-items: center;
  cursor: pointer;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .emoji-wrap .emoji.active .img .active {
  display: flex;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .emoji-wrap .emoji.active .img .inactive {
  display: none;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .emoji-wrap .emoji .img {
  width: auto;
  height: auto;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .emoji-wrap .emoji .img .active {
  display: none;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-list .comment-wrap .emoji-wrap .emoji .txt {
  font-size: 12px;
  color: #5B5B5B;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-my {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-my {
    margin-top: 20px;
  }
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-my h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-my h3 .comment-count {
  color: var(--color-text-interactive-secondary);
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-show-more .comment-show {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: var(--color-bg-primary);
  border: 1px solid #c2c4c7;
  width: 131px;
  height: 36px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  padding-left: 5px;
  transition: all 0.3s;
  margin-top: 36px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-show-more .comment-show {
    margin-top: 16px;
  }
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-show-more .comment-show:active, .new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-show-more .comment-show:hover {
  background-color: #f2f4f7;
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-show-more .comment-show .txt {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-interactive-secondary);
}
.new-view-wrap .new-view-left .new-view-comment .new-comment-box .comment-show-more .comment-show .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-view-wrap .new-view-right {
  padding-left: 38px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right {
    padding-left: 0;
  }
}
.new-view-wrap .new-view-right .new-right-inner {
  background-color: rgba(242, 244, 247, 0.6);
  border-radius: 15px;
  padding: 32px 24px 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner {
    border-radius: 0;
    padding: 24px 20px 40px;
  }
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner.hideClass {
    padding: 0;
  }
}
.new-view-wrap .new-view-right .new-right-inner h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.new-view-wrap .new-view-right .new-right-inner h3.moreClass {
  padding-right: 60px;
}
.new-view-wrap .new-view-right .new-right-inner .top-block {
  margin-bottom: 0;
}
.new-view-wrap .new-view-right .new-right-inner .top-block h3 {
  margin-bottom: 16px;
}
.new-view-wrap .new-view-right .new-right-inner .top-block ul {
  gap: 8px;
}
.new-view-wrap .new-view-right .new-right-inner .top-block ul li {
  height: 28px;
  font-size: 14px;
  font-weight: normal;
}
.new-view-wrap .new-view-right .new-right-inner .top-block ul li a.nodeStatusLink {
  font-size: 12px;
  width: 104px;
}
.new-view-wrap .new-view-right .new-right-inner .top-block .top-more a {
  color: #5B5B5B;
}
.new-view-wrap .new-view-right .new-right-inner .right-block1 .more-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.new-view-wrap .new-view-right .new-right-inner .right-block1 .more-btn a {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5B5B5B;
}
.new-view-wrap .new-view-right .new-right-inner .right-block1 .more-btn a > span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
}
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con {
  display: flex;
  gap: 16px 12px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1400px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con {
    gap: 8px;
  }
}
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con input {
  display: none;
}
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con label {
  font-size: 14px;
  font-weight: normal;
  color: var(--color-text-interactive-secondary);
  background: #E4EDFF;
  height: 36px;
  display: flex;
  padding: 7px 16px 9px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
}
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con input:checked + label {
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  background-color: var(--color-bg-interactive-secondary);
}
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con section {
  width: 100%;
  border-radius: 5px;
  padding: 24px;
  background-color: var(--color-bg-primary);
  font-size: 14px;
  font-weight: normal;
  display: none;
}
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con section.no {
  color: #5B5B5B;
}
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con #tab1:checked ~ #content1,
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con #tab2:checked ~ #content2,
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con #tab3:checked ~ #content3,
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con #tab4:checked ~ #content4 {
  display: block;
}
@media screen and (max-width: 1400px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con #tab1:checked ~ #content1,
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con #tab2:checked ~ #content2,
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con #tab3:checked ~ #content3,
.new-view-wrap .new-view-right .new-right-inner .right-block1 .tab-con #tab4:checked ~ #content4 {
    margin-top: 12px;
  }
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .video-wrap {
  width: auto;
  flex: 1 1 136px;
  height: 87px;
  background-color: var(--color-bg-interactive-inverse);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .video-wrap {
    height: 9vw;
  }
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .video-wrap {
    height: 19vw;
  }
}
@media screen and (max-width: 410px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .video-wrap {
    height: 37vw;
  }
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .video-wrap img {
  width: 100%;
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .text-wrap {
  flex: 1 1 196px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .text-wrap .title {
  display: block;
  font-size: 14px;
  font-weight: normal;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .text-wrap .name {
  display: block;
  font-size: 12px;
  color: #5B5B5B;
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .text-wrap .info {
  display: flex;
  gap: 12px;
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .text-wrap .info .view {
  display: flex;
  gap: 2px;
  font-size: 12px;
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .text-wrap .info .view .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .text-wrap .info .view .txt {
  font-size: 12px;
}
.new-view-wrap .new-view-right .new-right-inner .right-block2 .related-box .video-box .text-wrap .info .date {
  font-size: 12px;
  color: #5B5B5B;
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 h3.replay {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 5px;
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 h3.replay > .txt {
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block3 h3.replay.mobile-none {
    display: none;
  }
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .change-lang {
  border: 1px solid #c2c4c7;
  height: 36px;
  width: 124px;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: normal;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 10L12 15L17 10H7Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 98% 50%;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box {
    height: calc(100% - 135px);
  }
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .chat-in {
    height: calc( 100% - 81px );
    overflow-y: auto;
  }
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .chat-in .chat-inner-box {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .chat-in .chat-inner-box {
    height: 100%;
  }
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .chat-in .chat-inner-box .chat-inner {
  border: 0;
  padding: 24px;
  background: transparent;
  height: 632px;
  overflow: auto;
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .chat-in .chat-inner-box .chat-inner::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .chat-in .chat-inner-box .chat-inner::-webkit-scrollbar-thumb {
  background-color: #e6e7e9;
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .chat-in .chat-inner-box .chat-inner::-webkit-scrollbar-track {
  background-color: var(--color-bg-primary);
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .chat-in .chat-inner-box .chat-inner {
    height: 100%;
    padding: 16px 20px;
    overflow: auto;
  }
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .chat-in .chat-inner-box .chat-inner pre {
  white-space: pre-wrap;
  word-break: break-word;
  overflow: auto;
  font-size: 14px;
  font-weight: normal;
  color: #5b5b5b;
  font-family: "Noto Sans KR", sans-serif;
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .slide-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e6e7e9;
  border: 0;
  height: 24px;
  text-align: center;
  padding: 0;
  line-height: normal;
  cursor: pointer;
  border-radius: 0 0 5px 5px;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .slide-btn {
    display: none;
  }
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .slide-btn svg {
  transform: none;
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .slide-btn svg.on {
  transform: rotate(180deg);
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .mobile-top {
  display: none;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .mobile-top {
    display: flex;
    align-items: center;
    border-top: 1px solid var(--color-border-interactive-primary);
    padding: 20px 16px;
    border-bottom: 0;
    background-color: rgba(242, 244, 247, 0.6);
  }
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .mobile-top p.txt {
    font-size: 16px;
    font-weight: 500;
  }
}
.new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .mobile-top p.cancel-btn {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .new-view-wrap .new-view-right .new-right-inner .right-block3 .chat-box .mobile-top .change-lang {
    margin-top: 0;
  }
}
.publicized-mylab-list {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-interactive-secondary);
  border: 1px solid var(--color-border-interactive-secondary);
  border-radius: 5px;
  padding: 3px 8px;
}

.dev-note-container {
  position: relative;
  min-height: 100%;
  background-color: #f2f4f7;
  z-index: -1;
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  .dev-note-container {
    padding-top: 23px;
  }
}
.dev-note-container .bg-img1, .dev-note-container .bg-img2 {
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  min-height: 1000px;
  height: 100%;
  position: fixed;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .dev-note-container .bg-img1, .dev-note-container .bg-img2 {
    display: none;
  }
}
.dev-note-container .bg-img1 {
  background-image: url("/images/dev-note-img1.png");
  background-position: bottom center;
  left: 0;
  bottom: 0;
}
.dev-note-container .bg-img2 {
  background-image: url("/images/dev-note-img2.png");
  background-position: top center;
  right: 0;
  top: 90px;
}
@media screen and (max-width: 768px) {
  .dev-note-container .bg-img3 {
    background-image: url("/images/dev-note-img3.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    left: 0;
    top: 77px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
  }
}
.dev-note-container > .box-wrap-new-mid {
  border-radius: 15px;
  background-color: var(--color-bg-primary);
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0 1px 15px rgba(16, 46, 103, 0.2);
  -moz-box-shadow: 0 1px 15px rgba(16, 46, 103, 0.2);
  box-shadow: 0 1px 15px rgba(16, 46, 103, 0.2);
}
@media screen and (max-width: 1400px) {
  .dev-note-container > .box-wrap-new-mid {
    width: calc( 100% - 40px);
  }
}
.dev-note-container > .box-wrap-new-mid h2 {
  padding-top: 100px;
  padding-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid h2 {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
.dev-note-container > .box-wrap-new-mid h2 span {
  position: relative;
  font-size: 58px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid h2 span {
    font-size: 32px;
    font-weight: bold;
  }
}
.dev-note-container > .box-wrap-new-mid h2 span:before, .dev-note-container > .box-wrap-new-mid h2 span:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-bg-interactive-inverse);
}
.dev-note-container > .box-wrap-new-mid h2 span:before {
  left: -42px;
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid h2 span:before {
    left: -26px;
  }
}
.dev-note-container > .box-wrap-new-mid h2 span:after {
  right: -42px;
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid h2 span:after {
    right: -26px;
  }
}
.dev-note-container > .box-wrap-new-mid > div {
  width: 862px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.dev-note-container > .box-wrap-new-mid .intro .title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid .intro .title {
    font-size: 18px;
    font-weight: bold;
  }
}
.dev-note-container > .box-wrap-new-mid .intro .desc {
  font-size: 16px;
  font-weight: normal;
}
.dev-note-container > .box-wrap-new-mid .note-wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid .note-wrap {
    gap: 40px;
  }
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .cate {
  width: 100%;
  padding: 24px;
  background-color: #CEDBF6;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .cate {
    padding: 16px 12px;
    font-size: 16px;
    font-weight: 500;
  }
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .note {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .note {
    flex-direction: column;
  }
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .note:nth-child(2) .feature .title {
  display: flex;
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .note:nth-child(2) .detail .title {
  display: flex;
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .feature, .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail {
  display: flex;
  flex-direction: column;
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .feature .title, .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .feature .desc, .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail .title, .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail .desc {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .feature .title, .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .feature .desc, .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail .title, .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail .desc {
    padding: 16px 12px;
  }
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .feature .title, .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail .title {
  display: none;
  background: rgba(65, 117, 219, 0.16);
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .feature .title, .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail .title {
    display: flex;
  }
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .feature .desc, .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail .desc {
  background: #f2f4f7;
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: normal;
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .feature .desc > font, .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail .desc > font {
  width: 100%;
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .feature {
  width: calc( 36% - 4px);
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .feature {
    width: 100%;
  }
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail {
  width: 64%;
}
@media screen and (max-width: 768px) {
  .dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail {
    width: 100%;
  }
}
.dev-note-container > .box-wrap-new-mid .note-wrap .note-box .detail:nth-child(3) .title {
  display: flex;
}

.swal-copy-complete {
  width: 176px !important;
  border-radius: 10px !important;
}
.swal-copy-complete .swal-content {
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 0;
}
.swal-copy-complete .swal-content .span-wrap {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.swal-copy-complete .swal-content .span-wrap .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swal-copy-complete .swal-content .span-wrap .txt {
  font-size: 16px;
  font-weight: 500;
}

.new-play-view-content-wrap {
  position: relative;
}
.new-play-view-content-wrap .learnMore {
  width: 226px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #C0C0C0;
  border-radius: 3px;
  position: absolute;
  top: -52px;
  right: 0;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .learnMore {
    position: relative;
    top: auto;
    margin-bottom: 24px;
    margin-left: auto;
  }
}
.new-play-view-content-wrap .learnMore:before {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: var(--color-bg-interactive-primary);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0 100%;
  transform: rotateY(180deg);
  transition: all 0.3s;
}
.new-play-view-content-wrap .learnMore:hover {
  color: var(--color-text-interactive-inverse);
}
.new-play-view-content-wrap .learnMore:hover:before {
  transform: rotateY(0deg);
}
.new-play-view-content-wrap .learnMore:hover .img svg path {
  fill: var(--color-bg-primary);
}
.new-play-view-content-wrap .learnMore.short {
  width: 80px;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .learnMore.short {
    width: 90px;
    height: 36px;
    position: relative;
    top: auto;
    border: 1px solid #c2c4c7;
    margin: 40px auto 0;
    border-radius: 100px;
  }
}
.new-play-view-content-wrap .learnMore .txt {
  font-size: 14px;
  font-weight: 500;
}
.new-play-view-content-wrap .learnMore .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-play-view-content-wrap .learnMore .img svg path {
  transition: all 0.3s;
}
.new-play-view-content-wrap .new-play-view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 64px 24px;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content {
    gap: 24px;
  }
}
.new-play-view-content-wrap .new-play-view-content.center {
  justify-content: center;
}
.new-play-view-content-wrap .new-play-view-content .play-view-content {
  width: calc( 100% / 4 - 18px );
  position: relative;
  cursor: auto;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content {
    width: 100%;
    display: flex;
    gap: 6px;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content.haveLink {
  cursor: pointer;
}
.new-play-view-content-wrap .new-play-view-content .play-view-content.haveLink:hover .img-wrap .img-main:after {
  opacity: 1;
}
.new-play-view-content-wrap .new-play-view-content .play-view-content.haveLink:hover .img-wrap .img-main img {
  transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .img-wrap {
    position: relative;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .img-wrap .txt-point {
  font-size: 12px;
  font-weight: 500;
  border-radius: 50px;
  height: 25px;
  padding: 0 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 14px;
  top: 14px;
  background-color: var(--color-content-streaming-archive);
  color: var(--color-text-interactive-inverse);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .img-wrap .txt-point {
    font-size: 10px;
    left: 8px;
    top: 8px;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .img-wrap .img-wappen {
  width: 40px;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .img-wrap .img-wappen {
    width: 30px;
    right: 8px;
    bottom: -8px;
    top: auto;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .img-wrap .img-wappen img {
  width: 100%;
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .img-wrap .img-main {
  height: 194px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-bg-primary);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .img-wrap .img-main:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s;
}
@media screen and (max-width: 1400px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .img-wrap .img-main {
    height: 14vw;
  }
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .img-wrap .img-main {
    height: 24vw;
    width: 40vw;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .img-wrap .img-main img {
  width: 100%;
  transition: all 0.3s;
  transform: scale(1);
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap {
  margin-top: 20px;
  display: flex;
  gap: 14px;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap {
    gap: 10px;
    flex: 1;
    margin-top: 0;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .color {
  width: 6px;
  border-radius: 5px;
  background-color: #ccc;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .color {
    width: 4px;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .txt {
  flex: 1;
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .txt .title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .txt .title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .txt .name {
  font-size: 14px;
  font-weight: normal;
  color: #5B5B5B;
  margin-bottom: 16px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .txt .name {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 4px;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .txt .info {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .txt .info {
    gap: 2px 16px;
    flex-wrap: wrap;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .txt .info .type {
  font-size: 14px;
  font-weight: bold;
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .txt .info .type {
    font-size: 12px;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .txt .info .date {
  font-size: 14px;
  font-weight: normal;
  color: #5B5B5B;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-content .play-view-content .txt-wrap .txt .info .date {
    font-size: 12px;
    font-weight: normal;
  }
}
.new-play-view-content-wrap .new-play-view-content .play-view-content.streaming .txt-wrap .color {
  background-color: var(--color-content-streaming-archive);
}
.new-play-view-content-wrap .new-play-view-content .play-view-content.streaming .txt-wrap .txt .info .type {
  color: var(--color-content-streaming-archive);
}
.new-play-view-content-wrap .new-play-view-content .play-view-content.video .txt-wrap .color {
  background-color: var(--color-content-video);
}
.new-play-view-content-wrap .new-play-view-content .play-view-content.video .txt-wrap .txt .info .type {
  color: var(--color-content-video);
}
.new-play-view-content-wrap .new-play-view-content .play-view-content.document .txt-wrap .color {
  background-color: var(--color-content-document);
}
.new-play-view-content-wrap .new-play-view-content .play-view-content.document .txt-wrap .txt .info .type {
  color: var(--color-content-document);
}
.new-play-view-content-wrap .new-play-view-no-list {
  text-align: center;
  margin-bottom: 400px;
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-no-list {
    margin-bottom: 220px;
  }
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-no-list .img svg {
    width: 70px;
    height: 70px;
  }
}
.new-play-view-content-wrap .new-play-view-no-list .txt {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text-interactive-primary);
}
@media screen and (max-width: 768px) {
  .new-play-view-content-wrap .new-play-view-no-list .txt {
    font-size: 16px;
    font-weight: 500;
  }
}

.new-input-search-wrap {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px 0;
}
@media screen and (max-width: 768px) {
  .new-input-search-wrap {
    margin-top: 24px;
  }
}
.new-input-search-wrap .new-input-search {
  position: relative;
}
@media screen and (max-width: 991px) {
  .new-input-search-wrap .new-input-search {
    width: 100%;
  }
}
.new-input-search-wrap .new-input-search input {
  font-size: 14px;
  font-weight: normal;
  background-color: #f2f4f7;
  width: 314px;
  padding: 14px 24px;
  border-radius: 5px;
  border: 0;
  outline: 0;
}
.new-input-search-wrap .new-input-search input::placeholder {
  color: #5B5B5B;
}
.new-input-search-wrap .new-input-search input::-ms-clear, .new-input-search-wrap .new-input-search input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.new-input-search-wrap .new-input-search input::-webkit-search-decoration, .new-input-search-wrap .new-input-search input::-webkit-search-cancel-button, .new-input-search-wrap .new-input-search input::-webkit-search-results-button, .new-input-search-wrap .new-input-search input::-webkit-search-results-decoration {
  display: none;
}
@media screen and (max-width: 991px) {
  .new-input-search-wrap .new-input-search input {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .new-input-search-wrap .new-input-search input {
    padding: 8px 16px;
  }
}
.new-input-search-wrap .new-input-search .search-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .new-input-search-wrap .new-input-search .search-icon {
    right: 12px;
  }
}
.new-input-search-wrap .new-input-search .search-x-icon {
  display: none;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .new-input-search-wrap .new-input-search .search-x-icon {
    right: 12px;
  }
}
.new-input-search-wrap .new-input-search-category {
  position: relative;
  width: 340px;
  height: 48px;
  border-radius: 5px;
  cursor: pointer;
  background-color: #f2f4f7;
}
@media screen and (max-width: 991px) {
  .new-input-search-wrap .new-input-search-category {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .new-input-search-wrap .new-input-search-category {
    height: 36px;
  }
}
.new-input-search-wrap .new-input-search-category:after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 35px;
}
.new-input-search-wrap .new-input-search-category.active .optionList {
  max-height: 500px;
}
.new-input-search-wrap .new-input-search-category.active .arrow svg {
  transform: translateY(-50%) rotate(180deg);
}
.new-input-search-wrap .new-input-search-category .category-title {
  display: flex;
  align-items: center;
  width: inherit;
  height: inherit;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  padding: 14px 24px;
  border: 0;
  background: transparent;
  border-radius: 0;
  text-align: left;
  color: #5B5B5B;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 768px) {
  .new-input-search-wrap .new-input-search-category .category-title {
    padding: 8px 16px;
  }
}
.new-input-search-wrap .new-input-search-category .optionList {
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);;
  list-style-type: none;
  padding: 0;
  border-radius: 6px;
  overflow-y: auto;
  max-height: 0;
  z-index: 2;
  transition: 0.3s ease-in;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.new-input-search-wrap .new-input-search-category .optionList::-webkit-scrollbar {
  width: 6px;
}
.new-input-search-wrap .new-input-search-category .optionList::-webkit-scrollbar-track {
  background: transparent;
}
.new-input-search-wrap .new-input-search-category .optionList::-webkit-scrollbar-thumb {
  background: #f2f4f7;
  border-radius: 45px;
}
.new-input-search-wrap .new-input-search-category .optionList::-webkit-scrollbar-thumb:hover {
  background: #f2f4f7;
}
@media screen and (max-width: 768px) {
  .new-input-search-wrap .new-input-search-category .optionList {
    top: 43px;
  }
}
.new-input-search-wrap .new-input-search-category .optionList .optionItem {
  padding: 8px 15px;
  transition: 0.1s;
}
.new-input-search-wrap .new-input-search-category .optionList .optionItem:hover {
  background: rgba(24, 104, 180, 0.1);
}
.new-input-search-wrap .new-input-search-category .arrow {
  position: absolute;
  right: 12px;
  top: 50%;
}
.new-input-search-wrap .new-input-search-category .arrow svg {
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .new-input-search-wrap .new-input-search-category .arrow {
    width: 20px;
  }
  .new-input-search-wrap .new-input-search-category .arrow svg {
    width: 100%;
  }
}
.new-input-search-wrap.node {
  width: 100%;
  align-items: end;
  margin-top: 20px;
}
@media screen and (max-width: 1250px) {
  .new-input-search-wrap.node {
    position: relative;
    padding-top: 90px;
    margin-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .new-input-search-wrap.node {
    padding-top: 65px;
    margin-top: 40px;
  }
}
.new-input-search-wrap.node .node-num-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1250px) {
  .new-input-search-wrap.node .node-num-wrap {
    bottom: 70px;
  }
}

.textLengthBasic {
  position: relative;
}
.textLengthBasic .textLengthWrap {
  position: absolute;
  right: 30px;
  bottom: 15px;
  color: #c2c4c7;
  font-size: 12px;
  font-weight: 500;
}
.textLengthBasic .textLengthWrap .textCount.active {
  color: var(--color-text-interactive-primary);
}

.re-search-category-new {
  position: relative;
  width: 340px;
  height: 48px;
  border-radius: 5px;
  cursor: pointer;
  background-color: #f2f4f7;
}
@media screen and (max-width: 991px) {
  .re-search-category-new {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .re-search-category-new {
    height: 36px;
  }
}
.re-search-category-new:after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 35px;
}
.re-search-category-new.active .optionList {
  max-height: 500px;
}
.re-search-category-new.active .arrow svg {
  transform: translateY(-50%) rotate(180deg);
}
.re-search-category-new .category-title {
  display: flex;
  align-items: center;
  width: inherit;
  height: inherit;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  padding: 14px 24px;
  border: 0;
  background: transparent;
  border-radius: 0;
  text-align: left;
  color: #5B5B5B;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 768px) {
  .re-search-category-new .category-title {
    padding: 8px 16px;
  }
}
.re-search-category-new .optionList {
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);;
  list-style-type: none;
  padding: 0;
  border-radius: 6px;
  overflow-y: auto;
  max-height: 0;
  z-index: 1;
  transition: 0.3s ease-in;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.re-search-category-new .optionList::-webkit-scrollbar {
  width: 6px;
}
.re-search-category-new .optionList::-webkit-scrollbar-track {
  background: transparent;
}
.re-search-category-new .optionList::-webkit-scrollbar-thumb {
  background: #f2f4f7;
  border-radius: 45px;
}
.re-search-category-new .optionList::-webkit-scrollbar-thumb:hover {
  background: #f2f4f7;
}
@media screen and (max-width: 768px) {
  .re-search-category-new .optionList {
    top: 43px;
  }
}
.re-search-category-new .optionList .optionItem {
  padding: 8px 15px;
  transition: 0.1s;
}
.re-search-category-new .optionList .optionItem:hover {
  background: rgba(24, 104, 180, 0.1);
}
.re-search-category-new .arrow {
  position: absolute;
  right: 12px;
  top: 50%;
}
.re-search-category-new .arrow svg {
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .re-search-category-new .arrow {
    width: 20px;
  }
  .re-search-category-new .arrow svg {
    width: 100%;
  }
}

.textLengthBasic {
  position: relative;
  border-radius: 8px;
  border: 1px solid #c2c4c7;
  overflow: hidden;
}
.textLengthBasic .textLengthWrap {
  position: absolute;
  right: 30px;
  bottom: 15px;
  color: #c2c4c7;
  font-size: 12px;
  font-weight: 500;
}
.textLengthBasic .textLengthWrap .textCount.active {
  color: var(--color-text-interactive-primary);
}

.videoContest-banner {
  background: url("/images/video-contest-banner-pc.png") 0%/cover no-repeat;
  height: 180px;
  border: 3px solid #ffbb0e;
}
@media screen and (max-width: 1200px) {
  .videoContest-banner {
    background: url("/images/video-contest-banner-pc.png") 20%/cover no-repeat;
  }
}
@media screen and (max-width: 1100px) {
  .videoContest-banner {
    background: url("/images/video-contest-banner-pc.png") 20%/135% no-repeat var(--color-bg-interactive-secondary);
  }
}
@media screen and (max-width: 768px) {
  .videoContest-banner {
    background: url("/images/video-contest-banner-mo.png") center/cover no-repeat;
    height: 22vw;
    min-height: 62px;
    border: 2px solid #ffbb0e;
  }
}

.aidea-pro-banner {
  background: url("/images/aidea-pro-banner-pc.png") 0%/cover no-repeat;
  height: 180px;
  border: 3px solid #0e6eb8;
}
@media screen and (max-width: 1200px) {
  .aidea-pro-banner {
    background: url("/images/aidea-pro-banner-pc.png") 50%/cover no-repeat;
  }
}
@media screen and (max-width: 1000px) {
  .aidea-pro-banner {
    background: url("/images/aidea-pro-banner-pc.png") 78%/cover no-repeat var(--color-bg-interactive-secondary);
  }
}
@media screen and (max-width: 768px) {
  .aidea-pro-banner {
    background: url("/images/aidea-pro-banner-mo.png") center/cover no-repeat;
    height: 22vw;
    min-height: 62px;
    border: 2px solid #0e6eb8;
  }
}

.upt-uniplat-banner {
  background: url("/images/upt-uniplat-banner-pc.png") 0%/cover no-repeat;
  height: 180px;
  border: 3px solid #60E3FD;
}
@media screen and (max-width: 1200px) {
  .upt-uniplat-banner {
    background: url("/images/upt-uniplat-banner-pc.png") 40%/cover no-repeat;
  }
}
@media screen and (max-width: 1000px) {
  .upt-uniplat-banner {
    background: url("/images/upt-uniplat-banner-pc.png") 25%/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .upt-uniplat-banner {
    background: url("/images/upt-uniplat-banner-mo.png") center/cover no-repeat;
    height: 22vw;
    min-height: 62px;
    border: 2px solid #60E3FD;
  }
}

.dev-note-banner {
  background: url("/images/dev-note-banner-pc.png") 0%/cover no-repeat;
  height: 180px;
  border: 3px solid #9ABDEC;
}
@media screen and (max-width: 1200px) {
  .dev-note-banner {
    background: url("/images/dev-note-banner-pc.png") 40%/cover no-repeat;
  }
}
@media screen and (max-width: 1000px) {
  .dev-note-banner {
    background: url("/images/dev-note-banner-pc.png") 30%/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .dev-note-banner {
    background: url("/images/dev-note-banner-mo.png") center/cover no-repeat;
    height: 22vw;
    min-height: 62px;
    border: 2px solid #9ABDEC;
  }
}

.startup-toolbox-banner {
  background: url("/images/startup-toolbox-banner-pc.png") 0%/cover no-repeat;
  height: 180px;
  border: 3px solid #ffbb0e;
}
@media screen and (max-width: 1200px) {
  .startup-toolbox-banner {
    background: url("/images/startup-toolbox-banner-pc.png") 40%/cover no-repeat;
  }
}
@media screen and (max-width: 1000px) {
  .startup-toolbox-banner {
    background: url("/images/startup-toolbox-banner-pc.png") 30%/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .startup-toolbox-banner {
    background: url("/images/startup-toolbox-banner-mo.png") center/cover no-repeat;
    height: 22vw;
    min-height: 62px;
    border: 2px solid #ffbb0e;
  }
}
.skandinaviska-banner {
  background: url("/images/skandinaviska-banner-pc.png") 0%/cover no-repeat;
  height: 180px;
  border: 3px solid #FECB00;
}
@media screen and (max-width: 1400px) {
  .skandinaviska-banner {
    background: url("/images/skandinaviska-banner-pc.png") 60%/cover no-repeat;
  }
}
@media screen and (max-width: 1300px) {
  .skandinaviska-banner {
    background: url("/images/skandinaviska-banner-tablet.png") 0%/cover no-repeat;
    position: relative;
  }
  .skandinaviska-banner:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
    width: 108px;
    height: 55px;
    background: url("/images/skandinaviska-banner-icon.png") 50%/100% no-repeat;
  }
}
@media screen and (max-width: 1200px) {
  .skandinaviska-banner:after {
    right: 10px;
    top: 10px;
    width: 80px;
    height: 45px;
  }
}
@media screen and (max-width: 1100px) {
  .skandinaviska-banner {
    background: url("/images/skandinaviska-banner-tablet.png") 12%/cover no-repeat;
    position: relative;
  }
}
@media screen and (max-width: 1000px) {
  .skandinaviska-banner {
    background: url("/images/skandinaviska-banner-tablet2.png") 0%/cover no-repeat;
  }
  .skandinaviska-banner:after {
    right: 20px;
    top: 20px;
    width: 108px;
    height: 55px;
  }
}
@media screen and (max-width: 850px) {
  .skandinaviska-banner {
    background: url("/images/skandinaviska-banner-tablet2.png") 18%/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .skandinaviska-banner {
    background: url("/images/skandinaviska-banner-mo.png") center/cover no-repeat;
    height: 22vw;
    min-height: 62px;
    border: 2px solid #ffbb0e;
  }
  .skandinaviska-banner:after {
    display: none;
  }
}



.videoContest-main .videoContest-blue {
  background-color: var(--color-bg-interactive-secondary);
}
.videoContest-main .videoContest-white-line {
  padding-top: 100px;
  padding-bottom: 100px;
  border-top: 6px solid #f3b413;
  border-bottom: 6px solid #f3b413;
  position: relative;
}
.videoContest-main .videoContest-white-line:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -37px;
  z-index: 1;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='36' viewBox='0 0 50 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0L0 -2.18557e-06L24.9681 36L50 0Z' fill='%23FFBB0E'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 50px;
  height: 37px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-white-line:after {
    width: 30px;
    height: 20px;
    bottom: -26px;
  }
}
@media screen and (max-width: 1100px) {
  .videoContest-main .videoContest-white-line {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
.videoContest-main .videoContest-inner {
  width: 1062px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  .videoContest-main .videoContest-inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.videoContest-main .videoContest-btn {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  background-color: #FF6178;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 214px;
  height: 48px;
  border-radius: 5px;
  transition: all 0.3s;
}
.videoContest-main .videoContest-btn:active, .videoContest-main .videoContest-btn:hover {
  background-color: #FF4D67;
}
.videoContest-main .videoContest-first {
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-first {
    padding-top: 20px;
    padding-bottom: 40px;
    flex-direction: column-reverse;
    gap: 4px;
    width: 340px;
    max-width: 100%;
    margin: 0 auto;
  }
}
.videoContest-main .videoContest-first .txt {
  position: relative;
}
@media screen and (max-width: 991px) {
  .videoContest-main .videoContest-first .txt {
    width: 340px;
  }
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-first .txt {
    width: 100%;
  }
}
.videoContest-main .videoContest-first .txt > h2 {
  font-size: 58px;
  font-weight: bold;
  line-height: 70px;
  color: var(--color-text-interactive-inverse);
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-first .txt > h2 {
    font-size: 46px;
    line-height: 58px;
    margin-bottom: 16px;
  }
}
.videoContest-main .videoContest-first .txt > h2 span:first-child {
  width: 100%;
}
.videoContest-main .videoContest-first .txt > p {
  position: absolute;
  top: 16px;
  left: 265px;
  font-size: 22px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
  border: 1px solid var(--color-border-interactive-inverse);
  border-radius: 100px;
  width: 151px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .videoContest-main .videoContest-first .txt > p {
    top: 86px;
    left: 188px;
  }
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-first .txt > p {
    font-size: 18px;
    font-weight: 500;
    width: 132px;
    height: 36px;
    top: 15px;
    left: 208px;
  }
}
@media screen and (max-width: 479px) {
  .videoContest-main .videoContest-first .txt > p {
    top: 72px;
    left: 152px;
  }
}
@media screen and (max-width: 350px) {
  .videoContest-main .videoContest-first .txt > p {
    width: 110px;
    left: 150px;
  }
}
.videoContest-main .videoContest-first .txt > .period-wrap {
  display: flex;
  gap: 10px 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-first .txt > .period-wrap {
    gap: 4px 8px;
  }
}
.videoContest-main .videoContest-first .txt > .period-wrap .title {
  font-size: 22px;
  font-weight: 500;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-first .txt > .period-wrap .title {
    font-size: 16px;
    font-weight: 500;
  }
}
.videoContest-main .videoContest-first .txt > .period-wrap .period {
  font-size: 22px;
  font-weight: bold;
  color: #ffbb0e;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-first .txt > .period-wrap .period {
    font-size: 16px;
    font-weight: 500;
  }
}
@media screen and (max-width: 991px) {
  .videoContest-main .videoContest-first .img {
    flex: 1;
  }
  .videoContest-main .videoContest-first .img img {
    width: 100%;
  }
}
.videoContest-main .videoContest-second .desc {
  position: relative;
  font-size: 18px;
  width: 693px;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-second .desc {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-second .desc {
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    width: 620px;
    max-width: 100%;
  }
}
.videoContest-main .videoContest-second .desc .quotation-left {
  position: absolute;
  left: -56px;
  top: 0;
}
@media screen and (max-width: 991px) {
  .videoContest-main .videoContest-second .desc .quotation-left {
    left: 0;
    top: -36px;
  }
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-second .desc .quotation-left {
    width: 20px;
  }
  .videoContest-main .videoContest-second .desc .quotation-left svg {
    width: 100%;
  }
}
.videoContest-main .videoContest-second .desc .quotation-right {
  position: absolute;
  right: -56px;
  top: 0;
}
@media screen and (max-width: 991px) {
  .videoContest-main .videoContest-second .desc .quotation-right {
    right: 0;
    top: auto;
    bottom: -36px;
  }
}
@media screen and (max-width: 991px) and (max-width: 768px) {
  .videoContest-main .videoContest-second .desc .quotation-right {
    width: 20px;
  }
  .videoContest-main .videoContest-second .desc .quotation-right svg {
    width: 100%;
  }
}
.videoContest-main .videoContest-third {
  position: relative;
  padding-top: 78px;
  padding-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third {
    padding-top: 46px;
    padding-bottom: 40px;
  }
}
.videoContest-main .videoContest-third h3 {
  color: #FFBB0E;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third h3 {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
.videoContest-main .videoContest-third .desc {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 104px;
  align-items: center;
}
@media screen and (max-width: 1250px) {
  .videoContest-main .videoContest-third .desc {
    gap: 50px;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third .desc {
    gap: 24px;
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third .desc > .img {
    width: 160px;
    height: 140px;
  }
  .videoContest-main .videoContest-third .desc > .img img {
    width: 100%;
  }
}
.videoContest-main .videoContest-third .desc > .txt {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third .desc > .txt {
    gap: 24px;
  }
}
.videoContest-main .videoContest-third .desc > .txt .sub-title {
  font-size: 18px;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third .desc > .txt .sub-title {
    font-size: 16px;
    font-weight: normal;
  }
}
.videoContest-main .videoContest-third .desc > .txt .info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.videoContest-main .videoContest-third .desc > .txt .info .query {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third .desc > .txt .info .query {
    gap: 12px;
  }
}
@media screen and (max-width: 600px) {
  .videoContest-main .videoContest-third .desc > .txt .info .query {
    align-items: baseline;
  }
}
.videoContest-main .videoContest-third .desc > .txt .info .query .query-img {
  width: 85px;
  height: 48px;
  border: 1px solid var(--color-border-interactive-inverse);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third .desc > .txt .info .query .query-img {
    width: 68px;
    height: 36px;
  }
}
.videoContest-main .videoContest-third .desc > .txt .info .query .query-img .icon {
  width: 16px;
  height: 18px;
}
.videoContest-main .videoContest-third .desc > .txt .info .query .query-img .icon svg {
  width: 100%;
}
.videoContest-main .videoContest-third .desc > .txt .info .query .query-img .num {
  color: var(--color-text-interactive-inverse);
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third .desc > .txt .info .query .query-img .num {
    font-size: 18px;
    font-weight: bold;
  }
}
.videoContest-main .videoContest-third .desc > .txt .info .query .query-txt {
  color: var(--color-text-interactive-inverse);
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third .desc > .txt .info .query .query-txt {
    font-size: 18px;
    font-weight: bold;
    flex: 1;
  }
}
.videoContest-main .videoContest-third .desc > .txt .info .query .query-txt .small-txt {
  display: block;
  font-size: 18px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third .desc > .txt .info .query .query-txt .small-txt {
    font-size: 16px;
    font-weight: normal;
  }
}
.videoContest-main .videoContest-third .prize-sub {
  position: absolute;
  top: -34px;
  right: -62px;
}
@media screen and (max-width: 1250px) {
  .videoContest-main .videoContest-third .prize-sub {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-third .prize-sub {
    display: none;
  }
}
.videoContest-main .videoContest-fourth {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fourth {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.videoContest-main .videoContest-fourth h3 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
  color: var(--color-text-interactive-secondary);
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fourth h3 {
    font-size: 18px;
    margin-bottom: 38px;
  }
}
.videoContest-main .videoContest-fourth .desc {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fourth .desc {
    gap: 16px;
  }
}
.videoContest-main .videoContest-fourth .desc .step-box {
  position: relative;
  width: 100%;
  border: 1px solid var(--color-border-interactive-secondary);
  border-radius: 15px;
  display: flex;
  padding: 27px;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  -webkit-box-shadow: 0 1px 15px rgba(16, 46, 103, 0.2);
  -moz-box-shadow: 0 1px 15px rgba(16, 46, 103, 0.2);
  box-shadow: 0 1px 15px rgba(16, 46, 103, 0.2);
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fourth .desc .step-box {
    padding: 24px 20px;
    justify-content: flex-start;
    min-height: 88px;
  }
}
.videoContest-main .videoContest-fourth .desc .step-box .step {
  position: absolute;
  left: 24px;
  top: -14px;
  width: 78px;
  height: 28px;
  border-radius: 50px;
  background-color: var(--color-bg-interactive-secondary);
  color: var(--color-text-interactive-inverse);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fourth .desc .step-box .step {
    left: 20px;
    width: 71px;
    height: 25px;
    font-size: 12px;
  }
}
.videoContest-main .videoContest-fourth .desc .step-box .txt {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fourth .desc .step-box .txt {
    font-size: 14px;
    text-align: left;
  }
}
.videoContest-main .videoContest-fourth .desc .step-box .txt .step-link {
  font-weight: bold;
  color: var(--color-text-interactive-secondary);
  text-decoration-line: underline;
  text-underline-position: under;
}
.videoContest-main .videoContest-fourth .desc .step-box .txt .step-link:active, .videoContest-main .videoContest-fourth .desc .step-box .txt .step-link:hover {
  color: #1358DE;
}
@media screen and (max-width: 991px) {
  .videoContest-main .videoContest-fourth .desc .step-box .txt .br {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .videoContest-main .videoContest-fourth .desc .step-arrow {
    width: 13px;
    height: 18px;
  }
  .videoContest-main .videoContest-fourth .desc .step-arrow svg {
    width: 100%;
  }
}
.videoContest-main .videoContest-fifth {
  padding-top: 64px;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fifth {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.videoContest-main .videoContest-fifth h3 {
  font-size: 26px;
  font-weight: bold;
  color: #FFBB0E;
  background-image: url("data:image/svg+xml,%3Csvg width='1010' height='85' viewBox='0 0 1010 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M280.936 58V73.8926' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M288.871 65.9531H273' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M108.936 1V16.8739' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M116.871 8.9375H101' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M182.997 70C192.384 70 199.994 62.3888 199.994 53C199.994 43.6111 192.384 36 182.997 36C173.61 36 166 43.6111 166 53C166 62.3888 173.61 70 182.997 70Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M180.321 44.5098H177.878V61.4919H180.321V44.5098Z' fill='white'/%3E%3Cpath d='M188.098 44.5098H185.654V61.4919H188.098V44.5098Z' fill='white'/%3E%3Cpath d='M259.526 6.48472C259.526 9.51723 257.074 11.9695 254.042 11.9695C251.01 11.9695 248.559 9.51723 248.559 6.48472C248.559 3.45221 251.01 1 254.042 1C257.074 1 259.526 3.45221 259.526 6.48472Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M10.6949 64.8483C10.6949 67.5251 8.52383 69.6965 5.84745 69.6965C3.17106 69.6965 1 67.5251 1 64.8483C1 62.1714 3.17106 60 5.84745 60C8.52383 60 10.6949 62.1714 10.6949 64.8483Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M121.997 83.996C124.757 83.996 126.994 81.7584 126.994 78.998C126.994 76.2377 124.757 74 121.997 74C119.237 74 117 76.2377 117 78.998C117 81.7584 119.237 83.996 121.997 83.996Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M773.936 66V81.8926' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M766 73.9531H781.871' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M900.936 1V16.8739' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M893 8.9375H908.871' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M718 14.4847C718 17.5172 720.452 19.9695 723.484 19.9695C726.516 19.9695 728.968 17.5172 728.968 14.4847C728.968 11.4522 726.516 9 723.484 9C720.452 9 718 11.4522 718 14.4847Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M999.176 64.8483C999.176 67.5251 1001.35 69.6965 1004.02 69.6965C1006.7 69.6965 1008.87 67.5251 1008.87 64.8483C1008.87 62.1714 1006.7 60 1004.02 60C1001.35 60 999.176 62.1714 999.176 64.8483Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M887.874 83.996C885.114 83.996 882.877 81.7584 882.877 78.998C882.877 76.2377 885.114 74 887.874 74C890.634 74 892.871 76.2377 892.871 78.998C892.871 81.7584 890.634 83.996 887.874 83.996Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M846.625 19.375C847.936 11.2973 842.451 3.68597 834.373 2.37457C826.296 1.06316 818.685 6.54828 817.374 14.626C816.063 22.7037 821.548 30.3151 829.626 31.6265C837.703 32.9379 845.314 27.4527 846.625 19.375Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M827.163 10.1504V23.8185L840.187 16.9932L827.163 10.1504Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 84px;
  text-align: center;
  width: 1007px;
  margin: 0 auto 30px;
  display: flex;
  justify-content: center;
  align-items: end;
}
@media screen and (max-width: 1100px) {
  .videoContest-main .videoContest-fifth h3 {
    width: 100%;
    background: none;
  }
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fifth h3 {
    font-size: 18px;
    margin: 0 auto 24px;
    height: auto;
  }
}
.videoContest-main .videoContest-fifth h3 span {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fifth h3 span {
    margin-bottom: 0;
  }
}
.videoContest-main .videoContest-fifth .desc {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fifth .desc {
    gap: 20px;
  }
}
.videoContest-main .videoContest-fifth .desc .guide-box {
  background-color: var(--color-bg-primary);
  border-radius: 15px;
  padding: 80px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fifth .desc .guide-box {
    border-radius: 10px;
    padding: 32px 20px 53px;
  }
}
.videoContest-main .videoContest-fifth .desc .guide-box .title {
  width: 226px;
  height: 48px;
  margin: 0 auto 32px;
  background-color: var(--color-bg-interactive-secondary);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fifth .desc .guide-box .title {
    width: 182px;
    height: 36px;
  }
}
.videoContest-main .videoContest-fifth .desc .guide-box .title .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.videoContest-main .videoContest-fifth .desc .guide-box .title .txt {
  font-size: 22px;
  font-weight: bold;
  color: var(--color-text-interactive-inverse);
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fifth .desc .guide-box .title .txt {
    font-size: 18px;
    font-weight: bold;
  }
}
.videoContest-main .videoContest-fifth .desc .guide-box .info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.videoContest-main .videoContest-fifth .desc .guide-box .info .query {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fifth .desc .guide-box .info .query {
    gap: 12px;
  }
}
.videoContest-main .videoContest-fifth .desc .guide-box .info .query .num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 187, 14, 0.6);
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fifth .desc .guide-box .info .query .num {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
}
.videoContest-main .videoContest-fifth .desc .guide-box .info .query .txt {
  margin-top: 2px;
  font-size: 16px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-fifth .desc .guide-box .info .query .txt {
    margin-top: 1px;
    font-size: 14px;
  }
}
.videoContest-main .videoContest-fifth .desc .guide-box .info .query .txt .guide-link {
  font-weight: bold;
  color: var(--color-text-interactive-secondary);
  text-decoration-line: underline;
  text-underline-position: under;
}
.videoContest-main .videoContest-fifth .desc .guide-box .info .query .txt .guide-link:active, .videoContest-main .videoContest-fifth .desc .guide-box .info .query .txt .guide-link:hover {
  color: #1358DE;
}
.videoContest-main .videoContest-sixth {
  padding-top: 100px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-sixth {
    padding-top: 40px;
  }
}
.videoContest-main .videoContest-sixth h3 {
  font-size: 26px;
  font-weight: bold;
  color: var(--color-text-interactive-secondary);
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-sixth h3 {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
.videoContest-main .videoContest-sixth .iframe {
  width: 848px;
  height: 477px;
  margin: 0 auto;
  background-color: var(--color-bg-interactive-inverse);
  border: 1px solid var(--color-base-black);
}
@media screen and (max-width: 991px) {
  .videoContest-main .videoContest-sixth .iframe {
    width: 100%;
    height: 49vw;
  }
}
.videoContest-main .videoContest-sixth .iframe iframe {
  width: 100%;
  height: 100%;
}
.videoContest-main .videoContest-sixth .btn-wrap .videoContest-btn {
  margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
  .videoContest-main .videoContest-sixth .btn-wrap .videoContest-btn {
    margin: 32px auto 0;
  }
}

.setting-notification {
  padding-left: 50px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 991px) {
  .setting-notification {
    padding-left: 0;
    gap: 32px;
  }
}
.setting-notification .notification-wrap .notification-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 991px) {
  .setting-notification .notification-wrap .notification-title {
    font-size: 16px;
  }
}
.setting-notification .notification-wrap .notification-desc {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.setting-notification .notification-wrap .notification-desc .desc-inner {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .txt {
  font-size: 16px;
  font-weight: normal;
  color: #5B5B5B;
}
@media screen and (max-width: 991px) {
  .setting-notification .notification-wrap .notification-desc .desc-inner .txt {
    font-size: 14px;
    font-weight: normal;
  }
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon {
  margin-top: 3px;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl {
  display: none;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl:after, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl:before, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl *, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl *:after, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl *:before, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl + .tgl-btn {
  box-sizing: border-box;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl::selection, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl:after::selection, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl:before::selection, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl *::selection, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl *:after::selection, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl *:before::selection, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl + .tgl-btn::selection {
  background: none;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 36px;
  height: 18px;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl + .tgl-btn:after, .setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl + .tgl-btn:after {
  left: 0;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl + .tgl-btn:before {
  display: none;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl.active + .tgl-btn:after {
  left: 54%;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl-ios + .tgl-btn {
  background: #C0C0C0;
  border-radius: 80px;
  padding: 2px;
  transition: all 0.4s ease;
  border: none;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl-ios + .tgl-btn:after {
  border-radius: 50%;
  background-color: var(--color-bg-primary);
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl-ios + .tgl-btn:hover:after {
  will-change: padding;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl-ios + .tgl-btn:active {
  box-shadow: inset 0 0 0 2em #C0C0C0;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl-ios + .tgl-btn:active:after {
  padding-right: 0.8em;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl-ios.active + .tgl-btn {
  background: #4492CD;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl-ios.active + .tgl-btn:active {
  box-shadow: none;
}
.setting-notification .notification-wrap .notification-desc .desc-inner .icon .tgl-ios.active + .tgl-btn:active:after {
  margin-left: -0.8em;
}

@media screen and (max-width: 1920px) {
  .footer {
    background-position: -110px bottom;
    background-repeat: no-repeat;
    background-image: url(../images/footer-bg.png);
    padding-top: 126px;
    position: relative;
  }

  .footer:after, .footer:before {
    display: none;
  }
}
@media screen and (max-width: 1600px) {
  .header .h-menu > div.m-nav-btn {
    display: block;
    margin-left: 30px;
    margin-right: 0;
  }

  .nav {
    display: none;
  }

  .main-bg {
    height: 1090px;
    background: top center/1920px no-repeat url(/images/main-bg.png);
    position: absolute;
    width: 100%;
    top: -50px;
    z-index: -1;
  }

  /*.footer { background-position: -41% bottom; background-repeat: no-repeat; background-image: url(../images/footer-bg.png); padding-top: 126px; position: relative; }*/
  .footer {
    padding-top: 80px;
    background-position: 0% 100%;
    margin-top: 60px;
  }

  .footer .left {
    float: none;
    margin-bottom: 30px;
  }

  .footer .left:after {
    width: 60%;
  }

  .footer .right {
    float: none;
    position: absolute;
    right: 110px;
    top: -50px;
  }

  .f-menu-wrap p {
    padding-right: 20px;
    margin-right: 20px;
  }

  .copyright {
    float: none;
    text-align: left;
    color: var(--color-text-interactive-inverse);
  }

  .f-menu-wrap {
    float: none;
    margin-bottom: 10px;
  }

  .main-banner .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
  }

  .information-edit .input-wrap.education input {
    width: 70%;
  }

  .invite-state .form .float-wrap input {
    width: 83%;
  }

  .invite-wrap {
    width: 100%;
  }

  .upload-box {
    margin: 0 15px;
  }

  .mylab .mylab-wrap {
    margin: 0 20px;
  }

  .notice-bar .bar-inner {
    padding: 0 30px;
  }

  .notice-view > div {
    float: none;
  }

  .notice-view .view-left {
    margin-bottom: 50px;
  }

  .faq-content {
    padding: 30px 110px 100px;
  }

  .history-wrap {
    padding: 30px 20px;
  }

  .request-page {
    padding: 0 110px;
  }

  .main-search-box {
    display: block;
  }

  .main-search-box .main-video {
    /*width:750px;margin:0 auto;*/
  }

  .main-search-box .main-video iframe {
    /*height: 421px;*/
  }

  .main-cate-img {
    margin: 0 auto;
  }

  .main-search-box .search-box-text {
    text-align: center;
  }

  .main-banner-text {
    padding: 0 110px;
    word-break: normal;
    width: auto;
  }

  .main-section.section3:after {
    top: -80px;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2-1 {
    width: 100%;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2-2 {
    width: 100%;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div .desc {
    height: 80px;
  }
}
@media screen and (max-width: 1400px) {
  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div .desc {
    height: 100px;
  }
}
@media screen and (max-width: 1300px) {
  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div .desc {
    height: 135px;
  }
}
@media screen and (max-width: 1200px) {
  .header-bg.blockHeader {
    align-items: center;
  }

  .header-bg img {
    height: 100%;
  }

  .header-bg.blockHeader img {
    width: auto;
  }

  .main-bg {
    top: -144px;
  }

  .footer {
    padding-top: 46px;
    background-position: 27% 100%;
    margin-top: 60px;
  }

  .footer .left:after {
    width: 100%;
  }

  .footer .left .f-text {
    padding-right: 194px;
  }

  .cate-select.two select {
    width: 200px;
  }

  .cate-select.two .list-search-bar {
    width: 250px;
  }

  .cate-select.two .list-search-bar input {
    width: 173px;
  }

  .main-info-wrap {
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 30px auto 0;
  }

  .main-info-wrap h2 {
    margin-bottom: 20px;
  }

  .main-info-wrap > a {
    width: 30%;
    margin-bottom: 30px;
  }

  .main-info-wrap > a:last-child {
    margin-right: 0;
  }

  .main-section.section3:after {
    top: -80px;
  }

  .popup-1000.popup-main {
    max-width: 890px;
  }

  .popup-main.popup-bg-img.user {
    background-size: 330px;
  }

  .popup-main.user .txt2 {
    padding-right: 365px;
  }

  .popup-main.researcher .txt2 {
    padding-right: 350px;
  }

  .content-wrap .text-wrap .text-right {
    width: 278px;
  }

  .content-wrap .text-wrap .text-right a.subtitle {
    width: 100%;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2-1 {
    width: 100%;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2-2 {
    width: 100%;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div .img {
    width: 100%;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-3 {
    width: 100%;
  }

  .onAir-text-wrap {
    margin-bottom: 55px;
  }

  .onAir-text-wrap > div.onAir-text {
    margin-right: 0;
    margin-bottom: 0;
    flex: auto;
  }

  .onAir-text-wrap > div.faq {
    width: 100%;
    margin-top: 55px;
  }
}
@media screen and (max-width: 991px) {
  html {
    font-size: 9px;
  }

  .header {
    padding: 0 20px;
  }

  .main-bg {
    top: -310px;
  }

  .main-title h2 {
    padding-top: 120px;
    font-size: 40px;
  }

  .footer .right {
    right: 20px;
    top: -50px;
  }

  .mob-block {
    display: block;
  }

  .box-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .box-wrap.mylab {
    padding: 80px 0 0;
  }

  .header .h-menu > div.m-nav-btn {
    display: block;
  }

  .section-contents .content-box {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
  }

  .section-contents .content-box:nth-of-type(2n) {
    margin-right: 0;
  }

  .video-wrap {
    height: 220px;
  }

  .mylab-banner {
    margin-top: 85px;
    display: block;
    padding-top: 22px;
  }

  .mylab-banner .icon {
    float: none;
    width: 80px;
    margin: 0 auto 28px;
  }

  .mylab-banner .icon img {
    width: 80px;
  }

  .mylab-banner .banner-text-wrap {
    display: block;
    padding: 0 43px;
    float: none;
    width: 100%;
  }

  .mylab-banner .banner-text-wrap .name {
    font-size: 30px;
    line-height: 43px;
  }

  .mylab-banner .banner-text-wrap .profile p {
    font-size: 16px;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mylab-menu {
    padding: 0 20px;
  }

  .point-num {
    margin: 30px 20px 0;
  }

  .point-num .title {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
  }

  .point-num .number {
    font-size: 38px;
    line-height: 1;
  }

  .mylab-menu p.history {
    font-size: 20px;
    padding-bottom: 20px;
  }

  .history-wrap .history-inner {
    padding: 26px 0;
  }

  .history-title {
    padding: 0 20px;
    margin-bottom: 30px;
  }

  .history-title p {
    font-size: 28px;
    line-height: 40px;
  }

  .history-title p.history-num {
    font-size: 24px;
    line-height: 30px;
    margin-right: 27px;
  }

  .history-table .table-menu > p {
    width: 33.333%;
    font-size: 16px;
  }

  .profile-title {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-left: 20px;
  }

  .edit-btn {
    text-align: center;
    margin-bottom: 70px;
  }

  .information .infor-table .title {
    font-size: 16px;
    padding-left: 15px;
    width: 125px;
  }

  .information .infor-table .infor {
    font-size: 16px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .information-edit {
    padding: 30px 14px;
  }

  .information-edit .edit-wrap {
    padding: 30px 15px;
  }

  .invite-wrap h2 {
    font-size: 22px;
    line-height: 32px;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }

  .re-subpage .re-banner {
    background-position: center top;
  }

  .mylab .mylab-wrap {
    padding: 30px 0 80px;
  }

  .upload-box {
    padding: 30px 15px;
  }

  .upload-form .btn-wrap > div {
    width: 100%;
  }

  .upload-form .btn-wrap a {
    width: 48%;
  }

  .upload-form .btn-wrap button {
    width: 48%;
  }

  .upload-form .btn-wrap .submit-btn {
    margin-right: 4%;
  }

  .section-contents {
    margin-bottom: 0;
  }

  .content-wrap {
    display: block;
  }

  .content-wrap .video-wrap {
    width: 100%;
    height: 53vw;
  }

  .btn-common {
    display: block;
  }

  .more-btn {
    display: block;
    right: 13px;
    top: 100px;
  }

  .more-btn a {
    font-size: 18px;
  }

  .notice-view h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 20px;
  }

  .notice-view .view-left {
    width: 100%;
  }

  .notice-view .notice-search input {
    font-size: 14px;
    width: 90%;
  }

  .notice-view .notice-search a img {
    width: 20px;
  }

  .notice-view .profile .photo {
    width: 50px;
    height: 50px;
    margin-right: 15px;
  }

  .notice-view .profile .state .name {
    font-size: 16px;
    line-height: 23px;
  }

  .notice-view .profile .state .time {
    font-size: 12px;
    line-height: 17px;
  }

  .notice-view .profile {
    margin-bottom: 40px;
  }

  .notice-view .notice-content {
    font-size: 14px;
    line-height: 20px;
  }

  .notice-bar {
    line-height: 40px;
  }

  .notice-bar .bar-inner > a {
    font-size: 14px;
  }

  .notice-bar .bar-inner > select {
    height: 40px;
    font-size: 14px;
    width: 130px;
  }

  .faq-category {
    padding: 0 30px;
  }

  .faq-content {
    padding: 30px 30px 100px;
  }

  .onAir-frame {
    display: block;
    margin-bottom: 20px;
  }

  .onAir-frame .frame-left {
    width: 100%;
    height: 55vw;
  }

  .onAir-frame .frame-right {
    width: 100%;
  }

  .onAir-frame .frame-right .right-top {
    padding: 10px;
  }

  .onAir-frame .frame-right .right-top button {
    margin-right: 10px;
  }

  .onAir-frame .frame-right .right-bottom {
    height: 300px;
    padding: 20px;
    font-size: 14px;
  }

  .onAir-frame .frame-right .right-bottom p {
    font-size: 14px;
  }

  .mobile-more10 {
    display: block;
  }

  .pc-more10 {
    display: none;
  }

  .donation1 .mobile-block {
    display: block;
  }

  .donation1 .top {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 30px;
  }

  .donation1 .top h2:before {
    width: 15px;
    height: 14px;
    background-size: 100%;
    margin: 30px auto 10px;
  }

  .donation1 .top h2 {
    font-size: 26px;
    line-height: 37px;
    margin-bottom: 5px;
  }

  .donation1 .top p {
    font-size: 14px;
    line-height: 20px;
  }

  .donation1 .bottom .inner {
    width: 100%;
    padding: 0 20px;
  }

  .donation1 .bottom .inner .id-block {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }

  .donation1 .bottom .inner .point-input {
    height: 63px;
    margin-bottom: 20px;
    font-size: 26px;
  }

  .donation1 .bottom .inner .point-input::placeholder {
    font-size: 20px;
  }

  .donation1 .bottom .inner .point-input.pop::placeholder {
    font-size: 10px;
  }

  .donation1 .bottom .inner .charge-wrap .charge-text {
    float: none;
    border: none;
    padding-left: 0;
    margin-bottom: 30px;
  }

  .donation1 .bottom .inner .charge-wrap .charge-btn {
    float: none;
  }

  .donation1 .bottom .inner .charge-wrap .charge-btn a {
    width: 150px;
    line-height: 43px;
    font-size: 16px;
  }

  .donation1 .bottom .inner .charge-wrap .charge-text .text-top p {
    font-size: 14px;
    line-height: 20px;
  }

  .donation1 .bottom .inner .charge-wrap {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .donation2 {
    margin-bottom: 70px;
    padding: 0 20px;
  }

  .donation2 .donation-history {
    width: 100%;
  }

  .donation2 .donation-history .line p:last-of-type {
    width: 60%;
  }

  .donation2 h2 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
  }

  .donation2 h2:before {
    width: 15px;
    height: 14px;
    background-size: 100%;
    margin: 30px auto 10px;
  }

  .request-page {
    padding: 0 20px;
  }

  .mylab-menu p.history {
    margin-top: 30px;
  }

  .main-search-box h1 {
    margin-top: 133px;
    margin-bottom: 40px;
  }

  .main-search-box h1 img {
    width: 150px;
  }

  .main-search-box .input-box {
    width: auto;
    margin: 0 20px 40px;
    height: 60px;
    padding: 0 20px;
  }

  .main-search-box .input-box input {
    margin-left: 20px;
    height: 58px;
    width: 80%;
    font-size: 16px;
  }

  .main-search-box > p img {
    width: 310px;
  }

  .main-search-box .search-box-text {
    font-size: 18px;
    line-height: 22px;
    margin-top: 20px;
    word-break: normal;
  }

  .notice-view.box-wrap {
    padding: 30px 30px 40px;
  }

  .main-search-box .main-video {
    width: 90%;
  }

  .w-container {
    max-width: 728px;
  }

  .main-search-box .main-video {
    margin-top: 0;
  }

  .main-search-box .main-video iframe {
    height: 55vw;
  }

  .main-banner-text {
    padding: 0 20px;
    font-size: 18px;
    /*line-height: 17px;*/
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .main-search-box.box-wrap {
    padding: 0;
  }

  .nav-user-wrap .h-user a .h-user-name {
    width: 410px;
    text-align: left;
  }

  .mobile-nav > ul.menu li {
    width: 49%;
    margin-bottom: 1%;
    margin-right: 1%;
  }

  .mobile-nav > ul.menu li:nth-child(3n+0) {
    margin-right: 1%;
  }

  .mobile-nav > ul.menu li:nth-child(2n+0) {
    margin-right: 0;
  }

  .mobile-nav > ul.menu li a {
    height: 75px;
  }

  .popup-1000.popup-main {
    max-width: 690px;
  }

  .popup-main.popup-bg-img.user {
    background-size: 210px;
    /*262px;*/
  }

  .popup-main.user .txt1 {
    padding-right: 0;
  }

  .popup-main.user .txt2 {
    padding-right: 282px;
  }

  .popup-main.user .popup-footer.btn-md-wrap {
    padding-right: 219px;
  }

  .popup-main.popup-bg-img.researcher {
    background-size: 438px;
  }

  .popup-main.researcher .txt1 {
    padding-right: 200px;
  }

  .popup-main.researcher .txt2 {
    padding-right: 290px;
  }

  .popup-main.researcher .popup-footer.btn-md-wrap {
    padding-right: 285px;
  }

  .uniPop.chap2 {
    width: 600px;
  }

  .myWallet-border {
    margin-left: 10px;
    margin-right: 10px;
  }

  .subpage-nav.setTab {
    display: block;
    margin-bottom: 60px;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2-3 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 8px;
  }

  body.bg-pc {
    background-color: var(--color-bg-primary);
  }

  .mob-span-block {
    display: block;
  }

  .mob-block800 {
    display: block;
  }

  .mob-none800 {
    display: none;
  }

  .main-banner {
    padding-top: 80px;
  }

  .main-bg {
    top: -486px;
  }

  .header {
    height: 80px;
  }

  .header .h-logo {
    padding: 15px 0;
  }

  .header .h-logo img {
    width: 75px;
  }

  .header .h-menu {
    height: 80px;
  }

  .mobile-nav {
    top: 80px;
  }

  .container {
    padding: 80px 0 20px;
  }

  .container .box-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container .box-wrap-m {
    padding: 0 20px;
  }

  .loginPage .container {
    padding: 80px 20px 20px;
  }

  /* 로그인페이지 */
  .sign-banner a {
    font-size: 18px;
    line-height: 24px;
    padding: 25px 0;
  }

  .loginPage .form-wrap {
    margin: 30px auto 30px;
    width: 100%;
    padding: 39px 20px 50px;
  }

  .loginPage .form-wrap.wide {
    width: 100%;
  }

  .loginPage .form-wrap.sign-repage {
    overflow: hidden;
  }

  .loginPage .form-wrap h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
  }

  .loginPage .form-wrap.sign-repage h2 {
    padding: 20px 20px 0;
  }

  .loginPage .form-wrap.sign-repage .form-inner {
    padding: 0 20px 40px;
  }

  .loginPage .form-wrap .form-inner label {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 5px;
  }

  .loginPage .form-wrap .form-inner input {
    font-size: 14px;
    height: 46px;
  }

  .loginPage .form-wrap .form-inner input::placeholder {
    color: #d2d3d9;
    font-size: 13px;
  }

  .loginPage .form-wrap .form-inner select {
    font-size: 14px;
    height: 46px;
  }

  .loginPage .form-wrap .form-inner .login-email p:after {
    top: 11px;
  }

  .loginPage .form-wrap .form-inner .login-password p:after {
    top: 14px;
  }

  .loginPage .form-wrap .form-inner .login-email {
    margin-bottom: 8px;
  }

  .loginPage .form-wrap .form-inner .login-password {
    margin-bottom: 20px;
  }

  .loginPage .form-wrap .form-inner .login-name {
    margin-bottom: 8px;
  }

  .loginPage .form-wrap .form-inner .login-btn {
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    margin-bottom: 45px;
  }

  .loginPage .form-wrap .form-inner > p {
    font-size: 14px;
    line-height: 20px;
  }

  .loginPage .form-inner .input-wrap.birth p {
    width: 32%;
    margin-right: 2%;
  }

  .loginPage .form-inner .input-wrap select {
    height: 46px;
    font-size: 14px;
    background-size: 12px 7px;
  }

  .loginPage .form-wrap .form-inner label .required-text {
    font-size: 12px;
  }

  .loginPage .form-wrap .form-inner .login-btn.back-btn {
    margin-bottom: 100px;
  }

  .loginPage .form-wrap .succ-text {
    font-size: 14px;
    line-height: 24px;
  }

  .loginPage .form-wrap .form-inner .check-wrap.all p {
    font-size: 13px;
    line-height: 18px;
  }

  .loginPage .form-wrap .form-inner textarea {
    line-height: 16px;
  }

  .loginPage .form-wrap .form-inner .type-chk .chk-wrap {
    margin-bottom: 5px;
  }

  .loginPage .form-wrap .form-inner .type-chk .chk-wrap:last-of-type {
    margin-bottom: 0;
  }

  .loginPage .form-wrap.final {
    padding: 39px 18px 120px;
  }

  .loginPage .form-wrap.final p {
    font-size: 14px;
    line-height: 24px;
  }

  .loginPage .form-wrap.final span {
    font-size: 14px;
    line-height: 20px;
  }

  .loginPage .form-wrap.final a {
    font-size: 14px;
    line-height: 20px;
  }

  .login-sub-btn {
    margin-top: 20px;
  }

  .login-sub-btn a {
    font-size: 14px;
    padding: 0 5px;
  }

  .email-wrap {
    width: 100%;
    padding: 43px 40px;
  }

  .email-wrap .email-text {
    text-align: center;
  }

  .email-wrap .email-btn {
    width: 100%;
    margin-bottom: 10px;
  }

  .email-wrap .sub-btn {
    width: 100%;
    margin-bottom: 40px;
  }

  .email-wrap .email-logo img {
    width: 100px;
  }

  .email-wrap .email-logo {
    margin-bottom: 60px;
  }

  .email-wrap h2 {
    font-size: 22px;
    line-height: 32px;
  }

  .email-wrap .email-text {
    font-size: 16px;
    line-height: 24px;
  }

  .email-wrap .email-btn button {
    font-size: 18px;
  }

  .email-wrap .sub-btn a {
    font-size: 14px;
  }

  .email-wrap .help-text p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .email-wrap .email-location a {
    font-size: 14px;
    line-height: 20px;
  }

  .footer {
    padding-top: 48px;
    background-position: 27% 100%;
    padding-bottom: 20px;
    margin-top: 70px;
  }

  .footer .right {
    display: inline-block;
  }

  .footer > div.f-top {
    padding: 30px 0;
  }

  .footer .left .f-text {
    font-size: 16px;
    line-height: 23px;
    text-align: left;
    padding-right: 0;
  }

  .footer .left .f-sns a {
    width: 76px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
  }

  .footer .box-wrap {
    text-align: center;
  }

  .footer .right {
    top: 0;
  }

  .footer .right p {
    width: 110px;
  }

  .footer .right p img {
    width: 100%;
  }

  .footer .right p:first-of-type {
    margin-right: 30px;
    width: 75px;
  }

  .footer .left {
    margin-bottom: 20px;
  }

  .f-menu-wrap p a {
    font-size: 14px;
  }

  .f-menu-wrap p {
    padding-right: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
  }

  .copyright {
    font-size: 14px;
  }

  /* 메인페이지 */
  .main-section {
    padding: 40px 20px;
  }

  .main-section.section1 {
    padding-top: 40px;
  }

  .main-section.section3 {
    padding: 80px 20px 40px;
  }

  .main-section h2 {
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 50px;
  }

  .main-section h2:after {
    margin: 10px auto 0;
    width: 84px;
  }

  .btn-common {
    margin-top: 20px;
  }

  .btn-common a {
    height: 60px;
    width: 100%;
    line-height: 60px;
    font-size: 20px;
  }

  .section-contents .content-box {
    width: 100%;
    margin-right: 0;
  }

  .list-page .section-contents .content-box {
    margin-bottom: 30px;
  }

  .video-wrap {
    height: 58.4vw;
  }

  .content-text {
    padding: 20px 21px;
  }

  .content-text .category img {
    width: 36px;
  }

  .content-text h3 {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 0;
    height: 50px;
  }

  .content-text .time {
    font-size: 14px;
    line-height: 20px;
  }

  .content-text .time img {
    width: 16px;
  }

  .section-contents .content-box.document .content-text .time2 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
  }

  .main-section.section3 h2 {
    line-height: 35px;
  }

  .section-contents .content-box.streaming .float-wrap .live-on {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .section-contents .content-box.streaming .float-wrap .time {
    line-height: 30px;
  }

  .section-contents .content-box.notice h4 {
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }

  .section-contents .content-box.notice .content-text {
    padding: 12px 21px 10px;
  }

  .section-contents .content-box.notice .content-text h5 {
    font-size: 26px;
    line-height: 37px;
    margin-bottom: 12px;
  }

  .section-contents .content-box.notice .content-text div {
    font-size: 14px;
    line-height: 20px;
    height: 100px;
  }

  .section-contents .content-box.notice .content-text .days {
    font-size: 12px;
  }

  .section-contents .content-box.notice {
    min-height: 130px;
  }

  .main-section.section4 {
    padding-bottom: 50px;
  }

  .main-coming {
    padding: 0 0 25px;
  }

  /* 마이페이지 */
  .mylab-banner {
    background-position: left 70% top 0;
    margin-bottom: 50px;
  }

  .history-table tbody {
    border-top: 1px solid var(--color-base-black);
  }

  .history-table .table-menu {
    display: none;
  }

  .history-table .table-content {
    width: 100%;
    position: relative;
  }

  .history-table .table-content td {
    font-size: 18px;
    display: block;
    text-align: right;
    line-height: normal;
    padding: 5px 20px;
  }

  .history-table .table-content td .mobile-block {
    display: inline-block;
    font-size: 14px;
  }

  .history-table .table-content td span:last-of-type {
    margin-left: 10px;
  }

  .history-table .table-content td.date-size {
    font-size: 12px;
    position: absolute;
    width: auto;
  }

  .history-table .table-content td.received-size {
    width: auto;
  }

  .history-table .table-content td.Sent-size {
    width: auto;
  }

  .history-table .table-content td.history-size {
    width: auto;
    text-align: right;
    padding-left: 0;
  }

  .history-table .table-content td.Balance-size {
    width: auto;
    font-size: 14px;
  }

  .history-table .table-content td.history-size p {
    font-size: 14px;
    line-height: 20px;
  }

  .history-table .table-content td.history-size p.donation-block {
    font-size: 14px;
    line-height: 20px;
  }

  .history-wrap {
    margin-bottom: 30px;
  }

  .point-btn-wrap {
    padding: 0 20px;
    margin-bottom: 70px;
  }

  .point-btn-wrap > div {
    width: 100%;
  }

  .point-btn-wrap > div a {
    float: none;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
  }

  /*.point-btn-wrap>div a.buy-btn{margin-right:0;margin-bottom:10px;}*/
  .mylab-banner .banner-text-wrap .profile p:first-of-type {
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: inherit;
  }

  .edit-btn a {
    width: 120px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
  }

  .information .infor-table.company {
    display: flex;
    flex-wrap: wrap;
  }

  .information .infor-table .title.width400 {
    width: 100%;
    padding-left: 22px;
  }

  .information .infor-table .title.company {
    width: 100%;
  }

  .information .infor-table .infor.company {
    width: 100%;
  }

  .information .infor-table .infor.picture img {
    width: 80px;
    max-width: 80px;
  }

  .information-edit {
    margin-bottom: 30px;
  }

  .information-edit .float-wrap .edit-wrap {
    width: 100%;
    float: none;
  }

  .information-edit .float-wrap .edit-wrap:first-of-type {
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
  }

  .information-edit .input-wrap {
    width: 100%;
    margin-bottom: 30px;
  }

  .information-edit .input-wrap label {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .information-edit .input-wrap input {
    padding-left: 20px;
    font-size: 16px;
    height: 50px;
  }

  .information-edit .input-wrap select {
    font-size: 16px;
    height: 50px;
    padding-left: 20px;
  }

  .information-edit .input-wrap.education.bottom input {
    width: 70%;
  }

  .information-edit .input-wrap.education .float-wrap .plus-img {
    width: 50px;
  }

  .information-edit .input-wrap.education input {
    width: 80%;
  }

  .information-edit .input-wrap.education.bottom input {
    width: 80%;
  }

  .information-edit .input-wrap.photo {
    margin-bottom: 5px;
  }

  .confirm-btn {
    padding: 0 20px;
  }

  .confirm-btn a {
    width: 100%;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    padding: 0 14px;
  }

  .invite-wrap {
    margin: 50px auto 0;
    padding: 80px 20px;
  }

  .invite-state .form .float-wrap .plus-img {
    display: none;
  }

  .invite-state .form .float-wrap input {
    width: 100%;
    padding-left: 20px;
    height: 50px;
  }

  .invite-state .form label {
    font-size: 16px;
  }

  .invite-state .form .state-text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
  }

  .invite-state .form .state-text p:first-of-type {
    margin-bottom: 20px;
  }

  .invite-wrap .invite-state {
    padding-bottom: 40px;
    margin-bottom: 30px;
  }

  .invite-wrap .invite-btn {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
  }

  .invite-wrap .invite-state.success .invite-number .succ {
    margin-right: 35px;
    font-size: 24px;
  }

  .invite-wrap .invite-state.success .invite-number .fail {
    font-size: 24px;
  }

  .invite-state.success .form .state-text p:first-of-type {
    margin-bottom: 0;
  }

  .invite-state.success .form .state-text {
    font-size: 13px;
    line-height: 24px;
  }

  .invite-wrap .invite-state.success .email-show p {
    font-size: 14px;
  }

  .invite-wrap .invite-state.success .invite-number {
    margin-bottom: 30px;
  }

  .invite-wrap h2 p {
    font-size: 14px;
    line-height: 18px;
  }

  .email-show-wrap .email-append {
    margin-bottom: 5px;
    padding: 5px 8px 5px 30px;
  }

  .email-show-wrap .email-append p {
    font-size: 14px;
  }

  .email-show-wrap .email-append a {
    line-height: 24px;
  }

  .email-show-wrap .email-append a img {
    width: 20px;
    vertical-align: middle;
  }

  .information-edit .input-wrap textarea {
    height: 150px;
    padding: 15px;
    font-size: 16px;
  }

  .information-edit .input-wrap.education.bottom textarea {
    width: 100%;
  }

  .re-subpage .re-banner {
    background-size: cover;
    height: 331px;
    padding-top: 198px;
    margin: 0 auto;
  }

  .re-subpage .re-banner .re-title {
    width: 100%;
    max-width: 320px;
    height: 266px;
    margin: 0 auto;
    text-align: center;
  }

  .re-subpage .re-banner .re-title p {
    line-height: 50px;
    padding-top: 99px;
    padding-left: 0;
  }

  .re-subpage .re-banner .re-title p:before {
    margin: 0 auto 10px;
  }

  .re-subpage .section_document {
    margin-top: 163px;
    padding: 0 20px;
  }

  .re-subpage .section_video {
    margin-top: 163px;
    padding: 0 20px;
  }

  .re-subpage .section_streaming {
    margin-top: 163px;
    padding: 0 20px;
  }

  .re-subpage .section_notice {
    margin-top: 163px;
    padding: 0 20px;
  }

  .re-subpage .re-banner.video {
    background-position: right 40% top 0%;
  }

  .re-subpage .re-banner.document {
    background-position: right 40% top 0%;
  }

  .re-subpage .re-banner.streaming {
    background-position: right 40% top 0%;
  }

  .re-subpage .re-banner.notice {
    background-position: right 40% top 0%;
  }

  /*.subpage-menu{display: none;}*/
  /*.subpage-nav{display: none;}*/
  .upload-form .input-wrap select {
    width: 100%;
    font-size: 16px;
    padding-left: 20px;
    height: 50px;
  }

  .upload-form .input-wrap input {
    width: 100%;
    font-size: 16px;
    padding-left: 20px;
    height: 50px;
  }

  .upload-form .float-wrap.time .input-wrap input {
    width: 100%;
  }

  .upload-form .input-wrap textarea {
    width: 100%;
    font-size: 16px;
    padding: 10px 20px;
    height: 80px;
  }

  .upload-form .input-wrap textarea.subtitle {
    width: 100%;
    height: 90px;
    margin-bottom: 10px;
  }

  .input-wrap.file .filebox label {
    width: 36%;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
  }

  .input-wrap.file input {
    width: 64%;
    padding-left: 15px;
  }

  .container.list-page {
    padding: 180px 0 20px;
  }

  .mylab .mylab-wrap {
    border-top: 1px solid #e0e0e0;
    margin: 0;
    padding: 15px 0 0;
  }

  .upload-title p {
    font-size: 20px;
    line-height: 20px;
    padding-left: 10px;
  }

  .upload-title {
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

  .upload-title-sub {
    top: -20px;
  }

  .upload-form .input-wrap label {
    font-size: 16px;
  }

  .upload-form .input-wrap {
    margin-bottom: 30px;
  }

  .upload-form .btn-wrap {
    margin-top: 30px;
  }

  .upload-form .btn-wrap a {
    font-size: 22px;
    height: 60px;
    line-height: 60px;
  }

  .upload-form .btn-wrap button {
    font-size: 22px;
    height: 60px;
    line-height: 60px;
  }

  .upload-form .float-wrap.time .input-wrap select {
    width: 100%;
  }

  .upload-form .float-wrap.time .input-wrap {
    width: 31.6%;
    margin-right: 2.6%;
  }

  .upload-form .float-wrap.time .input-wrap:last-of-type {
    margin-right: 0;
  }

  .upload-form .input-wrap.invite .email-show-wrap {
    width: 100%;
  }

  .upload-form .input-wrap.invite .float-wrap a {
    width: 50px;
  }

  .upload-form .input-wrap.invite .float-wrap a img {
    width: 100%;
  }

  .upload-form .input-wrap.invite .float-wrap input {
    min-width: 80%;
    margin-right: 2%;
  }

  .upload-form .input-wrap.invite .float-wrap select {
    width: 80%;
    margin-right: 2%;
  }

  .upload-form .input-wrap .type-chk-wrap {
    margin-right: 45px;
  }

  .cate-select select {
    width: 100%;
    float: none;
  }

  .cate-select div.select {
    display: none;
  }

  .cate-select.two select {
    width: 100%;
    float: none;
  }

  .cate-select.two select:first-child {
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .cate-select.two .list-search-bar {
    width: 250px;
  }

  .cate-select.two .list-search-bar input {
    width: 173px;
  }

  .sub-upload-btn {
    width: 100%;
    margin-bottom: 0;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
  }

  .paging {
    display: block;
  }

  .re-subpage {
    padding-bottom: 70px;
  }

  .content-wrap {
    margin: 0 10px 20px;
  }

  .list-wrapper .list-title {
    text-align: center;
  }

  .list-wrapper .list-title h2 {
    float: none;
    padding-left: 0;
    font-size: 30px;
    line-height: 43px;
    padding-top: 10px;
    margin-bottom: 30px;
  }

  .list-wrapper .list-title a {
    float: none;
    display: inline-block;
  }

  .list-wrapper .list-title h2:before {
    width: 30px;
    height: 6px;
    top: 0;
    left: 50%;
    margin-left: -15px;
  }

  .content-wrap .text-wrap {
    display: block;
    padding: 15px 30px 30px;
  }

  .content-wrap .text-wrap .float-wrap.middle {
    margin-bottom: 20px;
  }

  .content-wrap .text-wrap .text-right a {
    margin-top: 15px;
    float: left;
  }

  .content-wrap .text-wrap .text-right {
    display: inline-block;
    width: 100%;
  }

  .content-wrap .text-wrap .text-right a.list-down-btn {
    margin-top: 20px;
  }

  .content-wrap .text-wrap .text-right a.list-edit-btn {
    width: 39%;
    margin-left: 1%;
    margin-right: 0;
  }

  .content-wrap .text-wrap .text-right a.subtitle {
    width: 60%;
    margin-right: 0;
    margin-left: 0;
  }

  .content-wrap .text-wrap .text-right a.list-edit-btn:first-child {
    width: 100%;
    margin-left: 0;
  }

  .content-wrap .text-wrap .text-right a.list-delete-btn {
    width: 100%;
  }

  .content-wrap .text-wrap .text-left {
    padding-right: 0;
  }

  .no-list {
    padding: 10px 0 40px;
  }

  .no-list p {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 23px;
  }

  .section_streaming .cate-select select {
    position: static;
  }

  .section_streaming .cate-select > div {
    padding-bottom: 10px;
    margin-bottom: 20px;
  }

  .section_streaming .cate-select p {
    width: 91px;
    font-size: 16px;
    height: 33px;
    line-height: 33px;
  }

  .reservation-title p {
    font-size: 16px;
    line-height: 23px;
  }

  .reservation-title p:before {
    width: 20px;
    margin-bottom: 10px;
  }

  .section_streaming .streaming-section .section-contents:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
  }

  .section_streaming .reservation-section .section-contents:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }

  .reservation-section {
    margin-top: 50px;
  }

  .container.error {
    padding: 0;
  }

  .error img.m-block {
    display: block;
  }

  .error img.pc-block {
    display: none;
  }

  .error-text {
    top: 70%;
  }

  .error-text .error-text-wrap {
    font-size: 12px;
    line-height: 17px;
    width: 100%;
    padding: 20px 35px;
  }

  .information-edit .input-wrap .type-chk-wrap {
    margin-right: 30px;
  }

  .information-edit .input-wrap select {
    background-size: 10px 5px;
  }

  .container .notice-view.box-wrap {
    padding: 30px 30px 40px;
    border-top: 1px solid #e0e0e0;
  }

  .container.notice-view-page {
    padding: 80px 0 0;
  }

  .notice-view .notice-search input {
    width: 85%;
  }

  .container.faq-page {
    padding: 180px 0 0;
  }

  .faq-search {
    padding: 30px;
  }

  .faq-search .search-bar {
    width: 100%;
    height: 40px;
  }

  .faq-search .search-bar a {
    top: 10px;
    left: 10px;
    width: 20px;
  }

  .faq-search .search-bar a img {
    width: 100%;
  }

  .faq-search .search-bar input {
    font-size: 14px;
    padding-left: 40px;
  }

  .faq-category h2 {
    font-size: 40px;
    line-height: 57px;
  }

  .container .faq-category {
    padding: 0 30px;
  }

  .faq-category .category-tab p {
    font-size: 14px;
    padding: 0 10px;
    line-height: 42px;
    margin-right: 5px;
  }

  .faq-content {
    padding: 30px 0 70px;
  }

  .accordian {
    border-radius: 0;
  }

  .accordian .acco-q {
    padding: 20px 25px;
  }

  .accordian .acco-a {
    padding-left: 25px;
  }

  .view-wrap {
    display: block;
    margin-top: 0;
  }

  .view-wrap .view-left {
    width: 100%;
  }

  .view-wrap .view-right {
    padding-left: 0;
    width: 100%;
    margin-bottom: 70px;
  }

  .view-wrap .view-left .left-block1 iframe {
    height: 55vw;
  }

  .view-wrap .view-left .left-block1 {
    margin-bottom: 15px;
  }

  .view-wrap .view-left .left-block2 {
    padding: 0 20px;
    margin-bottom: 10px;
  }

  .view-wrap .view-left .left-block2 .count {
    margin-top: 15px;
  }

  .view-wrap .view-left .left-block2 .count > div {
    padding: 0;
  }

  .view-wrap .view-left .left-block2 .count > div > p {
    font-size: 14px;
    line-height: 20px;
  }

  .view-wrap .view-left .left-block2 .count > div > p:first-of-type {
    margin-right: 5px;
  }

  .view-wrap .view-left .left-block2 .count > div.like-count {
    background-color: var(--color-bg-primary);
    border-radius: 0;
  }

  .view-wrap .view-left .left-block2 .count > div.like-count p {
    color: #4081BB;
  }

  .view-wrap .view-left .left-block2 .count > div.like-count p .mobile-hidden {
    display: none;
  }

  .view-wrap .view-left .left-block2 .count > div.like-count p .mobile-visible {
    display: inline-block;
  }

  .view-wrap .view-left .left-block2 .count > div.view-count {
    margin-right: 10px;
  }

  .view-wrap .view-left .left-block2 .count > div.view-count img {
    width: 24px;
  }

  .view-wrap .view-left .left-block4 .category img {
    width: 36px;
  }

  .view-wrap .view-left .left-block3 {
    padding: 10px 20px;
    margin-bottom: 20px;
  }

  .view-wrap .view-left .left-block3 p {
    font-size: 14px;
    line-height: 20px;
    margin-right: 20px;
  }

  .view-wrap .view-left .left-block3 span {
    font-size: 14px;
    line-height: 20px;
  }

  .view-wrap .view-left .left-block4 {
    padding: 0 20px 25px;
    margin-bottom: 20px;
  }

  .view-wrap .view-left .left-block3 h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .view-wrap .view-left .left-block4 div {
    font-size: 14px;
    line-height: 20px;
  }

  .view-wrap .view-left .left-block5 h3 {
    font-size: 16px;
    margin-bottom: 10px;
    padding: 0 20px;
  }

  .view-wrap .view-left .left-block5 .input-wrap {
    display: block;
    padding: 0 20px;
  }

  .view-wrap .view-left .left-block5 .input-wrap input {
    width: 100%;
    height: 40px;
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 5px;
    margin-right: 0;
  }

  .view-wrap .view-left .left-block5 .input-wrap button {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }

  .view-wrap .view-left .left-block5 .comment-wrap {
    padding: 0 20px 15px;
    margin-bottom: 10px;
  }

  .view-wrap .view-left .left-block5 .comment-wrap .name {
    font-size: 14px;
  }

  .view-wrap .view-left .left-block5 .comment-wrap .comment {
    font-size: 14px;
    line-height: 20px;
  }

  .view-wrap .view-left .left-block5 {
    margin-bottom: 20px;
  }

  .view-wrap .view-right .right-block1 {
    padding: 0 20px;
    margin-bottom: 20px;
  }

  .view-wrap .view-right h3 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 500;
  }

  .view-wrap .view-right .right-block1 .tab-con label {
    margin-right: 20px;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 8px;
  }

  .view-wrap .view-right .right-block1 .tab-con section {
    font-size: 14px;
    line-height: 30px;
    padding: 10px 0;
  }

  .view-wrap .view-right .right-block2 h3 {
    padding: 0 20px;
  }

  .view-wrap .view-right .right-block2 .video-box {
    display: block;
    margin-bottom: 30px;
  }

  .view-wrap .view-right .right-block2 .video-wrap {
    width: 100%;
    height: 56vw;
    margin-bottom: 10px;
  }

  .view-wrap .view-right .right-block2 .text-wrap {
    padding: 0 20px;
    width: 100%;
  }

  .view-wrap .view-right .right-block2 .text-wrap .title {
    font-size: 16px;
    line-height: 23px;
    height: 46px;
  }

  .view-wrap.document {
    margin-top: 0;
    border-top: 1px solid #e0e0e0;
    padding: 30px 20px 0;
  }

  .view-wrap.document .view-left .left-block5 .input-wrap input {
    width: 100%;
  }

  .view-wrap.document .view-left .left-block1 {
    padding: 0 0 20px;
  }

  .view-wrap.document .view-left .left-block1 h2 {
    font-size: 20px;
    line-height: 28px;
  }

  .view-wrap.document .view-left .left-block2 {
    padding: 0;
    margin-bottom: 20px;
  }

  .view-wrap.document .view-left .left-block2 .count {
    margin-bottom: 20px;
  }

  .view-wrap.document .view-left .left-block2 .profile {
    display: block;
  }

  .view-wrap.document .view-left .left-block2 .profile .photo {
    margin: 0 auto 10px;
  }

  .view-wrap.document .view-left .left-block2 .profile .profile-text .name {
    text-align: center;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 15px;
  }

  .view-wrap.document .view-left .left-block2 .profile .profile-text .intro {
    font-size: 14px;
    line-height: 20px;
  }

  .view-wrap.document .view-left .left-block3 {
    padding: 20px 0 0;
    margin-bottom: 20px;
  }

  .view-wrap.document .view-left .left-block3 p {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 5px;
  }

  .view-wrap.document .view-left .left-block3 span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
  }

  .view-wrap.document .view-left .left-block4 p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 23px;
  }

  .view-wrap.document .view-left .left-block4 {
    padding: 0 0 20px;
  }

  .view-wrap.document .view-left .left-block4 span img {
    width: 320px;
  }

  .view-wrap.document .view-left .left-block5 h3 {
    padding: 0;
  }

  .view-wrap.document .view-left .left-block5 .input-wrap {
    padding: 0;
  }

  .view-wrap.document .view-left .left-block5 .comment-wrap {
    padding: 0 0 15px;
  }

  .view-wrap.document .view-left .left-block5 {
    margin-bottom: 70px;
  }

  .chat-inner .line .name {
    font-size: 14px;
    margin-right: 10px;
    line-height: 24px;
  }

  .chat-inner .line .contents {
    font-size: 14px;
    line-height: 24px;
  }

  .chat-inner {
    height: 300px;
    padding: 10px 20px;
  }

  .view-wrap .view-left .on-air-mark {
    margin-left: 0;
    margin-bottom: 0;
    font-size: 12px;
    width: 57px;
    height: 23px;
    line-height: 23px;
    filter: none;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 10px;
    left: 10px;
  }

  .live-on .chat-inner {
    height: 160px;
  }

  .chat-write {
    padding: 10px 15px;
  }

  .chat-write .write-name .name {
    font-size: 14px;
  }

  .write-input input {
    padding-left: 10px;
    font-size: 14px;
    height: 40px;
  }

  .write-input a {
    line-height: 40px;
  }

  .view-wrap .view-left {
    position: relative;
  }

  .chat-open {
    display: block;
  }

  .view-wrap .view-right h3.mobile-none {
    display: none;
  }

  .slide-btn {
    display: none;
  }

  .chat-box {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 9998;
    bottom: 0;
    background-color: var(--color-bg-primary);
    display: none;
  }

  .mobile-top {
    display: block;
  }

  .mobile-more {
    display: none;
  }

  .donation-btn {
    padding: 0 20px;
  }

  .donation-btn a {
    width: 100%;
    font-size: 20px;
  }

  .container.donation-page {
    padding: 80px 0 0;
  }

  .container.contact-page {
    padding: 80px 0 0;
  }

  .donation1 {
    border-top: 1px solid #e0e0e0;
  }

  .donation2 {
    border-top: 1px solid #e0e0e0;
  }

  .donation1 .bottom .inner .charge-wrap .charge-text .text-top .danger-text {
    margin-left: 5px;
  }

  .donation1 .bottom .inner .point-input::placeholder {
    font-size: 14px;
  }

  .donation-page-btn a {
    line-height: 43px;
    font-size: 16px;
  }

  .donation-page-btn button {
    line-height: 43px;
    font-size: 16px;
  }

  .donation2 .donation-history h3 {
    font-size: 16px;
    line-height: 43px;
  }

  .donation2 .donation-history .line {
    padding: 0 20px;
  }

  .donation2 .donation-history .line p {
    font-size: 14px;
    line-height: 40px;
  }

  .donation2 .donation-history {
    margin-bottom: 30px;
  }

  .donation2 .donation-history .line p:last-of-type {
    width: 45%;
    margin-left: 10px;
  }

  #donation-layerpopup.pop-layer {
    width: 90%;
    margin: 10px;
    transform: translate(-52%, -50%);
  }

  #donation-layerpopup .donation1 {
    border: none;
  }

  #donation-layerpopup .donation1 .top h2 {
    font-size: 26px;
    line-height: 37px;
  }

  #donation-layerpopup .donation1 .top h2:before {
    margin: 10px auto 10px;
  }

  #donation-layerpopup .donation1 .top p {
    font-size: 14px;
    line-height: 20px;
  }

  #donation-layerpopup .donation1 .top {
    margin-bottom: 30px;
  }

  #donation-layerpopup .donation1 .bottom .inner .id-block {
    margin-bottom: 20px;
  }

  #donation-layerpopup .donation1 .bottom {
    padding: 30px 20px 20px;
  }

  #donation-layerpopup .donation1 .bottom .inner {
    padding: 0;
  }

  #donation-layerpopup .donation1 .bottom .inner .charge-wrap .charge-text {
    margin-bottom: 0;
  }

  #donation-layerpopup .donation1 .bottom .inner .charge-wrap {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  #donation-layerpopup .donation-page-btn a {
    width: 140px;
  }

  #donation-layerpopup .donation-page-btn button {
    width: 140px;
  }

  .request-page {
    border-top: 1px solid #e0e0e0;
    margin: 0 0 70px;
    padding-top: 50px;
  }

  .request-page .title h2 {
    border-left: 4px solid var(--color-base-black);
    padding-left: 10px;
    font-size: 20px;
    line-height: 20px;
  }

  .request-page .title {
    padding-bottom: 16px;
    margin-bottom: 30px;
  }

  .request-page .input-wrap label {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .request-page .input-wrap input {
    width: 100%;
    height: 50px;
    font-size: 16px;
    padding-left: 15px;
  }

  .request-page .input-wrap textarea {
    width: 100%;
    height: 220px;
    font-size: 16px;
    padding: 15px;
  }

  .request-page .input-wrap span {
    font-size: 14px;
    line-height: 20px;
  }

  .request-page .input-wrap:last-of-type {
    margin-bottom: 30px;
  }

  .request-page .submit-btn button {
    width: 100%;
    height: 60px;
    font-size: 20px;
  }

  .request-page .submit-btn a {
    width: 100%;
    line-height: 60px;
    font-size: 20px;
  }

  .history-wrap .history-inner {
    margin-bottom: 0;
  }

  .comment-wrap .delete-btn {
    right: 20px;
    font-size: 12px;
    width: 60px;
  }

  .main-banner .swiper-container {
    height: 150px;
  }

  .main-banner .swiper-button-next {
    width: 18px;
    height: 32px;
    right: 10px;
  }

  .main-banner .swiper-button-prev {
    width: 18px;
    height: 32px;
    left: 10px;
  }

  .request-page .result .icon-img {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .request-page .result .icon-img img {
    width: 50px;
  }

  .request-page .result p {
    font-size: 14px;
  }

  .request-page .result p.bold-text {
    font-size: 20px;
    margin-bottom: 30px;
  }

  .request-page .result .f-text {
    margin-bottom: 0;
  }

  .request-page .result .s-text {
    line-height: 20px;
    word-break: normal;
  }

  .cate-select .list-search-bar {
    float: none;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .cate-select .streaming-search .list-search-bar {
    margin-top: 0;
  }

  .cate-select.two .list-search-bar {
    width: 100%;
  }

  .cate-select.two .list-search-bar input {
    width: 100%;
  }

  .section_streaming .cate-select > div.streaming-search {
    margin-bottom: 15px;
  }

  .w-container {
    max-width: none;
  }

  .un-privacy-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  /*.un-policy-section{padding-top:80px;}*/
  .main-search-box {
    padding-top: 80px;
  }

  .main-search-box .main-video {
    margin-bottom: 30px;
  }

  .type-chk .btn-example-parent {
    text-align: center;
  }

  .loginPage .form-wrap .form-inner .type-chk > label {
    margin-bottom: 5px;
  }

  .pop-layer {
    width: 100%;
    top: 0;
    left: 0;
  }

  .pop-layer .pop-container {
    padding: 20px 25px;
  }

  .pop-layer .pop-container.padB20 {
    padding: 0 0 20px 0;
  }

  .pop-layer .pop-container h1 {
    margin-bottom: 35px;
  }

  .pop-layer .pop-container h1 img {
    width: 81px;
  }

  .pop-layer .pop-container h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 15px;
  }

  .pop-layer .pop-container h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 15px;
  }

  .pop-layer .pop-container > p {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
  }

  .pop-layer .pop-container > p strong {
    font-size: 16px;
  }

  .pop-layer .pop-container table caption {
    font-size: 16px;
    line-height: 23px;
  }

  .pop-layer .pop-container table thead th {
    width: 80px;
    min-width: 65px;
    height: 33px;
    font-size: 12px;
  }

  .pop-layer .pop-container table thead th:first-child {
    width: 150px;
    min-width: 10px;
  }

  .pop-layer .pop-container table tbody td {
    font-size: 12px;
  }

  .pop-layer .pop-container table tbody td:first-child {
    padding: 8px 10px;
    word-break: normal;
  }

  .pop-layer .pop-container table tbody td img {
    width: 12px;
  }

  .list-btn-wrap {
    padding: 0 20px;
  }

  .list-btn-wrap.streaming {
    display: block;
  }

  .list-btn-wrap.streaming a {
    width: 100%;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .onAir-list-btn {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .search-cate {
    padding-top: 0;
  }

  .main-cate-img a {
    width: 80px;
    margin-right: 5px;
    margin-bottom: 10px;
  }

  .main-cate-img a img {
    width: 100%;
  }

  .interest-text {
    /*font-size:18px;line-height: 22px;*/
    margin-bottom: 20px;
  }

  .main-search-box .search-box-text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 17px;
  }

  .main-banner .swiper-slide a {
    font-size: 30px;
    line-height: 150px;
  }

  .loginPage .container.sign-banner-page {
    padding: 80px 0 20px;
  }

  .sign-banner-bottom {
    padding: 0 20px;
  }

  .mylab-menu p {
    margin-right: 25px;
  }

  .mylab-menu p a {
    font-size: 16px;
  }

  .password-change {
    padding: 100px 40px 0;
  }

  .password-change .password-text {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 20px;
  }

  .password-change .password-text .mobile-block {
    display: block;
  }

  .password-change .input-wrap {
    margin-bottom: 10px;
  }

  .password-change .input-wrap label {
    display: block;
    line-height: 28px;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .password-change .input-wrap p {
    display: block;
  }

  .password-change .input-wrap p input {
    width: 100%;
    height: 46px;
    font-size: 14px;
  }

  .password-change .confirm-btn {
    margin: 40px auto;
    width: 100%;
    height: 60px;
    font-size: 20px;
  }

  .main-section h2 .mobile-block {
    display: inline-block;
  }

  .main-section h2 .pc-block {
    display: none;
  }

  .header .h-menu > div {
    display: block;
  }

  .header .h-menu > div.m-nav-btn {
    margin-left: 0;
  }

  .div-block-101 {
    height: 80px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .mobile-bottom-nav {
    background: #F8F8F8;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 20px;
  }

  .mobile-bottom-nav.h-menu > div {
    margin: 0 auto;
  }

  .password-important.pass-page {
    width: 100%;
  }

  .mic-text {
    font-size: 16px;
    width: 100%;
    padding: 0 20px;
  }

  .mic-text.new-page {
    padding: 0;
  }

  .condition-btn-wrap span {
    font-size: 10px;
  }

  .condition-btn-wrap span img {
    padding-top: 4px;
  }

  .password-condition {
    padding: 30px 20px 20px;
  }

  .password-edit-wrap {
    width: 100%;
  }

  .password-edit-wrap .condition-btn-wrap {
    position: absolute;
    right: 0;
    top: 3px;
  }

  .password-edit-wrap .condition-btn-wrap span img {
    padding-top: 0;
  }

  .popup-body .warning-img {
    width: 30px;
  }

  .popup-body .warning-txt {
    margin: 10px auto;
  }

  .main-info-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /*.main-info-wrap > a:not(:last-child) { margin-bottom: 30px; }*/
  .main-info-wrap > a {
    width: 30%;
  }

  .main-info-wrap > a > span.img {
    width: 120px;
    height: 120px;
  }

  .main-info-wrap > a > span.txt {
    font-size: 18px;
  }

  .main-interests {
    margin: 0 auto;
  }

  .main-interests .interest-wrap {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
  }

  .main-interests .interest-wrap > p {
    width: 100%;
    margin-bottom: 10px;
  }

  .main-interests .interest-wrap > p:last-child {
    margin-bottom: 0;
  }

  .main-interests .interest-wrap > p > input, .main-interests .interest-wrap > p > select {
    width: 100%;
  }

  .search-interests {
    text-align: left;
  }

  .search-interests strong {
    text-align: center;
    margin-right: 0;
    margin-bottom: 20px;
    display: block;
  }

  .search-interests .quick > span {
    display: inline-block;
    text-align: left;
  }

  .nav-user-wrap {
    flex-wrap: wrap;
  }

  .nav-user-wrap .h-user a {
    justify-content: normal;
  }

  .nav-user-wrap .h-member > p {
    display: inline-block;
  }

  .nav-user-wrap .h-user a .h-user-icon {
    width: 60px;
    height: 60px;
  }

  .nav-user-wrap .h-user a .h-user-name {
    font-size: 20px;
    width: 175px;
  }

  .mobile-nav > ul.menu li a {
    height: 75px;
  }

  .more-btn.short {
    top: 75px;
  }

  /*  메인 배경 서브 도형*/
  .main-section.section3:after {
    top: -50px;
    left: 0;
  }

  .popup-main.popup-bg-img.researcher {
    background-image: none;
  }

  .popup-main.popup-bg-img.user {
    background-image: none;
  }

  .section_post {
    padding-top: 200px;
  }

  .popup-main.user .txt2 {
    padding-right: 0;
  }

  .popup-main.user .popup-footer.btn-md-wrap {
    padding-right: 0;
  }

  .popup-main.researcher .txt1 {
    padding-right: 0;
  }

  .popup-main.researcher .txt2 {
    padding-right: 0;
  }

  .popup-main.researcher .popup-footer.btn-md-wrap {
    padding-right: 0;
  }

  .paging .paging-wrap a {
    width: 25px;
    height: 25px;
    font-size: 18px;
    line-height: 1.3;
  }

  .paging .paging-wrap a.arrow-btn {
    line-height: 1.1;
  }

  .paging .paging-wrap a.arrow-btn img {
    width: 45%;
  }

  .paging .paging-wrap a.arrow-btn.end img {
    width: 80%;
  }

  .uniPop.chap2 {
    width: 90%;
  }

  .donationMiniPop {
    display: block;
  }

  .popup-md {
    width: 90%;
  }

  .mylab-menu.noBorder.myWallet {
    padding: 0;
  }

  .wallet-main-line {
    background-color: var(--color-bg-interactive-inverse);
  }

  .myWallet-border {
    border: none;
    box-shadow: none;
    margin: 0;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .myWallet-border .myWallet-meta-img {
    width: 100px;
    height: 100px;
    position: static;
    transform: none;
    margin: 0 auto 20px;
  }

  .myWallet-border .myWallet-meta-img img {
    width: 100%;
  }

  .myWallet-border .notListed {
    display: block;
  }

  .myWallet-border .connect-metamask {
    min-width: 190px;
  }

  .beginners-wrap .beginners .beginners-inner .number {
    top: -10px;
    left: -10px;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div {
    width: 100%;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div .desc {
    height: auto;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div .img {
    width: 80%;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-4 {
    width: 300px;
  }

  .wallet-address-wrap .wallet-address-inner input {
    width: 100%;
    margin-bottom: 0.5rem;
    font-size: 14px;
  }

  .onAir-text-wrap > div .sub-title {
    flex: auto;
    width: 100%;
  }

  .onAir-text-wrap > div .sub-img {
    justify-content: left;
    margin-left: 0;
    margin-top: 20px;
  }

  .myWallet-wrap .myWallet-inner .myWallet-title .img {
    width: 100%;
  }

  .myWallet-border {
    margin-left: 20px;
    margin-right: 20px;
  }

  .beginners-wrap .beginners {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2-4 {
    width: 100%;
  }

  .pc-block {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .popup-sm {
    width: 90%;
  }

  .header .h-menu > div.m-nav-btn.menu {
    margin-left: 10px;
    margin-right: 0;
    padding: 5px 20px;
  }

  .h-menu > div {
    margin-right: 0;
  }

  .h-menu > div.h-search {
    margin-left: 10px;
  }

  .nav-user-wrap .h-user a .h-user-name {
    font-size: 18px;
    width: auto;
  }

  .mobile-nav > ul.menu li {
    width: 100%;
    margin-right: 0;
  }

  .mobile-nav > ul.menu li:nth-child(3n+0) {
    margin-right: 0;
  }

  .mobile-nav > ul.menu li:nth-child(2n+0) {
    margin-right: 0;
  }

  .mobile-nav > ul.menu li a {
    height: 55px;
    margin-left: 10px;
  }

  .mobile-nav > ul.menu li a .txt {
    font-size: 14px;
  }

  .mobile-nav > ul.menu li a .img {
    width: 60px;
  }

  .mobile-nav > ul.menu li a .img img {
    width: 100%;
  }

  .mobile-nav > ul.menu li a .img.sm img {
    width: 80%;
  }

  .main-info-wrap > a {
    width: 30%;
    margin-bottom: 20px;
  }

  .main-info-wrap > a > span.img {
    width: 70px;
    height: 70px;
  }

  .main-info-wrap > a > span.txt {
    font-size: 15px;
  }

  .content-wrap .text-wrap .text-right a.list-edit-btn {
    width: 100%;
    margin-left: 0;
  }

  .content-wrap .text-wrap .text-right a.subtitle {
    width: 100%;
  }

  .donation1 .bottom .inner .point-input::placeholder {
    font-size: 10px;
  }

  .footer {
    padding-top: 40px;
    padding-bottom: 10px;
    margin-top: 90px;
  }

  .footer > div.f-menu {
    padding: 0 0 20px;
  }

  .footer > div.f-top {
    padding: 70px 0 30px;
  }

  .footer .right {
    top: -50px;
  }

  .paging .paging-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .paging .paging-wrap a {
    display: none;
  }

  .paging .paging-wrap a.active {
    display: block;
  }

  .paging .paging-wrap a.arrow-btn {
    display: block;
  }

  /*.paging .paging-wrap a.active + a { display: block; }*/
  .uniPop.chap1 {
    width: 375px;
  }

  .uniPop.chap2 {
    width: 120%;
    left: -10%;
  }

  .title-line {
    width: 100px;
  }

  .myWallet-border .install-metamask {
    display: block;
  }

  .myWallet-border .install-metamask .reload-install {
    display: block;
    margin: 10px auto 0;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-2 > div .img {
    width: 100%;
  }

  .beginners-wrap .beginners .beginners-inner .desc-inner .step-4 {
    width: 100%;
  }
}
@media screen and (max-width: 410px) {
  .header .h-menu > div#google_translate_element {
    position: absolute;
    bottom: -24px;
    right: 20px;
  }

  .goog-logo-link {
    display: none !important;
  }

  #donation-layerpopup .donation-page-btn button,
#donation-layerpopup .donation-page-btn a {
    width: 100px;
  }

  .donation1 .bottom .inner .point-input.pop {
    position: relative;
  }

  .donation1 .bottom .inner .point-input.pop:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background-color: var(--color-bg-interactive-inverse);
  }

  .popup-main .popup-body .txt {
    font-size: 14px;
  }

  .uniPop.chap1 {
    width: 300px;
  }

  .uniPop.chap2 {
    width: 96%;
    left: 2%;
    bottom: 3%;
    overflow: scroll;
    height: 94%;
    position: fixed;
  }

  .uniPop.botLeft::after {
    display: none;
  }

  .uni-icon.chap2 {
    font-size: 12px;
  }

  .popup-main.user .popup-footer.btn-md-wrap > button {
    font-size: 12px;
    padding: 0.5rem;
  }

  .password-edit-wrap .condition-btn-wrap {
    top: -30px;
  }
}
@media screen and (max-width: 350px) {
  .popup-main.user .popup-footer.btn-md-wrap {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .popup-main.user .popup-footer.btn-md-wrap > button {
    width: 100%;
    margin: 0 0 5px 0;
  }

  .popup-main.researcher .popup-footer.btn-md-wrap {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .popup-main.researcher .popup-footer.btn-md-wrap > button {
    width: 100%;
    margin: 0 0 5px 0;
  }

  .uniPop.chap1 {
    width: 250px;
  }
}
/* landing-page-svi */
.new-main-wrap .landing-page-svi-wrap {
  background-image: url("/images/svi-back.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 120px;
}
.new-main-wrap .landing-page-svi-wrap > div {
  width: 1100px;
}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap {
  margin-bottom: 64px;
  position: relative;
}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-position {}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-position p {
  position: absolute;
}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-position p.left {
  left: -150px;
  top: 350px;
}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-position p.right {
  right: -143px;
  top: 154px;
  z-index: -1;
}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-position p img{
  width: 100%;
}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-wrap {
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: center;
}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-wrap .img.uni {
  width: 256px;
  margin-bottom: 16px;
}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-wrap .img.svi {
  width: 393px;
}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-wrap .img img {
  width: 100%;
}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-wrap .line {
  width: 32px;
  height: 32px;
}
.new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-wrap .line svg {
  width: 100%;
  height: 100%;
}

.new-main-wrap .landing-page-svi-wrap > div .svi-wrap {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box {
  background-color: var(--color-bg-primary);
  padding: 64px 105px 74px;
  border-radius: 15px;
  box-shadow: 0 1px 15px rgba(16,46,103,0.2);
}
.new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .title {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #0963ba;
  margin-bottom: 32px;
}
.new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .content {
  font-size: 16px;
}
.new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .info-box {
  display: flex;
  gap: 24px;
  flex-direction: column;
  margin-top: 56px;
}
.new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .info-box .info {
  padding: 24px;
  border: 2px solid #e6e7e9;
  border-radius: 12px;
  display: flex;
  gap: 23px;
  align-items: center;
}
.new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .info-box .info .num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: bold;
  color: var(--color-text-interactive-inverse);
  background-color: #0963BA;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
}
.new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .info-box .info .txt {
  font-size: 16px;
  flex: 1;
}
.new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .svi-hand {
  width: 800px;
  text-align: center;
  margin: 28px auto 0;
}
.new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .svi-hand img {
  width: 100%;
}
.new-main-wrap .landing-page-svi-wrap > div .svi-btn {
  margin-top: 80px;
}
.new-main-wrap .landing-page-svi-wrap > div .svi-btn .btn {
  background-color: #0963BA;
}

@media screen and (max-width: 1400px) {
  .new-main-wrap .landing-page-svi-wrap > div {
    width: 1100px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-position {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .new-main-wrap .landing-page-svi-wrap {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .banner-wrap {
    margin-bottom: 40px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-wrap .img.uni {
    width: 160px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-wrap .img.svi {
    width: 280px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-wrap .line {
    width: 18px;
    height: 18px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .svi-wrap {
    gap: 32px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box {
    padding: 40px 20px 50px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .title {
    font-size: 18px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .content {
    font-size: 14px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .info-box {
    margin-top: 32px;
    gap: 16px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .info-box .info .num {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .info-box .info .txt {
    font-size: 14px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .svi-wrap .svi-box .svi-hand {
    max-width: 100%;
    margin: 10px auto 0;
  }
  .new-main-wrap .landing-page-svi-wrap > div .svi-btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-page-svi-wrap {
    padding-top: 48px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-wrap {
    flex-direction: column;
    gap: 16px;
  }
  .new-main-wrap .landing-page-svi-wrap > div .banner-wrap .img-wrap .img.uni {
    margin-bottom: 0;
  }
}

/* aidea-pro */
.new-main-wrap .landing-page-ai-wrap .box-wrap-new-mid > div {
  width: 846px;
  max-width: 100%;
  margin: 0 auto;
}
.new-main-wrap .landing-page-ai-wrap .box-wrap-new-mid h3 {
  font-size: 26px;
  margin-bottom: 32px;
  font-weight: bold;
  text-align: center;
  color: #13293d;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-top {
  width: 100%;
  height: 481px;
  background-image: url("/images/ai-back.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 43%;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-top .ai-top-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-top .ai-top-wrap .logo {
  width: 504px;
  height: 116px;
  border-radius: 100px;
  border: 4px solid var(--color-border-interactive-inverse);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255,255,255,0.2);
  margin-top: 114px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-top .ai-top-wrap h2 {
  font-size: 112px;
  font-weight: 300;
  color: var(--color-text-interactive-inverse);
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-overview {
  padding: 100px 0;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-overview .contents {
  font-size: 16px;
  margin-bottom: 24px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-overview .img {
  width: 376px;
  max-width: 100%;
  margin: 0 auto;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-overview .img img {
  width: 100%;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-how {
  background-color: #CACBD3;
  padding: 100px 0;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-how .how-contents {
  margin-bottom: 48px;
  font-size: 16px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-how .how-tobe {
  display: flex;
  gap: 35px;
  text-align: center;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-how .how-tobe .how-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-how .how-tobe .how-box .title {
  width: 86px;
  height: 36px;
  border-radius: 100px;
  background: #f2f4f7;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #13293d;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-how .how-tobe .how-box .img {
  max-width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-how .how-tobe .how-box .img img {
  width: 100%;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-how .how-tobe .how-arrow {
  padding-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa {
  background-color: #F0F0F0;
  padding: 80px 0 100px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .btn-wrap {
  padding-bottom: 100px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .btn-wrap .btn {
  background-color: #636BDA;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa h3 {
  margin-bottom: 16px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap {
  border-top: 2px solid var(--color-base-black);
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-base-black);
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box .title {
  position: relative;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box .title:after {
  content: "+";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box.active .title:after {
  content: "-";
  font-size: 24px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box .title h4 {
  font-size: 16px;
  font-weight: bold;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box .contents {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 0;
  margin-top: 0;
  overflow: hidden;
  transition: all .3s;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box.active .contents {
  height: auto;
  margin-top: 16px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box .contents .qa-pack h5 {
  font-size: 16px;
  font-weight: 500;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box .contents .qa-pack p {
  font-size: 16px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-bot {
  padding-top: 100px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-bot .logo {
  width: 300px;
  margin: 0 auto 24px;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-bot .logo img {
  width: 100%;
}
.new-main-wrap .landing-page-ai-wrap .landing-page-ai-bot .contents {
  font-size: 16px;
}

@media screen and (max-width: 1200px) {
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-top {
    background-position: 45%;
  }
}
@media screen and (max-width: 991px) {
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-top {
    background-position: 46%;
  }
}
@media screen and (max-width: 768px) {
  .new-main-wrap .landing-page-ai-wrap .box-wrap-new-mid h3 {
    font-size: 18px;
    margin-bottom: 24px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-top {
    height: 283px;
    background-position: 50%;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-top .ai-top-wrap .logo {
    width: 250px;
    height: 54px;
    border-radius: 45px;
    border: 2px solid var(--color-border-interactive-inverse);
    margin-top: 80px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-top .ai-top-wrap .logo img {
    width: 85%;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-top .ai-top-wrap h2 {
    font-size: 56px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-overview {
    padding: 48px 0;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-overview .contents {
    font-size: 14px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-overview .img {
    width: 280px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-how {
    padding: 48px 0 56px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-how .how-contents {
    margin-bottom: 40px;
    font-size: 14px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-how .how-tobe {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 24px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-how .how-tobe .how-arrow {
    padding-top: 0;
    transform: rotate(90deg);
    width: 16px;
    height: 24px;
    margin: auto;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-how .how-tobe .how-arrow svg {
    width: 100%;
    height: 100%;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa {
    padding: 60px 0 64px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .btn-wrap {
    padding-bottom: 80px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa h3 {
    margin-bottom: 24px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box .title h4 {
    font-size: 14px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box .contents .qa-pack h5 {
    font-size: 14px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-qa .qa-wrap .qa-box .contents .qa-pack p {
    font-size: 14px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-bot {
    padding-top: 48px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-bot .logo {
    width: 200px;
    margin: 0 auto 12px;
  }
  .new-main-wrap .landing-page-ai-wrap .landing-page-ai-bot .contents {
    font-size: 14px;
  }
  
}

/* video contest pop-up */
.video-contest-popup .main-inner {
  padding: 64px 108px 56px;
  text-align: center;
}
.video-contest-popup .main-inner h2 {
  font-size: 42px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
}
.video-contest-popup .main-inner h2 .br {
  display: none;
}
.video-contest-popup .main-inner .line {
  width: 400px;
  height: 2px;
  background-color: #4B75D4;
  margin: 26px auto 56px;
}
.video-contest-popup .main-inner .strong {
  font-size: 20px;
  font-weight: 500;
}
.video-contest-popup .main-inner .desc {
  font-size: 16px;
  text-align: left;
  margin-top: 16px;
}

.video-contest-popup .inner {
  padding: 80px 108px;
  background-color: rgba(65, 117, 219, 0.08);
  display: flex;
  flex-direction: column;
  gap: 63px;
}
.video-contest-popup .inner .inner-box {
  padding: 56px;
  position: relative;
  border-radius: 20px;
  border: 1px solid var(--color-border-interactive-secondary);
  background-color: var(--color-bg-primary);
  display: flex;
  gap: 50px;
}
.video-contest-popup .inner .inner-box .top {
  position: absolute;
  left: 50%;
  top: -24px;
  background-color: var(--color-bg-primary);
  transform: translateX(-50%);
  text-align: center;
  width: 212px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid var(--color-border-interactive-secondary);
}
.video-contest-popup .inner .inner-box .top .svg {
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-contest-popup .inner .inner-box .top .text {
  font-size: 22px;
  font-weight: bold;
  color: var(--color-text-interactive-secondary);
}
.video-contest-popup .inner .inner-box .left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.video-contest-popup .inner .inner-box .left .title {
  font-size: 20px;
  font-weight: bold;
}
.video-contest-popup .inner .inner-box .left .desc {
  font-size: 14px;
}
.video-contest-popup .inner .inner-box .right {
  width: 194px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.video-contest-popup .inner .inner-box .right .img {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #E6E7E9;
}
.video-contest-popup .inner .inner-box .right .img img {
  width: 100%;
  transform: scale(1.01);
}
.video-contest-popup .inner .inner-box .right a {
  background-color: var(--color-bg-interactive-secondary);
  color: var(--color-text-interactive-inverse);
  transition: all .3s;
  height: 36px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center ;
}
.video-contest-popup .inner .inner-box .right a:hover, 
.video-contest-popup .inner .inner-box .right a:active {
  background-color: #1645A0;
}
.video-contest-popup .inner .inner-box .name-list {
  display: flex;
  flex-wrap: wrap;
  gap: 54px 87px;
}
.video-contest-popup .inner .inner-box .name-list a {
  font-size: 16px;
  font-weight: bold;
  transition: all .3s;
}
.video-contest-popup .inner .inner-box .name-list a:nth-child(3n+1) {
  width: 152px;
} 
.video-contest-popup .inner .inner-box .name-list a:nth-child(3n+2) {
  width: 202px;
} 
.video-contest-popup .inner .inner-box .name-list a:nth-child(3n+3) {
  width: 203px;
} 
.video-contest-popup .inner .inner-box .name-list a:hover, 
.video-contest-popup .inner .inner-box .name-list a:active {
  color: var(--color-text-interactive-secondary);
}

.video-contest-popup .inner > a {
  border-radius: 5px;
}

@media screen and (max-width: 1200px) {
  .video-contest-popup .inner .inner-box .name-list {
    gap: 32px 0;
  }
  .video-contest-popup .inner .inner-box .name-list a:nth-child(3n+1),
  .video-contest-popup .inner .inner-box .name-list a:nth-child(3n+2),
  .video-contest-popup .inner .inner-box .name-list a:nth-child(3n+3) {
    width: auto;
  } 
  .video-contest-popup .inner .inner-box .name-list a:nth-child(2n+1) {
    width: 60%
  } 
  
  .video-contest-popup .inner .inner-box .name-list a:nth-child(2n+2) {
    width: 40%;
  }
}

@media screen and (max-width: 991px) {
  .video-contest-popup .main-inner {
    padding: 80px 60px;
  }
  .video-contest-popup .main-inner h2 {
    line-height: 1.3;
  }
  .video-contest-popup .inner {
    padding: 80px 60px;
  }
  .video-contest-popup .inner .inner-box {
    padding: 40px;
  }
  .video-contest-popup .inner .inner-box .name-list {
    gap: 16px 0;
  }
  .video-contest-popup .inner .inner-box .name-list a:nth-child(2n+1),
  .video-contest-popup .inner .inner-box .name-list a:nth-child(2n+2) {
    width: 100%
  } 
}

@media screen and (max-width: 768px) {
  .video-contest-popup .main-inner {
    padding: 40px 20px;
  }
  .video-contest-popup .main-inner h2 {
    font-size: 32px;
  }
  .video-contest-popup .main-inner h2 .br {
    display: block;
  }
  .video-contest-popup .main-inner .line {
    width: 150px;
    margin: 16px auto 40px;
  }
  .video-contest-popup .main-inner .strong {
    font-size: 16px;
    text-align: left;
  }
  .video-contest-popup .main-inner .desc {
    font-size: 14px;
  }
  .video-contest-popup .inner {
    padding: 58px 20px;
    gap: 50px;
  }
  .video-contest-popup .inner .inner-box {
    padding: 40px 20px;
    gap: 32px;
    flex-direction: column;
  }
  .video-contest-popup .inner .inner-box .top {
    top: -18px;
    width: 186px;
    height: 36px; 
  }
  .video-contest-popup .inner .inner-box .top .text {
    font-size: 18px;
  }
  .video-contest-popup .inner .inner-box .left .title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }
  .video-contest-popup .inner .inner-box .right {
    width: 100%;
  }
}

.border-radius-15-10 {
  border-radius: 15px;
}

@media screen and (max-width: 768px) {
  .border-radius-15-10 {
    border-radius: 10px;
  }
}

/* search page new add */
.new-container .search-page-tab {
  border-top: 1px solid var(--color-border-primary, #D1D5DB);
  border-bottom: 1px solid var(--color-border-primary, #D1D5DB);
  margin-bottom: var(--spacing-40, 40px);
  overflow: hidden;
  position: relative;
  background: var(--color-bg-primary);
}
.new-container .search-page-tab > div {
  height: 64px;
  max-width: 1280px;
}
@media screen and (max-width: 991px) {
  .new-container .search-page-tab {
    padding-right: 32px; /* var(--spacing-16, 16px) + 20px */
  }
}
@media screen and (max-width: 768px) {
  .new-container .search-page-tab {
    margin-bottom: var(--spacing-20, 20px);
  }
  .new-container .search-page-tab > div {
    height: 56px;
  }
}
.new-container .search-page-tab > div {
  display: flex;
}
.new-container .search-page-tab .tab-item {
  color: var(--color-text-disabled, #9CA3AF);
  font-family: var(--heading-font-family);
  font-size: var(--heading-sm-font-size, 18px);
  font-style: normal;
  font-weight: var(--heading-sm-font-weight-700, 700);
  line-height: var(--heading-sm-line-height, 28px); /* 155.556% */
  letter-spacing: var(--heading-sm-letter-spacing);
  position: relative;
  padding: 0 var(--spacing-16, 16px);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s;
}
.new-container .search-page-tab .tab-item:hover,
.new-container .search-page-tab .tab-item:active {
  color: var(--color-text-interactive-primary, #102E67);
}
@media screen and (max-width: 768px) {
  .new-container .search-page-tab .tab-item {
    font-size: var(--body-lg-font-size, 16px);
    line-height: var(--body-lg-line-height, 24px); /* 150% */
  }
}
.new-container .search-page-tab .tab-item:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: transparent;
}
.new-container .search-page-tab .tab-item.active {
  color: var(--color-text-interactive-primary, #102E67);
}
.new-container .search-page-tab .tab-item.active:after {
  background-color: var(--color-bg-interactive-secondary, #4175DB);
}
.result-none-new {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: var(--spacing-172);
  margin-bottom: var(--spacing-280);
  gap: var(--spacing-8);
}
.result-none-new .none-icon {
  padding: 13px 14px 16px 16px;

}
.result-none-new .none-text {
  color: var(--color-text-interactive-primary, #102E67);
  font-family: "Noto Sans KR";
  font-size: var(--heading-sm-font-size, 18px);
  font-style: normal;
  font-weight: var(--heading-sm-font-weight-500);
  line-height: var(--heading-sm-line-height, 28px); /* 155.556% */
  letter-spacing: var(--heading-sm-letter-spacing);
}
@media screen and (max-width: 768px) {
  .result-none-new {
    margin-top: var(--spacing-88);
    margin-bottom: var(--spacing-100);
  }
  .result-none-new .none-icon {
    padding: 11px 13px 14px 13px;

  }
  .result-none-new .none-icon svg {
    width: 43px;
    height: 44px;
  }
  .result-none-new .none-text {
    font-size: 16px; /* Subtitle 1_N 기존 베리어블*/
  }
}

/* upload select custom */
.upload-select-basic-custom-wrap {
  display: flex;
  gap: 0 10px;
  flex-wrap: wrap;
}
.upload-select-basic-custom {
  position: relative;
  width: 670px;
  height: 60px;
}
.upload-select-basic-custom button {
  width: 100%;
  height: 100%;
  border: 1px solid #e0e0e0;
  padding-left: 35px;
  font-size: 18px;
  outline: none;
  background: #fff;
  text-align: left;
  font-weight: normal;
}
.upload-select-basic-custom.active button {
  border: var(--1-equal, 1px) solid var(--color-border-interactive-primary, #102E67);
}
.upload-select-basic-custom ul {
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);;
  list-style-type: none;
  padding: 0;
  border-radius: 6px;
  overflow-y: auto;
  max-height: 0;
  z-index: 1;
  transition: 0.3s ease-in;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.upload-select-basic-custom ul::-webkit-scrollbar {
  width: 6px;
}
.upload-select-basic-custom ul::-webkit-scrollbar-track {
  background: transparent;
}
.upload-select-basic-custom ul::-webkit-scrollbar-thumb {
  background: #f2f4f7;
  border-radius: 45px;
}
.upload-select-basic-custom ul::-webkit-scrollbar-thumb:hover {
  background: #f2f4f7;
}
.upload-select-basic-custom.active ul {
  max-height: 360px;
}
.upload-select-basic-custom ul li {
  padding: 8px 15px;
  transition: 0.1s;
  cursor: pointer;
}
.upload-select-basic-custom ul li:hover,
.upload-select-basic-custom ul li.active:hover {
  background: rgba(24, 104, 180, 0.1);
  color: var(--color-text-primary);
}
.upload-select-basic-custom ul li.active {
  background: var(--color-bg-interactive-secondary, #4175DB);
  color: var(--color-text-interactive-inverse);
}
.upload-select-basic-custom .arrow {
  position: absolute;
  right: 15px;
  top: 25px;
}
.upload-select-basic-custom.active .arrow {
  top: 28px;
}
.upload-select-basic-custom .arrow img {
  transition: all 0.3s;
}
.upload-select-basic-custom.active .arrow img {
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width: 768px) {
  .upload-select-basic-custom {
    width: 100%;
    height: 50px;
  }
  .upload-select-basic-custom button {
    font-size: 16px;
    padding-left: 20px;
  }
  .upload-select-basic-custom ul {
    top: 55px;
  }
  .upload-select-basic-custom .arrow {
    top: 22px;
  }
  .upload-select-basic-custom.active .arrow {
    top: 25px;
  }
}
/* upload category */
.upload-select-basic-custom.category button, 
.upload-select-basic-custom.language button.disabled {
  color: #848898;
  font-weight: 300;
}
/* upload chip box */
.upload-chip-box-wrap {
  max-width: 670px;
  margin-top: 1rem;
  display: flex;
  padding: var(--24-equal, 24px);
  flex-direction: column;
  gap: var(--16-equal, 16px);
  background: var(--color-bg-secondary, #F2F4F7);
}
.upload-chip-box-wrap h4 {
  color: var(--color-text-primary);
  font-family: "Noto Sans KR";
  font-size: var(--body-md-font-size);
  font-style: normal;
  font-weight: var(--body-md-font-weight-400);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
}
.upload-chip-box-wrap ul {
  display: flex;
  align-items: center;
  gap: 8px var(--8-equal, 8px);
  align-self: stretch;
  flex-wrap: wrap;
  transition: all .3s;
  overflow: hidden;
}
.upload-chip-box-wrap ul li {
  display: flex;
  padding: var(--8-equal, 8px) var(--16-equal, 16px);
  align-items: center;
  justify-content: center;
  gap: var(--4-equal, 4px);
  border-radius: var(--border-radius-30, 30px);
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-interactive-inverse);
  cursor: pointer;
}
.upload-chip-box-wrap ul li .icon {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8333 10.8332H10.8333V15.8332H9.16663V10.8332H4.16663V9.1665H9.16663V4.1665H10.8333V9.1665H15.8333V10.8332Z' fill='%236B7280'/%3E%3C/svg%3E%0A");
}
.upload-chip-box-wrap ul li.active {
  border: 1px solid var(--color-border-interactive-secondary, #4175DB);
}
.upload-chip-box-wrap ul li.active .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.50004 13.4998L4.00004 9.99984L2.83337 11.1665L7.50004 15.8332L17.5 5.83317L16.3334 4.6665L7.50004 13.4998Z' fill='%234175DB'/%3E%3C/svg%3E%0A");
}
.upload-chip-box-wrap ul li .text {
  color: var(--color-text-primary);
  font-family: "Noto Sans KR";
  font-size: var(--body-md-font-size);
  font-style: normal;
  font-weight: var(--body-md-font-weight-400);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
  padding-right: var(--4-equal, 4px);
}
.upload-chip-box-wrap button {
  display: none;
  justify-content: center;
  align-items: center;
  color: var(--color-text-interactive-secondary, #4175DB);
  /* Subtitle 2_N */
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: 0;
  outline: 0;
  background-color: transparent;
}
.upload-chip-box-wrap button .img img {
  left: 0;
  top: 1px;
}
.upload-chip-box-wrap.active button .img {
  transform: rotate(180deg);
}
.upload-chip-box-wrap.active button .img img {
  top: 0;
}
@media screen and (max-width: 768px) {
  .upload-chip-box-wrap ul {
    max-height: 222px;
  }
  .upload-chip-box-wrap.active ul {
    max-height: 1000px;
  }
  .upload-chip-box-wrap button {
    display: flex;
  }
}
.new-search-wrap.list-page {
  margin-bottom: var(--40);
}
.new-search-wrap.list-page form {
  display: flex;
  flex-wrap: wrap;
  gap: var(--12-equal) var(--8-equal);
}
.new-search-wrap.list-page form > p {
  width: 340px;
}
.new-search-wrap.list-page form > .new-filter-button {
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .new-search-wrap.list-page form > p {
    width: calc( 100% - 60px);
  }
  .new-search-wrap.list-page form > p > button {
    display: none !important;
  }
  .new-search-wrap.list-page form > .new-filter-button {
    margin-left: 0;
  }
  .new-search-wrap.list-page form > .new-filter-button .text {
    display: none;
  } 
}

.new-list-page .result-section {
  display: flex;
  flex-direction: column;
  gap: var(--80)
}
/* 리스트 필터 부분 */
.popup-list-filter.popup-new {
  width: 628px;
  height: calc( 628px - var(--24-equal) );
  max-width: 90%;
  max-height: 90%;
  padding: var(--56-modal) 0 0 0;
}
@media screen and (max-width: 768px) {
  .popup-list-filter.popup-new {
    padding: var(--48) 0 0 0;
  }
}
.popup-list-filter.popup-new .popup-body {
  margin: 0 var(--56-modal) 0 var(--56-modal);
}
.popup-list-filter.popup-new .popup-body.new-scrollbar {
  height: calc( 100% - 120px);
}
@media screen and (max-width: 768px) {
  .popup-list-filter.popup-new .popup-body.new-scrollbar {
    height: calc(100% - 175px);
  }
}
.popup-list-filter.popup-new .popup-body > div {
  margin-bottom: var(--16-equal);
  display: flex;
  gap: var(--24-equal);
  flex-direction: column;
}
.popup-list-filter.popup-new .popup-body > div > div {
  display: flex;
  flex-direction: column;
  gap: var(--16-equal);
  margin-right: var(--16-equal);
}
.popup-list-filter.popup-new .popup-body > div > div h3 {
  color: var(--color-text-primary);
  font-family: var(--body-font-family);
  font-size: var(--body-md-font-size);
  font-style: normal;
  font-weight: var(--body-md-font-weight-500);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
}
.popup-list-filter.popup-new .popup-body > div > div ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--8-equal);
}
.popup-list-filter.popup-new .popup-body > div > div ul li {
  padding: var(--8-equal) var(--16-equal);
  border-radius: var(--border-radius-30);
  background: var(--color-bg-secondary);
  cursor: pointer;
  display: flex;
  gap: var(--8-equal);
  border: 1px solid var(--color-border-tertiary);
  max-width: 100%;
}
.popup-list-filter.popup-new .popup-body > div > div ul li .icon {
  display: none;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49992 13.5003L3.99992 10.0003L2.83325 11.167L7.49992 15.8337L17.4999 5.83366L16.3333 4.66699L7.49992 13.5003Z' fill='%234175DB'/%3E%3C/svg%3E%0A");
}
.popup-list-filter.popup-new .popup-body > div > div ul li.active {
  border: 1px solid var(--color-border-interactive-secondary);
}
.popup-list-filter.popup-new .popup-body > div > div ul li.active .icon {
  display: block;
}
.popup-list-filter.popup-new .popup-footer {
  padding: var(--24-equal) var(--56-modal);
  margin-top: 0;
  box-shadow: 4px 0px 6px 0px var(--color-shadow-subtle);
  background: var(--color-bg-primary);
  border-radius: var(--border-radius-0) var(--border-radius-0) var(--border-radius-10) var(--border-radius-10);

}
.popup-list-filter.popup-new .popup-footer .btn {
  margin: 0;
  color: var(--color-text-disabled);
  font-size: var(--body-md-font-size);
  font-style: normal;
  font-weight: var(--body-md-font-weight-500);
  line-height: var(--body-md-line-height);
  letter-spacing: var(--body-md-letter-spacing);
  cursor: default;
}
.popup-list-filter.popup-new .popup-footer .btn-new-line {
  width: 160px;
  padding: 0;
  border: 1px solid var(--color-border-disabled);
}
.popup-list-filter.popup-new .popup-footer .btn-new-line .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-list-filter.popup-new .popup-footer .btn-new-main {
  flex: 1;
  background: var(--color-bg-disabled);
  border: 0;
}
@media screen and (max-width: 768px) {
  .popup-list-filter.popup-new .popup-footer .btn-new-main {
    flex: auto;
  }
}
.popup-list-filter.popup-new .popup-footer .btn.active {
  cursor: pointer;
} 
.popup-list-filter.popup-new .popup-footer .btn-new-line.active {
  border: 1px solid var(--color-border-interactive-primary);
  color: var(--color-text-interactive-primary);
}
.popup-list-filter.popup-new .popup-footer .btn-new-line.active svg path {
  fill: var(--color-bg-interactive-primary);
}
.popup-list-filter.popup-new .popup-footer .btn-new-main.active {
  background: var(--color-bg-interactive-primary);
  color: var(--color-text-interactive-inverse);
}
.popup-list-filter.popup-new .popup-footer .btn-new-line.active:hover {
  border: 1px solid var(--color-border-interactive-primary);
  color: var(--color-text-interactive-primary-hovered);
  background: var(--color-bg-secondary);
}
.popup-list-filter.popup-new .popup-footer .btn-new-line.active:hover svg path {
  fill: var(--color-bg-interactive-primary-hovered);
}
.popup-list-filter.popup-new .popup-footer .btn-new-main.active:hover {
  background: var(--color-bg-interactive-primary-hovered);
  color: var(--color-text-interactive-inverse);
}

@media screen and (max-width: 1400px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 479px) {}
@media screen and (max-width: 350px) {}
/*# sourceMappingURL=style.css.map */