html.wf-design-mode .g_overlay_load,
		html.wf-design-mode .g-card-overlay {
			display: none;
		}
	
	
		:root {

			--column-count: 12;
			--grid-main: repeat(var(--column-count), minmax(0, 1fr));
			--grid-1: repeat(1, minmax(0, 1fr));
			--grid-2: repeat(2, minmax(0, 1fr));
			--grid-3: repeat(3, minmax(0, 1fr));
			--grid-4: repeat(4, minmax(0, 1fr));
			--grid-5: repeat(5, minmax(0, 1fr));
			--grid-6: repeat(6, minmax(0, 1fr));
			--grid-7: repeat(7, minmax(0, 1fr));
			--grid-8: repeat(8, minmax(0, 1fr));
			--grid-9: repeat(9, minmax(0, 1fr));
			--grid-10: repeat(10, minmax(0, 1fr));
			--grid-11: repeat(11, minmax(0, 1fr));
			--grid-12: repeat(12, minmax(0, 1fr));
			--breakout-gutter: minmax(calc(var(--padding-horizontal--main) - var(--grid-gap--main)), 1fr);
			--breakout-remaining: calc(var(--max-width--main) - (var(--padding-horizontal--main) * 2));
			--breakout-start: [full-start] var(--breakout-gutter) [content-start];
			--breakout-end: [content-end] var(--breakout-gutter) [full-end];
			--grid-breakout-single: var(--breakout-start) minmax(0, var(--breakout-remaining)) var(--breakout-end);
			--grid-breakout: var(--breakout-start) repeat(var(--column-count), minmax(0, calc((var(--breakout-remaining) - (var(--grid-gap--main) * (var(--column-count) - 1))) / var(--column-count)))) var(--breakout-end);

			--font-weight--inherit: inherit;
			--font-weight--100: 100;
			--font-weight--200: 200;
			--font-weight--300: 300;
			--font-weight--400: 400;
			--font-weight--500: 500;
			--font-weight--600: 600;
			--font-weight--700: 700;
			--font-weight--800: 800;
			--font-weight--900: 900;
			--text-transform--none: none;
			--text-transform--uppercase: uppercase;
			--text-transform--capitalize: capitalize;
			--text-transform--lowercase: lowercase;
			--text-transform--inherit: inherit;
			--max-width--none: none;
		}


		body {
			font-weight: var(--text-main--font-weight);
			text-transform: var(--text-main--text-transform);
			font-smoothing: antialiased;
			-webkit-font-smoothing: antialiased;
		}

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

		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		label,
		blockquote {
			margin-top: 0;
			margin-bottom: 0;
		}

		button {
			background-color: unset;
			padding: unset;
			text-align: inherit;
			cursor: pointer;
		}

		img::selection {
			background: transparent;
		}

		:is(h1, h2, h3, h4, h5, h6, p) a {
			text-decoration: underline;
		}

		.u-rich-text>*:first-child {
			margin-top: 0;
		}

		.u-rich-text>*:last-child {
			margin-bottom: 0;
		}

		video {
			width: 100%;
			object-fit: cover;
		}

		video.wf-empty {
			padding: 0;
		}

		svg {
			display: block;
		}

		section,
		header,
		footer {
			position: relative;
		}


		.u-line-clamp-1,
		.u-line-clamp-2,
		.u-line-clamp-3,
		.u-line-clamp-4 {
			display: -webkit-box;
			overflow: hidden;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
		}

		.u-line-clamp-2 {
			-webkit-line-clamp: 2;
		}

		.u-line-clamp-3 {
			-webkit-line-clamp: 3;
		}

		.u-line-clamp-4 {
			-webkit-line-clamp: 4;
		}




		[data-padding-top="none"] {
			padding-top: var(--padding-vertical--none);
		}

		[data-padding-bottom="none"] {
			padding-bottom: var(--padding-vertical--none);
		}

		[data-padding-top="small"] {
			padding-top: var(--padding-vertical--small);
		}

		[data-padding-bottom="small"] {
			padding-bottom: var(--padding-vertical--small);
		}

		[data-padding-top="main"] {
			padding-top: var(--padding-vertical--main);
		}

		[data-padding-bottom="main"] {
			padding-bottom: var(--padding-vertical--main);
		}

		[data-padding-top="large"] {
			padding-top: var(--padding-vertical--large);
		}

		[data-padding-bottom="large"] {
			padding-bottom: var(--padding-vertical--large);
		}


		[data-cms-check="true"]:not(:has(.w-dyn-item)) {
			display: none;
		}
	
	
		:root,
		[data-theme="light"],
		[data-theme="dark"] [data-theme="invert"] {
			--theme--background: var(--swatch--light);
			--theme--text: var(--swatch--dark);
			--theme--border: var(--swatch--light-secondary);

			--button--background: var(--swatch--brand);
			--button--text: var(--swatch--brand-text);
			--button--border: var(--swatch--brand);
			--button--background-hover: var(--swatch--dark);
			--button--text-hover: var(--swatch--light);
			--button--border-hover: var(--swatch--dark);

			--button-secondary--background: var(--swatch--transparent);
			--button-secondary--text: var(--swatch--dark);
			--button-secondary--border: var(--swatch--light-secondary);
			--button-secondary--background-hover: var(--swatch--brand);
			--button-secondary--text-hover: var(--swatch--brand-text);
			--button-secondary--border-hover: var(--swatch--brand);
		}

		[data-theme="dark"],
		[data-theme="invert"],
		[data-theme="light"] [data-theme="invert"] {
			--theme--background: var(--swatch--dark);
			--theme--text: var(--swatch--light);
			--theme--border: var(--swatch--dark-secondary);

			--button--background: var(--swatch--brand);
			--button--text: var(--swatch--brand-text);
			--button--border: var(--swatch--brand);
			--button--background-hover: var(--swatch--light);
			--button--text-hover: var(--swatch--dark);
			--button--border-hover: var(--swatch--light);

			--button-secondary--background: var(--swatch--transparent);
			--button-secondary--text: var(--swatch--light);
			--button-secondary--border: var(--swatch--light-secondary);
			--button-secondary--background-hover: var(--swatch--brand);
			--button-secondary--text-hover: var(--swatch--brand-text);
			--button-secondary--border-hover: var(--swatch--brand);
		}

		[data-button-style="secondary"] {
			--button--background: var(--button-secondary--background);
			--button--text: var(--button-secondary--text);
			--button--border: var(--button-secondary--border);
			--button--background-hover: var(--button-secondary--background-hover);
			--button--text-hover: var(--button-secondary--text-hover);
			--button--border-hover: var(--button-secondary--border-hover);
		}

		:is(c, :where([data-theme]:not([data-theme="inherit"]))) {
			background-color: var(--theme--background);
			color: var(--theme--text);
		}
	
	
		:root {}

		@media screen and (max-width: 1560px) {
			:root {
				--size--6rem: 5rem;
				--size--3rem: 3.25rem;
			}
		}

		@media screen and (max-width: 991px) {
			:root {

				--padding-horizontal--main: 2rem;

				--size--2rem: 1.75rem;
				--size--2-5rem: 2.18rem;
				--size--3rem: 2.52rem;
				--size--3-5rem: 2.73rem;
				--size--4rem: 3rem;
				--size--4-5rem: 3.375rem;
				--size--5rem: 3.75rem;
				--size--5-5rem: 4.125rem;
				--size--6rem: 4.5rem;
				--size--6-5rem: 4.875rem;
				--size--7rem: 5.25rem;
				--size--7-5rem: 5.625rem;
				--size--8rem: 6rem;
				--size--8-5rem: 6.375rem;
				--size--9rem: 6.75rem;
				--size--9-5rem: 7.125rem;
				--size--10rem: 7.5rem;
				--size--11rem: 8.25rem;
				--size--12rem: 9rem;
				--size--13rem: 9.75rem;
				--size--14rem: 10.5rem;
				--size--15rem: 11.25rem;
				--size--16rem: 12rem;
			}
		}

		@media screen and (max-width: 767px) {
			:root {

				--padding-horizontal--main: 1rem;

				--size--2-5rem: 2rem;
				--size--3rem: 2.25rem;
				--size--3-5rem: 2.375rem;
				--size--4rem: 2.5rem;
				--size--4-5rem: 2.75rem;
				--size--5rem: 3rem;
				--size--5-5rem: 3.25rem;
				--size--6rem: 3.5rem;
				--size--6-5rem: 3.75rem;
				--size--7rem: 4rem;
				--size--7-5rem: 4.25rem;
				--size--8rem: 4.5rem;
				--size--8-5rem: 4.75rem;
				--size--9rem: 5rem;
				--size--9-5rem: 5.25rem;
				--size--10rem: 5.5rem;
				--size--11rem: 5.75rem;
				--size--12rem: 6rem;
				--size--13rem: 6.5rem;
				--size--14rem: 7rem;
				--size--15rem: 7.5rem;
				--size--16rem: 8rem;
			}
		}

		@media screen and (max-width: 479px) {
			:root {}
		}
	
	
		::-webkit-scrollbar {
			width: 10px;
		}

		::-webkit-scrollbar-track {
			background: #f1f1f1;
		}

		::-webkit-scrollbar-thumb {
			background: #253059;
			border-radius: 0px;
		}

		::-webkit-scrollbar-thumb:hover {
			background: #324072;
		}

		@media screen and (max-width: 767px) {
			::-webkit-scrollbar {
				width: 0px;
				height: 0px;
				display: none;
			}
		}

		@media screen and (max-width: 911px) {
			.nav_menu_contain::-webkit-scrollbar {
				width: 0px;
				height: 0px;
				display: none;
			}
		}

		.g-content-card.case .btn_main_wrap {
			transition: opacity 300ms;
			opacity: 0;
		}

		.g-content-card.case.is-big .btn_main_wrap {
			opacity: 1;
		}

		.case_slide_wrap .case_slide_indicator {
			transition: width 4s linear, opacity 300ms;
			width: 0;
			opacity: 0;
		}

		.case_slide_wrap.is-big .case_slide_indicator {
			opacity: 1;
		}

		.nav_link-hover:hover .nav_link_line {
			width: 100%;
		}

		.w-nav-overlay {
			height: none;
			z-index: -1;

		}

		.w-nav[data-animation="over-left"] .w-nav-overlay,
		.w-nav[data-animation="over-left"] [data-nav-menu-open] {
			height: auto;
			z-index: -1;
		}

		body .w-nav-overlay {
			height: 100vh;
		}

		.nav_menu_wrap .u-hflex-left-center .u-gap-xsmall .w-nav-menu {
			height: 100vh;
		}
	
	
		@keyframes scroll {
			from {
				transform: translateX(0);
			}

			to {
				transform: translateX(calc(-100% - 8rem));
			}
		}

		.scroll {
			animation: scroll 25s linear infinite;
		}

		.btn_main_wrap:hover .btn_main_list .btn_main_icon {
			transform: translateX(5px);
		}

		@keyframes slidedown {
			from {
				opacity: 0;
				transform: translateY(-3rem);
			}

			to {
				opacity: 1;
				transform: translateY(0rem);
			}
		}

		@keyframes slideup {
			from {
				opacity: 0;
				transform: translateY(4rem);
			}

			to {
				opacity: 1;
				transform: translateY(0rem);
			}
		}

		@keyframes slideright {
			from {
				opacity: 0;
				transform: translateX(2rem);
			}

			to {
				opacity: 1;
				transform: translateX(0rem);
			}
		}

		@keyframes scaleup {
			from {
				opacity: 0;
				transform: scale(0.5);
			}

			to {
				opacity: 1;
				transform: scale(1);
			}
		}

		:root {
			--i: 0
		}

		[data-stagger-list]>*:nth-child(1) {
			--i: 0
		}

		[data-stagger-list]>*:nth-child(2) {
			--i: 1
		}

		[data-stagger-list]>*:nth-child(3) {
			--i: 2
		}

		[data-stagger-list]>*:nth-child(4) {
			--i: 3
		}

		[data-stagger-list]>*:nth-child(5) {
			--i: 4
		}

		[data-stagger-list]>*:nth-child(6) {
			--i: 5
		}

		[data-stagger-list]>*:nth-child(7) {
			--i: 6
		}

		[data-stagger-list]>*:nth-child(8) {
			--i: 7
		}

		[data-stagger-list]>*:nth-child(9) {
			--i: 8
		}

		[data-stagger-list]>*:nth-child(10) {
			--i: 9
		}

		[data-stagger-list]>*:nth-child(11) {
			--i: 10
		}

		[data-stagger-list]>*:nth-child(12) {
			--i: 11
		}

		[data-stagger-list]>*:nth-child(13) {
			--i: 12
		}

		[data-stagger-list]>*:nth-child(14) {
			--i: 13
		}

		[data-stagger-list]>*:nth-child(15) {
			--i: 14
		}

		[data-stagger-list]>*:nth-child(16) {
			--i: 15
		}

		html.wf-design-mode [data-reveal="animate"] {
			opacity: 100%;
		}

		[data-reveal="animate"] {
			opacity: 0%;
		}
	
	
		html:not(.wf-design-mode) .styleguide_guide_wrap {
			display: none;
		}

		.styleguide_guide_layout {
			counter-reset: gridguides;
		}

		.styleguide_guide_layout>div::before {
			counter-increment: gridguides;
			content: counter(gridguides);
		}
	
	
		button[disabled],
		html input[disabled] {
			cursor: default;
			color: var(--base-color-brand--royal-peacock);
		}

		.splide__pagination li {
			display: inline-block;
			line-height: 1;
			list-style-type: none;
			margin: 0;
			pointer-events: auto;
			padding: 0;
		}

		.splide__track {
			overflow: visible;
		}