/* 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-red: #c93a29;
	--color-primary-lms: #bd4233;
	--color-black: #000000;
	--color-white: #ffffff;
	--color-base-10: #fcf7f7;
	--color-base-20: #fafafa;
	--color-base-30: #fafafb;
	--color-base-50: #f5f5f5;
	--color-base-60: #f4f4f4;
	--color-base-70: #f7f7f7;
	--color-base-100: #eceef0;
	--color-base-300: #e9ecef;
	--color-base-400: #dcdedf;
	--color-base-450: #d4d8dd;
	--color-base-500: #c5c9cd;
	--color-base-700: #383838;
	--color-base-900: #141414;
	--color-gray-300: #d3d3d3;
	--color-gray-400: #afafaf;
	--color-gray-500: #9592a0;
	--color-gray-700: #5d5774;
	--color-navi-900: #130f2a;
	--color-red-200: #ffb28d;
	--color-red-250: #ff9c7a;
	--color-red-300: #d52417;
	--color-red-400: #cd5749;
	--color-red-500: #c93a29;
	--color-blue-700: #79ced5;
	--color-blue-750: #72dbdb;
	--color-blue-800: #36a4b0;
	--color-blue-900: #0097d8;
	--color-yellow-100: #fee053;
	--color-yellow-200: #fffe75;
	--color-yellow-300: #ffc21e;
	--color-pastel-purple-400: #b4b2ff;
	--color-pastel-blue-100: #effaff;
	--color-pastel-blue-200: #eaf4f8;

	/* 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-title-width: 90rem;
	--pc-content-width: 148.4rem;
	--pc-window-width: 172.8rem;
	--gnb-height: 7.4rem;

	/* Z-Indices - DO NOT MODIFY HERE!!! */
	--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-header: 100;
	--z-index-fixed-button: 20;
	--z-index-above: 1;
	--z-index-base: 0;
	--z-index-below: -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;
}

@tailwind components;

.img-obj .motion{
	--tw-scale-x: 0;
	--tw-scale-y: 0;
	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));
}

.motion{
	--tw-translate-y: 0.8rem;
	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));
	opacity: 0;
}

.jump {
	animation: jump 0.8s infinite;
}

.jump-and-shake {
	animation: jump-and-shake 1s infinite;
}

.scalePump1 {
	animation: scalePump1 2s infinite;
	z-index: 10;
}

.scalePump2 {
	animation: scalePump2 2.4s infinite;
}

.jump {
	animation: jump 1s infinite;
}

.shake2 {
	animation: shake2 2.4s infinite;
}

@keyframes jump {
	0% {
		transform: translate(0%, 0%);
	}
	50% {
		transform: translate(0%, -10%);
	}
	100% {
		transform: translate(0%, 0%);
	}
}

@keyframes shake {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(4deg);
	}
	50% {
		transform: rotate(-4deg);
	}
	75% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@keyframes shake2 {
	0% {
		transform: rotate(10deg);
	}
	25% {
		transform: rotate(-10deg);
	}
	50% {
		transform: rotate(10deg);
	}
	75% {
		transform: rotate(-10deg);
	}
	100% {
		transform: rotate(10deg);
	}
}

@keyframes jump-and-shake {
	0% {
		transform: translate(-50%, -50%) scale(1, 1);
	}
	50% {
		transform: translate(-50%, -150%) scale(1, 1);
	}
	55% {
		transform: translate(-50%, -150%) rotate(15deg);
	}
	60% {
		transform: translate(-50%, -150%) rotate(-15deg);
	}
	65% {
		transform: translate(-50%, -150%) rotate(15deg);
	}
	70% {
		transform: translate(-50%, -150%) rotate(-15deg);
	}
	100% {
		transform: translate(-50%, -50%) scale(1, 1);
	}
}

@keyframes star {
	0% {
		transform: translate(0, 0);
		opacity: 1;
	}
	100% {
		transform: translate(-10%, 10%);
		opacity: 0;
	}
}

@keyframes spaceship {
	0% {
		transform: translate(0, 20%);
		opacity: 0;
	}
	20% {
		transform: translate(0, 0%);
		opacity: 1;
	}
	35% {
		transform: translate(0, 0%);
		opacity: 1;
	}
	40% {
		transform: translate(33%, -23%) rotate(25deg);
		opacity: 1;
	}
	100% {
		transform: translate(33%, -23%) rotate(25deg);
		opacity: 0;
	}
}

@keyframes scalePump1 {
	0% {
		scale: 0.8;
	}
	25% {
		scale: 1.2;
	}
	50% {
		scale: 0.8;
	}
	75% {
		scale: 1.2;
	}
	100% {
		scale: 0.8;
	}
}

@keyframes scalePump2 {
	0% {
		scale: 1.1;
	}
	25% {
		scale: 0.9;
	}
	50% {
		scale: 1.1;
	}
	75% {
		scale: 0.9;
	}
	100% {
		scale: 1.1;
	}
}

/* Noto Sans */

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

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

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

/* Montserrat */

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

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

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

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

@font-face {
	font-family: 'Montserrat';
	src:
		url('/assets/fonts/Montserrat-700.D9_YRkYw.woff2') format('woff2'),
		url('/assets/fonts/Montserrat-700.wFEXaHGn.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;
}

.container{
	width: 100%;
}

@media (min-width: 769px){

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

@media (min-width: 1081px){

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

@tailwind utilities;

.page-contents{
	width: 100%;
}

.page-contents .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: Montserrat;
	font-size: 5rem;
	font-style: normal;
	line-height: 7rem;
	font-weight: 700;
}

@media (min-width: 1081px){

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

@media (min-width: 769px) and (max-width: 1080px){

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

@media (max-width: 768px){

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

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

@media (min-width: 769px) and (max-width: 1080px){

	.section{
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
}

@media (max-width: 768px){

	.section{
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
}

.section .section-inner{
	width: 100%;
	max-width: var(--pc-content-width, 148.4rem);
	padding-left: 3rem;
	padding-right: 3rem;
}

@media (min-width: 769px) and (max-width: 1080px){

	.section .section-inner{
		padding-left: 6rem;
		padding-right: 6rem;
	}
}

@media (max-width: 768px){

	.section .section-inner{
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.section .title-group{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10rem;
	max-width: var(--pc-title-width, 90rem);
	font-family: Montserrat;
	font-size: 4rem;
	font-style: normal;
	line-height: 5.6rem;
	font-weight: 700;
}

@media (min-width: 769px) and (max-width: 1080px){

	.section .title-group{
		margin-bottom: 4rem;
	}
}

@media (max-width: 768px){

	.section .title-group{
		margin-bottom: 4rem;
	}
}

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

@media (min-width: 769px) and (max-width: 1080px){

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

@media (max-width: 768px){

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

@media (min-width: 769px) and (max-width: 1080px){

	.section .title-group h2{
		font-family: Montserrat;
		font-size: 3.4rem;
		font-style: normal;
		line-height: 4.8rem;
		font-weight: 700;
	}
}

@media (max-width: 768px){

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

.section .title-group h2 + p{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 2rem;
	max-width: var(--pc-title-width, 90rem);
	font-family: Montserrat;
	font-size: 2.3rem;
	font-style: normal;
	line-height: 3.2rem;
	font-weight: 400;
}

@media (min-width: 769px) and (max-width: 1080px){

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

@media (max-width: 768px){

	.section .title-group h2 + p{
		margin-top: 1rem;
		font-family: Montserrat;
		font-size: 1.5rem;
		font-style: normal;
		line-height: 2.1rem;
		font-weight: 400;
	}
}

.motion {
	opacity: 0;
	transform: translate(0, 2rem);
}

.sub h2{
	font-family: Montserrat;
	font-size: 2rem;
	font-style: normal;
	line-height: 2.8rem;
	font-weight: 700;
}

@media (min-width: 1081px){

	.sub h2{
		font-family: Montserrat;
		font-size: 2.8rem;
		font-style: normal;
		line-height: 3.9rem;
		font-weight: 700;
	}
}

@media (max-width: 768px){

	.sub h2{
		margin: 0;
		width: 100%;
	}
}

.sub h2 + p{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 1rem;
	min-height: 8.4rem;
	max-width: var(--pc-title-width, 90rem);
	font-family: Montserrat;
	font-size: 2rem;
	font-style: normal;
	line-height: 2.8rem;
	font-weight: 400;
}

@media (min-width: 769px) and (max-width: 1080px){

	.sub h2 + p{
		margin-top: 0.6rem;
		min-height: 7.2rem;
		font-family: Montserrat;
		font-size: 1.7rem;
		font-style: normal;
		line-height: 2.4rem;
		font-weight: 400;
	}
}

@media (max-width: 768px){

	.sub h2 + p{
		margin-top: 0.6rem;
		min-height: 6.3rem;
		font-family: Montserrat;
		font-size: 1.5rem;
		font-style: normal;
		line-height: 2.1rem;
		font-weight: 400;
	}
}

.card-list{
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 2.5rem;
}

@media (min-width: 769px) and (max-width: 1080px){

	.card-list{
		margin: 0;
		gap: 1.6rem;
	}
}

@media (max-width: 768px){

	.card-list{
		flex-direction: column;
		flex-wrap: wrap;
		gap: 2rem;
	}
}

.card-list .card-list-item{
	display: flex;
	width: calc(33.3% - 2.5rem);
	flex: 1 1 0%;
	flex-direction: column;
	overflow: hidden;
	border-radius: 2.5rem;
	border-width: 0.1rem;
	border-color: #0000000A;
	--tw-bg-opacity: 1;
	background-color: rgb(245 245 245 / var(--tw-bg-opacity));
	padding: 3rem;
	text-align: center;
}

@media (min-width: 769px) and (max-width: 1080px){

	.card-list .card-list-item{
		padding: 1.6rem;
	}
}

@media (max-width: 768px){

	.card-list .card-list-item{
		padding: 1.6rem;
		margin-left: auto;
		margin-right: auto;
		min-height: 29rem;
		width: 100%;
	}
}

.card-list .card-list-item:last-child{
	margin-bottom: 0;
}

@media (min-width: 1081px){

	.card-list .card-list-item:last-child{
		margin-right: 0;
	}

	.card-list .card-list-item .title-wrap{
		margin-bottom: 2rem;
	}
}

@media (min-width: 769px) and (max-width: 1080px){

	.card-list .card-list-item .title-wrap{
		margin-bottom: 0.5rem;
	}
}

@media (max-width: 768px){

	.card-list .card-list-item .title-wrap{
		margin-bottom: 1rem;
	}
}

@media (min-width: 1081px){

	.card-list .card-list-item h3{
		font-family: Montserrat;
		font-size: 2.8rem;
		font-style: normal;
		line-height: 3.9rem;
		font-weight: 700;
	}
}

@media (min-width: 769px) and (max-width: 1080px){

	.card-list .card-list-item h3{
		font-family: Montserrat;
		font-size: 1.8rem;
		font-style: normal;
		line-height: 2.5rem;
		font-weight: 700;
	}
}

@media (max-width: 768px){

	.card-list .card-list-item h3{
		font-family: Montserrat;
		font-size: 1.8rem;
		font-style: normal;
		line-height: 2.5rem;
		font-weight: 700;
	}
}

@media (min-width: 1081px){

	.card-list .card-list-item p{
		font-family: Montserrat;
		font-size: 2rem;
		font-style: normal;
		line-height: 2.8rem;
		font-weight: 400;
	}
}

@media (min-width: 769px) and (max-width: 1080px){

	.card-list .card-list-item p{
		font-family: Montserrat;
		font-size: 1.5rem;
		font-style: normal;
		line-height: 2.1rem;
		font-weight: 400;
	}
}

@media (max-width: 768px){

	.card-list .card-list-item p{
		font-family: Montserrat;
		font-size: 1.5rem;
		font-style: normal;
		line-height: 2.1rem;
		font-weight: 400;
	}
}

ul.bullet-list li{
	position: relative;
	margin-bottom: 2rem;
	padding-left: 4.6rem;
}

@media (max-width: 768px){

	ul.bullet-list li{
		padding-left: 3.6rem;
	}
}

ul.bullet-list li:last-child{
	margin-bottom: 0;
}

ul.bullet-list li p{
	font-family: Montserrat;
	font-size: 2rem;
	font-style: normal;
	line-height: 2.8rem;
	font-weight: 400;
}

@media (min-width: 769px) and (max-width: 1080px){

	ul.bullet-list li p{
		font-family: Montserrat;
		font-size: 1.7rem;
		font-style: normal;
		line-height: 2.4rem;
		font-weight: 400;
	}
}

@media (max-width: 768px){

	ul.bullet-list li p{
		font-family: Montserrat;
		font-size: 1.5rem;
		font-style: normal;
		line-height: 2.1rem;
		font-weight: 400;
	}
}

ul.bullet-list li::before{
	position: absolute;
	left: 0;
	top: 0;
	margin: 1.1rem;
	display: block;
	height: 1.3rem;
	width: 1.3rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 768px){

	ul.bullet-list li::before{
		margin: 0.6rem;
	}
}

@media (min-width: 769px) and (max-width: 1080px){

	ul.bullet-list li::before{
		margin: 0.6rem;
	}
}

ul.bullet-list li::before {
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAaCAMAAABxVtfCAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAIfUExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//WAAAAPLyU/7+VwEBACcnDQMDAf39V/f3VaKiOBoaCdbWSjIyEQYGAsDAQl9fIfPzVB4eCuPjTvj4VoeHLiMjDEtLGgcHAqGhN6mpOwsLBOrqUV5eIKmpOvT0VCYmDd/fTcbGRe7uUqSkObq6QPf3Vv7+WBcXB7i4QGFhIXJyJ2RkIjg4ExQUB3l5KoqKLwEBAVtbIAICAUVFF2lpJFRUHfz8V8bGREFBF5eXNEZGGPv7VrCwPczMRufnUJ2dNhYWCEVFGMXFRKSkONraS9fXShISBjAwEebmT9vbTC4uENjYSgsLAywsDx8fCpWVNJCQMe3tUmdnJC8vEAkJA6enOgcHA8yIKtQAAABedFJOUwBQ1En9BOT+BQNO8LLj+ukKIg3u9PI8OkcR32W/r+KTJLHgB9f23EDsOIOKQtl+c0HEwNI97X+IYeGdHrhK+C9TkMjn6sN4+xC8EvMfO5sz9+gTASgl74tIaaa30aBfUDttAAABi0lEQVQoz4WSU3cEQRCFK8kqtm3btm3PKrZt27bt5AemenfO7kxecl+q6n6nT1V3NcD/KjQvK6+srrCoKjXLSlNnIXWTnBKhXIbpEWHmTGYXkCpUiB9sr68gen6GQrZsBTQy8HX7g4RO7nQvNQdZ/bS5ON8qlTPnEDkLUuVj9fJ6cTciEjWe7nX3YhmuQYblamEqObukaB2KutrR0Y1GlsHDrOHtnVKoc6EGrSgDgKJMTJrulYiqXW1GKzEWwJSDyfMjg4n7btBKigMwIezhmsGojnO0OMkAuXmY9JwwWe0+uYcRQEE+xkmKpRYJejEAxcYYh9nsmAzDA8gmN98eZLHdNfSscE7CGuZmmIMekX42APqaGGtW6hhs+oMwbQCBP0mW6pVQ3NhELGt8NBXZwYGDKVHbDiWeGLv6/vxCx8ISmUDDm7SUjA5t1Y/3r99Kf8gpVS/ZkgQqPPnWNpals/RyA9XozXM9/+7dOJSr+DE+LjpKoKOdkKKn/GeOrh5auhw+Ct8x3ixSZv4CU1DDKrN7CqkAAAAASUVORK5CYII=');
			content: '';
		}

@media (min-width: 1081px){

	.blue-box{
		padding-left: 3rem;
		padding-right: 3rem;
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
}

.blue-box > div{
	--tw-bg-opacity: 1;
	background-color: rgb(239 250 255 / var(--tw-bg-opacity));
	padding-top: 10rem;
	padding-bottom: 10rem;
	padding-left: 12rem !important;
	padding-right: 6rem !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 1081px){

	.blue-box > div{
		border-radius: 2.5rem;
	}
}

@media (min-width: 769px) and (max-width: 1080px){

	.blue-box > div{
		flex-direction: column-reverse;
		padding-left: 12rem !important;
		padding-right: 12rem !important;
		padding-top: 10rem !important;
		padding-bottom: 10rem !important;
		text-align: center;
	}
}

@media (max-width: 768px){

	.blue-box > div{
		flex-direction: column-reverse;
		padding-left: 2.4rem !important;
		padding-right: 2.4rem !important;
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
		text-align: center;
	}
}

.blue-box > div .button{
	margin-top: 5rem;
}

@media (min-width: 769px) and (max-width: 1080px){

	.blue-box > div .button{
		margin-top: 4rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 768px){

	.blue-box > div .button{
		margin-top: 3rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.swiper-body.swiper-curriculum{
	padding-bottom: 10rem;
}

@media (min-width: 769px) and (max-width: 1080px){

	.swiper-body.swiper-curriculum{
		padding-bottom: 8rem;
	}
}

@media (max-width: 768px){

	.swiper-body.swiper-curriculum{
		padding-bottom: 6rem;
	}
}

.swiper-body.swiper-curriculum .swiper-wrapper{
	box-sizing: border-box;
	width: 100%;
	max-width: 200rem;
}

@media (min-width: 769px) and (max-width: 1080px){

	.swiper-body.swiper-curriculum .swiper-wrapper{
		height: 20rem;
	}
}

@media (max-width: 768px){

	.swiper-body.swiper-curriculum .swiper-wrapper{
		height: 20rem;
	}
}

.swiper-body.swiper-curriculum .swiper-wrapper .swiper-slide{
	left: 0;
	opacity: 0.4;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@media (min-width: 769px) and (max-width: 1080px){

	.swiper-body.swiper-curriculum .swiper-wrapper .swiper-slide{
		width: 32.5rem;
	}
}

@media (max-width: 768px){

	.swiper-body.swiper-curriculum .swiper-wrapper .swiper-slide{
		width: 32.5rem;
	}
}

.swiper-body.swiper-curriculum .swiper-wrapper .swiper-slide img{
	height: 100%;
	width: 100%;
	border-radius: 2.5rem;
	-o-object-fit: cover;
	   object-fit: cover;
}

@media (min-width: 769px) and (max-width: 1080px){

	.swiper-body.swiper-curriculum .swiper-wrapper .swiper-slide img{
		border-radius: 1.5rem;
	}
}

@media (max-width: 768px){

	.swiper-body.swiper-curriculum .swiper-wrapper .swiper-slide img{
		border-radius: 1.5rem;
	}
}

.swiper-body.swiper-curriculum .swiper-wrapper .swiper-slide.swiper-slide-active{
	opacity: 1;
}

.swiper-body.swiper-record{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	width: 100%;
	padding-left: 3rem;
	padding-right: 3rem;
}

@media (min-width: 1081px){

	.swiper-body.swiper-record{
		height: 20rem;
		max-width: 86rem;
	}
}

@media (min-width: 769px) and (max-width: 1080px){

	.swiper-body.swiper-record{
		height: 15rem;
		max-width: 62rem;
	}
}

@media (max-width: 768px){

	.swiper-body.swiper-record{
		margin-left: -2rem;
		margin-right: -2rem;
		height: auto;
		width: calc(100% + max(calc(32 / 768 * 100vw),3.2rem) + max(calc(32 / 768 * 100vw),3.2rem));
		min-width: 44rem;
		padding-left: 0;
		padding-right: 0;
	}
}

.swiper-body.swiper-record .swiper-wrapper{
	height: 100%;
	width: 100%;
}

.swiper-body.swiper-record .swiper-wrapper .swiper-slide{
	opacity: 0.5;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@media (min-width: 1081px){

	.swiper-body.swiper-record .swiper-wrapper .swiper-slide{
		height: 20rem;
		width: 20rem;
	}
}

@media (min-width: 769px) and (max-width: 1080px){

	.swiper-body.swiper-record .swiper-wrapper .swiper-slide{
		height: 15rem;
		width: 15rem;
	}
}

@media (max-width: 768px){

	.swiper-body.swiper-record .swiper-wrapper .swiper-slide{
		height: auto;
		width: 100%;
	}
}

.swiper-body.swiper-record .swiper-wrapper .swiper-slide.swiper-slide-active{
	opacity: 1;
}

.swiper-body.swiper-record .swiper-wrapper .swiper-slide img{
	display: block;
}

@media (min-width: 1081px){

	.swiper-body.swiper-record .swiper-wrapper .swiper-slide img{
		height: 20rem;
		width: 20rem;
	}
}

@media (min-width: 769px) and (max-width: 1080px){

	.swiper-body.swiper-record .swiper-wrapper .swiper-slide img{
		height: 15rem;
		width: 15rem;
	}
}

@media (max-width: 768px){

	.swiper-body.swiper-record .swiper-wrapper .swiper-slide img{
		height: auto;
		width: 100%;
	}
}

.swiper-body.swiper-expertise .swiper {
			overflow: visible !important;
		}

.swiper-body.swiper-expertise .obj-container{
	position: relative;
}

.swiper-body.swiper-expertise .obj-container .image-obj:first-of-type{
	position: absolute;
	left: -0.8rem;
	top: -5rem;
	height: 4.6rem;
	width: 5.7rem;
}

.swiper-body.swiper-expertise .obj-container .image-obj:nth-of-type(2){
	position: absolute;
	top: -32rem;
	right: 3.2rem;
	z-index: 2;
	height: 5.1rem;
	width: 6.2rem;
}

.swiper-body.swiper-expertise .obj-container .image-obj:last-of-type{
	position: absolute;
	right: -0.9rem;
	top: -3rem;
	z-index: 2;
	height: 2.7rem;
	width: 3rem;
}

.swiper-body.swiper-scores .swiper-wrapper{
	box-sizing: border-box;
	height: 10.5rem;
	width: 30rem;
}

.swiper-wrapper{
	display: flex;
}

.swiper-button-next{
	right: 0;
}

.swiper-button-prev{
	left: 0;
}

.swiper-button-next,
.swiper-button-prev{
	position: absolute;
	top: 40%;
	height: 4.5rem !important;
	width: 4rem !important;
}

.swiper-button-next::after, .swiper-button-prev::after{
	display: none;
	--tw-content: none;
	content: var(--tw-content);
}

.swiper-button-prev{
	left: 0;
	background-image: url('/assets/images/slide_arrow_prev.TJ9rv7vT.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-next{
	right: 0;
	background-image: url('/assets/images/slide_arrow_next.DTbH3Q8h.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* .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(197 201 205 / var(--tw-border-opacity));
	transition-duration: 250ms;
}

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

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

.e-checkbox[data-variant='teacher'] .e-checkbox-box[data-invalid]{
	--tw-border-opacity: 1;
	border-color: rgb(201 58 41 / 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(220 222 223 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(233 236 239 / var(--tw-bg-opacity));
}

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

.e-checkbox[data-variant='teacher'][data-disabled] .e-checkbox-indicator[data-checked]{
	--tw-text-opacity: 1;
	color: rgb(220 222 223 / 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(56 56 56 / 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(197 201 205 / 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(197 201 205 / 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(220 222 223 / 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: Montserrat;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 500;
}

.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: Montserrat;
	font-size: 1.6rem;
	font-style: normal;
	line-height: 2.2rem;
	font-weight: 500;
}

.e-text-input[data-variant='teacher'][data-hovered], .e-textarea[data-variant='teacher'][data-hovered]{
	--tw-border-opacity: 1;
	border-color: rgb(56 56 56 / 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(20 20 20 / 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(236 238 240 / 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(201 58 41 / 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: Montserrat;
	font-size: 1.6rem;
	font-style: normal;
	line-height: 2.2rem;
	font-weight: 500;
}

.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: Montserrat;
	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: Montserrat;
	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: Montserrat;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 500;
}

.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: Montserrat;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	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: Montserrat;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	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: Montserrat;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 500;
}

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

.e-textarea[data-variant='teacher'] textarea::placeholder{
	font-family: Montserrat;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	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(197 201 205 / var(--tw-border-opacity));
	transition-duration: 250ms;
}

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

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

.e-radio[data-variant='teacher'] .e-radio-box[data-invalid]{
	--tw-border-opacity: 1;
	border-color: rgb(201 58 41 / 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(220 222 223 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(233 236 239 / var(--tw-bg-opacity));
}

.e-radio[data-variant='teacher'][data-disabled][data-checked] .e-radio-box{
	--tw-bg-opacity: 1;
	background-color: rgb(220 222 223 / 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(220 222 223 / 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(56 56 56 / 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(20 20 20 / 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(220 222 223 / 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(201 58 41 / 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(20 20 20 / 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: 2.1rem;
	font-weight: 600;
}

.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.2rem;
	font-style: normal;
	line-height: 1.7rem;
	font-weight: 500;
}

.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.2rem;
	font-style: normal;
	line-height: 1.7rem;
	font-weight: 500;
}

.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(220 222 223 / 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(220 222 223 / 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(233 236 239 / 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(20 20 20 / 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(56 56 56 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(56 56 56 / 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(56 56 56 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(56 56 56 / 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(20 20 20 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(20 20 20 / 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(233 236 239 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(236 238 240 / var(--tw-bg-opacity));
}

.e-select[data-variant='solid'] .e-select-control-container[data-invalid]{
	--tw-border-opacity: 1;
	border-color: rgb(201 58 41 / 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(220 222 223 / var(--tw-text-opacity));
}

.e-select[data-variant='solid'] .e-select-control[data-disabled] .e-select-indicator{
	--tw-text-opacity: 1;
	color: rgb(220 222 223 / 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(233 236 239 / 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(56 56 56 / 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(20 20 20 / var(--tw-text-opacity));
	font-family: Montserrat;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 1.8rem;
	font-weight: 500;
}

.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(236 238 240 / 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(220 222 223 / 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(220 222 223 / 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(201 58 41 / 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(56 56 56 / 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(233 236 239 / 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 (min-width: 1081px){

	.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(252 247 247 / var(--tw-bg-opacity));
}

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

@media (min-width: 1081px){

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

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

@media (min-width: 1081px){

	.e-data-table[data-variant='board'] tbody tr{
		font-family: Montserrat;
		font-size: 1.4rem;
		font-style: normal;
		line-height: 1.8rem;
		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(0 151 216 / 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(121 206 213 / 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(252 247 247 / var(--tw-border-opacity));
}

.e-dt-pinned-right-edge{
	border-left-width: 0.1rem;
	--tw-border-opacity: 1;
	border-color: rgb(252 247 247 / 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(56 56 56 / 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: Montserrat;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 1.8rem;
	font-weight: 500;
}

.e-tooltip-content[data-variant='dark'] .e-tooltip-arrow{
	--tw-text-opacity: 1;
	color: rgb(56 56 56 / 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(56 56 56 / 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: Montserrat;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 1.8rem;
	font-weight: 500;
}

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

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

html,
body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

html {
	color: var(--color-base-900);

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

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

body{
	font-family: Montserrat;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 400;
}

#root{
	margin: 0;
	border-width: 0;
	padding: 0;
	color: inherit;
	height: auto;
	width: 100%;
	vertical-align: baseline;
}

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;
	max-width: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.header-about-us{
	background-color: transparent;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	--tw-shadow: 0 0 #0000 !important;
	--tw-shadow-colored: 0 0 #0000 !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.header-about-us .logo a{
	background-image: url('/assets/images/enumaschool_logo_white.B3S2yT0w.png') !important;
}

.header-about-us .button-hamburger .bar{
	--tw-bg-opacity: 1 !important;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.header-about-us .navigation-mobile .navigation-list{
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity));
}

.header .button-hamburger .bar{
	position: absolute;
	left: calc(50% - 1rem);
	display: block;
	height: 0.2rem;
	width: 2rem;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity));
	opacity: 1;
	transition-property: transform;
	transition-duration: 250ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.header .button-hamburger .bar:nth-child(1) {
				top: 0.6rem;
			}

.header .button-hamburger .bar:nth-child(2) {
				top: 1.4rem;
			}

.header .button-hamburger .bar:nth-child(3) {
				top: 2.2rem;
			}

.header .button-hamburger[aria-expanded='true'] .bar:nth-child(1){
	--tw-rotate: 45deg;
	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));
					top: 1.4rem;
}

.header .button-hamburger[aria-expanded='true'] .bar:nth-child(2){
	width: 0;
	opacity: 0;
}

.header .button-hamburger[aria-expanded='true'] .bar:nth-child(3){
	--tw-rotate: -45deg;
	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));
					top: 1.4rem;
}

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

.footer ul li::after{
	margin-left: 1.2rem;
	margin-right: 1.2rem;
	display: inline-block;
	height: 1.2rem;
	width: 0.1rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
			content: '';
}

.footer ul li:last-child::after {
			display: none;
		}

@media (min-width: 1081px){

	.product-banner section{
		padding-bottom: min(calc(444 / 1484 * 100vw),44.4rem) !important;
	}
}

.product-banner section .video-wrap{
	top: min(calc(138 / 1484 * 100%),-13.8rem);
	right: -10rem;
	z-index: var(--z-index-below);
}

@media (min-width: 1081px){

	.product-banner section .video-wrap video{
		height: min(calc(780 / 1484 * 100vw),68rem);
		width: min(calc(990 / 1484 * 100vw),90rem);
	}
}

@media (min-width: 769px) and (max-width: 1080px){

	.product-banner section .video-wrap video{
		height: calc(605 / 768 * 100vw);
		width: 100%;
	}
}

@media (max-width: 768px){

	.product-banner section .video-wrap video{
		height: calc(354 / 375 * 100vw);
		width: 128%;
		max-width: none;
		--tw-translate-x: -10%;
		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));
	}
}

.product-banner section img{
	bottom: min(calc(90 / 1484 * 100vw),5rem);
}

@media (min-width: 1081px){

	.product-banner section img{
		width: max(264.2rem,100%);
	}
}

@media (min-width: 769px) and (max-width: 1080px){

	.product-banner section img{
		bottom: 3.2rem;
		width: 140%;
	}
}

@media (max-width: 768px){

	.product-banner section img{
		bottom: 3rem;
		width: 140%;
	}
}

@tailwind utilities;

.founding-story .meaning-enuma{
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 769px) and (max-width: 1080px){

	.founding-story .meaning-enuma{
		padding-left: 3rem;
		padding-right: 3rem;
		padding-bottom: 3rem;
		padding-top: 20.6rem;
	}
}

@media (min-width: 1081px){

	.founding-story .meaning-enuma{
		max-width: 116.8rem;
		background-size: 16.1rem auto;
		background-position: 9rem 100%;
		padding-top: 5.1rem;
		padding-bottom: 5.1rem;
		padding-left: 29.1rem;
		padding-right: 8rem;
	}
}

.founding-story .meaning-enuma{
	border-radius: 2.5rem;
	--tw-bg-opacity: 1;
	background-color: rgb(244 244 244 / var(--tw-bg-opacity));
	background-image: url('/assets/images/meaning_enuma.Bz1XFPGT.png');
	background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1080px){

	.founding-story .meaning-enuma{
		background-size: 12.4rem 12.6rem;
		background-position: center 5rem;
	}
}

@media (max-width: 768px){

	.founding-story .meaning-enuma{
		background-size: 12.4rem 12.6rem;
		background-position: center 5rem;
		padding-left: 3rem;
		padding-right: 3rem;
		padding-bottom: 3rem;
		padding-top: 20.6rem;
	}
}

/* Tailwind Utility Classes */

.sr-only{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

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

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

.visible{
	visibility: visible;
}

.invisible{
	visibility: hidden;
}

.static{
	position: static;
}

.fixed{
	position: fixed;
}

.absolute{
	position: absolute;
}

.relative{
	position: relative;
}

.inset-0{
	inset: 0;
}

.inset-6{
	inset: 0.6rem;
}

.-bottom-\[7\.5rem\]{
	bottom: -7.5rem;
}

.-left-120{
	left: -12rem;
}

.-left-280{
	left: -28rem;
}

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

.-left-\[13\.8rem\]{
	left: -13.8rem;
}

.-right-100{
	right: -10rem;
}

.-right-9{
	right: -0.9rem;
}

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

.-top-32{
	top: -3.2rem;
}

.-top-320{
	top: -32rem;
}

.-top-50{
	top: -5rem;
}

.bottom-0{
	bottom: 0;
}

.bottom-\[-16\.1rem\]{
	bottom: -16.1rem;
}

.bottom-\[2\.5rem\]{
	bottom: 2.5rem;
}

.bottom-\[9\.3rem\]{
	bottom: 9.3rem;
}

.bottom-\[9\.6rem\]{
	bottom: 9.6rem;
}

.bottom-\[min\(calc\(90\/1484\*100vw\)\2c 5rem\)\]{
	bottom: min(calc(90 / 1484 * 100vw),5rem);
}

.left-0{
	left: 0;
}

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

.left-\[-21\.5rem\]{
	left: -21.5rem;
}

.left-\[-24rem\]{
	left: -24rem;
}

.left-\[-39rem\]{
	left: -39rem;
}

.left-\[22\.5rem\]{
	left: 22.5rem;
}

.left-\[25rem\]{
	left: 25rem;
}

.left-\[35\.5rem\]{
	left: 35.5rem;
}

.left-\[46\.5rem\]{
	left: 46.5rem;
}

.left-\[4rem\]{
	left: 4rem;
}

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

.left-\[56rem\]{
	left: 56rem;
}

.left-\[58\.5rem\]{
	left: 58.5rem;
}

.left-\[calc\(50\%-1rem\)\]{
	left: calc(50% - 1rem);
}

.right-0{
	right: 0;
}

.right-32{
	right: 3.2rem;
}

.right-\[22\.5rem\]{
	right: 22.5rem;
}

.right-\[24rem\]{
	right: 24rem;
}

.right-\[3rem\]{
	right: 3rem;
}

.right-\[44rem\]{
	right: 44rem;
}

.right-\[52rem\]{
	right: 52rem;
}

.right-\[61rem\]{
	right: 61rem;
}

.top-0{
	top: 0;
}

.top-10{
	top: 1rem;
}

.top-60{
	top: 6rem;
}

.top-\[-10\.5rem\]{
	top: -10.5rem;
}

.top-\[-37rem\]{
	top: -37rem;
}

.top-\[-42rem\]{
	top: -42rem;
}

.top-\[1\.4rem\]{
	top: 1.4rem;
}

.top-\[13rem\]{
	top: 13rem;
}

.top-\[19\.3rem\]{
	top: 19.3rem;
}

.top-\[2\.5rem\]{
	top: 2.5rem;
}

.top-\[28\.3rem\]{
	top: 28.3rem;
}

.top-\[3\.5rem\]{
	top: 3.5rem;
}

.top-\[31\.5rem\]{
	top: 31.5rem;
}

.top-\[31rem\]{
	top: 31rem;
}

.top-\[32\.7rem\]{
	top: 32.7rem;
}

.top-\[4\.4rem\]{
	top: 4.4rem;
}

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

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

.top-\[6rem\]{
	top: 6rem;
}

.top-\[8rem\]{
	top: 8rem;
}

.top-\[9\.4rem\]{
	top: 9.4rem;
}

.top-\[min\(calc\(138\/1484\*100\%\)\2c -13\.8rem\)\]{
	top: min(calc(138 / 1484 * 100%),-13.8rem);
}

.z-100{
	z-index: 100;
}

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

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

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

.z-\[var\(--z-index-below\)\]{
	z-index: var(--z-index-below);
}

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

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

.\!m-0{
	margin: 0 !important;
}

.m-0{
	margin: 0;
}

.m-11{
	margin: 1.1rem;
}

.\!my-0{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.mx-12{
	margin-left: 1.2rem;
	margin-right: 1.2rem;
}

.mx-4{
	margin-left: 0.4rem;
	margin-right: 0.4rem;
}

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

.my-0{
	margin-top: 0;
	margin-bottom: 0;
}

.my-10{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.my-50{
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.my-auto{
	margin-top: auto;
	margin-bottom: auto;
}

.\!mb-0{
	margin-bottom: 0 !important;
}

.\!mr-0{
	margin-right: 0 !important;
}

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

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

.-mr-9{
	margin-right: -0.9rem;
}

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

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

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

.mb-100{
	margin-bottom: 10rem;
}

.mb-12{
	margin-bottom: 1.2rem;
}

.mb-170{
	margin-bottom: 17rem;
}

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

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

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

.mb-70{
	margin-bottom: 7rem;
}

.mb-\[0\.6rem\]{
	margin-bottom: 0.6rem;
}

.mb-\[6rem\]{
	margin-bottom: 6rem;
}

.ml-10{
	margin-left: 1rem;
}

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

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

.ml-\[3\.9rem\]{
	margin-left: 3.9rem;
}

.ml-\[3rem\]{
	margin-left: 3rem;
}

.mr-0{
	margin-right: 0;
}

.mr-10{
	margin-right: 1rem;
}

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

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

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

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

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

.mt-0{
	margin-top: 0;
}

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

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

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

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

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

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

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

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

.mt-\[11\.5rem\]{
	margin-top: 11.5rem;
}

.mt-\[43\.3rem\]{
	margin-top: 43.3rem;
}

.box-border{
	box-sizing: border-box;
}

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

.\!h-45{
	height: 4.5rem !important;
}

.h-100{
	height: 10rem;
}

.h-12{
	height: 1.2rem;
}

.h-13{
	height: 1.3rem;
}

.h-130{
	height: 13rem;
}

.h-16{
	height: 1.6rem;
}

.h-160{
	height: 16rem;
}

.h-2{
	height: 0.2rem;
}

.h-20{
	height: 2rem;
}

.h-24{
	height: 2.4rem;
}

.h-30{
	height: 3rem;
}

.h-32{
	height: 3.2rem;
}

.h-34{
	height: 3.4rem;
}

.h-38{
	height: 3.8rem;
}

.h-40{
	height: 4rem;
}

.h-400{
	height: 40rem;
}

.h-42{
	height: 4.2rem;
}

.h-46{
	height: 4.6rem;
}

.h-48{
	height: 4.8rem;
}

.h-56{
	height: 5.6rem;
}

.h-680{
	height: 68rem;
}

.h-70{
	height: 7rem;
}

.h-8{
	height: 0.8rem;
}

.h-84{
	height: 8.4rem;
}

.h-\[10\.5rem\]{
	height: 10.5rem;
}

.h-\[100vh\]{
	height: 100vh;
}

.h-\[10rem\]{
	height: 10rem;
}

.h-\[12\.8rem\]{
	height: 12.8rem;
}

.h-\[16\.1rem\]{
	height: 16.1rem;
}

.h-\[2\.5rem\]{
	height: 2.5rem;
}

.h-\[2\.7rem\]{
	height: 2.7rem;
}

.h-\[26\.3rem\]{
	height: 26.3rem;
}

.h-\[30\.2rem\]{
	height: 30.2rem;
}

.h-\[30\.4rem\]{
	height: 30.4rem;
}

.h-\[30\.5rem\]{
	height: 30.5rem;
}

.h-\[36\.5rem\]{
	height: 36.5rem;
}

.h-\[4\.6rem\]{
	height: 4.6rem;
}

.h-\[4\.8rem\]{
	height: 4.8rem;
}

.h-\[45\.5rem\]{
	height: 45.5rem;
}

.h-\[49rem\]{
	height: 49rem;
}

.h-\[5\.1rem\]{
	height: 5.1rem;
}

.h-\[5\.7rem\]{
	height: 5.7rem;
}

.h-\[54\.6rem\]{
	height: 54.6rem;
}

.h-\[67\.3rem\]{
	height: 67.3rem;
}

.h-\[7\.5rem\]{
	height: 7.5rem;
}

.h-\[74rem\]{
	height: 74rem;
}

.h-\[8\.7rem\]{
	height: 8.7rem;
}

.h-auto{
	height: auto;
}

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

.h-full{
	height: 100%;
}

.h-gnb-height{
	height: var(--gnb-height, 7.4rem);
}

.min-h-20{
	min-height: 2rem;
}

.min-h-84{
	min-height: 8.4rem;
}

.\!w-300{
	width: 30rem !important;
}

.\!w-\[65rem\]{
	width: 65rem !important;
}

.\!w-full{
	width: 100% !important;
}

.w-0{
	width: 0;
}

.w-1{
	width: 0.1rem;
}

.w-100{
	width: 10rem;
}

.w-13{
	width: 1.3rem;
}

.w-20{
	width: 2rem;
}

.w-240{
	width: 24rem;
}

.w-30{
	width: 3rem;
}

.w-300{
	width: 30rem;
}

.w-32{
	width: 3.2rem;
}

.w-320{
	width: 32rem;
}

.w-480{
	width: 48rem;
}

.w-600{
	width: 60rem;
}

.w-74{
	width: 7.4rem;
}

.w-8{
	width: 0.8rem;
}

.w-\[10\.8rem\]{
	width: 10.8rem;
}

.w-\[100vw\]{
	width: 100vw;
}

.w-\[11\.6rem\]{
	width: 11.6rem;
}

.w-\[12\.8rem\]{
	width: 12.8rem;
}

.w-\[12rem\]{
	width: 12rem;
}

.w-\[17\.8rem\]{
	width: 17.8rem;
}

.w-\[20\.6rem\]{
	width: 20.6rem;
}

.w-\[23\.2rem\]{
	width: 23.2rem;
}

.w-\[24\.8rem\]{
	width: 24.8rem;
}

.w-\[29\.6rem\]{
	width: 29.6rem;
}

.w-\[31rem\]{
	width: 31rem;
}

.w-\[33\.6rem\]{
	width: 33.6rem;
}

.w-\[34rem\]{
	width: 34rem;
}

.w-\[42\.7rem\]{
	width: 42.7rem;
}

.w-\[45\.5rem\]{
	width: 45.5rem;
}

.w-\[48\.1rem\]{
	width: 48.1rem;
}

.w-\[5\.4rem\]{
	width: 5.4rem;
}

.w-\[5\.7rem\]{
	width: 5.7rem;
}

.w-\[5\.8rem\]{
	width: 5.8rem;
}

.w-\[65rem\]{
	width: 65rem;
}

.w-\[80\.4rem\]{
	width: 80.4rem;
}

.w-\[80\.73vw\]{
	width: 80.73vw;
}

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

.w-\[calc\(33\.3\%-2\.5rem\)\]{
	width: calc(33.3% - 2.5rem);
}

.w-\[min\(calc\(334\/1484\*100vw\)\2c 34\.4rem\)\]{
	width: min(calc(334 / 1484 * 100vw),34.4rem);
}

.w-\[min\(calc\(539\/1484\*100vw\)\2c 53\.9rem\)\]{
	width: min(calc(539 / 1484 * 100vw),53.9rem);
}

.w-\[min\(calc\(550\/1484\*100vw\)\2c 55rem\)\]{
	width: min(calc(550 / 1484 * 100vw),55rem);
}

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

.w-full{
	width: 100%;
}

.\!max-w-550{
	max-width: 55rem !important;
}

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

.max-w-1000{
	max-width: 100rem;
}

.max-w-1024{
	max-width: 102.4rem;
}

.max-w-470{
	max-width: 47rem;
}

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

.max-w-660{
	max-width: 66rem;
}

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

.max-w-\[200rem\]{
	max-width: 200rem;
}

.max-w-\[49\.2rem\]{
	max-width: 49.2rem;
}

.max-w-\[61rem\]{
	max-width: 61rem;
}

.max-w-content-max-w{
	max-width: var(--content-max-w, 148.4rem);
}

.max-w-none{
	max-width: none;
}

.max-w-pc-content-width{
	max-width: var(--pc-content-width, 148.4rem);
}

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

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

.translate-x-0{
	--tw-translate-x: 0;
	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-0{
	--tw-translate-y: 0;
	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-8{
	--tw-translate-y: 0.8rem;
	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-180{
	--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));
}

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

.transform-none{
	transform: none;
}

.animate-\[jump_0\.8s_infinite\]{
	animation: jump 0.8s infinite;
}

.animate-\[shake_0\.8s_infinite\]{
	animation: shake 0.8s infinite;
}

.animate-\[spaceship_4s\]{
	animation: spaceship 4s;
}

@keyframes spacestar{

	0%{
		transform: translate(0, 20%);
		opacity: 0;
	}

	20%{
		transform: translate(0, 0%);
		opacity: 1;
	}

	30%{
		transform: translate(0, 0%);
		opacity: 0.3;
	}

	100%{
		opacity: 0;
	}
}

.animate-\[spacestar_4\.5s\]{
	animation: spacestar 4.5s;
}

.animate-\[star_2\.5s_infinite\]{
	animation: star 2.5s infinite;
}

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

.cursor-pointer{
	cursor: pointer;
}

.resize-none{
	resize: none;
}

.resize{
	resize: both;
}

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

.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-end{
	justify-content: flex-end;
}

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

.gap-16{
	gap: 1.6rem;
}

.gap-4{
	gap: 0.4rem;
}

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

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

.overflow-hidden{
	overflow: hidden;
}

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

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

.whitespace-nowrap{
	white-space: nowrap;
}

.text-wrap{
	text-wrap: wrap;
}

.break-words{
	overflow-wrap: break-word;
}

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

.rounded-12{
	border-radius: 1.2rem;
}

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

.rounded-24{
	border-radius: 2.4rem;
}

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

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

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

.rounded-\[1\.5rem\]{
	border-radius: 1.5rem;
}

.rounded-\[1\.64rem\]{
	border-radius: 1.64rem;
}

.rounded-\[2\.5rem\]{
	border-radius: 2.5rem;
}

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

.border{
	border-width: 0.1rem;
}

.border-0{
	border-width: 0;
}

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

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

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

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

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

.border-\[\#0000000A\]{
	border-color: #0000000A;
}

.border-\[rgba\(0\2c 0\2c 0\2c 0\.04\)\]{
	border-color: rgba(0,0,0,0.04);
}

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

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

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

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

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

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

.border-primary-red{
	--tw-border-opacity: 1;
	border-color: rgb(201 58 41 / var(--tw-border-opacity));
}

.border-opacity-4{
	--tw-border-opacity: 0.04;
}

.border-opacity-5{
	--tw-border-opacity: 0.05;
}

.bg-\[\#2A3F8B\]{
	--tw-bg-opacity: 1;
	background-color: rgb(42 63 139 / var(--tw-bg-opacity));
}

.bg-\[\#D3D3D3\]{
	--tw-bg-opacity: 1;
	background-color: rgb(211 211 211 / var(--tw-bg-opacity));
}

.bg-base-10{
	--tw-bg-opacity: 1;
	background-color: rgb(252 247 247 / var(--tw-bg-opacity));
}

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

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

.bg-base-30{
	--tw-bg-opacity: 1;
	background-color: rgb(250 250 251 / var(--tw-bg-opacity));
}

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

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

.bg-base-450{
	--tw-bg-opacity: 1;
	background-color: rgb(212 216 221 / var(--tw-bg-opacity));
}

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

.bg-base-500{
	--tw-bg-opacity: 1;
	background-color: rgb(197 201 205 / var(--tw-bg-opacity));
}

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

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

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

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

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

.bg-blue-700{
	--tw-bg-opacity: 1;
	background-color: rgb(121 206 213 / var(--tw-bg-opacity));
}

.bg-blue-750{
	--tw-bg-opacity: 1;
	background-color: rgb(114 219 219 / var(--tw-bg-opacity));
}

.bg-blue-800{
	--tw-bg-opacity: 1;
	background-color: rgb(54 164 176 / var(--tw-bg-opacity));
}

.bg-blue-900{
	--tw-bg-opacity: 1;
	background-color: rgb(0 151 216 / var(--tw-bg-opacity));
}

.bg-gray-500{
	--tw-bg-opacity: 1;
	background-color: rgb(149 146 160 / var(--tw-bg-opacity));
}

.bg-gray-700{
	--tw-bg-opacity: 1;
	background-color: rgb(93 87 116 / var(--tw-bg-opacity));
}

.bg-navi-900{
	--tw-bg-opacity: 1;
	background-color: rgb(19 15 42 / var(--tw-bg-opacity));
}

.bg-pastel-blue-100{
	--tw-bg-opacity: 1;
	background-color: rgb(239 250 255 / var(--tw-bg-opacity));
}

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

.bg-pastel-purple-400{
	--tw-bg-opacity: 1;
	background-color: rgb(180 178 255 / var(--tw-bg-opacity));
}

.bg-primary-lms{
	--tw-bg-opacity: 1;
	background-color: rgb(189 66 51 / var(--tw-bg-opacity));
}

.bg-primary-red{
	--tw-bg-opacity: 1;
	background-color: rgb(201 58 41 / var(--tw-bg-opacity));
}

.bg-red-200{
	--tw-bg-opacity: 1;
	background-color: rgb(255 178 141 / var(--tw-bg-opacity));
}

.bg-red-250{
	--tw-bg-opacity: 1;
	background-color: rgb(255 156 122 / var(--tw-bg-opacity));
}

.bg-red-300{
	--tw-bg-opacity: 1;
	background-color: rgb(213 36 23 / var(--tw-bg-opacity));
}

.bg-red-400{
	--tw-bg-opacity: 1;
	background-color: rgb(205 87 73 / var(--tw-bg-opacity));
}

.bg-red-500{
	--tw-bg-opacity: 1;
	background-color: rgb(201 58 41 / var(--tw-bg-opacity));
}

.bg-transparent{
	background-color: transparent;
}

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

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

.bg-yellow-200{
	--tw-bg-opacity: 1;
	background-color: rgb(255 254 117 / var(--tw-bg-opacity));
}

.bg-yellow-300{
	--tw-bg-opacity: 1;
	background-color: rgb(255 194 30 / var(--tw-bg-opacity));
}

.bg-enuma{
	background-image: url('/assets/images/meaning_enuma.Bz1XFPGT.png');
}

.bg-gradient-to-t{
	background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-ground{
	background-image: url('/assets/images/ground.C1dsM7V9.png');
}

.bg-logo{
	background-image: url('/assets/images/enumaschool_logo.AOSsLtW2.png');
}

.bg-next{
	background-image: url('/assets/images/slide_arrow_next.DTbH3Q8h.png');
}

.bg-notfound{
	background-image: url('/assets/images/error_404_friends_pc.CymPL4mV.png');
}

.bg-prev{
	background-image: url('/assets/images/slide_arrow_prev.TJ9rv7vT.png');
}

.from-\[\#E7F7FB\]{
	--tw-gradient-from: #E7F7FB var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(231 247 251 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-transparent{
	--tw-gradient-to: transparent var(--tw-gradient-to-position);
}

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

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

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

.p-0{
	padding: 0;
}

.p-16{
	padding: 1.6rem;
}

.p-30{
	padding: 3rem;
}

.p-4{
	padding: 0.4rem;
}

.p-\[6rem_4rem_4rem\]{
	padding: 6rem 4rem 4rem;
}

.px-0{
	padding-left: 0;
	padding-right: 0;
}

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

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

.px-13{
	padding-left: 1.3rem;
	padding-right: 1.3rem;
}

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

.px-20{
	padding-left: 2rem;
	padding-right: 2rem;
}

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

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

.px-50{
	padding-left: 5rem;
	padding-right: 5rem;
}

.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-150{
	padding-top: 15rem;
	padding-bottom: 15rem;
}

.py-16{
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
}

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

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

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

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

.py-8{
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}

.\!pl-120{
	padding-left: 12rem !important;
}

.\!pr-60{
	padding-right: 6rem !important;
}

.pb-0{
	padding-bottom: 0;
}

.pb-180{
	padding-bottom: 18rem;
}

.pb-20{
	padding-bottom: 2rem;
}

.pb-\[6\.5rem\]{
	padding-bottom: 6.5rem;
}

.pt-136{
	padding-top: 13.6rem;
}

.pt-30{
	padding-top: 3rem;
}

.pt-74{
	padding-top: 7.4rem;
}

.pt-\[61\.54\%\]{
	padding-top: 61.54%;
}

.pt-\[min\(calc\(380\/1484\*100vw\)\2c 38rem\)\]{
	padding-top: min(calc(380 / 1484 * 100vw),38rem);
}

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

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

.text-\[2\.3rem\]{
	font-size: 2.3rem;
}

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

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

.font-medium{
	font-weight: 500;
}

.capitalize{
	text-transform: capitalize;
}

.leading-\[140\%\]{
	line-height: 140%;
}

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

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

.text-primary-red{
	--tw-text-opacity: 1;
	color: rgb(201 58 41 / var(--tw-text-opacity));
}

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

.opacity-0{
	opacity: 0;
}

.opacity-100{
	opacity: 1;
}

.opacity-40{
	opacity: 0.4;
}

.opacity-50{
	opacity: 0.5;
}

.opacity-60{
	opacity: 0.6;
}

.\!shadow-none{
	--tw-shadow: 0 0 #0000 !important;
	--tw-shadow-colored: 0 0 #0000 !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-0-1-8-2-black\/4{
	--tw-shadow: 0 1px 8px 2px rgba(0 0 0 / 0.04);
	--tw-shadow-colored: 0 1px 8px 2px 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;
}

.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-all{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.transition-colors{
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.transition-opacity{
	transition-property: opacity;
	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;
}

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

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

.ease-in-out{
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out{
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

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

.t18-bl{
	font-family: Montserrat;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.5rem;
	font-weight: 700;
}

.t18-b{
	font-family: Montserrat;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.5rem;
	font-weight: 600;
}

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

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

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

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

.t28-bl{
	font-family: Montserrat;
	font-size: 2.8rem;
	font-style: normal;
	line-height: 3.9rem;
	font-weight: 700;
}

.t28-b{
	font-family: Montserrat;
	font-size: 2.8rem;
	font-style: normal;
	line-height: 3.9rem;
	font-weight: 600;
}

.t34-bl{
	font-family: Montserrat;
	font-size: 3.4rem;
	font-style: normal;
	line-height: 4.8rem;
	font-weight: 700;
}

.t34-b{
	font-family: Montserrat;
	font-size: 3.4rem;
	font-style: normal;
	line-height: 4.8rem;
	font-weight: 600;
}

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

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

.t40-m{
	font-family: Montserrat;
	font-size: 4rem;
	font-style: normal;
	line-height: 5.6rem;
	font-weight: 500;
}

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

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

.bn12-bl{
	font-family: NotoSans;
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1.7rem;
	font-weight: 700;
}

.bn12-b{
	font-family: NotoSans;
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1.7rem;
	font-weight: 600;
}

.bn12-m{
	font-family: NotoSans;
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1.7rem;
	font-weight: 500;
}

.bn12-r{
	font-family: NotoSans;
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1.7rem;
	font-weight: 400;
}

.bn14-bl{
	font-family: NotoSans;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 700;
}

.bn14-b{
	font-family: NotoSans;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 600;
}

.bn14-m{
	font-family: NotoSans;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 500;
}

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

.bn15-bl{
	font-family: NotoSans;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 700;
}

.bn15-b{
	font-family: NotoSans;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 600;
}

.bn15-m{
	font-family: NotoSans;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 500;
}

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

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

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

.\!bn16-m{
	font-family: NotoSans !important;
	font-size: 1.6rem !important;
	font-style: normal !important;
	line-height: 2.2rem !important;
	font-weight: 500 !important;
}

.bn16-m{
	font-family: NotoSans;
	font-size: 1.6rem;
	font-style: normal;
	line-height: 2.2rem;
	font-weight: 500;
}

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

.bn17-bl{
	font-family: NotoSans;
	font-size: 1.7rem;
	font-style: normal;
	line-height: 2.4rem;
	font-weight: 700;
}

.bn17-b{
	font-family: NotoSans;
	font-size: 1.7rem;
	font-style: normal;
	line-height: 2.4rem;
	font-weight: 600;
}

.bn17-m{
	font-family: NotoSans;
	font-size: 1.7rem;
	font-style: normal;
	line-height: 2.4rem;
	font-weight: 500;
}

.bn17-r{
	font-family: NotoSans;
	font-size: 1.7rem;
	font-style: normal;
	line-height: 2.4rem;
	font-weight: 400;
}

.bn18-bl{
	font-family: NotoSans;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.9rem;
	font-weight: 700;
}

.bn18-b{
	font-family: NotoSans;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.9rem;
	font-weight: 600;
}

.bn18-m{
	font-family: NotoSans;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.9rem;
	font-weight: 500;
}

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

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

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

.bn20-m{
	font-family: NotoSans;
	font-size: 2rem;
	font-style: normal;
	line-height: 2.8rem;
	font-weight: 500;
}

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

.bn23-bl{
	font-family: NotoSans;
	font-size: 2.3rem;
	font-style: normal;
	line-height: 3.2rem;
	font-weight: 700;
}

.bn23-b{
	font-family: NotoSans;
	font-size: 2.3rem;
	font-style: normal;
	line-height: 3.2rem;
	font-weight: 600;
}

.bn23-m{
	font-family: NotoSans;
	font-size: 2.3rem;
	font-style: normal;
	line-height: 3.2rem;
	font-weight: 500;
}

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

.bn26-bl{
	font-family: NotoSans;
	font-size: 2.6rem;
	font-style: normal;
	line-height: 3.1rem;
	font-weight: 700;
}

.bn26-b{
	font-family: NotoSans;
	font-size: 2.6rem;
	font-style: normal;
	line-height: 3.1rem;
	font-weight: 600;
}

.bn26-m{
	font-family: NotoSans;
	font-size: 2.6rem;
	font-style: normal;
	line-height: 3.1rem;
	font-weight: 500;
}

.bn26-r{
	font-family: NotoSans;
	font-size: 2.6rem;
	font-style: normal;
	line-height: 3.1rem;
	font-weight: 400;
}

.b15-m{
	font-family: Montserrat;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 500;
}

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

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

.b18-bl{
	font-family: Montserrat;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.5rem;
	font-weight: 700;
}

.b18-b{
	font-family: Montserrat;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.5rem;
	font-weight: 600;
}

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

.b22-r{
	font-family: Montserrat;
	font-size: 2.2rem;
	font-style: normal;
	line-height: 3rem;
	font-weight: 400;
}

.\!b23-b{
	font-family: Montserrat !important;
	font-size: 2.3rem !important;
	font-style: normal !important;
	line-height: 3.2rem !important;
	font-weight: 600 !important;
}

.b23-r{
	font-family: Montserrat;
	font-size: 2.3rem;
	font-style: normal;
	line-height: 3.2rem;
	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;
}

.t18-bl{
	font-family: Montserrat;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.5rem;
	font-weight: 700;
}

.t18-b{
	font-family: Montserrat;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.5rem;
	font-weight: 600;
}

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

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

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

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

.t28-bl{
	font-family: Montserrat;
	font-size: 2.8rem;
	font-style: normal;
	line-height: 3.9rem;
	font-weight: 700;
}

.t28-b{
	font-family: Montserrat;
	font-size: 2.8rem;
	font-style: normal;
	line-height: 3.9rem;
	font-weight: 600;
}

.t34-bl{
	font-family: Montserrat;
	font-size: 3.4rem;
	font-style: normal;
	line-height: 4.8rem;
	font-weight: 700;
}

.t34-b{
	font-family: Montserrat;
	font-size: 3.4rem;
	font-style: normal;
	line-height: 4.8rem;
	font-weight: 600;
}

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

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

.t40-m{
	font-family: Montserrat;
	font-size: 4rem;
	font-style: normal;
	line-height: 5.6rem;
	font-weight: 500;
}

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

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

.bn12-bl{
	font-family: NotoSans;
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1.7rem;
	font-weight: 700;
}

.bn12-b{
	font-family: NotoSans;
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1.7rem;
	font-weight: 600;
}

.bn12-m{
	font-family: NotoSans;
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1.7rem;
	font-weight: 500;
}

.bn12-r{
	font-family: NotoSans;
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1.7rem;
	font-weight: 400;
}

.bn14-bl{
	font-family: NotoSans;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 700;
}

.bn14-b{
	font-family: NotoSans;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 600;
}

.bn14-m{
	font-family: NotoSans;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 500;
}

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

.bn15-bl{
	font-family: NotoSans;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 700;
}

.bn15-b{
	font-family: NotoSans;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 600;
}

.bn15-m{
	font-family: NotoSans;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 500;
}

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

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

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

.\!bn16-m{
	font-family: NotoSans !important;
	font-size: 1.6rem !important;
	font-style: normal !important;
	line-height: 2.2rem !important;
	font-weight: 500 !important;
}

.bn16-m{
	font-family: NotoSans;
	font-size: 1.6rem;
	font-style: normal;
	line-height: 2.2rem;
	font-weight: 500;
}

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

.bn17-bl{
	font-family: NotoSans;
	font-size: 1.7rem;
	font-style: normal;
	line-height: 2.4rem;
	font-weight: 700;
}

.bn17-b{
	font-family: NotoSans;
	font-size: 1.7rem;
	font-style: normal;
	line-height: 2.4rem;
	font-weight: 600;
}

.bn17-m{
	font-family: NotoSans;
	font-size: 1.7rem;
	font-style: normal;
	line-height: 2.4rem;
	font-weight: 500;
}

.bn17-r{
	font-family: NotoSans;
	font-size: 1.7rem;
	font-style: normal;
	line-height: 2.4rem;
	font-weight: 400;
}

.bn18-bl{
	font-family: NotoSans;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.9rem;
	font-weight: 700;
}

.bn18-b{
	font-family: NotoSans;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.9rem;
	font-weight: 600;
}

.bn18-m{
	font-family: NotoSans;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.9rem;
	font-weight: 500;
}

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

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

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

.bn20-m{
	font-family: NotoSans;
	font-size: 2rem;
	font-style: normal;
	line-height: 2.8rem;
	font-weight: 500;
}

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

.bn23-bl{
	font-family: NotoSans;
	font-size: 2.3rem;
	font-style: normal;
	line-height: 3.2rem;
	font-weight: 700;
}

.bn23-b{
	font-family: NotoSans;
	font-size: 2.3rem;
	font-style: normal;
	line-height: 3.2rem;
	font-weight: 600;
}

.bn23-m{
	font-family: NotoSans;
	font-size: 2.3rem;
	font-style: normal;
	line-height: 3.2rem;
	font-weight: 500;
}

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

.bn26-bl{
	font-family: NotoSans;
	font-size: 2.6rem;
	font-style: normal;
	line-height: 3.1rem;
	font-weight: 700;
}

.bn26-b{
	font-family: NotoSans;
	font-size: 2.6rem;
	font-style: normal;
	line-height: 3.1rem;
	font-weight: 600;
}

.bn26-m{
	font-family: NotoSans;
	font-size: 2.6rem;
	font-style: normal;
	line-height: 3.1rem;
	font-weight: 500;
}

.bn26-r{
	font-family: NotoSans;
	font-size: 2.6rem;
	font-style: normal;
	line-height: 3.1rem;
	font-weight: 400;
}

.b15-m{
	font-family: Montserrat;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.1rem;
	font-weight: 500;
}

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

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

.b18-bl{
	font-family: Montserrat;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.5rem;
	font-weight: 700;
}

.b18-b{
	font-family: Montserrat;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.5rem;
	font-weight: 600;
}

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

.b22-r{
	font-family: Montserrat;
	font-size: 2.2rem;
	font-style: normal;
	line-height: 3rem;
	font-weight: 400;
}

.\!b23-b{
	font-family: Montserrat !important;
	font-size: 2.3rem !important;
	font-style: normal !important;
	line-height: 3.2rem !important;
	font-weight: 600 !important;
}

.b23-r{
	font-family: Montserrat;
	font-size: 2.3rem;
	font-style: normal;
	line-height: 3.2rem;
	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));
}

@media (max-width: 768px){
	.portfolio .card-list{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

.portfolio .card-list .img-wrap{
	position: relative;
	margin-bottom: -3rem;
	margin-left: -3rem;
	margin-top: -3rem;
	margin-right: 0;
	overflow: hidden;
	width: min(calc(539 / 1484 * 100vw),53.9rem);
	padding-top: min(calc(380 / 1484 * 100vw),38rem);
}

@media (min-width: 769px) and (max-width: 1080px){

	.portfolio .card-list .img-wrap{
		width: 100%;
		flex: 1 1 0%;
		padding-top: 45.5%;
	}
}

@media (max-width: 768px){

	.portfolio .card-list .img-wrap{
		position: static;
		margin: 0;
		height: auto;
		width: 100%;
		padding-top: 0;
	}
}

.portfolio .card-list .img-wrap > img{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: auto;
}

@media (min-width: 769px) and (max-width: 1080px){
	.portfolio .card-list .img-wrap > img{
		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));
	}
}

@media (max-width: 768px){

	.portfolio .card-list .img-wrap > img{
		position: static;
		width: 100%;
		border-radius: 0.8rem;
	}
}

.portfolio .card-list .text-wrap{
	position: relative;
	margin-left: 4rem;
	padding-bottom: 3.4rem;
}

@media (min-width: 769px) and (max-width: 1080px){

	.portfolio .card-list .text-wrap{
		margin-left: 3rem;
		width: 29.3rem;
	}
}

@media (max-width: 768px){

	.portfolio .card-list .text-wrap{
		margin-left: 0;
		margin-top: 1.6rem;
		width: 100%;
		padding-bottom: 2.8rem;
	}
}

.portfolio .card-list .text-wrap .link{
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Montserrat;
	font-size: 2rem;
	font-style: normal;
	line-height: 2.8rem;
	font-weight: 400;
}

@media (min-width: 769px) and (max-width: 1080px){

	.portfolio .card-list .text-wrap .link{
		font-family: Montserrat;
		font-size: 1.4rem;
		font-style: normal;
		line-height: 1.8rem;
		font-weight: 400;
	}
}

@media (max-width: 768px){

	.portfolio .card-list .text-wrap .link{
		font-family: Montserrat;
		font-size: 1.4rem;
		font-style: normal;
		line-height: 1.8rem;
		font-weight: 400;
	}
}

.portfolio .card-list .text-wrap .link::after{
	margin-left: 1rem;
	display: block;
	height: 3.2rem;
	width: 3.2rem;
	background-size: cover;
	background-position: center;
}

@media (min-width: 769px) and (max-width: 1080px){

	.portfolio .card-list .text-wrap .link::after{
		height: 1.6rem;
		width: 1.6rem;
	}
}

@media (max-width: 768px){

	.portfolio .card-list .text-wrap .link::after{
		height: 1.6rem;
		width: 1.6rem;
	}
}

.portfolio .card-list .text-wrap .link::after {
						background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAJGUExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGQTVooAAADBdFJOUwD+3/YCqKJiZgRF4/VDAfvECCAkQMDaGv1NQvof6xTLB/Rg4iF6EOzFru3TR5Fdp9VrY4PJ+OjHdeHn5QUbZ53OHS8q0dzv5H5Ef9R4PQMe18/uWdAS1vIGFmGXpBOhmTC4lk9ajVxxeWRuGDQKzZPgLNv3IqBzEVdv6YSvt76tpl5VMieAKMy9fattQcNLRrGfoysPgd3Sud605k7qDqrwyGhQCzaKyti2N/lqkvwlrMYMFV8j2ReQHGzzmi1RSakKKy6zAAADeklEQVRYw81X9UPbUBBOy4Z1oxQGdKVQ3N3dYYJvMEM3bIMBg7m7u7u7u+v3n+2aNlB5aZL+xP2Sy937viSXd/fuOG7GyqWzsZ0mzXKtPrIwIXFhSpcydHhBUCjsRJWwPUA2fN41rRWVF9w2lhEmkNyYLw8exK9Wr4mqHrVYIg5u62nhjclnJOEjieaF8dlVjo4j2WqzZ7bEh6Ql0aJlgxFs5xVyhj1wAS9JpRVJJ2eJLsjaQAu+RYi5P/qT+8RKV29YWU5LKkLYztJnQO6wVJCGNwK1lSzPymAg74X0X5qIJoYRZ7vPeyD6rZz/HEO/w6RzMj8BigPlbbQYDdDhaPQCtOvlbtWqSGCdvSmgGCiQnytlQJ19ILuBC0qybTOw2/a+kQLI3qNxi5jm9h3AKZv7HKCMudBPjW7mxlwF+NskICUf+1V1dYAnk+EoYJi6eQd8EvlYXw8Rhj5gj6Ab6QX8OIUMTQugEnLCGxgQD7gYw0KgwapSCZrgFDMEToXxwxsEu/zpIgz10MbxyiKgnHODgaqPpcquBQY5NxiWAod5JR14zLnBQEFI5xUqZDrODYYVWtTwihpJMtKHwaBBMX9djhbB9NdLXCgBHRiS4cFfQ9FqtURBSmI5uxRU+VkIrk6XJQnZYkuQD/AE9zApmP54i8s/88HmY0tQgVz+Go3bMoI4d44jnoJYxF/vQ/XIHbyPHvm84glUu4HnLgLnhK0c5QaeewhctmwRYI0beG4cSOGVO7liFdElnqsBwqcKSpVyPOVSvlUtALIV47lYYMiqdmkRtkIpnnIQMYK+GliqFN8PPLc9WJLZjZEuXgTPUTvSN31HYcxkE2hE8HS0ZXB2Z1t8OJPB2Mg8ckLUQkW1SqJQ32RKD3DXnnGJ2Ecw5Qc1nA7twH5go+wWp5panFeOxtdA0WeZTRb1q+PObS5V98JNcvCbKIA1jIMg/Aug6ZXG/6Ymr/Y7s9WlvfFySALut+4nMGlkO78+pbp5vtkVvt3cbI+FiLl9BshdmCX++Kg8moN+jbp4QtZNoriexvQ13TKRc0mZ628M6OQHpp2HnOrHYo15DFvdLBllQwV/Bi3rONBbYh26AvtT6/kpzt8ga6Ok7BKGxaK2HFPGAssQqNIfM8je68ZMf5X93Bl6uqFU2fAa53t8b4LGQ6WP1LTuWzx/68wd0v8DMdefzmimSasAAAAASUVORK5CYII=');
						content: '';
					}

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

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

.hover\:bg-base-20:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.data-checked\:bg-primary-red[data-checked]{
	--tw-bg-opacity: 1;
	background-color: rgb(201 58 41 / var(--tw-bg-opacity));
}

.data-enabled\:font-semibold:not([data-disabled]){
	font-weight: 600;
}

.data-enabled\:hover\:underline:hover:not([data-disabled]){
	text-decoration-line: underline;
}

@media (min-width: 1081px){

	.lg\:absolute{
		position: absolute;
	}

	.lg\:right-150{
		right: 15rem;
	}

	.lg\:top-290{
		top: 29rem;
	}

	.lg\:\!m-0{
		margin: 0 !important;
	}

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

	.lg\:\!mb-70{
		margin-bottom: 7rem !important;
	}

	.lg\:\!mr-\[min\(calc\(100\/1484\*100vw\)\2c 10rem\)\]{
		margin-right: min(calc(100 / 1484 * 100vw),10rem) !important;
	}

	.lg\:mb-100{
		margin-bottom: 10rem;
	}

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

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

	.lg\:ml-54{
		margin-left: 5.4rem;
	}

	.lg\:ml-\[min\(calc\(100\/1484\*100vw\)\2c 10rem\)\]{
		margin-left: min(calc(100 / 1484 * 100vw),10rem);
	}

	.lg\:mr-\[min\(calc\(100\/1484\*100vw\)\2c 10rem\)\]{
		margin-right: min(calc(100 / 1484 * 100vw),10rem);
	}

	.lg\:mt-0{
		margin-top: 0;
	}

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

	.lg\:mt-50{
		margin-top: 5rem;
	}

	.lg\:block{
		display: block;
	}

	.lg\:flex{
		display: flex;
	}

	.lg\:hidden{
		display: none;
	}

	.lg\:h-200{
		height: 20rem;
	}

	.lg\:h-380{
		height: 38rem;
	}

	.lg\:h-\[28rem\]{
		height: 28rem;
	}

	.lg\:h-\[29rem\]{
		height: 29rem;
	}

	.lg\:h-\[34rem\]{
		height: 34rem;
	}

	.lg\:h-\[min\(calc\(780\/1484\*100vw\)\2c 68rem\)\]{
		height: min(calc(780 / 1484 * 100vw),68rem);
	}

	.lg\:h-auto{
		height: auto;
	}

	.lg\:h-full{
		height: 100%;
	}

	.lg\:min-h-400{
		min-height: 40rem;
	}

	.lg\:w-550{
		width: 55rem;
	}

	.lg\:w-\[28rem\]{
		width: 28rem;
	}

	.lg\:w-\[29rem\]{
		width: 29rem;
	}

	.lg\:w-\[34rem\]{
		width: 34rem;
	}

	.lg\:w-\[65rem\]{
		width: 65rem;
	}

	.lg\:w-\[max\(264\.2rem\2c 100\%\)\]{
		width: max(264.2rem,100%);
	}

	.lg\:w-\[min\(calc\(990\/1484\*100vw\)\2c 90rem\)\]{
		width: min(calc(990 / 1484 * 100vw),90rem);
	}

	.lg\:w-full{
		width: 100%;
	}

	.lg\:min-w-\[37\.4rem\]{
		min-width: 37.4rem;
	}

	.lg\:max-w-\[116\.8rem\]{
		max-width: 116.8rem;
	}

	.lg\:max-w-\[51\.4rem\]{
		max-width: 51.4rem;
	}

	.lg\:max-w-\[57rem\]{
		max-width: 57rem;
	}

	.lg\:max-w-\[71\.5rem\]{
		max-width: 71.5rem;
	}

	.lg\:\!flex-row{
		flex-direction: row !important;
	}

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

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

	.lg\:overflow-hidden{
		overflow: hidden;
	}

	.lg\:rounded-20{
		border-radius: 2rem;
	}

	.lg\:rounded-\[2\.5rem\]{
		border-radius: 2.5rem;
	}

	.lg\:bg-\[length\:16\.1rem_auto\]{
		background-size: 16.1rem auto;
	}

	.lg\:bg-\[9rem_100\%\]{
		background-position: 9rem 100%;
	}

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

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

	.lg\:py-\[5\.1rem\]{
		padding-top: 5.1rem;
		padding-bottom: 5.1rem;
	}

	.lg\:\!pb-\[min\(calc\(444\/1484\*100vw\)\2c 44\.4rem\)\]{
		padding-bottom: min(calc(444 / 1484 * 100vw),44.4rem) !important;
	}

	.lg\:pl-\[29\.1rem\]{
		padding-left: 29.1rem;
	}

	.lg\:pt-250{
		padding-top: 25rem;
	}

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

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

	.lg\:t40-bl{
		font-family: Montserrat;
		font-size: 4rem;
		font-style: normal;
		line-height: 5.6rem;
		font-weight: 700;
	}

	.lg\:b22-r{
		font-family: Montserrat;
		font-size: 2.2rem;
		font-style: normal;
		line-height: 3rem;
		font-weight: 400;
	}

	.lg\:t40-bl{
		font-family: Montserrat;
		font-size: 4rem;
		font-style: normal;
		line-height: 5.6rem;
		font-weight: 700;
	}

	.lg\:b22-r{
		font-family: Montserrat;
		font-size: 2.2rem;
		font-style: normal;
		line-height: 3rem;
		font-weight: 400;
	}
	.lg\: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));
	}
	.lg\:first\:pl-20:first-child{
		padding-left: 2rem;
	}
}

@media (min-width: 769px) and (max-width: 1080px){

	.md\:static{
		position: static;
	}

	.md\:absolute{
		position: absolute;
	}

	.md\:relative{
		position: relative;
	}

	.md\:-top-50{
		top: -5rem;
	}

	.md\:bottom-0{
		bottom: 0;
	}

	.md\:bottom-120{
		bottom: 12rem;
	}

	.md\:bottom-23{
		bottom: 2.3rem;
	}

	.md\:bottom-32{
		bottom: 3.2rem;
	}

	.md\:bottom-\[-0\.3rem\]{
		bottom: -0.3rem;
	}

	.md\:bottom-\[-7\.5rem\]{
		bottom: -7.5rem;
	}

	.md\:bottom-\[0\.5rem\]{
		bottom: 0.5rem;
	}

	.md\:bottom-\[15rem\]{
		bottom: 15rem;
	}

	.md\:left-\[0rem\]{
		left: 0rem;
	}

	.md\:left-\[15\.3rem\]{
		left: 15.3rem;
	}

	.md\:left-\[2\.2rem\]{
		left: 2.2rem;
	}

	.md\:left-\[33\.4rem\]{
		left: 33.4rem;
	}

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

	.md\:left-\[8\.1rem\]{
		left: 8.1rem;
	}

	.md\:left-\[9\.5rem\]{
		left: 9.5rem;
	}

	.md\:left-\[calc\(50\%\+23rem\*0\.5\)\]{
		left: calc(50% + 23rem * 0.5);
	}

	.md\:left-\[calc\(50\%\+23rem\*0\.5\+1rem\)\]{
		left: calc(50% + 23rem * 0.5 + 1rem);
	}

	.md\:left-\[calc\(50\%\+3\.5rem-23rem\*1\.5-1\.6rem\)\]{
		left: calc(50% + 3.5rem - 23rem * 1.5 - 1.6rem);
	}

	.md\:left-\[calc\(50\%-23rem\*0\.5-0\.7rem\)\]{
		left: calc(50% - 23rem * 0.5 - 0.7rem);
	}

	.md\:left-auto{
		left: auto;
	}

	.md\:right-0{
		right: 0;
	}

	.md\:right-\[11\.7rem\]{
		right: 11.7rem;
	}

	.md\:right-\[2\.5rem\]{
		right: 2.5rem;
	}

	.md\:right-\[26\.1rem\]{
		right: 26.1rem;
	}

	.md\:right-\[5rem\]{
		right: 5rem;
	}

	.md\:right-auto{
		right: auto;
	}

	.md\:top-\[-2\.2rem\]{
		top: -2.2rem;
	}

	.md\:top-\[-47rem\]{
		top: -47rem;
	}

	.md\:top-\[-49rem\]{
		top: -49rem;
	}

	.md\:top-\[23\.1rem\]{
		top: 23.1rem;
	}

	.md\:top-\[24\.5rem\]{
		top: 24.5rem;
	}

	.md\:top-\[9rem\]{
		top: 9rem;
	}

	.md\:top-auto{
		top: auto;
	}

	.md\:order-2{
		order: 2;
	}

	.md\:m-0{
		margin: 0;
	}

	.md\:\!mx-auto{
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.md\:-mx-36{
		margin-left: -3.6rem;
		margin-right: -3.6rem;
	}

	.md\:-mx-40{
		margin-left: -4rem;
		margin-right: -4rem;
	}

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

	.md\:my-20{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	.md\:\!mb-10{
		margin-bottom: 1rem !important;
	}

	.md\:\!mt-100{
		margin-top: 10rem !important;
	}

	.md\:mb-14{
		margin-bottom: 1.4rem;
	}

	.md\:mb-16{
		margin-bottom: 1.6rem;
	}

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

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

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

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

	.md\:mb-70{
		margin-bottom: 7rem;
	}

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

	.md\:mb-\[5\.4rem\]{
		margin-bottom: 5.4rem;
	}

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

	.md\:ml-\[4\.2rem\]{
		margin-left: 4.2rem;
	}

	.md\:mr-6{
		margin-right: 0.6rem;
	}

	.md\:mr-\[1\.6rem\]{
		margin-right: 1.6rem;
	}

	.md\:mr-\[2\.3rem\]{
		margin-right: 2.3rem;
	}

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

	.md\:mt-50{
		margin-top: 5rem;
	}

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

	.md\:mt-\[35rem\]{
		margin-top: 35rem;
	}

	.md\:block{
		display: block;
	}

	.md\:flex{
		display: flex;
	}

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

	.md\:hidden{
		display: none;
	}

	.md\:\!h-200{
		height: 20rem !important;
	}

	.md\:h-140{
		height: 14rem;
	}

	.md\:h-150{
		height: 15rem;
	}

	.md\:h-16{
		height: 1.6rem;
	}

	.md\:h-230{
		height: 23rem;
	}

	.md\:h-400{
		height: 40rem;
	}

	.md\:h-70{
		height: 7rem;
	}

	.md\:h-\[103\.9rem\]{
		height: 103.9rem;
	}

	.md\:h-\[103rem\]{
		height: 103rem;
	}

	.md\:h-\[2\.7rem\]{
		height: 2.7rem;
	}

	.md\:h-\[23rem\]{
		height: 23rem;
	}

	.md\:h-\[3\.3rem\]{
		height: 3.3rem;
	}

	.md\:h-\[30\.7rem\]{
		height: 30.7rem;
	}

	.md\:h-\[38\.2rem\]{
		height: 38.2rem;
	}

	.md\:h-\[4\.6rem\]{
		height: 4.6rem;
	}

	.md\:h-\[5\.1rem\]{
		height: 5.1rem;
	}

	.md\:h-\[54rem\]{
		height: 54rem;
	}

	.md\:h-\[7\.5rem\]{
		height: 7.5rem;
	}

	.md\:h-\[calc\(605\/768\*100vw\)\]{
		height: calc(605 / 768 * 100vw);
	}

	.md\:h-auto{
		height: auto;
	}

	.md\:min-h-400{
		min-height: 40rem;
	}

	.md\:min-h-72{
		min-height: 7.2rem;
	}

	.md\:min-h-\[9rem\]{
		min-height: 9rem;
	}

	.md\:\!w-\[32\.5rem\]{
		width: 32.5rem !important;
	}

	.md\:w-16{
		width: 1.6rem;
	}

	.md\:w-180{
		width: 18rem;
	}

	.md\:w-230{
		width: 23rem;
	}

	.md\:w-310{
		width: 31rem;
	}

	.md\:w-47{
		width: 4.7rem;
	}

	.md\:w-\[10rem\]{
		width: 10rem;
	}

	.md\:w-\[11\.6rem\]{
		width: 11.6rem;
	}

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

	.md\:w-\[14rem\]{
		width: 14rem;
	}

	.md\:w-\[15\.9rem\]{
		width: 15.9rem;
	}

	.md\:w-\[18\.4rem\]{
		width: 18.4rem;
	}

	.md\:w-\[20\.4rem\]{
		width: 20.4rem;
	}

	.md\:w-\[22\.4rem\]{
		width: 22.4rem;
	}

	.md\:w-\[23rem\]{
		width: 23rem;
	}

	.md\:w-\[25\.2rem\]{
		width: 25.2rem;
	}

	.md\:w-\[29\.3rem\]{
		width: 29.3rem;
	}

	.md\:w-\[3\.4rem\]{
		width: 3.4rem;
	}

	.md\:w-\[3\.6rem\]{
		width: 3.6rem;
	}

	.md\:w-\[32\.5rem\]{
		width: 32.5rem;
	}

	.md\:w-\[3rem\]{
		width: 3rem;
	}

	.md\:w-\[5\.7rem\]{
		width: 5.7rem;
	}

	.md\:w-\[6\.2rem\]{
		width: 6.2rem;
	}

	.md\:w-\[6rem\]{
		width: 6rem;
	}

	.md\:w-\[min\(calc\(664\/1484\*100vw\)\2c 66\.4rem\)\]{
		width: min(calc(664 / 1484 * 100vw),66.4rem);
	}

	.md\:w-auto{
		width: auto;
	}

	.md\:w-full{
		width: 100%;
	}

	.md\:min-w-\[15rem\]{
		min-width: 15rem;
	}

	.md\:\!max-w-\[57\.5rem\]{
		max-width: 57.5rem !important;
	}

	.md\:\!max-w-\[64\.8rem\]{
		max-width: 64.8rem !important;
	}

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

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

	.md\:max-w-\[44\.5rem\]{
		max-width: 44.5rem;
	}

	.md\:max-w-\[52\.8rem\]{
		max-width: 52.8rem;
	}

	.md\:max-w-\[64\.8rem\]{
		max-width: 64.8rem;
	}

	.md\:max-w-\[69\.4rem\]{
		max-width: 69.4rem;
	}

	.md\:max-w-\[71\.5rem\]{
		max-width: 71.5rem;
	}

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

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

	.md\:scale-\[0\.8\]{
		--tw-scale-x: 0.8;
		--tw-scale-y: 0.8;
		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));
	}

	.md\:\!flex-row{
		flex-direction: row !important;
	}

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

	.md\:flex-col-reverse{
		flex-direction: column-reverse;
	}

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

	.md\:gap-16{
		gap: 1.6rem;
	}

	.md\:overflow-hidden{
		overflow: hidden;
	}

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

	.md\:rounded-\[1\.5rem\]{
		border-radius: 1.5rem;
	}

	.md\:rounded-\[2\.5rem\]{
		border-radius: 2.5rem;
	}

	.md\:bg-groundtablet{
		background-image: url('/assets/images/ground_tablet.B4Frxva2.png');
	}

	.md\:bg-\[length\:12\.4rem_12\.6rem\]{
		background-size: 12.4rem 12.6rem;
	}

	.md\:bg-\[center_5rem\]{
		background-position: center 5rem;
	}

	.md\:p-0{
		padding: 0;
	}

	.md\:p-16{
		padding: 1.6rem;
	}

	.md\:p-\[3rem_8rem\]{
		padding: 3rem 8rem;
	}

	.md\:\!px-120{
		padding-left: 12rem !important;
		padding-right: 12rem !important;
	}

	.md\:\!px-30{
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}

	.md\:\!px-60{
		padding-left: 6rem !important;
		padding-right: 6rem !important;
	}

	.md\:\!py-100{
		padding-top: 10rem !important;
		padding-bottom: 10rem !important;
	}

	.md\:\!py-\[2\.7rem\]{
		padding-top: 2.7rem !important;
		padding-bottom: 2.7rem !important;
	}

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

	.md\:px-60{
		padding-left: 6rem;
		padding-right: 6rem;
	}

	.md\:py-0{
		padding-top: 0;
		padding-bottom: 0;
	}

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

	.md\:\!pb-0{
		padding-bottom: 0 !important;
	}

	.md\:pb-30{
		padding-bottom: 3rem;
	}

	.md\:pb-60{
		padding-bottom: 6rem;
	}

	.md\:pb-80{
		padding-bottom: 8rem;
	}

	.md\:pt-0{
		padding-top: 0;
	}

	.md\:pt-120{
		padding-top: 12rem;
	}

	.md\:pt-80{
		padding-top: 8rem;
	}

	.md\:pt-\[12rem\]{
		padding-top: 12rem;
	}

	.md\:pt-\[15rem\]{
		padding-top: 15rem;
	}

	.md\:pt-\[20\.6rem\]{
		padding-top: 20.6rem;
	}

	.md\:pt-\[45\.5\%\]{
		padding-top: 45.5%;
	}

	.md\:pt-\[6rem\]{
		padding-top: 6rem;
	}

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

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

	.md\:text-\[1\.6rem\]{
		font-size: 1.6rem;
	}

	.md\:text-\[2\.6rem\]{
		font-size: 2.6rem;
	}

	.md\:leading-\[120\%\]{
		line-height: 120%;
	}

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

	.md\:t20-bl{
		font-family: Montserrat;
		font-size: 2rem;
		font-style: normal;
		line-height: 2.8rem;
		font-weight: 700;
	}

	.md\:t23-bl{
		font-family: Montserrat;
		font-size: 2.3rem;
		font-style: normal;
		line-height: 3.4rem;
		font-weight: 700;
	}

	.md\:t25-b{
		font-family: Montserrat;
		font-size: 2.5rem;
		font-style: normal;
		line-height: 3.6rem;
		font-weight: 600;
	}

	.md\:t32-bl{
		font-family: Montserrat;
		font-size: 3.2rem;
		font-style: normal;
		line-height: 4.4rem;
		font-weight: 700;
	}

	.md\:t34-bl{
		font-family: Montserrat;
		font-size: 3.4rem;
		font-style: normal;
		line-height: 4.8rem;
		font-weight: 700;
	}

	.md\:b14-r{
		font-family: Montserrat;
		font-size: 1.4rem;
		font-style: normal;
		line-height: 1.8rem;
		font-weight: 400;
	}

	.md\:b15-r{
		font-family: Montserrat;
		font-size: 1.5rem;
		font-style: normal;
		line-height: 2.1rem;
		font-weight: 400;
	}

	.md\:b17-r{
		font-family: Montserrat;
		font-size: 1.7rem;
		font-style: normal;
		line-height: 2.4rem;
		font-weight: 400;
	}

	.md\:\!b20-r{
		font-family: Montserrat !important;
		font-size: 2rem !important;
		font-style: normal !important;
		line-height: 2.8rem !important;
		font-weight: 400 !important;
	}

	.md\:b20-r{
		font-family: Montserrat;
		font-size: 2rem;
		font-style: normal;
		line-height: 2.8rem;
		font-weight: 400;
	}

	.md\:t20-bl{
		font-family: Montserrat;
		font-size: 2rem;
		font-style: normal;
		line-height: 2.8rem;
		font-weight: 700;
	}

	.md\:t23-bl{
		font-family: Montserrat;
		font-size: 2.3rem;
		font-style: normal;
		line-height: 3.4rem;
		font-weight: 700;
	}

	.md\:t25-b{
		font-family: Montserrat;
		font-size: 2.5rem;
		font-style: normal;
		line-height: 3.6rem;
		font-weight: 600;
	}

	.md\:t32-bl{
		font-family: Montserrat;
		font-size: 3.2rem;
		font-style: normal;
		line-height: 4.4rem;
		font-weight: 700;
	}

	.md\:t34-bl{
		font-family: Montserrat;
		font-size: 3.4rem;
		font-style: normal;
		line-height: 4.8rem;
		font-weight: 700;
	}

	.md\:b14-r{
		font-family: Montserrat;
		font-size: 1.4rem;
		font-style: normal;
		line-height: 1.8rem;
		font-weight: 400;
	}

	.md\:b15-r{
		font-family: Montserrat;
		font-size: 1.5rem;
		font-style: normal;
		line-height: 2.1rem;
		font-weight: 400;
	}

	.md\:b17-r{
		font-family: Montserrat;
		font-size: 1.7rem;
		font-style: normal;
		line-height: 2.4rem;
		font-weight: 400;
	}

	.md\:\!b20-r{
		font-family: Montserrat !important;
		font-size: 2rem !important;
		font-style: normal !important;
		line-height: 2.8rem !important;
		font-weight: 400 !important;
	}

	.md\:b20-r{
		font-family: Montserrat;
		font-size: 2rem;
		font-style: normal;
		line-height: 2.8rem;
		font-weight: 400;
	}
	.md\:flex-col-center{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.md\: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));
	}
}

@media (max-width: 768px){

	.sm\:static{
		position: static;
	}

	.sm\:absolute{
		position: absolute;
	}

	.sm\:-left-\[23\.3rem\]{
		left: -23.3rem;
	}

	.sm\:-top-50{
		top: -5rem;
	}

	.sm\:bottom-0{
		bottom: 0;
	}

	.sm\:bottom-30{
		bottom: 3rem;
	}

	.sm\:bottom-43{
		bottom: 4.3rem;
	}

	.sm\:bottom-\[0\.2rem\]{
		bottom: 0.2rem;
	}

	.sm\:bottom-\[0\.3rem\]{
		bottom: 0.3rem;
	}

	.sm\:bottom-\[7\.4rem\]{
		bottom: 7.4rem;
	}

	.sm\:left-\[0rem\]{
		left: 0rem;
	}

	.sm\:left-\[33\.4rem\]{
		left: 33.4rem;
	}

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

	.sm\:left-\[calc\(50\%-12\.3rem\)\]{
		left: calc(50% - 12.3rem);
	}

	.sm\:left-\[calc\(50\%-15rem\)\]{
		left: calc(50% - 15rem);
	}

	.sm\:left-\[calc\(50\%-16rem\)\]{
		left: calc(50% - 16rem);
	}

	.sm\:left-\[calc\(50\%-18\.5rem\)\]{
		left: calc(50% - 18.5rem);
	}

	.sm\:left-auto{
		left: auto;
	}

	.sm\:right-\[1\.2rem\]{
		right: 1.2rem;
	}

	.sm\:right-\[calc\(50\%-12\.5rem\)\]{
		right: calc(50% - 12.5rem);
	}

	.sm\:right-\[calc\(50\%-17rem\)\]{
		right: calc(50% - 17rem);
	}

	.sm\:right-\[calc\(50\%-5\.5rem\)\]{
		right: calc(50% - 5.5rem);
	}

	.sm\:right-auto{
		right: auto;
	}

	.sm\:top-500{
		top: 50rem;
	}

	.sm\:top-\[13\.2rem\]{
		top: 13.2rem;
	}

	.sm\:top-\[16rem\]{
		top: 16rem;
	}

	.sm\:top-\[17\.7rem\]{
		top: 17.7rem;
	}

	.sm\:top-auto{
		top: auto;
	}

	.sm\:m-0{
		margin: 0;
	}

	.sm\:\!mx-auto{
		margin-left: auto !important;
		margin-right: auto !important;
	}

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

	.sm\:mx-10{
		margin-left: 1rem;
		margin-right: 1rem;
	}

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

	.sm\:my-0{
		margin-top: 0;
		margin-bottom: 0;
	}

	.sm\:my-20{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	.sm\:my-5{
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

	.sm\:my-50{
		margin-top: 5rem;
		margin-bottom: 5rem;
	}

	.sm\:\!mt-0{
		margin-top: 0 !important;
	}

	.sm\:\!mt-100{
		margin-top: 10rem !important;
	}

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

	.sm\:mb-14{
		margin-bottom: 1.4rem;
	}

	.sm\:mb-16{
		margin-bottom: 1.6rem;
	}

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

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

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

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

	.sm\:ml-0{
		margin-left: 0;
	}

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

	.sm\:mr-9{
		margin-right: 0.9rem;
	}

	.sm\:mt-0{
		margin-top: 0;
	}

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

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

	.sm\:mt-250{
		margin-top: 25rem;
	}

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

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

	.sm\:mt-42{
		margin-top: 4.2rem;
	}

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

	.sm\:block{
		display: block;
	}

	.sm\:flex{
		display: flex;
	}

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

	.sm\:\!hidden{
		display: none !important;
	}

	.sm\:hidden{
		display: none;
	}

	.sm\:\!h-200{
		height: 20rem !important;
	}

	.sm\:h-16{
		height: 1.6rem;
	}

	.sm\:h-170{
		height: 17rem;
	}

	.sm\:h-28{
		height: 2.8rem;
	}

	.sm\:h-300{
		height: 30rem;
	}

	.sm\:h-400{
		height: 40rem;
	}

	.sm\:h-42{
		height: 4.2rem;
	}

	.sm\:h-\[12\.3rem\]{
		height: 12.3rem;
	}

	.sm\:h-\[15\.9rem\]{
		height: 15.9rem;
	}

	.sm\:h-\[16rem\]{
		height: 16rem;
	}

	.sm\:h-\[25\.5rem\]{
		height: 25.5rem;
	}

	.sm\:h-\[calc\(354\/375\*100vw\)\]{
		height: calc(354 / 375 * 100vw);
	}

	.sm\:h-auto{
		height: auto;
	}

	.sm\:h-full{
		height: 100%;
	}

	.sm\:max-h-\[57\.6rem\]{
		max-height: 57.6rem;
	}

	.sm\:min-h-170{
		min-height: 17rem;
	}

	.sm\:min-h-45{
		min-height: 4.5rem;
	}

	.sm\:min-h-63{
		min-height: 6.3rem;
	}

	.sm\:min-h-\[29rem\]{
		min-height: 29rem;
	}

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

	.sm\:\!w-\[32\.5rem\]{
		width: 32.5rem !important;
	}

	.sm\:w-160{
		width: 16rem;
	}

	.sm\:w-180{
		width: 18rem;
	}

	.sm\:w-200{
		width: 20rem;
	}

	.sm\:w-23{
		width: 2.3rem;
	}

	.sm\:w-250{
		width: 25rem;
	}

	.sm\:w-28{
		width: 2.8rem;
	}

	.sm\:w-300{
		width: 30rem;
	}

	.sm\:w-310{
		width: 31rem;
	}

	.sm\:w-\[1\.8rem\]{
		width: 1.8rem;
	}

	.sm\:w-\[11\.2rem\]{
		width: 11.2rem;
	}

	.sm\:w-\[12\.6rem\]{
		width: 12.6rem;
	}

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

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

	.sm\:w-\[32\.5rem\]{
		width: 32.5rem;
	}

	.sm\:w-\[32\.7rem\]{
		width: 32.7rem;
	}

	.sm\:w-\[3rem\]{
		width: 3rem;
	}

	.sm\:w-\[5rem\]{
		width: 5rem;
	}

	.sm\:w-\[7\.7rem\]{
		width: 7.7rem;
	}

	.sm\:w-\[7rem\]{
		width: 7rem;
	}

	.sm\:w-\[9\.3rem\]{
		width: 9.3rem;
	}

	.sm\:w-\[calc\(100\%\+max\(calc\(32\/768\*100vw\)\2c 3\.2rem\)\+max\(calc\(32\/768\*100vw\)\2c 3\.2rem\)\)\]{
		width: calc(100% + max(calc(32 / 768 * 100vw),3.2rem) + max(calc(32 / 768 * 100vw),3.2rem));
	}

	.sm\:w-auto{
		width: auto;
	}

	.sm\:w-full{
		width: 100%;
	}

	.sm\:min-w-440{
		min-width: 44rem;
	}

	.sm\:min-w-full{
		min-width: 100%;
	}

	.sm\:max-w-340{
		max-width: 34rem;
	}

	.sm\:max-w-\[27rem\]{
		max-width: 27rem;
	}

	.sm\:max-w-\[37\.5rem\]{
		max-width: 37.5rem;
	}

	.sm\:max-w-\[41\.8rem\]{
		max-width: 41.8rem;
	}

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

	.sm\:max-w-none{
		max-width: none;
	}

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

	.sm\:-translate-x-\[10\%\]{
		--tw-translate-x: -10%;
		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));
	}

	.sm\:scale-\[0\.6\]{
		--tw-scale-x: 0.6;
		--tw-scale-y: 0.6;
		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));
	}

	.sm\:transform-none{
		transform: none;
	}

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

	.sm\:flex-col-reverse{
		flex-direction: column-reverse;
	}

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

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

	.sm\:rounded-0{
		border-radius: 0;
	}

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

	.sm\:rounded-\[0\.77rem\]{
		border-radius: 0.77rem;
	}

	.sm\:rounded-\[1\.5rem\]{
		border-radius: 1.5rem;
	}

	.sm\:bg-groundtablet{
		background-image: url('/assets/images/ground_tablet.B4Frxva2.png');
	}

	.sm\:bg-\[length\:12\.4rem_12\.6rem\]{
		background-size: 12.4rem 12.6rem;
	}

	.sm\:bg-\[center_5rem\]{
		background-position: center 5rem;
	}

	.sm\:\!p-0{
		padding: 0 !important;
	}

	.sm\:p-0{
		padding: 0;
	}

	.sm\:p-\[2rem\]{
		padding: 2rem;
	}

	.sm\:\!px-24{
		padding-left: 2.4rem !important;
		padding-right: 2.4rem !important;
	}

	.sm\:\!py-60{
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}

	.sm\:px-24{
		padding-left: 2.4rem;
		padding-right: 2.4rem;
	}

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

	.sm\:py-0{
		padding-top: 0;
		padding-bottom: 0;
	}

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

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

	.sm\:\!pt-0{
		padding-top: 0 !important;
	}

	.sm\:pb-0{
		padding-bottom: 0;
	}

	.sm\:pb-30{
		padding-bottom: 3rem;
	}

	.sm\:pb-50{
		padding-bottom: 5rem;
	}

	.sm\:pb-67{
		padding-bottom: 6.7rem;
	}

	.sm\:pt-30{
		padding-top: 3rem;
	}

	.sm\:pt-80{
		padding-top: 8rem;
	}

	.sm\:pt-\[20\.6rem\]{
		padding-top: 20.6rem;
	}

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

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

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

	.sm\:t18-bl{
		font-family: Montserrat;
		font-size: 1.8rem;
		font-style: normal;
		line-height: 2.5rem;
		font-weight: 700;
	}

	.sm\:t20-bl{
		font-family: Montserrat;
		font-size: 2rem;
		font-style: normal;
		line-height: 2.8rem;
		font-weight: 700;
	}

	.sm\:t22-bl{
		font-family: Montserrat;
		font-size: 2.2rem;
		font-style: normal;
		line-height: 3.2rem;
		font-weight: 700;
	}

	.sm\:t23-bl{
		font-family: Montserrat;
		font-size: 2.3rem;
		font-style: normal;
		line-height: 3.4rem;
		font-weight: 700;
	}

	.sm\:t28-bl{
		font-family: Montserrat;
		font-size: 2.8rem;
		font-style: normal;
		line-height: 3.9rem;
		font-weight: 700;
	}

	.sm\:\!b15-r{
		font-family: Montserrat !important;
		font-size: 1.5rem !important;
		font-style: normal !important;
		line-height: 2.1rem !important;
		font-weight: 400 !important;
	}

	.sm\:b15-r{
		font-family: Montserrat;
		font-size: 1.5rem;
		font-style: normal;
		line-height: 2.1rem;
		font-weight: 400;
	}

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

	.sm\:\!b18-m{
		font-family: Montserrat !important;
		font-size: 1.8rem !important;
		font-style: normal !important;
		line-height: 2.5rem !important;
		font-weight: 500 !important;
	}

	.sm\:b23-m{
		font-family: Montserrat;
		font-size: 2.3rem;
		font-style: normal;
		line-height: 3.2rem;
		font-weight: 500;
	}

	.sm\:t18-bl{
		font-family: Montserrat;
		font-size: 1.8rem;
		font-style: normal;
		line-height: 2.5rem;
		font-weight: 700;
	}

	.sm\:t20-bl{
		font-family: Montserrat;
		font-size: 2rem;
		font-style: normal;
		line-height: 2.8rem;
		font-weight: 700;
	}

	.sm\:t22-bl{
		font-family: Montserrat;
		font-size: 2.2rem;
		font-style: normal;
		line-height: 3.2rem;
		font-weight: 700;
	}

	.sm\:t23-bl{
		font-family: Montserrat;
		font-size: 2.3rem;
		font-style: normal;
		line-height: 3.4rem;
		font-weight: 700;
	}

	.sm\:t28-bl{
		font-family: Montserrat;
		font-size: 2.8rem;
		font-style: normal;
		line-height: 3.9rem;
		font-weight: 700;
	}

	.sm\:\!b15-r{
		font-family: Montserrat !important;
		font-size: 1.5rem !important;
		font-style: normal !important;
		line-height: 2.1rem !important;
		font-weight: 400 !important;
	}

	.sm\:b15-r{
		font-family: Montserrat;
		font-size: 1.5rem;
		font-style: normal;
		line-height: 2.1rem;
		font-weight: 400;
	}

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

	.sm\:\!b18-m{
		font-family: Montserrat !important;
		font-size: 1.8rem !important;
		font-style: normal !important;
		line-height: 2.5rem !important;
		font-weight: 500 !important;
	}

	.sm\:b23-m{
		font-family: Montserrat;
		font-size: 2.3rem;
		font-style: normal;
		line-height: 3.2rem;
		font-weight: 500;
	}
	.sm\:flex-col-center{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.sm\: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));
	}
}

.\[\&\>path\:last-child\]\:fill-blue-700>path:last-child{
	fill: #79CED5;
}

.\[\&\>path\:nth-child\(1\)\]\:fill-none>path:nth-child(1){
	fill: none;
}
