@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
.ico.s12 {
  min-width: 12px;
  width: 12px;
  height: 12px;
  object-fit: contain;
}

.ico.s16 {
  min-width: 16px;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.ico.s18 {
  min-width: 18px;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.ico.s20 {
  min-width: 20px;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.ico.s22 {
  min-width: 22px;
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.ico.s24 {
  min-width: 24px;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.ico.s32 {
  min-width: 32px;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.ico.s48 {
  min-width: 48px;
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.br-1px {
  border-radius: 1px;
  overflow: hidden;
}

.br-2px {
  border-radius: 2px;
  overflow: hidden;
}

.br-3px {
  border-radius: 3px;
  overflow: hidden;
}

.br-4px {
  border-radius: 4px;
  overflow: hidden;
}

.br-5px {
  border-radius: 5px;
  overflow: hidden;
}

.br-6px {
  border-radius: 6px;
  overflow: hidden;
}

.br-7px {
  border-radius: 7px;
  overflow: hidden;
}

.br-8px {
  border-radius: 8px;
  overflow: hidden;
}

.br-9px {
  border-radius: 9px;
  overflow: hidden;
}

.br-10px {
  border-radius: 10px;
  overflow: hidden;
}

.br-11px {
  border-radius: 11px;
  overflow: hidden;
}

.br-12px {
  border-radius: 12px;
  overflow: hidden;
}

.br-13px {
  border-radius: 13px;
  overflow: hidden;
}

.br-14px {
  border-radius: 14px;
  overflow: hidden;
}

.br-15px {
  border-radius: 15px;
  overflow: hidden;
}

.br-16px {
  border-radius: 16px;
  overflow: hidden;
}

.br-17px {
  border-radius: 17px;
  overflow: hidden;
}

.br-18px {
  border-radius: 18px;
  overflow: hidden;
}

.br-19px {
  border-radius: 19px;
  overflow: hidden;
}

.br-20px {
  border-radius: 20px;
  overflow: hidden;
}

.mt-1px {
  margin-top: 1px !important;
}

.pt-1px {
  padding-top: 1px !important;
}

.mr-1px {
  margin-right: 1px !important;
}

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

.mb-1px {
  margin-bottom: 1px !important;
}

.pb-1px {
  padding-bottom: 1px !important;
}

.ml-1px {
  margin-left: 1px !important;
}

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

.gap-1px {
  gap: 1px !important;
}

.mt-2px {
  margin-top: 2px !important;
}

.pt-2px {
  padding-top: 2px !important;
}

.mr-2px {
  margin-right: 2px !important;
}

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

.mb-2px {
  margin-bottom: 2px !important;
}

.pb-2px {
  padding-bottom: 2px !important;
}

.ml-2px {
  margin-left: 2px !important;
}

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

.gap-2px {
  gap: 2px !important;
}

.mt-3px {
  margin-top: 3px !important;
}

.pt-3px {
  padding-top: 3px !important;
}

.mr-3px {
  margin-right: 3px !important;
}

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

.mb-3px {
  margin-bottom: 3px !important;
}

.pb-3px {
  padding-bottom: 3px !important;
}

.ml-3px {
  margin-left: 3px !important;
}

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

.gap-3px {
  gap: 3px !important;
}

.mt-4px {
  margin-top: 4px !important;
}

.pt-4px {
  padding-top: 4px !important;
}

.mr-4px {
  margin-right: 4px !important;
}

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

.mb-4px {
  margin-bottom: 4px !important;
}

.pb-4px {
  padding-bottom: 4px !important;
}

.ml-4px {
  margin-left: 4px !important;
}

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

.gap-4px {
  gap: 4px !important;
}

.mt-5px {
  margin-top: 5px !important;
}

.pt-5px {
  padding-top: 5px !important;
}

.mr-5px {
  margin-right: 5px !important;
}

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

.mb-5px {
  margin-bottom: 5px !important;
}

.pb-5px {
  padding-bottom: 5px !important;
}

.ml-5px {
  margin-left: 5px !important;
}

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

.gap-5px {
  gap: 5px !important;
}

.mt-6px {
  margin-top: 6px !important;
}

.pt-6px {
  padding-top: 6px !important;
}

.mr-6px {
  margin-right: 6px !important;
}

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

.mb-6px {
  margin-bottom: 6px !important;
}

.pb-6px {
  padding-bottom: 6px !important;
}

.ml-6px {
  margin-left: 6px !important;
}

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

.gap-6px {
  gap: 6px !important;
}

.mt-7px {
  margin-top: 7px !important;
}

.pt-7px {
  padding-top: 7px !important;
}

.mr-7px {
  margin-right: 7px !important;
}

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

.mb-7px {
  margin-bottom: 7px !important;
}

.pb-7px {
  padding-bottom: 7px !important;
}

.ml-7px {
  margin-left: 7px !important;
}

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

.gap-7px {
  gap: 7px !important;
}

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

.pt-8px {
  padding-top: 8px !important;
}

.mr-8px {
  margin-right: 8px !important;
}

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

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

.pb-8px {
  padding-bottom: 8px !important;
}

.ml-8px {
  margin-left: 8px !important;
}

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

.gap-8px {
  gap: 8px !important;
}

.mt-9px {
  margin-top: 9px !important;
}

.pt-9px {
  padding-top: 9px !important;
}

.mr-9px {
  margin-right: 9px !important;
}

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

.mb-9px {
  margin-bottom: 9px !important;
}

.pb-9px {
  padding-bottom: 9px !important;
}

.ml-9px {
  margin-left: 9px !important;
}

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

.gap-9px {
  gap: 9px !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.mr-10px {
  margin-right: 10px !important;
}

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

.mb-10px {
  margin-bottom: 10px !important;
}

.pb-10px {
  padding-bottom: 10px !important;
}

.ml-10px {
  margin-left: 10px !important;
}

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

.gap-10px {
  gap: 10px !important;
}

.mt-11px {
  margin-top: 11px !important;
}

.pt-11px {
  padding-top: 11px !important;
}

.mr-11px {
  margin-right: 11px !important;
}

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

.mb-11px {
  margin-bottom: 11px !important;
}

.pb-11px {
  padding-bottom: 11px !important;
}

.ml-11px {
  margin-left: 11px !important;
}

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

.gap-11px {
  gap: 11px !important;
}

.mt-12px {
  margin-top: 12px !important;
}

.pt-12px {
  padding-top: 12px !important;
}

.mr-12px {
  margin-right: 12px !important;
}

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

.mb-12px {
  margin-bottom: 12px !important;
}

.pb-12px {
  padding-bottom: 12px !important;
}

.ml-12px {
  margin-left: 12px !important;
}

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

.gap-12px {
  gap: 12px !important;
}

.mt-13px {
  margin-top: 13px !important;
}

.pt-13px {
  padding-top: 13px !important;
}

.mr-13px {
  margin-right: 13px !important;
}

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

.mb-13px {
  margin-bottom: 13px !important;
}

.pb-13px {
  padding-bottom: 13px !important;
}

.ml-13px {
  margin-left: 13px !important;
}

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

.gap-13px {
  gap: 13px !important;
}

.mt-14px {
  margin-top: 14px !important;
}

.pt-14px {
  padding-top: 14px !important;
}

.mr-14px {
  margin-right: 14px !important;
}

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

.mb-14px {
  margin-bottom: 14px !important;
}

.pb-14px {
  padding-bottom: 14px !important;
}

.ml-14px {
  margin-left: 14px !important;
}

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

.gap-14px {
  gap: 14px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.pt-15px {
  padding-top: 15px !important;
}

.mr-15px {
  margin-right: 15px !important;
}

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

.mb-15px {
  margin-bottom: 15px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.ml-15px {
  margin-left: 15px !important;
}

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

.gap-15px {
  gap: 15px !important;
}

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

.pt-16px {
  padding-top: 16px !important;
}

.mr-16px {
  margin-right: 16px !important;
}

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

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

.pb-16px {
  padding-bottom: 16px !important;
}

.ml-16px {
  margin-left: 16px !important;
}

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

.gap-16px {
  gap: 16px !important;
}

.mt-17px {
  margin-top: 17px !important;
}

.pt-17px {
  padding-top: 17px !important;
}

.mr-17px {
  margin-right: 17px !important;
}

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

.mb-17px {
  margin-bottom: 17px !important;
}

.pb-17px {
  padding-bottom: 17px !important;
}

.ml-17px {
  margin-left: 17px !important;
}

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

.gap-17px {
  gap: 17px !important;
}

.mt-18px {
  margin-top: 18px !important;
}

.pt-18px {
  padding-top: 18px !important;
}

.mr-18px {
  margin-right: 18px !important;
}

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

.mb-18px {
  margin-bottom: 18px !important;
}

.pb-18px {
  padding-bottom: 18px !important;
}

.ml-18px {
  margin-left: 18px !important;
}

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

.gap-18px {
  gap: 18px !important;
}

.mt-19px {
  margin-top: 19px !important;
}

.pt-19px {
  padding-top: 19px !important;
}

.mr-19px {
  margin-right: 19px !important;
}

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

.mb-19px {
  margin-bottom: 19px !important;
}

.pb-19px {
  padding-bottom: 19px !important;
}

.ml-19px {
  margin-left: 19px !important;
}

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

.gap-19px {
  gap: 19px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.mr-20px {
  margin-right: 20px !important;
}

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

.mb-20px {
  margin-bottom: 20px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.ml-20px {
  margin-left: 20px !important;
}

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

.gap-20px {
  gap: 20px !important;
}

.mt-21px {
  margin-top: 21px !important;
}

.pt-21px {
  padding-top: 21px !important;
}

.mr-21px {
  margin-right: 21px !important;
}

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

.mb-21px {
  margin-bottom: 21px !important;
}

.pb-21px {
  padding-bottom: 21px !important;
}

.ml-21px {
  margin-left: 21px !important;
}

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

.gap-21px {
  gap: 21px !important;
}

.mt-22px {
  margin-top: 22px !important;
}

.pt-22px {
  padding-top: 22px !important;
}

.mr-22px {
  margin-right: 22px !important;
}

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

.mb-22px {
  margin-bottom: 22px !important;
}

.pb-22px {
  padding-bottom: 22px !important;
}

.ml-22px {
  margin-left: 22px !important;
}

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

.gap-22px {
  gap: 22px !important;
}

.mt-23px {
  margin-top: 23px !important;
}

.pt-23px {
  padding-top: 23px !important;
}

.mr-23px {
  margin-right: 23px !important;
}

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

.mb-23px {
  margin-bottom: 23px !important;
}

.pb-23px {
  padding-bottom: 23px !important;
}

.ml-23px {
  margin-left: 23px !important;
}

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

.gap-23px {
  gap: 23px !important;
}

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

.pt-24px {
  padding-top: 24px !important;
}

.mr-24px {
  margin-right: 24px !important;
}

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

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

.pb-24px {
  padding-bottom: 24px !important;
}

.ml-24px {
  margin-left: 24px !important;
}

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

.gap-24px {
  gap: 24px !important;
}

.mt-25px {
  margin-top: 25px !important;
}

.pt-25px {
  padding-top: 25px !important;
}

.mr-25px {
  margin-right: 25px !important;
}

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

.mb-25px {
  margin-bottom: 25px !important;
}

.pb-25px {
  padding-bottom: 25px !important;
}

.ml-25px {
  margin-left: 25px !important;
}

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

.gap-25px {
  gap: 25px !important;
}

.mt-26px {
  margin-top: 26px !important;
}

.pt-26px {
  padding-top: 26px !important;
}

.mr-26px {
  margin-right: 26px !important;
}

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

.mb-26px {
  margin-bottom: 26px !important;
}

.pb-26px {
  padding-bottom: 26px !important;
}

.ml-26px {
  margin-left: 26px !important;
}

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

.gap-26px {
  gap: 26px !important;
}

.mt-27px {
  margin-top: 27px !important;
}

.pt-27px {
  padding-top: 27px !important;
}

.mr-27px {
  margin-right: 27px !important;
}

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

.mb-27px {
  margin-bottom: 27px !important;
}

.pb-27px {
  padding-bottom: 27px !important;
}

.ml-27px {
  margin-left: 27px !important;
}

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

.gap-27px {
  gap: 27px !important;
}

.mt-28px {
  margin-top: 28px !important;
}

.pt-28px {
  padding-top: 28px !important;
}

.mr-28px {
  margin-right: 28px !important;
}

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

.mb-28px {
  margin-bottom: 28px !important;
}

.pb-28px {
  padding-bottom: 28px !important;
}

.ml-28px {
  margin-left: 28px !important;
}

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

.gap-28px {
  gap: 28px !important;
}

.mt-29px {
  margin-top: 29px !important;
}

.pt-29px {
  padding-top: 29px !important;
}

.mr-29px {
  margin-right: 29px !important;
}

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

.mb-29px {
  margin-bottom: 29px !important;
}

.pb-29px {
  padding-bottom: 29px !important;
}

.ml-29px {
  margin-left: 29px !important;
}

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

.gap-29px {
  gap: 29px !important;
}

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

.pt-30px {
  padding-top: 30px !important;
}

.mr-30px {
  margin-right: 30px !important;
}

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

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

.pb-30px {
  padding-bottom: 30px !important;
}

.ml-30px {
  margin-left: 30px !important;
}

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

.gap-30px {
  gap: 30px !important;
}

.mt-31px {
  margin-top: 31px !important;
}

.pt-31px {
  padding-top: 31px !important;
}

.mr-31px {
  margin-right: 31px !important;
}

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

.mb-31px {
  margin-bottom: 31px !important;
}

.pb-31px {
  padding-bottom: 31px !important;
}

.ml-31px {
  margin-left: 31px !important;
}

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

.gap-31px {
  gap: 31px !important;
}

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

.pt-32px {
  padding-top: 32px !important;
}

.mr-32px {
  margin-right: 32px !important;
}

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

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

.pb-32px {
  padding-bottom: 32px !important;
}

.ml-32px {
  margin-left: 32px !important;
}

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

.gap-32px {
  gap: 32px !important;
}

.mt-33px {
  margin-top: 33px !important;
}

.pt-33px {
  padding-top: 33px !important;
}

.mr-33px {
  margin-right: 33px !important;
}

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

.mb-33px {
  margin-bottom: 33px !important;
}

.pb-33px {
  padding-bottom: 33px !important;
}

.ml-33px {
  margin-left: 33px !important;
}

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

.gap-33px {
  gap: 33px !important;
}

.mt-34px {
  margin-top: 34px !important;
}

.pt-34px {
  padding-top: 34px !important;
}

.mr-34px {
  margin-right: 34px !important;
}

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

.mb-34px {
  margin-bottom: 34px !important;
}

.pb-34px {
  padding-bottom: 34px !important;
}

.ml-34px {
  margin-left: 34px !important;
}

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

.gap-34px {
  gap: 34px !important;
}

.mt-35px {
  margin-top: 35px !important;
}

.pt-35px {
  padding-top: 35px !important;
}

.mr-35px {
  margin-right: 35px !important;
}

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

.mb-35px {
  margin-bottom: 35px !important;
}

.pb-35px {
  padding-bottom: 35px !important;
}

.ml-35px {
  margin-left: 35px !important;
}

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

.gap-35px {
  gap: 35px !important;
}

.mt-36px {
  margin-top: 36px !important;
}

.pt-36px {
  padding-top: 36px !important;
}

.mr-36px {
  margin-right: 36px !important;
}

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

.mb-36px {
  margin-bottom: 36px !important;
}

.pb-36px {
  padding-bottom: 36px !important;
}

.ml-36px {
  margin-left: 36px !important;
}

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

.gap-36px {
  gap: 36px !important;
}

.mt-37px {
  margin-top: 37px !important;
}

.pt-37px {
  padding-top: 37px !important;
}

.mr-37px {
  margin-right: 37px !important;
}

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

.mb-37px {
  margin-bottom: 37px !important;
}

.pb-37px {
  padding-bottom: 37px !important;
}

.ml-37px {
  margin-left: 37px !important;
}

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

.gap-37px {
  gap: 37px !important;
}

.mt-38px {
  margin-top: 38px !important;
}

.pt-38px {
  padding-top: 38px !important;
}

.mr-38px {
  margin-right: 38px !important;
}

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

.mb-38px {
  margin-bottom: 38px !important;
}

.pb-38px {
  padding-bottom: 38px !important;
}

.ml-38px {
  margin-left: 38px !important;
}

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

.gap-38px {
  gap: 38px !important;
}

.mt-39px {
  margin-top: 39px !important;
}

.pt-39px {
  padding-top: 39px !important;
}

.mr-39px {
  margin-right: 39px !important;
}

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

.mb-39px {
  margin-bottom: 39px !important;
}

.pb-39px {
  padding-bottom: 39px !important;
}

.ml-39px {
  margin-left: 39px !important;
}

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

.gap-39px {
  gap: 39px !important;
}

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

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

.mr-40px {
  margin-right: 40px !important;
}

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

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

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

.ml-40px {
  margin-left: 40px !important;
}

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

.gap-40px {
  gap: 40px !important;
}

.mt-41px {
  margin-top: 41px !important;
}

.pt-41px {
  padding-top: 41px !important;
}

.mr-41px {
  margin-right: 41px !important;
}

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

.mb-41px {
  margin-bottom: 41px !important;
}

.pb-41px {
  padding-bottom: 41px !important;
}

.ml-41px {
  margin-left: 41px !important;
}

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

.gap-41px {
  gap: 41px !important;
}

.mt-42px {
  margin-top: 42px !important;
}

.pt-42px {
  padding-top: 42px !important;
}

.mr-42px {
  margin-right: 42px !important;
}

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

.mb-42px {
  margin-bottom: 42px !important;
}

.pb-42px {
  padding-bottom: 42px !important;
}

.ml-42px {
  margin-left: 42px !important;
}

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

.gap-42px {
  gap: 42px !important;
}

.mt-43px {
  margin-top: 43px !important;
}

.pt-43px {
  padding-top: 43px !important;
}

.mr-43px {
  margin-right: 43px !important;
}

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

.mb-43px {
  margin-bottom: 43px !important;
}

.pb-43px {
  padding-bottom: 43px !important;
}

.ml-43px {
  margin-left: 43px !important;
}

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

.gap-43px {
  gap: 43px !important;
}

.mt-44px {
  margin-top: 44px !important;
}

.pt-44px {
  padding-top: 44px !important;
}

.mr-44px {
  margin-right: 44px !important;
}

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

.mb-44px {
  margin-bottom: 44px !important;
}

.pb-44px {
  padding-bottom: 44px !important;
}

.ml-44px {
  margin-left: 44px !important;
}

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

.gap-44px {
  gap: 44px !important;
}

.mt-45px {
  margin-top: 45px !important;
}

.pt-45px {
  padding-top: 45px !important;
}

.mr-45px {
  margin-right: 45px !important;
}

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

.mb-45px {
  margin-bottom: 45px !important;
}

.pb-45px {
  padding-bottom: 45px !important;
}

.ml-45px {
  margin-left: 45px !important;
}

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

.gap-45px {
  gap: 45px !important;
}

.mt-46px {
  margin-top: 46px !important;
}

.pt-46px {
  padding-top: 46px !important;
}

.mr-46px {
  margin-right: 46px !important;
}

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

.mb-46px {
  margin-bottom: 46px !important;
}

.pb-46px {
  padding-bottom: 46px !important;
}

.ml-46px {
  margin-left: 46px !important;
}

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

.gap-46px {
  gap: 46px !important;
}

.mt-47px {
  margin-top: 47px !important;
}

.pt-47px {
  padding-top: 47px !important;
}

.mr-47px {
  margin-right: 47px !important;
}

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

.mb-47px {
  margin-bottom: 47px !important;
}

.pb-47px {
  padding-bottom: 47px !important;
}

.ml-47px {
  margin-left: 47px !important;
}

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

.gap-47px {
  gap: 47px !important;
}

.mt-48px {
  margin-top: 48px !important;
}

.pt-48px {
  padding-top: 48px !important;
}

.mr-48px {
  margin-right: 48px !important;
}

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

.mb-48px {
  margin-bottom: 48px !important;
}

.pb-48px {
  padding-bottom: 48px !important;
}

.ml-48px {
  margin-left: 48px !important;
}

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

.gap-48px {
  gap: 48px !important;
}

.mt-49px {
  margin-top: 49px !important;
}

.pt-49px {
  padding-top: 49px !important;
}

.mr-49px {
  margin-right: 49px !important;
}

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

.mb-49px {
  margin-bottom: 49px !important;
}

.pb-49px {
  padding-bottom: 49px !important;
}

.ml-49px {
  margin-left: 49px !important;
}

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

.gap-49px {
  gap: 49px !important;
}

.mt-50px {
  margin-top: 50px !important;
}

.pt-50px {
  padding-top: 50px !important;
}

.mr-50px {
  margin-right: 50px !important;
}

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

.mb-50px {
  margin-bottom: 50px !important;
}

.pb-50px {
  padding-bottom: 50px !important;
}

.ml-50px {
  margin-left: 50px !important;
}

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

.gap-50px {
  gap: 50px !important;
}

.mt-51px {
  margin-top: 51px !important;
}

.pt-51px {
  padding-top: 51px !important;
}

.mr-51px {
  margin-right: 51px !important;
}

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

.mb-51px {
  margin-bottom: 51px !important;
}

.pb-51px {
  padding-bottom: 51px !important;
}

.ml-51px {
  margin-left: 51px !important;
}

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

.gap-51px {
  gap: 51px !important;
}

.mt-52px {
  margin-top: 52px !important;
}

.pt-52px {
  padding-top: 52px !important;
}

.mr-52px {
  margin-right: 52px !important;
}

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

.mb-52px {
  margin-bottom: 52px !important;
}

.pb-52px {
  padding-bottom: 52px !important;
}

.ml-52px {
  margin-left: 52px !important;
}

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

.gap-52px {
  gap: 52px !important;
}

.mt-53px {
  margin-top: 53px !important;
}

.pt-53px {
  padding-top: 53px !important;
}

.mr-53px {
  margin-right: 53px !important;
}

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

.mb-53px {
  margin-bottom: 53px !important;
}

.pb-53px {
  padding-bottom: 53px !important;
}

.ml-53px {
  margin-left: 53px !important;
}

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

.gap-53px {
  gap: 53px !important;
}

.mt-54px {
  margin-top: 54px !important;
}

.pt-54px {
  padding-top: 54px !important;
}

.mr-54px {
  margin-right: 54px !important;
}

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

.mb-54px {
  margin-bottom: 54px !important;
}

.pb-54px {
  padding-bottom: 54px !important;
}

.ml-54px {
  margin-left: 54px !important;
}

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

.gap-54px {
  gap: 54px !important;
}

.mt-55px {
  margin-top: 55px !important;
}

.pt-55px {
  padding-top: 55px !important;
}

.mr-55px {
  margin-right: 55px !important;
}

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

.mb-55px {
  margin-bottom: 55px !important;
}

.pb-55px {
  padding-bottom: 55px !important;
}

.ml-55px {
  margin-left: 55px !important;
}

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

.gap-55px {
  gap: 55px !important;
}

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

.pt-56px {
  padding-top: 56px !important;
}

.mr-56px {
  margin-right: 56px !important;
}

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

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

.pb-56px {
  padding-bottom: 56px !important;
}

.ml-56px {
  margin-left: 56px !important;
}

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

.gap-56px {
  gap: 56px !important;
}

.mt-57px {
  margin-top: 57px !important;
}

.pt-57px {
  padding-top: 57px !important;
}

.mr-57px {
  margin-right: 57px !important;
}

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

.mb-57px {
  margin-bottom: 57px !important;
}

.pb-57px {
  padding-bottom: 57px !important;
}

.ml-57px {
  margin-left: 57px !important;
}

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

.gap-57px {
  gap: 57px !important;
}

.mt-58px {
  margin-top: 58px !important;
}

.pt-58px {
  padding-top: 58px !important;
}

.mr-58px {
  margin-right: 58px !important;
}

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

.mb-58px {
  margin-bottom: 58px !important;
}

.pb-58px {
  padding-bottom: 58px !important;
}

.ml-58px {
  margin-left: 58px !important;
}

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

.gap-58px {
  gap: 58px !important;
}

.mt-59px {
  margin-top: 59px !important;
}

.pt-59px {
  padding-top: 59px !important;
}

.mr-59px {
  margin-right: 59px !important;
}

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

.mb-59px {
  margin-bottom: 59px !important;
}

.pb-59px {
  padding-bottom: 59px !important;
}

.ml-59px {
  margin-left: 59px !important;
}

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

.gap-59px {
  gap: 59px !important;
}

.mt-60px {
  margin-top: 60px !important;
}

.pt-60px {
  padding-top: 60px !important;
}

.mr-60px {
  margin-right: 60px !important;
}

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

.mb-60px {
  margin-bottom: 60px !important;
}

.pb-60px {
  padding-bottom: 60px !important;
}

.ml-60px {
  margin-left: 60px !important;
}

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

.gap-60px {
  gap: 60px !important;
}

.mt-61px {
  margin-top: 61px !important;
}

.pt-61px {
  padding-top: 61px !important;
}

.mr-61px {
  margin-right: 61px !important;
}

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

.mb-61px {
  margin-bottom: 61px !important;
}

.pb-61px {
  padding-bottom: 61px !important;
}

.ml-61px {
  margin-left: 61px !important;
}

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

.gap-61px {
  gap: 61px !important;
}

.mt-62px {
  margin-top: 62px !important;
}

.pt-62px {
  padding-top: 62px !important;
}

.mr-62px {
  margin-right: 62px !important;
}

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

.mb-62px {
  margin-bottom: 62px !important;
}

.pb-62px {
  padding-bottom: 62px !important;
}

.ml-62px {
  margin-left: 62px !important;
}

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

.gap-62px {
  gap: 62px !important;
}

.mt-63px {
  margin-top: 63px !important;
}

.pt-63px {
  padding-top: 63px !important;
}

.mr-63px {
  margin-right: 63px !important;
}

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

.mb-63px {
  margin-bottom: 63px !important;
}

.pb-63px {
  padding-bottom: 63px !important;
}

.ml-63px {
  margin-left: 63px !important;
}

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

.gap-63px {
  gap: 63px !important;
}

.mt-64px {
  margin-top: 64px !important;
}

.pt-64px {
  padding-top: 64px !important;
}

.mr-64px {
  margin-right: 64px !important;
}

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

.mb-64px {
  margin-bottom: 64px !important;
}

.pb-64px {
  padding-bottom: 64px !important;
}

.ml-64px {
  margin-left: 64px !important;
}

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

.gap-64px {
  gap: 64px !important;
}

.mt-65px {
  margin-top: 65px !important;
}

.pt-65px {
  padding-top: 65px !important;
}

.mr-65px {
  margin-right: 65px !important;
}

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

.mb-65px {
  margin-bottom: 65px !important;
}

.pb-65px {
  padding-bottom: 65px !important;
}

.ml-65px {
  margin-left: 65px !important;
}

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

.gap-65px {
  gap: 65px !important;
}

.mt-66px {
  margin-top: 66px !important;
}

.pt-66px {
  padding-top: 66px !important;
}

.mr-66px {
  margin-right: 66px !important;
}

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

.mb-66px {
  margin-bottom: 66px !important;
}

.pb-66px {
  padding-bottom: 66px !important;
}

.ml-66px {
  margin-left: 66px !important;
}

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

.gap-66px {
  gap: 66px !important;
}

.mt-67px {
  margin-top: 67px !important;
}

.pt-67px {
  padding-top: 67px !important;
}

.mr-67px {
  margin-right: 67px !important;
}

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

.mb-67px {
  margin-bottom: 67px !important;
}

.pb-67px {
  padding-bottom: 67px !important;
}

.ml-67px {
  margin-left: 67px !important;
}

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

.gap-67px {
  gap: 67px !important;
}

.mt-68px {
  margin-top: 68px !important;
}

.pt-68px {
  padding-top: 68px !important;
}

.mr-68px {
  margin-right: 68px !important;
}

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

.mb-68px {
  margin-bottom: 68px !important;
}

.pb-68px {
  padding-bottom: 68px !important;
}

.ml-68px {
  margin-left: 68px !important;
}

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

.gap-68px {
  gap: 68px !important;
}

.mt-69px {
  margin-top: 69px !important;
}

.pt-69px {
  padding-top: 69px !important;
}

.mr-69px {
  margin-right: 69px !important;
}

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

.mb-69px {
  margin-bottom: 69px !important;
}

.pb-69px {
  padding-bottom: 69px !important;
}

.ml-69px {
  margin-left: 69px !important;
}

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

.gap-69px {
  gap: 69px !important;
}

.mt-70px {
  margin-top: 70px !important;
}

.pt-70px {
  padding-top: 70px !important;
}

.mr-70px {
  margin-right: 70px !important;
}

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

.mb-70px {
  margin-bottom: 70px !important;
}

.pb-70px {
  padding-bottom: 70px !important;
}

.ml-70px {
  margin-left: 70px !important;
}

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

.gap-70px {
  gap: 70px !important;
}

.mt-71px {
  margin-top: 71px !important;
}

.pt-71px {
  padding-top: 71px !important;
}

.mr-71px {
  margin-right: 71px !important;
}

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

.mb-71px {
  margin-bottom: 71px !important;
}

.pb-71px {
  padding-bottom: 71px !important;
}

.ml-71px {
  margin-left: 71px !important;
}

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

.gap-71px {
  gap: 71px !important;
}

.mt-72px {
  margin-top: 72px !important;
}

.pt-72px {
  padding-top: 72px !important;
}

.mr-72px {
  margin-right: 72px !important;
}

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

.mb-72px {
  margin-bottom: 72px !important;
}

.pb-72px {
  padding-bottom: 72px !important;
}

.ml-72px {
  margin-left: 72px !important;
}

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

.gap-72px {
  gap: 72px !important;
}

.mt-73px {
  margin-top: 73px !important;
}

.pt-73px {
  padding-top: 73px !important;
}

.mr-73px {
  margin-right: 73px !important;
}

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

.mb-73px {
  margin-bottom: 73px !important;
}

.pb-73px {
  padding-bottom: 73px !important;
}

.ml-73px {
  margin-left: 73px !important;
}

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

.gap-73px {
  gap: 73px !important;
}

.mt-74px {
  margin-top: 74px !important;
}

.pt-74px {
  padding-top: 74px !important;
}

.mr-74px {
  margin-right: 74px !important;
}

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

.mb-74px {
  margin-bottom: 74px !important;
}

.pb-74px {
  padding-bottom: 74px !important;
}

.ml-74px {
  margin-left: 74px !important;
}

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

.gap-74px {
  gap: 74px !important;
}

.mt-75px {
  margin-top: 75px !important;
}

.pt-75px {
  padding-top: 75px !important;
}

.mr-75px {
  margin-right: 75px !important;
}

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

.mb-75px {
  margin-bottom: 75px !important;
}

.pb-75px {
  padding-bottom: 75px !important;
}

.ml-75px {
  margin-left: 75px !important;
}

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

.gap-75px {
  gap: 75px !important;
}

.mt-76px {
  margin-top: 76px !important;
}

.pt-76px {
  padding-top: 76px !important;
}

.mr-76px {
  margin-right: 76px !important;
}

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

.mb-76px {
  margin-bottom: 76px !important;
}

.pb-76px {
  padding-bottom: 76px !important;
}

.ml-76px {
  margin-left: 76px !important;
}

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

.gap-76px {
  gap: 76px !important;
}

.mt-77px {
  margin-top: 77px !important;
}

.pt-77px {
  padding-top: 77px !important;
}

.mr-77px {
  margin-right: 77px !important;
}

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

.mb-77px {
  margin-bottom: 77px !important;
}

.pb-77px {
  padding-bottom: 77px !important;
}

.ml-77px {
  margin-left: 77px !important;
}

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

.gap-77px {
  gap: 77px !important;
}

.mt-78px {
  margin-top: 78px !important;
}

.pt-78px {
  padding-top: 78px !important;
}

.mr-78px {
  margin-right: 78px !important;
}

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

.mb-78px {
  margin-bottom: 78px !important;
}

.pb-78px {
  padding-bottom: 78px !important;
}

.ml-78px {
  margin-left: 78px !important;
}

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

.gap-78px {
  gap: 78px !important;
}

.mt-79px {
  margin-top: 79px !important;
}

.pt-79px {
  padding-top: 79px !important;
}

.mr-79px {
  margin-right: 79px !important;
}

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

.mb-79px {
  margin-bottom: 79px !important;
}

.pb-79px {
  padding-bottom: 79px !important;
}

.ml-79px {
  margin-left: 79px !important;
}

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

.gap-79px {
  gap: 79px !important;
}

.mt-80px {
  margin-top: 80px !important;
}

.pt-80px {
  padding-top: 80px !important;
}

.mr-80px {
  margin-right: 80px !important;
}

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

.mb-80px {
  margin-bottom: 80px !important;
}

.pb-80px {
  padding-bottom: 80px !important;
}

.ml-80px {
  margin-left: 80px !important;
}

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

.gap-80px {
  gap: 80px !important;
}

.mt-81px {
  margin-top: 81px !important;
}

.pt-81px {
  padding-top: 81px !important;
}

.mr-81px {
  margin-right: 81px !important;
}

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

.mb-81px {
  margin-bottom: 81px !important;
}

.pb-81px {
  padding-bottom: 81px !important;
}

.ml-81px {
  margin-left: 81px !important;
}

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

.gap-81px {
  gap: 81px !important;
}

.mt-82px {
  margin-top: 82px !important;
}

.pt-82px {
  padding-top: 82px !important;
}

.mr-82px {
  margin-right: 82px !important;
}

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

.mb-82px {
  margin-bottom: 82px !important;
}

.pb-82px {
  padding-bottom: 82px !important;
}

.ml-82px {
  margin-left: 82px !important;
}

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

.gap-82px {
  gap: 82px !important;
}

.mt-83px {
  margin-top: 83px !important;
}

.pt-83px {
  padding-top: 83px !important;
}

.mr-83px {
  margin-right: 83px !important;
}

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

.mb-83px {
  margin-bottom: 83px !important;
}

.pb-83px {
  padding-bottom: 83px !important;
}

.ml-83px {
  margin-left: 83px !important;
}

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

.gap-83px {
  gap: 83px !important;
}

.mt-84px {
  margin-top: 84px !important;
}

.pt-84px {
  padding-top: 84px !important;
}

.mr-84px {
  margin-right: 84px !important;
}

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

.mb-84px {
  margin-bottom: 84px !important;
}

.pb-84px {
  padding-bottom: 84px !important;
}

.ml-84px {
  margin-left: 84px !important;
}

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

.gap-84px {
  gap: 84px !important;
}

.mt-85px {
  margin-top: 85px !important;
}

.pt-85px {
  padding-top: 85px !important;
}

.mr-85px {
  margin-right: 85px !important;
}

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

.mb-85px {
  margin-bottom: 85px !important;
}

.pb-85px {
  padding-bottom: 85px !important;
}

.ml-85px {
  margin-left: 85px !important;
}

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

.gap-85px {
  gap: 85px !important;
}

.mt-86px {
  margin-top: 86px !important;
}

.pt-86px {
  padding-top: 86px !important;
}

.mr-86px {
  margin-right: 86px !important;
}

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

.mb-86px {
  margin-bottom: 86px !important;
}

.pb-86px {
  padding-bottom: 86px !important;
}

.ml-86px {
  margin-left: 86px !important;
}

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

.gap-86px {
  gap: 86px !important;
}

.mt-87px {
  margin-top: 87px !important;
}

.pt-87px {
  padding-top: 87px !important;
}

.mr-87px {
  margin-right: 87px !important;
}

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

.mb-87px {
  margin-bottom: 87px !important;
}

.pb-87px {
  padding-bottom: 87px !important;
}

.ml-87px {
  margin-left: 87px !important;
}

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

.gap-87px {
  gap: 87px !important;
}

.mt-88px {
  margin-top: 88px !important;
}

.pt-88px {
  padding-top: 88px !important;
}

.mr-88px {
  margin-right: 88px !important;
}

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

.mb-88px {
  margin-bottom: 88px !important;
}

.pb-88px {
  padding-bottom: 88px !important;
}

.ml-88px {
  margin-left: 88px !important;
}

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

.gap-88px {
  gap: 88px !important;
}

.mt-89px {
  margin-top: 89px !important;
}

.pt-89px {
  padding-top: 89px !important;
}

.mr-89px {
  margin-right: 89px !important;
}

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

.mb-89px {
  margin-bottom: 89px !important;
}

.pb-89px {
  padding-bottom: 89px !important;
}

.ml-89px {
  margin-left: 89px !important;
}

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

.gap-89px {
  gap: 89px !important;
}

.mt-90px {
  margin-top: 90px !important;
}

.pt-90px {
  padding-top: 90px !important;
}

.mr-90px {
  margin-right: 90px !important;
}

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

.mb-90px {
  margin-bottom: 90px !important;
}

.pb-90px {
  padding-bottom: 90px !important;
}

.ml-90px {
  margin-left: 90px !important;
}

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

.gap-90px {
  gap: 90px !important;
}

.mt-91px {
  margin-top: 91px !important;
}

.pt-91px {
  padding-top: 91px !important;
}

.mr-91px {
  margin-right: 91px !important;
}

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

.mb-91px {
  margin-bottom: 91px !important;
}

.pb-91px {
  padding-bottom: 91px !important;
}

.ml-91px {
  margin-left: 91px !important;
}

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

.gap-91px {
  gap: 91px !important;
}

.mt-92px {
  margin-top: 92px !important;
}

.pt-92px {
  padding-top: 92px !important;
}

.mr-92px {
  margin-right: 92px !important;
}

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

.mb-92px {
  margin-bottom: 92px !important;
}

.pb-92px {
  padding-bottom: 92px !important;
}

.ml-92px {
  margin-left: 92px !important;
}

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

.gap-92px {
  gap: 92px !important;
}

.mt-93px {
  margin-top: 93px !important;
}

.pt-93px {
  padding-top: 93px !important;
}

.mr-93px {
  margin-right: 93px !important;
}

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

.mb-93px {
  margin-bottom: 93px !important;
}

.pb-93px {
  padding-bottom: 93px !important;
}

.ml-93px {
  margin-left: 93px !important;
}

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

.gap-93px {
  gap: 93px !important;
}

.mt-94px {
  margin-top: 94px !important;
}

.pt-94px {
  padding-top: 94px !important;
}

.mr-94px {
  margin-right: 94px !important;
}

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

.mb-94px {
  margin-bottom: 94px !important;
}

.pb-94px {
  padding-bottom: 94px !important;
}

.ml-94px {
  margin-left: 94px !important;
}

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

.gap-94px {
  gap: 94px !important;
}

.mt-95px {
  margin-top: 95px !important;
}

.pt-95px {
  padding-top: 95px !important;
}

.mr-95px {
  margin-right: 95px !important;
}

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

.mb-95px {
  margin-bottom: 95px !important;
}

.pb-95px {
  padding-bottom: 95px !important;
}

.ml-95px {
  margin-left: 95px !important;
}

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

.gap-95px {
  gap: 95px !important;
}

.mt-96px {
  margin-top: 96px !important;
}

.pt-96px {
  padding-top: 96px !important;
}

.mr-96px {
  margin-right: 96px !important;
}

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

.mb-96px {
  margin-bottom: 96px !important;
}

.pb-96px {
  padding-bottom: 96px !important;
}

.ml-96px {
  margin-left: 96px !important;
}

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

.gap-96px {
  gap: 96px !important;
}

.mt-97px {
  margin-top: 97px !important;
}

.pt-97px {
  padding-top: 97px !important;
}

.mr-97px {
  margin-right: 97px !important;
}

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

.mb-97px {
  margin-bottom: 97px !important;
}

.pb-97px {
  padding-bottom: 97px !important;
}

.ml-97px {
  margin-left: 97px !important;
}

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

.gap-97px {
  gap: 97px !important;
}

.mt-98px {
  margin-top: 98px !important;
}

.pt-98px {
  padding-top: 98px !important;
}

.mr-98px {
  margin-right: 98px !important;
}

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

.mb-98px {
  margin-bottom: 98px !important;
}

.pb-98px {
  padding-bottom: 98px !important;
}

.ml-98px {
  margin-left: 98px !important;
}

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

.gap-98px {
  gap: 98px !important;
}

.mt-99px {
  margin-top: 99px !important;
}

.pt-99px {
  padding-top: 99px !important;
}

.mr-99px {
  margin-right: 99px !important;
}

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

.mb-99px {
  margin-bottom: 99px !important;
}

.pb-99px {
  padding-bottom: 99px !important;
}

.ml-99px {
  margin-left: 99px !important;
}

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

.gap-99px {
  gap: 99px !important;
}

.mt-100px {
  margin-top: 100px !important;
}

.pt-100px {
  padding-top: 100px !important;
}

.mr-100px {
  margin-right: 100px !important;
}

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

.mb-100px {
  margin-bottom: 100px !important;
}

.pb-100px {
  padding-bottom: 100px !important;
}

.ml-100px {
  margin-left: 100px !important;
}

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

.gap-100px {
  gap: 100px !important;
}

.mt-101px {
  margin-top: 101px !important;
}

.pt-101px {
  padding-top: 101px !important;
}

.mr-101px {
  margin-right: 101px !important;
}

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

.mb-101px {
  margin-bottom: 101px !important;
}

.pb-101px {
  padding-bottom: 101px !important;
}

.ml-101px {
  margin-left: 101px !important;
}

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

.gap-101px {
  gap: 101px !important;
}

.mt-102px {
  margin-top: 102px !important;
}

.pt-102px {
  padding-top: 102px !important;
}

.mr-102px {
  margin-right: 102px !important;
}

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

.mb-102px {
  margin-bottom: 102px !important;
}

.pb-102px {
  padding-bottom: 102px !important;
}

.ml-102px {
  margin-left: 102px !important;
}

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

.gap-102px {
  gap: 102px !important;
}

.mt-103px {
  margin-top: 103px !important;
}

.pt-103px {
  padding-top: 103px !important;
}

.mr-103px {
  margin-right: 103px !important;
}

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

.mb-103px {
  margin-bottom: 103px !important;
}

.pb-103px {
  padding-bottom: 103px !important;
}

.ml-103px {
  margin-left: 103px !important;
}

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

.gap-103px {
  gap: 103px !important;
}

.mt-104px {
  margin-top: 104px !important;
}

.pt-104px {
  padding-top: 104px !important;
}

.mr-104px {
  margin-right: 104px !important;
}

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

.mb-104px {
  margin-bottom: 104px !important;
}

.pb-104px {
  padding-bottom: 104px !important;
}

.ml-104px {
  margin-left: 104px !important;
}

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

.gap-104px {
  gap: 104px !important;
}

.mt-105px {
  margin-top: 105px !important;
}

.pt-105px {
  padding-top: 105px !important;
}

.mr-105px {
  margin-right: 105px !important;
}

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

.mb-105px {
  margin-bottom: 105px !important;
}

.pb-105px {
  padding-bottom: 105px !important;
}

.ml-105px {
  margin-left: 105px !important;
}

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

.gap-105px {
  gap: 105px !important;
}

.mt-106px {
  margin-top: 106px !important;
}

.pt-106px {
  padding-top: 106px !important;
}

.mr-106px {
  margin-right: 106px !important;
}

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

.mb-106px {
  margin-bottom: 106px !important;
}

.pb-106px {
  padding-bottom: 106px !important;
}

.ml-106px {
  margin-left: 106px !important;
}

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

.gap-106px {
  gap: 106px !important;
}

.mt-107px {
  margin-top: 107px !important;
}

.pt-107px {
  padding-top: 107px !important;
}

.mr-107px {
  margin-right: 107px !important;
}

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

.mb-107px {
  margin-bottom: 107px !important;
}

.pb-107px {
  padding-bottom: 107px !important;
}

.ml-107px {
  margin-left: 107px !important;
}

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

.gap-107px {
  gap: 107px !important;
}

.mt-108px {
  margin-top: 108px !important;
}

.pt-108px {
  padding-top: 108px !important;
}

.mr-108px {
  margin-right: 108px !important;
}

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

.mb-108px {
  margin-bottom: 108px !important;
}

.pb-108px {
  padding-bottom: 108px !important;
}

.ml-108px {
  margin-left: 108px !important;
}

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

.gap-108px {
  gap: 108px !important;
}

.mt-109px {
  margin-top: 109px !important;
}

.pt-109px {
  padding-top: 109px !important;
}

.mr-109px {
  margin-right: 109px !important;
}

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

.mb-109px {
  margin-bottom: 109px !important;
}

.pb-109px {
  padding-bottom: 109px !important;
}

.ml-109px {
  margin-left: 109px !important;
}

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

.gap-109px {
  gap: 109px !important;
}

.mt-110px {
  margin-top: 110px !important;
}

.pt-110px {
  padding-top: 110px !important;
}

.mr-110px {
  margin-right: 110px !important;
}

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

.mb-110px {
  margin-bottom: 110px !important;
}

.pb-110px {
  padding-bottom: 110px !important;
}

.ml-110px {
  margin-left: 110px !important;
}

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

.gap-110px {
  gap: 110px !important;
}

.mt-111px {
  margin-top: 111px !important;
}

.pt-111px {
  padding-top: 111px !important;
}

.mr-111px {
  margin-right: 111px !important;
}

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

.mb-111px {
  margin-bottom: 111px !important;
}

.pb-111px {
  padding-bottom: 111px !important;
}

.ml-111px {
  margin-left: 111px !important;
}

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

.gap-111px {
  gap: 111px !important;
}

.mt-112px {
  margin-top: 112px !important;
}

.pt-112px {
  padding-top: 112px !important;
}

.mr-112px {
  margin-right: 112px !important;
}

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

.mb-112px {
  margin-bottom: 112px !important;
}

.pb-112px {
  padding-bottom: 112px !important;
}

.ml-112px {
  margin-left: 112px !important;
}

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

.gap-112px {
  gap: 112px !important;
}

.mt-113px {
  margin-top: 113px !important;
}

.pt-113px {
  padding-top: 113px !important;
}

.mr-113px {
  margin-right: 113px !important;
}

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

.mb-113px {
  margin-bottom: 113px !important;
}

.pb-113px {
  padding-bottom: 113px !important;
}

.ml-113px {
  margin-left: 113px !important;
}

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

.gap-113px {
  gap: 113px !important;
}

.mt-114px {
  margin-top: 114px !important;
}

.pt-114px {
  padding-top: 114px !important;
}

.mr-114px {
  margin-right: 114px !important;
}

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

.mb-114px {
  margin-bottom: 114px !important;
}

.pb-114px {
  padding-bottom: 114px !important;
}

.ml-114px {
  margin-left: 114px !important;
}

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

.gap-114px {
  gap: 114px !important;
}

.mt-115px {
  margin-top: 115px !important;
}

.pt-115px {
  padding-top: 115px !important;
}

.mr-115px {
  margin-right: 115px !important;
}

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

.mb-115px {
  margin-bottom: 115px !important;
}

.pb-115px {
  padding-bottom: 115px !important;
}

.ml-115px {
  margin-left: 115px !important;
}

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

.gap-115px {
  gap: 115px !important;
}

.mt-116px {
  margin-top: 116px !important;
}

.pt-116px {
  padding-top: 116px !important;
}

.mr-116px {
  margin-right: 116px !important;
}

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

.mb-116px {
  margin-bottom: 116px !important;
}

.pb-116px {
  padding-bottom: 116px !important;
}

.ml-116px {
  margin-left: 116px !important;
}

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

.gap-116px {
  gap: 116px !important;
}

.mt-117px {
  margin-top: 117px !important;
}

.pt-117px {
  padding-top: 117px !important;
}

.mr-117px {
  margin-right: 117px !important;
}

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

.mb-117px {
  margin-bottom: 117px !important;
}

.pb-117px {
  padding-bottom: 117px !important;
}

.ml-117px {
  margin-left: 117px !important;
}

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

.gap-117px {
  gap: 117px !important;
}

.mt-118px {
  margin-top: 118px !important;
}

.pt-118px {
  padding-top: 118px !important;
}

.mr-118px {
  margin-right: 118px !important;
}

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

.mb-118px {
  margin-bottom: 118px !important;
}

.pb-118px {
  padding-bottom: 118px !important;
}

.ml-118px {
  margin-left: 118px !important;
}

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

.gap-118px {
  gap: 118px !important;
}

.mt-119px {
  margin-top: 119px !important;
}

.pt-119px {
  padding-top: 119px !important;
}

.mr-119px {
  margin-right: 119px !important;
}

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

.mb-119px {
  margin-bottom: 119px !important;
}

.pb-119px {
  padding-bottom: 119px !important;
}

.ml-119px {
  margin-left: 119px !important;
}

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

.gap-119px {
  gap: 119px !important;
}

.mt-120px {
  margin-top: 120px !important;
}

.pt-120px {
  padding-top: 120px !important;
}

.mr-120px {
  margin-right: 120px !important;
}

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

.mb-120px {
  margin-bottom: 120px !important;
}

.pb-120px {
  padding-bottom: 120px !important;
}

.ml-120px {
  margin-left: 120px !important;
}

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

.gap-120px {
  gap: 120px !important;
}

.grid--temp-col--1 {
  grid-template-columns: repeat(1, 1fr);
}

.grid--temp-col--2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid--temp-col--3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid--temp-col--4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid--temp-col--5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid--temp-col--6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid--temp-col--7 {
  grid-template-columns: repeat(7, 1fr);
}

.col-1 {
  flex: 0 0 auto;
  width: calc(8.3333333333% - 10px);
}

.col-2 {
  flex: 0 0 auto;
  width: calc(16.6666666667% - 10px);
}

.col-3 {
  flex: 0 0 auto;
  width: calc(25% - 10px);
}

.col-4 {
  flex: 0 0 auto;
  width: calc(33.3333333333% - 10px);
}

.col-5 {
  flex: 0 0 auto;
  width: calc(41.6666666667% - 10px);
}

.col-6 {
  flex: 0 0 auto;
  width: calc(50% - 10px);
}

.col-7 {
  flex: 0 0 auto;
  width: calc(58.3333333333% - 10px);
}

.col-8 {
  flex: 0 0 auto;
  width: calc(66.6666666667% - 10px);
}

.col-9 {
  flex: 0 0 auto;
  width: calc(75% - 10px);
}

.col-10 {
  flex: 0 0 auto;
  width: calc(83.3333333333% - 10px);
}

.col-11 {
  flex: 0 0 auto;
  width: calc(91.6666666667% - 10px);
}

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

.py-0px {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pd-0px {
  padding: 0px !important;
}

.mx-0px {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0px {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.px-1px {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.py-1px {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.pd-1px {
  padding: 1px !important;
}

.mx-1px {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.my-1px {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.px-2px {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.py-2px {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.pd-2px {
  padding: 2px !important;
}

.mx-2px {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.my-2px {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.px-3px {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.py-3px {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.pd-3px {
  padding: 3px !important;
}

.mx-3px {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.my-3px {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.px-4px {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.py-4px {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.pd-4px {
  padding: 4px !important;
}

.mx-4px {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-4px {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.px-5px {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-5px {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pd-5px {
  padding: 5px !important;
}

.mx-5px {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.my-5px {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.px-6px {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.py-6px {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.pd-6px {
  padding: 6px !important;
}

.mx-6px {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.my-6px {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.px-7px {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.py-7px {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.pd-7px {
  padding: 7px !important;
}

.mx-7px {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.my-7px {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.px-8px {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-8px {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.pd-8px {
  padding: 8px !important;
}

.mx-8px {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

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

.px-9px {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.py-9px {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.pd-9px {
  padding: 9px !important;
}

.mx-9px {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.my-9px {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.px-10px {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-10px {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pd-10px {
  padding: 10px !important;
}

.mx-10px {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-10px {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.px-11px {
  padding-left: 11px !important;
  padding-right: 11px !important;
}

.py-11px {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.pd-11px {
  padding: 11px !important;
}

.mx-11px {
  margin-left: 11px !important;
  margin-right: 11px !important;
}

.my-11px {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.px-12px {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.py-12px {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.pd-12px {
  padding: 12px !important;
}

.mx-12px {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.my-12px {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.px-13px {
  padding-left: 13px !important;
  padding-right: 13px !important;
}

.py-13px {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.pd-13px {
  padding: 13px !important;
}

.mx-13px {
  margin-left: 13px !important;
  margin-right: 13px !important;
}

.my-13px {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.px-14px {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.py-14px {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.pd-14px {
  padding: 14px !important;
}

.mx-14px {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.my-14px {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.px-15px {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py-15px {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.pd-15px {
  padding: 15px !important;
}

.mx-15px {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.my-15px {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.px-16px {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.py-16px {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.pd-16px {
  padding: 16px !important;
}

.mx-16px {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

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

.px-17px {
  padding-left: 17px !important;
  padding-right: 17px !important;
}

.py-17px {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.pd-17px {
  padding: 17px !important;
}

.mx-17px {
  margin-left: 17px !important;
  margin-right: 17px !important;
}

.my-17px {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.px-18px {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.py-18px {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.pd-18px {
  padding: 18px !important;
}

.mx-18px {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.my-18px {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.px-19px {
  padding-left: 19px !important;
  padding-right: 19px !important;
}

.py-19px {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

.pd-19px {
  padding: 19px !important;
}

.mx-19px {
  margin-left: 19px !important;
  margin-right: 19px !important;
}

.my-19px {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.px-20px {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20px {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pd-20px {
  padding: 20px !important;
}

.mx-20px {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20px {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.px-21px {
  padding-left: 21px !important;
  padding-right: 21px !important;
}

.py-21px {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.pd-21px {
  padding: 21px !important;
}

.mx-21px {
  margin-left: 21px !important;
  margin-right: 21px !important;
}

.my-21px {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.px-22px {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.py-22px {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.pd-22px {
  padding: 22px !important;
}

.mx-22px {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.my-22px {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.px-23px {
  padding-left: 23px !important;
  padding-right: 23px !important;
}

.py-23px {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

.pd-23px {
  padding: 23px !important;
}

.mx-23px {
  margin-left: 23px !important;
  margin-right: 23px !important;
}

.my-23px {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.px-24px {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-24px {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.pd-24px {
  padding: 24px !important;
}

.mx-24px {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

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

.px-25px {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-25px {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.pd-25px {
  padding: 25px !important;
}

.mx-25px {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.my-25px {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.px-26px {
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.py-26px {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.pd-26px {
  padding: 26px !important;
}

.mx-26px {
  margin-left: 26px !important;
  margin-right: 26px !important;
}

.my-26px {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.px-27px {
  padding-left: 27px !important;
  padding-right: 27px !important;
}

.py-27px {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.pd-27px {
  padding: 27px !important;
}

.mx-27px {
  margin-left: 27px !important;
  margin-right: 27px !important;
}

.my-27px {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.px-28px {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.py-28px {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.pd-28px {
  padding: 28px !important;
}

.mx-28px {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.my-28px {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.px-29px {
  padding-left: 29px !important;
  padding-right: 29px !important;
}

.py-29px {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.pd-29px {
  padding: 29px !important;
}

.mx-29px {
  margin-left: 29px !important;
  margin-right: 29px !important;
}

.my-29px {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.px-30px {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-30px {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pd-30px {
  padding: 30px !important;
}

.mx-30px {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-30px {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.px-31px {
  padding-left: 31px !important;
  padding-right: 31px !important;
}

.py-31px {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}

.pd-31px {
  padding: 31px !important;
}

.mx-31px {
  margin-left: 31px !important;
  margin-right: 31px !important;
}

.my-31px {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}

.px-32px {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.py-32px {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.pd-32px {
  padding: 32px !important;
}

.mx-32px {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mw-1 {
  max-width: 1%;
}

.mw-2 {
  max-width: 2%;
}

.mw-3 {
  max-width: 3%;
}

.mw-4 {
  max-width: 4%;
}

.mw-5 {
  max-width: 5%;
}

.mw-6 {
  max-width: 6%;
}

.mw-7 {
  max-width: 7%;
}

.mw-8 {
  max-width: 8%;
}

.mw-9 {
  max-width: 9%;
}

.mw-10 {
  max-width: 10%;
}

.mw-11 {
  max-width: 11%;
}

.mw-12 {
  max-width: 12%;
}

.mw-13 {
  max-width: 13%;
}

.mw-14 {
  max-width: 14%;
}

.mw-15 {
  max-width: 15%;
}

.mw-16 {
  max-width: 16%;
}

.mw-17 {
  max-width: 17%;
}

.mw-18 {
  max-width: 18%;
}

.mw-19 {
  max-width: 19%;
}

.mw-20 {
  max-width: 20%;
}

.mw-21 {
  max-width: 21%;
}

.mw-22 {
  max-width: 22%;
}

.mw-23 {
  max-width: 23%;
}

.mw-24 {
  max-width: 24%;
}

.mw-25 {
  max-width: 25%;
}

.mw-26 {
  max-width: 26%;
}

.mw-27 {
  max-width: 27%;
}

.mw-28 {
  max-width: 28%;
}

.mw-29 {
  max-width: 29%;
}

.mw-30 {
  max-width: 30%;
}

.mw-31 {
  max-width: 31%;
}

.mw-32 {
  max-width: 32%;
}

.mw-33 {
  max-width: 33%;
}

.mw-34 {
  max-width: 34%;
}

.mw-35 {
  max-width: 35%;
}

.mw-36 {
  max-width: 36%;
}

.mw-37 {
  max-width: 37%;
}

.mw-38 {
  max-width: 38%;
}

.mw-39 {
  max-width: 39%;
}

.mw-40 {
  max-width: 40%;
}

.mw-41 {
  max-width: 41%;
}

.mw-42 {
  max-width: 42%;
}

.mw-43 {
  max-width: 43%;
}

.mw-44 {
  max-width: 44%;
}

.mw-45 {
  max-width: 45%;
}

.mw-46 {
  max-width: 46%;
}

.mw-47 {
  max-width: 47%;
}

.mw-48 {
  max-width: 48%;
}

.mw-49 {
  max-width: 49%;
}

.mw-50 {
  max-width: 50%;
}

.mw-51 {
  max-width: 51%;
}

.mw-52 {
  max-width: 52%;
}

.mw-53 {
  max-width: 53%;
}

.mw-54 {
  max-width: 54%;
}

.mw-55 {
  max-width: 55%;
}

.mw-56 {
  max-width: 56%;
}

.mw-57 {
  max-width: 57%;
}

.mw-58 {
  max-width: 58%;
}

.mw-59 {
  max-width: 59%;
}

.mw-60 {
  max-width: 60%;
}

.mw-61 {
  max-width: 61%;
}

.mw-62 {
  max-width: 62%;
}

.mw-63 {
  max-width: 63%;
}

.mw-64 {
  max-width: 64%;
}

.mw-65 {
  max-width: 65%;
}

.mw-66 {
  max-width: 66%;
}

.mw-67 {
  max-width: 67%;
}

.mw-68 {
  max-width: 68%;
}

.mw-69 {
  max-width: 69%;
}

.mw-70 {
  max-width: 70%;
}

.mw-71 {
  max-width: 71%;
}

.mw-72 {
  max-width: 72%;
}

.mw-73 {
  max-width: 73%;
}

.mw-74 {
  max-width: 74%;
}

.mw-75 {
  max-width: 75%;
}

.mw-76 {
  max-width: 76%;
}

.mw-77 {
  max-width: 77%;
}

.mw-78 {
  max-width: 78%;
}

.mw-79 {
  max-width: 79%;
}

.mw-80 {
  max-width: 80%;
}

.mw-81 {
  max-width: 81%;
}

.mw-82 {
  max-width: 82%;
}

.mw-83 {
  max-width: 83%;
}

.mw-84 {
  max-width: 84%;
}

.mw-85 {
  max-width: 85%;
}

.mw-86 {
  max-width: 86%;
}

.mw-87 {
  max-width: 87%;
}

.mw-88 {
  max-width: 88%;
}

.mw-89 {
  max-width: 89%;
}

.mw-90 {
  max-width: 90%;
}

.mw-91 {
  max-width: 91%;
}

.mw-92 {
  max-width: 92%;
}

.mw-93 {
  max-width: 93%;
}

.mw-94 {
  max-width: 94%;
}

.mw-95 {
  max-width: 95%;
}

.mw-96 {
  max-width: 96%;
}

.mw-97 {
  max-width: 97%;
}

.mw-98 {
  max-width: 98%;
}

.mw-99 {
  max-width: 99%;
}

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

@keyframes slideDown {
  from {
    top: -100px; /* 화면 위에서 시작 */
  }
  to {
    top: 0; /* 화면 상단에 고정 */
  }
}
.col-primary {
  color: #0d4fa3 !important;
}
.col-primary-3 {
  color: #000000 !important;
}
.col-secondary-1 {
  color: #424242;
}
.col-secondary-2 {
  color: #757575;
}
.col-secondary-3 {
  color: #767676;
}

.w-fit {
  width: fit-content !important;
}

.h-fit {
  height: fit-content !important;
}

.grid {
  display: grid;
  gap: 20px;
}

.img-container.wid-50 {
  width: 50%;
}
.img-container.wid-33 {
  width: 33%;
}
.img-pane {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.img-pane.ptop-35 {
  padding-top: 35%;
}
.img-pane.ptop-50 {
  padding-top: 50%;
}
.img-pane.ptop-65 {
  padding-top: 65%;
}
.img-pane.ptop-75 {
  padding-top: 75%;
}
.img-pane.ptop-100 {
  padding-top: 100%;
}
.img-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-tag {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 10px;
  background-color: #0d4fa3;
  color: #ffffff;
  font-size: 12px;
  border-radius: 2px;
  border: none;
}

.divide-line {
  width: 100%;
  border-bottom: 1px solid #dadde0;
  height: 1px;
}

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

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

.text-vertical-center {
  display: flex;
  align-items: center;
  line-height: 1;
}

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

.pos-abs {
  position: absolute;
}

.toast-container {
  width: 100%;
  max-width: 360px;
  position: fixed;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.toast-container .toast {
  background-color: #0d4fa3;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.toast-container .toast.show {
  opacity: 1;
  transform: translateY(0);
}

.slide-container {
  width: 100%;
}
.slide-list {
  min-width: 100%;
  overflow: hidden;
}
.slide-item {
  float: left;
  margin: 0 6px 0 0;
}

.rotate-270 {
  transform: rotate(270deg);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none; /* 크롬, 사파리 */
}

input[type=number] {
  -moz-appearance: textfield; /* 파이어폭스 */
}

#loader {
  display: none;
  z-index: 1080;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
#loader .blur {
  z-index: 1085;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}
#loader span {
  z-index: 1090;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 30px;
  background-color: #ffffff;
  color: #000000;
  border-radius: 4px;
  text-wrap-mode: nowrap;
}

.err-msg {
  color: #ff7777;
  font-size: 0.875rem;
}
.err-msg.fs-12px {
  font-size: 0.75rem;
}
.err-msg.fs-16px {
  font-size: 1rem;
}
.err-msg.fs-18px {
  font-size: 1.125rem;
}

.not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 14vh;
}
.not-found .desc {
  font-size: 0.85rem;
  color: #000000;
}

.main-footer .combo-toggle {
  background-color: #eee;
  border: 1px solid #eee;
  padding: 10px;
  width: 240px;
  text-align: left;
  font-size: 14px;
  color: #545454;
}
.main-footer .combo-icon {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transition: transform 0.5s linear;
  object-fit: contain;
}
.main-footer .combo-box {
  cursor: pointer;
}
.main-footer .combo-box.active .combo-icon {
  transform: translateY(-50%) rotate3d(1, 0, 0, 180deg);
}
@media (max-width: 480px) {
  .main-footer .combo-toggle {
    width: 100%;
  }
}
.main-footer .combo-dropdown {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 998;
}
.main-footer .combo-dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.main-footer .combo-dropdown ul li {
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.main-footer .combo-dropdown ul li a {
  color: #545454;
  text-decoration: none;
}
.main-footer .combo-title {
  font-weight: bold;
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #ccc;
  margin-top: 0;
  border-top: none;
}
.pageable-container {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.pageable-container .page-list {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 10px;
}
.pageable-container .item {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pageable-container .item img {
  width: 25%;
  height: 40%;
  object-fit: contain;
}
.pageable-container .item.s32 {
  width: 32px;
  height: 32px;
}
.pageable-container .item.positive {
  border: 1px solid #eaedef;
  background-color: #ffffff;
}
.pageable-container .item.negative {
  background-color: #f7f9fa;
  border: 1px solid #eaedef;
}
.pageable-container .item.selected {
  background-color: #0d4fa3;
  color: #ffffff;
}

.cities-container {
  margin: 0 auto;
  margin-top: 2vh;
  gap: 0;
}
.cities-box {
  cursor: pointer;
}
.cities-box .img-frame {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cities-box img {
  width: 90%;
  height: 90%;
  object-fit: contain;
}
.cities-desc {
  margin-top: 4vh;
}
.cities-desc .desc {
  text-align: center;
}
.cities-desc .desc.s {
  font-size: 1.5rem;
  font-weight: 500;
}
.cities-desc .desc.m {
  font-size: 2rem;
  font-weight: 700;
}
.border-circle {
  border-radius: 50%;
}

.sauceflex_collection {
  background-color: #ffffff !important;
}

.soldout-blur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  font-weight: 300;
  color: #ffffff;
}
@media (max-width: 480px) {
  .soldout-blur {
    font-size: 2rem;
  }
}
@media (min-width: 481px) and (max-width: 1023px) {
  .soldout-blur {
    font-size: 2rem;
  }
}

.board--container .title {
  padding: 20px 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #424242;
}
.board--container .table-container table {
  width: 100%;
}
.board--container .table-container table thead {
  border-top: 2px solid #000000;
  border-bottom: 1px solid #000000;
}
.board--container .table-container table thead th {
  padding: 1rem 0;
  text-align: center;
  font-weight: 500;
}
.board--container .table-container table tbody td {
  padding: 1rem 0;
  border-bottom: 1px solid #e7e7e7;
}

.shadow--box-container {
  border: 1px solid #DADCE0;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(234, 235, 239, 0.8);
  background-color: #ffffff;
}
.shadow--box-container .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #2F3438;
}

@media (min-width: 1024px) {
  .shadow--box-container {
    padding: 20px 30px;
  }
}
@media (min-width: 481px) and (max-width: 1023px) {
  .shadow--box-container {
    padding: 24px;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none;
  position: relative;
  font-family: "Noto Sans KR" !important;
  font-size: 16px;
  font-weight: 400;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  box-sizing: border-box;
  background-color: #f7f8fa;
}

.container {
  max-width: none !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

/*@media (max-width: 480px) {

}

!* 태블릿 (481px ~ 1024px) *!
@media (min-width: 481px) and (max-width: 1024px) {

}

!* 데스크탑 (1025px 이상) *!
@media (min-width: 1025px) {

}*/
section {
  max-width: 1252px;
  margin: 0 auto;
  padding: 0 60px;
}

footer {
  margin-top: 200px;
}

.main-header {
  width: 100% !important;
  max-width: none;
  z-index: 999;
}
.main-header .search-container {
  margin-left: 100px;
  margin-right: 36px;
  max-width: 600px;
  width: -webkit-fill-available;
  height: 50px;
}
.main-header .search-box {
  min-width: 240px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 50px;
  padding: 10px 20px;
}
.main-header .search-box input {
  border: none;
  background: none;
  outline: none;
  font-size: 14px;
}
.main-header .search-box input::placeholder {
  font-size: 14px;
  color: #767676;
  opacity: 1;
}
.main-header .dropdown {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  align-items: center;
  gap: 36px;
  display: none;
  background-color: #fff;
  transform: translateY(100px);
  z-index: 997;
}
.main-header .dropdown-item {
  padding: 20px 0;
  text-align: center;
}
.main-header .dropdown-item a {
  font-weight: 500;
}
.main-header .header-section {
  border-bottom: 1px solid #eaedef;
}
.main-header .header-link {
  font-size: 14px;
  color: #101010;
  cursor: pointer;
}
.main-header .header-link:focus, .main-header .header-link:hover {
  font-weight: 500;
  color: #0d4fa3;
}
.main-header .header-item {
  width: calc(16.6666666667% - 1px);
  text-align: center;
  border-right: 1px solid #ffffff;
  padding: 0 20px;
  margin: 12px 0;
  font-size: 18px;
  color: #ffffff;
}
.main-header .header-item:focus, .main-header .header-item:hover {
  font-weight: 500;
}
.main-header .header-item.selected {
  font-weight: 500;
}
.main-header .header-item:last-child {
  border-right: none;
}
.main-header .header-item > div {
  font-size: 18px;
}
.main-header .header-cart-cnt {
  width: 18px;
  height: 18px;
  transform: translate(7px, -7px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: #ff7777;
  font-size: 12px;
  color: #ffffff;
  top: 0;
  right: 0;
  line-height: 170%;
}
.main-header #headers-fixed {
  background-color: #0d4fa3;
  margin-top: 10px;
}
.main-header #headers-fixed.fixed {
  position: fixed;
  width: 100%;
  margin-top: 0;
  left: 0;
  padding: 0 clamp(16px, 50% - 566px, 50% - 566px);
  z-index: 999;
  box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.15);
  top: -100px; /* 화면 위로 숨김 */
  animation: slideDown 0.5s ease forwards; /* 애니메이션 적용 */
}
.main-header #headers-fixed .category-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-header #headers-fixed .category-section .category-list {
  min-width: 100%;
  position: absolute;
  left: 0;
  bottom: -12px;
  transform: translateY(100%);
  display: none;
}
.main-header #headers-fixed .category-section .category-list .large {
  border-right: 1px solid #dadde0;
}
.main-header #headers-fixed .category-section .category-list .large, .main-header #headers-fixed .category-section .category-list .small {
  min-width: 100%;
  padding: 12px 0;
  background-color: #ffffff;
  border: 1px solid #dadde0;
}
.main-header #headers-fixed .category-section .category-list .category-item {
  padding: 10px 20px;
  font-size: 15px;
  line-height: 22px;
  color: #000000;
  cursor: pointer;
}
.main-header #headers-fixed .category-section .category-list .category-item:hover {
  background-color: #0d4fa3;
  color: #ffffff;
}
.main-banner, .main-more-banner {
  border-bottom: 1px solid #eaedef;
  max-width: 1132px;
  padding: 0;
}
.main-banner .navbar-nav, .main-more-banner .navbar-nav {
  flex-direction: row;
}
.main-banner .nav-item, .main-more-banner .nav-item {
  padding: 12px 6px;
  margin-right: 10px;
  font-weight: 700;
  line-height: 20px;
  color: #2f3438;
}
.main-banner .nav-item .nav-link, .main-banner .nav-item .nav-value, .main-more-banner .nav-item .nav-link, .main-more-banner .nav-item .nav-value {
  font-weight: 400;
}
.main-banner .nav-item:hover, .main-banner .nav-item.selected, .main-more-banner .nav-item:hover, .main-more-banner .nav-item.selected {
  border-bottom: 1px solid #0d4fa3;
}
.main-banner .nav-item:hover .nav-link, .main-banner .nav-item:hover .nav-value, .main-banner .nav-item.selected .nav-link, .main-banner .nav-item.selected .nav-value, .main-more-banner .nav-item:hover .nav-link, .main-more-banner .nav-item:hover .nav-value, .main-more-banner .nav-item.selected .nav-link, .main-more-banner .nav-item.selected .nav-value {
  color: #0d4fa3;
  font-weight: 500;
}
.main-banner .nav-value, .main-more-banner .nav-value {
  margin: 4px 0;
}
.main-banner .near, .main-more-banner .near {
  cursor: default;
  padding: 5px 0;
}
.main-banner.mgmt .nav-item, .main-more-banner.mgmt .nav-item {
  font-weight: 400;
}
.main-editor {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 21;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dbdbdb;
}
.main-editor > .title {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
}
.main-editor .btn {
  width: 120px;
}
.main-footer {
  max-width: 1252px;
  margin: 0 auto;
  margin-top: 168px;
}
.main-footer .info {
  padding: 30px 60px 20px 60px;
  background-color: #f8f8f8;
}
.main-footer .info .title {
  font-size: 14px;
  line-height: 26px;
  font-weight: 700;
  color: #000000;
}
.main-footer .info .desc {
  color: #545454;
}
.main-footer .info .desc div, .main-footer .info .desc span, .main-footer .info .desc b {
  font-size: 14px;
  line-height: 26px;
}
.main-footer .info .desc span, .main-footer .info .desc b {
  color: #545454;
}
.main-footer .info .btn {
  width: fit-content;
}
.main-footer .detail {
  padding: 30px;
  font-size: 12px;
  line-height: 26px;
  color: #767676;
}
.main-footer .detail .item div {
  margin-right: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 26px;
}
.main-footer .footer-line {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 28px;
  background-color: #0d4fa3;
  padding: 20px;
}
.main-footer .footer-line .footer-item {
  color: #ffffff;
}

.mypage-header .nav-bar {
  height: 60px;
  border-bottom: 1px solid #e7e7e7;
}
.mypage-header .nav-item {
  height: 100%;
  margin: 0 15px;
  padding: 0 10px;
  font-weight: 700;
  color: #000000;
  font-size: 15px;
}
.mypage-header .nav-item.fs-18 {
  font-size: 18px;
}
.mypage-header .nav-item.active {
  color: #0d4fa3;
  border-bottom: 1px solid #0d4fa3;
}
.mypage-header .nav-item.active.bb {
  border-bottom: 1px solid #0d4fa3;
}

.ico {
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
}
img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 1px solid #0d4fa3;
  border-radius: 4px !important;
  background-color: #ffffff;
  color: #0d4fa3;
  font-weight: 500;
}
.btn:hover {
  border: 1px solid #0d4fa3;
  color: #0d4fa3;
  background-color: inherit !important; /* 배경색 기본값 유지 */
  text-decoration: none !important; /* 텍스트 밑줄 제거 */
  box-shadow: none !important; /* 그림자 제거 */
}
.btn.primary {
  background-color: #0d4fa3;
  color: #ffffff;
}
.btn.primary:hover {
  background-color: #0d4fa3 !important;
  color: #ffffff;
  text-decoration: none !important; /* 텍스트 밑줄 제거 */
  box-shadow: none !important; /* 그림자 제거 */
}
.btn.secondary {
  background-color: #f7f8fa;
  border: 1px solid #dadce0;
  color: #c2c8cc;
}
.btn.secondary:hover {
  background-color: #f7f8fa !important;
  border: 1px solid #dadce0;
  color: #c2c8cc;
  text-decoration: none !important; /* 텍스트 밑줄 제거 */
  box-shadow: none !important; /* 그림자 제거 */
}
.btn.tertiary {
  background-color: #ff6868 !important;
  border: 1px solid #ff6868 !important;
  color: #FFFFFF !important;
}
.btn.dialog {
  width: 100px;
  padding: 10px 16px;
}
.btn.none {
  border: none;
  color: #828c94;
}

.post-container {
  width: 100%;
  border: 1px solid #dadde0;
  border-radius: 4px;
}
.post-container .title-box {
  padding: 30px;
}
.post-container .title-box > .title {
  font-weight: 700;
  font-size: 16px;
  color: #000000;
  line-height: normal;
}
.post-container .tag-box {
  padding: 30px;
}
.post-container .tag-box.pd-15px {
  padding-top: 15px;
}
.post-container .select-box .form-select {
  width: 170px;
  padding: 10px 16px;
}
.post-container .input-box input {
  padding: 10px 16px;
}
.post-container .input-box input::placeholder {
  color: #c2c8cc;
}
.post-container .input-box input[type=date] {
  color: #6c757d;
}
.post-container .poll-box {
  padding: 30px;
  padding-top: 15px;
}
.post-container .poll-box .poll-item .form-check {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  padding: 0;
  min-height: 0;
  border: 1px solid #c2c8cc;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
}
.post-container .poll-box .poll-item .form-check:checked {
  background-color: #0d4fa3;
  border: none;
}
.post-container .poll-box .poll-item .form-check:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.post-container .desc-box {
  padding: 15px 30px 30px 45px;
  list-style: outside;
}
.post-container .desc-box li {
  padding-left: 2px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #424242;
}
.post-container .desc-box li:last-child {
  margin-bottom: 0;
}

.tag-list:after {
  content: "";
  display: block;
  clear: both;
}
.tag-list > .tag {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 8px;
  padding: 16px 20px;
  background-color: #f7f9fa;
  font-size: 14px;
  color: #2f3438;
  float: left;
  margin: 0 16px 8px 0;
}
.tag-list > .tag.active {
  background-color: #0d4fa3;
  color: #FFFFFF;
}
.tag-list > .tag.mg-20px {
  margin: 0 20px 8px 0;
}
.tag-list > .tag .ico {
  position: absolute;
  cursor: pointer;
}

.toolbar-wrapper {
  flex: 1;
}

.toastui-editor-defaultUI {
  border: none;
}
.toastui-editor-defaultUI-toolbar {
  background-color: #ffffff;
  padding: 0;
  justify-content: center;
  border-bottom: none;
}
.toastui-editor-defaultUI .ProseMirror {
  padding: 0 3px;
  font-size: 15px;
  font-weight: 500;
}
.toastui-editor-defaultUI .ProseMirror .ProseMirror-widget {
  cursor: text;
}
.toastui-editor-contents img {
  width: auto;
}

.badge-box {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}
.badge-box .badge-text {
  font-size: 16px;
  line-height: 28px;
  color: #c2c8cc;
}
.badge-box .badge-text.primary {
  color: #0d4fa3;
  font-weight: 700;
}

.item-container {
  position: relative;
}
.item-container .item {
  background-color: #d9d9d9;
}
.item-container .tag {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 10px;
  background-color: #0d4fa3;
  color: #ffffff;
  font-size: 12px;
  border-radius: 2px;
  border: none;
}
.item-container .desc {
  color: #2f3438;
  line-height: 20px;
}
.item-container .brand {
  font-size: 11px;
  color: #757575;
}
.item-container .title-sm {
  font-size: 13px;
  line-height: 17px;
  color: #000000;
}
.item-container .discount {
  font-size: 16px;
  font-weight: 700;
  color: #0d4fa3;
}
.item-container .price {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}
.item-container .icon {
  width: 12px;
  height: 12px;
  transform: translateY(-2px);
}
.item-container .rating {
  font-size: 12px;
  color: #595959;
}
.item-container .review {
  font-size: 12px;
  color: #9e9e9e;
}
.item-container .badge {
  background-color: #ff7777;
  color: #ffffff;
  border-radius: 2px;
  border: none;
  padding: 5px;
}

.slide-box .arrow-right {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translate(50%, -50%);
}
.slide-box .arrow-left {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.slide-item-box {
  position: relative;
}
.slide-item-box .item {
  background-color: #d9d9d9;
}
.slide-item-box .item .board {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  padding: 6px 10px;
  width: 85%;
  background-color: rgba(45, 148, 70, 0.85);
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  border-radius: 2px;
}
.slide-item-box .item .board.poll-end {
  background-color: rgba(130, 140, 148, 0.85);
}
.slide-item-box .tags .tag {
  font-size: 11px;
  color: #0d4fa3;
}
.slide-item-box .desc {
  color: #2f3438;
  line-height: 20px;
}
.slide-item-box .brand {
  font-size: 11px;
  color: #757575;
}
.slide-item-box .title-sm {
  font-size: 13px;
  line-height: 17px;
  color: #000000;
}
.slide-item-box .discount {
  font-size: 16px;
  font-weight: 700;
  color: #0d4fa3;
}
.slide-item-box .price {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}
.slide-item-box .icon {
  width: 12px;
  height: 12px;
  transform: translateY(-2px);
}
.slide-item-box .rating {
  font-size: 12px;
  color: #595959;
}
.slide-item-box .review {
  font-size: 12px;
  color: #9e9e9e;
}
.slide-item-box .badge {
  background-color: #ff7777;
  color: #ffffff;
  border-radius: 2px;
  border: none;
  padding: 5px;
}

.more {
  top: 24px;
  right: 0;
  position: absolute;
  border: 1px solid #dadde0;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 2;
  background-color: #ffffff;
}
.more .item {
  padding: 0 8px;
  margin: 8px;
  font-size: 12px;
  color: #000000;
}

.j-table {
  width: 100%;
}
.j-table .th {
  background-color: #f3f3f3;
  font-weight: 700;
  text-wrap-mode: nowrap;
}
.j-table th {
  background-color: #f3f3f3;
  font-weight: 700;
  text-align: center;
  text-wrap-mode: nowrap;
}
.j-table tr {
  background-color: #ffffff;
}
.j-table tr.inactive {
  background-color: #c7c7c7;
}
.j-table th, .j-table td {
  font-size: 14px;
  line-height: 130%;
  color: #000000;
  padding: 1rem 0.5rem;
  border-bottom: 1px solid #b9b9b9;
}
.j-table th div, .j-table td div {
  font-size: 14px;
}
.j-table th span, .j-table td span {
  font-size: 12px;
}
.j-table .btn, .j-table .button {
  padding: 0.3rem 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 500;
  cursor: pointer;
}
.j-table .btn.neg, .j-table .button.neg {
  border: 1px solid #F77;
  color: #F77;
}
.j-table .btn a, .j-table .button a {
  font-size: 12px !important;
}

.star-list {
  display: flex;
  align-items: center;
  gap: 2px;
}
.star-list .star {
  position: relative;
  width: 24px;
  height: 24px;
  background-color: lightgray;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star-list .star.s20 {
  width: 20px;
  height: 20px;
}
.star-list .star.s60 {
  width: 60px;
  height: 60px;
}
.star-list .star::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #0d4fa3;
  width: 0;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.modal-darker {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.1);
}
.modal-darker .dialog {
  max-width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -75%);
  background-color: #ffffff;
  padding: 40px;
  border-radius: 4px;
}
.modal-darker .dialog .title {
  color: #333;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
.modal-darker .dialog .score-dialog-container {
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
}
.modal-darker .dialog .score-dialog-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #C7C7C7;
  background: #FFF;
  padding: 24px 36px;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.modal-darker .dialog .score-dialog-item.active {
  background-color: #C7C7C7;
  color: #ffffff;
}
.modal-darker .dialog .score-dialog-item.passed {
  border: 1px solid #3164B5;
  color: #3164B5;
}
.modal-darker .dialog .score-dialog-item.passed.active {
  background-color: #3164B5;
  color: #ffffff;
}

.editor-wrapper > .title-box {
  padding: 15px 0;
  border-bottom: 1px solid #eaebef;
}
.editor-wrapper > .title-box .title {
  font-size: 34px;
  font-weight: 500;
  border: none;
}
.editor-wrapper > .title-box .title::placeholder {
  color: #cccccc;
}
.editor-wrapper > .title-box .cnt {
  color: #767676;
  font-size: 15px;
  font-weight: 500;
}

.item-categories {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1392px;
  margin: 0 auto;
  gap: 24px 48px;
}
.item-categories.col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.item-categories .category .img-container {
  width: 68px;
  margin: 0 auto;
  border-radius: 24px;
  overflow: hidden;
}
.item-categories .category .name {
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  text-align: center;
}

.fleamarket-item .image-container {
  border-radius: 5px;
  overflow: hidden;
}
.fleamarket-item .fleamarket-name {
  font-size: 14px;
  font-weight: 500;
  color: #2F3438;
}
.fleamarket-item .desc {
  font-size: 13px;
  line-height: 17px;
  color: #000000;
}
.fleamarket-item .desc span {
  line-height: 17px;
  font-size: 13px;
  font-weight: 500;
}
.fleamarket-item .tag {
  width: fit-content;
  padding: 5px 6px;
  border-radius: 2px;
  background-color: #ed3e78;
  color: #ffffff;
  font-size: 10px;
}
.fleamarket-tag {
  width: fit-content;
  padding: 5px 6px;
  border-radius: 2px;
  background-color: #ed3e78;
  color: #ffffff;
  font-size: 10px;
}

.slick-slide {
  margin: 0 10px; /* 각 슬라이드 아이템에 좌우 여백 추가 */
}
.slick-list {
  margin: 0 -10px; /* 슬라이더 전체의 좌우 여백 제거 */
}
.slick-list .item-box {
  margin-bottom: 10px;
}

.verify-container {
  background-color: #f7f9fa;
  padding: 20px 16px;
}
.verify-container label {
  font-size: 14px;
  color: #000000;
}
.verify-container #verifyTimer {
  position: absolute;
  right: 67px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #ff7777;
}
.verify-container #verifyButton {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background-color: #ffffff;
  font-size: 14px;
  color: #0d4fa3;
}
.verify-container #verifyButton.disabled {
  color: #DBDBDB;
  cursor: default;
}
.verify-container .desc {
  font-size: 12px;
  color: #767676;
}
.verify-container .desc span, .verify-container .desc button {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}

.dialog-modal {
  z-index: 2;
  width: 98%;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  border-radius: 4px;
  padding: 30px 30px 40px 30px;
}
.dialog-modal .title {
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
  color: #000000;
  text-align: center;
}
.dialog-modal .cancel {
  position: absolute;
  top: 24px;
  right: 24px;
}
.dialog-modal .list-item {
  font-size: 15px;
  line-height: 15px;
  color: #000000;
}

.banner-container {
  display: flex;
  justify-content: space-between;
  height: 500px;
  max-width: 1132px;
  margin: 0 auto;
}
.banner-container .banner-img {
  background-color: #d9d9d9;
  box-sizing: border-box;
}
.banner-container .banner-img:after {
  width: calc(100% - 10px);
}
.banner-container2 {
  max-width: none;
}
.banner-container2 .banner-title-container {
  width: 100%;
  max-width: 1200px;
  height: 50px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  border: 1px solid #dadde0;
  border-radius: 25px;
}
.banner-container2 .banner-title-list {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-container2 .banner-title-item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #2F3438;
  padding: 0 16px;
  cursor: pointer;
}
.banner-container2 .banner-title-item.selected {
  font-weight: 500;
  color: #0d4fa3;
  border-bottom: 1px solid #0d4fa3;
}
.banner-container2 .banner-title-item:hover {
  color: #0d4fa3;
  border-bottom: 1px solid #0d4fa3;
}
.banner-container2 .banner-img {
  background-color: #d9d9d9;
  box-sizing: border-box;
}
.banner-container2 .banner-img:after {
  width: calc(100% - 10px);
}
.coupon-container {
  padding: 25px 0;
}
.coupon-container .container-title {
  padding: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #000000;
}
.coupon-container .line {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #dadde0;
}
.coupon-container .coupon-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 30px;
  background-color: #c0f0cc;
  border-radius: 4px;
  cursor: pointer;
}
.coupon-container .coupon-content .coupon-left .coupon-title {
  font-weight: 700;
  color: #000000;
}
.coupon-container .coupon-content .coupon-left .coupon-value {
  font-weight: 700;
  font-size: 24px;
  color: #000000;
}
.coupon-container .coupon-content .coupon-left .coupon-mincost {
  font-size: 13px;
  font-weight: 300;
  color: #424242;
}
.coupon-container .coupon-content .coupon-right .coupon-img {
  width: 130px;
  height: 100px;
}

.report-modal .report-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 16px;
}
.report-modal .report-item > input {
  width: 18px;
  height: 18px;
}
.report-modal .report-item > div {
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.pagination {
  justify-content: center;
  gap: 10px;
}
.pagination .page-list {
  display: flex;
  gap: 10px;
}
.pagination #prevBtn img, .pagination #nextBtn img {
  width: 50%;
  height: 50%;
  object-fit: contain;
}
.pagination #prevBtn:disabled, .pagination #nextBtn:disabled {
  background-color: #eaebef;
}
.pagination button {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #EAEDEF;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 20px;
}
.pagination button.active {
  background-color: #0d4fa3;
  color: #FFFFFF;
}

.item-box {
  position: relative;
}
.item-box .item {
  background-color: #d9d9d9;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.05);
}
.item-box .tag {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 10px;
  background-color: #0d4fa3;
  color: #ffffff;
  font-size: 12px;
  border-radius: 2px;
  border: none;
}
.item-box .desc {
  color: #2f3438;
  line-height: 20px;
}
.item-box .brand {
  font-size: 13px;
  line-height: 15px;
  color: #757575;
}
.item-box .title-sm {
  font-size: 16px;
  line-height: 18px;
  color: #000000;
}
.item-box .discount {
  font-size: 16px;
  font-weight: 700;
  color: #0d4fa3;
}
.item-box .price {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}
.item-box .icon {
  width: 12px;
  height: 12px;
  transform: translateY(-2px);
}
.item-box .rating {
  font-size: 12px;
  color: #595959;
}
.item-box .review {
  font-size: 12px;
  color: #9e9e9e;
}
.item-box .badge {
  background-color: #ff7777;
  color: #ffffff;
  border-radius: 2px;
  border: none;
  padding: 5px;
}
.item-box .badge.soldout {
  background-color: #ed3e78;
}
.item-box .badge.novalue {
  background-color: #ffffff !important;
}

.input-label--container {
  width: 100%;
}
.input-label--container input {
  width: 100%;
  height: 58px;
  outline: none;
  padding: 26px 16px 10px 16px !important;
  border-radius: 4px;
  transition: border-color 0.2s;
}
.input-label--container input:focus {
  border-color: #0d4fa3;
}
.input-label--container label {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  font-size: 0.85rem !important;
  color: #767676;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  z-index: 2;
}
.input-label--container label span {
  font-size: 0.85rem !important;
}
.input-label--container.focus label {
  font-size: 0.7rem !important;
  top: 12px;
  color: #0d4fa3 !important;
}
.input-label--container.focus label span {
  font-size: 0.7rem;
}
.input-label--container.fill label {
  font-size: 0.7rem !important;
  top: 12px;
}
.input-label--container.fill label span {
  font-size: 0.7rem !important;
}

.tab-container .item {
  padding: 8px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #767676;
  border: 1px solid #767676;
  border-radius: 4px;
}
.tab-container .item.active {
  color: #0d4fa3;
  border: 1.5px solid #0d4fa3;
  font-weight: 500;
}

.board-container {
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 4px #dbdbdb;
}
.board-container .h {
  font-weight: 500;
}

.share-box {
  z-index: 30;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding: 30px;
  transform: translateY(calc(-100% - 20px));
}
.share-box .share-title {
  font-size: 18px;
  font-weight: 700;
}
.share-box .share-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.share-box .share-list .social-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.share-box .share-list .social-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #828c94;
  overflow: hidden;
}
.share-box .share-list .social-label {
  font-size: 13px;
}
.share-box .form-control {
  min-width: 200px;
}
.share-box label {
  cursor: pointer;
  font-weight: 500;
}

.check-container input {
  margin: 0;
}
.check-container label {
  font-size: 15px;
  line-height: 21px;
  color: #424242;
}
.check-container .del {
  font-size: 12px;
  line-height: 21px;
  color: #424242;
}

.form-check-input {
  margin: 0;
}
.form-check-input:checked {
  background-color: #0d4fa3;
  border-color: #0d4fa3;
}

.image-cards-container {
  margin-top: 4vh;
  display: flex;
  gap: 20px;
  align-items: center;
}
.image-cards-box {
  flex: 1;
  cursor: pointer;
}

.mgmt--dashboard {
  padding: 20px 30px;
  border: 1px solid #DADCE0;
  border-radius: 4px;
}
.mgmt--dashboard .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #2F3438;
}
.mgmt--dashboard .search-box .form {
  padding: 12px 16px;
  border: 1px solid #dadde0;
  border-radius: 4px;
}
.mgmt--dashboard .search-box .form ::placeholder {
  color: #c2c8cc;
  opacity: 1;
}
.mgmt--dashboard .btn {
  width: 120px;
  text-align: center;
  white-space: nowrap;
}

.a-button {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}
.a-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#tournament-tree .node {
  cursor: pointer;
  z-index: 1;
}
#tournament-tree .node text {
  text-anchor: middle;
}
#tournament-tree .node text .name {
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
}
#tournament-tree .node text .name.winner {
  font-size: 18px;
}
#tournament-tree .node text .school {
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}
#tournament-tree .node text .school.winner {
  font-size: 14px;
}
#tournament-tree .node text.active .name {
  fill: #ffffff;
}
#tournament-tree .node text.active .school {
  fill: #ffffff;
}
#tournament-tree .link {
  fill: none;
  stroke: #000;
  stroke-width: 1px;
  transition: stroke-width 0.3s;
}
#tournament-tree .node-rect {
  fill: #EAEAEA;
  stroke: #EAEAEA;
  stroke-width: 2px;
}
#tournament-tree .node-rect.active {
  fill: #0D4FA3;
  stroke: #0D4FA3;
}
#tournament-tree .node-rect.final-node {
  fill: #f77;
  stroke: #f77;
}

#editor .placeholder {
  background-color: #ffffff !important;
}

.match-container .flex-container {
  display: flex;
}
.match-container .flex-container > :first-child, .match-container .flex-container > :last-child {
  flex: 1.1;
  flex-basis: 0;
}
.match-container .flex-container > :nth-child(2) {
  flex: 1;
  flex-basis: 0;
}
.match-container .player-pane {
  padding-top: 22.75%;
}
.match-container .player-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.match-container .player-frame.red {
  border: 1px solid #f00;
  background: #F00;
}
.match-container .player-frame.blue {
  border: 1px solid #0D4FA3;
  background: #0D4FA3;
}
.match-container .player-card {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.match-container .player-score {
  color: #FFF;
  font-size: 60px;
  font-weight: 700;
}
.match-container .player-result {
  display: flex;
  width: 100px;
  height: 100px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #000;
  background: #FFF;
  color: #000;
  font-size: 40px;
  font-weight: 700;
}
.match-container .vs-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.match-container .vs-container .desc {
  color: #000;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
}
.match-container .score-btn {
  display: flex;
  width: 50px;
  height: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #04387B;
  color: #fff;
  font-weight: 700;
  font-size: 32px;
}
.match-container .score-btn.red {
  background: #a10000;
}
.match-container .result-btn {
  padding: 10px 12px;
  margin: 0 10px;
  border: 1px solid #000;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.match-container .result-btn.active {
  background: #4CAF50;
  border-color: #4CAF50;
  color: white;
}
.match-container .result-btn.active.student {
  background: #0d4fa3;
  border-color: #0d4fa3;
}
.match-container .result-btn.active.versus {
  background: #ff0000;
  border-color: #ff0000;
}
.match-container .input-container {
  display: flex;
  padding: 12px 0;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: 1px solid #DBDBDB;
  background: #F3F3F3;
}
.match-container .input-container label {
  margin-left: 10px;
  color: #000;
  font-size: 18px;
  text-wrap: nowrap;
}
.match-container .input-container input {
  margin-right: 10px;
  border-radius: 4px;
  border: 1px solid #DBDBDB;
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.match-container .round-item {
  display: flex;
  padding: 14px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid #0D4FA3;
  background: #FFF;
}
.match-container .round-item.active {
  border: 2px solid #1A5CB0;
}
.match-container .round-item > input {
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.match-container .round-item > label {
  color: #0D4FA3;
  font-weight: 700;
}

#not-selected-msg {
  display: flex;
  padding: 100px 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 50px;
  border-radius: 8px 8px 0 0;
  background: #FCFCFC;
  color: #979797;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.desc-msg-sm {
  font-weight: 500;
  color: #6B7280;
  font-size: 0.875rem;
}

aside {
  position: fixed;
  top: 0;
  left: 0;
  width: 320px;
  height: 100vh;
  background-color: #003b71;
  color: white;
  padding: 0 16px;
  overflow-y: auto;
  z-index: 1000;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}
aside.active {
  transform: translateX(0);
}
aside .aside-container {
  padding: 20px 0 20px 44px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
aside .aside-title {
  font-size: 18px;
  font-weight: 900;
}
aside .aside-item {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
}
aside hr {
  margin-top: 14px;
  background-color: #ffffff;
  height: 2px;
}

nav[aria-label=breadcrumb], nav[aria-label=ops-nav] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
nav[aria-label=breadcrumb] .nav-item, nav[aria-label=ops-nav] .nav-item {
  flex: 1;
  font-size: 18px;
  padding: 20px 10px;
  color: #333;
  font-weight: 500;
  text-align: center;
}
nav[aria-label=breadcrumb] .nav-item.active, nav[aria-label=ops-nav] .nav-item.active {
  font-weight: 700;
  color: #0d4fa3;
  border-bottom: 2px solid #0d4fa3;
}
nav[aria-label=sub-menu], nav[aria-label=ops-sub-menu] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
nav[aria-label=sub-menu] a, nav[aria-label=ops-sub-menu] a {
  margin-top: 16px;
  background-color: #ffffff;
  border: 1px solid #dadde1;
  border-radius: 8px;
  flex: 1;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  color: #333;
}
nav[aria-label=sub-menu] a.active, nav[aria-label=ops-sub-menu] a.active {
  font-weight: 700;
  border: 1px solid #0d4fa3;
}
nav[aria-label=page-title] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  border-radius: 8px 8px 0 0;
  background-color: #f8f9fb;
}
nav[aria-label=ops-nav] {
  justify-content: space-around;
}
nav[aria-label=ops-nav] .nav-item {
  flex: none;
}

.competition-status {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
}
.competition-status.INA {
  background-color: #ff0000;
}
.competition-status.APP {
  background-color: #69C997;
}
.competition-status.CLOSED {
  background-color: rgba(33, 150, 243, 0.4901960784);
}
.competition-status.OPP {
  background-color: #2196F3;
}
.competition-status.END {
  background-color: #828C94;
}
.competition-status.ACT {
  background-color: #FF6868;
}

/*# sourceMappingURL=core.tablet.css.map */