/* ==========================================================================
 footer 
========================================================================== */

.footer-affil {
  background-color: var(--text-900_title);
}
.footer-affil .footer-inner {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
.footer-affil .footer-top {
  padding: 30px 0;
}
.footer-affil .footer-top .contact-info {
  display: flex;
  justify-content: space-between;
}
.footer-affil .footer-top .contact-info .footer-logo {
  display: flex;
  align-items: center;
}
.footer-affil .footer-top .contact-info .footer-logo .icon-logo {
  width: 103.897px;
  height: 24px;
  background-image: url("../svg/logos/logo_white.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.footer-affil .footer-top .contact-info .policies-list {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
}
.footer-affil .footer-top .contact-info .policies-list .list-item {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 24px;
}
.footer-affil
  .footer-top
  .contact-info
  .policies-list
  .list-item:nth-child(2)
  a {
  font-weight: 700;
}
.footer-affil .footer-top .contact-info .policies-list .list-item::after {
  content: "";
  position: absolute;
  right: 0;
  width: 2px;
  height: 2px;
  background-color: var(--text-400_disable);
}
.footer-affil
  .footer-top
  .contact-info
  .policies-list
  .list-item:last-child::after {
  content: none;
}
.footer-affil .footer-top .contact-info .policies-list .list-item a {
  color: var(--text-white);
  font-weight: 400;
}
.footer-affil .footer-top .contact-info .family-site {
  max-width: 292px;
  width: 100%;
  position: relative;
}
.footer-affil .footer-top .contact-info .family-site .btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 8px 4px 16px;
  border-radius: 4px;
  border: 1px solid var(--border-03);
  color: var(--text-white);
  font-size: var(--font-16);
  font-weight: 400;
}
.footer-affil .footer-top .contact-info .family-site .btn .arrow-white {
  transform: rotate(90deg);
}
.footer-affil .footer-top .contact-info .family-site .family-group {
  width: 100%;
  display: none;
  position: absolute;
  /* top: 42px; */
  bottom: 100%;
  right: 0;
  z-index: 600;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid var(--border-03);
  background: var(--text-900_title);
  text-align: center;
}
.footer-affil .footer-top .contact-info .family-site .family-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footer-affil .footer-top .contact-info .family-site .family-list::after {
  content: "";
  display: inline-block;
  margin: 4px 0 8px;
  width: 100%;
  height: 1px;
  background-image: repeating-linear-gradient(
    to right,
    #ccc 0,
    #ccc 1px,
    transparent 1px,
    transparent 3px
  );
}
.footer-affil
  .footer-top
  .contact-info
  .family-site
  .family-list:last-child::after {
  content: none;
}
.footer-affil
  .footer-top
  .contact-info
  .family-site
  .family-list
  .list-item
  > a {
  display: flex;
  align-items: left;
  justify-content: left;
  min-height: 17px;
  color: var(--text-white);
  font-size: var(--font-14);
  font-weight: 400;
  line-height: 1.2;
}
.footer-affil .footer-top .contact-info .family-site.active .family-group {
  display: block;
}
.footer-affil .footer-top .contact-info .family-site.active .btn .arrow-white {
  transform: rotate(-90deg);
}

.footer-affil .footer-list {
  padding: 40px 0 80px;
  border-top: 1px solid #414141;
}
.footer-affil .footer-list .footer-inner {
  display: flex;
}
.footer-affil .footer-list .footer-menu {
  width: 100%;
  display: flex;
}
.footer-affil .footer-list .footer-menu .menu-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer-affil .footer-list .footer-menu .menu-item .menu-btn {
  color: var(--text-white);
  font-size: var(--font-16);
  font-weight: 700;
  line-height: 1.5;
}
.footer-affil .footer-list .footer-menu .menu-item .arrow-white {
  display: none;
}
.footer-affil .footer-list .footer-menu .submenu {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer-affil .footer-list .footer-menu .submenu .submenu-item > a {
  color: var(--text-400_disable);
  font-size: var(--font-16);
  font-weight: 400;
}
.footer-affil .footer-list .btn-group .btn {
  padding: 4px 16px;
  font-weight: 700;
}

.footer-affil .footer-list .btn-group {
  max-width: 480px;
  min-width: 150px;
  width: 100%;
}
.footer-affil .footer-btm {
  padding: 40px 0;
  border-top: 1px solid #414141;
}
.footer-affil .footer-btm .company-info {
  color: var(--text-white);
  font-size: var(--font-16);
  font-weight: 100;
  line-height: 1.5;
}
.footer-affil .footer-btm .company-info .company-meta .contact {
  display: flex;
  gap: 10px;
}
.footer-affil .footer-btm .company-info .company-meta .contact .tel {
  position: relative;
  padding-right: 10px;
}
.footer-affil .footer-btm .company-info .company-meta .contact .tel::after {
  content: "|";
  position: absolute;
  top: 0;
  right: 0;
}
.footer-affil .footer-btm .company-info .copyright {
  display: block;
  margin-top: 24px;
  font-size: 100%;
}

/* °è¿­»ç */
.footer-affil.global .contact-info .footer-logo .icon-logo {
  width: 210.05px;
  background-image: url("../svg/logos/logo_global_white.svg");
}

.footer-affil.cts .contact-info .footer-logo .icon-logo {
  width: 157.241px;
  background-image: url("../svg/logos/logo_cts_white.svg");
}

.footer-affil.entec .contact-info .footer-logo .icon-logo {
  width: 187.966px;
  background-image: url("../svg/logos/logo_entec_white.svg");
}

.footer-affil.pns .contact-info .footer-logo .icon-logo {
  width: 157.035px;
  background-image: url("../images/logo_pns_white.svg");
}

.footer-affil.cloit .contact-info .footer-logo .icon-logo {
  width: 182.664px;
  background-image: url("../svg/logos/logo_cloit_white.svg");
}

.footer-affil.cplatform .contact-info .footer-logo .icon-logo {
  width: 188px;
  background-image: url("../svg/logos/logo_cplatrorm_white.svg");
}

.footer-affil.in4u .contact-info .footer-logo .icon-logo {
  width: 164.901px;
  background-image: url("../svg/logos/logo_in4u_white.svg");
}

.footer-affil.core .contact-info .footer-logo .icon-logo {
  width: 179.689px;
  background-image: url("../svg/logos/logo_core_white.svg");
}

.footer-affil.whihcen .contact-info .footer-logo .icon-logo {
  width: 145.01px;
  background-image: url("../svg/logos/logo_whihcen_white.svg");
}

.arrow-white {
    background-image: url(../images/arrow_white.svg);
}

.size-24 {
    width: 24px;
    height: 24px;
}


@media screen and (max-width: 1024px) {
  .footer-affil {
    padding: 24px 16px 40px 16px;
  }
  .footer-affil .footer-inner {
    padding: 0;
  }

  .footer-affil .footer-top {
    padding: 0 0 24px;
  }
  .footer-affil .footer-top .contact-info {
    flex-direction: column;
    gap: 24px;
  }
  .footer-affil .footer-top .contact-info .policies-list {
    flex-wrap: wrap;
    gap: 16px 18px;
  }
  .footer-affil .footer-top .contact-info .policies-list .list-item {
    padding-right: 18px;
  }
  .footer-affil .footer-top .contact-info .policies-list .list-item a {
    font-size: var(--font-14);
  }
  .footer-affil .footer-top .contact-info .family-site {
    max-width: unset;
  }
  .footer-affil .footer-top .contact-info .family-site .btn {
    min-width: 100%;
    justify-content: space-between;
  }
  .footer-affil .footer-top .contact-info .family-site .family-group {
    top: -450px;
    left: 0%;
    transform: translateX(0%);
    padding: 24px 16px;
  }

  .footer-affil .footer-list {
    padding: 0;
    border-top: 0;
  }
  .footer-affil .footer-list .footer-inner {
    flex-direction: column;
    max-width: unset;
  }
  .footer-affil .footer-list .footer-menu {
    flex-direction: column;
    width: 100%;
  }

  .footer-affil .footer-list .footer-menu .menu-item {
    gap: 0;
  }
  .footer-affil .footer-list .footer-menu .menu-item:first-child .menu-btn {
    border-top: 1px solid var(--text-700);
  }
  .footer-affil .footer-list .footer-menu .menu-item .menu-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    font-size: var(--font-14);
    border-bottom: 1px solid var(--text-700);
  }
  .footer-affil .footer-list .footer-menu .menu-item .arrow-white {
    display: block;
  }
  .footer-affil .footer-list .footer-menu .menu-item.active .arrow-white {
    transform: rotate(-90deg);
  }
  .footer-affil .footer-list .footer-menu .submenu {
    display: flex;
    gap: 0;
    overflow: hidden;
    max-height: 0;
    background-color: var(--text-700);
    transition: max-height 0.3s ease;
  }
  .footer-affil .footer-list .footer-menu .submenu .submenu-item > a {
    display: flex;
    align-items: center;
    padding: 4px 16px;
    min-height: 40px;
    color: var(--text-white);
    font-size: var(--font-14);
  }
  .footer-affil .footer-list .btn-group {
    max-width: unset;
    min-width: unset;
    margin-top: 24px;
    text-align: center;
  }
  .footer-affil .footer-list .btn-group .btn {
    border: 1px solid var(--text-white);
    background-color: var(--text-white);
    color: var(--text-900_title);
  }

  .footer-affil .footer-btm {
    padding: 40px 0 0;
    border-top: 0;
  }
  .footer-affil .footer-btm .company-info {
    font-size: var(--font-14);
  }
  .footer-affil .footer-btm .company-info .copyright {
    margin-top: 24px;
  }
}