@charset "UTF-8";

div, p, span{
  letter-spacing: -0.02em;
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/* font style */
.fs-black-30{
  font-size: 3rem;
  font-weight: 900;
}
.fs-bold-24{
  font-size: 2.4rem;
  font-weight: 700;
}
.fs-bold-20{
  font-size: 2rem;
  font-weight: 700;
}
.fs-semibold-24{
  font-size: 2.4rem;
  font-weight: 600;
}
.fs-semibold-20{
  font-size: 2rem;
  font-weight: 600;
}
.fs-semibold-18{
  font-size: 1.8rem;
  font-weight: 600;
}
.fs-semibold-16{
  font-size: 1.6rem;
  font-weight: 600;
}
.fs-semibold-14{
  font-size: 1.4rem;
  font-weight: 600;
}
.fs-medium-30{
  font-size: 3rem;
  font-weight: 500;
}
.fs-medium-18{
  font-size: 1.8rem;
  font-weight: 500;
}
.fs-medium-16{
  font-size: 1.6rem;
  font-weight: 500;
}
.fs-medium-15{
  font-size: 1.5rem;
  font-weight: 500;
}
.fs-medium-14{
  font-size: 1.4rem;
  font-weight: 500;
}
.fs-medium-13{
  font-size: 1.3rem;
  font-weight: 500;
}
.fs-regular-16{
  font-size: 1.6rem;
  font-weight: 400;
}
.fs-regular-14{
  font-size: 1.4rem;
  font-weight: 400;
}
.fs-12{
  font-size: 1.2rem;
}
.fs-13{
  font-size: 1.3rem;
}
.fs-14{
  font-size: 14px;
}
.fs-15{
  font-size: 15px;
}
.fs-16{
  font-size: 16px;
}

.lh1{
  line-height: 1;
}

/* color */

.fc-gray-50 {
  color: var(--gray50) !important;
}

.bg-gray-50 {
  background-color: var(--gray50) !important;
}

.bd-gray-50 {
  border-color: var(--gray50) !important;
}

.fc-gray-100 {
  color: var(--gray100) !important;
}

.bg-gray-100 {
  background-color: var(--gray100) !important;
}

.bd-gray-100 {
  border-color: var(--gray100) !important;
}

.fc-gray-200 {
  color: var(--gray200) !important;
}

.bg-gray-200 {
  background-color: var(--gray200) !important;
}

.bd-gray-200 {
  border-color: var(--gray200) !important;
}

.fc-gray-250 {
  color: var(--gray250) !important;
}

.bg-gray-250 {
  background-color: var(--gray250) !important;
}

.bd-gray-250 {
  border-color: var(--gray250) !important;
}

.fc-gray-300 {
  color: var(--gray300) !important;
}

.bg-gray-300 {
  background-color: var(--gray300) !important;
}

.bd-gray-300 {
  border-color: var(--gray300) !important;
}

.fc-gray-400 {
  color: var(--gray400) !important;
}

.bg-gray-400 {
  background-color: var(--gray400) !important;
}

.bd-gray-400 {
  border-color: var(--gray400) !important;
}

.fc-gray-500 {
  color: var(--gray500) !important;
}

.bg-gray-500 {
  background-color: var(--gray500) !important;
}

.bd-gray-500 {
  border-color: var(--gray500) !important;
}

.fc-gray-600 {
  color: var(--gray600) !important;
}

.bg-gray-600 {
  background-color: var(--gray600) !important;
}

.bd-gray-600 {
  border-color: var(--gray600) !important;
}

.fc-gray-700 {
  color: var(--gray700) !important;
}

.bg-gray-700 {
  background-color: var(--gray700) !important;
}

.bd-gray-700 {
  border-color: var(--gray700) !important;
}

.fc-gray-800 {
  color: var(--gray800) !important;
}

.bg-gray-800 {
  background-color: var(--gray800) !important;
}

.bd-gray-800 {
  border-color: var(--gray800) !important;
}

.fc-gray-900 {
  color: var(--gray900) !important;
}

.bg-gray-900 {
  background-color: var(--gray900) !important;
}

.bd-gray-900 {
  border-color: var(--gray900) !important;
}

.fc-red-300 {
  color: var(--red300) !important;
}

.bg-red-300 {
  background-color: var(--red300) !important;
}

.bd-red-300 {
  border-color: var(--red300) !important;
}

.fc-red-400 {
  color: var(--red400) !important;
}

.bg-red-400 {
  background-color: var(--red400) !important;
}

.bd-red-400 {
  border-color: var(--red400) !important;
}

.fc-red-500 {
  color: var(--red500) !important;
}

.bg-red-500 {
  background-color: var(--red500) !important;
}

.bd-red-500 {
  border-color: var(--red500) !important;
}

.fc-purple-400 {
  color: var(--purple400) !important;
}

.bg-purple-400 {
  background-color: var(--purple400) !important;
}

.bd-purple-400 {
  border-color: var(--purple400) !important;
}

.fc-purple-500 {
  color: var(--purple500) !important;
}

.bg-purple-500 {
  background-color: var(--purple500) !important;
}

.bd-purple-500 {
  border-color: var(--purple500) !important;
}

.fc-indigo-400 {
  color: var(--indigo400) !important;
}

.bg-indigo-400 {
  background-color: var(--indigo400) !important;
}

.bd-indigo-400 {
  border-color: var(--indigo400) !important;
}

.fc-indigo-500 {
  color: var(--indigo500) !important;
}

.bg-indigo-500 {
  background-color: var(--indigo500) !important;
}

.bd-indigo-500 {
  border-color: var(--indigo500) !important;
}

.fc-blue-400 {
  color: var(--blue500) !important;
}

.bg-blue-400 {
  background-color: var(--blue500) !important;
}

.bd-blue-400 {
  border-color: var(--blue500) !important;
}

.fc-blue-500 {
  color: var(--blue500) !important;
}

.bg-blue-500 {
  background-color: var(--blue500) !important;
}

.bd-blue-500 {
  border-color: var(--blue500) !important;
}

.fc-sky-400 {
  color: var(--sky500) !important;
}

.bg-sky-400 {
  background-color: var(--sky500) !important;
}

.bd-sky-400 {
  border-color: var(--sky500) !important;
}

.fc-sky-500 {
  color: var(--sky500) !important;
}

.bg-sky-500 {
  background-color: var(--sky500) !important;
}
.bd-sky-500 {
  border-color: var(--sky500) !important;
}

.fc-sky-600 {
  color: var(--sky600) !important;
}

.bg-sky-600 {
  background-color: var(--sky600) !important;
}

.bd-sky-600 {
  border-color: var(--sky600) !important;
}

.fc-green-400 {
  color: var(--green400) !important;
}

.bg-green-400 {
  background-color: var(--green400) !important;
}

.bd-green-400 {
  border-color: var(--green400) !important;
}

.fc-green-500 {
  color: var(--green500) !important;
}

.bg-green-500 {
  background-color: var(--green500) !important;
}

.bd-green-500 {
  border-color: var(--green500) !important;
}

.fc-green-600 {
  color: var(--green600) !important;
}

.bg-green-600 {
  background-color: var(--green600) !important;
}

.bd-green-600 {
  border-color: var(--green600) !important;
}

.fc-lime-400 {
  color: var(--lime400) !important;
}

.bg-lime-400 {
  background-color: var(--lime400) !important;
}

.bd-lime-400 {
  border-color: var(--lime400) !important;
}

.fc-lime-500 {
  color: var(--lime500) !important;
}

.bg-lime-500 {
  background-color: var(--lime500) !important;
}

.bd-lime-500 {
  border-color: var(--lime500) !important;
}

.fc-mustard-400 {
  color: var(--mustard400) !important;
}

.bg-mustard-400 {
  background-color: var(--mustard400) !important;
}

.bd-mustard-400 {
  border-color: var(--mustard400) !important;
}

.fc-mustard-500 {
  color: var(--mustard500) !important;
}

.bg-mustard-500 {
  background-color: var(--mustard500) !important;
}

.bd-mustard-500 {
  border-color: var(--mustard500) !important;
}

.fc-mustard-600 {
  color: var(--mustard600) !important;
}

.bg-mustard-600 {
  background-color: var(--mustard600) !important;
}

.bd-mustard-600 {
  border-color: var(--mustard600) !important;
}

.fc-tck-400 {
  color: var(--tck400) !important;
}

.bg-tck-400 {
  background-color: var(--tck400) !important;
}

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

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

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

.bg-violet-500{
  background-color: var(--violet500) !important;
}
.bd-violet-500{
  border-color: var(--violet500) !important;
}
.fc-violet-500{
  color: var(--violet500) !important;
}

/* success */

.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;
}

/* warning */
.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;
}

/* danger */

.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;
}

/* white */

.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(--primary) !important;
}

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

.bd-primary {
  border-color: var(--primary) !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-none{
  border-color: transparent !important;
}
.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;
  align-items: center;
}
.flex-box-col{
  display: flex;
  flex-direction: column;
}
.flex-box.column{
  flex-direction: column;
}
.flex-box.inline {
  display: inline-flex;
}
.flex-box.between {
  justify-content: space-between;
}
.flex-box.center {
  justify-content: center;
}
.flex-box.end {
  justify-content: flex-end;
}
.flex-box.nowrap {
  flex-wrap: nowrap;
}
.flex-box.va-top {
  align-items: flex-start;
}
.flex-box.va-center {
  align-items: center;
}
.flex-box.baseline{
  align-items: baseline;
}
.flex-box.bottom{
  align-items: flex-end;
}
.flex-box .grid-item-1 {
  width: 100%;
}
.flex-box .grid-item-2 {
  width: calc((100% - 10px * 1) / 2);
}
.flex-box .grid-item-3 {
  width: calc((100% - 10px * 2) / 3);
}
.flex-box .grid-item-4 {
  width: calc((100% - 10px * 3) / 4);
}
.flex-box .grid-item-5 {
  width: calc((100% - 10px * 4) / 5);
}
.flex-box .grid-item-6 {
  width: calc((100% - 10px * 5) / 6);
}
.flex-box .grid-item-7 {
  width: calc((100% - 10px * 6) / 7);
}
.flex-box .grid-item-8 {
  width: calc((100% - 10px * 7) / 8);
}
.flex-box .grid-item-9 {
  width: calc((100% - 10px * 8) / 9);
}
.flex-box .grid-item-10 {
  width: calc((100% - 10px * 9) / 10);
}
.flex-box .grid-item-11 {
  width: calc((100% - 10px * 10) / 11);
}
.flex-box .grid-item-12 {
  width: calc((100% - 10px * 11) / 12);
}
.flex{
  flex: 1;
}
.gap-2{
  gap: 2px !important;
}
.gap-4{
  gap: 4px !important;
}
.gap-6{
  gap: 6px !important;
}
.gap-8{
  gap: 8px !important;
}
.gap-10{
  gap: 10px !important;
}
.gap-12{
  gap: 12px !important;
}
.gap-16{
  gap: 16px !important;
}
.gap-20{
  gap: 20px !important;
}
.gap-24{
  gap: 24px !important;
}
.gap-40{
  gap: 40px !important;
}

.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: var(--gray900);
}
.ic-x-lg{
  width: 28px;
  height: 28px;
}
.ic-lg {
  width: 24px;
  height: 24px;
}
.ic-md {
  width: 20px;
  height: 20px;
}
.ic-sm {
  width: 16px;
  height: 16px;
}
.ic-x-sm{
  width: 12px;
  height: 12px;
}
.ic-circle-md {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.circle{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.ic.adjustment{
  -webkit-mask-image: url("/images/icon/ic-adjustment.svg");
  mask-image: url("/images/icon/ic-adjustment.svg");
}
.ic.amend{
  -webkit-mask-image: url("/images/icon/ic-amend.svg");
  mask-image: url("/images/icon/ic-amend.svg");
}
.ic.answer{
  -webkit-mask-image: url("/images/icon/ic-answer.svg");
  mask-image: url("/images/icon/ic-answer.svg");
}
.ic.arrow-left{
  -webkit-mask-image: url("/images/icon/ic-arrow-left.svg");
  mask-image: url("/images/icon/ic-arrow-left.svg");
}
.ic.calendar{
  -webkit-mask-image: url("/images/icon/ic-calendar.svg");
  mask-image: url("/images/icon/ic-calendar.svg");
}
.ic.calendar-plus{
  -webkit-mask-image: url("/images/icon/ic-calendar-plus.svg");
  mask-image: url("/images/icon/ic-calendar-plus.svg");
}
.ic.camera-search{
  -webkit-mask-image: url("/images/icon/ic-camera-search.svg");
  mask-image: url("/images/icon/ic-camera-search.svg");
}
.ic.change-status{
  -webkit-mask-image: url("/images/icon/ic-change-status.svg");
  mask-image: url("/images/icon/ic-change-status.svg");
}
.ic.chart{
  -webkit-mask-image: url("/images/icon/ic-chart.svg");
  mask-image: url("/images/icon/ic-chart.svg");
}
.ic.check{
  -webkit-mask-image: url("/images/icon/ic-check.svg");
  mask-image: url("/images/icon/ic-check.svg");
}
.ic.check-round{
  -webkit-mask-image: url("/images/icon/ic-check-round.svg");
  mask-image: url("/images/icon/ic-check-round.svg");
}
.ic.chevron-down {
  -webkit-mask-image: url("/images/icon/ic-chevron-down.svg");
  mask-image: url("/images/icon/ic-chevron-down.svg");
}
.ic.chevron-left {
  -webkit-mask-image: url("/images/icon/ic-chevron-left.svg");
  mask-image: url("/images/icon/ic-chevron-left.svg");
}
.ic.chevron-right {
  -webkit-mask-image: url("/images/icon/ic-chevron-right.svg");
  mask-image: url("/images/icon/ic-chevron-right.svg");
}
.ic.chevron-up {
  -webkit-mask-image: url("/images/icon/ic-chevron-up.svg");
  mask-image: url("/images/icon/ic-chevron-up.svg");
}
.ic.clock{
  -webkit-mask-image: url("/images/icon/ic-clock.svg");
  mask-image: url("/images/icon/ic-clock.svg");
}
.ic.close{
  -webkit-mask-image: url("/images/icon/ic-close.svg");
  mask-image: url("/images/icon/ic-close.svg");
}
.ic.close-folder{
  -webkit-mask-image: url("/images/icon/ic-close-folder.svg");
  mask-image: url("/images/icon/ic-close-folder.svg");
}
.ic.close-menu{
  -webkit-mask-image: url("/images/icon/ic-close-menu.svg");
  mask-image: url("/images/icon/ic-close-menu.svg");
}
.ic.close-round{
  -webkit-mask-image: url("/images/icon/ic-close-round.svg");
  mask-image: url("/images/icon/ic-close-round.svg");
}
.ic.copy{
  -webkit-mask-image: url("/images/icon/ic-copy.svg");
  mask-image: url("/images/icon/ic-copy.svg");
}
.ic.defer{
  -webkit-mask-image: url("/images/icon/ic-defer.svg");
  mask-image: url("/images/icon/ic-defer.svg");
}
.ic-cancel{
  -webkit-mask-image: url("/images/icon/ic-document-cancel.svg");
  mask-image: url("/images/icon/ic-document-cancel.svg");
}
.ic.download{
  -webkit-mask-image: url("/images/icon/ic-download.svg");
  mask-image: url("/images/icon/ic-download.svg");
}
.ic.edit{
  -webkit-mask-image: url("/images/icon/ic-edit.svg");
  mask-image: url("/images/icon/ic-edit.svg");
}
.ic.empty-star{
  -webkit-mask-image: url("/images/icon/ic-empty-star.svg");
  mask-image: url("/images/icon/ic-empty-star.svg");
}
.ic.fill-alarm{
  -webkit-mask-image: url("/images/icon/ic-line-alarm.svg");
  mask-image: url("/images/icon/ic-line-alarm.svg");
}
.ic.fill-alarm-on{
    -webkit-mask-image: url("/images/icon/ic-line-alarm-on.svg");
  mask-image: url("/images/icon/ic-line-alarm-on.svg");
}
.ic.fill-apply{
  -webkit-mask-image: url("/images/icon/ic-fill-apply.svg");
  mask-image: url("/images/icon/ic-fill-apply.svg");
}
.ic.fill-briefcase{
  -webkit-mask-image: url("/images/icon/ic-fill-briefcase.svg");
  mask-image: url("/images/icon/ic-fill-briefcase.svg");
}
.ic.fill-calendar{
  -webkit-mask-image: url("/images/icon/ic-fill-calendar.svg");
  mask-image: url("/images/icon/ic-fill-calendar.svg");
}
.ic.fill-camera{
  -webkit-mask-image: url("/images/icon/ic-fill-camera.svg");
  mask-image: url("/images/icon/ic-fill-camera.svg");
}
.ic.fill-candidate{
  -webkit-mask-image: url("/images/icon/ic-fill-candidate.svg");
  mask-image: url("/images/icon/ic-fill-candidate.svg");
}
.ic.fill-chart{
  -webkit-mask-image: url("/images/icon/ic-fill-chart.svg");
  mask-image: url("/images/icon/ic-fill-chart.svg");
}
.ic.fill-company{
  -webkit-mask-image: url("/images/icon/ic-fill-company.svg");
  mask-image: url("/images/icon/ic-fill-company.svg");
}
.ic.fill-complete{
  -webkit-mask-image: url("/images/icon/ic-fill-complete.svg");
  mask-image: url("/images/icon/ic-fill-complete.svg");
}
.ic.fill-document{
  -webkit-mask-image: url("/images/icon/ic-fill-document.svg");
  mask-image: url("/images/icon/ic-fill-document.svg");
}
.ic.fill-file{
  -webkit-mask-image: url("/images/icon/ic-fill-file.svg");
  mask-image: url("/images/icon/ic-fill-file.svg");
}
.ic.fill-grid{
    -webkit-mask-image: url("/images/icon/ic-fill-grid.svg");
    mask-image: url("/images/icon/ic-fill-grid.svg");
}
.ic.fill-location{
  -webkit-mask-image: url("/images/icon/ic-fill-location.svg");
  mask-image: url("/images/icon/ic-fill-location.svg");
}
.ic.fill-member{
  -webkit-mask-image: url("/images/icon/ic-fill-member.svg");
  mask-image: url("/images/icon/ic-fill-member.svg");
}
.ic.fill-modify{
  -webkit-mask-image: url("/images/icon/ic-fill-modify.svg");
  mask-image: url("/images/icon/ic-fill-modify.svg");
}
.ic.fill-notice{
  -webkit-mask-image: url("/images/icon/ic-fill-notice.svg");
  mask-image: url("/images/icon/ic-fill-notice.svg");
}
.ic.fill-pause{
  -webkit-mask-image: url("/images/icon/ic-fill-pause.svg");
  mask-image: url("/images/icon/ic-fill-pause.svg");
}
.ic.fill-play{
  -webkit-mask-image: url("/images/icon/ic-fill-play.svg");
  mask-image: url("/images/icon/ic-fill-play.svg");
}
.ic.fill-radius-star{
  -webkit-mask-image: url("/images/icon/ic-fill-radius-star.svg");
  mask-image: url("/images/icon/ic-fill-radius-star.svg");
}
.ic.fill-shield{
  -webkit-mask-image: url("/images/icon/ic-fill-shield.svg");
  mask-image: url("/images/icon/ic-fill-shield.svg");
}
.ic.fill-star {
  -webkit-mask-image: url("/images/icon/ic-fill-star.svg");
  mask-image: url("/images/icon/ic-fill-star.svg");
}
.ic.fill-template{
  -webkit-mask-image: url("/images/icon/ic-fill-template.svg");
  mask-image: url("/images/icon/ic-fill-template.svg");
}
.ic.fill-user{
  -webkit-mask-image: url("/images/icon/ic-fill-user.svg");
  mask-image: url("/images/icon/ic-fill-user.svg");
}
.ic.fill-verification{
  -webkit-mask-image: url("/images/icon/ic-fill-verification.svg");
  mask-image: url("/images/icon/ic-fill-verification.svg");
}
.ic.folder-plus{
  -webkit-mask-image: url("/images/icon/ic-folder-plus.svg");
  mask-image: url("/images/icon/ic-folder-plus.svg");
}
.ic-hide{
    -webkit-mask-image: url("/images/icon/ic-md-view.svg");
    mask-image: url("/images/icon/ic-md-view.svg");
}
.ic.line-alarm{
  -webkit-mask-image: url("/images/icon/ic-line-alarm.svg");
  mask-image: url("/images/icon/ic-line-alarm.svg");
}
.ic.line-alarm-on{
  -webkit-mask-image: none;
  mask-image: none;
  background: url(/images/icon/ic-line-alarm-on.svg) no-repeat center;
  background-size: contain;
}
.ic.line-announce{
  -webkit-mask-image: url("/images/icon/ic-line-announce.svg");
  mask-image: url("/images/icon/ic-line-announce.svg");
}
.ic.line-announcement{
  -webkit-mask-image: url("/images/icon/ic-line-announcement.svg");
  mask-image: url("/images/icon/ic-line-announcement.svg");
}
.ic.line-apply{
  -webkit-mask-image: url("/images/icon/ic-line-apply.svg");
  mask-image: url("/images/icon/ic-line-apply.svg");
}
.ic.line-briefcase{
  -webkit-mask-image: url("/images/icon/ic-line-briefcase.svg");
  mask-image: url("/images/icon/ic-line-briefcase.svg");
}
.ic.line-building{
  -webkit-mask-image: url("/images/icon/ic-line-building.svg");
  mask-image: url("/images/icon/ic-line-building.svg");
}
.ic.line-calendar{
  -webkit-mask-image: url("/images/icon/ic-line-calendar.svg");
  mask-image: url("/images/icon/ic-line-calendar.svg");
}
.ic.line-candidate{
  -webkit-mask-image: url("/images/icon/ic-line-candidate.svg");
  mask-image: url("/images/icon/ic-line-candidate.svg");
}
.ic.line-cash{
  -webkit-mask-image: url("/images/icon/ic-line-cash.svg");
  mask-image: url("/images/icon/ic-line-cash.svg");
}
.ic.line-chart{
  -webkit-mask-image: url("/images/icon/ic-line-chart.svg");
  mask-image: url("/images/icon/ic-line-chart.svg");
}
.ic.line-chartdots{
  -webkit-mask-image: url("/images/icon/ic-line-chartdots.svg");
  mask-image: url("/images/icon/ic-line-chartdots.svg");
}
.ic.line-close-round{
  -webkit-mask-image: url("/images/icon/ic-line-close-round.svg");
  mask-image: url("/images/icon/ic-line-close-round.svg");
}
.ic.line-company{
  -webkit-mask-image: url("/images/icon/ic-line-company.svg");
  mask-image: url("/images/icon/ic-line-company.svg");
}
.ic.line-down{
  -webkit-mask-image: url("/images/icon/ic-line-down.svg");
  mask-image: url("/images/icon/ic-line-down.svg");
}
.ic.line-download{
  -webkit-mask-image: url("/images/icon/ic-line-download.svg");
  mask-image: url("/images/icon/ic-line-download.svg");
}
.ic.line-file{
  -webkit-mask-image: url("/images/icon/ic-line-file.svg");
  mask-image: url("/images/icon/ic-line-file.svg");
}
.ic.line-grid{
    -webkit-mask-image: url("/images/icon/ic-line-grid.svg");
    mask-image: url("/images/icon/ic-line-grid.svg");
}
.ic.line-member{
  -webkit-mask-image: url("/images/icon/ic-line-member.svg");
  mask-image: url("/images/icon/ic-line-member.svg");
}
.ic.line-people{
  -webkit-mask-image: url("/images/icon/ic-line-people.svg");
  mask-image: url("/images/icon/ic-line-people.svg");
}
.ic.line-recruitment{
  -webkit-mask-image: url("/images/icon/ic-line-recruitment.svg");
  mask-image: url("/images/icon/ic-line-recruitment.svg");
}
.ic.line-reload{
  -webkit-mask-image: url("/images/icon/ic-line-reload.svg");
  mask-image: url("/images/icon/ic-line-reload.svg");
}
.ic.line-resources{
  -webkit-mask-image: url("/images/icon/ic-line-resources.svg");
  mask-image: url("/images/icon/ic-line-resources.svg");
}
.ic.line-shield{
  -webkit-mask-image: url("/images/icon/ic-line-shield.svg");
  mask-image: url("/images/icon/ic-line-shield.svg");
}
.ic.line-template{
  -webkit-mask-image: url("/images/icon/ic-line-template.svg");
  mask-image: url("/images/icon/ic-line-template.svg");
}
.ic.line-up{
  -webkit-mask-image: url("/images/icon/ic-line-up.svg");
  mask-image: url("/images/icon/ic-line-up.svg");
}
.ic.line-user-config{
  -webkit-mask-image: url("/images/icon/ic-line-user-config.svg");
  mask-image: url("/images/icon/ic-line-user-config.svg");
}
.ic.line-user-location{
  -webkit-mask-image: url("/images/icon/ic-line-user-location.svg");
  mask-image: url("/images/icon/ic-line-user-location.svg");
}
.ic.line-users-plus{
  -webkit-mask-image: url("/images/icon/ic-line-users-plus.svg");
  mask-image: url("/images/icon/ic-line-users-plus.svg");
}
.ic.line-world{
  -webkit-mask-image: url("/images/icon/ic-line-world.svg");
  mask-image: url("/images/icon/ic-line-world.svg");
}
.ic.location{
  -webkit-mask-image: url("/images/icon/ic-location.svg");
  mask-image: url("/images/icon/ic-location.svg");
}
.ic.masking{
  -webkit-mask-image: url("/images/icon/ic-masking.svg");
  mask-image: url("/images/icon/ic-masking.svg");
}
.ic.md-filter{
  -webkit-mask-image: url("/images/icon/ic-md-filter.svg");
  mask-image: url("/images/icon/ic-md-filter.svg");
}
.ic.md-grap{
  -webkit-mask-image: url("/images/icon/ic-md-grap.svg");
  mask-image: url("/images/icon/ic-md-grap.svg");
}
.ic.menu{
  -webkit-mask-image: url("/images/icon/ic-menu.svg");
  mask-image: url("/images/icon/ic-menu.svg");
}
.ic.new-window{
  -webkit-mask-image: url("/images/icon/ic-new-window.svg");
  mask-image: url("/images/icon/ic-new-window.svg");
}
.ic.ongoing{
  -webkit-mask-image: url("/images/icon/ic-ongoing.svg");
  mask-image:url("/images/icon/ic-ongoing.svg");
}
.ic.open-folder{
  -webkit-mask-image: url("/images/icon/ic-open-folder.svg");
  mask-image: url("/images/icon/ic-open-folder.svg");
}
.ic.open-menu{
  -webkit-mask-image: url("/images/icon/ic-open-menu.svg");
  mask-image: url("/images/icon/ic-open-menu.svg");
}
.ic.plus{
  -webkit-mask-image: url("/images/icon/ic-plus.svg");
  mask-image: url("/images/icon/ic-plus.svg");
}
.ic.question{
  -webkit-mask-image: url("/images/icon/ic-question.svg");
  mask-image: url("/images/icon/ic-question.svg");
}
.ic.resource{
  -webkit-mask-image: url("/images/icon/ic-resource.svg");
  mask-image: url("/images/icon/ic-resource.svg");
}
.ic.search{
  -webkit-mask-image: url("/images/icon/ic-search.svg");
  mask-image: url("/images/icon/ic-search.svg");
}
.ic.search2{
  -webkit-mask-image: url("/images/icon/ic-search2.svg");
  mask-image: url("/images/icon/ic-search2.svg");
}
.ic.security{
  -webkit-mask-image: url("/images/icon/ic-security.svg");
  mask-image: url("/images/icon/ic-security.svg");
}
.ic.setting{
  -webkit-mask-image: url("/images/icon/ic-setting.svg");
  mask-image: url("/images/icon/ic-setting.svg");
}
.ic.sm-close{
  -webkit-mask-image: url("/images/icon/ic-sm-close.svg");
  mask-image: url("/images/icon/ic-sm-close.svg");
}
.ic.sm-dbl-down{
  -webkit-mask-image: url("/images/icon/ic-sm-dbl-down.svg");
  mask-image: url("/images/icon/ic-sm-dbl-down.svg");
}
.ic.sm-dbl-left{
  -webkit-mask-image: url("/images/icon/ic-sm-dbl-left.svg");
  mask-image: url("/images/icon/ic-sm-dbl-left.svg");
}
.ic.sm-dbl-right{
  -webkit-mask-image: url("/images/icon/ic-sm-dbl-right.svg");
  mask-image: url("/images/icon/ic-sm-dbl-right.svg");
}
.ic.sm-dbl-up{
  -webkit-mask-image: url("/images/icon/ic-sm-dbl-up.svg");
  mask-image: url("/images/icon/ic-sm-dbl-up.svg");
}
.ic.sm-calendar{
  -webkit-mask-image: url("/images/icon/ic-sm-calendar.svg");
  mask-image: url("/images/icon/ic-sm-calendar.svg");
}
.ic.sm-call{
  -webkit-mask-image: url("/images/icon/ic-sm-call.svg");
  mask-image: url("/images/icon/ic-sm-call.svg");
}
.ic.sm-check{
  -webkit-mask-image: url("/images/icon/ic-sm-check.svg");
  mask-image: url("/images/icon/ic-sm-check.svg");
}
.ic.sm-download{
  -webkit-mask-image: url("/images/icon/ic-sm-download.svg");
  mask-image: url("/images/icon/ic-sm-download.svg");
}
.ic.sm-upload{
  -webkit-mask-image: url("/images/icon/ic-sm-upload.svg");
  mask-image: url("/images/icon/ic-sm-upload.svg");
}
.ic.sm-down{
  -webkit-mask-image: url("/images/icon/ic-sm-down.svg");
  mask-image: url("/images/icon/ic-sm-down.svg");
}
.ic.sm-empty-star{
  -webkit-mask-image: url("/images/icon/ic-sm-empty-star.svg");
  mask-image: url("/images/icon/ic-sm-empty-star.svg");
}
.ic.sm-left{
  -webkit-mask-image: url("/images/icon/ic-sm-left.svg");
  mask-image: url("/images/icon/ic-sm-left.svg");
}
.ic.sm-right{
  -webkit-mask-image: url("/images/icon/ic-sm-right.svg");
  mask-image: url("/images/icon/ic-sm-right.svg");
}
.ic.sm-reload{
  -webkit-mask-image: url("/images/icon/ic-sm-reload.svg");
  mask-image: url("/images/icon/ic-sm-reload.svg");
}
.ic.sm-search{
  -webkit-mask-image: url("/images/icon/ic-sm-search.svg");
  mask-image: url("/images/icon/ic-sm-search.svg");
}
.ic.sm-trash{
  -webkit-mask-image: url("/images/icon/ic-sm-trash.svg");
  mask-image: url("/images/icon/ic-sm-trash.svg");
}
.ic.sm-up{
  -webkit-mask-image: url("/images/icon/ic-sm-up.svg");
  mask-image: url("/images/icon/ic-sm-up.svg");
}
.ic.step-cancel{
  -webkit-mask-image: url("/images/icon/ic-step-cancel.svg");
  mask-image: url("/images/icon/ic-step-cancel.svg");
}
.ic.step-document{
  -webkit-mask-image: url("/images/icon/ic-step-doc.svg");
  mask-image: url("/images/icon/ic-step-doc.svg");
}
.ic.step-interview{
  -webkit-mask-image: url("/images/icon/ic-step-interview.svg");
  mask-image: url("/images/icon/ic-step-interview.svg");
}
.ic.step-education{
  -webkit-mask-image: url("/images/icon/ic-step-education.svg");
  mask-image: url("/images/icon/ic-step-education.svg");
}
.ic.step-join{
  -webkit-mask-image: url("/images/icon/ic-step-join.svg");
  mask-image: url("/images/icon/ic-step-join.svg");
}
.ic.success-round{
  -webkit-mask-image: url("/images/icon/ic-success-round.svg");
  mask-image: url("/images/icon/ic-success-round.svg");
}
.ic.template{
  -webkit-mask-image: url("/images/icon/ic-template.svg");
  mask-image: url("/images/icon/ic-template.svg");
}
.ic.trash{
  -webkit-mask-image: url("/images/icon/ic-trash.svg");
  mask-image: url("/images/icon/ic-trash.svg");
}
.ic.triangle-down{
  -webkit-mask-image: url("/images/icon/ic-triangle-down.svg");
  mask-image: url("/images/icon/ic-triangle-down.svg");
}
.ic.triangle-right{
  -webkit-mask-image: url("/images/icon/ic-triangle-right.svg");
  mask-image: url("/images/icon/ic-triangle-right.svg");
}
.ic.upload{
  -webkit-mask-image: url("/images/icon/ic-upload.svg");
  mask-image: url("/images/icon/ic-upload.svg");
}
.ic-user-circle{
  -webkit-mask-image: url("/images/icon/ic-user-circle.svg");
  mask-image: url("/images/icon/ic-user-circle.svg");
}
.ic-view{
    -webkit-mask-image: url("/images/icon/ic-md-hide.svg");
    mask-image: url("/images/icon/ic-md-hide.svg");
}
.ic.warning-round{
  -webkit-mask-image: url("/images/icon/ic-warning-round.svg");
  mask-image: url("/images/icon/ic-warning-round.svg");
}

/* 260428 추가 : Start */
.ic.ic-link{
  -webkit-mask-image: url("/images/icon/ic-link.svg");
  mask-image: url("/images/icon/ic-link.svg");
}

.ic.ic-print{
  -webkit-mask-image: url("/images/icon/ic-print.svg");
  mask-image: url("/images/icon/ic-print.svg");
}

.ic.ic-download{
  -webkit-mask-image: url("/images/icon/ic-download.svg");
  mask-image: url("/images/icon/ic-download.svg");
}

.ic.ic-contact{
  -webkit-mask-image: url("/images/icon/ic-contact.svg");
  mask-image: url("/images/icon/ic-contact.svg");
}

.ic.ic-state{
  -webkit-mask-image: url("/images/icon/ic-state.svg");
  mask-image: url("/images/icon/ic-state.svg");
}

.ic.ic-three-dot{
  -webkit-mask-image: url("/images/icon/ic-three-dot.svg");
  mask-image: url("/images/icon/ic-three-dot.svg");
}

.ic.ic-add{
  -webkit-mask-image: url("/images/icon/ic-add.svg");
  mask-image: url("/images/icon/ic-add.svg");
}

.ic.ic-education{
  -webkit-mask-image: url("/images/icon/ic-education.svg");
  mask-image: url("/images/icon/ic-education.svg");
}

.ic.ic-hires, .ic.ic-join{
  -webkit-mask-image: url("/images/icon/ic-hires.svg");
  mask-image: url("/images/icon/ic-hires.svg");
}

.ic.ic-interview{
  -webkit-mask-image: url("/images/icon/ic-interview.svg");
  mask-image: url("/images/icon/ic-interview.svg");
}

.ic.ic-document{
  -webkit-mask-image: url("/images/icon/ic-document.svg");
  mask-image: url("/images/icon/ic-document.svg");
}

.ic.ic-document-check{
  -webkit-mask-image: url("/images/icon/ic-document-check.svg");
  mask-image: url("/images/icon/ic-document-check.svg");
}

.ic.ic-calendar-type02{
  -webkit-mask-image: url("/images/icon/ic-calendar-type02.svg");
  mask-image: url("/images/icon/ic-calendar-type02.svg");
}

.ic.ic-memo{
  -webkit-mask-image: url("/images/icon/ic-memo.svg");
  mask-image: url("/images/icon/ic-memo.svg");
}

.ic.ic-evaluation{
  -webkit-mask-image: url("/images/icon/ic-evaluation.svg");
  mask-image: url("/images/icon/ic-evaluation.svg");
}

.ic.ic-clock{
  -webkit-mask-image: url("/images/icon/ic-clock.svg");
  mask-image: url("/images/icon/ic-clock.svg");
}

.ic.ic-clock-type02{
  -webkit-mask-image: url("/images/icon/ic-clock-type02.svg");
  mask-image: url("/images/icon/ic-clock-type02.svg");
}

.ic.ic-stop{
  -webkit-mask-image: url("/images/icon/ic-stop.svg");
  mask-image: url("/images/icon/ic-stop.svg");
}

.ic.ic-calendar-add{
  -webkit-mask-image: url("/images/icon/ic-calendar-add.svg");
  mask-image: url("/images/icon/ic-calendar-add.svg");
}

.ic.ic-email{
  -webkit-mask-image: url("/images/icon/ic-email.svg");
  mask-image: url("/images/icon/ic-email.svg");
}

.ic.ic-sms{
  -webkit-mask-image: url("/images/icon/ic-sms.svg");
  mask-image: url("/images/icon/ic-sms.svg");
}

.ic.ic-talk{
  -webkit-mask-image: url("/images/icon/ic-talk.svg");
  mask-image: url("/images/icon/ic-talk.svg");
}

.ic.ic-email{
  -webkit-mask-image: url("/images/icon/ic-email.svg");
  mask-image: url("/images/icon/ic-email.svg");
}

.ic.ic-phone{
  -webkit-mask-image: url("/images/icon/ic-phone.svg");
  mask-image: url("/images/icon/ic-phone.svg");
}

.ic.ic-document-line{
  -webkit-mask-image: url("/images/icon/ic-document-line.svg");
  mask-image: url("/images/icon/ic-document-line.svg");
}
.ic.ic-delect{
  -webkit-mask-image: url("/images/icon/ic-delect.svg");
  mask-image: url("/images/icon/ic-delect.svg");
}

.ic.ic-question{
  -webkit-mask-image: url("/images/icon/ic-question.svg");
  mask-image: url("/images/icon/ic-question.svg");
}
.ic.ic-filter-type01{
  -webkit-mask-image: url("/images/icon/ic-filter-type01.svg");
  mask-image: url("/images/icon/ic-filter-type01.svg");
}

.ic.ic-chevron-bold{
  -webkit-mask-image: url("/images/icon/ic-chevron-bold.svg");
  mask-image: url("/images/icon/ic-chevron-bold.svg");
}
.ic.ic-reset{
  -webkit-mask-image: url("/images/icon/ic-reset.svg");
  mask-image: url("/images/icon/ic-reset.svg");
}
.ic.ic-screening {
  -webkit-mask-image: url("/images/icon/ic-screening.svg");
  mask-image: url("/images/icon/ic-screening.svg");
}

.m-auto {
  margin: 0 auto;
}
.ml-auto{
  margin-left: auto;
}
.mr-auto{
  margin-right: 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;
}

.m6 {
  margin: 6px;
}

.ml6 {
  margin-left: 6px;
}

.mr6 {
  margin-right: 6px;
}

.mt6 {
  margin-top: 6px;
}

.mb6 {
  margin-bottom: 6px;
}

.m8 {
  margin: 8px;
}

.ml8 {
  margin-left: 8px;
}

.mr8 {
  margin-right: 8px;
}

.mt8 {
  margin-top: 8px;
}

.mb8 {
  margin-bottom: 8px;
}

.m10{
  margin: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}


.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;
}

.mt30{
  margin-top: 30px;
}

.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;
}

.p6 {
  padding: 6px;
}

.pl6 {
  padding-left: 6px;
}

.pr6 {
  padding-right: 6px;
}

.pt6 {
  padding-top: 6px;
}

.pb6 {
  padding-bottom: 6px;
}


.p8 {
  padding: 8px;
}

.pl8 {
  padding-left: 8px;
}

.pr8 {
  padding-right: 8px;
}

.pt8 {
  padding-top: 8px;
}

.pb8 {
  padding-bottom: 8px;
}

.p12 {
  padding: 12px !important;
}

.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;
}

.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,
.txt-underline {
  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: var(--gray600);
  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;
}
.h100p{
  height: 100%;
}
.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;
}

.w60{
  width: 60px !important;
}

.w80{
  width: 80px !important;
}
.w100{
  width: 100px !important;
}
.w120{
  width: 120px !important;
}
.w160{
  width: 160px !important;
}
.w200{
  width: 200px !important;
}
.w300{
  width: 300px !important;
}
.w360{
  width: 360px !important;
}

.w450{
  width: 450px !important;
}

.h120{
  height: 120px !important;
}

.dp-n {
  display: none;
}

.dp-b {
  display: block;
}

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

.po-rl {
  position: relative;
}

.po-ab {
  position: absolute;
}

.scroll {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--gray100) #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: var(--gray100);
  background-clip: padding-box;
}
.scroll::-webkit-scrollbar-corner {
  background: #fff;
}
textarea.scroll,
.scroll.input-field,
.scroll.table-wrapper {
  scrollbar-color: var(--gray100) transparent;
}
textarea.scroll::-webkit-scrollbar-track,
.scroll.input-field::-webkit-scrollbar-track,
.scroll.table-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
  border-top: 0;
}
textarea.scroll::-webkit-scrollbar-thumb,
.scroll.input-field::-webkit-scrollbar-thumb,
.scroll.table-wrapper::-webkit-scrollbar-thumb {
  border-color: transparent;
}
textarea.scroll::-webkit-scrollbar-corner,
.scroll.input-field::-webkit-scrollbar-corner,
.scroll.table-wrapper::-webkit-scrollbar-corner {
  background: transparent;
}

.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;
  min-width: 0;
}

.v-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-width: 0;
}
.placeholder{
  color: var(--gray500);
}

.br-border{
  border-right: 1px solid var(--gray200);
  text-align: left;
}