*, :after, :before {
  --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;
}

::backdrop {
  --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;
}

/* 커스텀 버튼 및 폼 요소 스타일 */
.sz-btn-primary-lg { display: inline-flex; cursor: pointer; align-items: center; gap: .5rem; border-radius: .5rem; border-width: 0; font-weight: 600; text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity, 1)); padding: .875rem 2rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); font-size: 1.1875rem; line-height: 1.75rem; }
.sz-btn-primary-lg:hover { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity, 1)); --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: rgba(var(--color-primary-500), 0.25); --tw-shadow: var(--tw-shadow-colored); }
.sz-btn-outline-lg { display: inline-flex; cursor: pointer; align-items: center; gap: .5rem; border-radius: .5rem; font-weight: 600; text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: .875rem 2rem; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); font-size: 1.1875rem; line-height: 1.75rem; }
.sz-btn-outline-lg:hover { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-400), var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1)); }
.sz-section { padding-top: 3rem; padding-bottom: 3rem; }
@media (min-width: 1024px) { .sz-section { padding-top: 4rem; padding-bottom: 4rem; } }
.sz-container { margin-left: auto; margin-right: auto; max-width: 80rem; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 640px) { .sz-container { padding-left: 1.5rem; padding-right: 1.5rem; } }
@media (min-width: 1024px) { .sz-container { padding-left: 2rem; padding-right: 2rem; } }
.sz-container-sm { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 640px) { .sz-container-sm { padding-left: 1.5rem; padding-right: 1.5rem; } }
@media (min-width: 1024px) { .sz-container-sm { padding-left: 2rem; padding-right: 2rem; } }
.sz-section-header { margin-bottom: 4rem; text-align: center; }
.sz-section-label { font-size: 1.0625rem; line-height: 1.625rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: rgba(var(--color-primary-500), var(--tw-text-opacity, 1)); --tw-text-opacity: 1; }
.sz-section-title { --tw-text-opacity: 1; margin-top: .75rem; margin-bottom: 1rem; font-size: 2rem; line-height: 2.375rem; font-weight: 700; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); }
@media (min-width: 1024px) { .sz-section-title { font-size: 2.5rem; line-height: 2.75rem; } }
.sz-section-desc { margin-left: auto; margin-right: auto; max-width: 42rem; font-size: 1.1875rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); }
.sz-card { padding: 1.5rem; border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.sz-card-hover { padding: 2rem; border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.sz-card-hover:hover { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-300), var(--tw-border-opacity, 1)); --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: rgba(var(--color-primary-100), 0.5); --tw-shadow: var(--tw-shadow-colored); }
.sz-card-icon { margin-bottom: 1.5rem; display: flex; height: 3.5rem; width: 3.5rem; align-items: center; justify-content: center; border-radius: .75rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.sz-card-title { margin-bottom: .75rem; font-size: 1.625rem; line-height: 2rem; font-weight: 700; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); --tw-text-opacity: 1; }
.sz-card-text { margin-bottom: 1rem; font-size: 1.0625rem; line-height: 1.625; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); --tw-text-opacity: 1; }
.sz-checklist { margin: 0; list-style-type: none; padding: 0; }
.sz-checklist > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)); }
.sz-checklist-item { display: flex; align-items: center; gap: .5rem; font-size: 1.0625rem; line-height: 1.625rem; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); }
.sz-step { text-align: center; }
.sz-step-num-active { margin-left: auto; margin-right: auto; margin-bottom: 1rem; display: flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 1rem; font-size: 1.625rem; line-height: 2rem; font-weight: 700; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); --tw-shadow-color: rgb(var(--color-primary-200)); --tw-shadow: var(--tw-shadow-colored); }
.sz-step-num-default { margin-left: auto; margin-right: auto; margin-bottom: 1rem; display: flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 1rem; font-size: 1.625rem; line-height: 2rem; font-weight: 700; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); border-width: 2px; --tw-border-opacity: 1; border-color: rgba(var(--color-primary-300), var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(var(--color-primary-500), var(--tw-text-opacity, 1)); --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); }
.sz-step-title { margin-bottom: .5rem; font-size: 1.1875rem; line-height: 1.75rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); }
.sz-step-text { font-size: 1.0625rem; line-height: 1.625rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); }
.sz-input { font-size: 1.0625rem; line-height: 1.625rem; height: 3rem; width: 100%; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.sz-input:focus { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.sz-input-sm { border-radius: .5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding: .625rem 1rem; font-size: .9375rem; line-height: 1.375rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.sz-input-sm:focus { border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1)); --tw-border-opacity: 1; outline: 2px solid transparent; outline-offset: 2px; }
.sz-input-inline { height: 2.5rem; border-radius: .5rem; border-width: 1px; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); background-color: rgba(249, 250, 251, .5); padding-left: .75rem; padding-right: .75rem; font-size: .9375rem; line-height: 1.375rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .2s; }
.sz-input-inline:focus { border-color: rgba(var(--color-primary-400), var(--tw-border-opacity, 1)); background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; --tw-bg-opacity: 1; outline: 2px solid transparent; outline-offset: 2px; }
.sz-textarea { height: 10rem; width: 100%; resize: vertical; border-radius: .75rem; border-width: 1px; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding: .75rem 1rem; font-size: 1.0625rem; line-height: 1.625rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.sz-textarea:focus { border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1)); background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; --tw-bg-opacity: 1; }
.sz-textarea-sm { height: 6rem; width: 100%; resize: vertical; border-radius: .75rem; border-width: 1px; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding: .75rem 1rem; font-size: 1.0625rem; line-height: 1.625rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.sz-textarea-sm:focus { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.sz-textarea-comment { min-height: 100px; width: 100%; resize: vertical; border-radius: .5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); background-color: rgba(249, 250, 251, .5); padding: .875rem; font-size: .9375rem; line-height: 1.375rem; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .2s; }
.sz-textarea-comment::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); }
.sz-textarea-comment::placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); }
.sz-textarea-comment:focus { border-color: rgba(var(--color-primary-400), var(--tw-border-opacity, 1)); background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; --tw-bg-opacity: 1; }
.sz-select { height: 3rem; width: 100%; border-radius: .75rem; border-width: 1px; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; font-size: 1.0625rem; line-height: 1.625rem; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.sz-select:focus { border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1)); --tw-border-opacity: 1; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.sz-select-sm { cursor: pointer; border-radius: .5rem; border-width: 1px; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding: .375rem .75rem; font-size: .9375rem; line-height: 1.375rem; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.sz-select-sm:focus { border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1)); --tw-border-opacity: 1; }
.sz-select-form { width: 100%; border-radius: .5rem; border-width: 1px; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: .625rem 1rem; font-size: .9375rem; line-height: 1.375rem; --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .2s; }
.sz-select-form:focus { border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; --tw-border-opacity: 1; }
.sz-checkbox { height: 1rem; width: 1rem; border-radius: .25rem; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgba(var(--color-primary-500), var(--tw-text-opacity, 1)); }
.sz-checkbox:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--color-primary-500), var(--tw-ring-opacity, 1)); }
.sz-radio { height: 1rem; width: 1rem; --tw-text-opacity: 1; color: rgba(var(--color-primary-500), var(--tw-text-opacity, 1)); }
.sz-radio:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--color-primary-500), var(--tw-ring-opacity, 1)); }
.sz-table-wrap { overflow: visible; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.sz-badge-new { margin-left: .375rem; display: inline-flex; align-items: center; justify-content: center; border-radius: .25rem; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--color-primary-500)) var(--tw-gradient-from-position); --tw-gradient-to: rgba(var(--color-primary-500), 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgb(var(--color-primary-400)) var(--tw-gradient-to-position); padding: .125rem .375rem; vertical-align: middle; font-size: 10px; font-weight: 700; line-height: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-text-opacity: 1; }
.sz-link { color: rgba(var(--color-primary-500), var(--tw-text-opacity, 1)); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; --tw-text-opacity: 1; }
.sz-link:hover { color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1)); --tw-text-opacity: 1; }
.sz-link-muted { color: rgb(107 114 128 / var(--tw-text-opacity, 1)); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.sz-link-muted:hover { --tw-text-opacity: 1; color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1)); }
.sz-link-tab { display: inline-flex; align-items: center; gap: .375rem; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: .5rem 1rem; font-size: .9375rem; line-height: 1.375rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.sz-link-tab:hover { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-300), var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1)); }
.sz-link-tab-active { display: inline-flex; align-items: center; gap: .375rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity, 1)); padding: .5rem 1rem; font-size: .9375rem; line-height: 1.375rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: none; --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.sz-card-lg { border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; padding: 2rem; --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.sz-card-panel { 
    overflow: visible; 
    border-radius: .75rem; 
    /* 1. 선의 색상을 더 연하게 (투명도 조절) */
    border: 1px solid rgba(0, 0, 0, 0.06); 
    
    /* 2. 배경색은 깔끔한 화이트 */
    background-color: #ffffff; 
    
    /* 3. 그림자를 아래로 밀지 않고 사방으로 아주 미세하게 배치 */
    /* 첫 번째 값은 1px의 아주 얇은 외곽선 느낌, 두 번째는 아주 부드러운 하단 그림자 */
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 1px 3px rgba(0, 0, 0, 0.03);
    
    /* 4. 변화가 부드럽도록 트랜지션 추가 */
    transition: all 0.2s ease-in-out;
}
.sz-modal-close { position: absolute; top: 1rem; right: 1rem; cursor: pointer; border-radius: .5rem; border-width: 0; background-color: transparent; padding: .375rem; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.sz-modal-close:hover { background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); color: rgb(55 65 81 / var(--tw-text-opacity, 1)); --tw-bg-opacity: 1; --tw-text-opacity: 1; }
.sz-btn-full { height: 3rem; width: 100%; cursor: pointer; border-radius: .75rem; border-width: 0; background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity, 1)); font-size: 1.0625rem; line-height: 1.625rem; font-weight: 600; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; --tw-bg-opacity: 1; --tw-text-opacity: 1; }
.sz-btn-full:hover { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity, 1)); }
.sz-btn-secondary { height: 2.5rem; cursor: pointer; border-radius: .5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; font-size: .9375rem; line-height: 1.375rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.sz-btn-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); }
.sz-btn-icon { display: inline-flex; height: 2.25rem; width: 2.25rem; cursor: pointer; align-items: center; justify-content: center; border-radius: .5rem; border-width: 0; background-color: transparent; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.sz-btn-icon:hover { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-50), var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1)); }
.sz-list { margin: 0; list-style-type: none; padding: 0; }
.sz-btn-submit { display: inline-flex; cursor: pointer; align-items: center; justify-content: center; gap: .375rem; border-radius: .5rem; border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity, 1)); padding: .625rem 1.5rem; font-size: .9375rem; line-height: 1.375rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; font-family: NEXON Lv2 Gothic, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important; }
.sz-btn-submit:hover { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity, 1)); }
.sz-btn-cancel { display: inline-flex; cursor: pointer; align-items: center; gap: .5rem; border-radius: .5rem; font-weight: 600; text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: .625rem 1.5rem; font-size: .9375rem; line-height: 1.375rem; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); }
.sz-btn-cancel:hover { border-color: rgba(var(--color-primary-400), var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1)); --tw-border-opacity: 1; }
.sz-btn-close { display: inline-flex; cursor: pointer; align-items: center; gap: .5rem; border-radius: .5rem; font-weight: 600; text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; border-width: 1px; border-style: solid; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: .625rem 1.5rem; font-size: .9375rem; line-height: 1.375rem; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); --tw-border-opacity: 1; }
.sz-btn-close:hover { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-400), var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1)); }
.sz-back-btn:hover .sz-back-icon { background: var(--hex-primary-500); color: #fff; }

/* SV / Dropdown 요소 */
.sv_wrap { display: inline-block; position: relative; font-weight: 400; }
.sv_wrap .sv { z-index: 9999 !important; display: none; margin: 6px 0 0; background: #fff !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; padding: 8px !important; min-width: 130px; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important; }
.sv_wrap .sv:before { border-color: transparent transparent #e5e7eb !important; }
.sv_wrap .sv:after { content: ""; position: absolute; top: -5px; left: 15px; border-color: transparent transparent #fff; border-style: solid; border-width: 0 5px 5px; }
.sv_wrap .sv a { display: block !important; padding: 7px 14px !important; width: auto !important; min-width: 110px; font-size: 13px !important; color: #4b5563 !important; text-decoration: none !important; border-radius: 8px !important; line-height: 1.4 !important; transition: all .15s; }
.sv_wrap .sv a:hover { background: var(--hex-primary-100) !important; color: var(--hex-primary-700) !important; }
.sv_on { display: block !important; position: absolute; top: 100% !important; left: 0; z-index: 9999 !important; }
.sv_wrap:has(.sv_on) { z-index: 9999; }

/* 기타 기본 구조 */
#bo_list, #bo_list table, #bo_list tbody, #bo_list td, #bo_list th, #bo_list thead, #bo_list tr { overflow: visible !important; }
#bo_cate_ul li a { display: inline-block; padding: 6px 16px; border-radius: 9999px; border: 1px solid var(--hex-primary-200); font-size: 14px; color: var(--hex-primary-500); text-decoration: none; transition: all .15s; }
#bo_cate_ul li a#bo_cate_on, #bo_cate_ul li a:hover { background: var(--hex-primary-500); color: #fff; border-color: var(--hex-primary-500); }
#bo_cate_ul li a#bo_cate_on { font-weight: 700; box-shadow: 0 1px 3px rgba(var(--color-primary-500), .3); }
.profile_img img, .sv_wrap .profile_img img, img[src*=no_profile] { border-radius: 50% !important; -o-object-fit: cover !important; object-fit: cover !important; vertical-align: middle !important; }
#bo_list .profile_img img, #bo_list img[src*=no_profile], #bo_v_info .sv_wrap .profile_img img, #bo_v_info strong .profile_img img, .sv_wrap .profile_img img, .sv_wrap img[src*=no_profile] { width: 22px !important; height: 22px !important; }
#bo_v_info .sv_wrap > img[src*=no_profile], #bo_v_info strong > img[src*=no_profile] { display: none !important; }
#bo_vc .sv_wrap .profile_img img, #bo_vc header .profile_img img { width: 22px !important; height: 22px !important; }
#bo_vc .sv_wrap > img[src*=no_profile], #bo_vc header > img[src*=no_profile] { display: none !important; }
#ol_after .profile_img img, #ol_after img[src*=no_profile] { width: 48px !important; height: 48px !important; }
#formmail, #memo, #memo_form, #memo_view, #point, #profile, #scrap, #wrapper .new_win, .new_win { padding: 20px !important; max-width: 600px !important; margin: 0 auto !important; box-sizing: border-box !important; }
.new_win #win_title, .new_win h1 { font-size: 1.25rem !important; font-weight: 700 !important; color: #1f2937 !important; padding-bottom: 12px !important; border-bottom: 1px solid #f3f4f6 !important; margin-bottom: 16px !important; }

/* Captcha 영역 */
#captcha { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; border: 0 !important; padding: 0 !important; margin: 0 !important; }
#captcha legend { display: none !important; }
#captcha #captcha_img { height: 48px !important; border-radius: 12px !important; border: 1px solid var(--hex-primary-100) !important; vertical-align: middle; }
#captcha .captcha_box { width: 180px !important; height: 48px !important; padding: 0 16px !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; background: #f9fafb !important; font-size: 18px !important; letter-spacing: 3px; outline: none !important; transition: all .2s !important; box-sizing: border-box !important; }
#captcha .captcha_box:focus { border-color: var(--hex-primary-500) !important; box-shadow: 0 0 0 2px rgba(var(--color-primary-500), .2) !important; background: #fff !important; }
#captcha #captcha_mp3, #captcha #captcha_reload { width: 42px !important; height: 42px !important; border-radius: 10px !important; background: var(--hex-primary-50) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2310b981' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4zm8.07-.07a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07'/%3E%3C/svg%3E") center/20px no-repeat !important; border: 1px solid var(--hex-primary-100) !important; cursor: pointer !important; vertical-align: middle; transition: all .15s !important; overflow: hidden !important; color: transparent !important; font-size: 0 !important; }
#captcha #captcha_reload { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2310b981' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E") !important; }
#captcha #captcha_mp3 span, #captcha #captcha_reload span { display: none !important; }
#captcha #captcha_mp3:hover, #captcha #captcha_reload:hover { background-color: var(--hex-primary-100) !important; border-color: var(--hex-primary-300) !important; }
#captcha #captcha_info { display: block; width: 100%; margin-top: 4px; font-size: 12px; color: var(--hex-primary-300); }

/* 유틸리티 클래스 (.tw-*) */
.tw-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border-width: 0 !important; }
.tw-invisible { visibility: hidden !important; }
.tw-fixed { position: fixed !important; }
.tw-absolute { position: absolute !important; }
.tw-relative { position: relative !important; }
.tw-inset-0 { inset: 0 !important; }
.tw--bottom-1 { bottom: -.25rem !important; }
.tw--bottom-40 { bottom: -10rem !important; }
.tw--left-40 { left: -10rem !important; }
.tw--right-1 { right: -.25rem !important; }
.tw--top-32 { top: -8rem !important; }
.tw-bottom-0 { bottom: 0 !important; }
.tw-bottom-10 { bottom: 2.5rem !important; }
.tw-bottom-2 { bottom: .5rem !important; }
.tw-bottom-3 { bottom: .75rem !important; }
.tw-bottom-4 { bottom: 1rem !important; }
.tw-bottom-6 { bottom: 1.5rem !important; }
.tw-left-0 { left: 0 !important; }
.tw-left-1 { left: .25rem !important; }
.tw-left-1\/2 { left: 50% !important; }
.tw-left-1\/4 { left: 25% !important; }
.tw-left-2 { left: .5rem !important; }
.tw-left-4 { left: 1rem !important; }
.tw-right-0 { right: 0 !important; }
.tw-right-2 { right: .5rem !important; }
.tw-right-3 { right: .75rem !important; }
.tw-right-4 { right: 1rem !important; }
.tw-right-6 { right: 1.5rem !important; }
.tw-right-\[22px\] { right: 22px !important; }
.tw-top-0 { top: 0 !important; }
.tw-top-0\.5 { top: .125rem !important; }
.tw-top-1 { top: .25rem !important; }
.tw-top-1\/2 { top: 50% !important; }
.tw-top-10 { top: 2.5rem !important; }
.tw-top-2 { top: .5rem !important; }
.tw-top-3 { top: .75rem !important; }
.tw-top-3\.5 { top: .875rem !important; }
.tw-top-4 { top: 1rem !important; }
.tw-top-5 { top: 1.25rem !important; }
.tw-top-full { top: 100% !important; }
.tw-z-10 { z-index: 10 !important; }
.tw-z-40 { z-index: 40 !important; }
.tw-z-50 { z-index: 50 !important; }
.tw-z-\[999\] { z-index: 999 !important; }
.tw-z-\[99\] { z-index: 99 !important; }
.tw-col-span-3 { grid-column: span 3 / span 3 !important; }
.tw-col-span-full { grid-column: 1 / -1 !important; }
.tw-float-right { float: right !important; }
.tw-float-left { float: left !important; }
.tw-clear-both { clear: both !important; }
.tw-m-0 { margin: 0 !important; }
.tw-mx-1 { margin-left: .25rem !important; margin-right: .25rem !important; }
.tw-mx-5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important; }
.tw-mx-auto { margin-left: auto !important; margin-right: auto !important; }
.tw-my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; }
.tw-my-3 { margin-top: .75rem !important; margin-bottom: .75rem !important; }
.tw-my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.tw-my-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; }
.tw-my-6 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.tw--mt-2\.5 { margin-top: -.625rem !important; }
.tw-mb-0 { margin-bottom: 0 !important; }
.tw-mb-1 { margin-bottom: .25rem !important; }
.tw-mb-1\.5 { margin-bottom: .375rem !important; }
.tw-mb-10 { margin-bottom: 2.5rem !important; }
.tw-mb-2 { margin-bottom: .5rem !important; }
.tw-mb-3 { margin-bottom: .75rem !important; }
.tw-mb-4 { margin-bottom: 1rem !important; }
.tw-mb-5 { margin-bottom: 1.25rem !important; }
.tw-mb-6 { margin-bottom: 1.5rem !important; }
.tw-mb-8 { margin-bottom: 2rem !important; }
.tw-ml-1 { margin-left: .25rem !important; }
.tw-ml-1\.5 { margin-left: .375rem !important; }
.tw-ml-11 { margin-left: 2.75rem !important; }
.tw-ml-2 { margin-left: .5rem !important; }
.tw-ml-6 { margin-left: 1.5rem !important; }
.tw-ml-auto { margin-left: auto !important; }
.tw-mr-0\.5 { margin-right: .125rem !important; }
.tw-mr-1 { margin-right: .25rem !important; }
.tw-mr-1\.5 { margin-right: .375rem !important; }
.tw-mr-2 { margin-right: .5rem !important; }
.tw-mr-28 { margin-right: 7rem !important; }
.tw-mr-3 { margin-right: .75rem !important; }
.tw-mr-4 { margin-right: 1rem !important; }
.tw-mt-0\.5 { margin-top: .125rem !important; }
.tw-mt-1 { margin-top: .25rem !important; }
.tw-mt-1\.5 { margin-top: .375rem !important; }
.tw-mt-2 { margin-top: .5rem !important; }
.tw-mt-3 { margin-top: .75rem !important; }
.tw-mt-4 { margin-top: 1rem !important; }
.tw-mt-5 { margin-top: 1.25rem !important; }
.tw-mt-6 { margin-top: 1.5rem !important; }
.tw-mt-8 { margin-top: 2rem !important; }
.tw-mt-auto { margin-top: auto !important; }
.tw-line-clamp-1 { -webkit-line-clamp: 1 !important; overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; }
.tw-line-clamp-2 { -webkit-line-clamp: 2 !important; overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; }
.tw-block { display: block !important; }
.tw-inline-block { display: inline-block !important; }
.tw-inline { display: inline !important; }
.tw-flex { display: flex !important; }
.tw-inline-flex { display: inline-flex !important; }
.tw-grid { display: grid !important; }
.tw-hidden { display: none !important; }
.tw-aspect-\[4\/3\] { aspect-ratio: 4 / 3 !important; }
.tw-aspect-square { aspect-ratio: 1 / 1 !important; }
.tw-h-1\.5 { height: .375rem !important; }
.tw-h-10 { height: 2.5rem !important; }
.tw-h-11 { height: 2.75rem !important; }
.tw-h-12 { height: 3rem !important; }
.tw-h-16 { height: 4rem !important; }
.tw-h-2\.5 { height: .625rem !important; }
.tw-h-20 { height: 5rem !important; }
.tw-h-24 { height: 6rem !important; }
.tw-h-3 { height: .75rem !important; }
.tw-h-3\.5 { height: .875rem !important; }
.tw-h-32 { height: 8rem !important; }
.tw-h-4 { height: 1rem !important; }
.tw-h-48 { height: 12rem !important; }
.tw-h-5 { height: 1.25rem !important; }
.tw-h-6 { height: 1.5rem !important; }
.tw-h-7 { height: 1.75rem !important; }
.tw-h-8 { height: 2rem !important; }
.tw-h-9 { height: 2.25rem !important; }
.tw-h-96 { height: 24rem !important; }
.tw-h-\[18px\] { height: 18px !important; }
.tw-h-\[300px\] { height: 300px !important; }
.tw-h-\[45px\] { height: 45px !important; }
.tw-h-\[500px\] { height: 500px !important; }
.tw-h-auto { height: auto !important; }
.tw-h-full { height: 100% !important; }
.tw-max-h-40 { max-height: 10rem !important; }
.tw-max-h-\[300px\] { max-height: 300px !important; }
.tw-max-h-\[450px\] { max-height: 450px !important; }
.tw-max-h-\[500px\] { max-height: 500px !important; }
.tw-min-h-\[120px\] { min-height: 120px !important; }
.tw-min-h-\[50px\] { min-height: 50px !important; }
.tw-min-h-\[600px\] { min-height: 600px !important; }
.tw-min-h-\[80px\] { min-height: 80px !important; }
.tw-min-h-\[90px\] { min-height: 90px !important; }
.tw-min-h-screen { min-height: 80vh !important; }
.tw-w-0\.5 { width: .125rem !important; }
.tw-w-1\.5 { width: .375rem !important; }
.tw-w-1\/4 { width: 25% !important; }
.tw-w-1\/5 { width: 20% !important; }
.tw-w-10 { width: 2.5rem !important; }
.tw-w-12 { width: 3rem !important; }
.tw-w-14 { width: 3.5rem !important; }
.tw-w-16 { width: 4rem !important; }
.tw-w-2\.5 { width: .625rem !important; }
.tw-w-20 { width: 5rem !important; }
.tw-w-24 { width: 6rem !important; }
.tw-w-28 { width: 7rem !important; }
.tw-w-3 { width: .75rem !important; }
.tw-w-3\.5 { width: .875rem !important; }
.tw-w-32 { width: 8rem !important; }
.tw-w-4 { width: 1rem !important; }
.tw-w-4\/5 { width: 80% !important; }
.tw-w-5 { width: 1.25rem !important; }
.tw-w-6 { width: 1.5rem !important; }
.tw-w-64 { width: 16rem !important; }
.tw-w-7 { width: 1.75rem !important; }
.tw-w-72 { width: 18rem !important; }
.tw-w-8 { width: 2rem !important; }
.tw-w-9 { width: 2.25rem !important; }
.tw-w-96 { width: 24rem !important; }
.tw-w-\[100px\] { width: 100px !important; }
.tw-w-\[150px\] { width: 150px !important; }
.tw-w-\[18px\] { width: 18px !important; }
.tw-w-\[270px\] { width: 270px !important; }
.tw-w-\[300px\] { width: 300px !important; }
.tw-w-\[500px\] { width: 500px !important; }
.tw-w-\[50px\] { width: 50px !important; }
.tw-w-\[590px\] { width: 590px !important; }
.tw-w-auto { width: auto !important; }
.tw-w-full { width: 100% !important; }
.tw-min-w-0 { min-width: 0 !important; }
.tw-min-w-\[1\.5rem\] { min-width: 1.5rem !important; }
.tw-min-w-\[110px\] { min-width: 110px !important; }
.tw-min-w-\[120px\] { min-width: 120px !important; }
.tw-min-w-\[140px\] { min-width: 140px !important; }
.tw-min-w-\[150px\] { min-width: 150px !important; }
.tw-min-w-\[180px\] { min-width: 180px !important; }
.tw-min-w-\[200px\] { min-width: 200px !important; }
.tw-min-w-\[20px\] { min-width: 20px !important; }
.tw-min-w-\[235px\] { min-width: 235px !important; }
.tw-min-w-\[320px\] { min-width: 320px !important; }
.tw-min-w-\[350px\] { min-width: 350px !important; }
.tw-min-w-\[400px\] { min-width: 400px !important; }
.tw-max-w-2xl { max-width: 42rem !important; }
.tw-max-w-3xl { max-width: 48rem !important; }
.tw-max-w-4xl { max-width: 56rem !important; }
.tw-max-w-5xl { max-width: 64rem !important; }
.tw-max-w-7xl { max-width: 80rem !important; }
.tw-max-w-\[100px\] { max-width: 100px !important; }
.tw-max-w-\[105px\] { max-width: 105px !important; }
.tw-max-w-\[1200px\] { max-width: 1200px !important; }
.tw-max-w-\[120px\] { max-width: 120px !important; }
.tw-max-w-\[125px\] { max-width: 125px !important; }
.tw-max-w-\[150px\] { max-width: 150px !important; }
.tw-max-w-\[175px\] { max-width: 175px !important; }
.tw-max-w-\[400px\] { max-width: 400px !important; }
.tw-max-w-\[560px\] { max-width: 560px !important; }
.tw-max-w-\[5em\] { max-width: 5em !important; }
.tw-max-w-\[600px\] { max-width: 600px !important; }
.tw-max-w-\[70px\] { max-width: 70px !important; }
.tw-max-w-full { max-width: 100% !important; }
.tw-max-w-lg { max-width: 32rem !important; }
.tw-max-w-md { max-width: 28rem !important; }
.tw-max-w-xs { max-width: 20rem !important; }
.tw-flex-1 { flex: 1 1 0% !important; }
.tw-flex-shrink-0, .tw-shrink-0 { flex-shrink: 0 !important; }
.tw-border-collapse { border-collapse: collapse !important; }
.tw--translate-x-1\/2 { --tw-translate-x: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.tw--translate-y-1\/2 { --tw-translate-y: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.tw-translate-x-0 { --tw-translate-x: 0px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.tw-translate-x-full { --tw-translate-x: 100% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.tw-transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
@keyframes tw-spin { to { transform: rotate(1turn); } }
.tw-animate-spin { animation: tw-spin 1s linear infinite !important; }
.tw-cursor-move { cursor: move !important; }
.tw-cursor-not-allowed { cursor: not-allowed !important; }
.tw-cursor-pointer { cursor: pointer !important; }
.tw-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; }
.tw-resize-none { resize: none !important; }
.tw-list-decimal { list-style-type: decimal !important; }
.tw-list-none { list-style-type: none !important; }
.tw-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
.tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.tw-flex-row { flex-direction: row !important; }
.tw-flex-col { flex-direction: column !important; }
.tw-flex-wrap { flex-wrap: wrap !important; }
.tw-items-start { align-items: flex-start !important; }
.tw-items-center { align-items: center !important; }
.tw-items-stretch { align-items: stretch !important; }
.tw-justify-end { justify-content: flex-end !important; }
.tw-justify-center { justify-content: center !important; }
.tw-justify-between { justify-content: space-between !important; }
.tw-gap-0 { gap: 0 !important; }
.tw-gap-1 { gap: .25rem !important; }
.tw-gap-1\.5 { gap: .375rem !important; }
.tw-gap-12 { gap: 3rem !important; }
.tw-gap-2 { gap: .5rem !important; }
.tw-gap-2\.5 { gap: .625rem !important; }
.tw-gap-3 { gap: .75rem !important; }
.tw-gap-4 { gap: 1rem !important; }
.tw-gap-5 { gap: 1.25rem !important; }
.tw-gap-6 { gap: 1.5rem !important; }
.tw-gap-8 { gap: 2rem !important; }
.tw-gap-x-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important; }
.tw-gap-x-4 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; }
.tw-gap-y-0\.5 { row-gap: .125rem !important; }
.tw-gap-y-1\.5 { row-gap: .375rem !important; }
.tw-gap-y-2 { row-gap: .5rem !important; }
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(.5rem * var(--tw-space-x-reverse)) !important; margin-left: calc(.5rem * (1 - var(--tw-space-x-reverse))) !important; }
.tw-space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(0px * (1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important; }
.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(.25rem * (1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(.25rem * var(--tw-space-y-reverse)) !important; }
.tw-space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(.5rem * var(--tw-space-y-reverse)) !important; }
.tw-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(.625rem * (1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(.625rem * var(--tw-space-y-reverse)) !important; }
.tw-space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(.75rem * (1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(.75rem * var(--tw-space-y-reverse)) !important; }
.tw-space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(1rem * (1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important; }
.tw-divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0 !important; border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse))) !important; border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; }
.tw-divide-gray-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1 !important; border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)) !important; }
.tw-divide-gray-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1)) !important; }
.tw-divide-gray-50 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1 !important; border-color: rgb(249 250 251 / var(--tw-divide-opacity, 1)) !important; }
.tw-divide-gray-700 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1 !important; border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1)) !important; }
.tw-overflow-hidden { overflow: hidden !important; }
.tw-overflow-visible { overflow: visible !important; }
.tw-overflow-x-auto { overflow-x: auto !important; }
.tw-overflow-y-auto { overflow-y: auto !important; }
.tw-truncate { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.tw-whitespace-nowrap { white-space: nowrap !important; }
.tw-break-words { overflow-wrap: break-word !important; }
.tw-rounded { border-radius: .25rem !important; }
.tw-rounded-2xl { border-radius: 1rem !important; }
.tw-rounded-full { border-radius: 9999px !important; }
.tw-rounded-lg { border-radius: .5rem !important; }
.tw-rounded-md { border-radius: .375rem !important; }
.tw-rounded-xl { border-radius: .75rem !important; }
.tw-rounded-b-lg { border-bottom-right-radius: .5rem !important; border-bottom-left-radius: .5rem !important; }
.tw-rounded-b-xl { border-bottom-right-radius: .75rem !important; border-bottom-left-radius: .75rem !important; }
.tw-rounded-l-md { border-top-left-radius: .375rem !important; border-bottom-left-radius: .375rem !important; }
.tw-rounded-r-md { border-top-right-radius: .375rem !important; border-bottom-right-radius: .375rem !important; }
.tw-rounded-t-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; }
.tw-rounded-t-xl { border-top-left-radius: .75rem !important; border-top-right-radius: .75rem !important; }
.tw-rounded-bl-xl { border-bottom-left-radius: .75rem !important; }
.tw-rounded-tr-xl { border-top-right-radius: .75rem !important; }
.tw-border { border-width: 1px !important; }
.tw-border-0 { border-width: 0 !important; }
.tw-border-2 { border-width: 2px !important; }
.tw-border-b { border-bottom-width: 1px !important; }
.tw-border-b-2 { border-bottom-width: 2px !important; }
.tw-border-l { border-left-width: 1px !important; }
.tw-border-l-0 { border-left-width: 0 !important; }
.tw-border-r { border-right-width: 1px !important; }
.tw-border-t { border-top-width: 1px !important; }
.tw-border-t-0 { border-top-width: 0 !important; }
.tw-border-dashed { border-style: dashed !important; }
.tw-border-blue-200 { border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-blue-400 { border-color: rgb(96 165 250 / var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-gray-100 { border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-gray-200 { border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-gray-200\/20 { border-color: rgba(229, 231, 235, .2) !important; }
.tw-border-gray-300 { border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-gray-400 { border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-gray-600 { border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-gray-800 { border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-primary-200 { border-color: rgba(var(--color-primary-200), var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-primary-300 { border-color: rgba(var(--color-primary-300), var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-primary-400 { border-color: rgba(var(--color-primary-400), var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-primary-500 { border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-red-200 { border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-border-transparent { border-color: transparent !important; }
.tw-border-white { border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 1 !important; }
.tw-bg-\[\#28c840\] { background-color: rgb(40 200 64 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-\[\#f0f0f0\] { background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-\[\#fafafa\] { background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-\[\#febc2e\] { background-color: rgb(254 188 46 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-\[\#ff5f57\] { background-color: rgb(255 95 87 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-accent-100 { background-color: rgba(var(--color-accent-100), var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-accent-100\/35 { background-color: rgba(var(--color-accent-100), .35) !important; }
.tw-bg-accent-200\/40 { background-color: rgba(var(--color-accent-200), .4) !important; }
.tw-bg-amber-100 { background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-amber-400 { background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-amber-50 { background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-amber-50\/40 { background-color: rgba(255, 251, 235, .4) !important; }
.tw-bg-black\/10 { background-color: rgba(0, 0, 0, .1) !important; }
.tw-bg-black\/40 { background-color: rgba(0, 0, 0, .4) !important; }
.tw-bg-black\/50 { background-color: rgba(0, 0, 0, .5) !important; }
.tw-bg-black\/70 { background-color: rgba(0, 0, 0, .7) !important; }
.tw-bg-blue-50 { background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-emerald-500 { background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-gray-100 { background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-gray-300 { background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-gray-50 { background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-gray-50\/50 { background-color: rgba(249, 250, 251, .5) !important; }
.tw-bg-gray-50\/80 { background-color: rgba(249, 250, 251, .8) !important; }
.tw-bg-gray-700 { background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-gray-800 { background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-gray-900 { background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-green-100 { background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-green-50 { background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-green-600 { background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-orange-400 { background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-pink-50 { background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-primary-100 { background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-primary-200 { background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-primary-200\/30 { background-color: rgba(var(--color-primary-200), .3) !important; }
.tw-bg-primary-50 { background-color: rgba(var(--color-primary-50), var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-primary-50\/30 { background-color: rgba(var(--color-primary-50), .3) !important; }
.tw-bg-primary-500 { background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-purple-50 { background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-purple-500 { background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-red-50 { background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-red-500 { background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-red-600 { background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-rose-50 { background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-transparent { background-color: transparent !important; }
.tw-bg-white { background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-white\/80 { background-color: hsla(0, 0%, 100%, .8) !important; }
.tw-bg-white\/90 { background-color: hsla(0, 0%, 100%, .9) !important; }
.tw-bg-white\/95 { background-color: hsla(0, 0%, 100%, .95) !important; }
.tw-bg-yellow-100 { background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1 !important; }
.tw-bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important; }
.tw-bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; }
.tw-from-gray-100 { --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(243, 244, 246, 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.tw-from-primary-100 { --tw-gradient-from: rgb(var(--color-primary-100)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(var(--color-primary-100), 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.tw-from-primary-50 { --tw-gradient-from: rgb(var(--color-primary-50)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(var(--color-primary-50), 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.tw-from-primary-500 { --tw-gradient-from: rgb(var(--color-primary-500)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(var(--color-primary-500), 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.tw-via-white { --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to) !important; }
.tw-to-gray-200 { --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position) !important; }
.tw-to-primary-100 { --tw-gradient-to: rgb(var(--color-primary-100)) var(--tw-gradient-to-position) !important; }
.tw-to-primary-200 { --tw-gradient-to: rgb(var(--color-primary-200)) var(--tw-gradient-to-position) !important; }
.tw-to-primary-400 { --tw-gradient-to: rgb(var(--color-primary-400)) var(--tw-gradient-to-position) !important; }
.tw-to-primary-600 { --tw-gradient-to: rgb(var(--color-primary-600)) var(--tw-gradient-to-position) !important; }
.tw-object-cover { -o-object-fit: cover !important; object-fit: cover !important; }
.tw-p-0 { padding: 0 !important; }
.tw-p-1 { padding: .25rem !important; }
.tw-p-1\.5 { padding: .375rem !important; }
.tw-p-2 { padding: .5rem !important; }
.tw-p-2\.5 { padding: .625rem !important; }
.tw-p-3 { padding: .75rem !important; }
.tw-p-3\.5 { padding: .875rem !important; }
.tw-p-4 { padding: 1rem !important; }
.tw-p-5 { padding: 1.25rem !important; }
.tw-p-6 { padding: 1.5rem !important; }
.tw-p-8 { padding: 2rem !important; }
.tw-px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.tw-px-1 { padding-left: .25rem !important; padding-right: .25rem !important; }
.tw-px-1\.5 { padding-left: .375rem !important; padding-right: .375rem !important; }
.tw-px-10 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
.tw-px-2 { padding-left: .5rem !important; padding-right: .5rem !important; }
.tw-px-2\.5 { padding-left: .625rem !important; padding-right: .625rem !important; }
.tw-px-3 { padding-left: .75rem !important; padding-right: .75rem !important; }
.tw-px-3\.5 { padding-left: .875rem !important; padding-right: .875rem !important; }
.tw-px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
.tw-px-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
.tw-px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.tw-px-8 { padding-left: 2rem !important; padding-right: 2rem !important; }
.tw-py-0\.5 { padding-top: .125rem !important; padding-bottom: .125rem !important; }
.tw-py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; }
.tw-py-1\.5 { padding-top: .375rem !important; padding-bottom: .375rem !important; }
.tw-py-10 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.tw-py-12 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.tw-py-16 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.tw-py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
.tw-py-2\.5 { padding-top: .625rem !important; padding-bottom: .625rem !important; }
.tw-py-20 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
.tw-py-3 { padding-top: .75rem !important; padding-bottom: .75rem !important; }
.tw-py-3\.5 { padding-top: .875rem !important; padding-bottom: .875rem !important; }
.tw-py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.tw-py-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; }
.tw-py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.tw-py-8 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.tw-pb-12 { padding-bottom: 3rem !important; }
.tw-pb-2 { padding-bottom: .5rem !important; }
.tw-pb-3 { padding-bottom: .75rem !important; }
.tw-pb-4 { padding-bottom: 1rem !important; }
.tw-pb-5 { padding-bottom: 1.25rem !important; }
.tw-pb-6 { padding-bottom: 1.5rem !important; }
.tw-pb-8 { padding-bottom: 2rem !important; }
.tw-pl-0 { padding-left: 0 !important; }
.tw-pl-10 { padding-left: 2.5rem !important; }
.tw-pl-12 { padding-left: 3rem !important; }
.tw-pl-20 { padding-left: 5rem !important; }
.tw-pl-28 { padding-left: 7rem !important; }
.tw-pl-4 { padding-left: 1rem !important; }
.tw-pl-5 { padding-left: 1.25rem !important; }
.tw-pl-6 { padding-left: 1.5rem !important; }
.tw-pr-2 { padding-right: .5rem !important; }
.tw-pr-20 { padding-right: 5rem !important; }
.tw-pr-24 { padding-right: 6rem !important; }
.tw-pr-3 { padding-right: .75rem !important; }
.tw-pr-4 { padding-right: 1rem !important; }
.tw-pr-5 { padding-right: 1.25rem !important; }
.tw-pt-0 { padding-top: 0 !important; }
.tw-pt-2 { padding-top: .5rem !important; }
.tw-pt-3 { padding-top: .75rem !important; }
.tw-pt-4 { padding-top: 1rem !important; }
.tw-pt-5 { padding-top: 1.25rem !important; }
.tw-pt-6 { padding-top: 1.5rem !important; }
.tw-pt-8 { padding-top: 2rem !important; }
.tw-text-left { text-align: left !important; }
.tw-text-center { text-align: center !important; }
.tw-text-right { text-align: right !important; }
.tw-align-middle { vertical-align: middle !important; }
.tw-align-bottom { vertical-align: bottom !important; }
.tw-align-text-bottom { vertical-align: text-bottom !important; }
.tw-font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important; }
.tw-font-sans { font-family: NEXON Lv2 Gothic, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important; }
.tw-text-2xl { font-size: 1.625rem !important; line-height: 2rem !important; }
.tw-text-4xl { font-size: 2.5rem !important; line-height: 2.75rem !important; }
.tw-text-5xl { font-size: 3.25rem !important; line-height: 1.2 !important; }
.tw-text-\[10px\] { font-size: 10px !important; }
.tw-text-\[11px\] { font-size: 11px !important; }
.tw-text-\[13px\] { font-size: 13px !important; }
.tw-text-\[24px\] { font-size: 24px !important; line-height: 32px !important; }
.tw-text-base { font-size: 1.0625rem !important; line-height: 1.625rem !important; }
.tw-text-lg { font-size: 1.1875rem !important; line-height: 1.75rem !important; }
.tw-text-sm { font-size: .9375rem !important; line-height: 1.375rem !important; }
.tw-text-xl { font-size: 1.375rem !important; line-height: 1.875rem !important; }
.tw-text-xs { font-size: .8125rem !important; line-height: 1.25rem !important; }
.tw-font-black { font-weight: 900 !important; }
.tw-font-bold { font-weight: 700 !important; }
.tw-font-medium { font-weight: 500 !important; }
.tw-font-normal { font-weight: 400 !important; }
.tw-font-semibold { font-weight: 600 !important; }
.tw-uppercase { text-transform: uppercase !important; }
.tw-leading-10 { line-height: 2.5rem !important; }
.tw-leading-5 { line-height: 1.25rem !important; }
.tw-leading-6 { line-height: 1.5rem !important; }
.tw-leading-7 { line-height: 1.75rem !important; }
.tw-leading-8 { line-height: 2rem !important; }
.tw-leading-\[100px\] { line-height: 100px !important; }
.tw-leading-\[18px\] { line-height: 18px !important; }
.tw-leading-\[3rem\] { line-height: 3rem !important; }
.tw-leading-none { line-height: 1 !important; }
.tw-leading-relaxed { line-height: 1.625 !important; }
.tw-leading-snug { line-height: 1.375 !important; }
.tw-leading-tight { line-height: 1.25 !important; }
.tw-tracking-wider { letter-spacing: .05em !important; }
.tw-text-accent-500 { color: rgba(var(--color-accent-500), var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-amber-400 { color: rgb(251 191 36 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-amber-500 { color: rgb(245 158 11 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-amber-600 { color: rgb(217 119 6 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-amber-700 { color: rgb(180 83 9 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-blue-500 { color: rgb(59 130 246 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-blue-700 { color: rgb(29 78 216 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-gray-200 { color: rgb(229 231 235 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-gray-300 { color: rgb(209 213 219 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-gray-400 { color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-gray-500 { color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-gray-600 { color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-gray-700 { color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-gray-800 { color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-gray-900 { color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-green-400 { color: rgb(74 222 128 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-green-500 { color: rgb(34 197 94 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-green-600 { color: rgb(22 163 74 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-green-700 { color: rgb(21 128 61 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-orange-500 { color: rgb(249 115 22 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-pink-500 { color: rgb(236 72 153 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-pink-600 { color: rgb(219 39 119 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-primary-100 { color: rgba(var(--color-primary-100), var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-primary-400 { color: rgba(var(--color-primary-400), var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-primary-500 { color: rgba(var(--color-primary-500), var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-primary-600 { color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-primary-700 { color: rgba(var(--color-primary-700), var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-purple-500 { color: rgb(168 85 247 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-purple-600 { color: rgb(147 51 234 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-red-400 { color: rgb(248 113 113 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-red-500 { color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-red-600 { color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-rose-500 { color: rgb(244 63 94 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-rose-600 { color: rgb(225 29 72 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-white { color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-text-yellow-700 { color: rgb(161 98 7 / var(--tw-text-opacity, 1)) !important; --tw-text-opacity: 1 !important; }
.tw-underline { text-decoration-line: underline !important; }
.tw-line-through { text-decoration-line: line-through !important; }
.tw-no-underline { text-decoration-line: none !important; }
.tw-antialiased { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; }
.tw-placeholder-gray-400::-moz-placeholder { --tw-placeholder-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)) !important; }
.tw-placeholder-gray-400::placeholder { --tw-placeholder-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)) !important; }
.tw-opacity-0 { opacity: 0 !important; }
.tw-opacity-80 { opacity: .8 !important; }
.tw-shadow-2xl { --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important; --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; }
.tw-shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; }
.tw-shadow-md { --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1) !important; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; }
.tw-shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; }
.tw-shadow-xl { --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1) !important; --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; }
.tw-shadow-primary-100\/50 { --tw-shadow-color: rgba(var(--color-primary-100), 0.5) !important; --tw-shadow: var(--tw-shadow-colored) !important; }
.tw-shadow-primary-200 { --tw-shadow-color: rgb(var(--color-primary-200)) !important; --tw-shadow: var(--tw-shadow-colored) !important; }
.tw-outline-none { outline: 2px solid transparent !important; outline-offset: 2px !important; }
.tw-blur-3xl { --tw-blur: blur(64px) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; }
.tw-blur-\[100px\] { --tw-blur: blur(100px) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; }
.tw-blur-\[80px\] { --tw-blur: blur(80px) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; }
.tw-backdrop-blur-md { --tw-backdrop-blur: blur(12px) !important; -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; }
.tw-backdrop-blur-sm { --tw-backdrop-blur: blur(4px) !important; -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; }
.tw-transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important; transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important; transition-duration: .15s !important; }
.tw-transition-all { transition-property: all !important; transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important; transition-duration: .15s !important; }
.tw-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important; transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important; transition-duration: .15s !important; }
.tw-transition-opacity { transition-property: opacity !important; transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important; transition-duration: .15s !important; }
.tw-transition-shadow { transition-property: box-shadow !important; transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important; transition-duration: .15s !important; }
.tw-transition-transform { transition-property: transform !important; transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important; transition-duration: .15s !important; }
.tw-duration-100 { transition-duration: .1s !important; }
.tw-duration-150 { transition-duration: .15s !important; }
.tw-duration-200 { transition-duration: .2s !important; }
.tw-duration-300 { transition-duration: .3s !important; }
.tw-duration-500 { transition-duration: .5s !important; }
.tw-ease-in { transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important; }
.tw-ease-out { transition-timing-function: cubic-bezier(0, 0, .2, 1) !important; }

/* 최상위 변수 설정 (색상 등) */
:root {
  /* RGB 색상 (Tailwind 투명도 조절용) */
  --color-primary-50: 240, 249, 255;
  --color-primary-100: 224, 242, 254;
  --color-primary-200: 186, 230, 253;
  --color-primary-300: 125, 211, 252;
  --color-primary-400: 56, 189, 248;
  --color-primary-500: 14, 165, 233;   /* 메인 블루 (산뜻한 스카이블루) */
  --color-primary-600: 2, 132, 199;
  --color-primary-700: 3, 105, 161;
  --color-primary-800: 7, 89, 133;
  --color-primary-900: 12, 74, 110;
  --color-primary-950: 8, 47, 73;

  /* Accent 컬러 (포인트 색상용 옐로우/오렌지 계열 유지 - 블루 계열과 보색으로 찰떡궁합) */
  --color-accent-50: 255, 251, 235;
  --color-accent-100: 254, 243, 199;
  --color-accent-200: 253, 230, 138;
  --color-accent-300: 252, 211, 77;
  --color-accent-400: 251, 191, 36;
  --color-accent-500: 245, 158, 11;
  --color-accent-600: 217, 119, 6;
  --color-accent-700: 180, 83, 9;
  --color-accent-800: 146, 64, 14;
  --color-accent-900: 120, 53, 15;
  --color-accent-950: 69, 26, 3;

  /* HEX 코드 (기본 색상 지정용) */
  --hex-primary-50: #f0f9ff;
  --hex-primary-100: #e0f2fe;
  --hex-primary-200: #bae6fd;
  --hex-primary-300: #7dd3fc;
  --hex-primary-400: #38bdf8;
  --hex-primary-500: #0ea5e9;  /* 메인 블루 */
  --hex-primary-600: #0284c7;
  --hex-primary-700: #0369a1;
  --hex-primary-800: #075985;
  --hex-primary-900: #0c4a6e;
  --hex-primary-950: #082f49;  /* RGB 세트와 짝을 맞추기 위해 950 추가 */
}

[x-cloak] { display: none !important; }
html { scroll-behavior: smooth; }
body, html { overflow-x: clip; }
body { min-width: 0 !important; }
input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-style: solid; box-shadow: none; }
input:not([type=checkbox]):not([type=radio]):not([type=file]):focus, select:focus, textarea:focus { outline: 2px solid var(--hex-primary-500); outline-offset: -1px; }

/* 레이아웃 구조 */
#sz-content, #sz-footer, #sz-header, #sz-hero { all: unset; display: block; box-sizing: border-box; }
#sz-content *, #sz-footer *, #sz-header *, #sz-hero * { box-sizing: border-box; }
#ft, #hd { display: none !important; }
#ft, #hd, #wrapper { min-width: 0 !important; width: auto !important; }
#container_wr, #ft_copy, #ft_wr, #gnb .gnb_wrap { width: auto !important; max-width: 1240px; margin: 0 auto; }
#container { float: none !important; min-height: 0 !important; margin: 0 !important; width: 100% !important; }
#wrapper { width: 100% !important; max-width: 1280px; margin: 0 auto; padding: 1rem !important; box-sizing: border-box; }
@media (min-width: 640px) { #wrapper { padding: 1.5rem 2rem !important; } }
#container_wr { display: block; }
#aside { display: none; }
body.is-index #wrapper { max-width: none !important; padding: 0 !important; }
body.is-index #container, body.is-index #container_wr { max-width: none !important; width: 100% !important; }
body.is-index #container { padding: 0 !important; margin: 0 !important; }

/* 아이콘 및 폼 요소 호버 효과 */
.fa { font-style: normal; font-family: inherit; }
.fa-lock:before { content: ""; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-right: 2px; background: currentColor; -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/contain no-repeat; color: #9ca3af; }
.file\:tw-mr-3::file-selector-button { margin-right: .75rem !important; }
.file\:tw-mr-4::file-selector-button { margin-right: 1rem !important; }
.file\:tw-cursor-pointer::file-selector-button { cursor: pointer !important; }
.file\:tw-rounded-lg::file-selector-button { border-radius: .5rem !important; }
.file\:tw-border-0::file-selector-button { border-width: 0 !important; }
.file\:tw-bg-gray-100::file-selector-button { --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; }
.file\:tw-bg-primary-50::file-selector-button { --tw-bg-opacity: 1 !important; background-color: rgba(var(--color-primary-50), var(--tw-bg-opacity, 1)) !important; }
.file\:tw-px-4::file-selector-button { padding-left: 1rem !important; padding-right: 1rem !important; }
.file\:tw-py-2::file-selector-button { padding-top: .5rem !important; padding-bottom: .5rem !important; }
.file\:tw-text-sm::file-selector-button { font-size: .9375rem !important; line-height: 1.375rem !important; }
.file\:tw-font-medium::file-selector-button { font-weight: 500 !important; }
.file\:tw-text-gray-700::file-selector-button { --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important; }
.file\:tw-text-primary-700::file-selector-button { --tw-text-opacity: 1 !important; color: rgba(var(--color-primary-700), var(--tw-text-opacity, 1)) !important; }

/* 상태 관리 (After, Focus, Hover 등) */
.after\:tw-clear-both:after { clear: both !important; content: var(--tw-content) !important; }
.after\:tw-block:after { display: block !important; content: var(--tw-content) !important; }
.after\:tw-content-\[\'\'\]:after { --tw-content: "" !important; content: var(--tw-content) !important; }
.after\:tw-content-\[\\\'\\\'\]:after { --tw-content: \'\' !important; content: var(--tw-content) !important; }
.last\:tw-border-b-0:last-child { border-bottom-width: 0 !important; }
.focus-within\:tw-border-primary-500:focus-within { --tw-border-opacity: 1 !important; border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1)) !important; }
.focus-within\:tw-bg-white:focus-within { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
.focus-within\:tw-ring-2:focus-within { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; }
.focus-within\:tw-ring-primary-500:focus-within { --tw-ring-opacity: 1 !important; --tw-ring-color: rgba(var(--color-primary-500), var(--tw-ring-opacity, 1)) !important; }
.hover\:tw-border-blue-200:hover { --tw-border-opacity: 1 !important; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)) !important; }
.hover\:tw-border-gray-300:hover { --tw-border-opacity: 1 !important; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important; }
.hover\:tw-border-gray-800:hover { --tw-border-opacity: 1 !important; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)) !important; }
.hover\:tw-border-primary-300:hover { --tw-border-opacity: 1 !important; border-color: rgba(var(--color-primary-300), var(--tw-border-opacity, 1)) !important; }
.hover\:tw-border-primary-500:hover { --tw-border-opacity: 1 !important; border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1)) !important; }
.hover\:tw-border-red-200:hover { --tw-border-opacity: 1 !important; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)) !important; }
.hover\:tw-bg-blue-50:hover { --tw-bg-opacity: 1 !important; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-gray-100:hover { --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-gray-200:hover { --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-gray-300:hover { --tw-bg-opacity: 1 !important; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-gray-50:hover { --tw-bg-opacity: 1 !important; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-gray-50\/30:hover { background-color: rgba(249, 250, 251, .3) !important; }
.hover\:tw-bg-gray-50\/50:hover { background-color: rgba(249, 250, 251, .5) !important; }
.hover\:tw-bg-gray-800:hover { --tw-bg-opacity: 1 !important; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-green-100:hover { --tw-bg-opacity: 1 !important; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-primary-100:hover { --tw-bg-opacity: 1 !important; background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-primary-50:hover { --tw-bg-opacity: 1 !important; background-color: rgba(var(--color-primary-50), var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-primary-50\/40:hover { background-color: rgba(var(--color-primary-50), .4) !important; }
.hover\:tw-bg-primary-50\/50:hover { background-color: rgba(var(--color-primary-50), .5) !important; }
.hover\:tw-bg-primary-500:hover { --tw-bg-opacity: 1 !important; background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-primary-600:hover { --tw-bg-opacity: 1 !important; background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-purple-100:hover { --tw-bg-opacity: 1 !important; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-red-100:hover { --tw-bg-opacity: 1 !important; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-red-50:hover { --tw-bg-opacity: 1 !important; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-red-600:hover { --tw-bg-opacity: 1 !important; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-red-700:hover { --tw-bg-opacity: 1 !important; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-bg-white:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
.hover\:tw-text-gray-300:hover { --tw-text-opacity: 1 !important; color: rgb(209 213 219 / var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-gray-600:hover { --tw-text-opacity: 1 !important; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-gray-700:hover { --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-gray-900:hover { --tw-text-opacity: 1 !important; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-primary-300:hover { --tw-text-opacity: 1 !important; color: rgba(var(--color-primary-300), var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-primary-400:hover { --tw-text-opacity: 1 !important; color: rgba(var(--color-primary-400), var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-primary-500:hover { --tw-text-opacity: 1 !important; color: rgba(var(--color-primary-500), var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-primary-600:hover { --tw-text-opacity: 1 !important; color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-primary-700:hover { --tw-text-opacity: 1 !important; color: rgba(var(--color-primary-700), var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-primary-800:hover { --tw-text-opacity: 1 !important; color: rgba(var(--color-primary-800), var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-red-500:hover { --tw-text-opacity: 1 !important; color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-red-600:hover { --tw-text-opacity: 1 !important; color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important; }
.hover\:tw-text-white:hover { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }
.hover\:tw-underline:hover { text-decoration-line: underline !important; }
.hover\:tw-opacity-100:hover { opacity: 1 !important; }
.hover\:tw-shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1) !important; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; }
.hover\:file\:tw-bg-gray-200::file-selector-button:hover { --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; }
.hover\:file\:tw-bg-primary-100::file-selector-button:hover { --tw-bg-opacity: 1 !important; background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity, 1)) !important; }
.focus\:tw-border-primary-500:focus { --tw-border-opacity: 1 !important; border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1)) !important; }
.focus\:tw-bg-white:focus { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
.focus\:tw-outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; }
.focus\:tw-ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; }
.focus\:tw-ring-primary-500:focus { --tw-ring-opacity: 1 !important; --tw-ring-color: rgba(var(--color-primary-500), var(--tw-ring-opacity, 1)) !important; }
.focus\:tw-ring-red-500:focus { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)) !important; }
.tw-group:hover .group-hover\:tw-visible { visibility: visible !important; }
.tw-group:hover .group-hover\:tw-bg-accent-200 { --tw-bg-opacity: 1 !important; background-color: rgba(var(--color-accent-200), var(--tw-bg-opacity, 1)) !important; }
.tw-group:hover .group-hover\:tw-bg-primary-200 { --tw-bg-opacity: 1 !important; background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity, 1)) !important; }
.tw-group:hover .group-hover\:tw-text-primary-600 { --tw-text-opacity: 1 !important; color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1)) !important; }
.tw-group:hover .group-hover\:tw-opacity-100 { opacity: 1 !important; }

/* 미디어 쿼리 속성 (반응형 모바일/데스크탑) */
@media not all and (min-width: 768px) { .max-md\:tw-hidden { display: none !important; } }
@media not all and (min-width: 640px) { .max-sm\:tw-hidden { display: none !important; } }
@media (min-width: 640px) { .sm\:tw-inline { display: inline !important; } .sm\:tw-inline-flex { display: inline-flex !important; } .sm\:tw-h-40 { height: 10rem !important; } .sm\:tw-w-40 { width: 10rem !important; } .sm\:tw-w-48 { width: 12rem !important; } .sm\:tw-w-\[calc\(50\%-12px\)\] { width: calc(50% - 12px) !important; } .sm\:tw-w-auto { width: auto !important; } .sm\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .sm\:tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .sm\:tw-flex-row { flex-direction: row !important; } .sm\:tw-items-center { align-items: center !important; } .sm\:tw-justify-between { justify-content: space-between !important; } .sm\:tw-p-5 { padding: 1.25rem !important; } .sm\:tw-px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .sm\:tw-px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .sm\:tw-text-2xl { font-size: 1.625rem !important; line-height: 2rem !important; } }
@media (min-width: 768px) { .md\:tw-col-span-2 { grid-column: span 2 / span 2 !important; } .md\:tw-flex { display: flex !important; } .md\:tw-hidden { display: none !important; } .md\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .md\:tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .md\:tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .md\:tw-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .md\:tw-flex-row { flex-direction: row !important; } }
@media (min-width: 1024px) { .lg\:tw-mt-0 { margin-top: 0 !important; } .lg\:tw-inline { display: inline !important; } .lg\:tw-w-\[calc\(25\%-18px\)\] { width: calc(25% - 18px) !important; } .lg\:tw-max-w-lg { max-width: 32rem !important; } .lg\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .lg\:tw-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .lg\:tw-gap-12 { gap: 3rem !important; } .lg\:tw-gap-8 { gap: 2rem !important; } .lg\:tw-p-8 { padding: 2rem !important; } .lg\:tw-px-8 { padding-left: 2rem !important; padding-right: 2rem !important; } .lg\:tw-py-14 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; } .lg\:tw-pb-12 { padding-bottom: 3rem !important; } .lg\:tw-pt-14 { padding-top: 3.5rem !important; } .lg\:tw-text-2xl { font-size: 1.625rem !important; line-height: 2rem !important; } .lg\:tw-text-3xl { font-size: 2rem !important; line-height: 2.375rem !important; } .lg\:tw-text-5xl { font-size: 3.25rem !important; line-height: 1.2 !important; } .lg\:tw-text-6xl { font-size: 4rem !important; line-height: 1.1 !important; } }
@media (min-width: 1280px) { .xl\:tw-text-6xl { font-size: 4rem !important; line-height: 1.1 !important; } }

/* 이미지 등 하위 요소 특성 적용 */
.\[\&_img\]\:tw-h-auto img { height: auto !important; }
.\[\&_img\]\:tw-max-w-full img { max-width: 100% !important; }


/* 💡 반응형 샘플 광고 배너 스타일 */
.ad-banner-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 20px auto;
    text-align: center;
    border-radius: 8px;
    overflow: hidden; /* 이미지가 박스를 튀어나가지 않게 */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}

.ad-banner-wrap:hover {
    transform: translateY(-2px); /* 마우스 올렸을 때 살짝 뜨는 클릭 유도 효과 */
}

.ad-banner-wrap img {
    width: 100%;
    height: auto;
    display: block;
}

/* 모바일 화면 여백 조정 */
@media (max-width: 768px) {
    .ad-banner-wrap {
        margin: 15px auto;
    }
}

/* 수동 추가 유틸리티 클래스 (Tailwind 빌드 누락분 보완) */
.tw-text-\[14px\] { font-size: 14px !important; line-height: 20px !important; }
.tw-text-\[16px\] { font-size: 16px !important; line-height: 24px !important; }
.tw-text-\[18px\] { font-size: 18px !important; line-height: 28px !important; }
@media (min-width: 768px) {
    .md\:tw-text-\[24px\] { font-size: 24px !important; line-height: 32px !important; }
}