.sr-only {
    text-indent: -9999999px;
    font-size: 0;
}
.mobile-shadow {
    box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.05);
}
.opacity-0{
    opacity: 0 !important;
}
.aspect {
    aspect-ratio: 1/1 !important;
}
.custom-scroll::-webkit-scrollbar {
    width: 2px !important;
}
.custom-scroll::-webkit-scrollbar-track {
    background: transparent !important;
    border-radius: 4px !important;
}
.custom-scroll::-webkit-scrollbar-thumb {
    background-color: #111 !important;
    border-radius: 0 !important;
}

/* display */
.d-flex {
    display: flex !important;
}
.d-block {
    display: block !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-inline {
    display: inline !important;
}
.d-none {
    display: none !important;
}

/* flex */
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.flex-row {
    flex-direction: column !important;
}
.flex-column {
    flex-direction: column;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.flex-1{
    flex: 1 !important;
}
.justify-center {
    justify-content: center !important;
}
.justify-between {
    justify-content: space-between !important;
}
.justify-evenly {
    justify-content: space-evenly !important;
}
.justify-around {
    justify-content: space-around !important;
}
.justify-end {
    justify-content: end !important;
}
.align-start {
    align-items: start !important;
}
.align-end {
    align-items: end !important;
}
.align-center {
    align-items: center !important;
}
.align-baseline {
    align-items: baseline !important;
}
.align-stretch {
    align-items: stretch !important;
}
.gap-2 {
    gap: 2px;
}
.gap-4 {
    gap: 4px;
}
.gap-5 {
    gap: 5px;
}
.gap-8 {
    gap: 8px;
}
.gap-10 {
    gap: 10px;
}
.gap-14 {
    gap: 14px;
}
.gap-15 {
    gap: 15px;
}
.gap-20 {
    gap: 20px;
}
.gap-border-none li + li {
    border: none;
}
.gap-border li + li {
    border-top: 1px solid;
}
.gap-border-gray li + li {
    border-color: #eee;
}


.img-fluid-h {
    width: auto;
    height: 100%;
    vertical-align: top;
    display: inline-block;
}
.vertical-top {
    vertical-align: top !important;
}
.vertical-middle {
    vertical-align: middle !important;
}

/* background */
.bg-position-top-0 {
    background-position-y: 0 !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-black {
    background-color: #000 !important;
}
.bg-111 {
    background-color: #111 !important;
}
.bg-gray {
    background-color: #f7f7f7 !important;
}
.bg-disabled {
    background-color: #ccc !important;
}
.bg-ddd {
    background-color: #ddd;
}
.bg-eee {
    background-color: #eee;
}
.bg-white-80{
    background-color: rgba(255, 255, 255, 0.8);
}
/* overflow */
.overflow-wrap{
    overflow-wrap: anywhere;
}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-visible {
    overflow: visible !important;
}
.overflow-auto-y {
    overflow-y: auto !important;
}

/* position */
.pos-sta {
    position: static !important;
}
.pos-abs {
    position: absolute !important;
}
.pos-rel {
    position: relative !important;
}
.pos-fix {
    position: fixed !important; 
}
.pos-sti {
    position: sticky !important;
}
.pos-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
}
.pos-center-x {
    left: 50%;
    transform: translateX(-50%) !important;
}
.pos-center-y {
    top: 50%;
    transform: translateY(-50%) !important;
}
.left-0 {
    left: 0 !important;
}
.left-fix-10 {
    left: 10px !important;
}
.left-fix-15 {
    left: 15px !important;
}
.left-fix-20 {
    left: 20px !important;
}
.left-fix-30 {
    left: 30px !important;
}
.right-0 {
    right: 0 !important;
}
.right-fix-10 {
    right: 10px !important;
}
.right-fix-15 {
    right: 15px !important;
}
.right-fix-20 {
    right: 20px !important;
}
.right-fix-30 {
    right: 30px !important;
}
.top-0 {
    top: 0 !important;
}
.top-fix-10 {
    top: 10px !important;
}
.top-fix-15 {
    top: 15px !important;
}
.top-fix-20 {
    top: 20px !important;
}
.top-fix-30 {
    top: 30px !important;
}
.bottom-0 {
    bottom: 0 !important;
}
.bottom-fix-10 {
    bottom: 10px !important;
}
.bottom-fix-15 {
    bottom: 15px !important;
}
.bottom-fix-20 {
    bottom: 20px !important;
}
.bottom-fix-30 {
    bottom: 30px !important;
}

/* cursor */
.cursor-pointer {
    cursor: pointer;
}
.cursor-none {
    pointer-events: none;
}

/* Space */
.m-auto {
    margin: auto !important;
}
.m-auto-x {
    margin: 0 auto !important;
}
.m-none {
    margin: 0 !important;
}
.mt-none {
    margin-top: 0 !important;
}
.mr-none {
    margin-right: 0 !important;
}
.mb-none {
    margin-bottom: 0 !important;
}
.ml-none {
    margin-left: 0 !important;
}
.mr-m-5 {
    margin-right: -5px !important;
}
.mr-m-10 {
    margin-right: -10px !important;
}
.mr-m-15 {
    margin-right: -15px !important;
}
.mr-m-20 {
    margin-right: -20px !important;
}
.mr-m-25 {
    margin-right: -25px !important;
}
.mr-m-30 {
    margin-right: -30px !important;
}
.mt-terms {
    margin-top: 177px !important;
}
.mt-4 {
    margin-top: 4px !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-14 {
    margin-top: 14px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-35 {
    margin-top: 35px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-87_5 {
    margin-top: 87.5px !important;
}
.mt-100 {
    margin-top: 100px !important;
}
.mt-250 {
    margin-top: 250px !important;
}
.mb-2 {
    margin-bottom: 2px !important;
}
.mb-4 {
    margin-bottom: 4px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.ml-25 {
    margin-left: 25px !important;
}
.ml-30 {
    margin-left: 30px !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.mr-10 {
    margin-right: 10px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.mr-25 {
    margin-right: 25px !important;
}
.mr-30 {
    margin-right: 30px !important;
}
.mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}
.mx-32 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}
.mx-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
}
.mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.p-0 {
    padding: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.p-5 {
    padding: 5px !important;
}
.p-7 {
    padding: 7px !important;
}
.p-10 {
    padding: 10px !important;
}
.p-15 {
    padding: 15px !important;
}
.p-20 {
    padding: 20px !important;
}
.p-25 {
    padding: 25px !important;
}
.p-30 {
    padding: 30px !important;
}
.px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}
.px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.py-5 {
    padding-top:5px !important;
    padding-bottom:5px !important;
}
.py-10 {
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.py-14 {
    padding-top:14px !important;
    padding-bottom:14px !important;
}
.py-15 {
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.py-15_5 {
    padding-top: 15.5px !important;
    padding-bottom: 15.5px !important;
}
.py-20 {
    padding-top:20px !important;
    padding-bottom:20px !important;
}
.py-30 {
    padding-top:30px !important;
    padding-bottom:30px !important;
}
.py-35 {
    padding-top:35px !important;
    padding-bottom:35px !important;
}
.py-40 {
    padding-top:40px !important;
    padding-bottom:40px !important;
}
.py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-14 {
    padding-top: 14px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-25 {
    padding-top: 25px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-46 {
    padding-top: 46px !important;
}
.pt-70 {
    padding-top: 70px !important;
}
.pt-90 {
    padding-top: 90px !important;
}
.pt-94 {
    padding-top: 94px !important;
}
.pt-100 {
    padding-top: 100px !important;
}
.pt-140 {
    padding-top: 140px !important;
}
.pt-168 {
    padding-top: 168px !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-25 {
    padding-right: 25px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-25 {
    padding-left: 25px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-14 {
    padding-bottom: 14px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-25 {
    padding-bottom: 25px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pb-100 {
    padding-bottom: 100px !important;
}
.max-w-100 {
    max-width: 100% !important;
}
.max-w-fix-294 {
    max-width: 294px !important;
}
.max-w-fix-400 {
    max-width: 400px !important;
}
.w-calc-100-minus-20 {
    width: calc(100% - 20px) !important;
}
.w-calc-100-minus-30 {
    width: calc(100% - 30px) !important;
}
.w-calc-100-minus-40 {
    width: calc(100% - 40px) !important;
}
.w-calc-100-minus-72 {
    width: calc(100% - 72px) !important;
}
.w-fix-1 {
    width: 1px !important;
}
.w-fix-16 {
    width: 16px !important;
}
.w-fix-20 {
    width: 20px !important;
}
.w-fix-24 {
    width: 24px !important;
}
.w-fix-30 {
    width: 30px !important;
}
.w-fix-40 {
    width: 40px !important;
}
.w-fix-55 {
    width: 55px !important;
}
.w-fix-65 {
    width: 65px !important;
}
.w-fix-80 {
    width: 80px !important;
}
.w-fix-100 {
    width: 100px !important;
}
.w-fix-105 {
    width: 105px !important;
}
.w-fix-120 {
    width: 120px !important;
}
.w-fix-150 {
    width: 150px !important;
}
.w-fix-86 {
    width: 86px !important;
}
.w-fix-166 {
    width: 166px !important;
}
.w-fix-240 {
    width: 240px !important;
}
.w-fix-400 {
    width: 400px !important;
}
.w-100 {
    width: 100% !important;
}
.w-65 {
    width: 65% !important;
}
.w-80 {
    width: 80% !important;
}
.w-fit {
    width: fit-content !important;
}
.w-auto {
    width: auto !important;
}
.min-w-0 {
    min-width: 0 !important;
}
.min-h-100 {
    min-height: 100% !important;
}
.min-h-100vh {
    min-height: 100vh !important;
}
.max-h-72 {
    max-height: 72px !important;
}
.max-h-150 {
    max-height: 150px !important;
}
.h-fit {
    height: fit-content !important;
}
.h-100 {
    height: 100% !important;
}
.h-100vh {
    height: 100vh !important;
}
.h-fix-1 {
    height: 1px !important;
}
.h-fix-16 {
    height: 16px !important;
}
.h-fix-20 {
    height: 20px !important;
}
.h-fix-24 {
    height: 24px !important;
}
.h-fix-35 {
    height: 35px !important;
}
.h-fix-48 {
    height: 48px !important;
}
.h-fix-50 {
    height: 50px !important;
}
.h-fix-60 {
    height: 60px !important;
}
.h-fix-72 {
    height: 72px !important;
}
.h-fix-80 {
    height: 80px !important;
}
.h-fix-111 {
    height: 111px !important;
}
.h-fix-120 {
    height: 120px !important;
}
.h-fix-130 {
    height: 130px !important;
}
.h-fix-180 {
    height: 180px !important;
}
.h-fix-200 {
    height: 200px !important;
}
.h-fix-260 {
    height: 260px !important;
}
.h-auto {
    height: auto !important;
}

.rounded-0 {
    border-radius: 0 !important;
}
.rounded-t-10 {
    border-radius: 10px 10px 0 0 !important;
}
.rounded-b-10 {
    border-radius: 0 0 10px 10px  !important;
}
.rounded-5 {
    border-radius: 5px !important;
}
.rounded-10 {
    border-radius: 10px !important;
}
.rounded-15 {
    border-radius: 15px !important;
}
.rounded-20 {
    border-radius: 20px !important;
}
.rounded-30 {
    border-radius: 40px !important;
}
.rounded-50 {
    border-radius: 50px !important;
}
.rounded-circle {
    border-radius: 50% !important;
}

/* border */
.border {
    border: 1px solid transparent !important;
}
.border-half {
    border: .5px solid transparent !important;
}
.border-0 {
    border: none !important;
}
.border-t-0 {
    border-top: none !important;
}
.border-r-0 {
    border-right: none !important;
}
.border-b-0 {
    border-bottom: none !important;
}
.border-l-0 {
    border-left: none !important;
}
.border-t {
    border-top: 1px solid  !important;
}
.border-b {
    border-bottom: 1px solid  !important;
}
.border-bold {
    border-width: 2px !important;
}
.border-black {
    border-color: #000 !important;
}
.border-white {
    border-color: #fff !important;
}
.border-gray {
    border-color: #ddd !important;
}
.border-666 {
    border-color: #666 !important;
}
.border-t-white {
    border-top-color: #fff !important;
}
.border-b-white {
    border-bottom-color: #fff !important;
}

/* font */
.text-thin { 
    font-weight: 100 !important; 
}
.text-light { 
    font-weight: 300 !important; 
}
.text-regular { 
    font-weight: 400 !important; 
}
.text-medium { 
    font-weight: 500 !important; 
}
.text-semibold {
    font-weight: 600 !important;
}
.text-bold { 
    font-weight: 700 !important; 
}
.text-black { 
    font-weight: 900 !important; 
}

.title-xs {
    font-size: 20px !important;
}
.title-sm {
    font-size: 24px !important;
}
.title-md {
    font-size: 32px !important;
}
.title-lg {
    font-size: 40px !important;
}
.title-xl {
    font-size: 48px !important;
}
.title-xxl {
    font-size: 64px !important;
}

.text-0 {
    font-size: 0 !important;
}
.text-11 {
	font-size: 11px !important;
}
.text-12 {
	font-size: 12px !important;
}
.text-14 {
	font-size: 14px !important;
}
.text-16 {
	font-size: 16px !important;
}
.text-18 {
    font-size: 18px !important;  
}
.text-20 {
	font-size: 20px !important;
}
.text-24 {
	font-size: 24px !important;
}
.text-28 {
	font-size: 28px !important;
}
.text-30 {
	font-size: 30px !important;
}
.text-32 {
	font-size: 32px !important;
}

.text-white {
    color: #fff !important;
}
.text-main {
    color: #111 !important;
}
.text-gray {
    color: #666 !important;
}
.text-lightgray {
    color: #999 !important;
}
.text-mint {
    color: #5ad3c0 !important;
}
.text-warning {
    color: #ee2a2b !important;
}
.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-uppercase {
	text-transform: uppercase !important; /* 대문자 */
}
.text-lowercase {
	text-transform: lowercase !important; /* 소문자 */
}
.text-capitalize {
	text-transform: capitalize !important; /* 첫 글자 대문자 */
}
/* 기본 Text Decoration */
.text-none {
	text-decoration: none !important;
}
.text-underline {
	text-decoration: underline !important;
}
.text-line-through {
	text-decoration: line-through !important;
}
.text-overline {
	text-decoration: overline !important;
}
.underline-offset-1 {
    text-underline-offset: 1px !important;
}
.underline-offset-2 {
    text-underline-offset: 2px !important;
}
.underline-offset-3 {
    text-underline-offset: 3px !important;
}
.underline-offset-4 {
    text-underline-offset: 4px !important;
}
/* 텍스트 장식 스타일 */
.text-underline-dotted {
	text-decoration: underline dotted !important;
}
.text-underline-dashed {
	text-decoration: underline dashed !important;
}
.text-underline-double {
	text-decoration: underline double !important;
}
.text-line-through-dotted {
	text-decoration: line-through dotted !important;
}
.text-line-through-dashed {
	text-decoration: line-through dashed !important;
}
.text-line-through-double {
	text-decoration: line-through double !important;
}
.lh-normal {
    line-height: normal !important;
}
.lh-fix-15 {
    line-height: 15px !important;
}
.lh-fix-17 {
    line-height: 17px !important;
}
.lh-fix-18 {
    line-height: 18px !important;
}
.lh-fix-24 {
    line-height: 24px !important;
}
.lh-fix-30 {
    line-height: 30px !important;
}
.lh-100 {
    line-height: 1 !important;
}
.lh-125 {
    line-height: 1.25 !important;
}
.lh-130 {
    line-height: 1.3 !important;
}
.lh-1375 {
    line-height: 1.375 !important;
}
.lh-143 {
    line-height: 1.43 !important;
}
.lh-156 {
    line-height: 1.56 !important;
}
.lh-150 {
    line-height: 1.5 !important;
}
.lh-171 {
    line-height: 1.71 !important;
}
.lh-200 {
    line-height: 2 !important;
}

/***** responsive (sm: 640px, md: 768px, lg: 1024px, xl: 1280px  *****/
@media (min-width: 640px) {
    .sm\:example {}
}
@media (min-width: 768px) {
    .md\:example {}
}
@media (min-width: 1024px) {
    /* 사용시 .lg:example */
    .lg\:example {}

    .mobile-shadow {
        box-shadow: none;
    }
    .lg\:opacity-0 {
        opacity: 0 !important;
    }
    .lg\:aspect {
        aspect-ratio: 1/1 !important;
    }
    .custom-scroll::-webkit-scrollbar {
        width: 3px !important;
    }
    .lg\:d-flex {
        display: flex !important;
    }
    .lg\:d-block {
        display: block !important;
    }
    .lg\:d-inline-block {
        display: inline-block !important;
    }
    .lg\:d-inline {
        display: inline !important;
    }
    .lg\:d-none {
        display: none !important;
    }
    .lg\:flex-nowrap {
        flex-wrap: nowrap !important;
    }
    .lg\:flex-wrap {
        flex-wrap: wrap !important;
    }
    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .lg\:flex-row {
        flex-direction: column !important;
    }
    .lg\:flex-column {
        flex-direction: column;
    }
    .lg\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }
    .lg\:flex-1 {
        flex: 1 !important;
    }
    .lg\:justify-center {
        justify-content: center !important;
    }
    .lg\:justify-between {
        justify-content: space-between !important;
    }
    .lg\:justify-evenly {
        justify-content: space-evenly !important;
    }
    .lg\:justify-around {
        justify-content: space-around !important;
    }
    .lg\:justify-end {
        justify-content: end !important;
    }
    .lg\:align-start {
        align-items: start !important;
    }
    .lg\:align-end {
        align-items: end !important;
    }
    .lg\:align-center {
        align-items: center !important;
    }
    .lg\:align-baseline {
        align-items: baseline !important;
    }
    .lg\:align-stretch {
        align-items: stretch !important;
    }
    .lg\:gap-2 {
        gap: 2px;
    }
    .lg\:gap-4 {
        gap: 4px;
    }
    .lg\:gap-5 {
        gap: 5px;
    }
    .lg\:gap-8 {
        gap: 8px;
    }
    .lg\:gap-10 {
        gap: 10px;
    }
    .lg\:gap-14 {
        gap: 14px;
    }
    .lg\:gap-15 {
        gap: 15px;
    }
    .lg\:gap-20 {
        gap: 20px;
    }
    .lg\:gap-border-none li + li {
        border: none;
    }
    .lg\:gap-border li + li {
        border-top: 1px solid;
    }
    .lg\:gap-border-gray li + li {
        border-color: #eee;
    }
    .lg\:img-fluid-h {
        width: auto;
        height: 100%;
        vertical-align: top;
        display: inline-block;
    }
    .lg\:vertical-top {
        vertical-align: top !important;
    }
    .lg\:vertical-middle {
        vertical-align: middle !important;
    }
    .lg\:bg-position-top-0 {
        background-position-y: 0 !important;
    }
    .lg\:bg-white {
        background-color: #fff !important;
    }
    .lg\:bg-black {
        background-color: #000 !important;
    }
    .lg\:bg-111 {
        background-color: #111 !important;
    }
    .lg\:bg-gray {
        background-color: #f7f7f7 !important;
    }
    .lg\:bg-disabled {
        background-color: #ccc !important;
    }
    .lg\:bg-white-80 {
        background-color: rgba(255, 255, 255, 0.8);
    }
    .lg\:overflow-wrap {
        overflow-wrap: anywhere;
    }
    .lg\:overflow-hidden {
        overflow: hidden !important;
    }
    .lg\:overflow-visible {
        overflow: visible !important;
    }
    .lg\:overflow-auto-y {
        overflow-y: auto !important;
    }
    .lg\:pos-sta {
        position: static !important;
    }
    .lg\:pos-abs {
        position: absolute !important;
    }
    .lg\:pos-rel {
        position: relative !important;
    }
    .lg\:pos-fix {
        position: fixed !important;
    }
    .lg\:pos-sti {
        position: sticky !important;
    }
    .lg\:pos-center {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
    .lg\:pos-center-x {
        left: 50%;
        transform: translateX(-50%) !important;
    }
    .lg\:pos-center-y {
        top: 50%;
        transform: translateY(-50%) !important;
    }
    .lg\:left-0 {
        left: 0 !important;
    }
    .lg\:left-fix-10 {
        left: 10px !important;
    }
    .lg\:left-fix-15 {
        left: 15px !important;
    }
    .lg\:left-fix-20 {
        left: 20px !important;
    }
    .lg\:left-fix-24 {
        left: 24px !important;
    }
    .lg\:left-fix-30 {
        left: 30px !important;
    }
    .lg\:right-0 {
        right: 0 !important;
    }
    .lg\:right-fix-10 {
        right: 10px !important;
    }
    .lg\:right-fix-15 {
        right: 15px !important;
    }
    .lg\:right-fix-20 {
        right: 20px !important;
    }
    .lg\:right-fix-30 {
        right: 30px !important;
    }
    .lg\:top0 {
        top: 0 !important;
    }
    .lg\:top-fix-10 {
        top: 10px !important;
    }
    .lg\:top-fix-15 {
        top: 15px !important;
    }
    .lg\:top-fix-20 {
        top: 20px !important;
    }
    .lg\:top-fix-30 {
        top: 30px !important;
    }
    .lg\:bottom-0 {
        bottom: 0 !important;
    }
    .lg\:bottom-fix-10 {
        bottom: 10px !important;
    }
    .lg\:bottom-fix-15 {
        bottom: 15px !important;
    }
    .lg\:bottom-fix-20 {
        bottom: 20px !important;
    }
    .lg\:bottom-fix-30 {
        bottom: 30px !important;
    }
    .lg\:cursor-pointer {
        cursor: pointer;
    }
    .lg\:cursor-none {
        pointer-events: none;
    }
    .lg\:m-auto {
        margin: auto !important;
    }
    .lg\:m-auto-x {
        margin: 0 auto !important;
    }
    .lg\:m-none {
        margin: 0 !important;
    }
    .lg\:mt-none {
        margin-top: 0 !important;
    }
    .lg\:mr-none {
        margin-right: 0 !important;
    }
    .lg\:mb-none {
        margin-bottom: 0 !important;
    }
    .lg\:ml-none {
        margin-left: 0 !important;
    }
    .mr-m-5 {
        margin-right: -5px !important;
    }
    .lg\:mr-m-10 {
        margin-right: -10px !important;
    }
    .lg\:mr-m-15 {
        margin-right: -15px !important;
    }
    .lg\:mr-m-20 {
        margin-right: -20px !important;
    }
    .lg\:mr-m-25 {
        margin-right: -25px !important;
    }
    .lg\:mr-m-30 {
        margin-right: -30px !important;
    }
    .lg\:mt-terms {
        margin-top: 177px !important;
    }
    .lg\:mt-4 {
        margin-top: 4px !important;
    }
    .lg\:mt-5 {
        margin-top: 5px !important;
    }
    .lg\:mt-10 {
        margin-top: 10px !important;
    }
    .lg\:mt-14 {
        margin-top: 14px !important;
    }
    .lg\:mt-15 {
        margin-top: 15px !important;
    }
    .lg\:mt-16 {
        margin-top: 16px !important;
    }
    .lg\:mt-20 {
        margin-top: 20px !important;
    }
    .lg\:mt-25 {
        margin-top: 25px !important;
    }
    .lg\:mt-30 {
        margin-top: 30px !important;
    }
    .lg\:mt-35 {
        margin-top: 35px !important;
    }
    .lg\:mt-40 {
        margin-top: 40px !important;
    }
    .lg\:mt-50 {
        margin-top: 50px !important;
    }
    .lg\:mt-60 {
        margin-top: 60px !important;
    }
    .lg\:mt-87_5 {
        margin-top: 87.5px !important;
    }
    .lg\:mt-100 {
        margin-top: 100px !important;
    }
    .lg\:mt-250 {
        margin-top: 250px !important;
    }
    .lg\:mb-5 {
        margin-bottom: 5px !important;
    }
    .lg\:mb-10 {
        margin-bottom: 10px !important;
    }
    .lg\:mb-15 {
        margin-bottom: 15px !important;
    }
    .lg\:mb-20 {
        margin-bottom: 20px !important;
    }
    .lg\:mb-25 {
        margin-bottom: 25px !important;
    }
    .lg\:mb-30 {
        margin-bottom: 30px !important;
    }
    .lg\:ml-5 {
        margin-left: 5px !important;
    }
    .lg\:ml-10 {
        margin-left: 10px !important;
    }
    .lg\:ml-15 {
        margin-left: 15px !important;
    }
    .lg\:ml-20 {
        margin-left: 20px !important;
    }
    .lg\:ml-25 {
        margin-left: 25px !important;
    }
    .lg\:ml-30 {
        margin-left: 30px !important;
    }
    .lg\:mr-5 {
        margin-right: 5px !important;
    }
    .lg\:mr-10 {
        margin-right: 10px !important;
    }
    .lg\:mr-15 {
        margin-right: 15px !important;
    }
    .lg\:mr-20 {
        margin-right: 20px !important;
    }
    .lg\:mr-25 {
        margin-right: 25px !important;
    }
    .lg\:mr-30 {
        margin-right: 30px !important;
    }
    .lg\:mx-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .lg\:mx-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .lg\:mx-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .lg\:mx-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .lg\:mx-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .lg\:mx-32 {
        margin-left: 32px !important;
        margin-right: 32px !important;
    }
    .lg\:mx-35 {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }
    .lg\:mx-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }
    .lg\:p-0 {
        padding: 0 !important;
    }
    .lg\:pt-0 {
        padding-top: 0 !important;
    }
    .lg\:pr-0 {
        padding-right: 0 !important;
    }
    .lg\:pb-0 {
        padding-bottom: 0 !important;
    }
    .lg\:pl-0 {
        padding-left: 0 !important;
    }
    .lg\:p-5 {
        padding: 5px !important;
    }
    .lg\:p-7 {
        padding: 7px !important;
    }
    .lg\:p-10 {
        padding: 10px !important;
    }
    .lg\:p-15 {
        padding: 15px !important;
    }
    .lg\:p-20 {
        padding: 20px !important;
    }
    .lg\:p-25 {
        padding: 25px !important;
    }
    .lg\:p-30 {
        padding: 30px !important;
    }
    .lg\:px-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .lg\:px-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .lg\:px-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .lg\:px-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .lg\:px-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .lg\:px-35 {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .lg\:px-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .lg\:py-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .lg\:py-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .lg\:py-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .lg\:py-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .lg\:py-15_5 {
        padding-top: 15.5px !important;
        padding-bottom: 15.5px !important;
    }
    .lg\:py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .lg\:py-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .lg\:py-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .lg\:py-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .lg\:py-100 {
        padding: 100px 0 !important;
    }
    .lg\:pt-5 {
        padding-top: 5px !important;
    }
    .lg\:pt-10 {
        padding-top: 10px !important;
    }
    .lg\:pt-14 {
        padding-top: 14px !important;
    }
    .lg\:pt-15 {
        padding-top: 15px !important;
    }
    .lg\:pt-20 {
        padding-top: 20px !important;
    }
    .lg\:pt-25 {
        padding-top: 25px !important;
    }
    .lg\:pt-30 {
        padding-top: 30px !important;
    }
    .lg\:pt-46 {
        padding-top: 46px !important;
    }
    .lg\:pt-90 {
        padding-top: 90px !important;
    }
    .lg\:pt-94 {
        padding-top: 94px !important;
    }
    .lg\:pt-100 {
        padding-top: 100px !important;
    }
    .lg\:pt-140 {
        padding-top: 140px !important;
    }
    .lg\:pt-168 {
        padding-top: 168px !important;
    }
    .lg\:pr-5 {
        padding-right: 5px !important;
    }
    .lg\:pr-10 {
        padding-right: 10px !important;
    }
    .lg\:pr-15 {
        padding-right: 15px !important;
    }
    .lg\:pr-20 {
        padding-right: 20px !important;
    }
    .lg\:pr-25 {
        padding-right: 25px !important;
    }
    .lg\:pr-30 {
        padding-right: 30px !important;
    }
    .lg\:pl-5 {
        padding-right: 5px !important;
    }
    .lg\:pl-10 {
        padding-right: 10px !important;
    }
    .lg\:pl-15 {
        padding-right: 15px !important;
    }
    .lg\:pl-20 {
        padding-right: 20px !important;
    }
    .lg\:pl-25 {
        padding-right: 25px !important;
    }
    .lg\:pl-30 {
        padding-right: 30px !important;
    }
    .lg\:pb-5 {
        padding-bottom: 5px !important;
    }
    .lg\:pb-10 {
        padding-bottom: 10px !important;
    }
    .lg\:pb-14 {
        padding-bottom: 14px !important;
    }
    .lg\:pb-15 {
        padding-bottom: 15px !important;
    }
    .lg\:pb-20 {
        padding-bottom: 20px !important;
    }
    .lg\:pb-25 {
        padding-bottom: 25px !important;
    }
    .lg\:pb-30 {
        padding-bottom: 30px !important;
    }
    .lg\:pb-40 {
        padding-bottom: 40px !important;
    }
    .lg\:pb-50 {
        padding-bottom: 50px !important;
    }
    .lg\:pb-100 {
        padding-bottom: 100px !important;
    }
    .lg\:max-w-100 {
        max-width: 100% !important;
    }
    .lg\:max-w-fix-294 {
        max-width: 294px !important;
    }
    .lg\:max-w-fix-400 {
        max-width: 400px !important;
    }
    .lg\:w-fix-1 {
        width: 1px !important;
    }
    .lg\:w-fix-16 {
        width: 16px !important;
    }
    .lg\:w-fix-20 {
        width: 20px !important;
    }
    .lg\:w-fix-24 {
        width: 24px !important;
    }
    .lg\:w-fix-30 {
        width: 30px !important;
    }
    .lg\:w-fix-40 {
        width: 40px !important;
    }
    .lg\:w-fix-55 {
        width: 55px !important;
    }
    .lg\:w-fix-65 {
        width: 65px !important;
    }
    .lg\:w-fix-80 {
        width: 80px !important;
    }
    .lg\:w-fix-100 {
        width: 100px !important;
    }
    .lg\:w-fix-105 {
        width: 105px !important;
    }
    .lg\:w-fix-120 {
        width: 120px !important;
    }
    .lg\:w-fix-150 {
        width: 150px !important;
    }
    .lg\:w-fix-86 {
        width: 86px !important;
    }
    .lg\:w-fix-166 {
        width: 166px !important;
    }
    .lg\:w-fix-240 {
        width: 240px !important;
    }
    .lg\:w-fix-400 {
        width: 400px !important;
    }
    .lg\:w-calc-100-minus-20 {
        width: calc(100% - 20px) !important;
    }
    .lg\:w-calc-100-minus-30 {
        width: calc(100% - 30px) !important;
    }
    .lg\:w-calc-100-minus-40 {
        width: calc(100% - 40px) !important;
    }
    .lg\:w-calc-100-minus-72 {
        width: calc(100% - 72px) !important;
    }
    .lg\:w-100 {
        width: 100% !important;
    }
    .lg\:w-65 {
        width: 65% !important;
    }
    .lg\:w-80 {
        width: 80% !important;
    }
    .lg\:w-fit {
        width: fit-content !important;
    }
    .lg\:w-auto {
        width: auto !important;
    }
    .lg\:min-w-0 {
        min-width: 0 !important;
    }
    .lg\:min-h-100 {
        min-height: 100% !important;
    }
    .lg\:min-h-100vh {
        min-height: 100vh !important;
    }
    .lg\:max-h-72 {
        max-height: 150px !important;
    }
    .lg\:max-h-150 {
        max-height: 150px !important;
    }
    .lg\:h-fit {
        height: fit-content !important;
    }
    .lg\:h-100 {
        height: 100% !important;
    }
    .lg\:h-100vh {
        height: 100vh !important;
    }
    .lg\:h-fix-1 {
        height: 1px !important;
    }
    .lg\:h-fix-16 {
        height: 16px !important;
    }
    .lg\:h-fix-20 {
        height: 20px !important;
    }
    .lg\:h-fix-24 {
        height: 24px !important;
    }
    .lg\:h-fix-35 {
        height: 35px !important;
    }
    .lg\:h-fix-48 {
        height: 48px !important;
    }
    .lg\:h-fix-60 {
        height: 60px !important;
    }
    .lg\:h-fix-72 {
        height: 72px !important;
    }
    .lg\:h-fix-80 {
        height: 80px !important;
    }
    .lg\:h-fix-111 {
        height: 111px !important;
    }
    .lg\:h-fix-120 {
        height: 120px !important;
    }
    .lg\:h-fix-130 {
        height: 130px !important;
    }
    .lg\:h-fix-180 {
        height: 180px !important;
    }
    .lg\:h-fix-200 {
        height: 200px !important;
    }
    .lg\:h-fix-260 {
        height: 260px !important;
    }
    .lg\:h-auto {
        height: auto !important;
    }
    .lg\:rounded-0 {
        border-radius: 0 !important;
    }
    .lg\:rounded-t-10 {
        border-radius: 10px 10px 0 0 !important;
    }
    .lg\:rounded-b-10 {
        border-radius: 0 0 10px 10px !important;
    }
    .lg\:rounded-5 {
        border-radius: 5px !important;
    }
    .lg\:rounded-10 {
        border-radius: 10px !important;
    }
    .lg\:rounded-15 {
        border-radius: 15px !important;
    }
    .lg\:rounded-20 {
        border-radius: 20px !important;
    }
    .lg\:rounded-30 {
        border-radius: 40px !important;
    }
    .lg\:rounded-50 {
        border-radius: 50px !important;
    }
    .lg\:rounded-circle {
        border-radius: 50% !important;
    }
    .lg\:border {
        border: 1px solid transparent !important;
    }
    .lg\:border-0 {
        border: none !important;
    }
    .lg\:border-t-0 {
        border-top: none !important;
    }
    .lg\:border-r-0 {
        border-right: none !important;
    }
    .lg\:border-b-0 {
        border-bottom: none !important;
    }
    .lg\:border-l-0 {
        border-left: none !important;
    }
    .lg\:border-t {
        border-top: 1px solid !important;
    }
    .lg\:border-b {
        border-bottom: 1px solid !important;
    }
    .lg\:border-bold {
        border-width: 2px !important;
    }
    .lg\:border-black {
        border-color: #000 !important;
    }
    .lg\:border-white {
        border-color: #fff !important;
    }
    .lg\:border-gray {
        border-color: #ddd !important;
    }
    .lg\:border-666 {
        border-color: #666 !important;
    }
    .lg\:border-t-white {
        border-top-color: #fff !important;
    }
    .lg\:border-b-white {
        border-bottom-color: #fff !important;
    }
    .lg\:text-thin {
        font-weight: 100 !important;
    } 
    .lg\:text-light {
        font-weight: 300 !important;
    }
    .lg\:text-regular {
        font-weight: 400 !important;
    }
    .lg\:text-medium {
        font-weight: 500 !important;
    }
    .lg\:text-semibold {
        font-weight: 600 !important;
    }
    .lg\:text-bold {
        font-weight: 700 !important;
    }
    .lg\:text-black {
        font-weight: 900 !important;
    }
    .lg\:title-xs {
        font-size: 20px !important;
    }
    .lg\:title-sm {
        font-size: 24px !important;
    }
    .lg\:title-md {
        font-size: 32px !important;
    }
    .lg\:title-lg {
        font-size: 40px !important;
    }
    .lg\:title-xl {
        font-size: 48px !important;
    }
    .lg\:title-xxl {
        font-size: 64px !important;
    }
    .lg\:text-0 {
        font-size: 0px !important;
    }
    .lg\:text-11 {
        font-size: 11px !important;
    }
    .lg\:text-12 {
        font-size: 12px !important;
    }
    .lg\:text-14 {
        font-size: 14px !important;
    }
    .lg\:text-16 {
        font-size: 16px !important;
    }
    .lg\:text-18 {
        font-size: 18px !important;
    }
    .lg\:text-20 {
        font-size: 20px !important;
    }
    .lg\:text-24 {
        font-size: 24px !important;
    }
    .lg\:text-28 {
        font-size: 28px !important;
    }
    .lg\:text-30 {
        font-size: 30px !important;
    }
    .lg\:text-32 {
        font-size: 32px !important;
    }
    .lg\:text-white {
        color: #fff !important;
    }
    .lg\:text-main {
        color: #111 !important;
    }
    .lg\:text-gray {
        color: #666 !important;
    }
    .lg\:text-lightgray {
        color: #999 !important;
    }
    .lg\:text-mint {
        color: #5ad3c0 !important;
    }
    .lg\:text-warning {
        color: #ee2a2b !important;
    }
    .lg\:text-center {
        text-align: center !important;
    }
    .lg\:text-left {
        text-align: left !important;
    }
    .lg\:text-right {
        text-align: right !important;
    }
    .lg\:text-uppercase {
        text-transform: uppercase !important; /* 대문자 */
    }
    .lg\:text-lowercase {
        text-transform: lowercase !important; /* 소문자 */
    }
    .lg\:text-capitalize {
        text-transform: capitalize !important; /* 첫 글자 대문자 */
    }
    /* 기본 Text Decoration */
    .lg\:text-none {
        text-decoration: none !important;
    }
    .lg\:text-underline {
        text-decoration: underline !important;
    }
    .lg\:text-line-through {
        text-decoration: line-through !important;
    }
    .lg\:text-overline {
        text-decoration: overline !important;
    }
    .lg\:underline-offset-1 {
        text-underline-offset: 1px !important;
    }
    .lg\:underline-offset-2 {
        text-underline-offset: 2px !important;
    }
    .lg\:underline-offset-3 {
        text-underline-offset: 3px !important;
    }
    .lg\:underline-offset-4 {
        text-underline-offset: 4px !important;
    }
    /* 텍스트 장식 스타일 */
    .lg\:text-underline-dotted {
        text-decoration: underline dotted !important;
    }
    .lg\:text-underline-dashed {
        text-decoration: underline dashed !important;
    }
    .lg\:text-underline-double {
        text-decoration: underline double !important;
    }
    .lg\:text-line-through-dotted {
        text-decoration: line-through dotted !important;
    }
    .lg\:text-line-through-dashed {
        text-decoration: line-through dashed !important;
    }
    .lg\:text-line-through-double {
        text-decoration: line-through double !important;
    }
    .lg\:lh-normal {
        line-height: normal !important;
    }
    .lg\:lh-fix-15 {
        line-height: 15px !important;
    }
    .lg\:lh-fix-17 {
        line-height: 17px !important;
    }
    .lg\:lh-fix-18 {
        line-height: 18px !important;
    }
    .lg\:lh-fix-24 {
        line-height: 24px !important;
    }
    .lg\:lh-fix-30 {
        line-height: 30px !important;
    }
    .lg\:lh-100 {
        line-height: 1 !important;
    }
    .lg\:lh-125 {
        line-height: 1.25 !important;
    }
    .lg\:lh-130 {
        line-height: 1.3 !important;
    }
    .lg\:lh-1375 {
        line-height: 1.375 !important;
    }
    .lg\:lh-143 {
        line-height: 1.43 !important;
    }
    .lg\:lh-156 {
        line-height: 1.56 !important;
    }
    .lg\:lh-150 {
        line-height: 1.5 !important;
    }
    .lg\:lh-171 {
        line-height: 1.71 !important;
    }
    .lg\:lh-200 {
        line-height: 2 !important;
    }
}
    
@media (min-width: 1280px) {
    .xl\:example {}
}