/* layout */
.w-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* display */
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.inline-table {
  display: inline-table;
}
.table-cell {
  display: table-cell;
}
.table-column {
  display: table-column;
}
.table-column-group {
  display: table-column-group;
}
.table-footer-group {
  display: table-footer-group;
}
.table-header-group {
  display: table-header-group;
}
.table-row-group {
  display: table-row-group;
}
.table-row {
  display: table-row;
}
.display-none {
  display: none;
}

/* position */
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}

/* overflow */
.overflow-hidden {
  overflow: hidden;
}

/* visibility */
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

/* size */
.size-auto {
  width: auto;
  height: auto;
}
.min-w-auto {
  min-width: auto;
}
.min-w-full {
  min-width: 100%;
}
.min-h-auto {
  min-height: auto;
}
.min-h-full {
  min-height: 100%;
}
.max-w-auto {
  max-width: auto;
}
.max-w-full {
  max-width: 100%;
}
.max-h-auto {
  max-height: auto;
}
.max-h-full {
  max-height: 100%;
}
.max-h-content {
  max-height: fit-content;
}
.size-full {
  width: 100%;
  height: 100%;
}

/* width */
.w-full {
  width: 100%;
}
.w-auto {
  width: auto;
}
.w-0 {
  width: 0;
}
.w-10 {
  width: 10px;
}
.w-12 {
  width: 12px;
}
.w-14 {
  width: 14px;
}
.w-16 {
  width: 16px;
}
.w-20 {
  width: 20px;
}
.w-24 {
  width: 24px;
}
.w-30 {
  width: 30px;
}
.w-100 {
  width: 100px;
}
.w-240 {
  width: 240px;
}
.w-per25 {
  width: 25%;
}
.w-per50 {
  width: 50%;
}
.w-per33 {
  width: 33.3%;
}

/* height */
.h-full {
  height: 100%;
}
.h-auto {
  height: auto;
}
.h-0 {
  height: 0;
}
.h-10 {
  height: 10px;
}
.h-12 {
  height: 12px;
}
.h-14 {
  height: 14px;
}
.h-16 {
  height: 16px;
}
.h-20 {
  height: 20px;
}
.h-24 {
  height: 24px;
}
.h-30 {
  height: 30px;
}
.h-40 {
  height: 40px;;
}
.h-60 {
  height: 60px;
}
.h-100 {
  height: 100px;
}
.h-400 {
  height: 400px;
}
.h-800 {
  height: 800px;
}
.h-per25 {
  height: 25%;
}
.h-per50 {
  height: 50%;
}
.h-per33 {
  height: 33.3%;
}

/* padding */
.p-8 {
  padding: 8px;
}
.p-10 {
  padding: 10px;
}
.p-12 {
  padding: 12px;
}
.p-14 {
  padding: 14px;
}
.p-20 {
  padding: 20px;
}
.p-24 {
  padding: 24px;
}
.p-30 {
  padding: 30px;
}
.p-100 {
  padding: 100px;
}

/* padding-top */
.pt-8 {
  padding-top: 8px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-12 {
  padding-top: 12px;
}
.pt-14 {
  padding-top: 14px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-24 {
  padding-top: 24px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-100 {
  padding-top: 100px;
}

/* padding-bottom */
.pb-8 {
  padding-bottom: 8px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-12 {
  padding-bottom: 12px;
}
.pb-14 {
  padding-bottom: 14px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-24 {
  padding-bottom: 24px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pb-200 {
  padding-bottom: 200px;
}
.pb-250 {
  padding-bottom: 250px;
}

/* padding-right */
.pr-8 {
  padding-right: 8px;
}
.pr-10 {
  padding-right: 10px;
}
.pr-12 {
  padding-right: 12px;
}
.pr-14 {
  padding-right: 14px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-24 {
  padding-right: 24px;
}
.pr-30 {
  padding-right: 30px;
}
.pr-100 {
  padding-right: 100px;
}

/* padding-left */
.pl-8 {
  padding-left: 8px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-12 {
  padding-left: 12px;
}
.pl-14 {
  padding-left: 14px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-24 {
  padding-left: 24px;
}
.pl-30 {
  padding-left: 30px;
}
.pl-80 {
  padding-left: 80px;
}
.pl-100 {
  padding-left: 100px;
}
.pl-130 {
  padding-left: 130px;
}
.pr-150 {
  padding-right: 150px;
}

/* padding-y */
.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-14 {
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.py-300 {
  padding-top: 300px;
  padding-bottom: 300px;
}

/* padding-x */
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.px-12 {
  padding-left: 12px;
  padding-right: 12px;
}
.px-14 {
  padding-left: 14px;
  padding-right: 14px;
}
.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}
.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

/* margin */
.m-8 {
  margin: 8px;
}
.m-10 {
  margin: 10px;
}
.m-12 {
  margin: 12px;
}
.m-14 {
  margin: 14px;
}
.m-20 {
  margin: 20px;
}
.m-24 {
  margin: 24px;
}
.m-30 {
  margin: 30px;
}
.m-40 {
  margin: 40px;
}
.m-100 {
  margin: 100px;
}

/* margin-top */
.mt-8 {
  margin-top: 8px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-170 {
  margin-top: 170px;
}

/* margin-bottom */
.mb-4 {
  margin-bottom: 4px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-24 {
  margin-bottom: 24px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-90 {
  margin-bottom: 90px;
}
.mb-100 {
  margin-bottom: 100px;
}
.mb-150 {
  margin-bottom: 150px;
}
.mb-180 {
  margin-bottom: 180px;
}
.mb-200 {
  margin-bottom: 200px;
}
.mb-230 {
  margin-bottom: 230px;
}

/* margin-right */
.mr-0 {
  margin-right: 0;
}
.mr-8 {
  margin-right: 8px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-12 {
  margin-right: 12px;
}
.mr-14 {
  margin-right: 14px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-24 {
  margin-right: 24px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-100 {
  margin-right: 100px;
}

/* margin-left */
.ml-8 {
  margin-left: 8px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-12 {
  margin-left: 12px;
}
.ml-14 {
  margin-left: 14px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-24 {
  margin-left: 24px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-100 {
  margin-left: 100px;
}

/* margin-y */
.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.my-14 {
  margin-top: 14px;
  margin-bottom: 14px;
}
.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

/* margin-x */
.mx-auto {
  margin-inline: auto;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}
.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mx-12 {
  margin-left: 12px;
  margin-right: 12px;
}
.mx-14 {
  margin-left: 14px;
  margin-right: 14px;
}
.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}
.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

/* font-size */
.text-12 {
  font-size: 12px;
}
.text-14 {
  font-size: 14px;
}
.text-16 {
  font-size: 16px;
}
.text-18 {
  font-size: 18px;
}
.text-20 {
  font-size: 20px;
}
.text-24 {
  font-size: 24px;
}
.text-25 {
  font-size: 25px;
}
.text-28 {
  font-size: 28px;
}
.text-30 {
  font-size: 30px;
}
.text-32 {
  font-size: 32px;
}
.text-35 {
  font-size: 35px;
}
.text-50 {
  font-size: 50px;
}
.text-75 {
  font-size: 75px;
}
.text-100 {
  font-size: 100px;
}

/* font-weight */
.font-thin {
  font-weight: 100;
}
.font-extralight {
  font-weight: 200;
}
.font-light {
  font-weight: 300;
}
.font-normal {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-black {
  font-weight: 900;
}

/* text-align */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}

/* border */
.border {
  border-width: 1px;
}
.border-x {
  border-inline-width: 1px;
}
.border-y {
  border-block-width: 1px;
}
.border-t {
  border-top-width: 1px;
  border-top-style: solid;
}
.border-b {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.border-l {
  border-left-width: 1px;
  border-left-style: solid;
}
.border-r {
  border-right-width: 1px;
  border-right-style: solid;
}

/* object-fit */
.object-contain {
  object-fit: contain;
}
.object-center {
  object-position: center;
}
.object-cover {
  object-fit: cover;
}
.object-fill {
  object-fit: fill;
}

/* flex-direction */
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}

/* flex-wrap */
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

/* justify-content */
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-end-safe {
  justify-content: safe flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-center-safe {
  justify-content: safe center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-stretch {
  justify-content: stretch;
}
.justify-baseline {
  justify-content: baseline;
}
.justify-normal {
  justify-content: normal;
}

/* justify-items */
.justify-items-start {
  justify-items: start;
}
.justify-items-end {
  justify-items: end;
}
.justify-items-end-safe {
  justify-items: safe end;
}
.justify-items-center {
  justify-items: center;
}
.justify-items-stretch {
  justify-items: stretch;
}
.justify-items-normal {
  justify-items: normal;
}

/* align-items */
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}

/* gap */
.gap-4 {
  gap: 4px;
}
.gap-6 {
  gap: 6px;
}
.gap-10 {
  gap: 10px;
}
.gap-20 {
  gap: 20px;
}
.gap-30 {
  gap: 30px;
}
.gap-40 {
  gap: 40px;
}
.gap-50 {
  gap: 50px;
}
.gap-60 {
  gap: 60px;
}
.gap-70 {
  gap: 70px;
}
.gap-80 {
  gap: 80px;
}
.gap-90 {
  gap: 90px;
}
.gap-100 {
  gap: 100px;
}

/* background */
.bg-top-left {
  background-position: top left;
}
.bg-top {
  background-position: top;
}
.bg-top-right {
  background-position: top right;
}
.bg-top-center {
  background-position: top center;
}
.bg-left {
  background-position: left;
}
.bg-center {
  background-position: center;
}
.bg-right {
  background-position: right;
}
.bg-bottom-left {
  background-position: bottom left;
}
.bg-bottom {
  background-position: bottom;
}
.bg-bottom-right {
  background-position: bottom right;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-auto {
  background-size: auto;
}
.bg-cover {
  background-size: cover;
}
.bg-contain {
  background-size: contain;
}
.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* word-break */
.break-keep {
  word-break: keep-all;
}

/* cursor */
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}

/* line-height */
.line-24 {
  line-height: 24px;
}

/* text-color */
.text-black {
  color: #000;
}
.text-white {
  color: #fff;
}
.text-blue {
  color: #3261a9;
}
.text-gray-333 {
  color: #333;
}
.text-gray-41 {
  color: #414141;
}
.text-gray-666 {
  color: #666;
}
.text-gray-999 {
  color: #999;
}
.text-red {
  color: #E60019;
}
.text-yellow {
  color: #fcca35;
}
.text-mint {
  color: #5ceac2;
}
.text-light-mint {
  color: #c5f9e9;
}
.text-gradient {
  background-image: linear-gradient(147deg, #3360a9 0%, #4279B0 60%, #58ddc0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* a link */
.visited-white:visited {
  color: #fff;
}

/* background-color */
.bg-black {
  background-color: #000;
}
.bg-white {
  background-color: #fff;
}
.bg-gray {
  background-color: #f7f7f7;
}
.bg-blue {
  background-color: #3261a9;
}
.bg-gradient {
  background: linear-gradient(147deg,#3360a9 0%,#4279B0 60%,#58ddc0 100%);
}

/* border-color */
.border-gray {
  border-color: #ccc;
}

@media screen and (max-width: 1280px) {
  .w-inner {
    padding: 0 20px;
  }
  .xl-p-0 {
    padding: 0;
  }
  .xl-pl-80 {
    padding-left: 80px;
  }

  /* font-size */
  .xl-text-30 {
    font-size: 30px;
  }
  .xl-text-40 {
    font-size: 40px;
  }
}


@media screen and (max-width: 1024px) {
  /* height */
  .lg-h-auto {
    height: auto !important;
  }
  .lg-h-400 {
    height: 400px;
  }
  .lg-h-800 {
    height: 800px;
  }

  /* padding-top */
  .lg-pt-0 {
    padding-top: 0;
  }
  .lg-pt-8 {
    padding-top: 8px;
  }
  .lg-pt-10 {
    padding-top: 10px;
  }
  .lg-pt-12 {
    padding-top: 12px;
  }
  .lg-pt-14 {
    padding-top: 14px;
  }
  .lg-pt-20 {
    padding-top: 20px;
  }
  .lg-pt-24 {
    padding-top: 24px;
  }
  .lg-pt-30 {
    padding-top: 30px;
  }
  .lg-pt-80 {
    padding-top: 80px;
  }
  .lg-pt-100 {
    padding-top: 100px;
  }
  

  /* padding-bottom */
  .lg-pb-0 {
    padding-bottom: 0;
  }
  .lg-pb-8 {
    padding-bottom: 8px;
  }
  .lg-pb-10 {
    padding-bottom: 10px;
  }
  .lg-pb-12 {
    padding-bottom: 12px;
  }
  .lg-pb-14 {
    padding-bottom: 14px;
  }
  .lg-pb-20 {
    padding-bottom: 20px;
  }
  .lg-pb-24 {
    padding-bottom: 24px;
  }
  .lg-pb-30 {
    padding-bottom: 30px;
  }
  .lg-pb-80 {
    padding-bottom: 80px;
  }
  .lg-pb-100 {
    padding-bottom: 100px;
  }
  
  /* padding-left */
  .lg-pl-0 {
    padding-left: 0;
  }
  .lg-pl-20 {
    padding-left: 20px;
  }

  /* padding-right */
  .lg-pr-0 {
    padding-right: 0;
  }
  .lg-pr-30 {
    padding-right: 30px;
  }
  .lg-pr-70 {
    padding-right: 70px;
  }

  /* padding-y */
  .lg-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg-py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .lg-py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .lg-py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /* padding-x */
  .lg-px-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .lg-px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* margin-top */
  .lg-mt-8 {
    margin-top: 8px;
  }
  .lg-mt-10 {
    margin-top: 10px;
  }
  .lg-mt-12 {
    margin-top: 12px;
  }
  .lg-mt-14 {
    margin-top: 14px;
  }
  .lg-mt-20 {
    margin-top: 20px;
  }
  .lg-mt-24 {
    margin-top: 24px;
  }
  .lg-mt-30 {
    margin-top: 30px;
  }
  .lg-mt-40 {
    margin-top: 40px;
  }
  .lg-mt-70 {
    margin-top: 70px;
  }
  .lg-mt-90 {
    margin-top: 90px;
  }
  .lg-mt-100 {
    margin-top: 100px;
  }

  /* margin-bottom */
  .lg-mb-0 {
    margin-bottom: 0;
  }
  .lg-mb-4 {
    margin-bottom: 4px;
  }
  .lg-mb-8 {
    margin-bottom: 8px;
  }
  .lg-mb-10 {
    margin-bottom: 10px;
  }
  .lg-mb-12 {
    margin-bottom: 12px;
  }
  .lg-mb-14 {
    margin-bottom: 14px;
  }
  .lg-mb-20 {
    margin-bottom: 20px;
  }
  .lg-mb-24 {
    margin-bottom: 24px;
  }
  .lg-mb-25 {
    margin-bottom: 25px;
  }  
  .lg-mb-30 {
    margin-bottom: 30px;
  }
  .lg-mb-45 {
    margin-bottom: 45px;
  }  
  .lg-mb-60 {
    margin-bottom: 60px;
  }
  .lg-mb-80 {
    margin-bottom: 80px;
  }  
  .lg-mb-90 {
    margin-bottom: 90px;
  }
  .lg-mb-100 {
    margin-bottom: 100px;
  }
  .lg-mb-150 {
    margin-bottom: 150px;
  }
  .lg-mb-180 {
    margin-bottom: 180px;
  }
  .lg-mb-200 {
    margin-bottom: 200px;
  }
  

  /* margin-right */
  .lg-mr-0 {
    margin-right: 0;
  }
  .lg-mr-4 {
    margin-right: 4px;
  }
  .lg-mr-6 {
    margin-right: 6px;
  }

  /* margin-y */
  .lg-my-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .lg-my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .lg-my-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .lg-my-14 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .lg-my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .lg-my-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .lg-my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .lg-my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }  
  .lg-my-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  /* margin-x */
  .lg-mx-auto {
    margin-inline: auto;
  }
  .lg-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg-mx-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .lg-mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .lg-mx-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .lg-mx-14 {
    margin-left: 14px;
    margin-right: 14px;
  }
  .lg-mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .lg-mx-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .lg-mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .lg-mx-100 {
    margin-left: 100px;
    margin-right: 100px;
  }


  /* flex */
  .lg-flex-col {
    flex-direction: column;
  }
  .lg-flex-row {
    flex-direction: row;
  }

  /* text-align */
  .lg-text-center {
    text-align: center;
  }
  .lg-text-left {
    text-align: left;
  }
  .lg-text-right {
    text-align: right;
  }

  /* font-size */
  .lg-text-14 {
    font-size: 14px;
  }
  .lg-text-16 {
    font-size: 16px;
  }
  .lg-text-18 {
    font-size: 18px;
  }
  .lg-text-20 {
    font-size: 20px;
  }
  .lg-text-25 {
    font-size: 25px;
  }
  .lg-text-30 {
    font-size: 30px;
  }
  .lg-text-35 {
    font-size: 35px;
  }
  .lg-text-40 {
    font-size: 40px;
  }
  .lg-text-50 {
    font-size: 50px;
  }
  .lg-text-60 {
    font-size: 60px;
  }
  .lg-text-75 {
    font-size: 75px;
  }
  .lg-text-100 {
    font-size: 100px;
  }

  /* line-height */
  .lg-line-20 {
    line-height: 20px;
  }

  /* justify-content */
  .lg-justify-start {
    justify-content: flex-start;
  }
  .lg-justify-end {
    justify-content: flex-end;
  }
  .lg-justify-center {
    justify-content: center;
  }
  .lg-justify-between {
    justify-content: space-between;
  }

  /* gap */
  .lg-gap-4 {
    gap: 4px;
  }
  .lg-gap-6 {
    gap: 6px;
  }
  .lg-gap-10 {
    gap: 10px;
  }
  .lg-gap-20 {
    gap: 20px;
  }
  .lg-gap-30 {
    gap: 30px;
  }
  .lg-gap-40 {
    gap: 40px;
  }
  .lg-gap-50 {
    gap: 50px;
  }
  .lg-gap-60 {
    gap: 60px;
  }
  .lg-gap-70 {
    gap: 70px;
  }
  .lg-gap-80 {
    gap: 80px;
  }
  .lg-gap-90 {
    gap: 90px;
  }
  .lg-gap-100 {
    gap: 100px;
  }

  /* background */
  .lg-bg-top-left {
    background-position: top left;
  }
  .lg-bg-top {
    background-position: top;
  }
  .lg-bg-top-right {
    background-position: top right;
  }
  .lg-bg-left {
    background-position: left;
  }
  .lg-bg-center {
    background-position: center;
  }
  .lg-bg-right {
    background-position: right;
  }
  .lg-bg-bottom-left {
    background-position: bottom left;
  }
  .lg-bg-bottom {
    background-position: bottom;
  }
  .lg-bg-bottom-right {
    background-position: bottom right;
  }
  .lg-bg-no-repeat {
    background-repeat: no-repeat;
  }
  .lg-bg-auto {
    background-size: auto;
  }
  .lg-bg-cover {
    background-size: cover;
  }
  .lg-bg-contain {
    background-size: contain;
  }
}