@charset "UTF-8";

/* font properties */
.fw-1 {
    font-weight: 100;
}

.fw-2 {
    font-weight: 200;
}

.fw-3 {
    font-weight: 300;
}

.fw-4 {
    font-weight: 400;
}

.fw-5 {
    font-weight: 500;
}

.fw-6 {
    font-weight: 600;
}

.fw-7 {
    font-weight: 700;
}

.fw-8 {
    font-weight: 800;
}

.fw-9 {
    font-weight: 900;
}
.text-zero {
  font-size: 0;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.m-0 {
    margin: 0 !important;
}

.m-xs {
    margin: 0.25em !important;
}

.m-s {
    margin: 0.5em !important;
}

.m-m {
    margin: 0.75em !important;
}

.m-l {
    margin: 1em !important;
}

.m-xl {
    margin: 1.25em !important;
}


/* margin properties */
.mx-xs {
    margin-right: .25em !important;
    margin-left: .25em !important;
}

.mx-s {
    margin-right: .5em !important;
    margin-left: .5em !important;
}

.mx-m {
    margin-right: .75em !important;
    margin-left: .75em !important;
}

.mx-l {
    margin-right: 1em !important;
    margin-left: 1em !important;
}

.my-xs {
    margin-top: .25em !important;
    margin-bottom: .25em !important;
}

.my-s {
    margin-top: .5em !important;
    margin-bottom: .5em !important;
}

.my-m {
    margin-top: .75em !important;
    margin-bottom: .75em !important;
}

.my-l {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

/* margin right */

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

.mr-xs {
    margin-right: 0.25em !important;
}

.mr-s {
    margin-right: 0.5em !important;
}

.mr-m {
    margin-right: 0.75em !important;
}

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

.mr-a {
    margin-right: auto !important;
}


/* margin left */
.ml-a {
    margin-left: auto !important;
}

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

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

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

.ml-m {
    margin-left: .75em !important;
}
.ml-mm {
    margin-left: .9em !important;
}

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

.ml-xl {
    margin-left: 1.25em !important;
}

/* margin top */
.mt-0 {
    margin-top: 0 !important;
}

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

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

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

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

.mt-xl {
    margin-top: 1.25em !important;
}

/* margin top */
.mb-0 {
    margin-bottom: 0 !important;
}

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

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

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

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

.mb-xl {
    margin-bottom: 1.25em !important;
}
.mb-25 {
    margin-bottom: 6.25em !important;
}


/* margin properties */

/* padding utilities */
.p-0 {
    padding: 0 !important;
}

.p-xs {
    padding: 0.25em !important;
}

.p-s {
    padding: 0.5em !important;
}

.p-m {
    padding: 0.75em !important;
}

.p-l {
    padding: 1em !important;
}

.p-xl {
    padding: 1.25em !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-xs {
    padding-right: .25em !important;
    padding-left: .25em !important;
}

.px-s {
    padding-right: .5em !important;
    padding-left: .5em !important;
}

.px-m {
    padding-right: .75em !important;
    padding-left: .75em !important;
}

.px-l {
    padding-right: 1em !important;
    padding-left: 1em !important;
}

.px-xl {
    padding-right: 1.25em !important;
    padding-left: 1.25em !important;
}
.px-xxl {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.px-xxxl {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

.py-zero {
    padding-top: 0em !important;
    padding-bottom: 0em !important;
}
.py-xs {
    padding-top: .25em !important;
    padding-bottom: .25em !important;
}

.py-s {
    padding-top: .5em !important;
    padding-bottom: .5em !important;
}

.py-m {
    padding-top: .75em !important;
    padding-bottom: .75em !important;
}

.py-l {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.py-xl {
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pl-xl {
    padding-left: 1.25em !important;
}

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

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

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

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

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

.pr-xl {
    padding-right: 1.25em !important;
}

/* padding utilities */
.empty-xs {
    min-width: .25em !important;
    min-height: .25em !important;
    max-width: .25em !important;
    max-height: .25em !important;
}

.empty-s {
    min-width: .5em !important;
    min-height: .5em !important;
    max-width: .5em !important;
    max-height: .5em !important;
}

.empty-m {
    min-width: .75em !important;
    min-height: .75em !important;
    max-width: .75em !important;
    max-height: .75em !important;
}

.empty-l {
    min-width: 1em !important;
    min-height: 1em !important;
    max-width: 1em !important;
    max-height: 1em !important;
}

.empty-xl {
    min-width: 1.25em !important;
    min-height: 1.25em !important;
    max-width: 1.25em !important;
    max-height: 1.25em !important;
}

.width-inherit {
    width: inherit;
}

.container {
    width: 100%;
    height: 100%;
}

.d-block {
    display: block !important;

}

.flex {
    display: flex;
}

.flex-inline {
    display: inline-flex
}

.flex.will-animate {
    transition: all 0.3s ease;
}

.col {
    flex-direction: column !important;
}

.row {
    flex-direction: row !important;
}

.spacebtw {
    justify-content: space-between;
}

.ai-flex-end {
    align-items: flex-end !important;
}

.ai-flex-start {
    align-items: flex-start !important;
}

.v-center {
    align-items: center !important;
}

.h-center {
    justify-content: center;
}

.vh-center {
    justify-content: center;
    align-items: center;
}

.jc-flexend {
    justify-content: flex-end !important;
}
.jc-flexstart {
    justify-content: flex-start !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-no-wrap {
    flex-wrap: nowrap !important;
}

.flex-0-0-a {
    flex: 0 0 auto !important;
}

.gap-y-1{
	row-gap: 0.375rem;
}
.gap-y-2{
	row-gap: 0.75rem;
}
.flex-1 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
}

.flex-2 {
    flex-grow: 2;
    flex-shrink: 2;
    flex-basis: 0;
}

.flex-3 {
    flex-grow: 3;
    flex-shrink: 3;
    flex-basis: 0;
}

.flex-4 {
    flex-grow: 4;
    flex-shrink: 4;
    flex-basis: 0;
}

.width-fit {
    width: fit-content;
}

.width-full {
    width: 100%;
}
.height-full {
    height: 100%;
}
.height-auto {
    height: auto !important;
}

.fix-h-calc {
	min-height: 1px;
}

.height-full {
    height: 100% !important;
    max-height: 100% !important;
}

.no-overflow {
    overflow: hidden !important;
}

.overflow-hidden {
    overflow: hidden;
}
.overflow-scroll {
    overflow: scroll !important;
}
.overflow-unset {
    overflow: unset !important;
}

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

.svg-white {
    filter: brightness(100) invert(1) invert(1);
}

.svg-black {
    filter: brightness(100) invert(1);
}

.col-1 {
    width: calc(100% / 12);
}

.col-2 {
    width: calc(100% / 6);
}

.col-2-5 {
    width: calc(100% / 5);
}

.col-3 {
    width: calc(100% / 4);
}

.col-4 {
    width: calc(100% / 3) !important;
}

.col-5 {
    width: calc(100% / 12 * 5);
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: calc(100% / 12 * 7);
}

.col-8 {
    width: calc(100% / 3 * 2);
}

.col-9 {
    width: calc(100% / 4 * 3);
}

.col-10 {
    width: calc(100% / 6 * 5);
}

.col-11 {
    width: calc(100% / 12 * 11);
}

.f-grow {
    flex-grow: 1;
}

.f-grow-2 {
    flex-grow: 2;
}

.f-shrink {
    flex-shrink: 1;
}


.grid {
    display: grid !important;
}

.grid-col-span-1 {
    grid-column: span 1;
}

.grid-col-span-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

.grid-col-span-3 {
    grid-column: span 3;
}

.grid-col-span-full {
    grid-column: 1/-1;
}

.grid-row-span-2 {
    grid-row: span 2;
}

.grid-row-span-4 {
    grid-row: span 4;
}

.grid.two-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: .5rem;
}

.grid.grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-gap: 1rem;
}


.grid.grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-gap: 1rem;
}

.grid.grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-gap: 1rem;
}

.grid.grid-gap-xxl {
    grid-gap: 2rem;
}

.grid.col-fluid {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    grid-gap: 1rem;
}

/* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .grid {
    display: flex;
  }
  
  .grid-col-span-full {
    flex-basis: 100%;
  }
  
  .grid.two-col {
    flex-wrap: wrap;
    
  }
  
  .grid.two-col > section {
    flex: 1;
    flex-basis: 49%;
  }
  
  .grid.two-col > section + section:nth-child(even){
    margin-left: 1rem;
  }
} */

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

.w-ch-2 {
    width: 2ch;
}

.w-ch-4 {
    width: 4ch;
}

.w-ch-6 {
    width: 6ch;
}

.w-ch-8 {
    width: 8ch;
}

.w-ch-10 {
    width: 10ch;
}

.w-ch-12 {
    width: 12ch;
}
.w-ch-12-5 {
    width: 12.5ch;
}

.w-ch-14 {
    width: 14ch;
}

.w-ch-16 {
    width: 16ch;
}

.w-ch-18 {
    width: 18ch;
}

.w-ch-19 {
    width: 19ch;
}

.w-ch-20 {
    width: 20ch;
}

.w-ch-22 {
    width: 22ch;
}

.w-ch-24 {
    width: 24ch;
}

.w-ch-26 {
    width: 26ch;
}

.w-ch-28 {
    width: 28ch;
}

.w-ch-30 {
    width: 30ch;
}

.w-ch-32 {
    width: 32ch;
}

.w-ch-34 {
    width: 34ch;
}

.w-ch-36 {
    width: 36ch;
}

.w-ch-38 {
    width: 38ch;
}

.w-ch-40 {
    width: 40ch;
}

.w-ch-60 {
    width: 60ch;
}

.z-10 {
  z-index: 10;
}

.flex-container {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.scroll-y {
    overflow-y: auto !important;
}

.scroll-x {
    overflow-x: auto !important;
}

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

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

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


.no-border {
    border: 0 !important;
}

.width-half {
    width: 50% !important;
}

.bt-0 {
    border-top: 0 !important;
}

.br-0 {
    border-right: 0 !important;
}

.bb-0 {
    border-bottom: 0 !important;
}

.bl-0 {
    border-left: 0 !important;
}

.silent {
    border: 0 !important;
}

.pos-relative {
    position: relative;
}
.pos-absolute {
    position: absolute;
}
.column-gap3{
	column-gap: .875rem
}
.column-gap7{
	column-gap: 1.875rem
}
.column-gap25{
	column-gap: 6.25rem
}
.word-keep{
	word-break: keep-all;
}
.radius-2{
	border-radius: .5rem
}
.btn_blue{
	background: #E2FEF5;
	color: #6B7280;
	border: 1px solid #A4ACB5;
}
.red_txt{
	color: #F24949 !important;
}

/*말줄임*/
.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* 문장 한줄(···) */
.line2{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}
.line3{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}
.line4{display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}
.line5{display:-webkit-box;-webkit-line-clamp:5;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}
.line6{display:-webkit-box;-webkit-line-clamp:6;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}
.line7{display:-webkit-box;-webkit-line-clamp:7;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}
.line8{display:-webkit-box;-webkit-line-clamp:8;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}
.line9{display:-webkit-box;-webkit-line-clamp:9;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}
.line10{display:-webkit-box;-webkit-line-clamp:10;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}