/* ==========================================================================
   [고정 및 전역 리셋]
   ========================================================================== */
* {
    outline: none !important; 
}
h1, h2, h3, h4, h5, h6, strong {
    font-weight: 700 !important;
}
/* 전역 svg 요소 정렬 리셋 - 블록 성질을 글자 성질로 바꿔 부모의 text-align을 먹임 */
svg {
    display: inline-block !important;
}

/* ==========================================================================
   [.my-container 내부 요소 전용 캡슐화 프리셋]
   ========================================================================== */

/* 1. 내부 모든 요소의 줄 간격(line-height)을 글자 크기에 맞춰 자동 유연화 (텍스트 겹침 방지) */
.my-container *, 
.my-container *::before, 
.my-container *::after {
    line-height: 1.4 !important; 
}

/* 2. 테일윈드 글자 크기(text-) 클래스 리셋 (6xl~9xl 대형 스케일 확장 포함) */
.my-container [class~="text-xs"]   { font-size: 0.75em !important; }   /* 12px */
.my-container [class~="text-sm"]   { font-size: 0.875em !important; }  /* 14px */
.my-container [class~="text-base"] { font-size: 1em !important; }      /* 16px */
.my-container [class~="text-lg"]   { font-size: 1.125em !important; }  /* 18px */
.my-container [class~="text-xl"]   { font-size: 1.25em !important; }   /* 20px */
.my-container [class~="text-2xl"]  { font-size: 1.5em !important; }    /* 24px */
.my-container [class~="text-3xl"]  { font-size: 1.875em !important; }  /* 30px */
.my-container [class~="text-4xl"]  { font-size: 2.25em !important; }   /* 36px */
.my-container [class~="text-5xl"]  { font-size: 3em !important; }      /* 48px */
.my-container [class~="text-6xl"]  { font-size: 3.75em !important; }   /* 60px */
.my-container [class~="text-7xl"]  { font-size: 4.5em !important; }    /* 72px */
.my-container [class~="text-8xl"]  { font-size: 6em !important; }      /* 96px */
.my-container [class~="text-9xl"]  { font-size: 8em !important; }      /* 128px */

/* 3. 테일윈드 가로 크기(w-) 리셋 (max-w-, min-w- 와의 충돌 전면 차단) */
.my-container [class^="w-0.5"], .my-container [class$=" w-0.5"], .my-container [class*=" w-0.5 "], .my-container [class~="w-0.5"] { width: 0.125em !important; }
.my-container [class^="w-1"], .my-container [class$=" w-1"], .my-container [class*=" w-1 "], .my-container [class~="w-1"] { width: 0.25em !important; }
.my-container [class^="w-1.5"], .my-container [class$=" w-1.5"], .my-container [class*=" w-1.5 "], .my-container [class~="w-1.5"] { width: 0.375em !important; }
.my-container [class^="w-2"], .my-container [class$=" w-2"], .my-container [class*=" w-2 "], .my-container [class~="w-2"] { width: 0.5em !important; }
.my-container [class^="w-2.5"], .my-container [class$=" w-2.5"], .my-container [class*=" w-2.5 "], .my-container [class~="w-2.5"] { width: 0.625em !important; }
.my-container [class^="w-3"], .my-container [class$=" w-3"], .my-container [class*=" w-3 "], .my-container [class~="w-3"] { width: 0.75em !important; }
.my-container [class^="w-3.5"], .my-container [class$=" w-3.5"], .my-container [class*=" w-3.5 "], .my-container [class~="w-3.5"] { width: 0.875em !important; }
.my-container [class^="w-4"], .my-container [class$=" w-4"], .my-container [class*=" w-4 "], .my-container [class~="w-4"] { width: 1em !important; }
.my-container [class^="w-5"], .my-container [class$=" w-5"], .my-container [class*=" w-5 "], .my-container [class~="w-5"] { width: 1.25em !important; }
.my-container [class^="w-6"], .my-container [class$=" w-6"], .my-container [class*=" w-6 "], .my-container [class~="w-6"] { width: 1.5em !important; }
.my-container [class^="w-7"], .my-container [class$=" w-7"], .my-container [class*=" w-7 "], .my-container [class~="w-7"] { width: 1.75em !important; }
.my-container [class^="w-8"], .my-container [class$=" w-8"], .my-container [class*=" w-8 "], .my-container [class~="w-8"] { width: 2em !important; }
.my-container [class^="w-9"], .my-container [class$=" w-9"], .my-container [class*=" w-9 "], .my-container [class~="w-9"] { width: 2.25em !important; }
.my-container [class^="w-10"], .my-container [class$=" w-10"], .my-container [class*=" w-10 "], .my-container [class~="w-10"] { width: 2.5em !important; }
.my-container [class^="w-11"], .my-container [class$=" w-11"], .my-container [class*=" w-11 "], .my-container [class~="w-11"] { width: 2.75em !important; }
.my-container [class^="w-12"], .my-container [class$=" w-12"], .my-container [class*=" w-12 "], .my-container [class~="w-12"] { width: 3em !important; }
.my-container [class^="w-14"], .my-container [class$=" w-14"], .my-container [class*=" w-14 "], .my-container [class~="w-14"] { width: 3.5em !important; }
.my-container [class^="w-16"], .my-container [class$=" w-16"], .my-container [class*=" w-16 "], .my-container [class~="w-16"] { width: 4em !important; }
.my-container [class^="w-20"], .my-container [class$=" w-20"], .my-container [class*=" w-20 "], .my-container [class~="w-20"] { width: 5em !important; }
.my-container [class^="w-24"], .my-container [class$=" w-24"], .my-container [class*=" w-24 "], .my-container [class~="w-24"] { width: 6em !important; }
.my-container [class^="w-28"], .my-container [class$=" w-28"], .my-container [class*=" w-28 "], .my-container [class~="w-28"] { width: 7em !important; }
.my-container [class^="w-32"], .my-container [class$=" w-32"], .my-container [class*=" w-32 "], .my-container [class~="w-32"] { width: 8em !important; }
.my-container [class^="w-36"], .my-container [class$=" w-36"], .my-container [class*=" w-36 "], .my-container [class~="w-36"] { width: 9em !important; }
.my-container [class^="w-40"], .my-container [class$=" w-40"], .my-container [class*=" w-40 "], .my-container [class~="w-40"] { width: 10em !important; }
.my-container [class^="w-44"], .my-container [class$=" w-44"], .my-container [class*=" w-44 "], .my-container [class~="w-44"] { width: 11em !important; }
.my-container [class^="w-48"], .my-container [class$=" w-48"], .my-container [class*=" w-48 "], .my-container [class~="w-48"] { width: 12em !important; }
.my-container [class^="w-52"], .my-container [class$=" w-52"], .my-container [class*=" w-52 "], .my-container [class~="w-52"] { width: 13em !important; }
.my-container [class^="w-56"], .my-container [class$=" w-56"], .my-container [class*=" w-56 "], .my-container [class~="w-56"] { width: 14em !important; }
.my-container [class^="w-60"], .my-container [class$=" w-60"], .my-container [class*=" w-60 "], .my-container [class~="w-60"] { width: 15em !important; }
.my-container [class^="w-64"], .my-container [class$=" w-64"], .my-container [class*=" w-64 "], .my-container [class~="w-64"] { width: 16em !important; }
.my-container [class^="w-72"], .my-container [class$=" w-72"], .my-container [class*=" w-72 "], .my-container [class~="w-72"] { width: 18em !important; }
.my-container [class^="w-80"], .my-container [class$=" w-80"], .my-container [class*=" w-80 "], .my-container [class~="w-80"] { width: 20em !important; }
.my-container [class^="w-96"], .my-container [class$=" w-96"], .my-container [class*=" w-96 "], .my-container [class~="w-96"] { width: 24em !important; }

/* 4. 테일윈드 세로 크기(h-) 리셋 (max-h-, min-h- 와의 충돌 전면 차단) */
.my-container [class^="h-0.5"], .my-container [class$=" h-0.5"], .my-container [class*=" h-0.5 "], .my-container [class~="h-0.5"] { height: 0.125em !important; }
.my-container [class^="h-1"], .my-container [class$=" h-1"], .my-container [class*=" h-1 "], .my-container [class~="h-1"] { height: 0.25em !important; }
.my-container [class^="h-1.5"], .my-container [class$=" h-1.5"], .my-container [class*=" h-1.5 "], .my-container [class~="h-1.5"] { height: 0.375em !important; }
.my-container [class^="h-2"], .my-container [class$=" h-2"], .my-container [class*=" h-2 "], .my-container [class~="h-2"] { height: 0.5em !important; }
.my-container [class^="h-2.5"], .my-container [class$=" h-2.5"], .my-container [class*=" h-2.5 "], .my-container [class~="h-2.5"] { height: 0.625em !important; }
.my-container [class^="h-3"], .my-container [class$=" h-3"], .my-container [class*=" h-3 "], .my-container [class~="h-3"] { height: 0.75em !important; }
.my-container [class^="h-3.5"], .my-container [class$=" h-3.5"], .my-container [class*=" h-3.5 "], .my-container [class~="h-3.5"] { height: 0.875em !important; }
.my-container [class^="h-4"], .my-container [class$=" h-4"], .my-container [class*=" h-4 "], .my-container [class~="h-4"] { height: 1em !important; }
.my-container [class^="h-5"], .my-container [class$=" h-5"], .my-container [class*=" h-5 "], .my-container [class~="h-5"] { height: 1.25em !important; }
.my-container [class^="h-6"], .my-container [class$=" h-6"], .my-container [class*=" h-6 "], .my-container [class~="h-6"] { height: 1.5em !important; }
.my-container [class^="h-7"], .my-container [class$=" h-7"], .my-container [class*=" h-7 "], .my-container [class~="h-7"] { height: 1.75em !important; }
.my-container [class^="h-8"], .my-container [class$=" h-8"], .my-container [class*=" h-8 "], .my-container [class~="h-8"] { height: 2em !important; }
.my-container [class^="h-9"], .my-container [class$=" h-9"], .my-container [class*=" h-9 "], .my-container [class~="h-9"] { height: 2.25em !important; }
.my-container [class^="h-10"], .my-container [class$=" h-10"], .my-container [class*=" h-10 "], .my-container [class~="h-10"] { height: 2.5em !important; }
.my-container [class^="h-11"], .my-container [class$=" h-11"], .my-container [class*=" h-11 "], .my-container [class~="h-11"] { height: 2.75em !important; }
.my-container [class^="h-12"], .my-container [class$=" h-12"], .my-container [class*=" h-12 "], .my-container [class~="h-12"] { height: 3em !important; }
.my-container [class^="h-14"], .my-container [class$=" h-14"], .my-container [class*=" h-14 "], .my-container [class~="h-14"] { height: 3.5em !important; }
.my-container [class^="h-16"], .my-container [class$=" h-16"], .my-container [class*=" h-16 "], .my-container [class~="h-16"] { height: 4em !important; }
.my-container [class^="h-20"], .my-container [class$=" h-20"], .my-container [class*=" h-20 "], .my-container [class~="h-20"] { height: 5em !important; }
.my-container [class^="h-24"], .my-container [class$=" h-24"], .my-container [class*=" h-24 "], .my-container [class~="h-24"] { height: 6em !important; }
.my-container [class^="h-28"], .my-container [class$=" h-28"], .my-container [class*=" h-28 "], .my-container [class~="h-28"] { height: 7em !important; }
.my-container [class^="h-32"], .my-container [class$=" h-32"], .my-container [class*=" h-32 "], .my-container [class~="h-32"] { height: 8em !important; }
.my-container [class^="h-36"], .my-container [class$=" h-36"], .my-container [class*=" h-36 "], .my-container [class~="h-36"] { height: 9em !important; }
.my-container [class^="h-40"], .my-container [class$=" h-40"], .my-container [class*=" h-40 "], .my-container [class~="h-40"] { height: 10em !important; }
.my-container [class^="h-44"], .my-container [class$=" h-44"], .my-container [class*=" h-44 "], .my-container [class~="h-44"] { height: 11em !important; }
.my-container [class^="h-48"], .my-container [class$=" h-48"], .my-container [class*=" h-48 "], .my-container [class~="h-48"] { height: 12em !important; }
.my-container [class^="h-52"], .my-container [class$=" h-52"], .my-container [class*=" h-52 "], .my-container [class~="h-52"] { height: 13em !important; }
.my-container [class^="h-56"], .my-container [class$=" h-56"], .my-container [class*=" h-56 "], .my-container [class~="h-56"] { height: 14em !important; }
.my-container [class^="h-60"], .my-container [class$=" h-60"], .my-container [class*=" h-60 "], .my-container [class~="h-60"] { height: 15em !important; }
.my-container [class^="h-64"], .my-container [class$=" h-64"], .my-container [class*=" h-64 "], .my-container [class~="h-64"] { height: 16em !important; }
.my-container [class^="h-72"], .my-container [class$=" h-72"], .my-container [class*=" h-72 "], .my-container [class~="h-72"] { height: 18em !important; }
.my-container [class^="h-80"], .my-container [class$=" h-80"], .my-container [class*=" h-80 "], .my-container [class~="h-80"] { height: 20em !important; }
.my-container [class^="h-96"], .my-container [class$=" h-96"], .my-container [class*=" h-96 "], .my-container [class~="h-96"] { height: 24em !important; }

/* 5. 테일윈드 사이 간격(gap-) 리셋 */
.my-container [class~="gap-0.5"] { gap: 0.125em !important; }
.my-container [class~="gap-1"]   { gap: 0.25em !important; }
.my-container [class~="gap-1.5"] { gap: 0.375em !important; }
.my-container [class~="gap-2"]   { gap: 0.5em !important; }
.my-container [class~="gap-2.5"] { gap: 0.625em !important; }
.my-container [class~="gap-3"]   { gap: 0.75em !important; }
.my-container [class~="gap-3.5"] { gap: 0.875em !important; }
.my-container [class~="gap-4"]   { gap: 1em !important; }
.my-container [class~="gap-5"]   { gap: 1.25em !important; }
.my-container [class~="gap-6"]   { gap: 1.5em !important; }
.my-container [class~="gap-7"]   { gap: 1.75em !important; }
.my-container [class~="gap-8"]   { gap: 2em !important; }
.my-container [class~="gap-9"]   { gap: 2.25em !important; }
.my-container [class~="gap-10"]  { gap: 2.5em !important; }
.my-container [class~="gap-12"]  { gap: 3em !important; }
.my-container [class~="gap-14"]  { gap: 3.5em !important; }
.my-container [class~="gap-16"]  { gap: 4em !important; }

/* 6. 테일윈드 패딩 (p-, px-, py-) 리셋 (gap- 클래스와의 충돌 완벽히 해결) */
.my-container [class~="p-0.5"]  { padding: 0.125em !important; }
.my-container [class~="px-0.5"] { padding-left: 0.125em !important; padding-right: 0.125em !important; }
.my-container [class~="py-0.5"] { padding-top: 0.125em !important; padding-bottom: 0.125em !important; }
.my-container [class~="p-1"]    { padding: 0.25em !important; }
.my-container [class~="px-1"]   { padding-left: 0.25em !important; padding-right: 0.25em !important; }
.my-container [class~="py-1"]   { padding-top: 0.25em !important; padding-bottom: 0.25em !important; }
.my-container [class~="p-1.5"]  { padding: 0.375em !important; }
.my-container [class~="px-1.5"] { padding-left: 0.375em !important; padding-right: 0.375em !important; }
.my-container [class~="py-1.5"] { padding-top: 0.375em !important; padding-bottom: 0.375em !important; }
.my-container [class~="p-2"]    { padding: 0.5em !important; }
.my-container [class~="px-2"]   { padding-left: 0.5em !important; padding-right: 0.5em !important; }
.my-container [class~="py-2"]   { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }
.my-container [class~="p-2.5"]  { padding: 0.625em !important; }
.my-container [class~="px-2.5"] { padding-left: 0.625em !important; padding-right: 0.625em !important; }
.my-container [class~="py-2.5"] { padding-top: 0.625em !important; padding-bottom: 0.625em !important; }
.my-container [class~="p-3"]    { padding: 0.75em !important; }
.my-container [class~="px-3"]   { padding-left: 0.75em !important; padding-right: 0.75em !important; }
.my-container [class~="py-3"]   { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }
.my-container [class~="p-3.5"]  { padding: 0.875em !important; }
.my-container [class~="px-3.5"] { padding-left: 0.875em !important; padding-right: 0.875em !important; }
.my-container [class~="py-3.5"] { padding-top: 0.875em !important; padding-bottom: 0.875em !important; }
.my-container [class~="p-4"]    { padding: 1em !important; }
.my-container [class~="px-4"]   { padding-left: 1em !important; padding-right: 1em !important; }
.my-container [class~="py-4"]   { padding-top: 1em !important; padding-bottom: 1em !important; }
.my-container [class~="p-5"]    { padding: 1.25em !important; }
.my-container [class~="px-5"]   { padding-left: 1.25em !important; padding-right: 1.25em !important; }
.my-container [class~="py-5"]   { padding-top: 1.25em !important; padding-bottom: 1.25em !important; }
.my-container [class~="p-6"]    { padding: 1.5em !important; }
.my-container [class~="px-6"]   { padding-left: 1.5em !important; padding-right: 1.5em !important; }
.my-container [class~="py-6"]   { padding-top: 1.5em !important; padding-bottom: 1.5em !important; }
.my-container [class~="p-8"]    { padding: 2em !important; }
.my-container [class~="px-8"]   { padding-left: 2em !important; padding-right: 2em !important; }
.my-container [class~="py-8"]   { padding-top: 2em !important; padding-bottom: 2em !important; }
.my-container [class~="p-10"]   { padding: 2.5em !important; }
.my-container [class~="px-10"]  { padding-left: 2.5em !important; padding-right: 2.5em !important; }
.my-container [class~="py-10"]  { padding-top: 2.5em !important; padding-bottom: 2.5em !important; }
.my-container [class~="p-12"]   { padding: 3em !important; }
.my-container [class~="px-12"]  { padding-left: 3em !important; padding-right: 3em !important; }
.my-container [class~="py-12"]  { padding-top: 3em !important; padding-bottom: 3em !important; }
.my-container [class~="p-14"]   { padding: 3.5em !important; }
.my-container [class~="px-14"]  { padding-left: 3.5em !important; padding-right: 3.5em !important; }
.my-container [class~="py-14"]  { padding-top: 3.5em !important; padding-bottom: 3.5em !important; }
.my-container [class~="p-16"]   { padding: 4em !important; }
.my-container [class~="px-16"]  { padding-left: 4em !important; padding-right: 4em !important; }
.my-container [class~="py-16"]  { padding-top: 4em !important; padding-bottom: 4em !important; }
.my-container [class~="p-20"]   { padding: 5em !important; }
.my-container [class~="px-20"]  { padding-left: 5em !important; padding-right: 5em !important; }
.my-container [class~="py-20"]  { padding-top: 5em !important; padding-bottom: 5em !important; }

/* 7. 테일윈드 마진 (m-, mx-, my-) 리셋 */
.my-container [class~="m-0.5"]  { margin: 0.125em !important; }
.my-container [class~="mx-0.5"] { margin-left: 0.125em !important; margin-right: 0.125em !important; }
.my-container [class~="my-0.5"] { margin-top: 0.125em !important; margin-bottom: 0.125em !important; }
.my-container [class~="m-1"]    { margin: 0.25em !important; }
.my-container [class~="mx-1"]   { margin-left: 0.25em !important; margin-right: 0.25em !important; }
.my-container [class~="my-1"]   { margin-top: 0.25em !important; margin-bottom: 0.25em !important; }
.my-container [class~="m-1.5"]  { margin: 0.375em !important; }
.my-container [class~="mx-1.5"] { margin-left: 0.375em !important; margin-right: 0.375em !important; }
.my-container [class~="my-1.5"] { margin-top: 0.375em !important; margin-bottom: 0.375em !important; }
.my-container [class~="m-2"]    { margin: 0.5em !important; }
.my-container [class~="mx-2"]   { margin-left: 0.5em !important; margin-right: 0.5em !important; }
.my-container [class~="my-2"]   { margin-top: 0.5em !important; margin-bottom: 0.5em !important; }
.my-container [class~="m-2.5"]  { margin: 0.625em !important; }
.my-container [class~="mx-2.5"] { margin-left: 0.625em !important; margin-right: 0.625em !important; }
.my-container [class~="my-2.5"] { margin-top: 0.625em !important; margin-bottom: 0.625em !important; }
.my-container [class~="m-3"]    { margin: 0.75em !important; }
.my-container [class~="mx-3"]   { margin-left: 0.75em !important; margin-right: 0.75em !important; }
.my-container [class~="my-3"]   { margin-top: 0.75em !important; margin-bottom: 0.75em !important; }
.my-container [class~="m-3.5"]  { margin: 0.875em !important; }
.my-container [class~="mx-3.5"] { margin-left: 0.875em !important; margin-right: 0.875em !important; }
.my-container [class~="my-3.5"] { margin-top: 0.875em !important; margin-bottom: 0.875em !important; }
.my-container [class~="m-4"]    { margin: 1em !important; }
.my-container [class~="mx-4"]   { margin-left: 1em !important; margin-right: 1em !important; }
.my-container [class~="my-4"]   { margin-top: 1em !important; margin-bottom: 1em !important; }
.my-container [class~="m-5"]    { margin: 1.25em !important; }
.my-container [class~="mx-5"]   { margin-left: 1.25em !important; margin-right: 1.25em !important; }
.my-container [class~="my-5"]   { margin-top: 1.25em !important; margin-bottom: 1.25em !important; }
.my-container [class~="m-6"]    { margin: 1.5em !important; }
.my-container [class~="mx-6"]   { margin-left: 1.5em !important; margin-right: 1.5em !important; }
.my-container [class~="my-6"]   { margin-top: 1.5em !important; margin-bottom: 1.5em !important; }
.my-container [class~="m-8"]    { margin: 2em !important; }
.my-container [class~="mx-8"]   { margin-left: 2em !important; margin-right: 2em !important; }
.my-container [class~="my-8"]   { margin-top: 2em !important; margin-bottom: 2em !important; }
.my-container [class~="m-10"]   { margin: 2.5em !important; }
.my-container [class~="mx-10"]  { margin-left: 2.5em !important; margin-right: 2.5em !important; }
.my-container [class~="my-10"]  { margin-top: 2.5em !important; margin-bottom: 2.5em !important; }
.my-container [class~="m-12"]   { margin: 3em !important; }
.my-container [class~="mx-12"]  { margin-left: 3em !important; margin-right: 3em !important; }
.my-container [class~="my-12"]  { margin-top: 3em !important; margin-bottom: 3em !important; }

/* 8. 테일윈드 사방 좌표 (top-, bottom-, left-, right-) em 리셋 */
.my-container [class~="top-0"], .my-container [class~="bottom-0"], .my-container [class~="left-0"], .my-container [class~="right-0"] { top: unset; bottom: unset; left: unset; right: unset; } 
.my-container [class~="top-0"]    { top: 0px !important; }
.my-container [class~="top-1"]    { top: 0.25em !important; }
.my-container [class~="top-2"]    { top: 0.5em !important; }
.my-container [class~="top-3"]    { top: 0.75em !important; }
.my-container [class~="top-4"]    { top: 1em !important; }
.my-container [class~="top-6"]    { top: 1.5em !important; }
.my-container [class~="top-8"]    { top: 2em !important; }
.my-container [class~="top-10"]   { top: 2.5em !important; }
.my-container [class~="top-12"]   { top: 3em !important; }
.my-container [class~="top-16"]   { top: 4em !important; }
.my-container [class~="top-20"]   { top: 5em !important; }
.my-container [class~="top-24"]   { top: 6em !important; }
.my-container [class~="top-28"]   { top: 7em !important; }
.my-container [class~="top-32"]   { top: 8em !important; }

.my-container [class~="bottom-0"] { bottom: 0px !important; }
.my-container [class~="bottom-1"] { bottom: 0.25em !important; }
.my-container [class~="bottom-2"] { bottom: 0.5em !important; }
.my-container [class~="bottom-3"] { bottom: 0.75em !important; }
.my-container [class~="bottom-4"] { bottom: 1em !important; }
.my-container [class~="bottom-5"] { bottom: 1.25em !important; }
.my-container [class~="bottom-6"] { bottom: 1.5em !important; }
.my-container [class~="bottom-8"] { bottom: 2em !important; }
.my-container [class~="bottom-10"]{ bottom: 2.5em !important; }
.my-container [class~="bottom-12"]{ bottom: 3em !important; }
.my-container [class~="bottom-16"]{ bottom: 4em !important; }
.my-container [class~="bottom-20"]{ bottom: 5em !important; }
.my-container [class~="bottom-24"]{ bottom: 6em !important; }
.my-container [class~="bottom-28"]{ bottom: 7em !important; }
.my-container [class~="bottom-32"]{ bottom: 8em !important; }
.my-container [class~="bottom-36"]{ bottom: 9em !important; }
.my-container [class~="bottom-40"]{ bottom: 10em !important; }

.my-container [class~="left-0"]   { left: 0px !important; }
.my-container [class~="left-1"]   { left: 0.25em !important; }
.my-container [class~="left-2"]   { left: 0.5em !important; }
.my-container [class~="left-3"]   { left: 0.75em !important; }
.my-container [class~="left-4"]   { left: 1em !important; }
.my-container [class~="left-6"]   { left: 1.5em !important; }
.my-container [class~="left-8"]   { left: 2em !important; }
.my-container [class~="left-10"]  { left: 2.5em !important; }
.my-container [class~="left-12"]  { left: 3em !important; }
.my-container [class~="left-16"]  { left: 4em !important; }
.my-container [class~="left-20"]  { left: 5em !important; }
.my-container [class~="left-24"]  { left: 6em !important; }
.my-container [class~="left-28"]  { left: 7em !important; }
.my-container [class~="left-32"]  { left: 8em !important; }

.my-container [class~="right-0"]  { right: 0px !important; }
.my-container [class~="right-1"]  { right: 0.25em !important; }
.my-container [class~="right-2"]  { right: 0.5em !important; }
.my-container [class~="right-3"]  { right: 0.75em !important; }
.my-container [class~="right-4"]  { right: 1em !important; }
.my-container [class~="right-6"]  { right: 1.5em !important; }
.my-container [class~="right-8"]  { right: 2em !important; }
.my-container [class~="right-10"] { right: 2.5em !important; }
.my-container [class~="right-12"] { right: 3em !important; }
.my-container [class~="right-16"] { right: 4em !important; }
.my-container [class~="right-20"] { right: 5em !important; }
.my-container [class~="right-24"] { right: 6em !important; }
.my-container [class~="right-28"] { right: 7em !important; }
.my-container [class~="right-32"] { right: 8em !important; }

/* 9. 테일윈드 음수 사방 좌표 (-top-, -bottom-, -left-, -right-) em 리셋 */
.my-container [class~="-top-0"], .my-container [class~="-bottom-0"], .my-container [class~="-left-0"], .my-container [class~="-right-0"] { top: unset; bottom: unset; left: unset; right: unset; }

.my-container [class~="-top-0.5"]  { top: -0.125em !important; }
.my-container [class~="-top-1"]    { top: -0.25em !important; }
.my-container [class~="-top-1.5"]  { top: -0.375em !important; }
.my-container [class~="-top-2"]    { top: -0.5em !important; }
.my-container [class~="-top-2.5"]  { top: -0.625em !important; }
.my-container [class~="-top-3"]    { top: -0.75em !important; }
.my-container [class~="-top-3.5"]  { top: -0.875em !important; }
.my-container [class~="-top-4"]    { top: -1em !important; }
.my-container [class~="-top-5"]    { top: -1.25em !important; }
.my-container [class~="-top-6"]    { top: -1.5em !important; }
.my-container [class~="-top-8"]    { top: -2em !important; }
.my-container [class~="-top-10"]   { top: -2.5em !important; }
.my-container [class~="-top-12"]   { top: -3em !important; }
.my-container [class~="-top-16"]   { top: -4em !important; }
.my-container [class~="-top-20"]   { top: -5em !important; }
.my-container [class~="-top-24"]   { top: -6em !important; }
.my-container [class~="-top-32"]   { top: -8em !important; }

.my-container [class~="-bottom-0.5"] { bottom: -0.125em !important; }
.my-container [class~="-bottom-1"]   { bottom: -0.25em !important; }
.my-container [class~="-bottom-1.5"] { bottom: -0.375em !important; }
.my-container [class~="-bottom-2"]   { bottom: -0.5em !important; }
.my-container [class~="-bottom-2.5"] { bottom: -0.625em !important; }
.my-container [class~="-bottom-3"]   { bottom: -0.75em !important; }
.my-container [class~="-bottom-3.5"] { bottom: -0.875em !important; }
.my-container [class~="-bottom-4"]   { bottom: -1em !important; }
.my-container [class~="-bottom-5"]   { bottom: -1.25em !important; }
.my-container [class~="-bottom-6"]   { bottom: -1.5em !important; }
.my-container [class~="-bottom-8"]   { bottom: -2em !important; }
.my-container [class~="-bottom-10"]  { bottom: -2.5em !important; }
.my-container [class~="-bottom-12"]  { bottom: -3em !important; }
.my-container [class~="-bottom-16"]  { bottom: -4em !important; }
.my-container [class~="-bottom-20"]  { bottom: -5em !important; }
.my-container [class~="-bottom-24"]  { bottom: -6em !important; }
.my-container [class~="-bottom-32"]  { bottom: -8em !important; }

.my-container [class~="-left-0.5"]  { left: -0.125em !important; }
.my-container [class~="-left-1"]    { left: -0.25em !important; }
.my-container [class~="-left-1.5"]  { left: -0.375em !important; }
.my-container [class~="-left-2"]    { left: -0.5em !important; }
.my-container [class~="-left-2.5"]  { left: -0.625em !important; }
.my-container [class~="-left-3"]    { left: -0.75em !important; }
.my-container [class~="-left-3.5"]  { left: -0.875em !important; }
.my-container [class~="-left-4"]    { left: -1em !important; }
.my-container [class~="-left-5"]    { left: -1.25em !important; }
.my-container [class~="-left-6"]    { left: -1.5em !important; }
.my-container [class~="-left-8"]    { left: -2em !important; }
.my-container [class~="-left-10"]   { left: -2.5em !important; }
.my-container [class~="-left-12"]   { left: -3em !important; }
.my-container [class~="-left-16"]   { left: -4em !important; }
.my-container [class~="-left-20"]   { left: -5em !important; }
.my-container [class~="-left-24"]   { left: -6em !important; }
.my-container [class~="-left-32"]   { left: -8em !important; }

.my-container [class~="-right-0.5"] { right: -0.125em !important; }
.my-container [class~="-right-1"]   { right: -0.25em !important; }
.my-container [class~="-right-1.5"] { right: -0.375em !important; }
.my-container [class~="-right-2"]   { right: -0.5em !important; }
.my-container [class~="-right-2.5"] { right: -0.625em !important; }
.my-container [class~="-right-3"]   { right: -0.75em !important; }
.my-container [class~="-right-3.5"] { right: -0.875em !important; }
.my-container [class~="-right-4"]   { right: -1em !important; }
.my-container [class~="-right-5"]   { right: -1.25em !important; }
.my-container [class~="-right-6"]   { right: -1.5em !important; }
.my-container [class~="-right-8"]   { right: -2em !important; }
.my-container [class~="-right-10"]  { right: -2.5em !important; }
.my-container [class~="-right-12"]  { right: -3em !important; }
.my-container [class~="-right-16"]  { right: -4em !important; }
.my-container [class~="-right-20"]  { right: -5em !important; }
.my-container [class~="-right-24"]  { right: -6em !important; }
.my-container [class~="-right-32"]  { right: -8em !important; }

/* 10. 테일윈드 크기 변형 트랜스폼 스케일 (scale-) 리셋 */
.my-container [class*="scale-"] {
    transform: scale(var(--tw-scale-x, 1), var(--tw-scale-y, 1)) !important;
}
.my-container [class~="scale-0"]    { --tw-scale-x: 0; --tw-scale-y: 0; }
.my-container [class~="scale-50"]   { --tw-scale-x: .5; --tw-scale-y: .5; }
.my-container [class~="scale-75"]   { --tw-scale-x: .75; --tw-scale-y: .75; }
.my-container [class~="scale-90"]   { --tw-scale-x: .9; --tw-scale-y: .9; }
.my-container [class~="scale-95"]   { --tw-scale-x: .95; --tw-scale-y: .95; }
.my-container [class~="scale-100"]  { --tw-scale-x: 1; --tw-scale-y: 1; }
.my-container [class~="scale-105"]  { --tw-scale-x: 1.05; --tw-scale-y: 1.05; }
.my-container [class~="scale-110"]  { --tw-scale-x: 1.1; --tw-scale-y: 1.1; }
.my-container [class~="scale-125"]  { --tw-scale-x: 1.25; --tw-scale-y: 1.25; }
.my-container [class~="scale-150"]  { --tw-scale-x: 1.5; --tw-scale-y: 1.5; }

/* group-hover 시 스케일 변수 제어 강제 연동 (인접 요소 컴포넌트 모션 보장) */
.my-container [class*="group-hover:scale-110"]:hover,
.my-container .group:hover [class*="group-hover:scale-110"] {
    --tw-scale-x: 1.1 !important;
    --tw-scale-y: 1.1 !important;
}

/* 모든 요소의 중심이 되는 기본 크기를 강제 고정 */
.my-container {
    font-size: 18px !important; 
}