.fc-gray-50 {
  color: #f4f4f4 !important;
}

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

.bd-gray-50 {
  border-color: #f4f4f4 !important;
}

.fc-gray-100 {
  color: #e7e7e9 !important;
}

.bg-gray-100 {
  background-color: #e7e7e9 !important;
}

.bd-gray-100 {
  border-color: #e7e7e9 !important;
}

.fc-gray-200 {
  color: #cfd0d2 !important;
}

.bg-gray-200 {
  background-color: #cfd0d2 !important;
}

.bd-gray-200 {
  border-color: #cfd0d2 !important;
}

.fc-gray-300 {
  color: #b7b8bc !important;
}

.bg-gray-300 {
  background-color: #b7b8bc !important;
}

.bd-gray-300 {
  border-color: #b7b8bc !important;
}

.fc-gray-400 {
  color: #a0a0a6 !important;
}

.bg-gray-400 {
  background-color: #a0a0a6 !important;
}

.bd-gray-400 {
  border-color: #a0a0a6 !important;
}

.fc-gray-500 {
  color: #88888f !important;
}

.bg-gray-500 {
  background-color: #88888f !important;
}

.bd-gray-500 {
  border-color: #88888f !important;
}

.fc-gray-600 {
  color: #6d6d73 !important;
}

.bg-gray-600 {
  background-color: #6d6d73 !important;
}

.bd-gray-600 {
  border-color: #6d6d73 !important;
}

.fc-gray-700 {
  color: #515256 !important;
}

.bg-gray-700 {
  background-color: #515256 !important;
}

.bd-gray-700 {
  border-color: #515256 !important;
}

.fc-gray-800 {
  color: #363739 !important;
}

.bg-gray-800 {
  background-color: #363739 !important;
}

.bd-gray-800 {
  border-color: #363739 !important;
}

.fc-gray-900 {
  color: #1b1b1d !important;
}

.bg-gray-900 {
  background-color: #1b1b1d !important;
}

.bd-gray-900 {
  border-color: #1b1b1d !important;
}

.fc-primary-50 {
  color: var(--primary50) !important;
}

.bg-primary-50 {
  background-color: var(--primary50) !important;
}

.bd-primary-50 {
  border-color: var(--primary50) !important;
}

.fc-primary-100 {
  color: var(--primary100) !important;
}

.bg-primary-100 {
  background-color: var(--primary100) !important;
}

.bd-primary-100 {
  border-color: var(--primary100) !important;
}

.fc-primary-200 {
  color: var(--primary200) !important;
}

.bg-primary-200 {
  background-color: var(--primary200) !important;
}

.bd-primary-200 {
  border-color: var(--primary200) !important;
}

.fc-primary-300 {
  color: var(--primary300) !important;
}

.bg-primary-300 {
  background-color: var(--primary300) !important;
}

.bd-primary-300 {
  border-color: var(--primary300) !important;
}

.fc-primary-400 {
  color: var(--primary400) !important;
}

.bg-primary-400 {
  background-color: var(--primary400) !important;
}

.bd-primary-400 {
  border-color: var(--primary400) !important;
}

.fc-primary-500 {
  color: var(--primary500) !important;
}

.bg-primary-500 {
  background-color: var(--primary500) !important;
}

.bd-primary-500 {
  border-color: var(--primary500) !important;
}

.fc-primary-600 {
  color: var(--primary600) !important;
}

.bg-primary-600 {
  background-color: var(--primary600) !important;
}

.bd-primary-600 {
  border-color: var(--primary600) !important;
}

.fc-primary-700 {
  color: var(--primary700) !important;
}

.bg-primary-700 {
  background-color: var(--primary700) !important;
}

.bd-primary-700 {
  border-color: var(--primary700) !important;
}

.fc-primary-800 {
  color: var(--primary800) !important;
}

.bg-primary-800 {
  background-color: var(--primary800) !important;
}

.bd-primary-800 {
  border-color: var(--primary800) !important;
}

.fc-primary-900 {
  color: var(--primary900) !important;
}

.bg-primary-900 {
  background-color: var(--primary900) !important;
}

.bd-primary-900 {
  border-color: var(--primary900) !important;
}

.fc-success-50 {
  color: #edfcf3 !important;
}

.bg-success-50 {
  background-color: #edfcf3 !important;
}

.bd-success-50 {
  border-color: #edfcf3 !important;
}

.fc-success-100 {
  color: #d3f4e0 !important;
}

.bg-success-100 {
  background-color: #d3f4e0 !important;
}

.bd-success-100 {
  border-color: #d3f4e0 !important;
}

.fc-success-200 {
  color: #a7e9c2 !important;
}

.bg-success-200 {
  background-color: #a7e9c2 !important;
}

.bd-success-200 {
  border-color: #a7e9c2 !important;
}

.fc-success-300 {
  color: #7cdea3 !important;
}

.bg-success-300 {
  background-color: #7cdea3 !important;
}

.bd-success-300 {
  border-color: #7cdea3 !important;
}

.fc-success-400 {
  color: #50d485 !important;
}

.bg-success-400 {
  background-color: #50d485 !important;
}

.bd-success-400 {
  border-color: #50d485 !important;
}

.fc-success-500 {
  color: #24c966 !important;
}

.bg-success-500 {
  background-color: #24c966 !important;
}

.bd-success-500 {
  border-color: #24c966 !important;
}

.fc-success-600 {
  color: #1da152 !important;
}

.bg-success-600 {
  background-color: #1da152 !important;
}

.bd-success-600 {
  border-color: #1da152 !important;
}

.fc-success-700 {
  color: #16783d !important;
}

.bg-success-700 {
  background-color: #16783d !important;
}

.bd-success-700 {
  border-color: #16783d !important;
}

.fc-success-800 {
  color: #0e5029 !important;
}

.bg-success-800 {
  background-color: #0e5029 !important;
}

.bd-success-800 {
  border-color: #0e5029 !important;
}

.fc-success-900 {
  color: #0c4021 !important;
}

.bg-success-900 {
  background-color: #0c4021 !important;
}

.bd-success-900 {
  border-color: #0c4021 !important;
}

.fc-warning-50 {
  color: #fbf2e4 !important;
}

.bg-warning-50 {
  background-color: #fbf2e4 !important;
}

.bd-warning-50 {
  border-color: #fbf2e4 !important;
}

.fc-warning-100 {
  color: #fce9cc !important;
}

.bg-warning-100 {
  background-color: #fce9cc !important;
}

.bd-warning-100 {
  border-color: #fce9cc !important;
}

.fc-warning-200 {
  color: #f8d299 !important;
}

.bg-warning-200 {
  background-color: #f8d299 !important;
}

.bd-warning-200 {
  border-color: #f8d299 !important;
}

.fc-warning-300 {
  color: #f5bc66 !important;
}

.bg-warning-300 {
  background-color: #f5bc66 !important;
}

.bd-warning-300 {
  border-color: #f5bc66 !important;
}

.fc-warning-400 {
  color: #f1a533 !important;
}

.bg-warning-400 {
  background-color: #f1a533 !important;
}

.bd-warning-400 {
  border-color: #f1a533 !important;
}

.fc-warning-500 {
  color: #ee8f00 !important;
}

.bg-warning-500 {
  background-color: #ee8f00 !important;
}

.bd-warning-500 {
  border-color: #ee8f00 !important;
}

.fc-warning-600 {
  color: #c97a04 !important;
}

.bg-warning-600 {
  background-color: #c97a04 !important;
}

.bd-warning-600 {
  border-color: #c97a04 !important;
}

.fc-warning-700 {
  color: #a06307 !important;
}

.bg-warning-700 {
  background-color: #a06307 !important;
}

.bd-warning-700 {
  border-color: #a06307 !important;
}

.fc-warning-800 {
  color: #7e4e06 !important;
}

.bg-warning-800 {
  background-color: #7e4e06 !important;
}

.bd-warning-800 {
  border-color: #7e4e06 !important;
}

.fc-warning-900 {
  color: #5f3900 !important;
}

.bg-warning-900 {
  background-color: #5f3900 !important;
}

.bd-warning-900 {
  border-color: #5f3900 !important;
}

.fc-danger-50 {
  color: #fdecec !important;
}

.bg-danger-50 {
  background-color: #fdecec !important;
}

.bd-danger-50 {
  border-color: #fdecec !important;
}

.fc-danger-100 {
  color: #fddcdc !important;
}

.bg-danger-100 {
  background-color: #fddcdc !important;
}

.bd-danger-100 {
  border-color: #fddcdc !important;
}

.fc-danger-200 {
  color: #fab9b9 !important;
}

.bg-danger-200 {
  background-color: #fab9b9 !important;
}

.bd-danger-200 {
  border-color: #fab9b9 !important;
}

.fc-danger-300 {
  color: #f89595 !important;
}

.bg-danger-300 {
  background-color: #f89595 !important;
}

.bd-danger-300 {
  border-color: #f89595 !important;
}

.fc-danger-400 {
  color: #f67272 !important;
}

.bg-danger-400 {
  background-color: #f67272 !important;
}

.bd-danger-400 {
  border-color: #f67272 !important;
}

.fc-danger-500 {
  color: #f34f4f !important;
}

.bg-danger-500 {
  background-color: #f34f4f !important;
}

.bd-danger-500 {
  border-color: #f34f4f !important;
}

.fc-danger-600 {
  color: #d23939 !important;
}

.bg-danger-600 {
  background-color: #d23939 !important;
}

.bd-danger-600 {
  border-color: #d23939 !important;
}

.fc-danger-700 {
  color: #ad2e2e !important;
}

.bg-danger-700 {
  background-color: #ad2e2e !important;
}

.bd-danger-700 {
  border-color: #ad2e2e !important;
}

.fc-danger-800 {
  color: #862222 !important;
}

.bg-danger-800 {
  background-color: #862222 !important;
}

.bd-danger-800 {
  border-color: #862222 !important;
}

.fc-danger-900 {
  color: #612020 !important;
}

.bg-danger-900 {
  background-color: #612020 !important;
}

.bd-danger-900 {
  border-color: #612020 !important;
}

.fc-white {
  color: #fff !important;
}

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

.bd-white {
  border-color: #fff !important;
}

.fc-black {
  color: #000 !important;
}

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

.bd-black {
  border-color: #000 !important;
}

.fc-gray-bg {
  color: #f8f9fa !important;
}

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

.bd-gray-bg {
  border-color: #f8f9fa !important;
}

.fc-primary {
  color: var(--primary500) !important;
}

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

.bd-primary {
  border-color: var(--primary500) !important;
}

.fc-success {
  color: #24c966 !important;
}

.bg-success {
  background-color: #24c966 !important;
}

.bd-success {
  border-color: #24c966 !important;
}

.fc-warning {
  color: #ee8f00 !important;
}

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

.bd-warning {
  border-color: #ee8f00 !important;
}

.fc-danger {
  color: #f34f4f !important;
}

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

.bd-danger {
  border-color: #f34f4f !important;
}

*[class*=bd-] {
  border-width: 1px;
  border-style: solid;
}

.bd-top {
  border-width: 0;
  border-top-width: 1px;
}
.bd-bottom {
  border-width: 0;
  border-bottom-width: 1px;
}
.bd-left {
  border-width: 0;
  border-left-width: 1px;
}
.bd-right {
  border-width: 0;
  border-right-width: 1px;
}

.radius-lg {
  border-radius: 24px;
}

.radius-md {
  border-radius: 16px;
}

.radius-sm {
  border-radius: 8px;
}

.radius-x-sm {
  border-radius: 4px;
}

.flex-box {
  display: flex;
  flex-flow: wrap row;
  justify-content: flex-start;
}
.flex-box.inline {
  display: inline-flex;
}
.flex-box.between {
  justify-content: space-between;
}
.flex-box.end {
  justify-content: flex-end;
}
.flex-box.nowrap {
  flex-wrap: nowrap;
}
.flex-box.center {
  align-items: center;
}
.flex-box.respon [class*=grid-item-] {
  margin-bottom: 12px;
}
.flex-box.respon [class*=grid-item-]:last-of-type {
  margin-right: 0;
}
.flex-box .grid-item-1 {
  width: 100%;
}
.flex-box .grid-item-2 {
  width: calc((100% - 24px * 1) / 2);
}
.flex-box .grid-item-3 {
  width: calc((100% - 24px * 2) / 3);
}
.flex-box .grid-item-4 {
  width: calc((100% - 24px * 3) / 4);
}
.flex-box .grid-item-6 {
  width: calc((100% - 24px * 5) / 6);
}
.flex-box .grid-item-12 {
  width: calc((100% - 24px * 11) / 12);
}
.flex-box .grid-item-12-2 {
  width: calc((100% - 24px * 11) / 12 * 2 + 24px * 1);
}
.flex-box .grid-item-12-3 {
  width: calc((100% - 24px * 11) / 12 * 3 + 24px * 2);
}
.flex-box .grid-item-12-4 {
  width: calc((100% - 24px * 11) / 12 * 4 + 24px * 3);
}
.flex-box .grid-item-12-5 {
  width: calc((100% - 24px * 11) / 12 * 5 + 24px * 4);
}
.flex-box .grid-item-12-6 {
  width: calc((100% - 24px * 11) / 12 * 6 + 24px * 5);
}
.flex-box .grid-item-12-7 {
  width: calc((100% - 24px * 11) / 12 * 7 + 24px * 6);
}
.flex-box .grid-item-12-8 {
  width: calc((100% - 24px * 11) / 12 * 8 + 24px * 7);
}
.flex-box .grid-item-12-9 {
  width: calc((100% - 24px * 11) / 12 * 9 + 24px * 8);
}
.flex-box .grid-item-12-10 {
  width: calc((100% - 24px * 11) / 12 * 10 + 24px * 9);
}
.flex-box .grid-item-12-11 {
  width: calc((100% - 24px * 11) / 12 * 11 + 24px * 10);
}

.col2 > * {
  width: 50%;
}
.col2 .wide {
  width: 66.6666666667%;
}
.col2 .narrow {
  width: 33.3333333333%;
}
.col2 .narrow.half {
  width: 25%;
}
.col2 .wide.double {
  width: 75%;
}

.col3 > * {
  width: 33.3333333333%;
}

.col4 > * {
  width: 25%;
}
.col4 > *.half {
  width: 50%;
}

.col5 > * {
  width: 20%;
}

.col6 > * {
  width: 16.6666666667%;
}

.col10 > * {
  width: 10%;
}

.col12 > * {
  width: 8.3333333333%;
}

.ic {
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  background-color: #1b1b1d;
}
.ic-md {
  width: 24px;
  height: 24px;
}
.ic-sm {
  width: 16px;
  height: 16px;
}

.ic-md.search {
  -webkit-mask-image: url("../img/icon/ic-md-search.svg");
  mask-image: url("../img/icon/ic-md-search.svg");
}
.ic-md.refresh {
  -webkit-mask-image: url("../img/icon/ic-md-refresh.svg");
  mask-image: url("../img/icon/ic-md-refresh.svg");
}
.ic-md.chevron-left {
  -webkit-mask-image: url("../img/icon/ic-md-chevron_left.svg");
  mask-image: url("../img/icon/ic-md-chevron_left.svg");
}
.ic-md.chevron-right {
  -webkit-mask-image: url("../img/icon/ic-md-chevron_right.svg");
  mask-image: url("../img/icon/ic-md-chevron_right.svg");
}
.ic-md.chevron-up {
  -webkit-mask-image: url("../img/icon/ic-md-chevron_up.svg");
  mask-image: url("../img/icon/ic-md-chevron_up.svg");
}
.ic-md.chevron-down {
  -webkit-mask-image: url("../img/icon/ic-md-chevron_down.svg");
  mask-image: url("../img/icon/ic-md-chevron_down.svg");
}
.ic-md.chevrons-left {
  -webkit-mask-image: url("../img/icon/ic-md-chevrons_left.svg");
  mask-image: url("../img/icon/ic-md-chevrons_left.svg");
}
.ic-md.chevrons-right {
  -webkit-mask-image: url("../img/icon/ic-md-chevrons_right.svg");
  mask-image: url("../img/icon/ic-md-chevrons_right.svg");
}
.ic-md.chevrons-up {
  -webkit-mask-image: url("../img/icon/ic-md-chevrons_up.svg");
  mask-image: url("../img/icon/ic-md-chevrons_up.svg");
}
.ic-md.chevrons-down {
  -webkit-mask-image: url("../img/icon/ic-md-chevrons_down.svg");
  mask-image: url("../img/icon/ic-md-chevrons_down.svg");
}
.ic-md.plus {
  -webkit-mask-image: url("../img/icon/ic-md-plus.svg");
  mask-image: url("../img/icon/ic-md-plus.svg");
}
.ic-md.minus {
  -webkit-mask-image: url("../img/icon/ic-md-minus.svg");
  mask-image: url("../img/icon/ic-md-minus.svg");
}
.ic-md.arrow-left {
  -webkit-mask-image: url("../img/icon/ic-md-arrow_left.svg");
  mask-image: url("../img/icon/ic-md-arrow_left.svg");
}
.ic-md.arrow-right {
  -webkit-mask-image: url("../img/icon/ic-md-arrow_right.svg");
  mask-image: url("../img/icon/ic-md-arrow_right.svg");
}
.ic-md.arrow-up {
  -webkit-mask-image: url("../img/icon/ic-md-arrow_up.svg");
  mask-image: url("../img/icon/ic-md-arrow_up.svg");
}
.ic-md.arrow-down {
  -webkit-mask-image: url("../img/icon/ic-md-arrow_down.svg");
  mask-image: url("../img/icon/ic-md-arrow_down.svg");
}
.ic-md.calendar {
  -webkit-mask-image: url("../img/icon/ic-md-calendar.svg");
  mask-image: url("../img/icon/ic-md-calendar.svg");
}
.ic-md.check {
  -webkit-mask-image: url("../img/icon/ic-md-check.svg");
  mask-image: url("../img/icon/ic-md-check.svg");
}
.ic-md.x {
  -webkit-mask-image: url("../img/icon/ic-md-X.svg");
  mask-image: url("../img/icon/ic-md-X.svg");
}
.ic-md.download {
  -webkit-mask-image: url("../img/icon/ic-md-download.svg");
  mask-image: url("../img/icon/ic-md-download.svg");
}
.ic-md.upload {
  -webkit-mask-image: url("../img/icon/ic-md-upload.svg");
  mask-image: url("../img/icon/ic-md-upload.svg");
}
.ic-md.infomation-round {
  -webkit-mask-image: url("../img/icon/ic-md-infomation_round.svg");
  mask-image: url("../img/icon/ic-md-infomation_round.svg");
}
.ic-md.filter {
  -webkit-mask-image: url("../img/icon/ic-md-filter.svg");
  mask-image: url("../img/icon/ic-md-filter.svg");
}
.ic-md.warning {
  -webkit-mask-image: url("../img/icon/ic-md-warning.svg");
  mask-image: url("../img/icon/ic-md-warning.svg");
}
.ic-md.infomation-round-fill {
  -webkit-mask-image: url("../img/icon/ic-md-infomation_round_fill.svg");
  mask-image: url("../img/icon/ic-md-infomation_round_fill.svg");
}
.ic-md.grab {
  -webkit-mask-image: url("../img/icon/ic-md-grab.svg");
  mask-image: url("../img/icon/ic-md-grab.svg");
}

.ic-sm.search {
  -webkit-mask-image: url("../img/icon/ic-sm-search.svg");
  mask-image: url("../img/icon/ic-sm-search.svg");
}
.ic-sm.refresh {
  -webkit-mask-image: url("../img/icon/ic-sm-refresh.svg");
  mask-image: url("../img/icon/ic-sm-refresh.svg");
}
.ic-sm.chevron-left {
  -webkit-mask-image: url("../img/icon/ic-sm-chevron_left.svg");
  mask-image: url("../img/icon/ic-sm-chevron_left.svg");
}
.ic-sm.chevron-right {
  -webkit-mask-image: url("../img/icon/ic-sm-chevron_right.svg");
  mask-image: url("../img/icon/ic-sm-chevron_right.svg");
}
.ic-sm.chevron-up {
  -webkit-mask-image: url("../img/icon/ic-sm-chevron_up.svg");
  mask-image: url("../img/icon/ic-sm-chevron_up.svg");
}
.ic-sm.chevron-down {
  -webkit-mask-image: url("../img/icon/ic-sm-chevron_down.svg");
  mask-image: url("../img/icon/ic-sm-chevron_down.svg");
}
.ic-sm.chevrons-left {
  -webkit-mask-image: url("../img/icon/ic-sm-chevrons_left.svg");
  mask-image: url("../img/icon/ic-sm-chevrons_left.svg");
}
.ic-sm.chevrons-right {
  -webkit-mask-image: url("../img/icon/ic-sm-chevrons_right.svg");
  mask-image: url("../img/icon/ic-sm-chevrons_right.svg");
}
.ic-sm.chevrons-up {
  -webkit-mask-image: url("../img/icon/ic-sm-chevrons_up.svg");
  mask-image: url("../img/icon/ic-sm-chevrons_up.svg");
}
.ic-sm.chevrons-down {
  -webkit-mask-image: url("../img/icon/ic-sm-chevrons_down.svg");
  mask-image: url("../img/icon/ic-sm-chevrons_down.svg");
}
.ic-sm.plus {
  -webkit-mask-image: url("../img/icon/ic-sm-plus.svg");
  mask-image: url("../img/icon/ic-sm-plus.svg");
}
.ic-sm.minus {
  -webkit-mask-image: url("../img/icon/ic-sm-minus.svg");
  mask-image: url("../img/icon/ic-sm-minus.svg");
}
.ic-sm.memo {
  -webkit-mask-image: url("../img/icon/ic-sm-memo.svg");
  mask-image: url("../img/icon/ic-sm-memo.svg");
}
.ic-sm.arrow-left {
  -webkit-mask-image: url("../img/icon/ic-sm-arrow_left.svg");
  mask-image: url("../img/icon/ic-sm-arrow_left.svg");
}
.ic-sm.arrow-right {
  -webkit-mask-image: url("../img/icon/ic-sm-arrow_right.svg");
  mask-image: url("../img/icon/ic-sm-arrow_right.svg");
}
.ic-sm.arrow-up {
  -webkit-mask-image: url("../img/icon/ic-sm-arrow_up.svg");
  mask-image: url("../img/icon/ic-sm-arrow_up.svg");
}
.ic-sm.arrow-down {
  -webkit-mask-image: url("../img/icon/ic-sm-arrow_down.svg");
  mask-image: url("../img/icon/ic-sm-arrow_down.svg");
}
.ic-sm.check {
  -webkit-mask-image: url("../img/icon/ic-sm-check.svg");
  mask-image: url("../img/icon/ic-sm-check.svg");
}
.ic-sm.calendar {
  -webkit-mask-image: url("../img/icon/ic-sm-calendar.svg");
  mask-image: url("../img/icon/ic-sm-calendar.svg");
}
.ic-sm.check {
  -webkit-mask-image: url("../img/icon/ic-sm-check.svg");
  mask-image: url("../img/icon/ic-sm-check.svg");
}
.ic-sm.x {
  -webkit-mask-image: url("../img/icon/ic-sm-X.svg");
  mask-image: url("../img/icon/ic-sm-X.svg");
}
.ic-sm.download {
  -webkit-mask-image: url("../img/icon/ic-sm-download.svg");
  mask-image: url("../img/icon/ic-sm-download.svg");
}
.ic-sm.upload {
  -webkit-mask-image: url("../img/icon/ic-sm-upload.svg");
  mask-image: url("../img/icon/ic-sm-upload.svg");
}
.ic-sm.infomation-round {
  -webkit-mask-image: url("../img/icon/ic-sm-infomation_round.svg");
  mask-image: url("../img/icon/ic-sm-infomation_round.svg");
}
.ic-sm.filter {
  -webkit-mask-image: url("../img/icon/ic-sm-filter.svg");
  mask-image: url("../img/icon/ic-sm-filter.svg");
}
.ic-sm.warning {
  -webkit-mask-image: url("../img/icon/ic-sm-warning.svg");
  mask-image: url("../img/icon/ic-sm-warning.svg");
}

.nav-icon {
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #a0a0a6;
  vertical-align: middle;
  margin-right: 10px;
}
.nav-icon[data-icon=data] {
  -webkit-mask-image: url("../img/icon/ic-nav-data.svg");
  mask-image: url("../img/icon/ic-nav-data.svg");
}
.nav-icon[data-icon=delivery] {
  -webkit-mask-image: url("../img/icon/ic-nav-delivery.svg");
  mask-image: url("../img/icon/ic-nav-delivery.svg");
}
.nav-icon[data-icon=locked] {
  -webkit-mask-image: url("../img/icon/ic-nav-locked.svg");
  mask-image: url("../img/icon/ic-nav-locked.svg");
}
.nav-icon[data-icon=member-link] {
  -webkit-mask-image: url("../img/icon/ic-nav-member-link.svg");
  mask-image: url("../img/icon/ic-nav-member-link.svg");
}
.nav-icon[data-icon=member-twin] {
  -webkit-mask-image: url("../img/icon/ic-nav-member-twin.svg");
  mask-image: url("../img/icon/ic-nav-member-twin.svg");
}
.nav-icon[data-icon=member] {
  -webkit-mask-image: url("../img/icon/ic-nav-member.svg");
  mask-image: url("../img/icon/ic-nav-member.svg");
}
.nav-icon[data-icon=news] {
  -webkit-mask-image: url("../img/icon/ic-nav-news.svg");
  mask-image: url("../img/icon/ic-nav-news.svg");
}
.nav-icon[data-icon=order] {
  -webkit-mask-image: url("../img/icon/ic-nav-order.svg");
  mask-image: url("../img/icon/ic-nav-order.svg");
}
.nav-icon[data-icon=product] {
  -webkit-mask-image: url("../img/icon/ic-nav-product.svg");
  mask-image: url("../img/icon/ic-nav-product.svg");
}
.nav-icon[data-icon=qna] {
  -webkit-mask-image: url("../img/icon/ic-nav-qna.svg");
  mask-image: url("../img/icon/ic-nav-qna.svg");
}
.nav-icon[data-icon=request] {
  -webkit-mask-image: url("../img/icon/ic-nav-request.svg");
  mask-image: url("../img/icon/ic-nav-request.svg");
}
.nav-icon[data-icon=return] {
  -webkit-mask-image: url("../img/icon/ic-nav-return.svg");
  mask-image: url("../img/icon/ic-nav-return.svg");
}
.nav-icon[data-icon=sales] {
  -webkit-mask-image: url("../img/icon/ic-nav-sales.svg");
  mask-image: url("../img/icon/ic-nav-sales.svg");
}
.nav-icon[data-icon=setting-slider] {
  -webkit-mask-image: url("../img/icon/ic-nav-setting-slider.svg");
  mask-image: url("../img/icon/ic-nav-setting-slider.svg");
}
.nav-icon[data-icon=setting] {
  -webkit-mask-image: url("../img/icon/ic-nav-setting.svg");
  mask-image: url("../img/icon/ic-nav-setting.svg");
}
.nav-icon[data-icon=site] {
  -webkit-mask-image: url("../img/icon/ic-nav-site.svg");
  mask-image: url("../img/icon/ic-nav-site.svg");
}

.m-auto {
  margin: 0 auto;
}

.m0 {
  margin: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.m4 {
  margin: 4px;
}

.ml4 {
  margin-left: 4px;
}

.mr4 {
  margin-right: 4px;
}

.mt4 {
  margin-top: 4px;
}

.mb4 {
  margin-bottom: 4px;
}

.m8 {
  margin: 8px;
}

.ml8 {
  margin-left: 8px;
}

.mr8 {
  margin-right: 8px;
}

.mt8 {
  margin-top: 8px;
}

.mb8 {
  margin-bottom: 8px;
}

.m12 {
  margin: 12px;
}

.ml12 {
  margin-left: 12px;
}

.mr12 {
  margin-right: 12px;
}

.mt12 {
  margin-top: 12px;
}

.mb12 {
  margin-bottom: 12px;
}

.m16 {
  margin: 16px;
}

.ml16 {
  margin-left: 16px;
}

.mr16 {
  margin-right: 16px;
}

.mt16 {
  margin-top: 16px;
}

.mb16 {
  margin-bottom: 16px;
}

.m20 {
  margin: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.m24 {
  margin: 24px;
}

.ml24 {
  margin-left: 24px;
}

.mr24 {
  margin-right: 24px;
}

.mt24 {
  margin-top: 24px;
}

.mb24 {
  margin-bottom: 24px;
}

.m28 {
  margin: 28px;
}

.ml28 {
  margin-left: 28px;
}

.mr28 {
  margin-right: 28px;
}

.mt28 {
  margin-top: 28px;
}

.mb28 {
  margin-bottom: 28px;
}

.m32 {
  margin: 32px;
}

.ml32 {
  margin-left: 32px;
}

.mr32 {
  margin-right: 32px;
}

.mt32 {
  margin-top: 32px;
}

.mb32 {
  margin-bottom: 32px;
}

.m36 {
  margin: 36px;
}

.ml36 {
  margin-left: 36px;
}

.mr36 {
  margin-right: 36px;
}

.mt36 {
  margin-top: 36px;
}

.mb36 {
  margin-bottom: 36px;
}

.m40 {
  margin: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.m44 {
  margin: 44px;
}

.ml44 {
  margin-left: 44px;
}

.mr44 {
  margin-right: 44px;
}

.mt44 {
  margin-top: 44px;
}

.mb44 {
  margin-bottom: 44px;
}

.m48 {
  margin: 48px;
}

.ml48 {
  margin-left: 48px;
}

.mr48 {
  margin-right: 48px;
}

.mt48 {
  margin-top: 48px;
}

.mb48 {
  margin-bottom: 48px;
}

.m52 {
  margin: 52px;
}

.ml52 {
  margin-left: 52px;
}

.mr52 {
  margin-right: 52px;
}

.mt52 {
  margin-top: 52px;
}

.mb52 {
  margin-bottom: 52px;
}

.m56 {
  margin: 56px;
}

.ml56 {
  margin-left: 56px;
}

.mr56 {
  margin-right: 56px;
}

.mt56 {
  margin-top: 56px;
}

.mb56 {
  margin-bottom: 56px;
}

.m60 {
  margin: 60px;
}

.ml60 {
  margin-left: 60px;
}

.mr60 {
  margin-right: 60px;
}

.mt60 {
  margin-top: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.m64 {
  margin: 64px;
}

.ml64 {
  margin-left: 64px;
}

.mr64 {
  margin-right: 64px;
}

.mt64 {
  margin-top: 64px;
}

.mb64 {
  margin-bottom: 64px;
}

.m68 {
  margin: 68px;
}

.ml68 {
  margin-left: 68px;
}

.mr68 {
  margin-right: 68px;
}

.mt68 {
  margin-top: 68px;
}

.mb68 {
  margin-bottom: 68px;
}

.m72 {
  margin: 72px;
}

.ml72 {
  margin-left: 72px;
}

.mr72 {
  margin-right: 72px;
}

.mt72 {
  margin-top: 72px;
}

.mb72 {
  margin-bottom: 72px;
}

.m76 {
  margin: 76px;
}

.ml76 {
  margin-left: 76px;
}

.mr76 {
  margin-right: 76px;
}

.mt76 {
  margin-top: 76px;
}

.mb76 {
  margin-bottom: 76px;
}

.m80 {
  margin: 80px;
}

.ml80 {
  margin-left: 80px;
}

.mr80 {
  margin-right: 80px;
}

.mt80 {
  margin-top: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.p0 {
  padding: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.p4 {
  padding: 4px;
}

.pl4 {
  padding-left: 4px;
}

.pr4 {
  padding-right: 4px;
}

.pt4 {
  padding-top: 4px;
}

.pb4 {
  padding-bottom: 4px;
}

.p8 {
  padding: 8px;
}

.pl8 {
  padding-left: 8px;
}

.pr8 {
  padding-right: 8px;
}

.pt8 {
  padding-top: 8px;
}

.pb8 {
  padding-bottom: 8px;
}

.p12 {
  padding: 12px;
}

.pl12 {
  padding-left: 12px;
}

.pr12 {
  padding-right: 12px;
}

.pt12 {
  padding-top: 12px;
}

.pb12 {
  padding-bottom: 12px;
}

.p16 {
  padding: 16px;
}

.pl16 {
  padding-left: 16px;
}

.pr16 {
  padding-right: 16px;
}

.pt16 {
  padding-top: 16px;
}

.pb16 {
  padding-bottom: 16px;
}

.p20 {
  padding: 20px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.p24 {
  padding: 24px;
}

.pl24 {
  padding-left: 24px;
}

.pr24 {
  padding-right: 24px;
}

.pt24 {
  padding-top: 24px;
}

.pb24 {
  padding-bottom: 24px;
}

.p28 {
  padding: 28px;
}

.pl28 {
  padding-left: 28px;
}

.pr28 {
  padding-right: 28px;
}

.pt28 {
  padding-top: 28px;
}

.pb28 {
  padding-bottom: 28px;
}

.p32 {
  padding: 32px;
}

.pl32 {
  padding-left: 32px;
}

.pr32 {
  padding-right: 32px;
}

.pt32 {
  padding-top: 32px;
}

.pb32 {
  padding-bottom: 32px;
}

.p36 {
  padding: 36px;
}

.pl36 {
  padding-left: 36px;
}

.pr36 {
  padding-right: 36px;
}

.pt36 {
  padding-top: 36px;
}

.pb36 {
  padding-bottom: 36px;
}

.p40 {
  padding: 40px;
}

.pl40 {
  padding-left: 40px;
}

.pr40 {
  padding-right: 40px;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.p44 {
  padding: 44px;
}

.pl44 {
  padding-left: 44px;
}

.pr44 {
  padding-right: 44px;
}

.pt44 {
  padding-top: 44px;
}

.pb44 {
  padding-bottom: 44px;
}

.p48 {
  padding: 48px;
}

.pl48 {
  padding-left: 48px;
}

.pr48 {
  padding-right: 48px;
}

.pt48 {
  padding-top: 48px;
}

.pb48 {
  padding-bottom: 48px;
}

.p52 {
  padding: 52px;
}

.pl52 {
  padding-left: 52px;
}

.pr52 {
  padding-right: 52px;
}

.pt52 {
  padding-top: 52px;
}

.pb52 {
  padding-bottom: 52px;
}

.p56 {
  padding: 56px;
}

.pl56 {
  padding-left: 56px;
}

.pr56 {
  padding-right: 56px;
}

.pt56 {
  padding-top: 56px;
}

.pb56 {
  padding-bottom: 56px;
}

.p60 {
  padding: 60px;
}

.pl60 {
  padding-left: 60px;
}

.pr60 {
  padding-right: 60px;
}

.pt60 {
  padding-top: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.p64 {
  padding: 64px;
}

.pl64 {
  padding-left: 64px;
}

.pr64 {
  padding-right: 64px;
}

.pt64 {
  padding-top: 64px;
}

.pb64 {
  padding-bottom: 64px;
}

.p68 {
  padding: 68px;
}

.pl68 {
  padding-left: 68px;
}

.pr68 {
  padding-right: 68px;
}

.pt68 {
  padding-top: 68px;
}

.pb68 {
  padding-bottom: 68px;
}

.p72 {
  padding: 72px;
}

.pl72 {
  padding-left: 72px;
}

.pr72 {
  padding-right: 72px;
}

.pt72 {
  padding-top: 72px;
}

.pb72 {
  padding-bottom: 72px;
}

.p76 {
  padding: 76px;
}

.pl76 {
  padding-left: 76px;
}

.pr76 {
  padding-right: 76px;
}

.pt76 {
  padding-top: 76px;
}

.pb76 {
  padding-bottom: 76px;
}

.p80 {
  padding: 80px;
}

.pl80 {
  padding-left: 80px;
}

.pr80 {
  padding-right: 80px;
}

.pt80 {
  padding-top: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.m160 {
  margin: 160px;
}

.ml160 {
  margin-left: 160px;
}

.mr160 {
  margin-right: 160px;
}

.mt160 {
  margin-top: 160px;
}

.mb160 {
  margin-bottom: 160px;
}

.p160 {
  padding: 160px;
}

.pl160 {
  padding-left: 160px;
}

.pr160 {
  padding-right: 160px;
}

.pt160 {
  padding-top: 160px;
}

.pb160 {
  padding-bottom: 160px;
}

@media all and (max-width: 480px) {
  .m0 {
    margin: 0 !important;
  }
  .ml0 {
    margin-left: 0 !important;
  }
  .mr0 {
    margin-right: 0 !important;
  }
  .mt0 {
    margin-top: 0 !important;
  }
  .mb0 {
    margin-bottom: 0 !important;
  }
  .m4 {
    margin: 0.833vw;
  }
  .ml4 {
    margin-left: 0.833vw;
  }
  .mr4 {
    margin-right: 0.833vw;
  }
  .mt4 {
    margin-top: 0.833vw;
  }
  .mb4 {
    margin-bottom: 0.833vw;
  }
  .m8 {
    margin: 1.667vw;
  }
  .ml8 {
    margin-left: 1.667vw;
  }
  .mr8 {
    margin-right: 1.667vw;
  }
  .mt8 {
    margin-top: 1.667vw;
  }
  .mb8 {
    margin-bottom: 1.667vw;
  }
  .m12 {
    margin: 2.5vw;
  }
  .ml12 {
    margin-left: 2.5vw;
  }
  .mr12 {
    margin-right: 2.5vw;
  }
  .mt12 {
    margin-top: 2.5vw;
  }
  .mb12 {
    margin-bottom: 2.5vw;
  }
  .m16 {
    margin: 3.333vw;
  }
  .ml16 {
    margin-left: 3.333vw;
  }
  .mr16 {
    margin-right: 3.333vw;
  }
  .mt16 {
    margin-top: 3.333vw;
  }
  .mb16 {
    margin-bottom: 3.333vw;
  }
  .m20 {
    margin: 4.167vw;
  }
  .ml20 {
    margin-left: 4.167vw;
  }
  .mr20 {
    margin-right: 4.167vw;
  }
  .mt20 {
    margin-top: 4.167vw;
  }
  .mb20 {
    margin-bottom: 4.167vw;
  }
  .m24 {
    margin: 5vw;
  }
  .ml24 {
    margin-left: 5vw;
  }
  .mr24 {
    margin-right: 5vw;
  }
  .mt24 {
    margin-top: 5vw;
  }
  .mb24 {
    margin-bottom: 5vw;
  }
  .m28 {
    margin: 5.833vw;
  }
  .ml28 {
    margin-left: 5.833vw;
  }
  .mr28 {
    margin-right: 5.833vw;
  }
  .mt28 {
    margin-top: 5.833vw;
  }
  .mb28 {
    margin-bottom: 5.833vw;
  }
  .m32 {
    margin: 6.667vw;
  }
  .ml32 {
    margin-left: 6.667vw;
  }
  .mr32 {
    margin-right: 6.667vw;
  }
  .mt32 {
    margin-top: 6.667vw;
  }
  .mb32 {
    margin-bottom: 6.667vw;
  }
  .m36 {
    margin: 7.5vw;
  }
  .ml36 {
    margin-left: 7.5vw;
  }
  .mr36 {
    margin-right: 7.5vw;
  }
  .mt36 {
    margin-top: 7.5vw;
  }
  .mb36 {
    margin-bottom: 7.5vw;
  }
  .m40 {
    margin: 8.333vw;
  }
  .ml40 {
    margin-left: 8.333vw;
  }
  .mr40 {
    margin-right: 8.333vw;
  }
  .mt40 {
    margin-top: 8.333vw;
  }
  .mb40 {
    margin-bottom: 8.333vw;
  }
  .m44 {
    margin: 9.167vw;
  }
  .ml44 {
    margin-left: 9.167vw;
  }
  .mr44 {
    margin-right: 9.167vw;
  }
  .mt44 {
    margin-top: 9.167vw;
  }
  .mb44 {
    margin-bottom: 9.167vw;
  }
  .m48 {
    margin: 10vw;
  }
  .ml48 {
    margin-left: 10vw;
  }
  .mr48 {
    margin-right: 10vw;
  }
  .mt48 {
    margin-top: 10vw;
  }
  .mb48 {
    margin-bottom: 10vw;
  }
  .m52 {
    margin: 10.833vw;
  }
  .ml52 {
    margin-left: 10.833vw;
  }
  .mr52 {
    margin-right: 10.833vw;
  }
  .mt52 {
    margin-top: 10.833vw;
  }
  .mb52 {
    margin-bottom: 10.833vw;
  }
  .m56 {
    margin: 11.667vw;
  }
  .ml56 {
    margin-left: 11.667vw;
  }
  .mr56 {
    margin-right: 11.667vw;
  }
  .mt56 {
    margin-top: 11.667vw;
  }
  .mb56 {
    margin-bottom: 11.667vw;
  }
  .m60 {
    margin: 12.5vw;
  }
  .ml60 {
    margin-left: 12.5vw;
  }
  .mr60 {
    margin-right: 12.5vw;
  }
  .mt60 {
    margin-top: 12.5vw;
  }
  .mb60 {
    margin-bottom: 12.5vw;
  }
  .m64 {
    margin: 13.333vw;
  }
  .ml64 {
    margin-left: 13.333vw;
  }
  .mr64 {
    margin-right: 13.333vw;
  }
  .mt64 {
    margin-top: 13.333vw;
  }
  .mb64 {
    margin-bottom: 13.333vw;
  }
  .m68 {
    margin: 14.167vw;
  }
  .ml68 {
    margin-left: 14.167vw;
  }
  .mr68 {
    margin-right: 14.167vw;
  }
  .mt68 {
    margin-top: 14.167vw;
  }
  .mb68 {
    margin-bottom: 14.167vw;
  }
  .m72 {
    margin: 15vw;
  }
  .ml72 {
    margin-left: 15vw;
  }
  .mr72 {
    margin-right: 15vw;
  }
  .mt72 {
    margin-top: 15vw;
  }
  .mb72 {
    margin-bottom: 15vw;
  }
  .m76 {
    margin: 15.833vw;
  }
  .ml76 {
    margin-left: 15.833vw;
  }
  .mr76 {
    margin-right: 15.833vw;
  }
  .mt76 {
    margin-top: 15.833vw;
  }
  .mb76 {
    margin-bottom: 15.833vw;
  }
  .m80 {
    margin: 16.667vw;
  }
  .ml80 {
    margin-left: 16.667vw;
  }
  .mr80 {
    margin-right: 16.667vw;
  }
  .mt80 {
    margin-top: 16.667vw;
  }
  .mb80 {
    margin-bottom: 16.667vw;
  }
  .p0 {
    padding: 0 !important;
  }
  .pl0 {
    padding-left: 0 !important;
  }
  .pr0 {
    padding-right: 0 !important;
  }
  .pt0 {
    padding-top: 0 !important;
  }
  .pb0 {
    padding-bottom: 0 !important;
  }
  .p4 {
    padding: 0.833vw;
  }
  .pl4 {
    padding-left: 0.833vw;
  }
  .pr4 {
    padding-right: 0.833vw;
  }
  .pt4 {
    padding-top: 0.833vw;
  }
  .pb4 {
    padding-bottom: 0.833vw;
  }
  .p8 {
    padding: 1.667vw;
  }
  .pl8 {
    padding-left: 1.667vw;
  }
  .pr8 {
    padding-right: 1.667vw;
  }
  .pt8 {
    padding-top: 1.667vw;
  }
  .pb8 {
    padding-bottom: 1.667vw;
  }
  .p12 {
    padding: 2.5vw;
  }
  .pl12 {
    padding-left: 2.5vw;
  }
  .pr12 {
    padding-right: 2.5vw;
  }
  .pt12 {
    padding-top: 2.5vw;
  }
  .pb12 {
    padding-bottom: 2.5vw;
  }
  .p16 {
    padding: 3.333vw;
  }
  .pl16 {
    padding-left: 3.333vw;
  }
  .pr16 {
    padding-right: 3.333vw;
  }
  .pt16 {
    padding-top: 3.333vw;
  }
  .pb16 {
    padding-bottom: 3.333vw;
  }
  .p20 {
    padding: 4.167vw;
  }
  .pl20 {
    padding-left: 4.167vw;
  }
  .pr20 {
    padding-right: 4.167vw;
  }
  .pt20 {
    padding-top: 4.167vw;
  }
  .pb20 {
    padding-bottom: 4.167vw;
  }
  .p24 {
    padding: 5vw;
  }
  .pl24 {
    padding-left: 5vw;
  }
  .pr24 {
    padding-right: 5vw;
  }
  .pt24 {
    padding-top: 5vw;
  }
  .pb24 {
    padding-bottom: 5vw;
  }
  .p28 {
    padding: 5.833vw;
  }
  .pl28 {
    padding-left: 5.833vw;
  }
  .pr28 {
    padding-right: 5.833vw;
  }
  .pt28 {
    padding-top: 5.833vw;
  }
  .pb28 {
    padding-bottom: 5.833vw;
  }
  .p32 {
    padding: 6.667vw;
  }
  .pl32 {
    padding-left: 6.667vw;
  }
  .pr32 {
    padding-right: 6.667vw;
  }
  .pt32 {
    padding-top: 6.667vw;
  }
  .pb32 {
    padding-bottom: 6.667vw;
  }
  .p36 {
    padding: 7.5vw;
  }
  .pl36 {
    padding-left: 7.5vw;
  }
  .pr36 {
    padding-right: 7.5vw;
  }
  .pt36 {
    padding-top: 7.5vw;
  }
  .pb36 {
    padding-bottom: 7.5vw;
  }
  .p40 {
    padding: 8.333vw;
  }
  .pl40 {
    padding-left: 8.333vw;
  }
  .pr40 {
    padding-right: 8.333vw;
  }
  .pt40 {
    padding-top: 8.333vw;
  }
  .pb40 {
    padding-bottom: 8.333vw;
  }
  .p44 {
    padding: 9.167vw;
  }
  .pl44 {
    padding-left: 9.167vw;
  }
  .pr44 {
    padding-right: 9.167vw;
  }
  .pt44 {
    padding-top: 9.167vw;
  }
  .pb44 {
    padding-bottom: 9.167vw;
  }
  .p48 {
    padding: 10vw;
  }
  .pl48 {
    padding-left: 10vw;
  }
  .pr48 {
    padding-right: 10vw;
  }
  .pt48 {
    padding-top: 10vw;
  }
  .pb48 {
    padding-bottom: 10vw;
  }
  .p52 {
    padding: 10.833vw;
  }
  .pl52 {
    padding-left: 10.833vw;
  }
  .pr52 {
    padding-right: 10.833vw;
  }
  .pt52 {
    padding-top: 10.833vw;
  }
  .pb52 {
    padding-bottom: 10.833vw;
  }
  .p56 {
    padding: 11.667vw;
  }
  .pl56 {
    padding-left: 11.667vw;
  }
  .pr56 {
    padding-right: 11.667vw;
  }
  .pt56 {
    padding-top: 11.667vw;
  }
  .pb56 {
    padding-bottom: 11.667vw;
  }
  .p60 {
    padding: 12.5vw;
  }
  .pl60 {
    padding-left: 12.5vw;
  }
  .pr60 {
    padding-right: 12.5vw;
  }
  .pt60 {
    padding-top: 12.5vw;
  }
  .pb60 {
    padding-bottom: 12.5vw;
  }
  .p64 {
    padding: 13.333vw;
  }
  .pl64 {
    padding-left: 13.333vw;
  }
  .pr64 {
    padding-right: 13.333vw;
  }
  .pt64 {
    padding-top: 13.333vw;
  }
  .pb64 {
    padding-bottom: 13.333vw;
  }
  .p68 {
    padding: 14.167vw;
  }
  .pl68 {
    padding-left: 14.167vw;
  }
  .pr68 {
    padding-right: 14.167vw;
  }
  .pt68 {
    padding-top: 14.167vw;
  }
  .pb68 {
    padding-bottom: 14.167vw;
  }
  .p72 {
    padding: 15vw;
  }
  .pl72 {
    padding-left: 15vw;
  }
  .pr72 {
    padding-right: 15vw;
  }
  .pt72 {
    padding-top: 15vw;
  }
  .pb72 {
    padding-bottom: 15vw;
  }
  .p76 {
    padding: 15.833vw;
  }
  .pl76 {
    padding-left: 15.833vw;
  }
  .pr76 {
    padding-right: 15.833vw;
  }
  .pt76 {
    padding-top: 15.833vw;
  }
  .pb76 {
    padding-bottom: 15.833vw;
  }
  .p80 {
    padding: 16.667vw;
  }
  .pl80 {
    padding-left: 16.667vw;
  }
  .pr80 {
    padding-right: 16.667vw;
  }
  .pt80 {
    padding-top: 16.667vw;
  }
  .pb80 {
    padding-bottom: 16.667vw;
  }
}
.fs-headline-1-24 {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  font-weight: 600;
}

.fs-headline-2-20 {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 600;
}

.fs-subtitle-1-18 {
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 600;
}

.fs-subtitle-2-16 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}

.fs-subtitle-3-16 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}

.fs-subtitle-4-14 {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}

.fs-body-1-14 {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
}

.fs-body-2-14 {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
}

.fs-body-3-14 {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}

.fs-body-4-13 {
  font-size: 0.8125rem;
  line-height: 1.2307692308;
  font-weight: 500;
}

.fs-detail-1-12 {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 400;
}

.txt-lt {
  text-align: left;
}

.txt-rt {
  text-align: right;
}

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

.fw-900 {
  font-weight: 900 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

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

.fw-600 {
  font-weight: 600 !important;
}

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

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

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

.fw-200 {
  font-weight: 200 !important;
}

.fw-100 {
  font-weight: 100 !important;
}

.va-ba {
  vertical-align: baseline !important;
}

.va-t {
  vertical-align: top !important;
}

.va-b {
  vertical-align: bottom !important;
}

.va-m {
  vertical-align: middle !important;
}

.va-s {
  vertical-align: sub !important;
}

.va-sp {
  vertical-align: super !important;
}

.va-tt {
  vertical-align: text-top !important;
}

.va-tb {
  vertical-align: text-bottom !important;
}

.txt-line-top {
  text-decoration: overline;
}

.txt-line-center {
  text-decoration: line-through;
}

.txt-line-bottom {
  text-decoration: underline;
}

.fst-no {
  font-style: normal;
}

.fst-it {
  font-style: italic;
}

.fst-ob {
  font-style: oblique;
}

.dot-list {
  padding-left: 15px;
}
.dot-list li {
  color: #6d6d73;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  list-style: disc;
  margin-bottom: 10px;
}
.dot-list li:last-of-type {
  margin-bottom: 0;
}

.w5p {
  width: 5% !important;
}
.w10p {
  width: 10% !important;
}
.w15p {
  width: 15% !important;
}
.w20p {
  width: 20% !important;
}
.w25p {
  width: 25% !important;
}
.w30p {
  width: 30% !important;
}
.w35p {
  width: 35% !important;
}
.w40p {
  width: 40% !important;
}
.w45p {
  width: 45% !important;
}
.w50p {
  width: 50% !important;
}
.w55p {
  width: 55% !important;
}
.w60p {
  width: 60% !important;
}
.w65p {
  width: 65% !important;
}
.w70p {
  width: 70% !important;
}
.w75p {
  width: 75% !important;
}
.w80p {
  width: 80% !important;
}
.w85p {
  width: 85% !important;
}
.w90p {
  width: 90% !important;
}
.w95p {
  width: 95% !important;
}
.w100p {
  width: 100% !important;
}

.half-width {
  width: calc(50% - 12px) !important;
}

.dp-n {
  display: none;
}

.dp-b {
  display: block;
}

.dp-ib {
  display: inline-block;
}

.po-rl {
  position: relative;
}

.po-ab {
  position: absolute;
}

.scroll {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #e7e7e9 #fff;
}
.scroll::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.scroll::-webkit-scrollbar-track {
  background-color: #fff;
  border: 0;
  border-top: 1px solid #fff;
}
.scroll::-webkit-scrollbar-thumb {
  min-height: 40px;
  border: 4px solid white;
  border-radius: 8px;
  background-color: #e7e7e9;
  background-clip: padding-box;
}
.scroll::-webkit-scrollbar-corner {
  background: #fff;
}

.blind {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  z-index: -100000;
}

span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.no-space {
  white-space: nowrap;
}

.space {
  white-space: wrap;
}

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

.v-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}