@charset "UTF-8";

.max-w-\[284px\]{
  max-width: 284px;
}
.px-\[18px\]{
  padding-left: 18px;
  padding-right: 18px;
}

@media (min-width: 768px){
  .md\:max-w-\[1000px\]{
    max-width: 1000px;
  }
  .md\:max-w-\[220px\]{
    max-width: 220px;
  }
  .md\:max-w-\[260px\]{
    max-width: 260px;
  }
  .md\:max-w-\[400px\]{
    max-width: 400px;
  }
  .md\:max-w-\[780px\]{
    max-width: 780px;
  }
  .md\:gap-\[18px\]{
    gap: 18px;
  }
  .md\:py-\[10px\]{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .md\:pr-\[26px\]{
    padding-right: 26px;
  }
  .md\:text-\[26px\]{
    font-size: 26px;
  }
}
@media not all and (min-width: 768px){
  .max-md\:w-\[280px\]{
    width: 280px;
  }
}
@media (min-width: 1024px){
  .lg\:border-l{
    border-left-width: 1px;
  }
  .lg\:px-\[clamp\(24px\2c \(100vw-1024px\)\*24\/256\+24px\2c 48px\)\]{
    padding-left: clamp(24px,(100vw - 1024px) * 24 / 256 + 24px,48px);
    padding-right: clamp(24px,(100vw - 1024px) * 24 / 256 + 24px,48px);
  }
  .lg\:pb-\[80px\]{
    padding-bottom: 80px;
  }
  .lg\:pt-\[100px\]{
    padding-top: 100px;
  }
}
@media not all and (min-width: 1024px){
  .max-lg\:border-t{
    border-top-width: 1px;
  }
  .max-lg\:py-\[32px\]{
    padding-top: 32px;
    padding-bottom: 32px;
  }
}