@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");


*, ::before, ::after {box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb;}
::before, ::after {--tw-content: '';}
/* overflow-x: hidden; 미설정 */
html {line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: 'Pretendard', sans-serif; background-color: #ffffff;  letter-spacing: -0.32px; background: #F7F7F7; word-break: keep-all;}
body {margin: 0; line-height: inherit;}
hr {height: 0; color: inherit; border-top-width: 1px;}
abbr:where([title]) {-webkit-text-decoration: underline dotted; text-decoration: underline dotted;}

h1, h2, h3, h4, h5, h6 {font-size: inherit; font-weight: inherit;}
a {color: inherit; text-decoration: inherit;}
b, strong {font-weight: bolder;}
code, kbd, samp, pre {font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
table {text-indent: 0; border-color: inherit; border-collapse: collapse;}
button, input, optgroup, select, textarea {font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0;}
button, select {text-transform: none;}
button, [type='button'], [type='reset'], [type='submit'] {-webkit-appearance: button; background-color: transparent; background-image: none;}

:-moz-focusring {outline: auto;}
:-moz-ui-invalid {box-shadow: none;}
progress {vertical-align: baseline;}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {height: auto;}
[type='search'] {-webkit-appearance: textfield; outline-offset: -2px;}
::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
summary {display: list-item;}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {margin: 0;}
fieldset {margin: 0; padding: 0;}
legend {padding: 0;}
ol, ul, menu {list-style: none; margin: 0; padding: 0;}

dialog {padding: 0;}
textarea {resize: vertical;}
input::-moz-placeholder, textarea::-moz-placeholder {opacity: 1; color: #9ca3af;}
input::placeholder, textarea::placeholder {opacity: 1; color: #9ca3af;}
button, [role="button"] {cursor: pointer;}
:disabled {cursor: default;}
img, svg, video, canvas, audio, iframe, embed, object {display: block; vertical-align: middle;}
img, video {max-width: 100%; height: auto;}
[hidden] {display: none;}
.hidden {display: none !important;}

*, ::before, ::after{
  --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: rgb(59 130 246 / 0.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:  ;
}
::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: rgb(59 130 246 / 0.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:  ;
}
.container{width: 100%; margin-right: auto; margin-left: auto;}

@media (min-width: 640px){
	.container{max-width: 640px;}
}
@media (min-width: 768px){
  .container{max-width: 768px;}
}
@media (min-width: 1024px){
  .container{max-width: 1024px;}
}
@media (min-width: 1280px){
  .container{max-width: 1280px; }
}
@media (min-width: 1536px){
  .container{max-width: 1536px; }
}
.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;}
.pointer-events-none {pointer-events: none !important;}
.absolute {position: absolute !important;}
.relative {position: relative !important;}
.sticky{position: sticky;}
.left-130{left: -130px !important;}
.top-0{top: 0px !important;}
.top-20{top: 30px !important;}
.inset-y-0 {top: 0px !important; bottom: 0px !important;}
.start-0 {inset-inline-start: 0px !important;}

.top-\[16px\]{top:16px}
.right-\[52px\]{right:50px}

.cursor{cursor: pointer;}
.none {display: none;}

.overflow-auto {overflow: auto !important;}
.overflow-hidden {overflow: hidden !important;}
.overflow-x-auto {overflow-x: auto !important;}
.overflow-y-auto {overflow-y: auto !important;}

.visible {visibility: visible !important;}
.invisible {visibility: hidden !important;}
.static {position: static !important;}
.fixed {position: fixed !important;}
.absolute {position: absolute !important;}
.relative {position: relative !important;}

select:focus,
input:focus{border-color: #CBCBCB; outline: none;}
.upload-text {text-decoration: underline;}

/* 이미지 설정 */
	.img-fluid { max-width: 100%; height: auto; }
	.img-cover { object-fit: cover; width: 100%; height: 100%; }
	.img-contain { object-fit: contain; width: 100%; height: 100%; }
	.img-center { display: block; margin-left: auto; margin-right: auto; }
	.img-hover { transition: transform 0.3s ease; }
	.img-hover:hover { transform: scale(1.05); }
	.img-100 { width: 100%; height: auto; }
	.img-50 { width: 50%; height: auto; }
	.img-fixed { width: 200px; height: 150px; object-fit: cover; border-radius: 0.5rem; } /* 예시: 고정 크기 */
	.img-rendering {image-rendering: -webkit-optimize-contrast}

/* card 설정 */
	.card {position: relative; width: 100%; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity));}
	.dark .card {--tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity));}
	.card-header {border-bottom-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity)); padding: 1rem;}
	.dark .card-header {--tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity));}
	.card-title {font-weight: 500;}
	.card-body {-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem;}


/* grid 설정 */
	.grid {display: grid !important;}
	.grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr)) !important;}
	.grid-cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr)) !important;}
	.grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
	.grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}
	.grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
	.grid-cols-2 {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
	.grid-cols-\[1fr_auto_1fr\] {grid-template-columns: 1fr auto 1fr !important;}
	
	.col-span-1 {grid-column: span 1 / span 1 !important;}
	.col-span-2 {grid-column: span 2 / span 2 !important;}
	.col-span-3 {grid-column: span 3 / span 3 !important;}
	.col-span-4 {grid-column: span 4 / span 4 !important;}
	.col-span-5 {grid-column: span 5 / span 5 !important;}
	.col-span-6 {grid-column: span 6 / span 6 !important;}
	.col-span-7 {grid-column: span 7 / span 7 !important;}
	.col-span-8 {grid-column: span 8 / span 8 !important;}
	.col-span-9 {grid-column: span 9 / span 9 !important;}
	.col-span-10 {grid-column: span 10 / span 10 !important;}

/* flex 설정 */
	.flex {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;}
	.inline-flex {display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important;}

	.flex-wrap {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
	.flex-col {-webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important;}
	.flex-nowrap {-ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important;}

	.items-start {-webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important;}
	.items-end {-webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important;}
	.items-center {-webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;}
	.items-stretch{-webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important;}

	.justify-start {-webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important;}
	.justify-end {-webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important;}
	.justify-center {-webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
	.justify-between {-webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important;}

/* flex size 설정 */
	.flex-1 { flex: 1 1 0% !important; }       /* grow: 1, shrink: 1, basis: 0% → 가능한 공간을 모두 차지 */
	.flex-auto { flex: 1 1 auto !important; }     /* grow: 1, shrink: 1, basis: auto → 컨텐츠 크기에 따라 유연하게 확장 */
	.flex-initial { flex: 0 1 auto !important; }     /* grow: 0, shrink: 1, basis: auto → 기본 상태, 늘어나지 않지만 줄어듦 */
	.flex-none { flex: none !important; }         /* grow: 0, shrink: 0, basis: auto → 고정 크기, 늘어나지도 줄어들지도 않음 */


/* gap 설정 */
	.gap-0 {gap: 0px !important;}		/* 0px */
	.gap-1 {gap: 0.5rem !important;}	/* 8px */
	.gap-2 {gap: 0.75rem !important;}	/* 12px */
	.gap-base {gap: 10px !important;}	/* 10px */
	.gap-3 {gap: 1rem !important;}		/* 16px */
	.gap-4 {gap: 1.25rem !important;}	/* 20px */
	.gap-5 {gap: 1.5rem !important;}	/* 24px */
	.gap-10 {gap: 3.75rem !important;}	/* 60px */

	.gap-\[5px\] { gap: 5px !important; }	/* 5px */
	.gap-\[7px\] { gap: 7px !important; }	/* 7px */
	.gap-\[10px\] { gap: 10px !important; }  /* 10px */
	.gap-\[15px\] { gap: 15px !important; }  /* 15px */
	.gap-\[40px\] { gap: 40px !important; }  /* 40px */


/* 폰트설정 */
	/* font-size */
	.text-xs  {font-size: 0.75rem !important; line-height: 1.125rem !important;}		/* 12px / 18px */
	.text-sm  {font-size: 0.875rem !important; line-height: 1.313rem !important;}	/* 14px / 21px */
	.text-base{font-size: 1rem !important; line-height: 1.5rem !important;}			/* 16px / 24px */
	.text-lg  {font-size: 1.125rem !important; line-height: 1.75rem !important;}		/* 18px / 28px */
	.text-xl  {font-size: 1.25rem !important; line-height: 1.875rem !important;}		/* 20px / 30px */
	.text-2xl {font-size: 1.5rem !important; line-height: 2.25rem !important;}			/* 24px / 36px */
	.text-3xl {font-size: 1.875rem !important; line-height: 2.75rem !important;}		/* 30px / 44px */
	.text-4xl {font-size: 2.25rem !important; line-height: 3.25rem !important;}		/* 36px / 52px */
	.text-5xl {font-size: 3rem !important; line-height: 1 !important;}					/* 48px / 48px */
	.text-6xl {font-size: 3.75rem !important; line-height: 1 !important;}				/* 60px / 60px */
	.text-7xl {font-size: 4.5rem !important; line-height: 1 !important;}					/* 72px / 72px */
	.text-\[10px\] {font-size: 10px !important;}
	.text-\[11px\] {font-size: 11px !important;}
	.text-\[12px\] {font-size: 12px !important;}
	.text-\[13px\] {font-size: 13px !important;}
	.text-\[14px\] {font-size: 14px !important;}
	.text-\[15px\] {font-size: 15px !important;}
	.text-\[16px\] {font-size: 16px !important;}
	.text-\[17px\] {font-size: 17px !important;}
	.text-\[18px\] {font-size: 18px !important;}
	.text-\[20px\] {font-size: 20px !important;}
	.text-\[22px\] {font-size: 22px !important;}
	.text-\[24px\] {font-size: 24px !important;}
	.text-\[30px\] {font-size: 30px !important;}
	.text-\[36px\] {font-size: 36px !important;}
	.text-\[40px\] {font-size: 40px !important;}

	/* font-weight */
	.font-md { font-weight: 300 !important; }
	.font-xs { font-weight: 400 !important; }
	.font-medium { font-weight: 500 !important; }
	.font-semibold { font-weight: 600 !important; }
	.font-lgbold { font-weight: 700 !important; }
	.font-xlg { font-weight: 800 !important; }

	/* text-align */
	.text-left {text-align: left !important;}
	.text-center {text-align: center !important;}
	.text-right {text-align: right !important;}

	/* text-color */
	.text-black { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; }				/* #000000 */
	.text-black-100 { --tw-text-opacity: 1 !important; color: rgb(88 88 88 / var(--tw-text-opacity)) !important; }	/* #585858 */
	.text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; }		/* #FFFFFF */

	.text-gray-100 { --tw-text-opacity: 1 !important; color: rgb(202 202 202 / var(--tw-text-opacity)) !important; }	/* #CACACA */
	.text-gray-200 { --tw-text-opacity: 1 !important; color: rgb(194 194 194 / var(--tw-text-opacity)) !important; }	/* #C2C2C2 */
	.text-gray-190 { --tw-text-opacity: 1 !important; color: rgb(190 190 190 / var(--tw-text-opacity)) !important; }	/* #BEBEBE */
	.text-gray-250 { --tw-text-opacity: 1 !important; color: rgb(168 168 168 / var(--tw-text-opacity)) !important; }	/* #A8A8A8 */
	.text-gray-162 { --tw-text-opacity: 1 !important; color: rgb(162 162 162 / var(--tw-text-opacity)) !important; }	/* #A2A2A2 */
	.text-gray-164 { --tw-text-opacity: 1 !important; color: rgb(164 164 164 / var(--tw-text-opacity)) !important; }	/* #A4A4A4 */	
	.text-gray-174 { --tw-text-opacity: 1 !important; color: rgb(174 174 174 / var(--tw-text-opacity)) !important; }	/* #AEAEAE */
	.text-gray-159 { --tw-text-opacity: 1 !important; color: rgb(159 159 159 / var(--tw-text-opacity)) !important; }	/* #9F9F9F */	
	.text-gray-300 { --tw-text-opacity: 1 !important; color: rgb(150 146 146 / var(--tw-text-opacity)) !important; }	/* #969292 */	
	.text-gray-143 { --tw-text-opacity: 1 !important; color: rgb(143 143 143 / var(--tw-text-opacity)) !important; }	/* #8F8F8F */
	.text-gray-400 { --tw-text-opacity: 1 !important; color: rgb(142 142 142 / var(--tw-text-opacity)) !important; }	/* #8E8E8E */
	.text-gray-500 { --tw-text-opacity: 1 !important; color: rgb(140 140 140 / var(--tw-text-opacity)) !important; }	/* #8C8C8C */
	.text-gray-88 { --tw-text-opacity: 1 !important; color: rgb(88 88 88 / var(--tw-text-opacity)) !important; }		/* #585858 */	
	.text-gray-550 { --tw-text-opacity: 1 !important; color: rgb(83 83 83 / var(--tw-text-opacity)) !important; }		/* #535353 */	
	.text-gray-600 { --tw-text-opacity: 1 !important; color: rgb(137 137 137 / var(--tw-text-opacity)) !important; }	/* #898989 */
	.text-gray-650 { --tw-text-opacity: 1 !important; color: rgb(139 139 139 / var(--tw-text-opacity)) !important; }	/* #8B8B8B */
	.text-gray-700 { --tw-text-opacity: 1 !important; color: rgb(125 125 125 / var(--tw-text-opacity)) !important; }	/* #7D7D7D */
	.text-gray-700 { --tw-text-opacity: 1 !important; color: rgb(124 124 124 / var(--tw-text-opacity)) !important; }	/* #7C7C7C */
	.text-gray-121 { --tw-text-opacity: 1 !important; color: rgb(121 121 121 / var(--tw-text-opacity)) !important; }	/* #797979 */
	.text-gray-115 { --tw-text-opacity: 1 !important; color: rgb(115 115 115 / var(--tw-text-opacity)) !important; }	/* #737373 */
	.text-gray-113 { --tw-text-opacity: 1 !important; color: rgb(113 113 113 / var(--tw-text-opacity)) !important; }	/* #717171 */
	.text-gray-98 { --tw-text-opacity: 1 !important; color: rgb(98 98 98 / var(--tw-text-opacity)) !important; }		/* #626262 */
	.text-gray-800 { --tw-text-opacity: 1 !important; color: rgb(51 51 51 / var(--tw-text-opacity)) !important; }		/* #333333 */
	.text-gray-900 { --tw-text-opacity: 1 !important; color: rgb(26 20 73 / var(--tw-text-opacity)) !important; }		/* #1A1449 */

	.text-blue { --tw-text-opacity: 1 !important; color: rgb(51 102 255 / var(--tw-text-opacity)) !important; }					/* #36F */
	.text-blue-400 { --tw-border-opacity: 1 !important; color: rgb(82 103 168 / var(--tw-border-opacity)) !important; }	/* #5267A8 */
	.text-blue-500 { --tw-border-opacity: 1 !important; color: rgb(14 165 233 / var(--tw-border-opacity)) !important; }	/* #0EA5E9 */
	.text-blue-600 { --tw-border-opacity: 1 !important; color: rgb(77 121 255 / var(--tw-border-opacity)) !important; }	/* #4D79FF */
	.text-blue-700 { --tw-border-opacity: 1 !important; color: rgb(21 51 143 / var(--tw-border-opacity)) !important; }		/* #15338F */

	.text-green { --tw-text-opacity: 1 !important; color: rgb(0 176 80 / var(--tw-text-opacity)) !important; }			/* #00B050 */
	.text-green-500 { --tw-text-opacity: 1 !important; color: rgb(24 92 55 / var(--tw-text-opacity)) !important; }	/* #185C37 */
	
	.text-orange { --tw-text-opacity: 1 !important; color: rgb(246 170 68 / var(--tw-text-opacity)) !important; }	/* #F6AA44 */
	.text-red { --tw-text-opacity: 1 !important; color: rgb(238 71 26 / var(--tw-text-opacity)) !important; }		/* #EE471A */
	.text-red-400 { --tw-text-opacity: 1 !important; color: rgb(255 0 0 / var(--tw-text-opacity)) !important; }		/* #F00 */
	.text-red-500 { --tw-text-opacity: 1 !important; color: rgb(173 11 0 / var(--tw-text-opacity)) !important; }	/* #AD0B00 */
	

/* padding 설정*/
	.p-0 {padding: 0 !important;}			/* 0px */
	.p-1 {padding: 5px !important;}			/* 5px */
	.p-2 {padding: 0.625rem !important;}	/* 10px */
	.p-3 {padding: 0.75rem !important;}	/* 12px */
	.p-4 {padding: 1rem !important;}		/* 16px */
	.p-5 {padding: 1.25rem !important;}	/* 20px */
	.p-8 {padding: 2rem !important;}		/* 32px */
	.p-10 {padding: 2.5rem !important;}	/* 40px */
	.p-70 {padding: 70px !important;}		/* 70px */	
	
	.p-\[14px\] {padding: 14px !important;}	/* 14px */
	.p-\[25px\] {padding: 25px !important;}	/* 25px */
	.p-\[30px\] {padding: 30px !important;}	/* 30px */

	/* padding-left */
	.pl-0   {padding-left: 0 !important;}				/* 0px */
	.pl-2   {padding-left: 0.5rem !important;}			/* 8px */
	.pl-3   {padding-left: 0.75rem !important;}		/* 12px */
	.pl-4   {padding-left: 1rem !important;}			/* 16px */
	.pl-6   {padding-left: 1.5rem !important;}			/* 24px */
	.pl-7   {padding-left: 1.6875rem !important;}	/* 27px */
	.pl-10  {padding-left: 2.5rem !important;}		/* 40px */
	.pl-12  {padding-left: 3rem !important;}			/* 48px */

	/* padding-right */
	.pr-0   {padding-right: 0 !important;}			/* 0px */
	.pr-2   {padding-right: 0.5rem !important;}	/* 8px */
	.pr-3   {padding-right: 0.75rem !important;}	/* 12px */
	.pr-4   {padding-right: 1rem !important;}		/* 16px */
	.pr-10  {padding-right: 2.5rem !important;}	/* 40px */

	/* padding-top */
	.pt-0   {padding-top: 0 !important;}			/* 0px */
	.pt-4   {padding-top: 1rem !important;}		/* 16px */
	.pt-5   {padding-top: 1.25rem !important;}	/* 20px */

	/* padding-bottom */
	.pb-0 {padding-bottom: 0 !important;}			/* 0px */
	.pb-2 {padding-bottom: 0.5rem !important;}	/* 8px */
	.pb-3 {padding-bottom: 0.75rem !important;}	/* 12px */
	.pb-5 {padding-bottom: 1.25rem !important;}	/* 20px */
	.pb-10 {padding-bottom: 2.5rem !important;}	/* 40px */
	.pb-14 {padding-bottom: 3.5rem !important;}	/* 56px */

	/* padding-x (left + right) */
	.px-1   {padding-left: 0.25rem !important; padding-right: 0.25rem !important;}			/* 4px */
	.px-2   {padding-left: 0.5rem !important; padding-right: 0.5rem !important;}			/* 8px */
	.px-3   {padding-left: 0.75rem !important; padding-right: 0.75rem !important;}			/* 12px */
	.px-4   {padding-left: 0.9rem !important; padding-right: 0.9rem !important;}			/* 14.4px */
	.px-5   {padding-left: 0.95rem !important; padding-right: 0.95rem !important;}			/* 15.2px */
	.px-6   {padding-left: 1rem !important; padding-right: 1rem !important;}				/* 16px */
	.px-7   {padding-left: 1.25rem !important; padding-right: 1.25rem !important;}			/* 20px */
	.px-8   {padding-left: 1.875rem !important; padding-right: 1.875rem !important;}		/* 30px */
	.px-9   {padding-left: 2.1875rem !important; padding-right: 2.1875rem !important;}	/* 35px */
	.px-10  {padding-left: 2.5rem !important; padding-right: 2.5rem !important;}			/* 40px */
	.px-14  {padding-left: 3.5rem !important; padding-right: 3.5rem !important;}			/* 56px */
	.px-\[10px\] {padding-left: 10px !important; padding-right: 10px !important;}			/* 10px */
	.px-\[15px\] {padding-left: 15px !important; padding-right: 15px !important;}			/* 15px */
	.px-\[20px\] {padding-left: 20px !important; padding-right: 20px !important;}			/* 20px */
	.px-\[25px\] {padding-left: 25px !important; padding-right: 25px !important;}			/* 25px */
	.px-\[50px\] {padding-left: 50px !important; padding-right: 50px !important;}			/* 50px */

	/* padding-y (top + bottom) */
	.py-1   {padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}		/* 4px */
	.py-2   {padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}		/* 8px */
	.py-3   {padding-top: 0.75rem !important; padding-bottom: 0.75rem !important;}		/* 12px */
	.py-4   {padding-top: 0.9rem !important; padding-bottom: 0.9rem !important;}		/* 14.4px */
	.py-5   {padding-top: 0.95rem !important; padding-bottom: 0.95rem !important;}		/* 15.2px */
	.py-6   {padding-top: 1rem !important; padding-bottom: 1rem !important;}				/* 16px */
	.py-7   {padding-top: 1.25rem !important; padding-bottom: 1.25rem !important;}		/* 20px */
	.py-8   {padding-top: 1.875rem !important; padding-bottom: 1.875rem !important;}	/* 30px */
	.py-10  {padding-top: 2.5rem !important; padding-bottom: 2.5rem !important;}		/* 40px */
	.py-14  {padding-top: 3.5rem !important; padding-bottom: 3.5rem !important;}		/* 56px */
	.py-\[5px\] {padding-top: 5px !important; padding-bottom: 5px !important;}			/* 5px */
	.py-\[15px\] {padding-top: 15px !important; padding-bottom: 15px !important;}		/* 15px */

	.ps-4 { -webkit-padding-start: 1rem !important; padding-inline-start: 1rem !important; }


/* 마진 설정 */
	.m-0 {margin: 0px !important;}	/* 0px */

	/* 상하 마진 */
	.my-1 {margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}	/* 4px */
	.my-2 {margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}		/* 8px */
	.my-3 {margin-top: 0.75rem !important; margin-bottom: 0.75rem !important;}	/* 12px */
	.my-4 {margin-top: 1rem !important; margin-bottom: 1rem !important;}			/* 16px */
	.my-5 {margin-top: 1.25rem !important; margin-bottom: 1.25rem !important;}	/* 20px */
	.my-6 {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}		/* 24px */
	.my-8 {margin-top: 2rem !important; margin-bottom: 2rem !important;}			/* 32px */

	/* 좌우 마진 */
	.mx-1 {margin-left: 0.25rem !important; margin-right: 0.25rem !important;}	/* 4px */
	.mx-2 {margin-left: 0.5rem !important; margin-right: 0.5rem !important;}		/* 8px */
	.mx-3 {margin-left: 0.75rem !important; margin-right: 0.75rem !important;}	/* 12px */

	/* 상단 마진 */
	.mt-1 {margin-top: 0.25rem !important;}	/* 4px */
	.mt-2 {margin-top: 0.5rem !important;}	/* 8px */
	.mt-3 {margin-top: 0.75rem !important;}	/* 12px */
	.mt-4 {margin-top: 1rem !important;}		/* 16px */
	.mt-5 {margin-top: 1.25rem !important;}	/* 20px */
	.mt-6 {margin-top: 1.5rem !important;}	/* 24px */
	.mt-7 {margin-top: 1.75rem !important;}	/* 28px */
	.mt-8 {margin-top: 2rem !important;}		/* 32px */
	.mt-\[14px\] {margin-top: 14px !important;}	/* 14px */
	.mt-\[15px\] {margin-top: 15px !important;}	/* 15px */

	/* 하단 마진 */
	.mb-0 {margin-bottom: 0 !important;}				/* 0px */
	.mb-1 {margin-bottom: 0.25rem !important;}		/* 4px */
	.mb-2 {margin-bottom: 0.5rem !important;}			/* 8px */
	.mb-3 {margin-bottom: 0.75rem !important;}		/* 12px */
	.mb-4 {margin-bottom: 1rem !important;}			/* 16px */
	.mb-5 {margin-bottom: 1.25rem !important;}		/* 20px */
	.mb-6 {margin-bottom: 1.5rem !important;}			/* 24px */
	.mb-7 {margin-bottom: 1.75rem !important;}		/* 28px */
	.mb-8 {margin-bottom: 2rem !important;}			/* 32px */
	.mb-10 {margin-bottom: 2.5rem !important;}		/* 40px */
	.mb-15 {margin-bottom: 3.125rem !important;}		/* 50px */
	
	.mb-\[7px\] {margin-bottom: 7px !important;}		/* 7px */
	.mb-\[10px\] {margin-bottom: 10px !important;}	/* 10px */
	.mb-\[13px\] {margin-bottom: 13px !important;}	/* 13px */
	.mb-\[15px\] {margin-bottom: 15px !important;}	/* 15px */
	.mb-\[17px\] {margin-bottom: 17px !important;}	/* 17px */
	.mb-\[30px\] {margin-bottom: 30px !important;}	/* 30px */

	/* 좌측 마진 */
	.ml-1 {margin-left: 0.25rem !important;}	/* 4px */
	.ml-2 {margin-left: 0.5rem !important;}		/* 8px */
	.ml-3 {margin-left: 0.75rem !important;}	/* 12px */
	.ml-8 {margin-left: 2rem !important;}		/* 32px */
	.ml-60 {margin-left: 60px !important;}		/* 60px */
	.ml-80 {margin-left: 80px !important;}		/* 80px */
	.ml-245 {margin-left: 245px !important;}	/* 245px */

	/* 우측 마진 */
	.mr-1 {margin-right: 0.25rem !important;}	/* 4px */
	.mr-2 {margin-right: 0.5rem !important;}		/* 8px */
	.mr-3 {margin-right: 0.75rem !important;}	/* 12px */
	.mr-4 {margin-right: 1rem !important;}		/* 16px */


/* width 설정 */
	.w-full {width: 100% !important;}
	.w-fit {width: fit-content !important;}
	.w-auto {width: auto !important;}
	.w-1\/5 {width: 20% !important;}
	.w-1\/4 {width: 25% !important;}
	.w-1\/2 {width: 50% !important;}
	.w-1\/3 {width: 33.333333% !important;}
	.w-2\/3 {width: 66.666667% !important;}
	.w-3 {width: 12px !important;}	
	.w-3\.5 {width: 14px !important;}
	.w-4 {width: 16px !important;}
	.w-5 {width: 20px !important;}
	.w-6 {width: 24px !important;}
	.w-7 {width: 28px !important;}
	.w-8 {width: 32px !important;}
	.w-9 {width: 36px !important;}
	.w-10 {width: 40px !important;}
	.w-12 {width: 48px !important;}
	.w-14 {width: 56px !important;}
	.w-15 {width: 60px !important;}
	.w-16 {width: 64px !important;}
	.w-18 {width: 70px !important;}
	.w-19 {width: 75px !important;}
	.w-20 {width: 80px !important;}
	.w-21 {width: 85px !important;}
	.w-22 {width: 90px !important;}
	.w-24 {width: 96px !important;}
	.w-25 {width: 100px !important;}
	.w-26 {width: 120px !important;}
	.w-32 {width: 128px !important;}
	.w-33 {width: 130px !important;}
	.w-34 {width: 134px !important;}
	.w-35 {width: 135px !important;}
	.w-38 {width: 154px !important;}
	.w-40 {width: 160px !important;}
	.w-42 {width: 165px !important;}
	.w-44 {width: 176px !important;}
	.w-45 {width: 180px !important;}
	.w-56 {width: 224px !important;}
	.w-60 {width: 240px !important;}
	.w-61 {width: 245px !important;}
	.w-64 {width: 256px !important;}
	.w-70 {width: 275px !important;}
	.w-72 {width: 288px !important;}
	.w-85 {width: 300px !important;}
	.w-90 {width: 350px !important;}
	.w-96 {width: 384px !important;}
	.w-450 {width: 450px !important;}

	.w-\[calc\(50\%-10px\)\] { width: calc(50% - 10px) !important; }
	.w-\[calc\(50\%-30px\)\] { width: calc(50% - 30px) !important; }

	.w-\[calc\(100\%-20px\)\] { width: calc(100% - 20px) !important; }
	.w-\[calc\(100\%-60px\)\] { width: calc(100% - 60px) !important; }
	.w-\[calc\(100\%-80px\)\] { width: calc(100% - 80px) !important; }	
	.w-\[calc\(100\%-100px\)\] { width: calc(100% - 100px) !important; }
	.w-\[calc\(100\%-107px\)\] { width: calc(100% - 107px) !important; }
	.w-\[calc\(100\%-120px\)\] { width: calc(100% - 120px) !important; }
	.w-\[calc\(100\%-135px\)\] { width: calc(100% - 135px) !important; }
	.w-\[calc\(100\%-142px\)\] { width: calc(100% - 142px) !important; }
	.w-\[calc\(100\%-176px\)\] { width: calc(100% - 176px) !important; }

	.w-\[17px\] {width: 17px !important;}	/* 17 px */
	.w-\[110px\] {width: 110px !important;}	/* 140px */
	.w-\[140px\] {width: 140px !important;}	/* 140px */
	.w-237{width: 237px !important;}


/* height 설정 */
	.h-4 { height: 1.25rem !important; }		/* 20px */
	.h-10 { height: 2.5rem !important; }		/* 40px */
	.h-11 { height: 2.75rem !important; }	/* 44px */
	.h-12 { height: 3rem !important; }		/* 48px */
	.h-13 { height: 3.125rem !important; }	/* 50px */
	.h-14 { height: 3.5rem !important; }		/* 56px */
	.h-15 { height: 3.75rem !important; }	/* 60px */
	.h-16 { height: 4rem !important; }		/* 64px */
	.h-20 { height: 5rem !important; }		/* 80px */
	.h-24 { height: 6rem !important; }		/* 96px */
	.h-25 { height: 6.25rem !important; }	/* 100px */
	.h-27 { height: 6.875rem !important; }	/* 110px */
	.h-28 { height: 7rem !important; }		/* 112px */
	.h-32 { height: 8rem !important; }		/* 128px */
	.h-36 { height: 9rem !important; }		/* 144px */
	.h-38 { height: 9.375rem !important; }	/* 150px */
	.h-40 { height: 10rem !important; }		/* 160px */
	.h-44 { height: 11rem !important; }		/* 176px */
	.h-48 { height: 12rem !important; }		/* 192px */
	.h-49 { height: 12.5rem !important; }	/* 200px */
	.h-52 { height: 13rem !important; }		/* 208px */
	.h-56 { height: 14rem !important; }		/* 224px */
	.h-60 { height: 15rem !important; }		/* 240px */
	.h-63 { height: 16rem !important; }		/* 250px */
	.h-64 { height: 16rem !important; }		/* 256px */
	.h-65 { height: 16rem !important; }		/* 260px */
	.h-72 { height: 18rem !important; }		/* 288px */
	.h-73 { height: 18.75rem !important; }	/* 300px */
	.h-80 { height: 20rem !important; }		/* 320px */
	.h-96 { height: 24rem !important; }		/* 384px */

	.h-auto { height: auto !important; }
	.h-full { height: 100% !important; }
	.h-screen { height: 100vh !important; }
	
	.h-\[17px\] {height: 17px !important;}	/* 17px */
	.h-\[18px\] {height: 18px !important;}	/* 18px */
	.h-\[36px\] {height: 36px !important;}	/* 36px */
	.h-\[70px\] {height: 70px !important;}	/* 70px */
	.h-\[85px\] {height: 85px !important;}	/* 85px */
	.h-\[95px\] {height: 95px !important;}	/* 95px */
	.h-\[105px\] {height: 105px !important;}	/* 105px */
	.h-\[320px\] {height: 320px !important;}	/* 320px */
	.h-\[812px\] {height: 812px !important;}	/* 812px */


/* border-radius 설정 */	
	.rounded {border-radius: 4px !important;}
	.rounded-md {border-radius: 6px !important;}
	.rounded-lg {border-radius: 8px !important;}
	.rounded-base {border-radius: 10px !important;}
	.rounded-xl {border-radius: 20px !important;}
	.rounded-full {border-radius: 50px !important;}
	.rounded-none {border-radius: 0px !important;}
	.rounded-20 {border-radius: 20px !important;}

	.rounded-t {border-top-left-radius: 4px !important; border-top-right-radius: 4px !important;} 
	.rounded-t-md {border-top-left-radius: 6px !important; border-top-right-radius: 6px !important;}
	.rounded-t-lg {border-top-left-radius: 8px !important; border-top-right-radius: 8px !important;}
	.rounded-t-base{ border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; } 
	.rounded-t-xl {border-top-left-radius: 12px !important; border-top-right-radius: 12px !important;}

	.rounded-l {border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important;}
	.rounded-l-md {border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important;}
	.rounded-l-lg {border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important;}

	.rounded-r {border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important;}
	.rounded-r-md {border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important;}
	.rounded-r-lg {border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important;}
	
	.rounded-tl-0 {border-top-left-radius: 0px !important;}
	.rounded-tl {border-top-left-radius: 4px !important;}
	.rounded-tr {border-top-right-radius: 4px !important;}
	.rounded-bl {border-bottom-left-radius: 4px !important;}
	.rounded-br {border-bottom-right-radius: 4px !important;}

	.rounded-tl-md {border-top-left-radius: 6px !important;}
	.rounded-tr-md {border-top-right-radius: 6px !important;}
	
	.rounded-b {border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important;}
	.rounded-bl-none {border-bottom-left-radius: 0px !important;}
	.rounded-br-none {border-bottom-right-radius: 0px !important;}

/* border 설정 */
	.border-0 { border-width: 0px !important; }
	.border-1 { border-width: 1px !important; }
	.border-2 { border-width: 2px !important; }
	.border-6 { border-width: 6px !important; }

	.border-t-0 { border-top-width: 0px !important; }
	.border-t-1 { border-top-width: 1px !important; }
	.border-t-2 { border-top-width: 2px !important; }

	.border-b-0 { border-bottom-width: 0px !important; }
	.border-b-1 { border-bottom-width: 1px !important; }
	.border-b-2 { border-bottom-width: 2px !important; }

	.border-l-0 { border-left-width: 0px !important; }
	.border-l-1 { border-left-width: 1px !important; }
	.border-l-2 { border-left-width: 2px !important; }

	.border-r-0 { border-right-width: 0px !important; }
	.border-r-1 { border-right-width: 1px !important; }
	.border-r-2 { border-right-width: 2px !important; }

	.border-dashed { border-style: dashed !important; }
	.border-none { border-style: none !important; }

	.border-y{border-top: 1px solid #D2D2D2;}
	.border-y-2{border-bottom: 1px solid #EAEAEA;}
	.border-y-3{border-bottom: 1px solid #D2D2D2;}
	.border-y-4{border-right: 1px solid #BEBEBE;}
	.border-x{border-right: 1px solid #D2D2D2;}
	.border-x-2{border-right: 1px solid #EAEAEA;}
	.border-x-3{border-right: 1px solid #D2D2D2;}
	.border-x-4{border-right: 1px solid #BEBEBE;}
	

/* border-color 설정 */
	.border-black { --tw-border-opacity: 1 !important; border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important; }				/* #000000 */
	.border-white { --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; }	/* #FFFFFF */

	.border-gray-100 { --tw-border-opacity: 1 !important; border-color: rgb(234 234 234 / var(--tw-border-opacity)) !important; }  /* #EAEAEA */	
	.border-gray-150 { --tw-border-opacity: 1 !important; border-color: rgb(230 230 230 / var(--tw-border-opacity)) !important; }  /* #E6E6E6 */
	.border-gray-200 { --tw-border-opacity: 1 !important; border-color: rgb(228 228 228 / var(--tw-border-opacity)) !important; }  /* #E4E4E4 */	
	.border-gray-250 { --tw-border-opacity: 1 !important; border-color: rgb(224 224 224 / var(--tw-border-opacity)) !important; }  /* #E0E0E0 */	
	.border-gray-212 { --tw-border-opacity: 1 !important; border-color: rgb(212 212 212 / var(--tw-border-opacity)) !important; }  /* #D4D4D4 */
	.border-gray-210 { --tw-border-opacity: 1 !important; border-color: rgb(210 210 210 / var(--tw-border-opacity)) !important; }  /* #D2D2D2 */
	.border-gray-300 { --tw-border-opacity: 1 !important; border-color: rgb(203 203 203 / var(--tw-border-opacity)) !important; }  /* #CBCBCB */
	.border-gray-400 { --tw-border-opacity: 1 !important; border-color: rgb(201 201 201 / var(--tw-border-opacity)) !important; }  /* #C9C9C9 */
	.border-gray-500 { --tw-border-opacity: 1 !important; border-color: rgb(190 190 190 / var(--tw-border-opacity)) !important; }  /* #BEBEBE */
	.border-gray-550 { --tw-border-opacity: 1 !important; border-color: rgb(174 174 174 / var(--tw-border-opacity)) !important; }  /* #AEAEAE */
	.border-gray-600 { --tw-border-opacity: 1 !important; border-color: rgb(162 162 162 / var(--tw-border-opacity)) !important; }  /* #A2A2A2 */

	.border-blue-400 { --tw-border-opacity: 1 !important; border-color: rgb(51 102 255 / var(--tw-border-opacity)) !important; }		/* #36F */
	.border-blue-500 { --tw-border-opacity: 1 !important; border-color: rgb(59 130 246 / var(--tw-border-opacity)) !important; }		/* #3B82F6 */
	.border-blue-600 { --tw-border-opacity: 1 !important; border-color: rgb(37 99 235 / var(--tw-border-opacity)) !important; }		/* #2563EB */
		
	.border-red-400 { --tw-border-opacity: 1 !important; border-color: rgb(255 0 0 / var(--tw-border-opacity)) !important; }			/* #F00 */
	.border-red-500 { --tw-border-opacity: 1 !important; border-color: rgb(239 68 68 / var(--tw-border-opacity)) !important; }		/* #EF4444 */
	.border-red-600 { --tw-border-opacity: 1 !important; border-color: rgb(173 11 0 / var(--tw-border-opacity)) !important; }			/* #AD0B00 */

	.border-green-500 { --tw-border-opacity: 1 !important; border-color: rgb(34 197 94 / var(--tw-border-opacity)) !important; }	/* #22C55E */
	.border-green-600 { --tw-border-opacity: .5 !important; border-color: rgb(24 92 55 / var(--tw-border-opacity)) !important; }		/* #AD0B00 */

	.border-yellow-500 { --tw-border-opacity: 1 !important; border-color: rgb(234 179 8 / var(--tw-border-opacity)) !important; }	/* #EAB308 */
	.border-sky-500 { --tw-border-opacity: 1 !important; border-color: rgb(14 165 233 / var(--tw-border-opacity)) !important; }		/* #0EA5E9 */

	.border-\[A4C4FF\] { --tw-bg-opacity: 1 !important; border-color: rgb(164 196 255 / var(--tw-bg-opacity)) !important; }  /* #A4C4FF */


/* background 설정 */
	.bg-black { --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; }				/* #000000 */
	.bg-block-100 { --tw-bg-opacity: 1 !important; background-color: rgb(26 20 73 / var(--tw-bg-opacity)) !important; }	/* #1A1449 */
	
	.bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; }		/* #FFFFFF */
	
	.bg-gray-50 { --tw-bg-opacity: 1 !important; background-color: rgb(252 252 252 / var(--tw-bg-opacity)) !important; }	/* #FCFCFC */
	.bg-gray-100 { --tw-bg-opacity: 1 !important; background-color: rgb(250 250 250 / var(--tw-bg-opacity)) !important; }	/* #FAFAFA */
	.bg-gray-150 { --tw-bg-opacity: 1 !important; background-color: rgb(249 251 255 / var(--tw-bg-opacity)) !important; }	/* #F9FBFF */
	.bg-gray-200 { --tw-bg-opacity: 1 !important; background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important; }  /* #F8F8F8 */
	.bg-gray-246 { --tw-bg-opacity: 1 !important; background-color: rgb(246 246 246 / var(--tw-bg-opacity)) !important; }  /* #F6F6F6 */
	.bg-gray-250 { --tw-bg-opacity: 1 !important; background-color: rgb(242 242 242 / var(--tw-bg-opacity)) !important; }  /* #F2F2F2 */
	.bg-gray-300 { --tw-bg-opacity: 1 !important; background-color: rgb(247 247 247 / var(--tw-bg-opacity)) !important; }  /* #F7F7F7 */
	.bg-gray-234 { --tw-bg-opacity: 1 !important; background-color: rgb(234 234 234 / var(--tw-bg-opacity)) !important; }  /* #EAEAEA */
	.bg-gray-400 { --tw-bg-opacity: 1 !important; background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important; }  /* #CBCBCB */
	.bg-gray-500 { --tw-bg-opacity: 1 !important; background-color: rgb(217 217 217 / var(--tw-bg-opacity)) !important; }  /* #D9D9D9 */
	.bg-gray-600 { --tw-bg-opacity: 1 !important; background-color: rgb(231 230 230 / var(--tw-bg-opacity)) !important; }  /* #E7E6E6 */
	.bg-gray-900 { --tw-bg-opacity: 1 !important; background-color: rgb(51 51 51 / var(--tw-bg-opacity)) !important; }		  /* #333333 */

	.bg-blue-100 { --tw-bg-opacity: 1 !important; background-color: rgb(235 240 255 / var(--tw-bg-opacity)) !important; }  /* #EBF0FF */
	.bg-blue-150 { --tw-bg-opacity: 1 !important; background-color: rgb(215 222 241 / var(--tw-bg-opacity)) !important; }  /* #D7DEF1 */ 
	.bg-blue-200 { --tw-bg-opacity: 1 !important; background-color: rgb(213 224 255 / var(--tw-bg-opacity)) !important; }  /* #D5E0FF */
	.bg-blue-400 { --tw-bg-opacity: 1 !important; background-color: rgb(51 102 255 / var(--tw-bg-opacity)) !important; }	/* #36F */
	.bg-blue-500 { --tw-bg-opacity: 1 !important; background-color: rgb(59 130 246 / var(--tw-bg-opacity)) !important; }	/* #3B82F6 */
	.bg-blue-600 { --tw-bg-opacity: 1 !important; background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important; }	/* #2563EB */
	
	.bg-red-300 { --tw-bg-opacity: .1 !important; background-color: rgb(173 11 0 / var(--tw-bg-opacity)) !important; } /* #EF4444 */
	.bg-red-400 { --tw-bg-opacity: 1 !important; background-color: rgb(255 0 0 / var(--tw-bg-opacity)) !important; }  /* #F00 */
	.bg-red-500 { --tw-bg-opacity: 1 !important; background-color: rgb(239 68 68 / var(--tw-bg-opacity)) !important; } /* #EF4444 */
	
	.bg-green-300 { --tw-bg-opacity: .1 !important; background-color: rgb(24 92 55 / var(--tw-bg-opacity)) !important; }	/* #22C55E */
	.bg-green-500 { --tw-bg-opacity: 1 !important; background-color: rgb(34 197 94 / var(--tw-bg-opacity)) !important; }	/* #22C55E */
	.bg-yellow-500 { --tw-bg-opacity: 1 !important; background-color: rgb(234 179 8 / var(--tw-bg-opacity)) !important; }	/* #EAB308 */
	.bg-sky-500 { --tw-bg-opacity: 1 !important; background-color: rgb(14 165 233 / var(--tw-bg-opacity)) !important; }	/* #0EA5E9 */

	.bg-\[F9F9F9\] { --tw-bg-opacity: 1 !important; background-color: rgb(249 249 249 / var(--tw-bg-opacity)) !important; }  /* #F9F9F9 */
	.bg-\[EEF4FF\] { --tw-bg-opacity: 1 !important; background-color: rgb(238 244 255 / var(--tw-bg-opacity)) !important; }  /* #EEF4FF */

	.bg-purple-100 { --tw-bg-opacity: 1 !important; background-color: rgb(243 232 255 / var(--tw-bg-opacity)) !important; }  /* #F3E8FF */
	.bg-purple-200 { --tw-bg-opacity: 1 !important; background-color: rgb(233 213 255 / var(--tw-bg-opacity)) !important; }  /* #E9D5FF */
	.text-purple-800 { --tw-text-opacity: 1 !important; color: rgb(107 33 168 / var(--tw-text-opacity)) !important; }  /* #6B21A8 */
	.hover\:bg-purple-200:hover { --tw-bg-opacity: 1 !important; background-color: rgb(233 213 255 / var(--tw-bg-opacity)) !important; }  /* #E9D5FF */

/* 테이블 설정 */
	.table { display: table !important; }
	.-space-x-px > :not([hidden]) ~ :not([hidden]) {--tw-space-x-reverse: 0 !important; margin-right: calc(-1px * var(--tw-space-x-reverse)) !important; margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))) !important;}
	.space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; }
	.divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0 !important; border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important; border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important; }
	.divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0 !important; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; }
	.odd\:bg-white:nth-child(odd) { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; }
	.even\:bg-gray-100:nth-child(even) { --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; }

	.hover\:bg-gray-100:hover { --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; }
	.hover\:text-sky-500:hover { --tw-text-opacity: 1 !important; color: rgb(14 165 233 / var(--tw-text-opacity)) !important; }
	.hover\:text-sky-700:hover { --tw-text-opacity: 1 !important; color: rgb(3 105 161 / var(--tw-text-opacity)) !important; }
	
	.focus\:border-sky-500:focus { --tw-border-opacity: 1 !important; border-color: rgb(51 102 255 / var(--tw-border-opacity)) !important; }
	.focus\:ring-sky-500:focus { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(51 102 255 / var(--tw-ring-opacity)) !important; }

/* 좌측 메뉴 */
	.menu-item.active { background-color: #2563EB !important; color: #FFFFFF !important; font-weight: 600 !important;}
	.menu-item.active svg path { fill: #fff !important; }
	.menu-item.active svg rect { stroke: #fff !important; }
	.menu-item.active svg .has-stroke {fill: none !important; stroke: #fff !important;}
	.menu-item.active span { color: #FFFFFF !important; font-weight: 600 !important;}


/* 사업자구분 라디오 버튼 */
	.radio-option {transition: all 0.3s ease; }
	.radio-option label { font-size: 18px; font-weight: 400; color: #000000; cursor: pointer; letter-spacing: -0.36px; }
	.radio-option.selected { background-color: #d5e0ff !important; border-color: #3366ff !important; }
	.radio-option.selected label { font-weight: 700 !important; color: #3366ff !important; }

/* 체크박스 */
	.chkBox-group input[type="checkbox"]+label {position: relative; padding-left:27px; color: #333; font-size: 16px; font-weight:500;}
	.chkBox-group input[type="checkbox"]+label:before {display: flex !important; justify-content: center; content: ''; display: block; width: 20px; height: 20px; border-radius: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border: 1px solid #CBCBCB; background-color: #FFF;}
	.chkBox-group input[type="checkbox"]:checked+label:before {content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; background-color: #3366ff; border: 1px solid #3366ff; color: #FFF; line-height: 20px; font-size: 12px;}

/* active tab */
	.active.tab-button\:bg-primary{border-color:#36F !important; border-width: 6px !important; color:#36F !important; background-color: rgb(235 240 255 / var(--tw-bg-opacity)) !important; border-bottom:0 !important;}
	.active.tab-content{display:block;}


/* 모달 */
	.blocker {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 100; box-sizing: border-box; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); text-align: center; }
	.blocker:before{content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; }
	.blocker.behind {background-color: transparent;}

	.modal_popup {opacity: 0; transition: opacity 0.3s ease;}
	.modal_popup.show {opacity: 1;}

	.modal {display: none; vertical-align: middle; position: relative; z-index: 2; max-width: 500px; box-sizing: border-box; width: 100%; background: #fff; padding:60px 30px; text-align: left; }
	.modal a.close-modal {position: absolute; top: 20px; right:  20px; display: block; color:#A8A8A8; font-size:22px}
	.modal-spinner {display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; background-color: #111; height: 20px; }

	@-webkit-keyframes sk-stretchdelay {
	  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
	  20% { -webkit-transform: scaleY(1.0) }
	}

	@keyframes sk-stretchdelay {
	  0%, 40%, 100% {
		transform: scaleY(0.5);
		-webkit-transform: scaleY(0.5);
	  }  20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	  }
	}
	@keyframes jackInTheBox {
	  from {
		opacity: 0;
		transform: translateY(20px);
	  }
	  to {
		opacity: 1;
		transform: translateY(0);
	  }
	}
	@keyframes jackOutTheBox {
	  from {
		opacity: 1;
		transform: translateY(0);
	  }
	  to {
		opacity: 0;
		transform: translateY(20px);
	  }
	}

	.animated {animation-duration: 0.3s; animation-fill-mode: both;}
	.jackInTheBox {animation-name: jackInTheBox;}
	.jackOutTheBox {animation-name: jackOutTheBox; animation-duration: 0.3s; animation-fill-mode: both;}
	
	.modal-sm {max-width:400px !important; width:100%; padding:60px 80px; font-style: normal; line-height: normal; letter-spacing: -0.4px;}
	.modal-lg {max-width:620px !important; width:100%; padding:45px 60px; font-style: normal; line-height: normal; letter-spacing: -0.4px;}
	.extra-large {max-width:1680px !important; width:100%; padding:25px 50px; font-style: normal; line-height: normal; letter-spacing: -0.4px;}

	@media (max-width: 767px) {
		@keyframes jackInTheBox {
		  from {
			opacity: 0;
			transform: translateX(-50%) translateY(100%);
		  }
		  to {
			opacity: 1;
			transform: translateX(-50%) translateY(0px);
		  }
		}
		@keyframes jackOutTheBox {
		  from {
			opacity: 1;
			ttransform: translateX(-50%) translateY(0px);
		  }
		  to {
			opacity: 0;
			transform: translateX(-50%) translateY(100%);
		  }
		}

		.modal{position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}

		.h_title{font-size: 18px;}
	}

	.blue { color:rgb(51 102 255) !important;}
	.green {color:rgb(0 176 80) !important;}
	.orange {color:rgb(246 170 68) !important;}
	.red {color:rgb(238 71 26) !important;}
	.gray {color:rgb(150 146 146) !important;}

	.active.blue { border-top-width: 6px !important; border-left-width: 6px !important; border-right-width: 6px !important; border-bottom-width: 1px !important; border-color: rgb(51 102 255) !important; background-color: rgb(235 240 255) !important;}
	.active.green { border-top-width: 6px !important; border-left-width: 6px !important; border-right-width: 6px !important; border-bottom-width: 1px !important; border-color: rgb(0 176 80) !important; background-color: rgb(230 248 238) !important;}
	.active.orange { border-top-width: 6px !important; border-left-width: 6px !important; border-right-width: 6px !important; border-bottom-width: 1px !important; border-color: rgb(246 170 68) !important; background-color: rgb(255 247 237) !important;}
	.active.red { border-top-width: 6px !important; border-left-width: 6px !important; border-right-width: 6px !important; border-bottom-width: 1px !important; border-color: rgb(238 71 26) !important; background-color: rgb(254 237 233) !important;}
	.active.gray { border-top-width: 6px !important; border-left-width: 6px !important; border-right-width: 6px !important; border-bottom-width: 1px !important; border-color: rgb(150 146 146) !important; background-color: rgb(245 245 245) !important;}
	.active.none{display:block;}


.block { display: block !important; }
.uppercase { text-transform: uppercase !important; }
.leading-tight {line-height: 1.25 !important;}
.leading-\[22px\] { line-height: 22px !important; }
.leading-\[50px\] { line-height: 50px !important; }
.leading-\[70px\] { line-height: 70px !important; }
.tracking-tight { letter-spacing: -0.025em !important; }
.tracking-wide { letter-spacing: 0.025em !important; }
.truncate {overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;}
.whitespace-nowrap { white-space: nowrap !important; }

/* 라디오버튼 커스텀 */
.status-radio:checked + label {background-color: #D5E0FF !important; border: 1px solid #36F !important; color: #36F !important; font-weight: 700 !important;}

/* status-card */
.status-card {cursor: pointer; transition: transform 0.2s ease;}
.status-card:hover {	transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1);}


/* 스크롤은 되게 하면서 스크롤바 숨기기 */
.scroll-hide {overflow-y: auto !important; scrollbar-width: none; -ms-overflow-style: none;}
.scroll-hide::-webkit-scrollbar {display: none;}


.shadow {
	--tw-shadow: 0 0 3px rgb(60 72 88 / 0.15) !important;
	--tw-shadow-colored: 0 0 3px var(--tw-shadow-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.rotate-180 {transform: rotate(180deg) !important;}

/* 반응형 대응 보완 */
@media (max-width: 1280px) {
	.xl\:hidden {display:none !important;}

	/* grid 설정 */
	.xl\:grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
	.xl\:col-span-1 {grid-column: span 1 / span 1 !important;}

	/* padding 설정 */
	.xl\:p-40 {padding:40px !important;}

	.xl\:px-10 { padding-left: 10px !important; padding-right: 10px !important; }
	.xl\:px-15 { padding-left: 15px !important; padding-right: 15px !important; }
	.xl\:px-20 { padding-left: 20px !important; padding-right: 20px !important; }

	.xl\:py-40 { padding-top: 40px !important; padding-bottom: 40px !important; }

	/* margin 설정 */
	.xl\:ml-0{margin-left:0px !important;}
	.xl\:mt-0 {margin-top:0px !important;}
	.xl\:mt-30 {margin-top:30px !important;}
	.xl\:mt-35 {margin-top:35px !important;}

	.xl\:mb-35 {margin-bottom:35px !important}

	/* width 설정 */
	.xl\:w-\[calc\(50\%-5px\)\] { width: calc(50% - 5px) !important; }

	/* font 설정 */
	.xl\:text-center {text-align:center !important;}

	/* 일반설정 */
	.xl\:m-auto{margin:0 auto !important}
}

@media (max-width: 1024px) {
	.xlg\:relative {position: relative !important;}
	.xlg\:unset-rt{right:unset !important; top:unset !important;}

	/* grid 설정 */
	.xlg\:grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
	.xlg\:col-span-1 {grid-column: span 1 / span 1 !important;}

	/* margin 설정 */
	.xlg\:mb-10 {margin-bottom:10px !important}
}

@media (max-width: 960px) {
	/* grid 설정 */
	.lg\:grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}

	/* flex 설정 */
	.lg\:flex-wrap {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
}

@media (max-width: 768px) {
	/* flex 설정 */
	.md\:gap-0{gap:0 !important}
	.md\:gap-9{gap:9px !important}

	/* text설정 */
	.md\:text-26 { font-size:26px !important; }
	.md\:text-24 { font-size:24px !important; }
	.md\:text-20 { font-size:20px !important; }
	.md\:text-18 { font-size:18px !important; }
	.md\:text-16 { font-size:16px !important; }
	.md\:text-14 { font-size:14px !important; }
	.md\:text-12 { font-size:12px !important; }
	
	/* 일반 설정 */
	.md\:leading {line-height: 1 !important;}
	.md\:leading-12 {line-height: 1.2 !important;}
	.md\:leading-14 {line-height: 1.4 !important;}
	
	/* padding 설정 */
	.md\:p0 {padding:0 !important;}
	.md\:p-10 {padding:10px !important;}
	.md\:px-12 {padding-left: 12px !important; padding-right: 12px !important; }

	/* margin 설정 */
	.md\:mb-10 {margin-bottom:10px !important;}	

	/* width 설정 */
	.md\:w-57{width:57px !important;}
	.md\:w-50{width:50px !important;}
	.md\:w-\[calc\(100\%-60px\)\] { width: calc(100% - 60px) !important; }

	/* height 설정 */
	.md\:h-50{height:50px !important;}
	.md\:h-34{height:34px !important;}

	/* bg설정 */
	.md\:bgnone { --tw-bg-opacity: 0 !important; background-color: rgb(242 242 242 / var(--tw-bg-opacity)) !important;}

}

@media (max-width: 640px) {
	/* flex 설정 */
	.sd\:gap-7{gap:7px !important}

	/* text설정 */
	.sd\:text-20 { font-size:20px !important; }
	.sd\:text-15 { font-size:15px !important; }
	.sd\:text-14 { font-size:14px !important; }
	.sd\:text-11 { font-size:11px !important; }

	/* height 설정 */
	.sd\:h-70 {height:70px !important;}
	.sd\:h-50 {height:50px !important;}
}

@media (max-width: 540px) {
	/* position 설정 */
	.xs\:top-20{top:20px !important;}

	/* flex 설정 */
	.xs\:justify-center{-webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
	.xs\:gap-3{gap:3px !important}
	.xs\:gap-10{gap:10px !important}

	/* grid 설정 */
	.xs\:grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}

	/* text설정 */
	.xs\:text-20 { font-size:20px !important; }
	.xs\:text-17 { font-size:17px !important; }
	.xs\:text-14 { font-size:14px !important; }
	.xs\:text-12 { font-size:12px !important; }

	/* padding 설정 */
	.xs\:p-5 {padding:5px !important}
	.xs\:p-13 {padding:13px !important}
	.xs\:px-10 {padding:10px !important}
	.xs\:px-15 {padding:15px !important}

	.xs\:px-12 {padding-left: 12px !important; padding-right: 12px !important; }

	/* width 설정 */
	.xs\:w-full{width:100% !important;}
	.xs\:w-205{width:205px !important;}
	.xs\:w-67{width:67px !important;}
	.xs\:w-20{width:20px !important;}

	/* 일반 설정 */
	.xs\:leading {line-height: 1 !important;}
	.xs\:leading-12 {line-height: 1.2 !important;}
	.xs\:leading-14 {line-height: 1.4 !important;}
	.xs\:rotate-90 {transform: rotate(90deg) !important;}
}

@media (max-width: 395px) {
	/* position 설정 */
	.xs\:left-0{left:0px !important;}
}

/* 등급별 색상 스타일 */
.level-위험, .level-불가능 { color: #EE471A; font-weight: bold; }
.level-주의, .level-일부검토가능 { color: #F6AA44; font-weight: bold; }
.level-양호, .level-가능 { color: #00B050; font-weight: bold; }
.level-확인필요 { color: #A8A8A8; font-weight: bold; }
.bold-blue { color: #3366FF; font-weight: bold; }
.text-yellow { color: #F6AA44; font-weight: bold; }