/* Tailwind Base (Reset) & Components */

@tailwind base;

:root {
	/* Font */
	--font-family-default-KR:
		'NotoSans', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI',
		Roboto, 'Helvetica Neue', Arial, sans-serif;
	--font-family-school:
		'NotoSans', 'Lexend Deca', 'Pretendard', -apple-system, BlinkMacSystemFont,
		'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* ------------------------------------------------------------
 * DO NOT MODIFY BELOW!
 * 이 아래는 절대 임의로 수정하지 마세요!
 * `gen:vars` 스크립트에 의해 자동 생성 됩니다.
 * 수정하려면, variables.ts 파일에서 수정한 다음, `gen:vars` 스크립트를 실행하세요
 */

/* [AUTO-GENERATION-MARKER] */

:root {
	/* Colors - DO NOT MODIFY HERE!!! */
	--color-current: currentColor;
	--color-primary-e: #7424f8;
	--color-black: #000000;
	--color-white: #ffffff;
	--color-base-10: #fafafa;
	--color-base-50: #f6f6f6;
	--color-base-100: #f2f2f2;
	--color-base-150: #ececec;
	--color-base-200: #e2e2e2;
	--color-base-300: #d9d9d9;
	--color-base-400: #cccccc;
	--color-base-500: #8c8c8c;
	--color-base-600: #666666;
	--color-base-700: #333333;
	--color-base-800: #222222;
	--color-base-900: #111111;
	--color-base-950: #000000;
	--color-purple-50: #faf8ff;
	--color-purple-100: #f8f4ff;
	--color-purple-200: #f3eeff;
	--color-purple-300: #ebdfff;
	--color-purple-350: #d5c0ff;
	--color-purple-400: #9c65f5;
	--color-purple-500: #833ef4;
	--color-purple-600: #6815f1;
	--color-purple-700: #5605db;
	--color-darkblue-50: #faf9ff;
	--color-darkblue-100: #f4f4ff;
	--color-darkblue-200: #ebe9ff;
	--color-darkblue-300: #dddaff;
	--color-darkblue-400: #7e73ff;
	--color-darkblue-500: #6f63ff;
	--color-darkblue-600: #5a4cff;
	--color-violet-50: #fdf8ff;
	--color-violet-100: #fbf1ff;
	--color-violet-200: #f9e9ff;
	--color-violet-300: #f0d6ff;
	--color-violet-400: #c15eff;
	--color-violet-500: #ba46fe;
	--color-violet-600: #b233ff;
	--color-green-50: #fafff8;
	--color-green-100: #f2ffe9;
	--color-green-200: #e6ffd6;
	--color-green-300: #bef8aa;
	--color-green-400: #36d563;
	--color-green-500: #17bb45;
	--color-green-600: #0ba035;
	--color-blue-50: #fbfcff;
	--color-blue-100: #f4f8ff;
	--color-blue-200: #ebf2ff;
	--color-blue-300: #d0e3ff;
	--color-blue-400: #5b9cff;
	--color-blue-500: #3779f8;
	--color-blue-600: #2066ec;
	--color-tint-magenta: #de13ff;
	--color-tint-neonblue: #b1ffff;
	--color-tint-neongreen: #cffd5d;
	--color-tint-neonyellow: #fcff80;
	--color-yellow-50: #fffef7;
	--color-yellow-100: #fffdea;
	--color-yellow-200: #fff8d6;
	--color-yellow-300: #fff8b7;
	--color-yellow-400: #ffeb85;
	--color-yellow-500: #ffe249;
	--color-yellow-600: #ffd80b;
	--color-orange-50: #fffdf7;
	--color-orange-100: #fffaee;
	--color-orange-200: #fff1d6;
	--color-orange-300: #ffe2b7;
	--color-orange-400: #ffa046;
	--color-orange-500: #ff8b1f;
	--color-orange-600: #ff800b;
	--color-orange-700: #f56600;
	--color-orange-800: #e55200;
	--color-red-50: #fff9f8;
	--color-red-100: #fff3f0;
	--color-red-200: #ffebe7;
	--color-red-300: #ffd3c9;
	--color-red-400: #ff7251;
	--color-red-500: #ff5831;
	--color-red-600: #ff3f13;
	--color-pastel-purple-50: #f5f4ff;
	--color-pastel-purple-100: #e9e6ff;
	--color-pastel-purple-200: #dcd8fd;
	--color-pastel-purple-300: #cebcff;
	--color-pastel-purple-400: #bfa8ff;
	--color-pastel-purple-500: #9f7dff;
	--color-pastel-purple-600: #7560e1;
	--color-pastel-purple-700: #6a43d7;
	--color-pastel-orange-50: #fff3e5;
	--color-pastel-orange-100: #ffe9d0;
	--color-pastel-orange-200: #ffdaae;
	--color-pastel-orange-300: #ffc786;
	--color-pastel-orange-400: #ffbd70;
	--color-pastel-orange-500: #ffad72;
	--color-pastel-orange-600: #ffa15d;
	--color-pastel-orange-700: #f98661;
	--color-pastel-yellow-50: #fffddf;
	--color-pastel-yellow-100: #fffbca;
	--color-pastel-yellow-200: #fef8ac;
	--color-pastel-yellow-300: #fff793;
	--color-pastel-yellow-400: #fff469;
	--color-pastel-yellow-500: #f8ee69;
	--color-pastel-yellow-600: #f5eb5b;
	--color-pastel-yellow-700: #f4e743;
	--color-pastel-blue-50: #f3faff;
	--color-pastel-blue-100: #e9f6ff;
	--color-pastel-blue-200: #d8f2ff;
	--color-pastel-blue-300: #c2e7f9;
	--color-pastel-blue-400: #a6d7fb;
	--color-pastel-blue-500: #85caff;
	--color-pastel-blue-600: #66b5f2;
	--color-pastel-blue-700: #2798f0;
	--color-pastel-blue-800: #0489f0;
	--color-mint-50: #f1faf6;
	--color-mint-100: #e6f8f1;
	--color-mint-200: #d6f5e8;
	--color-mint-300: #ccf3e3;
	--color-mint-400: #bcf7d7;
	--color-mint-500: #b2f9ca;
	--color-mint-600: #aff2d5;
	--color-mint-700: #90efc8;
	--color-pink-50: #fff7f9;
	--color-pink-100: #ffeff3;
	--color-pink-200: #ffe4ef;
	--color-pink-300: #ffc8de;
	--color-pink-400: #ffb3d2;
	--color-pink-500: #ffa1ce;
	--color-pink-600: #ff93c7;
	--color-pink-700: #f96198;
	--color-pink-800: #ec095c;
	--color-header-border: #f6f7f9;
	--color-black100: #181816;
	--color-white100: #eaf4f8;
	--color-gray: #bebebe;
	--color-gray100: #d4d4d4;
	--color-darkGray: #727272;
	--color-link: #d62316;
	--color-yellow500: #ffc21e;
	--color-yellow300: #fee053;
	--color-yellow50: #fffbef;
	--color-cyan500: #00aaaa;
	--color-cyanGray: #79ced5;
	--color-base600: #434345;
	--color-base500: #545454;
	--color-base300: #9c9c9d;
	--color-base200: #c7c7c7;
	--color-base100: #f5f5f5;
	--color-bannerLayer: rgb(0 0 0 / 0.45);
	--color-orange: #ff9d7a;
	--color-red: #b31700;
	--color-line: #f6f7f9;

	/* Gradients - DO NOT MODIFY HERE!!! */
	--gradient-ai: linear-gradient(95deg, #b3ffda 0%, #7bd9ff 50%, #f3baff 100%);
	--gradient-orange: linear-gradient(
		90deg,
		#ff8569 0%,
		#ff484a 20%,
		#ff1c7e 80%,
		#ff8569 100%
	);

	/* Sizes - DO NOT MODIFY HERE!!! */
	--break-point-tab: 108rem;
	--addressbar-height: 4.8rem;
	--screen-xl-px: 4rem;
	--screen-lg-px: 3.2rem;
	--screen-md-px: 2.4rem;
	--content-max-w: 148.4rem;
	--content-min-w: 76.8rem;
	--pc-hero-h: 83rem;
	--mobile-title-width: 51rem;
	--mobile-layout-width: 56rem;
	--pc-title-width: 90rem;
	--pc-layout-width: 102.4rem;
	--pc-footer-width: 107.4rem;
	--pc-map-width: 130rem;
	--pc-content-width: 148.4rem;
	--pc-window-width: 172.8rem;
	--gnb-height: 7.4rem;

	/* Z-Indices - DO NOT MODIFY HERE!!! */
	--z-index-loading_dim: 1151;
	--z-index-popup: 1051;
	--z-index-header: 100;
	--z-index-fixed_button: 10;
	--z-index-above: 1;
	--z-index-base: 0;
	--z-index-below: -1;
	--z-index-spinner: 5200;
	--z-index-spinner-backdrop: 5000;
	--z-index-tooltip: 1800;
	--z-index-toast: 1600;
	--z-index-popper: 1400;
	--z-index-dialog: 1200;
	--z-index-floating-content: 1100;
	--z-index-fixed-button: 20;
	--z-index-ai-tutor-guide: 10;
	--z-index-drawing-canvas: 1;
}

/* [AUTO-GENERATION-MARKER-END] */

/* 
 * DO NOT MODIFY ABOVE!
 * 이 아래부터 수정 가능합니다!
 * ------------------------------------------------------------ */

html {
	font-size: 10px;
}

body {
	font-size: 1.4rem;
}

a[data-disabled], [role='button'][data-disabled], [role='link'][data-disabled] {
		cursor: default;
	}

[role='link'] {
	cursor: pointer;
}

html {
	color: black;

	/* 다국어 처리시 언어별 폰트 분기가 필요 */
	font-family: var(--font-family-default-KR);
	font-weight: 400;
}

html[lang='ko'] {
		word-break: keep-all;
	}

body {
	height: 100%;
	font-size: 1.6rem;
}

#root{
	display:
		flex;
	flex-direction:
		column;
	min-height:
		100%;
	width:
		100%;
}

a:focus-visible,
[role='button']:focus-visible,
[role='link']:focus-visible{
	outline:
		solid 0.3rem #0094ff;
	outline-offset:
		0.2rem;
}

em{
	display:
		inline-block;
	font-style:
		normal;
}

img{
	pointer-events:
		none;
	-webkit-user-select:
		none;
	   -moz-user-select:
		none;
	        user-select:
		none;
}

/* Noto Sans */

@font-face {
	font-family: 'NotoSans';
	src:
		url('/assets/fonts/NotoSans/NotoSans-400.woff2') format('woff2'),
		url('/assets/fonts/NotoSans/NotoSans-400.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'NotoSans';
	src:
		url('/assets/fonts/NotoSans/NotoSans-500.woff2') format('woff2'),
		url('/assets/fonts/NotoSans/NotoSans-500.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'NotoSans';
	src:
		url('/assets/fonts/NotoSans/NotoSans-700.woff2') format('woff2'),
		url('/assets/fonts/NotoSans/NotoSans-700.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

*, ::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:
		 ;
	--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:
		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:
		 ;
	--tw-contain-size:
		 ;
	--tw-contain-layout:
		 ;
	--tw-contain-paint:
		 ;
	--tw-contain-style:
		 ;
}

/* ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

@tailwind components;

@tailwind utilities;

.page-title{
	margin-left:
		auto;
	margin-right:
		auto;
	max-width:
		var(--pc-title-width, 90rem);
	padding-left:
		3rem;
	padding-right:
		3rem;
	text-align:
		center;
	font-family:
		NotoSans;
	font-size:
		5rem;
	font-style:
		normal;
	line-height:
		7rem;
	font-weight:
		900;
}

@media (max-width: 1279px){

	.page-title{
		margin-bottom:
		10rem;
	}
}

@media (max-width: 1023px){

	.page-title{
		margin-bottom:
		8rem;
		font-family:
		NotoSans;
		font-size:
		3.4rem;
		font-style:
		normal;
		line-height:
		4.8rem;
		font-weight:
		900;
	}
}

@media (max-width: 767px){

	.page-title{
		margin-top:
		5rem;
		margin-bottom:
		5rem;
		font-family:
		NotoSans;
		font-size:
		2.3rem;
		font-style:
		normal;
		line-height:
		3.4rem;
		font-weight:
		900;
	}
}

.banner-section{
	width:
		100%;
	max-width:
		var(--pc-footer-width, 107.4rem);
	overflow:
		hidden;
	display:
		flex;
	align-items:
		center;
	justify-content:
		center;
	background-size:
		contain;
	background-repeat:
		no-repeat;
}

.section{
	height:
		100%;
	width:
		100%;
	overflow:
		hidden;
	display:
		flex;
	align-items:
		center;
	justify-content:
		center;
}

.section .section-inner{
	margin-left:
		auto;
	margin-right:
		auto;
	max-width:
		var(--pc-layout-width, 102.4rem);
}

.section .section-inner .section-title{
	text-align:
		center;
	font-family:
		NotoSans;
	font-size:
		4.6rem;
	font-style:
		normal;
	line-height:
		6.2rem;
	font-weight:
		700;
}

@media (max-width: 767px){

	.section .section-inner .section-title{
		font-family:
		NotoSans;
		font-size:
		2.5rem;
		font-style:
		normal;
		line-height:
		3.6rem;
		font-weight:
		700;
	}

	.section .section-inner .section-bullet{
		max-width:
		var(--mobile-title-width, 51rem);
	}
}

.section .hero-section{
	height:
		100%;
	width:
		100%;
	display:
		flex;
	align-items:
		center;
	justify-content:
		center;
	background-size:
		cover;
	background-repeat:
		no-repeat;
}

.section .hero-section .hero-section-background{
	position:
		absolute;
	inset:
		0;
	background-color:
		rgb(0 0 0 / 0.55);
}

.section .hero-section .hero-section-title{
	position:
		relative;
	padding-left:
		2rem;
	padding-right:
		2rem;
	display:
		flex;
	flex-direction:
		column;
	align-items:
		center;
	text-align:
		center;
	--tw-text-opacity:
		1;
	color:
		rgb(255 255 255 / var(--tw-text-opacity));
}

@media (max-width: 767px){

	.section .hero-section .hero-section-title{
		max-width:
		var(--mobile-title-width, 51rem);
	}
}

.section .hero-section .hero-section-title h1{
	max-width:
		var(--pc-layout-width, 102.4rem);
	padding-left:
		4rem;
	padding-right:
		4rem;
	font-family:
		NotoSans;
	font-size:
		5.6rem;
	font-style:
		normal;
	line-height:
		5.8rem;
	font-weight:
		700;
}

@media (max-width: 767px){

	.section .hero-section .hero-section-title h1{
		font-family:
		NotoSans;
		font-size:
		2.8rem;
		font-style:
		normal;
		line-height:
		3.9rem;
		font-weight:
		700;
	}
}

.section .hero-section .hero-section-title h1 + p{
	max-width:
		80rem;
	padding-left:
		2rem;
	padding-right:
		2rem;
	margin-top:
		2rem;
	font-family:
		NotoSans;
	font-size:
		2.5rem;
	font-style:
		normal;
	line-height:
		3.6rem;
	font-weight:
		400;
}

@media (max-width: 767px){

	.section .hero-section .hero-section-title h1 + p{
		margin-left:
		2rem;
		margin-right:
		2rem;
		margin-top:
		1.2rem;
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}
}

.section .section-banner{
	margin-left:
		auto;
	margin-right:
		auto;
	max-width:
		var(--pc-layout-width, 102.4rem);
	display:
		flex;
	align-items:
		center;
	justify-content:
		space-between;
}

.section .title-group{
	margin-left:
		auto;
	margin-right:
		auto;
	max-width:
		var(--pc-layout-width, 102.4rem);
	text-align:
		center;
}

@media (max-width: 767px){

	.section .title-group{
		max-width:
		var(--mobile-title-width, 51rem);
	}
}

.section .title-group > img{
	margin-left:
		auto;
	margin-right:
		auto;
	margin-bottom:
		3rem;
	display:
		block;
	height:
		8.4rem;
	width:
		9rem;
}

@media (max-width: 1023px){

	.section .title-group > img{
		height:
		7rem;
		width:
		7.5rem;
	}
}

@media (max-width: 767px){

	.section .title-group > img{
		height:
		4.2rem;
		width:
		4.5rem;
	}
}

.section .title-group h1{
	font-family:
		NotoSans;
	font-size:
		6.4rem;
	font-style:
		normal;
	line-height:
		7.2rem;
	font-weight:
		700;
}

@media (max-width: 767px){

	.section .title-group h1{
		font-family:
		NotoSans;
		font-size:
		2.8rem;
		font-style:
		normal;
		line-height:
		3.9rem;
		font-weight:
		700;
	}
}

.section .title-group h1 + p{
	margin-bottom:
		0;
	margin-top:
		1.2rem;
	font-family:
		NotoSans;
	font-size:
		2.5rem;
	font-style:
		normal;
	line-height:
		3.6rem;
	font-weight:
		400;
}

@media (max-width: 767px){

	.section .title-group h1 + p{
		margin-top:
		1rem;
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}

	.section .title-group h2{
		margin:
		0;
		font-family:
		NotoSans;
		font-size:
		2.3rem;
		font-style:
		normal;
		line-height:
		3.4rem;
		font-weight:
		900;
	}
}

.section .title-group h2 + p{
	margin-bottom:
		0;
	margin-top:
		2rem;
	font-family:
		NotoSans;
	font-size:
		2rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		400;
}

@media (max-width: 767px){

	.section .title-group h2 + p{
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}
}

.section .title-group h3{
	font-family:
		NotoSans;
	font-size:
		3rem;
	font-style:
		normal;
	line-height:
		4rem;
	font-weight:
		700;
}

@media (max-width: 767px){

	.section .title-group h3{
		font-family:
		NotoSans;
		font-size:
		2rem;
		font-style:
		normal;
		line-height:
		2.8rem;
		font-weight:
		700;
	}
}

.section .title-group h3 + p{
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		400;
}

@media (max-width: 767px){

	.section .title-group h3 + p{
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}
}

/* MY 약관 */

.docs-my{
	margin-left:
		auto;
	margin-right:
		auto;
}

@media (max-width: 1023px){

	.docs-my{
		padding-left:
		2.5rem;
		padding-right:
		2.5rem;
	}
}

@media (max-width: 767px){

	.docs-my{
		max-width:
		var(--mobile-title-width, 51rem);
	}
}

.docs-my h2{
	margin-bottom:
		4rem;
	margin-top:
		10rem;
	text-align:
		center;
	font-family:
		NotoSans;
	font-size:
		4.6rem;
	font-style:
		normal;
	line-height:
		6.2rem;
	font-weight:
		700;
}

@media (max-width: 767px){

	.docs-my h2{
		margin-top:
		7rem;
		font-family:
		NotoSans;
		font-size:
		2.8rem;
		font-style:
		normal;
		line-height:
		3.9rem;
		font-weight:
		700;
	}
}

.docs-my h3{
	margin-top:
		17rem;
	font-family:
		NotoSans;
	font-size:
		2.5rem;
	font-style:
		normal;
	line-height:
		3.6rem;
	font-weight:
		700;
}

@media (max-width: 767px){

	.docs-my h3{
		margin-top:
		10rem;
		font-family:
		NotoSans;
		font-size:
		2.3rem;
		font-style:
		normal;
		line-height:
		3.4rem;
		font-weight:
		700;
	}
}

.docs-my h4{
	margin-top:
		4rem;
	font-family:
		NotoSans;
	font-size:
		2rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		700;
}

@media (max-width: 767px){

	.docs-my h4{
		margin-top:
		7rem;
	}
}

.docs-my h5{
	margin-top:
		4rem;
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		700;
}

@media (max-width: 767px){

	.docs-my h5{
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		700;
	}
}

.docs-my p{
	margin-top:
		0.6rem;
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		400;
}

@media (max-width: 767px){

	.docs-my p{
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}
}

.docs-my .lastupdate{
	margin-top:
		17rem;
}

@media (max-width: 767px){

	.docs-my .lastupdate{
		margin-top:
		10rem;
	}
}

.docs-my a{
	--tw-text-opacity:
		1;
	color:
		rgb(214 35 22 / var(--tw-text-opacity));
}

.docs-my ul{
	margin-left:
		4rem;
	margin-top:
		0.6rem;
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		400;
}

@media (max-width: 767px){

	.docs-my ul{
		margin-left:
		1.4rem;
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}
}

.docs-my ul li{
	margin-top:
		0.8rem;
	list-style-type:
		disc;
}

/* ID 약관 */

.docs-id .docs-inner-hero{
	height:
		30rem;
	width:
		100%;
	justify-content:
		center;
	display:
		flex;
	flex-direction:
		column;
	align-items:
		center;
	background-image:
		url('/assets/images/docs/bg_term_visual.png');
	background-size:
		cover;
}

@media (max-width: 767px){

	.docs-id .docs-inner-hero{
		height:
		22rem;
	}
}

.docs-id .docs-inner-hero h2{
	font-family:
		NotoSans;
	font-size:
		4.6rem;
	font-style:
		normal;
	line-height:
		6.2rem;
	font-weight:
		700;
}

@media (max-width: 767px){

	.docs-id .docs-inner-hero h2{
		font-family:
		NotoSans;
		font-size:
		2.8rem;
		font-style:
		normal;
		line-height:
		3.9rem;
		font-weight:
		700;
	}
}

.docs-id .docs-id-inner{
	margin-left:
		2.5rem;
	margin-right:
		2.5rem;
	margin-top:
		15rem;
	max-width:
		var(--pc-layout-width, 102.4rem);
}

@media (max-width: 767px){

	.docs-id .docs-id-inner{
		margin-top:
		10rem;
		max-width:
		var(--mobile-title-width, 51rem);
	}
}

.docs-id .docs-id-inner .sub_group{
	margin-bottom:
		10rem;
}

.docs-id .docs-id-inner .dot-list{
	margin-top:
		4rem;
}

@media (max-width: 767px){

	.docs-id .docs-id-inner .dot-list{
		margin-top:
		3rem;
	}
}

.docs-id .docs-id-inner .dot-list *::marker{
	font-size:
		1.5rem;
	color:
		rgb(0 0 0 );
}

.docs-id .docs-id-inner .dot-list::marker{
	font-size:
		1.5rem;
	color:
		rgb(0 0 0 );
}

.docs-id .docs-id-inner .dot-list li{
	font-family:
		NotoSans;
	font-size:
		1.6rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

.docs-id .docs-id-inner h3{
	margin-top:
		10rem;
	font-family:
		NotoSans;
	font-size:
		2.5rem;
	font-style:
		normal;
	line-height:
		3.6rem;
	font-weight:
		700;
}

@media (max-width: 767px){

	.docs-id .docs-id-inner h3{
		margin-top:
		8rem;
		font-family:
		NotoSans;
		font-size:
		2.3rem;
		font-style:
		normal;
		line-height:
		3.4rem;
		font-weight:
		700;
	}
}

.docs-id .docs-id-inner h4{
	margin-bottom:
		2.8rem;
	margin-top:
		2rem;
	font-style:
		italic !important;
	font-family:
		NotoSans;
	font-size:
		2rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		400;
	--tw-text-opacity:
		1;
	color:
		rgb(255 194 30 / var(--tw-text-opacity));
}

.docs-id .docs-id-inner h5{
	margin-top:
		4rem;
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		700;
}

@media (max-width: 767px){

	.docs-id .docs-id-inner h5{
		margin-top:
		2rem;
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		700;
	}
}

.docs-id .docs-id-inner p{
	margin-top:
		0.6rem;
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		400;
}

@media (max-width: 767px){

	.docs-id .docs-id-inner p{
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}
}

.docs-id .docs-id-inner .lastupdate{
	margin-top:
		17rem;
}

@media (max-width: 767px){

	.docs-id .docs-id-inner .lastupdate{
		margin-top:
		10rem;
	}
}

.docs-id .docs-id-inner a{
	--tw-text-opacity:
		1;
	color:
		rgb(214 35 22 / var(--tw-text-opacity));
}

.docs-id .docs-id-inner ul{
	margin-left:
		4rem;
	margin-top:
		0.6rem;
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		400;
}

@media (max-width: 767px){

	.docs-id .docs-id-inner ul{
		margin-left:
		1.4rem;
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}
}

.docs-id .docs-id-inner ul li{
	margin-top:
		0.8rem;
	list-style-type:
		disc;
}

.prize-content{
	width:
		100%;
	background-color:
		rgba(56,56,56,0.8);
	padding-bottom:
		5.5rem;
	padding-top:
		5rem;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.location-list{
	margin-top:
		10rem;
}

.location-list .location-info{
	display:
		flex;
	gap:
		4rem;
}

.location-list .location-info h3{
	font-family:
		NotoSans;
	font-size:
		3.8rem;
	font-style:
		normal;
	line-height:
		5.2rem;
	font-weight:
		700;
}

.location-list .location-info h4{
	font-family:
		NotoSans;
	font-size:
		3rem;
	font-style:
		normal;
	line-height:
		4rem;
	font-weight:
		700;
}

.location-list .location-info p{
	margin-top:
		1rem;
	font-family:
		NotoSans;
	font-size:
		1.6rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

@media (max-width: 767px){

	.location-list .location-info p{
		font-family:
		NotoSans;
		font-size:
		1.4rem;
		font-style:
		normal;
		line-height:
		1.9rem;
		font-weight:
		400;
	}
}

.location-list .location-info p {
			line-height: 2.6rem;
		}

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

.footer-line {
	display: block;
	width: 100%;
	height: 8px;
	padding: 20px 0;
	position: relative;
}

.footer-line::after {
	display: block;
	width: 100%;
	height: 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('/assets/img/common/bg-line.png');
	content: '';
}

@media (max-width: 640px) {
	.footer-line,
	.footer-line::after {
		height: 8px;
		padding: 20px 0;
	}
}

.partnership-logo {
	position: relative;
}

.partnership-logo::before,
.partnership-logo::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 40px;
	z-index: 10;
	pointer-events: none;
}

.partnership-logo::before {
	top: 0;
	background: linear-gradient(
		to bottom,
		rgb(255 255 255 / 1),
		rgb(255 255 255 / 0)
	);
}

.partnership-logo::after {
	bottom: 0;
	background: linear-gradient(
		to top,
		rgb(255 255 255 / 1),
		rgb(255 255 255 / 0)
	);
}

/* --------------------------------------------------
 *   Replaced Link
 * ----------------------------------------------- */

.replaced-link,
.replaced-link-black,
.replaced-link-white,
.replaced-email-link {
	text-decoration: underline;
}

.replaced-link:hover,
.replaced-link-black:hover,
.replaced-link-white:hover,
.replaced-email-link:hover {
	text-decoration: none;
}

.replaced-link {
	color: #de2517;
}

.replaced-link:hover {
	color: #000;
}

.replaced-link-black {
	color: #000;
}

.replaced-link-black:hover {
	color: #000;
}

.replaced-link-white {
	color: #fff;
}

.replaced-link-white:hover {
	color: #fff;
}

/* Dialog Animation */

.dialog-backdrop {
	opacity: 0;
	transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.dialog-backdrop.dialog-backdrop-open {
	opacity: 1;
}

.dialog-content {
	opacity: 0;
	transform: scale(0.96);
	transition:
		opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
		transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.dialog-content.dialog-content-open {
	opacity: 1;
	transform: scale(1);
}

.justice_img_background {
	margin-left: -84px;
	margin-top: -42px;
	height: auto;
	max-height: none;
	width: 60rem;
	max-width: none;
}

.justice_img_slide {
	position: absolute;
	top: 90px;
	left: 40px;
	width: 436px;
	height: 304px;
	border-radius: 6px;
	overflow: hidden;
	transform: translateZ(0);
}

.justice_img_item {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	animation: imgAnimation 25s linear infinite;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

/* Justice Image Slide - Animation */

@keyframes imgAnimation {
	0%,
	20%,
	100% {
		opacity: 0;
	}
	4%,
	16% {
		opacity: 1;
	}
}

.container{
	width:
		100%;
}

@media (min-width: 1280px){

	.container{
		max-width:
		1280px;
	}
}

/* .e-accordion-content-root {
	transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
} */

.e-accordion-item {
	display: flex;
	flex-direction: column;
}

/* ----- AutoScroller ----- */

.e-auto-scroller {
	overflow: hidden;

	--auto-scroller-direction: forwards;
	--auto-scroller-duration: 10s;
	--auto-scroller-gap: 0;
	--auto-scroller-pause-on-hover: unset;
}

.e-auto-scroller > .scroller-wrapper {
		display: flex;
		flex-wrap: nowrap;
		gap: var(--auto-scroller-gap);
		width: -moz-max-content;
		width: max-content;

		animation: auto-scroller-h-scroll var(--auto-scroller-duration)
			var(--auto-scroller-direction) linear infinite;
	}

.e-auto-scroller > .scroller-wrapper:hover {
			animation-play-state: var(--auto-scroller-pause-on-hover);
		}

.e-auto-scroller > .scroller-wrapper > * {
			transform: translate3d(0, 0, 0) !important;
		}

@keyframes auto-scroller-h-scroll {
	to {
		transform: translateX(calc(-50% - (var(--auto-scroller-gap, 0px) / 2)));
	}
}

/* ----- Carousel ----- */

.e-carousel {
	overflow: hidden;

	--carousel-gap: 0;
	--carousel-slide-size: auto;
	--carousel-slides-per-view: 1;
}

.e-carousel-container {
	display: flex;
	margin-left: calc(-1 * var(--carousel-gap));
}

.e-carousel-slide {
	flex: 0 0 var(--carousel-slide-size);
	padding-left: var(--carousel-gap);
	min-width: 0;
}

.e-divider {
	--divider-color: black;
	--divider-length: 100%;
	--divider-thickness: 1px;

	background: var(--divider-color);
	border-width: 0;
}

.e-divider svg {
		height: 100%;
		width: 100%;
		overflow: hidden;
	}

.e-divider[data-orientation='horizontal'] {
		height: var(--divider-thickness);
		width: var(--divider-length);
	}

.e-divider[data-orientation='vertical'] {
		height: var(--divider-length);
		width: var(--divider-thickness);
	}

.e-icon {
	display: inline;
}

.e-fill-image {
	position: relative;
	height: 100%;
	width: 100%;
}

.e-fill-image-img {
	position: absolute;
	inset: 0;
	height: 100%;
	width: 100%;
}

.e-fill-image-img[data-type='contain'] {
		-o-object-fit: contain;
		   object-fit: contain;
	}

.e-fill-image-img[data-type='cover'] {
		-o-object-fit: cover;
		   object-fit: cover;
	}

.e-m-circular-spinner {
	display: inline-flex;
	z-index: var(--z-index-spinner, 5000);

	--spinner-color: currentColor;
	--spinner-size: 6.4rem;
	--spinner-speed: 1;
	--spinner-thickness: 0.4rem;
}

.e-m-circular-spinner[data-variant='basic'] {
		--arc-duration: 1333ms;
		--cycle-duration: calc(var(--arc-duration) * 4);
		--linear-rotate-duration: calc(var(--arc-duration) * 360 / 306);

		width: var(--spinner-size);
		height: var(--spinner-size);
		animation: linear infinite circular-rotate;
		animation-duration: calc(
			var(--linear-rotate-duration) * var(--spinner-speed)
		);
	}

.e-m-circular-spinner[data-variant='basic'] svg {
			display: block;
		}

.e-m-circular-spinner[data-variant='basic'] circle {
			stroke: var(--spinner-color);
			stroke-width: var(--spinner-thickness);
			stroke-dasharray: 10px, 200px;
			stroke-dashoffset: 0;
			stroke-linecap: round;

			animation: circular-dash;
			animation-duration: calc(var(--arc-duration) * var(--spinner-speed)),
				calc(var(--cycle-duration) * var(--spinner-speed));
			animation-iteration-count: infinite;
			animation-fill-mode: both;
			animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		}

.e-spinner-backdrop {
	display: block;
	inset: 0;
	z-index: var(--z-index-spinner-backdrop, 5200);
}

.e-spinner-backdrop[data-position='inline'] {
		display: inline-flex;
	}

.e-spinner-backdrop[data-position='parent'] {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.e-spinner-backdrop[data-position='screen'] {
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.e-spinner-backdrop[data-invisible] {
		pointer-events: none;
	}

@keyframes circular-rotate {
	to {
		transform: rotate(360deg);
	}
}

@keyframes circular-dash {
	0% {
		stroke-dasharray: 10px, 200px;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 139px, 30px;
		stroke-dashoffset: -30px;
	}
	100% {
		stroke-dasharray: 139px, 129px;
		stroke-dashoffset: -139px;
	}
}

.e-data-table-root {
	position: relative;
	height: 100%;
	overflow: auto;
}

.e-data-table {
	height: 1px;
	border-collapse: separate;
	border-spacing: 0;
}

.e-dt-rowgroup {
	width: 100%;
}

.e-dt-row {
	height: var(--dt-row-min-height, 100%);
	min-height: var(--dt-row-min-height, auto);
	background-color: white;
}

.e-dt-cell {
	justify-content: var(--dt-cell-justify-content);
	text-align: var(--dt-cell-text-align);
}

/* .e-dt-cell-wrapper {
	@apply flex w-full items-center;
	@apply overflow-hidden;

	height: var(--dt-row-height, 100%);
	min-height: var(--dt-row-min-height, auto);
	justify-content: var(--dt-cell-justify-content);
	text-align: var(--dt-cell-text-align);
} */

.e-dt-header {
	position: sticky;
	top: 0;
	z-index: 2;
}

/* .e-dt-h-row { }
.e-dt-h-cell { } */

/* .e-dt-body { }
.e-dt-b-row { }
.e-dt-b-cell { } */

.e-dt-pinned-col {
	position: sticky;
	z-index: var(--z-index-above, 1);
	background-color: inherit;
}

.e-dt-pinned-left-edge {
	border-right-width: 1px;
}

.e-dt-pinned-right-edge {
	border-left-width: 1px;
}

.e-block {
	display: block;
}

.e-flex {
	display: flex;
}

.e-dt-single-line {
	/* truncate */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.e-toast-container {
	position: fixed;
	inset: 0;
	z-index: var(--z-index-toast, 1600);

	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.6rem;

	pointer-events: none;
}

.e-toast-container[data-alignment='start'] {
		align-items: flex-start;
	}

.e-toast-container[data-alignment='end'] {
		align-items: flex-end;
	}

.e-toast-container[data-side='bottom'] {
		justify-content: flex-end;
	}

.e-toast {
	position: relative;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.e-toast .icon {
		flex-shrink: 0;
	}

.e-toast .message {
		flex: 1 1 0%;
		text-align: center;
	}

.e-toast .progressbar {
		position: absolute;
	}

.e-tooltip-content {
	z-index: var(--z-index-tooltip, 1800);
}

.e-chart-tooltip {
	position: fixed;
	z-index: var(--z-index-tooltip, 1800);
}

/* @import './accordion/accordion.css'; */

/* @import './alert/alert.css'; */

/* @import './button/button.css'; */

.e-checkbox{
	display:
		inline-flex;
	align-items:
		center;
	cursor:
		pointer;
}

.e-checkbox[data-variant='teacher'] .e-checkbox-box{
	display:
		block;
	border-radius:
		0.4rem;
	border-width:
		0.2rem;
	--tw-border-opacity:
		1;
	border-color:
		rgb(140 140 140 / var(--tw-border-opacity));
	transition-duration:
		250ms;
}

.e-checkbox[data-variant='teacher'] .e-checkbox-box[data-hovered]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(51 51 51 / var(--tw-border-opacity));
}

.e-checkbox[data-variant='teacher'] .e-checkbox-box[data-checked]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(116 36 248 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(116 36 248 / var(--tw-bg-opacity));
}

.e-checkbox[data-variant='teacher'] .e-checkbox-box[data-invalid]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(255 88 49 / var(--tw-border-opacity));
}

.e-checkbox[data-variant='teacher'] .e-checkbox-box[data-focus-visible]{
	outline:
		solid 0.3rem #0094ff;
	outline-offset:
		0.2rem;
}

.e-checkbox[data-variant='teacher'] .e-checkbox-box[data-size='md']{
	width:
		2.2rem;
	height:
		2.2rem;
}

.e-checkbox[data-variant='teacher'] .e-checkbox-indicator{
	position:
		absolute;
	inset:
		0;
	--tw-text-opacity:
		1;
	color:
		rgb(255 255 255 / var(--tw-text-opacity));
	transition-duration:
		250ms;
}

.e-checkbox[data-variant='teacher'] .e-checkbox-indicator[data-size='md']{
	width:
		2.2rem;
}

.e-checkbox[data-variant='teacher'][data-disabled] {
			cursor: not-allowed;
		}

.e-checkbox[data-variant='teacher'][data-disabled] .e-checkbox-box{
	--tw-border-opacity:
		1;
	border-color:
		rgb(204 204 204 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(236 236 236 / var(--tw-bg-opacity));
}

.e-checkbox[data-variant='teacher'][data-disabled] .e-checkbox-indicator{
	--tw-text-opacity:
		1;
	color:
		rgb(236 236 236 / var(--tw-text-opacity));
}

.e-checkbox[data-variant='teacher'][data-disabled] .e-checkbox-indicator[data-checked]{
	--tw-text-opacity:
		1;
	color:
		rgb(204 204 204 / var(--tw-text-opacity));
}

.e-checkbox[data-variant='teacher'] .e-checkbox-label{
	margin-left:
		0.8rem;
}

.e-checkbox-control {
	position: relative;
}

/* @import './date/date.css'; */

/* @import './dialog/dialog.css'; */

/* @import './form/form.css'; */

.e-text-input,
.e-textarea{
	display:
		inline-block;
}

.e-text-input input,
	.e-text-input textarea,
	.e-textarea input,
	.e-textarea textarea{
	height:
		100%;
	width:
		100%;
	flex:
		1 1 0%;
	--tw-text-opacity:
		1;
	color:
		rgb(51 51 51 / var(--tw-text-opacity));
}

.e-text-input input:focus-visible,
	.e-text-input textarea:focus-visible,
	.e-textarea input:focus-visible,
	.e-textarea textarea:focus-visible{
	outline:
		2px solid transparent;
	outline-offset:
		2px;
}

.e-text-input input::-webkit-search-decoration,
	.e-text-input input::-webkit-search-cancel-button,
	.e-text-input input::-webkit-search-results-button,
	.e-text-input input::-webkit-search-results-decoration,
	.e-textarea input::-webkit-search-decoration,
	.e-textarea input::-webkit-search-cancel-button,
	.e-textarea input::-webkit-search-results-button,
	.e-textarea input::-webkit-search-results-decoration{
	-webkit-appearance:
		none;
	        appearance:
		none;
}

.e-text-input input:disabled,
	.e-text-input textarea:disabled,
	.e-text-input[data-disabled],
	.e-textarea input:disabled,
	.e-textarea textarea:disabled,
	.e-textarea[data-disabled]{
	cursor:
		not-allowed;
}

.e-text-input input::-moz-placeholder, .e-text-input textarea::-moz-placeholder, .e-textarea input::-moz-placeholder, .e-textarea textarea::-moz-placeholder{
	--tw-text-opacity:
		1;
	color:
		rgb(140 140 140 / var(--tw-text-opacity));
		letter-spacing: 0;
}

.e-text-input input::placeholder,
	.e-text-input textarea::placeholder,
	.e-textarea input::placeholder,
	.e-textarea textarea::placeholder{
	--tw-text-opacity:
		1;
	color:
		rgb(140 140 140 / var(--tw-text-opacity));
		letter-spacing: 0;
}

.e-text-input[data-variant='teacher'], .e-textarea[data-variant='teacher']{
	display:
		flex;
	align-items:
		center;
	border-radius:
		0.8rem;
	border-width:
		0.1rem;
	--tw-border-opacity:
		1;
	border-color:
		rgb(204 204 204 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(255 255 255 / var(--tw-bg-opacity));
}

.e-text-input[data-variant='teacher'][data-size='sm'], .e-textarea[data-variant='teacher'][data-size='sm']{
	height:
		4.2rem;
	padding-left:
		1.2rem;
	padding-right:
		1.2rem;
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		600;
}

.e-text-input[data-variant='teacher'][data-size='md'], .e-textarea[data-variant='teacher'][data-size='md']{
	height:
		4.8rem;
	padding-left:
		1.6rem;
	padding-right:
		1.6rem;
	font-family:
		NotoSans;
	font-size:
		1.6rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		600;
}

.e-text-input[data-variant='teacher'][data-hovered], .e-textarea[data-variant='teacher'][data-hovered]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(102 102 102 / var(--tw-border-opacity));
}

.e-text-input[data-variant='teacher'][data-focused], .e-textarea[data-variant='teacher'][data-focused]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(17 17 17 / var(--tw-border-opacity));
}

.e-text-input[data-variant='teacher'][data-disabled], .e-textarea[data-variant='teacher'][data-disabled]{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(242 242 242 / var(--tw-bg-opacity));
}

.e-text-input[data-variant='teacher'][data-invalid], .e-textarea[data-variant='teacher'][data-invalid]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(255 63 19 / var(--tw-border-opacity));
}

.e-text-input[data-variant='teacher'] input, .e-textarea[data-variant='teacher'] input{
	background-color:
		transparent;
}

.e-text-input[data-variant='teacher'] input,
		.e-text-input[data-variant='teacher'] textarea,
		.e-textarea[data-variant='teacher'] input,
		.e-textarea[data-variant='teacher'] textarea{
	font-family:
		NotoSans;
	font-size:
		1.6rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		600;
}

.e-text-input[data-variant='teacher'] input::-moz-placeholder, .e-text-input[data-variant='teacher'] textarea::-moz-placeholder, .e-textarea[data-variant='teacher'] input::-moz-placeholder, .e-textarea[data-variant='teacher'] textarea::-moz-placeholder{
	font-family:
		NotoSans;
	font-size:
		1.6rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

.e-text-input[data-variant='teacher'] input::placeholder, .e-text-input[data-variant='teacher'] textarea::placeholder, .e-textarea[data-variant='teacher'] input::placeholder, .e-textarea[data-variant='teacher'] textarea::placeholder{
	font-family:
		NotoSans;
	font-size:
		1.6rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

.e-text-input[data-variant='teacher'] input[data-size='sm'], .e-text-input[data-variant='teacher'] textarea[data-size='sm'], .e-textarea[data-variant='teacher'] input[data-size='sm'], .e-textarea[data-variant='teacher'] textarea[data-size='sm']{
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		600;
}

.e-text-input[data-variant='teacher'] input[data-size='sm']::-moz-placeholder, .e-text-input[data-variant='teacher'] textarea[data-size='sm']::-moz-placeholder, .e-textarea[data-variant='teacher'] input[data-size='sm']::-moz-placeholder, .e-textarea[data-variant='teacher'] textarea[data-size='sm']::-moz-placeholder{
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

.e-text-input[data-variant='teacher'] input[data-size='sm']::placeholder, .e-text-input[data-variant='teacher'] textarea[data-size='sm']::placeholder, .e-textarea[data-variant='teacher'] input[data-size='sm']::placeholder, .e-textarea[data-variant='teacher'] textarea[data-size='sm']::placeholder{
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

.e-text-input input[type='password'] {
		/* 피그마 느낌대로 임의로 맞춤 */
		letter-spacing: 0.28rem;
	}

.e-textarea textarea{
	flex:
		1 1 0%;
	resize:
		none;
	border-width:
		0;
}

.e-textarea[data-variant='teacher']{
	height:
		auto;
	overflow:
		hidden;
	padding:
		0;
}

.e-textarea[data-variant='teacher'] textarea{
	padding-left:
		1.6rem;
	padding-right:
		1.6rem;
	padding-top:
		1.2rem;
	padding-bottom:
		1.2rem;
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		600;
}

.e-textarea[data-variant='teacher'] textarea::-moz-placeholder{
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

.e-textarea[data-variant='teacher'] textarea::placeholder{
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

/* @import './list/list.css'; */

/* @import './menu/menu.css'; */

/* @import './pagination/pagination.css'; */

/* @import './popover/popover.css'; */

/* @import './progress/progress.css'; */

.e-radio{
	display:
		inline-flex;
	align-items:
		center;
	cursor:
		pointer;
}

.e-radio[data-variant='teacher'] .e-radio-box{
	display:
		block;
	border-radius:
		9999px;
	border-width:
		0.2rem;
	--tw-border-opacity:
		1;
	border-color:
		rgb(140 140 140 / var(--tw-border-opacity));
	transition-duration:
		250ms;
}

.e-radio[data-variant='teacher'] .e-radio-box[data-hovered]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(51 51 51 / var(--tw-border-opacity));
}

.e-radio[data-variant='teacher'] .e-radio-box[data-checked]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(116 36 248 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(116 36 248 / var(--tw-bg-opacity));
}

.e-radio[data-variant='teacher'] .e-radio-box[data-invalid]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(255 88 49 / var(--tw-border-opacity));
}

.e-radio[data-variant='teacher'] .e-radio-box[data-focus-visible]{
	outline:
		solid 0.3rem #0094ff;
	outline-offset:
		0.2rem;
}

.e-radio[data-variant='teacher'] .e-radio-box[data-size='md']{
	width:
		2.2rem;
	height:
		2.2rem;
}

.e-radio[data-variant='teacher'] .e-radio-indicator{
	position:
		absolute;
	inset:
		0.6rem;
	border-radius:
		9999px;
	transition-duration:
		250ms;
}

.e-radio[data-variant='teacher'] .e-radio-indicator[data-checked]{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(255 255 255 / var(--tw-bg-opacity));
}

.e-radio[data-variant='teacher'][data-disabled] {
			cursor: not-allowed;
		}

.e-radio[data-variant='teacher'][data-disabled] .e-radio-box{
	--tw-border-opacity:
		1;
	border-color:
		rgb(204 204 204 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(236 236 236 / var(--tw-bg-opacity));
}

.e-radio[data-variant='teacher'][data-disabled][data-checked] .e-radio-box{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(204 204 204 / var(--tw-bg-opacity));
}

.e-radio[data-variant='teacher'][data-disabled][data-checked] .e-radio-indicator{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(255 255 255 / var(--tw-bg-opacity));
}

.e-radio[data-variant='teacher'] .e-radio-label{
	margin-left:
		0.8rem;
}

.e-radio-control{
	position:
		relative;
}

.e-select{
	display:
		inline-block;
}

.e-select .e-select-control-container{
	overflow:
		hidden;
}

.e-select .e-select-control:focus-visible{
	outline:
		2px solid transparent;
	outline-offset:
		2px;
}

.e-select .e-select-control[data-disabled]{
	cursor:
		not-allowed;
}

.e-select[data-variant='outline'],
	.e-select[data-variant='solid']{
	display:
		inline-grid;
	gap:
		0.8rem;
}

.e-select[data-variant='outline'] .e-select-control-container, .e-select[data-variant='solid'] .e-select-control-container{
	display:
		flex;
	align-items:
		center;
	border-radius:
		0.8rem;
	border-width:
		0.1rem;
	--tw-border-opacity:
		1;
	border-color:
		rgb(204 204 204 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(255 255 255 / var(--tw-bg-opacity));
}

.e-select[data-variant='outline'] .e-select-control-container[data-hovered], .e-select[data-variant='solid'] .e-select-control-container[data-hovered]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(102 102 102 / var(--tw-border-opacity));
}

.e-select[data-variant='outline'] .e-select-control-container[data-expanded],
			.e-select[data-variant='outline'] .e-select-control-container[data-focus-visible],
			.e-select[data-variant='solid'] .e-select-control-container[data-expanded],
			.e-select[data-variant='solid'] .e-select-control-container[data-focus-visible]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(17 17 17 / var(--tw-border-opacity));
}

.e-select[data-variant='outline'] .e-select-control-container[data-disabled], .e-select[data-variant='solid'] .e-select-control-container[data-disabled]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(204 204 204 / var(--tw-border-opacity));
}

.e-select[data-variant='outline'] .e-select-control-container[data-invalid], .e-select[data-variant='solid'] .e-select-control-container[data-invalid]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(255 88 49 / var(--tw-border-opacity));
}

.e-select[data-variant='outline'] .e-select-control, .e-select[data-variant='solid'] .e-select-control{
	display:
		flex;
	align-items:
		center;
	-moz-column-gap:
		1rem;
	     column-gap:
		1rem;
	width:
		100%;
	--tw-text-opacity:
		1;
	color:
		rgb(34 34 34 / var(--tw-text-opacity));
	cursor:
		pointer;
}

.e-select[data-variant='outline'] .e-select-control:focus-visible, .e-select[data-variant='solid'] .e-select-control:focus-visible{
	outline:
		2px solid transparent;
	outline-offset:
		2px;
}

.e-select[data-variant='outline'] .e-select-control[data-size='md'], .e-select[data-variant='solid'] .e-select-control[data-size='md']{
	height:
		4.6rem;
	padding-left:
		1.6rem;
	padding-right:
		1.6rem;
	font-family:
		NotoSans;
	font-size:
		1.4rem;
	font-style:
		normal;
	line-height:
		1.9rem;
	font-weight:
		700;
}

.e-select[data-variant='outline'] .e-select-control[data-size='md'] .e-select-indicator, .e-select[data-variant='solid'] .e-select-control[data-size='md'] .e-select-indicator{
	width:
		1.6rem;
	height:
		1.6rem;
}

.e-select[data-variant='outline'] .e-select-control[data-size='sm'], .e-select[data-variant='solid'] .e-select-control[data-size='sm']{
	height:
		4rem;
	padding-left:
		1.2rem;
	padding-right:
		1.2rem;
	font-family:
		NotoSans;
	font-size:
		1.3rem;
	font-style:
		normal;
	line-height:
		1.8rem;
	font-weight:
		600;
}

.e-select[data-variant='outline'] .e-select-control[data-size='sm'] .e-select-indicator, .e-select[data-variant='solid'] .e-select-control[data-size='sm'] .e-select-indicator{
	width:
		1.2rem;
	height:
		1.2rem;
}

.e-select[data-variant='outline'] .e-select-control[data-size='xs'], .e-select[data-variant='solid'] .e-select-control[data-size='xs']{
	height:
		3.4rem;
	padding-left:
		1.2rem;
	padding-right:
		1.2rem;
	font-family:
		NotoSans;
	font-size:
		1.3rem;
	font-style:
		normal;
	line-height:
		1.8rem;
	font-weight:
		600;
}

.e-select[data-variant='outline'] .e-select-control[data-size='xs'] .e-select-indicator, .e-select[data-variant='solid'] .e-select-control[data-size='xs'] .e-select-indicator{
	width:
		1.2rem;
	height:
		1.2rem;
}

.e-select[data-variant='outline'] .e-select-control[data-disabled], .e-select[data-variant='solid'] .e-select-control[data-disabled]{
	cursor:
		not-allowed;
	--tw-text-opacity:
		1;
	color:
		rgb(204 204 204 / var(--tw-text-opacity));
}

.e-select[data-variant='outline'] .e-select-control[data-disabled] .e-select-indicator, .e-select[data-variant='solid'] .e-select-control[data-disabled] .e-select-indicator{
	--tw-text-opacity:
		1;
	color:
		rgb(204 204 204 / var(--tw-text-opacity));
}

.e-select[data-variant='outline'] .e-select-control .e-select-value-label, .e-select[data-variant='solid'] .e-select-control .e-select-value-label{
	flex:
		1 1 0%;
	overflow:
		hidden;
	text-overflow:
		ellipsis;
	white-space:
		nowrap;
	text-align:
		left;
}

.e-select[data-variant='outline'] .e-select-control[data-selectable='multiple'] .e-select-value-label, .e-select[data-variant='solid'] .e-select-control[data-selectable='multiple'] .e-select-value-label{
	display:
		flex;
	gap:
		0.4rem;
	overflow-x:
		hidden;
	overflow-y:
		hidden;
}

.e-select[data-variant='outline'] .e-select-control .e-select-value-label-item, .e-select[data-variant='solid'] .e-select-control .e-select-value-label-item{
	flex-shrink:
		0;
	border-radius:
		0.6rem;
	--tw-bg-opacity:
		1;
	background-color:
		rgb(236 236 236 / var(--tw-bg-opacity));
	padding:
		0.4rem;
	padding-left:
		0.6rem;
	padding-right:
		0.6rem;
}

.e-select[data-variant='outline'] .e-select-control .e-select-indicator, .e-select[data-variant='solid'] .e-select-control .e-select-indicator{
	--tw-text-opacity:
		1;
	color:
		rgb(17 17 17 / var(--tw-text-opacity));
	transition-duration:
		200ms;
}

.e-select[data-variant='outline'] .e-select-control[data-expanded] .e-select-indicator, .e-select[data-variant='solid'] .e-select-control[data-expanded] .e-select-indicator{
	--tw-rotate:
		180deg;
	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));
}

.e-select[data-variant='solid'] .e-select-control-container{
	--tw-border-opacity:
		1;
	border-color:
		rgb(51 51 51 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(51 51 51 / var(--tw-bg-opacity));
	--tw-text-opacity:
		1;
	color:
		rgb(255 255 255 / var(--tw-text-opacity));
}

.e-select[data-variant='solid'] .e-select-control-container[data-hovered]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(102 102 102 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(102 102 102 / var(--tw-bg-opacity));
}

.e-select[data-variant='solid'] .e-select-control-container[data-expanded],
			.e-select[data-variant='solid'] .e-select-control-container[data-focus-visible]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(17 17 17 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(17 17 17 / var(--tw-bg-opacity));
	--tw-text-opacity:
		1;
	color:
		rgb(255 255 255 / var(--tw-text-opacity));
}

.e-select[data-variant='solid'] .e-select-control-container[data-disabled]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(226 226 226 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(242 242 242 / var(--tw-bg-opacity));
}

.e-select[data-variant='solid'] .e-select-control-container[data-invalid]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(255 88 49 / var(--tw-border-opacity));
}

.e-select[data-variant='solid'] .e-select-control{
	--tw-text-opacity:
		1;
	color:
		rgb(255 255 255 / var(--tw-text-opacity));
}

.e-select[data-variant='solid'] .e-select-control[data-expanded],
			.e-select[data-variant='solid'] .e-select-control[data-focus-visible]{
	--tw-text-opacity:
		1;
	color:
		rgb(255 255 255 / var(--tw-text-opacity));
}

.e-select[data-variant='solid'] .e-select-control[data-disabled]{
	--tw-text-opacity:
		1;
	color:
		rgb(204 204 204 / var(--tw-text-opacity));
}

.e-select[data-variant='solid'] .e-select-control[data-disabled] .e-select-indicator{
	--tw-text-opacity:
		1;
	color:
		rgb(204 204 204 / var(--tw-text-opacity));
}

.e-select[data-variant='solid'] .e-select-control .e-select-indicator{
	--tw-text-opacity:
		1;
	color:
		rgb(255 255 255 / var(--tw-text-opacity));
}

.e-select-content{
	z-index:
		var(--z-index-popper, 1400);
	width:
		-moz-fit-content;
	width:
		fit-content;
	overflow:
		hidden;
}

.e-select-content[data-hidden]{
	pointer-events:
		none !important;
	visibility:
		hidden;
	opacity:
		0;
}

.e-select-content .e-select-list-container{
	overflow-y:
		auto;

		-ms-overflow-style: none;
}

.e-select-content .e-select-list-container::-webkit-scrollbar{
	position:
		absolute;
	width:
		0.6rem;
}

.e-select-content .e-select-list-container::-webkit-scrollbar-thumb{
	border-radius:
		9999px;
	background-color:
		rgb(217 217 217 / 0.7);
}

.e-select-content[data-variant='outline'],
	.e-select-content[data-variant='solid']{
	border-radius:
		0.8rem;
	border-width:
		0.1rem;
	--tw-border-opacity:
		1;
	border-color:
		rgb(102 102 102 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(255 255 255 / var(--tw-bg-opacity));
	-webkit-user-select:
		none;
	   -moz-user-select:
		none;
	        user-select:
		none;
}

.e-select-content[data-variant='outline'] > .e-select-list-container, .e-select-content[data-variant='solid'] > .e-select-list-container{
	padding-top:
		0.8rem;
	padding-bottom:
		0.8rem;
}

.e-select-content[data-variant='outline'] > .e-select-list-container > .e-select-item, .e-select-content[data-variant='solid'] > .e-select-list-container > .e-select-item{
	display:
		flex;
	height:
		4rem;
	align-items:
		center;
	padding-left:
		1.6rem;
	padding-right:
		1.6rem;
	--tw-text-opacity:
		1;
	color:
		rgb(34 34 34 / var(--tw-text-opacity));
	font-family:
		NotoSans;
	font-size:
		1.4rem;
	font-style:
		normal;
	line-height:
		1.9rem;
	font-weight:
		600;
}

.e-select-content[data-variant='outline'] > .e-select-list-container > .e-select-item:hover,
				.e-select-content[data-variant='outline'] > .e-select-list-container > .e-select-item[data-focused],
				.e-select-content[data-variant='solid'] > .e-select-list-container > .e-select-item:hover,
				.e-select-content[data-variant='solid'] > .e-select-list-container > .e-select-item[data-focused]{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(242 242 242 / var(--tw-bg-opacity));
	outline:
		2px solid transparent;
	outline-offset:
		2px;
}

.e-select-content[data-variant='outline'] > .e-select-list-container > .e-select-item[data-disabled], .e-select-content[data-variant='solid'] > .e-select-list-container > .e-select-item[data-disabled]{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(255 255 255 / var(--tw-bg-opacity));
	--tw-text-opacity:
		1;
	color:
		rgb(204 204 204 / var(--tw-text-opacity));
	pointer-events:
		none;
	cursor:
		not-allowed;
}

.e-select-content[data-variant='outline'] > .e-select-list-container > .e-select-item[data-focus-visible], .e-select-content[data-variant='solid'] > .e-select-list-container > .e-select-item[data-focus-visible]{
	outline:
		solid 0.3rem #0094ff;
	outline-offset:
		-0.3rem;
}

/* @import './skeleton/skeleton.css'; */

.e-switch{
	display:
		inline-flex;
	align-items:
		center;
	cursor:
		pointer;
}

.e-switch[data-disabled]{
	cursor:
		not-allowed;
}

.e-switch[data-variant='teacher'] .e-switch-control{
	display:
		flex;
	border-radius:
		9999px;
	--tw-bg-opacity:
		1;
	background-color:
		rgb(204 204 204 / var(--tw-bg-opacity));
	padding:
		0.2rem;
	transition-duration:
		200ms;
}

.e-switch[data-variant='teacher'] .e-switch-control[data-size='lg']{
	height:
		2.4rem;
	width:
		4.4rem;
}

.e-switch[data-variant='teacher'] .e-switch-control[data-size='md']{
	height:
		2rem;
	width:
		3.6rem;
}

.e-switch[data-variant='teacher'] .e-switch-control[data-size='sm']{
	height:
		1.6rem;
	width:
		2.8rem;
}

.e-switch[data-variant='teacher'] .e-switch-control[data-checked]{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(116 36 248 / var(--tw-bg-opacity));
}

.e-switch[data-variant='teacher'] .e-switch-control[data-focus-visible]{
	outline:
		solid 0.3rem #0094ff;
	outline-offset:
		0.2rem;
}

.e-switch[data-variant='teacher'] .e-switch-indicator{
	display:
		block;
	border-radius:
		9999px;
	--tw-bg-opacity:
		1;
	background-color:
		rgb(255 255 255 / var(--tw-bg-opacity));
	transition-duration:
		250ms;
			filter: drop-shadow(0 2px 4px rgba(0 0 0 / 0.2));
}

.e-switch[data-variant='teacher'] .e-switch-indicator[data-size='lg']{
	width:
		2rem;
	height:
		2rem;
}

.e-switch[data-variant='teacher'] .e-switch-indicator[data-size='lg'][data-checked]{
	margin-left:
		2rem;
}

.e-switch[data-variant='teacher'] .e-switch-indicator[data-size='md']{
	width:
		1.6rem;
	height:
		1.6rem;
}

.e-switch[data-variant='teacher'] .e-switch-indicator[data-size='md'][data-checked]{
	margin-left:
		1.6rem;
}

.e-switch[data-variant='teacher'] .e-switch-indicator[data-size='sm']{
	width:
		1.2rem;
	height:
		1.2rem;
}

.e-switch[data-variant='teacher'] .e-switch-indicator[data-size='sm'][data-checked]{
	margin-left:
		1.2rem;
}

/* @import './tabs/tabs.css'; */

.e-data-table[data-variant='board']{
	border-top-width:
		0.2rem;
	--tw-border-opacity:
		1;
	border-color:
		rgb(51 51 51 / var(--tw-border-opacity));
}

.e-data-table[data-variant='board'] th,
		.e-data-table[data-variant='board'] td{
	border-bottom-width:
		0.1rem;
	--tw-border-opacity:
		1;
	border-color:
		rgb(236 236 236 / var(--tw-border-opacity));
	padding-left:
		1.2rem;
	padding-right:
		1.2rem;
	padding-top:
		0.4rem;
	padding-bottom:
		0.4rem;
}

.e-data-table[data-variant='board'] th:first-child,
		.e-data-table[data-variant='board'] td:first-child{
	padding-left:
		2.4rem;
}

.e-data-table[data-variant='board'] th:last-child,
		.e-data-table[data-variant='board'] td:last-child{
	padding-right:
		2.4rem;
}

@media (max-width: 1279px){

	.e-data-table[data-variant='board'] th,
		.e-data-table[data-variant='board'] td{
		padding-left:
		1rem;
		padding-right:
		1rem;
	}

	.e-data-table[data-variant='board'] th:first-child,
		.e-data-table[data-variant='board'] td:first-child{
		padding-left:
		2rem;
	}

	.e-data-table[data-variant='board'] th:last-child,
		.e-data-table[data-variant='board'] td:last-child{
		padding-right:
		2rem;
	}
}

.e-data-table[data-variant='board'] thead tr{
	height:
		5.6rem;
	--tw-bg-opacity:
		1;
	background-color:
		rgb(250 250 250 / var(--tw-bg-opacity));
}

.e-data-table[data-variant='board'] thead tr th{
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		600;
}

@media (max-width: 1279px){

	.e-data-table[data-variant='board'] thead tr th{
		font-family:
		NotoSans;
		font-size:
		1.4rem;
		font-style:
		normal;
		line-height:
		1.9rem;
		font-weight:
		600;
	}
}

.e-data-table[data-variant='board'] tbody tr{
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

@media (max-width: 1279px){

	.e-data-table[data-variant='board'] tbody tr{
		font-family:
		NotoSans;
		font-size:
		1.4rem;
		font-style:
		normal;
		line-height:
		1.9rem;
		font-weight:
		400;
	}
}

.e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']):hover{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(250 249 255 / var(--tw-bg-opacity));
}

.e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']):hover a:not(.e-common-button, .e-icon-button):not([data-disabled]), .e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']):hover button:not(.e-common-button, .e-icon-button):not([data-disabled]), .e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']):hover [role='button']:not(.e-common-button, .e-icon-button):not([data-disabled]), .e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']):hover [role='link']:not(.e-common-button, .e-icon-button):not([data-disabled]){
	--tw-text-opacity:
		1;
	color:
		rgb(32 102 236 / var(--tw-text-opacity));
}

.e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']) a:not(.e-common-button, .e-icon-button):not([data-disabled]), .e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']) button:not(.e-common-button, .e-icon-button):not([data-disabled]), .e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']) [role='button']:not(.e-common-button, .e-icon-button):not([data-disabled]), .e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']) [role='link']:not(.e-common-button, .e-icon-button):not([data-disabled]){
	font-weight:
		600;
}

.e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']) a:not(.e-common-button, .e-icon-button):hover:not([data-disabled]), .e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']) button:not(.e-common-button, .e-icon-button):hover:not([data-disabled]), .e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']) [role='button']:not(.e-common-button, .e-icon-button):hover:not([data-disabled]), .e-data-table[data-variant='board'] tbody tr:not(.e-data-table[data-variant='board'] tbody tr[data-empty='true']) [role='link']:not(.e-common-button, .e-icon-button):hover:not([data-disabled]){
	text-decoration-line:
		underline;
}

.e-data-table[data-variant='rounded'] thead tr th:first-child{
	border-top-left-radius:
		1.6rem;
	border-bottom-left-radius:
		1.6rem;
}

.e-data-table[data-variant='rounded'] thead tr th:last-child{
	border-top-right-radius:
		1.6rem;
	border-bottom-right-radius:
		1.6rem;
}

/* .e-dt-cell-wrapper {
	@apply flex w-full items-center;
	@apply overflow-hidden;

	height: var(--dt-row-height, 100%);
	min-height: var(--dt-row-min-height, auto);
	justify-content: var(--dt-cell-justify-content);
	text-align: var(--dt-cell-text-align);
} */

/* .e-dt-header { }
.e-dt-h-row { }
.e-dt-h-cell { } */

/* .e-dt-body { }
.e-dt-b-row { }
.e-dt-b-cell { } */

/* .e-dt-pinned-col { } */

.e-dt-pinned-left-edge{
	border-right-width:
		0.1rem;
	--tw-border-opacity:
		1;
	border-color:
		rgb(250 250 250 / var(--tw-border-opacity));
}

.e-dt-pinned-right-edge{
	border-left-width:
		0.1rem;
	--tw-border-opacity:
		1;
	border-color:
		rgb(250 250 250 / var(--tw-border-opacity));
}

/* @import './toggle/toggle.css'; */

/* @import './toast/toast.css'; */

.e-tooltip-content{
	z-index:
		var(--z-index-tooltip, 1800);
}

.e-tooltip-content[data-variant='dark']{
	border-radius:
		0.8rem;
	--tw-bg-opacity:
		1;
	background-color:
		rgb(51 51 51 / var(--tw-bg-opacity));
	padding-left:
		0.8rem;
	padding-right:
		0.8rem;
	padding-top:
		0.6rem;
	padding-bottom:
		0.6rem;
	--tw-text-opacity:
		1;
	color:
		rgb(255 255 255 / var(--tw-text-opacity));
	font-family:
		NotoSans;
	font-size:
		1.4rem;
	font-style:
		normal;
	line-height:
		1.9rem;
	font-weight:
		600;
}

.e-tooltip-content[data-variant='dark'] .e-tooltip-arrow{
	--tw-text-opacity:
		1;
	color:
		rgb(51 51 51 / var(--tw-text-opacity));
}

.e-tooltip-content[data-variant='light']{
	border-radius:
		0.8rem;
	border-width:
		0.1rem;
	--tw-border-opacity:
		1;
	border-color:
		rgb(51 51 51 / var(--tw-border-opacity));
	--tw-bg-opacity:
		1;
	background-color:
		rgb(255 255 255 / var(--tw-bg-opacity));
	padding-left:
		0.8rem;
	padding-right:
		0.8rem;
	padding-top:
		0.6rem;
	padding-bottom:
		0.6rem;
	--tw-shadow:
		0 0 12px rgba(0 0 0 / 0.12);
	--tw-shadow-colored:
		0 0 12px var(--tw-shadow-color);
	box-shadow:
		var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	font-family:
		NotoSans;
	font-size:
		1.4rem;
	font-style:
		normal;
	line-height:
		1.9rem;
	font-weight:
		600;
}

.e-tooltip-content[data-variant='light'] .e-tooltip-arrow{
	--tw-text-opacity:
		1;
	color:
		rgb(51 51 51 / var(--tw-text-opacity));
}

/* @import './vis/vis.css'; */

/* Tailwind Utility Classes */

.\!pointer-events-none{
	pointer-events:
		none !important;
}

.pointer-events-none{
	pointer-events:
		none;
}

.invisible{
	visibility:
		hidden;
}

.fixed{
	position:
		fixed;
}

.absolute{
	position:
		absolute;
}

.relative{
	position:
		relative;
}

.sticky{
	position:
		sticky;
}

.inset-0{
	inset:
		0;
}

.inset-6{
	inset:
		0.6rem;
}

.-bottom-40{
	bottom:
		-4rem;
}

.-left-70{
	left:
		-7rem;
}

.-right-60{
	right:
		-6rem;
}

.-top-65{
	top:
		-6.5rem;
}

.bottom-0{
	bottom:
		0;
}

.bottom-\[-5px\]{
	bottom:
		-5px;
}

.bottom-\[calc\(50\%-200px\)\]{
	bottom:
		calc(50% - 200px);
}

.left-0{
	left:
		0;
}

.left-1\/2{
	left:
		50%;
}

.left-10{
	left:
		1rem;
}

.left-\[50\%\]{
	left:
		50%;
}

.right-0{
	right:
		0;
}

.right-10{
	right:
		1rem;
}

.right-22{
	right:
		2.2rem;
}

.right-24{
	right:
		2.4rem;
}

.right-\[-70px\]{
	right:
		-70px;
}

.top-0{
	top:
		0;
}

.top-1\/2{
	top:
		50%;
}

.top-24{
	top:
		2.4rem;
}

.top-74{
	top:
		7.4rem;
}

.top-\[50\%\]{
	top:
		50%;
}

.z-\[-1\]{
	z-index:
		-1;
}

.z-fixed_button{
	z-index:
		var(--z-index-fixed_button, 10);
}

.z-header{
	z-index:
		var(--z-index-header, 100);
}

.z-popper{
	z-index:
		var(--z-index-popper, 1400);
}

.z-popup{
	z-index:
		var(--z-index-popup, 1051);
}

.mx-140{
	margin-left:
		14rem;
	margin-right:
		14rem;
}

.mx-20{
	margin-left:
		2rem;
	margin-right:
		2rem;
}

.mx-25{
	margin-left:
		2.5rem;
	margin-right:
		2.5rem;
}

.mx-auto{
	margin-left:
		auto;
	margin-right:
		auto;
}

.my-40{
	margin-top:
		4rem;
	margin-bottom:
		4rem;
}

.mb-0{
	margin-bottom:
		0;
}

.mb-20{
	margin-bottom:
		2rem;
}

.mb-26{
	margin-bottom:
		2.6rem;
}

.mb-28{
	margin-bottom:
		2.8rem;
}

.mb-30{
	margin-bottom:
		3rem;
}

.mb-35{
	margin-bottom:
		3.5rem;
}

.mb-40{
	margin-bottom:
		4rem;
}

.mb-50{
	margin-bottom:
		5rem;
}

.mb-6{
	margin-bottom:
		0.6rem;
}

.mb-80{
	margin-bottom:
		8rem;
}

.ml-14{
	margin-left:
		1.4rem;
}

.ml-20{
	margin-left:
		2rem;
}

.ml-25{
	margin-left:
		2.5rem;
}

.ml-30{
	margin-left:
		3rem;
}

.ml-4{
	margin-left:
		0.4rem;
}

.ml-40{
	margin-left:
		4rem;
}

.ml-42{
	margin-left:
		4.2rem;
}

.ml-8{
	margin-left:
		0.8rem;
}

.mr-12{
	margin-right:
		1.2rem;
}

.mr-16{
	margin-right:
		1.6rem;
}

.mr-20{
	margin-right:
		2rem;
}

.mr-24{
	margin-right:
		2.4rem;
}

.mr-4{
	margin-right:
		0.4rem;
}

.mr-40{
	margin-right:
		4rem;
}

.mr-5{
	margin-right:
		0.5rem;
}

.mr-8{
	margin-right:
		0.8rem;
}

.mt-10{
	margin-top:
		1rem;
}

.mt-100{
	margin-top:
		10rem;
}

.mt-12{
	margin-top:
		1.2rem;
}

.mt-14{
	margin-top:
		1.4rem;
}

.mt-150{
	margin-top:
		15rem;
}

.mt-16{
	margin-top:
		1.6rem;
}

.mt-160{
	margin-top:
		16rem;
}

.mt-17{
	margin-top:
		1.7rem;
}

.mt-170{
	margin-top:
		17rem;
}

.mt-180{
	margin-top:
		18rem;
}

.mt-20{
	margin-top:
		2rem;
}

.mt-23{
	margin-top:
		2.3rem;
}

.mt-24{
	margin-top:
		2.4rem;
}

.mt-28{
	margin-top:
		2.8rem;
}

.mt-30{
	margin-top:
		3rem;
}

.mt-34{
	margin-top:
		3.4rem;
}

.mt-36{
	margin-top:
		3.6rem;
}

.mt-38{
	margin-top:
		3.8rem;
}

.mt-40{
	margin-top:
		4rem;
}

.mt-5{
	margin-top:
		0.5rem;
}

.mt-6{
	margin-top:
		0.6rem;
}

.mt-60{
	margin-top:
		6rem;
}

.mt-66{
	margin-top:
		6.6rem;
}

.mt-74{
	margin-top:
		7.4rem;
}

.mt-8{
	margin-top:
		0.8rem;
}

.mt-80{
	margin-top:
		8rem;
}

.mt-85{
	margin-top:
		8.5rem;
}

.block{
	display:
		block;
}

.inline-block{
	display:
		inline-block;
}

.flex{
	display:
		flex;
}

.inline-flex{
	display:
		inline-flex;
}

.table{
	display:
		table;
}

.grid{
	display:
		grid;
}

.inline-grid{
	display:
		inline-grid;
}

.hidden{
	display:
		none;
}

.aspect-\[16\/9\]{
	aspect-ratio:
		16/9;
}

.size-10{
	width:
		1rem;
	height:
		1rem;
}

.size-14{
	width:
		1.4rem;
	height:
		1.4rem;
}

.size-16{
	width:
		1.6rem;
	height:
		1.6rem;
}

.size-18{
	width:
		1.8rem;
	height:
		1.8rem;
}

.size-22{
	width:
		2.2rem;
	height:
		2.2rem;
}

.size-24{
	width:
		2.4rem;
	height:
		2.4rem;
}

.size-32{
	width:
		3.2rem;
	height:
		3.2rem;
}

.size-40{
	width:
		4rem;
	height:
		4rem;
}

.size-full{
	width:
		100%;
	height:
		100%;
}

.h-10{
	height:
		1rem;
}

.h-12{
	height:
		1.2rem;
}

.h-16{
	height:
		1.6rem;
}

.h-160{
	height:
		16rem;
}

.h-18{
	height:
		1.8rem;
}

.h-180{
	height:
		18rem;
}

.h-20{
	height:
		2rem;
}

.h-24{
	height:
		2.4rem;
}

.h-250{
	height:
		25rem;
}

.h-300{
	height:
		30rem;
}

.h-32{
	height:
		3.2rem;
}

.h-34{
	height:
		3.4rem;
}

.h-37{
	height:
		3.7rem;
}

.h-40{
	height:
		4rem;
}

.h-42{
	height:
		4.2rem;
}

.h-46{
	height:
		4.6rem;
}

.h-48{
	height:
		4.8rem;
}

.h-5{
	height:
		0.5rem;
}

.h-50{
	height:
		5rem;
}

.h-55{
	height:
		5.5rem;
}

.h-56{
	height:
		5.6rem;
}

.h-60{
	height:
		6rem;
}

.h-62{
	height:
		6.2rem;
}

.h-64{
	height:
		6.4rem;
}

.h-70{
	height:
		7rem;
}

.h-74{
	height:
		7.4rem;
}

.h-80{
	height:
		8rem;
}

.h-84{
	height:
		8.4rem;
}

.h-\[204px\]{
	height:
		204px;
}

.h-\[48px\]{
	height:
		48px;
}

.h-auto{
	height:
		auto;
}

.h-fit{
	height:
		-moz-fit-content;
	height:
		fit-content;
}

.h-full{
	height:
		100%;
}

.h-pc-hero-height{
	height:
		var(--pc-hero-height, 83rem);
}

.max-h-100{
	max-height:
		10rem;
}

.min-h-640{
	min-height:
		64rem;
}

.min-h-680{
	min-height:
		68rem;
}

.min-h-full{
	min-height:
		100%;
}

.min-h-screen{
	min-height:
		100vh;
}

.w-1{
	width:
		0.1rem;
}

.w-1\/2{
	width:
		50%;
}

.w-100{
	width:
		10rem;
}

.w-24{
	width:
		2.4rem;
}

.w-260{
	width:
		26rem;
}

.w-280{
	width:
		28rem;
}

.w-3{
	width:
		0.3rem;
}

.w-32{
	width:
		3.2rem;
}

.w-360{
	width:
		36rem;
}

.w-43{
	width:
		4.3rem;
}

.w-430{
	width:
		43rem;
}

.w-50{
	width:
		5rem;
}

.w-6{
	width:
		0.6rem;
}

.w-60{
	width:
		6rem;
}

.w-70{
	width:
		7rem;
}

.w-82{
	width:
		8.2rem;
}

.w-860{
	width:
		86rem;
}

.w-97{
	width:
		9.7rem;
}

.w-\[11px\]{
	width:
		11px;
}

.w-\[90\%\]{
	width:
		90%;
}

.w-\[calc\(100\%-154px\)\]{
	width:
		calc(100% - 154px);
}

.w-\[calc\(100\%-32px\)\]{
	width:
		calc(100% - 32px);
}

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

.w-full{
	width:
		100%;
}

.max-w-130{
	max-width:
		13rem;
}

.max-w-250{
	max-width:
		25rem;
}

.max-w-330{
	max-width:
		33rem;
}

.max-w-350{
	max-width:
		35rem;
}

.max-w-360{
	max-width:
		36rem;
}

.max-w-400{
	max-width:
		40rem;
}

.max-w-420{
	max-width:
		42rem;
}

.max-w-450{
	max-width:
		45rem;
}

.max-w-500{
	max-width:
		50rem;
}

.max-w-540{
	max-width:
		54rem;
}

.max-w-640{
	max-width:
		64rem;
}

.max-w-680{
	max-width:
		68rem;
}

.max-w-700{
	max-width:
		70rem;
}

.max-w-800{
	max-width:
		80rem;
}

.max-w-860{
	max-width:
		86rem;
}

.max-w-900{
	max-width:
		90rem;
}

.max-w-\[244px\]{
	max-width:
		244px;
}

.max-w-full{
	max-width:
		100%;
}

.max-w-mobile-title-width{
	max-width:
		var(--mobile-title-width, 51rem);
}

.max-w-pc-footer-width{
	max-width:
		var(--pc-footer-width, 107.4rem);
}

.max-w-pc-layout-width{
	max-width:
		var(--pc-layout-width, 102.4rem);
}

.max-w-pc-map-width{
	max-width:
		var(--pc-map-width, 130rem);
}

.max-w-pc-title-width{
	max-width:
		var(--pc-title-width, 90rem);
}

.flex-1{
	flex:
		1 1 0%;
}

.shrink-0{
	flex-shrink:
		0;
}

.grow{
	flex-grow:
		1;
}

.basis-full{
	flex-basis:
		100%;
}

.-translate-x-1\/2{
	--tw-translate-x:
		-50%;
	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));
}

.-translate-y-1\/2{
	--tw-translate-y:
		-50%;
	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));
}

.rotate-90{
	--tw-rotate:
		90deg;
	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));
}

.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));
}

@keyframes flow-content{

	0%{
		transform:
		translate3d(0%, 36%, 0);
	}

	100%{
		transform:
		translate3d(0, -100%, 0);
	}
}

.animate-flow-content{
	animation:
		flow-content 10s linear infinite;
}

.cursor-not-allowed{
	cursor:
		not-allowed;
}

.cursor-pointer{
	cursor:
		pointer;
}

.resize-none{
	resize:
		none;
}

.snap-start{
	scroll-snap-align:
		start;
}

.list-disc{
	list-style-type:
		disc;
}

.list-none{
	list-style-type:
		none;
}

.grid-cols-4{
	grid-template-columns:
		repeat(4, minmax(0, 1fr));
}

.grid-cols-6{
	grid-template-columns:
		repeat(6, minmax(0, 1fr));
}

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

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

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

.items-start{
	align-items:
		flex-start;
}

.items-end{
	align-items:
		flex-end;
}

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

.items-stretch{
	align-items:
		stretch;
}

.justify-start{
	justify-content:
		flex-start;
}

.justify-end{
	justify-content:
		flex-end;
}

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

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

.justify-evenly{
	justify-content:
		space-evenly;
}

.gap-10{
	gap:
		1rem;
}

.gap-20{
	gap:
		2rem;
}

.gap-24{
	gap:
		2.4rem;
}

.gap-32{
	gap:
		3.2rem;
}

.gap-4{
	gap:
		0.4rem;
}

.gap-8{
	gap:
		0.8rem;
}

.gap-x-10{
	-moz-column-gap:
		1rem;
	     column-gap:
		1rem;
}

.gap-x-30{
	-moz-column-gap:
		3rem;
	     column-gap:
		3rem;
}

.gap-x-34{
	-moz-column-gap:
		3.4rem;
	     column-gap:
		3.4rem;
}

.gap-x-4{
	-moz-column-gap:
		0.4rem;
	     column-gap:
		0.4rem;
}

.gap-x-40{
	-moz-column-gap:
		4rem;
	     column-gap:
		4rem;
}

.gap-x-6{
	-moz-column-gap:
		0.6rem;
	     column-gap:
		0.6rem;
}

.gap-x-70{
	-moz-column-gap:
		7rem;
	     column-gap:
		7rem;
}

.gap-x-80{
	-moz-column-gap:
		8rem;
	     column-gap:
		8rem;
}

.gap-x-90{
	-moz-column-gap:
		9rem;
	     column-gap:
		9rem;
}

.gap-y-30{
	row-gap:
		3rem;
}

.gap-y-34{
	row-gap:
		3.4rem;
}

.gap-y-80{
	row-gap:
		8rem;
}

.space-x-36 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse:
		0;
	margin-right:
		calc(3.6rem * var(--tw-space-x-reverse));
	margin-left:
		calc(3.6rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-60 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse:
		0;
	margin-right:
		calc(6rem * var(--tw-space-x-reverse));
	margin-left:
		calc(6rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-40 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse:
		0;
	margin-top:
		calc(4rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:
		calc(4rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse:
		0;
	margin-top:
		calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:
		calc(0.5rem * var(--tw-space-y-reverse));
}

.overflow-hidden{
	overflow:
		hidden;
}

.overflow-visible{
	overflow:
		visible;
}

.overflow-x-hidden{
	overflow-x:
		hidden;
}

.truncate{
	overflow:
		hidden;
	text-overflow:
		ellipsis;
	white-space:
		nowrap;
}

.rounded-10{
	border-radius:
		1rem;
}

.rounded-16{
	border-radius:
		1.6rem;
}

.rounded-18{
	border-radius:
		1.8rem;
}

.rounded-4{
	border-radius:
		0.4rem;
}

.rounded-6{
	border-radius:
		0.6rem;
}

.rounded-8{
	border-radius:
		0.8rem;
}

.rounded-full{
	border-radius:
		9999px;
}

.border{
	border-width:
		0.1rem;
}

.border-2{
	border-width:
		0.2rem;
}

.border-3{
	border-width:
		0.3rem;
}

.border-b{
	border-bottom-width:
		0.1rem;
}

.border-b-2{
	border-bottom-width:
		0.2rem;
}

.border-b-3{
	border-bottom-width:
		0.3rem;
}

.border-l{
	border-left-width:
		0.1rem;
}

.border-r{
	border-right-width:
		0.1rem;
}

.border-t{
	border-top-width:
		0.1rem;
}

.border-t-2{
	border-top-width:
		0.2rem;
}

.border-\[\#f6f6f6\]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(246 246 246 / var(--tw-border-opacity));
}

.border-base-150{
	--tw-border-opacity:
		1;
	border-color:
		rgb(236 236 236 / var(--tw-border-opacity));
}

.border-base-200{
	--tw-border-opacity:
		1;
	border-color:
		rgb(226 226 226 / var(--tw-border-opacity));
}

.border-base-400{
	--tw-border-opacity:
		1;
	border-color:
		rgb(204 204 204 / var(--tw-border-opacity));
}

.border-base-500{
	--tw-border-opacity:
		1;
	border-color:
		rgb(140 140 140 / var(--tw-border-opacity));
}

.border-base-600{
	--tw-border-opacity:
		1;
	border-color:
		rgb(102 102 102 / var(--tw-border-opacity));
}

.border-base-700{
	--tw-border-opacity:
		1;
	border-color:
		rgb(51 51 51 / var(--tw-border-opacity));
}

.border-base-900{
	--tw-border-opacity:
		1;
	border-color:
		rgb(17 17 17 / var(--tw-border-opacity));
}

.border-black{
	--tw-border-opacity:
		1;
	border-color:
		rgb(0 0 0 / var(--tw-border-opacity));
}

.border-black100{
	--tw-border-opacity:
		1;
	border-color:
		rgb(24 24 22 / var(--tw-border-opacity));
}

.border-header-border{
	--tw-border-opacity:
		1;
	border-color:
		rgb(246 247 249 / var(--tw-border-opacity));
}

.border-b-white\/0{
	border-bottom-color:
		rgb(255 255 255 / 0);
}

.bg-\[\#0c6639\]{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(12 102 57 / var(--tw-bg-opacity));
}

.bg-\[\#72DBDB\]{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(114 219 219 / var(--tw-bg-opacity));
}

.bg-\[\#B4B2FF\]{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(180 178 255 / var(--tw-bg-opacity));
}

.bg-\[\#FFB28D\]{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(255 178 141 / var(--tw-bg-opacity));
}

.bg-\[\#fdf3d0\]{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(253 243 208 / var(--tw-bg-opacity));
}

.bg-\[rgba\(56\2c 56\2c 56\2c 0\.8\)\]{
	background-color:
		rgba(56,56,56,0.8);
}

.bg-base-100{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(242 242 242 / var(--tw-bg-opacity));
}

.bg-base-150{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(236 236 236 / var(--tw-bg-opacity));
}

.bg-base-400{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(204 204 204 / var(--tw-bg-opacity));
}

.bg-base-700{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(51 51 51 / var(--tw-bg-opacity));
}

.bg-base100{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-base200{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(199 199 199 / var(--tw-bg-opacity));
}

.bg-black\/30{
	background-color:
		rgb(0 0 0 / 0.3);
}

.bg-black\/55{
	background-color:
		rgb(0 0 0 / 0.55);
}

.bg-black\/60{
	background-color:
		rgb(0 0 0 / 0.6);
}

.bg-line{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(246 247 249 / var(--tw-bg-opacity));
}

.bg-link{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(214 35 22 / var(--tw-bg-opacity));
}

.bg-orange{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(255 157 122 / var(--tw-bg-opacity));
}

.bg-white{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white100{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(234 244 248 / var(--tw-bg-opacity));
}

.bg-yellow300{
	--tw-bg-opacity:
		1;
	background-color:
		rgb(254 224 83 / var(--tw-bg-opacity));
}

.bg-idDcosSection{
	background-image:
		url('/assets/images/docs/bg_term_visual.png');
}

.bg-idHeroSection{
	background-image:
		url('/assets/images/ind/main/bg_main_visual.png');
}

.bg-myHeroSection{
	background-image:
		url('/assets/images/may/main/hero_bg.png');
}

.bg-\[length\:auto_100\%\]{
	background-size:
		auto 100%;
}

.bg-contain{
	background-size:
		contain;
}

.bg-cover{
	background-size:
		cover;
}

.bg-bottom{
	background-position:
		bottom;
}

.bg-center{
	background-position:
		center;
}

.bg-no-repeat{
	background-repeat:
		no-repeat;
}

.bg-repeat-x{
	background-repeat:
		repeat-x;
}

.object-contain{
	-o-object-fit:
		contain;
	   object-fit:
		contain;
}

.object-cover{
	-o-object-fit:
		cover;
	   object-fit:
		cover;
}

.object-fill{
	-o-object-fit:
		fill;
	   object-fit:
		fill;
}

.object-top{
	-o-object-position:
		top;
	   object-position:
		top;
}

.p-25{
	padding:
		2.5rem;
}

.p-30{
	padding:
		3rem;
}

.p-4{
	padding:
		0.4rem;
}

.px-10{
	padding-left:
		1rem;
	padding-right:
		1rem;
}

.px-12{
	padding-left:
		1.2rem;
	padding-right:
		1.2rem;
}

.px-16{
	padding-left:
		1.6rem;
	padding-right:
		1.6rem;
}

.px-18{
	padding-left:
		1.8rem;
	padding-right:
		1.8rem;
}

.px-22{
	padding-left:
		2.2rem;
	padding-right:
		2.2rem;
}

.px-25{
	padding-left:
		2.5rem;
	padding-right:
		2.5rem;
}

.px-28{
	padding-left:
		2.8rem;
	padding-right:
		2.8rem;
}

.px-30{
	padding-left:
		3rem;
	padding-right:
		3rem;
}

.px-32{
	padding-left:
		3.2rem;
	padding-right:
		3.2rem;
}

.px-40{
	padding-left:
		4rem;
	padding-right:
		4rem;
}

.px-45{
	padding-left:
		4.5rem;
	padding-right:
		4.5rem;
}

.px-6{
	padding-left:
		0.6rem;
	padding-right:
		0.6rem;
}

.px-8{
	padding-left:
		0.8rem;
	padding-right:
		0.8rem;
}

.py-10{
	padding-top:
		1rem;
	padding-bottom:
		1rem;
}

.py-100{
	padding-top:
		10rem;
	padding-bottom:
		10rem;
}

.py-12{
	padding-top:
		1.2rem;
	padding-bottom:
		1.2rem;
}

.py-14{
	padding-top:
		1.4rem;
	padding-bottom:
		1.4rem;
}

.py-140{
	padding-top:
		14rem;
	padding-bottom:
		14rem;
}

.py-150{
	padding-top:
		15rem;
	padding-bottom:
		15rem;
}

.py-170{
	padding-top:
		17rem;
	padding-bottom:
		17rem;
}

.py-20{
	padding-top:
		2rem;
	padding-bottom:
		2rem;
}

.py-200{
	padding-top:
		20rem;
	padding-bottom:
		20rem;
}

.py-22{
	padding-top:
		2.2rem;
	padding-bottom:
		2.2rem;
}

.py-230{
	padding-top:
		23rem;
	padding-bottom:
		23rem;
}

.py-250{
	padding-top:
		25rem;
	padding-bottom:
		25rem;
}

.py-35{
	padding-top:
		3.5rem;
	padding-bottom:
		3.5rem;
}

.py-4{
	padding-top:
		0.4rem;
	padding-bottom:
		0.4rem;
}

.py-50{
	padding-top:
		5rem;
	padding-bottom:
		5rem;
}

.py-60{
	padding-top:
		6rem;
	padding-bottom:
		6rem;
}

.py-76{
	padding-top:
		7.6rem;
	padding-bottom:
		7.6rem;
}

.py-92{
	padding-top:
		9.2rem;
	padding-bottom:
		9.2rem;
}

.py-96{
	padding-top:
		9.6rem;
	padding-bottom:
		9.6rem;
}

.pb-120{
	padding-bottom:
		12rem;
}

.pb-24{
	padding-bottom:
		2.4rem;
}

.pb-4{
	padding-bottom:
		0.4rem;
}

.pb-40{
	padding-bottom:
		4rem;
}

.pb-55{
	padding-bottom:
		5.5rem;
}

.pl-10{
	padding-left:
		1rem;
}

.pl-4{
	padding-left:
		0.4rem;
}

.pl-62{
	padding-left:
		6.2rem;
}

.pl-65{
	padding-left:
		6.5rem;
}

.pl-8{
	padding-left:
		0.8rem;
}

.pr-10{
	padding-right:
		1rem;
}

.pr-24{
	padding-right:
		2.4rem;
}

.pr-300{
	padding-right:
		30rem;
}

.pr-320{
	padding-right:
		32rem;
}

.pt-10{
	padding-top:
		1rem;
}

.pt-100{
	padding-top:
		10rem;
}

.pt-560{
	padding-top:
		56rem;
}

.pt-6{
	padding-top:
		0.6rem;
}

.pt-600{
	padding-top:
		60rem;
}

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

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

.align-middle{
	vertical-align:
		middle;
}

.font-bold{
	font-weight:
		700;
}

.uppercase{
	text-transform:
		uppercase;
}

.\!italic{
	font-style:
		italic !important;
}

.\!leading-\[1\.6\]{
	line-height:
		1.6 !important;
}

.text-base-600{
	--tw-text-opacity:
		1;
	color:
		rgb(102 102 102 / var(--tw-text-opacity));
}

.text-base-800{
	--tw-text-opacity:
		1;
	color:
		rgb(34 34 34 / var(--tw-text-opacity));
}

.text-base-900{
	--tw-text-opacity:
		1;
	color:
		rgb(17 17 17 / var(--tw-text-opacity));
}

.text-black{
	--tw-text-opacity:
		1;
	color:
		rgb(0 0 0 / var(--tw-text-opacity));
}

.text-current{
	color:
		currentColor;
}

.text-red{
	--tw-text-opacity:
		1;
	color:
		rgb(179 23 0 / var(--tw-text-opacity));
}

.text-white{
	--tw-text-opacity:
		1;
	color:
		rgb(255 255 255 / var(--tw-text-opacity));
}

.text-opacity-50{
	--tw-text-opacity:
		0.5;
}

.underline{
	text-decoration-line:
		underline;
}

.opacity-100{
	opacity:
		1;
}

.opacity-30{
	opacity:
		0.3;
}

.shadow-card{
	--tw-shadow:
		0 4px 8px 0 rgba(0, 0, 0, 0.15);
	--tw-shadow-colored:
		0 4px 8px 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);
}

.shadow-nav-bottom{
	--tw-shadow:
		0 3px 6px rgba(0, 0, 0, 0.1);
	--tw-shadow-colored:
		0 3px 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);
}

.outline{
	outline-style:
		solid;
}

.blur{
	--tw-blur:
		blur(8px);
	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);
}

.filter{
	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);
}

.backdrop-filter{
	-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);
	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);
}

.transition{
	transition-property:
		color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property:
		color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property:
		color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function:
		cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:
		150ms;
}

.transition-all{
	transition-property:
		all;
	transition-timing-function:
		cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:
		150ms;
}

.transition-transform{
	transition-property:
		transform;
	transition-timing-function:
		cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:
		150ms;
}

.duration-200{
	transition-duration:
		200ms;
}

.flex-center{
	display:
		flex;
	align-items:
		center;
	justify-content:
		center;
}

.focus-ring{
	outline:
		solid 0.3rem #0094ff;
	outline-offset:
		0.2rem;
}

.focus-ring-light{
	outline:
		solid 0.3rem #08e1ff;
	outline-offset:
		0.2rem;
}

.focus-ring-inner{
	outline:
		solid 0.3rem #0094ff;
	outline-offset:
		-0.3rem;
}

.focus-ring-inner-light{
	outline:
		solid 0.3rem #08e1ff;
	outline-offset:
		-0.3rem;
}

.h1-b{
	font-family:
		NotoSans;
	font-size:
		6.4rem;
	font-style:
		normal;
	line-height:
		7.2rem;
	font-weight:
		700;
}

.h2-b{
	font-family:
		NotoSans;
	font-size:
		5.6rem;
	font-style:
		normal;
	line-height:
		5.8rem;
	font-weight:
		700;
}

.h3-b{
	font-family:
		NotoSans;
	font-size:
		4.8rem;
	font-style:
		normal;
	line-height:
		6.4rem;
	font-weight:
		700;
}

.t20-b{
	font-family:
		NotoSans;
	font-size:
		2rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		700;
}

.t20-r{
	font-family:
		NotoSans;
	font-size:
		2rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		400;
}

.t23-b{
	font-family:
		NotoSans;
	font-size:
		2.3rem;
	font-style:
		normal;
	line-height:
		3.4rem;
	font-weight:
		700;
}

.t23-r{
	font-family:
		NotoSans;
	font-size:
		2.3rem;
	font-style:
		normal;
	line-height:
		3.4rem;
	font-weight:
		400;
}

.t25-b{
	font-family:
		NotoSans;
	font-size:
		2.5rem;
	font-style:
		normal;
	line-height:
		3.6rem;
	font-weight:
		700;
}

.t25-r{
	font-family:
		NotoSans;
	font-size:
		2.5rem;
	font-style:
		normal;
	line-height:
		3.6rem;
	font-weight:
		400;
}

.t30-b{
	font-family:
		NotoSans;
	font-size:
		3rem;
	font-style:
		normal;
	line-height:
		4rem;
	font-weight:
		700;
}

.t30-r{
	font-family:
		NotoSans;
	font-size:
		3rem;
	font-style:
		normal;
	line-height:
		4rem;
	font-weight:
		400;
}

.t32-r{
	font-family:
		NotoSans;
	font-size:
		3.2rem;
	font-style:
		normal;
	line-height:
		4.4rem;
	font-weight:
		400;
}

.t38-b{
	font-family:
		NotoSans;
	font-size:
		3.8rem;
	font-style:
		normal;
	line-height:
		5.2rem;
	font-weight:
		700;
}

.t40-b{
	font-family:
		NotoSans;
	font-size:
		4rem;
	font-style:
		normal;
	line-height:
		5.6rem;
	font-weight:
		700;
}

.t46-b{
	font-family:
		NotoSans;
	font-size:
		4.6rem;
	font-style:
		normal;
	line-height:
		6.2rem;
	font-weight:
		700;
}

.t50-bl{
	font-family:
		NotoSans;
	font-size:
		5rem;
	font-style:
		normal;
	line-height:
		7rem;
	font-weight:
		900;
}

.t50-b{
	font-family:
		NotoSans;
	font-size:
		5rem;
	font-style:
		normal;
	line-height:
		7rem;
	font-weight:
		700;
}

.b18-b{
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		700;
}

.b18-r{
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		400;
}

.b16-b{
	font-family:
		NotoSans;
	font-size:
		1.6rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		700;
}

.b16-r{
	font-family:
		NotoSans;
	font-size:
		1.6rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

.b15-m{
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		600;
}

.b15-r{
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

.b14-m{
	font-family:
		NotoSans;
	font-size:
		1.4rem;
	font-style:
		normal;
	line-height:
		1.9rem;
	font-weight:
		600;
}

.b14-r{
	font-family:
		NotoSans;
	font-size:
		1.4rem;
	font-style:
		normal;
	line-height:
		1.9rem;
	font-weight:
		400;
}

.focus-ring{
	outline:
		solid 0.3rem #0094ff;
	outline-offset:
		0.2rem;
}

.focus-ring-light{
	outline:
		solid 0.3rem #08e1ff;
	outline-offset:
		0.2rem;
}

.focus-ring-inner{
	outline:
		solid 0.3rem #0094ff;
	outline-offset:
		-0.3rem;
}

.focus-ring-inner-light{
	outline:
		solid 0.3rem #08e1ff;
	outline-offset:
		-0.3rem;
}

.h1-b{
	font-family:
		NotoSans;
	font-size:
		6.4rem;
	font-style:
		normal;
	line-height:
		7.2rem;
	font-weight:
		700;
}

.h2-b{
	font-family:
		NotoSans;
	font-size:
		5.6rem;
	font-style:
		normal;
	line-height:
		5.8rem;
	font-weight:
		700;
}

.h3-b{
	font-family:
		NotoSans;
	font-size:
		4.8rem;
	font-style:
		normal;
	line-height:
		6.4rem;
	font-weight:
		700;
}

.t20-b{
	font-family:
		NotoSans;
	font-size:
		2rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		700;
}

.t20-r{
	font-family:
		NotoSans;
	font-size:
		2rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		400;
}

.t23-b{
	font-family:
		NotoSans;
	font-size:
		2.3rem;
	font-style:
		normal;
	line-height:
		3.4rem;
	font-weight:
		700;
}

.t23-r{
	font-family:
		NotoSans;
	font-size:
		2.3rem;
	font-style:
		normal;
	line-height:
		3.4rem;
	font-weight:
		400;
}

.t25-b{
	font-family:
		NotoSans;
	font-size:
		2.5rem;
	font-style:
		normal;
	line-height:
		3.6rem;
	font-weight:
		700;
}

.t25-r{
	font-family:
		NotoSans;
	font-size:
		2.5rem;
	font-style:
		normal;
	line-height:
		3.6rem;
	font-weight:
		400;
}

.t30-b{
	font-family:
		NotoSans;
	font-size:
		3rem;
	font-style:
		normal;
	line-height:
		4rem;
	font-weight:
		700;
}

.t30-r{
	font-family:
		NotoSans;
	font-size:
		3rem;
	font-style:
		normal;
	line-height:
		4rem;
	font-weight:
		400;
}

.t32-r{
	font-family:
		NotoSans;
	font-size:
		3.2rem;
	font-style:
		normal;
	line-height:
		4.4rem;
	font-weight:
		400;
}

.t38-b{
	font-family:
		NotoSans;
	font-size:
		3.8rem;
	font-style:
		normal;
	line-height:
		5.2rem;
	font-weight:
		700;
}

.t40-b{
	font-family:
		NotoSans;
	font-size:
		4rem;
	font-style:
		normal;
	line-height:
		5.6rem;
	font-weight:
		700;
}

.t46-b{
	font-family:
		NotoSans;
	font-size:
		4.6rem;
	font-style:
		normal;
	line-height:
		6.2rem;
	font-weight:
		700;
}

.t50-bl{
	font-family:
		NotoSans;
	font-size:
		5rem;
	font-style:
		normal;
	line-height:
		7rem;
	font-weight:
		900;
}

.t50-b{
	font-family:
		NotoSans;
	font-size:
		5rem;
	font-style:
		normal;
	line-height:
		7rem;
	font-weight:
		700;
}

.b18-b{
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		700;
}

.b18-r{
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		400;
}

.b16-b{
	font-family:
		NotoSans;
	font-size:
		1.6rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		700;
}

.b16-r{
	font-family:
		NotoSans;
	font-size:
		1.6rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

.b15-m{
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		600;
}

.b15-r{
	font-family:
		NotoSans;
	font-size:
		1.5rem;
	font-style:
		normal;
	line-height:
		2.2rem;
	font-weight:
		400;
}

.b14-m{
	font-family:
		NotoSans;
	font-size:
		1.4rem;
	font-style:
		normal;
	line-height:
		1.9rem;
	font-weight:
		600;
}

.b14-r{
	font-family:
		NotoSans;
	font-size:
		1.4rem;
	font-style:
		normal;
	line-height:
		1.9rem;
	font-weight:
		400;
}

.flex-col-center{
	display:
		flex;
	flex-direction:
		column;
	align-items:
		center;
}

.translate-center{
	left:
		50%;
	top:
		50%;
	--tw-translate-x:
		-50%;
	--tw-translate-y:
		-50%;
	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));
}

.first-line\:justify-between::first-line{
	justify-content:
		space-between;
}

.marker\:text-\[1\.2rem\] *::marker{
	font-size:
		1.2rem;
}

.marker\:text-\[1\.5rem\] *::marker{
	font-size:
		1.5rem;
}

.marker\:text-black *::marker{
	color:
		rgb(0 0 0 );
}

.marker\:text-\[1\.2rem\]::marker{
	font-size:
		1.2rem;
}

.marker\:text-\[1\.5rem\]::marker{
	font-size:
		1.5rem;
}

.marker\:text-black::marker{
	color:
		rgb(0 0 0 );
}

.placeholder\:text-base200::-moz-placeholder{
	--tw-text-opacity:
		1;
	color:
		rgb(199 199 199 / var(--tw-text-opacity));
}

.placeholder\:text-base200::placeholder{
	--tw-text-opacity:
		1;
	color:
		rgb(199 199 199 / var(--tw-text-opacity));
}

.placeholder\:t32-r::-moz-placeholder{
	font-family:
		NotoSans;
	font-size:
		3.2rem;
	font-style:
		normal;
	line-height:
		4.4rem;
	font-weight:
		400;
}

.placeholder\:t32-r::placeholder{
	font-family:
		NotoSans;
	font-size:
		3.2rem;
	font-style:
		normal;
	line-height:
		4.4rem;
	font-weight:
		400;
}

.first\:pl-24:first-child{
	padding-left:
		2.4rem;
}

.last\:mb-0:last-child{
	margin-bottom:
		0;
}

.last\:pr-24:last-child{
	padding-right:
		2.4rem;
}

.focus\:outline-none:focus{
	outline:
		2px solid transparent;
	outline-offset:
		2px;
}

.focus\:ring-2:focus{
	--tw-ring-offset-shadow:
		var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow:
		var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow:
		var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.aria-expanded\:b18-b[aria-expanded="true"]{
	font-family:
		NotoSans;
	font-size:
		1.8rem;
	font-style:
		normal;
	line-height:
		2.8rem;
	font-weight:
		700;
}

.data-checked\:border-primary-e[data-checked]{
	--tw-border-opacity:
		1;
	border-color:
		rgb(116 36 248 / var(--tw-border-opacity));
}

.data-enabled\:font-semibold:not([data-disabled]){
	font-weight:
		600;
}

.data-enabled\:hover\:underline:hover:not([data-disabled]){
	text-decoration-line:
		underline;
}

@media (max-width: 1279px){

	.lg\:px-10{
		padding-left:
		1rem;
		padding-right:
		1rem;
	}

	.lg\:first\:pl-20:first-child{
		padding-left:
		2rem;
	}
}

@media (max-width: 1023px){

	.md\:left-15{
		left:
		1.5rem;
	}

	.md\:top-12{
		top:
		1.2rem;
	}

	.md\:order-1{
		order:
		1;
	}

	.md\:order-2{
		order:
		2;
	}

	.md\:order-3{
		order:
		3;
	}

	.md\:order-4{
		order:
		4;
	}

	.md\:m-0{
		margin:
		0;
	}

	.md\:mb-80{
		margin-bottom:
		8rem;
	}

	.md\:mt-0{
		margin-top:
		0;
	}

	.md\:mt-12{
		margin-top:
		1.2rem;
	}

	.md\:mt-18{
		margin-top:
		1.8rem;
	}

	.md\:mt-20{
		margin-top:
		2rem;
	}

	.md\:mt-40{
		margin-top:
		4rem;
	}

	.md\:block{
		display:
		block;
	}

	.md\:hidden{
		display:
		none;
	}

	.md\:h-70{
		height:
		7rem;
	}

	.md\:h-\[207px\]{
		height:
		207px;
	}

	.md\:w-320{
		width:
		32rem;
	}

	.md\:w-\[289px\]{
		width:
		289px;
	}

	.md\:w-full{
		width:
		100%;
	}

	.md\:grid-cols-3{
		grid-template-columns:
		repeat(3, minmax(0, 1fr));
	}

	.md\:flex-col{
		flex-direction:
		column;
	}

	.md\:items-center{
		align-items:
		center;
	}

	.md\:bg-\[\#0C6639\]{
		--tw-bg-opacity:
		1;
		background-color:
		rgb(12 102 57 / var(--tw-bg-opacity));
	}

	.md\:px-20{
		padding-left:
		2rem;
		padding-right:
		2rem;
	}

	.md\:px-25{
		padding-left:
		2.5rem;
		padding-right:
		2.5rem;
	}

	.md\:px-35{
		padding-left:
		3.5rem;
		padding-right:
		3.5rem;
	}

	.md\:py-100{
		padding-top:
		10rem;
		padding-bottom:
		10rem;
	}

	.md\:py-40{
		padding-top:
		4rem;
		padding-bottom:
		4rem;
	}

	.md\:pl-0{
		padding-left:
		0;
	}

	.md\:pt-\[62\%\]{
		padding-top:
		62%;
	}

	.md\:text-left{
		text-align:
		left;
	}

	.md\:text-white{
		--tw-text-opacity:
		1;
		color:
		rgb(255 255 255 / var(--tw-text-opacity));
	}

	.md\:t20-b{
		font-family:
		NotoSans;
		font-size:
		2rem;
		font-style:
		normal;
		line-height:
		2.8rem;
		font-weight:
		700;
	}

	.md\:b16-r{
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}

	.md\:b12-r{
		font-family:
		NotoSans;
		font-size:
		1.2rem;
		font-style:
		normal;
		line-height:
		1.6rem;
		font-weight:
		400;
	}

	.md\:t20-b{
		font-family:
		NotoSans;
		font-size:
		2rem;
		font-style:
		normal;
		line-height:
		2.8rem;
		font-weight:
		700;
	}

	.md\:b16-r{
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}

	.md\:b12-r{
		font-family:
		NotoSans;
		font-size:
		1.2rem;
		font-style:
		normal;
		line-height:
		1.6rem;
		font-weight:
		400;
	}
	.md\:flex-col-center{
		display:
		flex;
		flex-direction:
		column;
		align-items:
		center;
	}
}

@media (max-width: 767px){

	.sm\:order-2{
		order:
		2;
	}

	.sm\:m-0{
		margin:
		0;
	}

	.sm\:mx-20{
		margin-left:
		2rem;
		margin-right:
		2rem;
	}

	.sm\:mx-8{
		margin-left:
		0.8rem;
		margin-right:
		0.8rem;
	}

	.sm\:my-50{
		margin-top:
		5rem;
		margin-bottom:
		5rem;
	}

	.sm\:mb-0{
		margin-bottom:
		0;
	}

	.sm\:mb-12{
		margin-bottom:
		1.2rem;
	}

	.sm\:mb-24{
		margin-bottom:
		2.4rem;
	}

	.sm\:mb-32{
		margin-bottom:
		3.2rem;
	}

	.sm\:mb-40{
		margin-bottom:
		4rem;
	}

	.sm\:ml-0{
		margin-left:
		0;
	}

	.sm\:ml-10{
		margin-left:
		1rem;
	}

	.sm\:ml-14{
		margin-left:
		1.4rem;
	}

	.sm\:mr-10{
		margin-right:
		1rem;
	}

	.sm\:mt-10{
		margin-top:
		1rem;
	}

	.sm\:mt-100{
		margin-top:
		10rem;
	}

	.sm\:mt-12{
		margin-top:
		1.2rem;
	}

	.sm\:mt-16{
		margin-top:
		1.6rem;
	}

	.sm\:mt-20{
		margin-top:
		2rem;
	}

	.sm\:mt-24{
		margin-top:
		2.4rem;
	}

	.sm\:mt-30{
		margin-top:
		3rem;
	}

	.sm\:mt-40{
		margin-top:
		4rem;
	}

	.sm\:mt-50{
		margin-top:
		5rem;
	}

	.sm\:mt-6{
		margin-top:
		0.6rem;
	}

	.sm\:mt-60{
		margin-top:
		6rem;
	}

	.sm\:mt-70{
		margin-top:
		7rem;
	}

	.sm\:mt-80{
		margin-top:
		8rem;
	}

	.sm\:block{
		display:
		block;
	}

	.sm\:hidden{
		display:
		none;
	}

	.sm\:size-12{
		width:
		1.2rem;
		height:
		1.2rem;
	}

	.sm\:size-13{
		width:
		1.3rem;
		height:
		1.3rem;
	}

	.sm\:size-32{
		width:
		3.2rem;
		height:
		3.2rem;
	}

	.sm\:h-100{
		height:
		10rem;
	}

	.sm\:h-40{
		height:
		4rem;
	}

	.sm\:h-42{
		height:
		4.2rem;
	}

	.sm\:h-44{
		height:
		4.4rem;
	}

	.sm\:h-49{
		height:
		4.9rem;
	}

	.sm\:h-\[135vw\]{
		height:
		135vw;
	}

	.sm\:h-auto{
		height:
		auto;
	}

	.sm\:max-h-46{
		max-height:
		4.6rem;
	}

	.sm\:max-h-800{
		max-height:
		80rem;
	}

	.sm\:min-h-580{
		min-height:
		58rem;
	}

	.sm\:min-h-600{
		min-height:
		60rem;
	}

	.sm\:min-h-640{
		min-height:
		64rem;
	}

	.sm\:w-2{
		width:
		0.2rem;
	}

	.sm\:w-39{
		width:
		3.9rem;
	}

	.sm\:w-78{
		width:
		7.8rem;
	}

	.sm\:w-full{
		width:
		100%;
	}

	.sm\:w-mobile-title-width{
		width:
		var(--mobile-title-width, 51rem);
	}

	.sm\:max-w-190{
		max-width:
		19rem;
	}

	.sm\:max-w-270{
		max-width:
		27rem;
	}

	.sm\:max-w-380{
		max-width:
		38rem;
	}

	.sm\:max-w-560{
		max-width:
		56rem;
	}

	.sm\:max-w-83{
		max-width:
		8.3rem;
	}

	.sm\:max-w-mobile-layout-width{
		max-width:
		var(--mobile-layout-width, 56rem);
	}

	.sm\:max-w-mobile-title-width{
		max-width:
		var(--mobile-title-width, 51rem);
	}

	.sm\:grid-cols-2{
		grid-template-columns:
		repeat(2, minmax(0, 1fr));
	}

	.sm\:grid-cols-3{
		grid-template-columns:
		repeat(3, minmax(0, 1fr));
	}

	.sm\:flex-col{
		flex-direction:
		column;
	}

	.sm\:items-start{
		align-items:
		flex-start;
	}

	.sm\:items-center{
		align-items:
		center;
	}

	.sm\:justify-start{
		justify-content:
		flex-start;
	}

	.sm\:justify-center{
		justify-content:
		center;
	}

	.sm\:justify-between{
		justify-content:
		space-between;
	}

	.sm\:gap-0{
		gap:
		0;
	}

	.sm\:gap-10{
		gap:
		1rem;
	}

	.sm\:gap-40{
		gap:
		4rem;
	}

	.sm\:gap-8{
		gap:
		0.8rem;
	}

	.sm\:gap-x-80{
		-moz-column-gap:
		8rem;
		     column-gap:
		8rem;
	}

	.sm\:gap-y-24{
		row-gap:
		2.4rem;
	}

	.sm\:space-x-0 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse:
		0;
		margin-right:
		calc(0px * var(--tw-space-x-reverse));
		margin-left:
		calc(0px * calc(1 - var(--tw-space-x-reverse)));
	}

	.sm\:bg-idHeroMobileSection{
		background-image:
		url('/assets/images/ind/main/bg_main_visual_mobile.png');
	}

	.sm\:bg-myHeroMobileSection{
		background-image:
		url('/assets/images/may/main/hero_bg_m.png');
	}

	.sm\:bg-top{
		background-position:
		top;
	}

	.sm\:px-10{
		padding-left:
		1rem;
		padding-right:
		1rem;
	}

	.sm\:px-20{
		padding-left:
		2rem;
		padding-right:
		2rem;
	}

	.sm\:px-24{
		padding-left:
		2.4rem;
		padding-right:
		2.4rem;
	}

	.sm\:px-25{
		padding-left:
		2.5rem;
		padding-right:
		2.5rem;
	}

	.sm\:px-30{
		padding-left:
		3rem;
		padding-right:
		3rem;
	}

	.sm\:px-35{
		padding-left:
		3.5rem;
		padding-right:
		3.5rem;
	}

	.sm\:py-100{
		padding-top:
		10rem;
		padding-bottom:
		10rem;
	}

	.sm\:py-12{
		padding-top:
		1.2rem;
		padding-bottom:
		1.2rem;
	}

	.sm\:py-150{
		padding-top:
		15rem;
		padding-bottom:
		15rem;
	}

	.sm\:py-20{
		padding-top:
		2rem;
		padding-bottom:
		2rem;
	}

	.sm\:py-80{
		padding-top:
		8rem;
		padding-bottom:
		8rem;
	}

	.sm\:pb-100{
		padding-bottom:
		10rem;
	}

	.sm\:pb-120{
		padding-bottom:
		12rem;
	}

	.sm\:pb-140{
		padding-bottom:
		14rem;
	}

	.sm\:pb-180{
		padding-bottom:
		18rem;
	}

	.sm\:pb-20{
		padding-bottom:
		2rem;
	}

	.sm\:pb-200{
		padding-bottom:
		20rem;
	}

	.sm\:pb-40{
		padding-bottom:
		4rem;
	}

	.sm\:pb-44{
		padding-bottom:
		4.4rem;
	}

	.sm\:pl-0{
		padding-left:
		0;
	}

	.sm\:pl-14{
		padding-left:
		1.4rem;
	}

	.sm\:pl-34{
		padding-left:
		3.4rem;
	}

	.sm\:pr-0{
		padding-right:
		0;
	}

	.sm\:pt-0{
		padding-top:
		0;
	}

	.sm\:pt-100{
		padding-top:
		10rem;
	}

	.sm\:pt-4{
		padding-top:
		0.4rem;
	}

	.sm\:pt-48{
		padding-top:
		4.8rem;
	}

	.sm\:pt-50{
		padding-top:
		5rem;
	}

	.sm\:pt-60{
		padding-top:
		6rem;
	}

	.sm\:pt-\[54vw\]{
		padding-top:
		54vw;
	}

	.sm\:pt-\[60vw\]{
		padding-top:
		60vw;
	}

	.sm\:text-left{
		text-align:
		left;
	}

	.sm\:opacity-0{
		opacity:
		0;
	}

	.sm\:flex-center{
		display:
		flex;
		align-items:
		center;
		justify-content:
		center;
	}

	.sm\:t20-b{
		font-family:
		NotoSans;
		font-size:
		2rem;
		font-style:
		normal;
		line-height:
		2.8rem;
		font-weight:
		700;
	}

	.sm\:t20-r{
		font-family:
		NotoSans;
		font-size:
		2rem;
		font-style:
		normal;
		line-height:
		2.8rem;
		font-weight:
		400;
	}

	.sm\:t23-b{
		font-family:
		NotoSans;
		font-size:
		2.3rem;
		font-style:
		normal;
		line-height:
		3.4rem;
		font-weight:
		700;
	}

	.sm\:b16-b{
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		700;
	}

	.sm\:b16-r{
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}

	.sm\:b14-b{
		font-family:
		NotoSans;
		font-size:
		1.4rem;
		font-style:
		normal;
		line-height:
		1.9rem;
		font-weight:
		700;
	}

	.sm\:b14-r{
		font-family:
		NotoSans;
		font-size:
		1.4rem;
		font-style:
		normal;
		line-height:
		1.9rem;
		font-weight:
		400;
	}

	.sm\:b12-r{
		font-family:
		NotoSans;
		font-size:
		1.2rem;
		font-style:
		normal;
		line-height:
		1.6rem;
		font-weight:
		400;
	}

	.sm\:t20-b{
		font-family:
		NotoSans;
		font-size:
		2rem;
		font-style:
		normal;
		line-height:
		2.8rem;
		font-weight:
		700;
	}

	.sm\:t20-r{
		font-family:
		NotoSans;
		font-size:
		2rem;
		font-style:
		normal;
		line-height:
		2.8rem;
		font-weight:
		400;
	}

	.sm\:t23-b{
		font-family:
		NotoSans;
		font-size:
		2.3rem;
		font-style:
		normal;
		line-height:
		3.4rem;
		font-weight:
		700;
	}

	.sm\:b16-b{
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		700;
	}

	.sm\:b16-r{
		font-family:
		NotoSans;
		font-size:
		1.6rem;
		font-style:
		normal;
		line-height:
		2.2rem;
		font-weight:
		400;
	}

	.sm\:b14-b{
		font-family:
		NotoSans;
		font-size:
		1.4rem;
		font-style:
		normal;
		line-height:
		1.9rem;
		font-weight:
		700;
	}

	.sm\:b14-r{
		font-family:
		NotoSans;
		font-size:
		1.4rem;
		font-style:
		normal;
		line-height:
		1.9rem;
		font-weight:
		400;
	}

	.sm\:b12-r{
		font-family:
		NotoSans;
		font-size:
		1.2rem;
		font-style:
		normal;
		line-height:
		1.6rem;
		font-weight:
		400;
	}
	.sm\:flex-col-center{
		display:
		flex;
		flex-direction:
		column;
		align-items:
		center;
	}
	.sm\:placeholder\:t20-r::-moz-placeholder{
		font-family:
		NotoSans;
		font-size:
		2rem;
		font-style:
		normal;
		line-height:
		2.8rem;
		font-weight:
		400;
	}
	.sm\:placeholder\:t20-r::placeholder{
		font-family:
		NotoSans;
		font-size:
		2rem;
		font-style:
		normal;
		line-height:
		2.8rem;
		font-weight:
		400;
	}
	.sm\:aria-expanded\:b14-b[aria-expanded="true"]{
		font-family:
		NotoSans;
		font-size:
		1.4rem;
		font-style:
		normal;
		line-height:
		1.9rem;
		font-weight:
		700;
	}
}