@charset "UTF-8";
/* @import url("/static/commons/css/common.css"); */
@import url(https://cdn.jsdelivr.net/gh/sun-typeface/SUIT/fonts/static/woff2/SUIT.css);
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");

@font-face {
	font-family: "swiper-icons";
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
	font-weight: 400;
	font-style: normal;
}

:root {
	--swiper-theme-color: #007aff;
	/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
	display: block;
}

.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
	touch-action: pan-y;
}

.swiper-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto;
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-3d {
	perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
	transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	/* For Firefox */
	-ms-overflow-style: none;
	/* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
	scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
	content: "";
	flex-shrink: 0;
	order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* Slide styles end */
/* a11y */
.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-cards {
	overflow: visible;
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	backface-visibility: hidden;
	overflow: hidden;
}

.swiper-creative .swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height;
}

.swiper-cube {
	overflow: visible;
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-filter: blur(50px);
	filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
	z-index: 0;
	backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-flip {
	overflow: visible;
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
	z-index: 0;
	backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
}

:root {
	--swiper-navigation-size: 44px;
	/*
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 10px;
--swiper-navigation-color: var(--swiper-theme-color);
*/
}

.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - var(--swiper-navigation-size) / 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
	display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
	transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto;
}

.swiper-button-lock {
	display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "next";
}

/* Navigation font end */
:root {
	/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: var(--swiper-pagination-bottom, 8px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet,
.swiper-pagination-bullet.toggle-list__title {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet:only-child {
	display: none !important;
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-lock {
	display: none;
}

:root {
	/*
--swiper-scrollbar-border-radius: 10px;
--swiper-scrollbar-top: auto;
--swiper-scrollbar-bottom: 4px;
--swiper-scrollbar-left: auto;
--swiper-scrollbar-right: 4px;
--swiper-scrollbar-sides-offset: 1%;
--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
--swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
--swiper-scrollbar-size: 4px;
*/
}

.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	-ms-touch-action: none;
	touch-action: none;
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset, 1%);
	bottom: var(--swiper-scrollbar-bottom, 4px);
	top: var(--swiper-scrollbar-top, auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size, 4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
	position: absolute;
	left: var(--swiper-scrollbar-left, auto);
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size);
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none;
}

.material-icons {
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga";
}

.material-icons-outlined {
	font-family: "Material Icons Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga";
}

/* prettier-ignore */
@font-face {
	font-family: "GmarketSansTTF";
	font-style: normal;
	font-weight: 700;
	src: local("Gmarket Sans Bold"), local("GmarketSans-Bold"), url("/static/font/GmarketSansBold.woff2") format("woff2"), url("/static/font/GmarketSansBold.woff") format("woff");
	/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: "GmarketSansTTF";
	font-style: normal;
	font-weight: 100 500;
	src: local("Gmarket Sans Medium"), local("GmarketSans-Medium"), url("/static/font/GmarketSansMedium.woff2") format("woff2"), url("/static/font/GmarketSansMedium.woff") format("woff");
}

@font-face {
	font-family: "GmarketSansTTF";
	font-style: normal;
	font-weight: 300;
	src: local("Gmarket Sans Light"), local("GmarketSans-Light"), url("/static/font/GmarketSansLight.woff2") format("woff2"), url("/static/font/GmarketSansLight.woff") format("woff");
}

@font-face {
	font-family: JalnanOTF;
	src: url("/static/font/JalnanOTF00.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
}

.popwrap2 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100000;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(4px);
	overflow: auto;
	display: none;
}

.popwrap2.active {
	display: flex;
}

.popwrap2 > .set {
	position: relative;
	width: calc(100% - 20px);
	max-width: 840px;
	max-height: 95vh;
	border-radius: 20px;
	box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.15);
	border: solid 1px #e0e0e0;
	background-color: #fff;
}

.popwrap2 .parent-close {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 60px;
	height: 60px;
	background-color: transparent;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/main-lpop-close@2x.png) 0 0 no-repeat;
	background-size: cover;
}

@media (max-width: 749px) {
	.popwrap2 .parent-close {
		width: 40px;
		height: 40px;
		right: 5px;
	}
}

.popwrap2 .popuptitle2 {
	padding: 23px;
	background-color: #ebf4fa;
	font-family: JalnanOTF;
	font-size: 28px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: -0.85px;
	text-align: center;
	color: #000;
	border-radius: 20px 20px 0 0;
}

@media (max-width: 749px) {
	.popwrap2 .popuptitle2 {
		padding: 10px 60px;
		font-size: 20px;
	}
}

.popwrap2 .popuptitle2 strong {
	color: #e4477a;
}

.popwrap2 .mainpopup dt {
	padding: 23px 60px;
	background-color: #ebf4fa;
	font-family: JalnanOTF;
	font-size: 34px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: -0.85px;
	text-align: center;
	color: #000;
	border-radius: 20px 20px 0 0;
}

@media (max-width: 749px) {
	.popwrap2 .mainpopup dt {
		padding: 10px 60px;
		font-size: 20px;
	}
}

.popwrap2 .mainpopup dd {
	padding: 40px 60px;

}

@media (max-width: 749px) {
	.popwrap2 .mainpopup dd {
		padding: 15px;
		background-image: none;
	}
}

@media (min-width: 750px) {
	.popwrap2 .mainpopup dd {
		background: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/main-lpop-deco@2x.png) calc(100% - 58px) calc(100% - 50px) no-repeat;
		padding-right: 300px;
		background-position: calc(100% - 30px) calc(100% - 50px);
		background-size: 272px auto;
	}
}

@media (min-width: 1200px) {
	.popwrap2 .mainpopup dd {
		background-position: calc(100% - 58px) calc(100% - 50px);
		background-size: 292px auto;
	}
}

.popwrap2 .mainpopup .t1 {
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.09;
	letter-spacing: -0.55px;
	text-align: left;
	color: #d81856;
}

@media (max-width: 749px) {
	.popwrap2 .mainpopup .t1 {
		font-size: 18px;
	}
}

.popwrap2 .mainpopup .b {
	max-width: 390px;
	margin-top: 15px;
	padding: 18px 28px 18px 29px;
	border-radius: 10px;
	background-color: #e4477a;
	color: #fff;
	letter-spacing: -0.4px;
}

@media (max-width: 749px) {
	.popwrap2 .mainpopup .b {
		padding: 10px;
	}
}

.popwrap2 .mainpopup .b strong {
	font-weight: bold;
}

@media (max-width: 749px) {
	.popwrap2 .popwrap2-body {
		max-height: 95vh;
		overflow-y: auto;
	}
}

.info001 {
	min-height: 261px;
	padding: 20px;
	padding-top: 45px;
}

.info001 p {
	margin-bottom: 20px;

	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: -0.45px;
}

.info001 p strong {
	color: #e4477a;
}

@media (min-width: 750px) {
	.info001 {
		padding: 50px 0 0 337px;
		background: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/infor0010321.png) 0 0 no-repeat;
	}
}

.btn-line {
	display: inline-block;
	width: 221px;
	height: 53px;
	padding: 18px 0;
	text-align: center;
	border-radius: 10px;
	border: solid 1px #e34679;
	background-color: var(--white);

	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #d81856;
}

[class^=ico-] {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
}

.color-point {
	color: #e4477a !important;
}

.color-red {
	color: #bc2222;
}

a {
	color: inherit;
}

html {
	font-size: 16px;
}

body {
	color: #333;
	font-family: SUIT, sans-serif;
	letter-spacing: -0.015rem;
	word-break: keep-all;
	font-weight: 500;
	line-height: 1.5;
	font-size: 16px;
}

@media (max-width: 749px) {
	body {
		word-break: keep-all;
		line-height: 1.45;
	}
}

body.ovh {
	position: relative;
	overflow: hidden;
	height: 100vh;
}

b,
strong {
	font-weight: 800;
}

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


.bs-example-modal-lg {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 9999;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
}

.bs-example-modal-lg .modal-dialog.modal-lg {
	background: #fff;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content {}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-header {
	position: relative;
	height: 55px;
	background: #f4f5f6;
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-header h4 {
	margin: 0;
	padding: 0;
	font-size: 19px;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-header h4:after {
	display: none;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-header .close {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	padding: 7px;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-header .close span {
	color: #000;
	font-size: 19px;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-header .modal-title {
	font-size: 19px;
	font-weight: bold;
	color: #fff;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-body {}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-body .sch_wrap {
	padding: 15px;
	display: flex;
	gap: 10px;
	justify-content: end;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-body .sch_wrap .select {
	margin-right: auto;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-body .sch_wrap input {
	border: 1px solid #bdc7cb;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-body .sch_wrap .btn {}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-body div {
	padding: 0 15px 15px 15px;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-body div .table {
	table-layout: fixed;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-body div .table thead tr {}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-body div .table thead tr th {
	background: #f1f2f3;
	padding: 10px;
	border: 1px solid #bdc7cb;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-body div .table tbody tr td {
	padding: 10px;
	border: 1px solid #bdc7cb;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-body div .table tbody tr td .btn_ty {
	width: 90px;
	min-width: auto;
	font-size: 15px;
}

.bs-example-modal-lg .modal-dialog.modal-lg .modal-content .modal-footer {}

.modal .mesg {
	border-top: 1px solid #bdc7cb;
	border-bottom: 1px solid #bdc7cb;
	padding: 10px 15px !important;
}

.modal .mesg dl {
	display: flex;
	gap: 25px;
	align-items: center;
}

.modal .mesg dl dt {
	background: #e4477a;
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	width: 70px;
	height: 70px
}

.modal .mesg dl dd {}

.global {
	display: none;
	position: relative;
}

@media (min-width: 1200px) {
	.global {
		display: block;
	}
}

.global .container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}

.global__sitemap {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}

.global__sitemap .link-portal {
	position: relative;
	display: block;
	height: 49px;
	padding: 18px 41px;
	line-height: 1;
	background-color: #e4477a;
	color: #fff;
	border-radius: 0 10px 0 0;
}

.global__sitemap .link-portal::before {
	content: "";
	background-color: #e4477a;
	position: absolute;
	right: 10px;
	top: 0;
	height: 49px;
	width: 100vw;
	z-index: -1;
}

.global__sitemap > button,
.global__sitemap > .toggle-list__title {
	width: 176px;
	height: 42px;
	border: solid 1px #e8e8e8;
	border-width: 1px 1px 0 0;
	background-color: #fff;
	line-height: 1;
	margin: 0 12px 0 0;

	font-size: 15px;
	font-weight: 500;
	color: #616161;
}

.global__sitemap > button::after,
.global__sitemap > .toggle-list__title::after {
	content: "\e5cf";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	color: #808080;
}

.global__site-list {
	display: none;
	position: absolute;
	left: 0;
	top: 49px;
	padding: 20px 30px;
	grid-template-columns: 230px 150px;
	gap: 20px;
	border-radius: 5px;
	box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.04);
	border: solid 1px #ddd;
	background-color: #fff;
}

.active + .global__site-list {
	display: grid;
	z-index: 200;
}

.global__site-list ul {
	margin-top: 30px;
}

.global__site-list li {
	margin: 3px 0;
}

.global__site-list a {
	display: block;
	position: relative;
	padding-left: 8px;
}

.global__site-list a:before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background-color: #000;
	position: absolute;
	left: 0;
	top: calc(0.5em + 2px);
}

.global__site-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	height: 28px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z"/></svg>') center center no-repeat;
	background-size: 16px;
}

.global__site-tit {
	height: 35px;
	border-radius: 5px;
	background-color: #eee;

	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	color: #151515;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.global__user-nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

.global__user-nav a {
	height: 48px;
	line-height: 1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #5c5c5c;
	font-weight: 500;
}

.global__user-nav a strong {
	padding-right: 4px;
	color: #000;
}

.global__user-nav a.point {
	color: #e4477a;
}

.global__user-nav .invalid-name {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	margin-right: 10px;
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/invalid-name.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-size: 16px auto;
	background-position: center center;
	background-color: #666;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.global__user-nav .invalid-name {
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/invalid-name@2x.png");
	}
}

@media (max-width: 1199px) {
	#header {}
}

@media (min-width: 1200px) {
	#header {
		/* height: 98px; */
		/* padding-top: 20px; */
		border-width: 1px 0;
	}
}

#header .header-set {
	display: grid;
	grid-template-columns: 360px auto;
	gap: 0;
}

@media (max-width: 1199px) {
	#header .header-set {
		padding: 0;
		grid-template-columns: 260px auto;
		justify-content: space-between;
	}
}

#header .logo a {
	display: block;
	height: 64px;
	object-fit: cover;
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/logo.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-size: auto 54px;
	background-position: 0 center;
}

#header .mo {
	display: none;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	#header .logo a {
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/logo@2x.png");
	}
}

@media (max-width: 1199px) {
	#header .logo a {
		height: 67px;
		margin-left: 20px;
		background-size: auto 36px;
	}

	#header .mo {
		display: block;
	}

	#header .mo.mesg_service {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 99;
		display: inline-block;
		padding: 10px 7px 5px 10px;
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 10px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14);
	}

}

@media (max-width:450px) {
	#header .mo.mesg_service img {
		height: 40px;
	}
}

.gnb {
	display: none;
}

@media (min-width: 1200px) {
	.gnb {
		display: block;
		padding-top: 5px;
	}

	.gnb > ul {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		gap: 40px;
	}

	.gnb__depth1 > a {
		display: block;
		padding: 12px 0;

		font-size: 20px;
		color: #333;
		letter-spacing: -0.5px;
		min-height: 54px;
	}

	.wide .gnb__depth1 > a {
		padding: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.gnb__depth1 > div {
		display: none;
	}

	.gnb__depth1.on > a,
	.gnb__depth1.active > a {
		font-weight: bold;
		color: #e4477a;
	}

	.gnb__subnav-set {
		display: none;
		position: absolute;
		z-index: 100;
		left: 0;
		top: 147px;
		background-color: #fff;
		width: 100%;
		border-bottom: 1px solid #e8e8e8;
		box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.05);
	}

	.active .gnb__subnav-set {
		display: block;
	}

	.gnb__subnav {
		display: grid;
		align-items: start;
		grid-template-columns: 248px auto;
		margin: 0 auto;
		max-width: 1280px;
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/gnb-sub-nav-deco.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-size: 148px 161px;
		background-position: 86px calc(100% - 20px);
	}
}

@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
	.gnb__subnav {
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/gnb-sub-nav-deco@2x.png");
	}
}

@media (min-width: 1200px) {
	.gnb__subnav dl {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.gnb__subnav dt {

		font-size: 36px;
		font-weight: bold;
		line-height: 1;
		letter-spacing: -0.9px;
		color: #333;
	}

	.gnb__subnav dd {
		margin-top: 17px;
		font-size: 18px;
		line-height: 1.33;
		letter-spacing: -0.45px;
		color: #000;
	}

	.gnb__subnav > ul {
		display: flex;
		height: 100%;
		flex-wrap: wrap;
		align-content: flex-start;
		border-left: 1px solid #dadada;
	}

	.gnb__subnav > ul > li {
		border-right: 1px solid #dadada;
		min-height: 224px;
	}

	.gnb__depth2 {
		flex-basis: 25%;
		padding: 20px;
		position: relative;
	}

	.gnb__depth2 > a {
		height: 45px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		background-color: #eee;

		font-size: 18px;
		font-weight: 500;
		color: #151515;
	}

	.gnb__depth3 {
		padding-top: 15px;
	}

	.gnb__depth3 > li > a {
		display: block;
		padding: 10px 5px 3px 8px;

		font-size: 16px;
		font-weight: 500;
		font-stretch: normal;
		color: #000;
		position: relative;
	}

	.gnb__depth3 > li > a::before {
		content: "";
		width: 3px;
		height: 3px;
		border-radius: 3px;
		background-color: #000;
		position: absolute;
		top: 18px;
		left: 0;
	}

	.gnb__depth4 {
		margin-left: 10px;
	}

	.gnb__depth4 > li > a {
		display: block;
		padding: 4px 8px;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
		color: #000;
		position: relative;
	}

	.gnb__depth4 > li > a::before {
		content: "";
		width: 4px;
		height: 1px;
		background-color: #000;
		position: absolute;
		top: 14px;
		left: 0;
	}

	.gnb .ico-gnb-mypage {
		display: inline-block;
		margin-left: 10px;
		width: 54px;
		height: 54px;
		border-radius: 54px;
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/ico-gnb-mypage.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-size: contain;
		transform: translateY(-2px);
	}
}

@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
	.gnb .ico-gnb-mypage {
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/ico-gnb-mypage@2x.png");
	}
}

.container {
	max-width: 1320px;
	padding: 0 20px;
	margin: 0 auto;
}

@media (min-width: 750px) {
	#container {
		margin-top: 45px;
	}
}

@media (min-width: 1100px) {
	#container {
		display: flex;
		justify-content: space-between;
		margin-top: 45px;
		padding-bottom: 60px;
	}
}

@media (min-width: 1100px) and (min-width: 1320px) {
	#container {
		padding-bottom: 80px;
	}
}

@media (min-width: 1100px) {
	#container .lnb {
		flex-basis: 19.5313%;
	}
}

@media (min-width: 1100px) and (min-width: 1320px) {
	#container .lnb {
		flex-basis: 250px;
	}
}

@media (min-width: 1100px) {
	#container #main {
		flex-basis: 75%;
		min-width: 0;
	}
}

@media (min-width: 1100px) and (min-width: 1320px) {
	#container #main {
		flex-basis: 960px;
	}
}

#container.full {
	display: block;
}

#container.full .lnb {
	display: none;
}

#container.full .hgroup {
	text-align: center;
}

#container.wide {
	display: block;
}

#container.wide .lnb {
	display: none;
}

@media (max-width: 1099px) {
	.lnb {
		display: none;
	}
}

.lnb__set {
	border-radius: 20px;
	box-shadow: -2.7px 1.3px 7px 0 rgba(0, 0, 0, 0.15);
	border: solid 1px #e4e8e9;
	background-color: #fff;
}

.lnb__title {
	padding: 49px 0 41px;
	background-color: #429772;
	text-align: center;
	font-family: JalnanOTF;
	font-size: 25px;
	color: #fff;
	line-height: 1.1;
	border-radius: 20px 20px 0 0;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/pattern-01.png), url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/pattern-02.png);
	background-position: 18px 21px, calc(100% - 24px) calc(100% - 14px);
	background-repeat: no-repeat, no-repeat;
}

.lnb nav > ul {
	padding: 7px 25px 70px;
}

.lnb__depth1 > a {
	position: relative;
	display: block;
	padding: 12px 25px 9px 5px;

	font-size: 16px;
	font-weight: 500;
	color: #484848;
	border-bottom: 1px solid #e0e0e0;
}

.lnb__depth1 > a::after {
	content: "";
	position: absolute;
	right: 5px;
	top: 14px;
	width: 18px;
	height: 18px;
	border-radius: 8px 8px 2px 8px;
	background-color: #eff3f4;
}

.lnb__depth1 > a::before {
	content: "";
	position: absolute;
	top: 19px;
	right: 8px;
	width: 12px;
	height: 8px;
	background: url('data:image/svg+xml;utf8,<svg fill="%23949494"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12px" height="8px"><path fill-rule="evenodd"   d="M10.601,0.374 L6.000,4.778 L1.400,0.374 L0.000,1.713 L6.000,7.459 L12.000,1.713 L10.601,0.374 Z"/></svg>') center center no-repeat;
	background-size: 9px auto;
	z-index: 1;
	transform: rotate(-90deg);
	transition: 0.5s;
}

.lnb__depth1.on > a {
	color: #429772;
}

.lnb__depth1.on > a::after {
	background-color: #429772;
}

.lnb__depth1.on > a::before {
	top: 19px;
	right: 8px;
	background: url('data:image/svg+xml;utf8,<svg fill="%23fff"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12px" height="8px"><path fill-rule="evenodd"   d="M10.601,0.374 L6.000,4.778 L1.400,0.374 L0.000,1.713 L6.000,7.459 L12.000,1.713 L10.601,0.374 Z"/></svg>') center center no-repeat;
	background-size: 9px auto;
	transform: rotate(0deg);
}

.lnb__depth1.on .dp2 {
	display: block;
}

.lnb .dp2 {
	position: relative;
	display: none;
	padding-left: 10px;
	border-top: 2px solid #429772;
	border-bottom: 2px solid #429772;
	margin-top: -1px;
	overflow: hidden;
	z-index: 1;
}

.lnb .dp2 > li.on .dp3 {
	display: block;
}

.lnb .dp2 > li > a {
	margin-bottom: -1px;
	display: block;
	padding: 11px 0 9px;

	font-size: 14px;
	font-weight: 500;
	border-bottom: 1px dotted #dadada;
	background: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/lnb-dp2-arr-gray.png) calc(100% - 14px) 16px no-repeat;
}

.lnb .dp2 > li.on > a {
	color: #e4477a;
	background: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/dp2-arr-on.png) calc(100% - 14px) 16px no-repeat;
}

.lnb .dp3 {
	display: none;
	border: 1px solid #dadada;
	border-width: 1px 0;
	margin-bottom: -1px;
}

.lnb .dp3 > li > a {
	display: block;
	padding: 4px 10px;

	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #757575;
}

.lnb .dp3 > li > a::before {
	content: "- ";
}

.lnb .dp3 > li + li > a {
	/* border-top: 1px dashed #dadada; */
}

.lnb .dp3 > li.on > a {
	color: #e4477a;
}

@media (min-width: 750px) {
	.hgroup {
		margin-bottom: 28px;
	}
}

@media (max-width: 749px) {
	.hgroup {
		margin: 26px 0;
	}
}

@media (max-width: 749px) {
	.hgroup {
		margin: 15px 0;
	}
}

.content-title {
	padding-top: 6px;
	font-family: JalnanOTF;
	font-size: 30px;
	color: #272626;
	line-height: 1.3;
}

@media (max-width: 749px) {
	.content-title {
		font-size: 18px;
	}
}

.location {

	font-size: 15px;
	font-weight: 500;
	color: #808080;
	line-height: 1;
}

.location li.home {
	margin-right: -3px;
}

.location li.home i {
	vertical-align: middle;
	display: inline-block;
	width: 17px;
	height: 17px;
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/home-icon.png");
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-position: center 1px;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.location li.home i {
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/home-icon@2x.png");
	}
}

.location li.home::before {
	display: none !important;
}

.location li {
	display: inline;
}

.location li::before {
	content: "\e409";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	color: #808080;
}

.location li strong {
	color: #000;
}

.m-nav-open {
	display: none;
	position: relative;
	z-index: 1;
	width: 68px;
	height: 68px;
	border-radius: 6px 0 0 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="21"> <path fill-rule="evenodd" fill="%23FFF" d="M26.499 11.999h-17a1.5 1.5 0 1 1 0-2.999h17a1.5 1.5 0 1 1 0 2.999zm0-8.999H1.5a1.5 1.5 0 0 1 0-3h24.999a1.5 1.5 0 1 1 0 3zm-22 14.999h22a1.5 1.5 0 1 1 0 3.001h-22a1.5 1.5 0 0 1 0-3.001z"/> </svg>') center center no-repeat;
	background-color: #e4477a;
}

@media (max-width: 1199px) {
	.m-nav-open {
		display: block;
	}
}

@media (max-width: 1199px) {
	.gnb {
		display: none;
	}
}

.gnb-m {
	display: none;
}

@media (max-width: 1199px) {
	.gnb-m {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		height: 100vh;
		overflow-y: auto;
		background-color: #fff;
	}

	.gnb-m.active {
		display: block;
	}

	.gnb-m__close {
		position: absolute;
		right: 0;
		top: 0;
		width: 54px;
		height: 58px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.gnb-m__close i.ico-m-nav-close {
		display: inline-block;
		width: 14px;
		height: 14px;
		background-image: url("/static/lifeStudy/img/ico-m-nav-close.png");
		background-repeat: no-repeat;
		background-size: 14px auto;
	}
}

@media (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 2) {
	.gnb-m__close i.ico-m-nav-close {
		background-image: url("/static/lifeStudy/img/ico-m-nav-close@2x.png");
	}
}

@media (max-width: 1199px) {
	.gnb-m__header {
		background-color: #e4477a;
	}

	.gnb-m__header i.e-7-fd-person {
		width: 16px;
		height: 16px;
		background-image: url("/static/lifeStudy/img/e-7-fd-person.png");
		background-repeat: no-repeat;
		background-size: 16px auto;
	}
}

@media (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 2) {
	.gnb-m__header i.e-7-fd-person {
		background-image: url("/static/lifeStudy/img/e-7-fd-person@2x.png");
	}
}

@media (max-width: 1199px) {
	.gnb-m__header i.ea-77-login {
		width: 17px;
		height: 17px;
		background-image: url("/static/lifeStudy/img/ea-77-login.png");
		background-repeat: no-repeat;
		background-size: 17px auto;
	}
}

@media (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 2) {
	.gnb-m__header i.ea-77-login {
		background-image: url("/static/lifeStudy/img/ea-77-login@2x.png");
	}
}

@media (max-width: 1199px) {
	.gnb-m__header a {
		height: 58px;
		padding: 0 18px;
		display: inline-flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;

		font-size: 14px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #fff;
	}

	.gnb-m__header a i {
		display: inline-block;
		margin-right: 8px;
		transform: translateY(-2px);
	}

	.gnb-m__body {
		position: relative;
	}

	.gnb-m .gnb__depth1 {
		--depth1W: 110px;
		width: var(--depth1W);
	}

	.gnb-m .gnb__depth1 > a {
		padding: 20px 10px;
		display: block;
		line-height: 1.27;

		font-size: 15px;
		text-align: center;
		word-break: break-all;
		background-color: #f7f7f7;
	}

	.gnb-m .gnb__depth1.on > a,
	.gnb-m .gnb__depth1.active > a {
		font-weight: bold;
		color: #e4477a;
		background-color: #fff;
		border: 1px solid #e2e2e2;
		border-width: 1px 0;
		letter-spacing: 0.5px;
	}

	.gnb-m .gnb__depth1.on > div,
	.gnb-m .gnb__depth1.active > div {
		display: block;
	}

	.gnb-m .gnb__subnav-set {
		display: none;
		position: absolute;
		left: var(--depth1W);
		top: 0;
		background-color: #fff;
		width: calc(100% - var(--depth1W));
	}

	.gnb-m .gnb__subnav dl {
		display: none;
	}

	.gnb-m .gnb__depth2 > a {
		display: block;
		padding: 14px 15px;

		font-size: inherit;
		font-weight: inherit;
		color: #000;
		border-bottom: 1px solid #eeeeee;
	}

	.gnb-m .gnb__depth3 {
		background-color: #f7f7f7;
	}

	.gnb-m .gnb__depth3 > li > a {
		display: block;
		margin-left: 15px;
		padding: 10px 5px 3px 8px;

		font-size: inherit;
		font-weight: inherit;
		font-stretch: normal;
		color: #000;
		position: relative;
	}

	.gnb-m .gnb__depth3 > li > a::before {
		content: "";
		width: 3px;
		height: 3px;
		border-radius: 3px;
		background-color: #000;
		position: absolute;
		top: 18px;
		left: 0;
	}

	.gnb-m .gnb__depth4 {
		padding-left: 7px;
		background-color: #fff;
	}

	.gnb-m .gnb__depth4 > li > a {
		display: block;
		padding: 4px 8px;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
		color: #000;
		position: relative;
	}

	.gnb-m .gnb__depth4 > li > a::before {
		content: "";
		width: 4px;
		height: 1px;
		background-color: #000;
		position: absolute;
		top: 14px;
		left: 0;
	}

	.gnb-m .gnb .ico-gnb-mypage {
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
		width: 54px;
		height: 54px;
		border-radius: 54px;
		background-image: url("/static/lifeStudy/img/ico-gnb-mypage.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-size: contain;
		transform: translateY(-2px);
	}
}

@media (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 2) {
	.gnb-m .gnb .ico-gnb-mypage {
		background-image: url("/static/lifeStudy/img/ico-gnb-mypage@2x.png");
	}
}

#content > h2,
.hx > h2,
.bu1 {
	font-size: 1.5rem;
	color: rgb(44, 66, 142);
	line-height: 1.75rem;
	font-weight: 500;
	letter-spacing: -0.52px;
	margin-bottom: 26px;
}

* + #content > h2,
* + .hx > h2,
* + .bu1 {
	margin-top: 40px;
}

#content > h2 > span,
.hx > h2 > span,
.bu1 > span {
	font-size: 16px;
	font-weight: normal;
	font-family: SUIT, "Noto Sans KR", "Noto Sans", "AppleGothic", "맑은 고딕", "돋움", "dotum", Helvetica, Arial, sans-serif;
}

#content > h2 > a,
.hx > h2 > a,
.bu1 > a {
	font-weight: normal;
}

#content > h2.no-bull::before,
.hx > h2.no-bull::before,
.bu1.no-bull::before {
	display: none;
}

.hx > h3,
.bu2 {
	position: relative;
	font-family: JalnanOTF;
	font-size: 20px;
	margin-top: 26px;
	margin-bottom: 10px;

}

.hx > h3:after,
.bu2:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 3px;
	background-color: #e4477a;
	border-radius: 50%;
	vertical-align: top;
	transform: translateY(5px);
	position: absolute;
	right: -10px;
	top: 0;
}

.hx > h3 + .n + .list-num,
.hx > h3 + .list-num,
.bu2 + .n + .list-num,
.bu2 + .list-num {
	margin-left: 11px;
}

.hx > h3 > span,
.bu2 > span {
	font-size: 16px;
	font-weight: normal;
	font-family: SUIT, "Noto Sans KR", "Noto Sans", "AppleGothic", "맑은 고딕", "돋움", "dotum", Helvetica, Arial, sans-serif;
}

.hx > h3.point,
.bu2.point {
	color: #e4477a;
}

.hx > h3.img-rt-top,
.bu2.img-rt-top {
	margin-top: -5px;
	margin-left: 0;
}

.hx > h3 + .list,
.hx > h3 + .list_02,
.hx > h3 + .explainList,
.bu2 + .list,
.bu2 + .list_02,
.bu2 + .explainList {
	margin-top: -5px;
}

.hx > h3 em,
.bu2 em {
	color: #e4477a;
}

.hx > h3 .color,
.bu2 .color {
	color: #429772;
}

.hx > h3 .point2,
.bu2 .point2 {
	font-size: 16px;
	font-weight: bold;
	color: #e4477a;
}

.hx > h3--type2::after,
.bu2--type2::after {
	display: none;
}

.bu3 {
	font-size: 1.0625rem;
	line-height: 1.3;
	margin: 50px 0 15px;
	font-weight: 900;
}

.list,
.list_02,
.explainList,
.list2,
.list3,
.list-lb {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.list ul,
.list_02 ul,
.explainList ul,
.list ol,
.list_02 ol,
.explainList ol,
.list2 ul,
.list2 ol,
.list3 ul,
.list3 ol,
.list-lb ul,
.list-lb ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

dl.list,
dl.list_02,
dl.explainList {
	margin: 0;
}

dl.list dt,
dl.list_02 dt,
dl.explainList dt {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="3px" height="3px"> <path fill-rule="evenodd"  fill="rgb(0, 0, 0)" d="M1.500,-0.001 C2.328,-0.001 3.000,0.671 3.000,1.499 C3.000,2.328 2.328,3.000 1.500,3.000 C0.671,3.000 -0.000,2.328 -0.000,1.499 C-0.000,0.671 0.671,-0.001 1.500,-0.001 Z"/> </svg>') 0 12px no-repeat;
	background-size: 5px;
	padding-left: 16px;
}

dl.list dd,
dl.list_02 dd,
dl.explainList dd {
	margin-left: 10px;
	text-indent: -16px;
	padding-left: 16px;
}

dl.list dd:before,
dl.list_02 dd:before,
dl.explainList dd:before {
	content: "- ";
}

p + .table,
p + #view {
	margin-top: 0;
}

[class^=point] {
	color: #2c428e;
}

[class^=underline] {
	text-decoration: underline;
}

@media (min-width: 750px) {
	.m1 {
		margin-left: 16px;
	}
}

.m2 {
	margin-left: 25px;
}

dl.m1 * {
	margin-bottom: 5px;
}

.list-none {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.list-none ul,
.list-none ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.bu-dot {
	position: relative;
	padding-left: 13px;
}

.bu-dot:before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: #939393;
	position: absolute;
	left: 0;
	top: calc(0.5em + 2px);
}

.list-arrow {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

.list-arrow ul,
.list-arrow ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

* + .list-arrow {
	margin-top: 10px;
}

.list-arrow li {
	position: relative;
	line-height: 2rem;
}

.list-arrow li::before {
	position: absolute;
	content: "";
	display: inline-block;
	width: 5px;
	height: 11px;
	font-size: 25px;
	color: #2c428e;
	top: 3px;
	left: -25px;
	content: "\e5df";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

strong.red {
	color: #bc2222;
}

#footer {
	margin-top: 30px;
	padding: 10px 0 20px 0;
	border-top: 1px solid #ddd;
}

.footer_top .f_qna_link {
	background: #e4477a;
	padding: 15px 25px;
	border-radius: 5px;
	color: #fff;
}

.footer_top .f_qna_link a {
	color: #fff;
	font-weight: bold;
	/* text-decoration: underline; */
	display: flex;
	align-items: center;
	font-size: 17px;
}

.footer-bottom {
	margin-top: 25px;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	gap: 20px;
}

@media (max-width: 1024px) {
	#footer {
		padding-bottom: 70px;
	}
}

@media (max-width: 749px) {
	.footer-bottom {
		margin: 15px 0;
		flex-direction: column;
	}
}

.footer-bottom .copyright {

	font-size: 16px;
	font-weight: 300;
	line-height: 1.88;
	color: #1c1c1c;
	font-size: 15px;
}

.footer-bottom .copyright address {
	font-style: normal;
}

.footer-bottom .f_qna_link {
	background: #e4477a;
	padding: 15px 25px;
	border-radius: 5px;
	color: #fff;
}

.footer-bottom .f_qna_link a {
	color: #fffcbc;
	font-weight: bold;
	text-decoration: underline;
	display: flex;
	align-items: center;
}

@media (max-width: 749px) {
	.footer-bottom .mark {
		margin-top: 20px;
		text-align: center;
	}
}

@media (min-width: 1200px) {
	.footer-bottom .mark {
		margin-top: -16px;
		margin-left: auto;
	}
}

.footer-bottom .mark img {
	width: 94px;
}

.family-site {
	padding: 29px 0 25px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 13px;
}

@media (max-width: 749px) {
	.family-site {
		flex-direction: column;
		align-items: stretch;
	}
}

.family-site__item {
	flex-grow: 1;
	display: grid;
	grid-template-columns: auto 54px;
}

.family-site__item select {
	width: 100%;
	height: 43px;
	border: solid 1px #dcdcdc;
	border-right-width: 0;
	background-color: #fff;
	border-radius: 3px;
}

.family-site__item button,
.family-site__item .toggle-list__title {
	width: 54px;
	height: 43px;
	background-color: #666;
	border-radius: 0 3px 3px 0;

	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
}

.fnav ul {
	display: flex;
	flex-direction: row;
	gap: 50px;
}

@media (max-width: 749px) {
	.fnav ul {
		flex-wrap: wrap;
		gap: 5px 20px;
	}
}

.fnav a {
	display: block;
	padding: 4px 0;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #333;
}

.fnav a strong {
	color: #4ea47e;
	font-weight: bold;
}

@media (max-width: 749px) {
	.mobile-scroller-x {
		position: relative;
		height: 0;
		display: block;
		z-index: 10;
		width: 100%;
	}

	.mobile-scroller-x::before {
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		top: 2px;
		width: 24px;
		height: 24px;
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="%23ff0000"><path d="M480-860q-88 0-169 31t-147 89h86q13 0 21.5 8.5T280-710q0 13-8.5 21.5T250-680H120q-17 0-28.5-11.5T80-720v-130q0-13 8.5-21.5T110-880q13 0 21.5 8.5T140-850v51q72-59 159-90t181-31q94 0 181 31t159 90v-51q0-13 8.5-21.5T850-880q13 0 21.5 8.5T880-850v130q0 17-11.5 28.5T840-680H710q-13 0-21.5-8.5T680-710q0-13 8.5-21.5T710-740h86q-66-58-147-89t-169-31Zm-7 780q-24 0-46-9t-39-26L212-292q-11-11-11.5-27.5T211-348l3-3q16-16 37.5-21.5t42.5.5l66 19v-327q0-17 11.5-28.5T400-720q17 0 28.5 11.5T440-680v280h40v-120q0-17 11.5-28.5T520-560q17 0 28.5 11.5T560-520v120h40v-80q0-17 11.5-28.5T640-520q17 0 28.5 11.5T680-480v80h40q0-17 11.5-28.5T760-440q17 0 28.5 11.5T800-400v160q0 66-47 113T640-80H473Z"/></svg>') 0 0 no-repeat;
		font-size: 21px;
		animation: tableScrollAni 4s infinite;
	}
}

@keyframes tableScrollAni {
	0% {
		left: 46%;
		opacity: 0.2;
	}

	50% {
		left: 54%;
		opacity: 1;
	}

	100% {
		left: 46%;
		opacity: 0.2;
	}
}

.alert-pop-close {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -344px;
	width: 21px;
	height: 21px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.alert-pop-close {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.arrow-right {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -426px;
	width: 20px;
	height: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.arrow-right {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.bu-txt {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -490px -418px;
	width: 12px;
	height: 13px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.bu-txt {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.faq-arr {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -296px;
	width: 28px;
	height: 28px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.faq-arr {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-2000100-2 {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -240px -300px;
	width: 80px;
	height: 80px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-2000100-2 {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-2000100 {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -340px -300px;
	width: 80px;
	height: 80px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-2000100 {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-200018 {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -540px -438px;
	width: 43px;
	height: 34px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-200018 {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-2000314 {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: 0px -518px;
	width: 43px;
	height: 34px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-2000314 {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-2000317 {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -63px -518px;
	width: 43px;
	height: 34px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-2000317 {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-Reservation {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -440px -200px;
	width: 80px;
	height: 80px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-Reservation {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-blank {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -337px -258px;
	width: 18px;
	height: 18px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-blank {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-card {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -126px -518px;
	width: 46px;
	height: 31px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-card {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-child {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: 0px 0px;
	width: 130px;
	height: 130px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-child {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-file-item {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -375px -258px;
	width: 16px;
	height: 16px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-file-item {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-lifestudy-2000108 {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -440px 0px;
	width: 80px;
	height: 80px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-lifestudy-2000108 {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-mail {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -58px;
	width: 37px;
	height: 39px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-mail {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-mans {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -440px -100px;
	width: 80px;
	height: 80px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-mans {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-no-InstructorData {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -344px -418px;
	width: 54px;
	height: 41px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-no-InstructorData {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-play {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -300px 0px;
	width: 120px;
	height: 120px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-play {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-registration {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -540px -380px;
	width: 42px;
	height: 38px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-registration {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-step-1-off {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -540px -140px;
	width: 48px;
	height: 40px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-step-1-off {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-step-1-on {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -540px -200px;
	width: 48px;
	height: 40px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-step-1-on {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-step-2-off {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -117px;
	width: 35px;
	height: 40px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-step-2-off {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-step-2-on {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -177px;
	width: 35px;
	height: 40px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-step-2-on {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-step-3-off {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -540px -260px;
	width: 42px;
	height: 40px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-step-3-off {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-step-3-on {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -540px -320px;
	width: 42px;
	height: 40px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-step-3-on {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-step-4-off {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -180px -418px;
	width: 62px;
	height: 47px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-step-4-off {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-step-4-on {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -262px -418px;
	width: 62px;
	height: 47px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-step-4-on {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.ico-step-arr {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px 0px;
	width: 38px;
	height: 38px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ico-step-arr {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.icon-adult {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -150px 0px;
	width: 130px;
	height: 130px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.icon-adult {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.icon-i-pin {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: 0px -150px;
	width: 130px;
	height: 130px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.icon-i-pin {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.icon-lifestudy-2000109-L {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -440px -300px;
	width: 80px;
	height: 80px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.icon-lifestudy-2000109-L {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.icon-phone {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -150px -150px;
	width: 130px;
	height: 130px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.icon-phone {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.lifestudy-2000200-ico {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: 0px -418px;
	width: 80px;
	height: 80px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.lifestudy-2000200-ico {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.lifestudy-2000201-icon {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -418px -418px;
	width: 52px;
	height: 37px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.lifestudy-2000201-icon {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.lifestudy-2000401-ico1 {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -300px -140px;
	width: 100px;
	height: 98px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.lifestudy-2000401-ico1 {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.lifestudy-2000401-ico2 {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: 0px -300px;
	width: 100px;
	height: 98px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.lifestudy-2000401-ico2 {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.lifestudy-2000401-ico3 {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -120px -300px;
	width: 100px;
	height: 98px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.lifestudy-2000401-ico3 {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.lpop-close {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -385px;
	width: 21px;
	height: 21px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.lpop-close {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.map-maker {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -237px;
	width: 26px;
	height: 39px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.map-maker {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.map-pin {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -466px;
	width: 20px;
	height: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.map-pin {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.notice-ico {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -300px -258px;
	width: 17px;
	height: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.notice-ico {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.photo-next {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -540px 0px;
	width: 50px;
	height: 50px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.photo-next {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.photo-prev {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -540px -70px;
	width: 50px;
	height: 50px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.photo-prev {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.pic-add-btn {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -100px -418px;
	width: 60px;
	height: 60px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.pic-add-btn {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

.step2-arr {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -506px;
	width: 20px;
	height: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.step2-arr {
		background-image: url(/static/lifeStudy/img/sprite-sub@2x.png);
		background-size: 648px 552px;
	}
}

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	display: block;
}

.slick-track:before,
.slick-track:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.slick-track::after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

[dir=rtl] .slick-slide {
	float: right;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

@media (min-width: 750px) {
	.md\:ml-6 {
		margin-left: 6px;
	}
}

@media (min-width: 1200px) {
	.lg\:ml-5 {
		margin-left: 5px;
	}

	.lg\:ml-6 {
		margin-left: 6px;
	}
}

@media (min-width: 750px) {
	.sm\:visible {
		display: none;
	}
}

@media (max-width: 749px) {
	.md\:visible {
		display: none;
	}
}

@media (max-width: 1200px) {
	.lg\:visible {
		display: none;
	}
}

@media (max-width: 749px) {
	.sm\:hidden {
		display: none;
	}
}

@media (min-width: 750px) {
	.md\:hidden {
		display: none;
	}
}

@media (min-width: 1200px) {
	.lg\:hidden {
		display: none;
	}
}

@media (max-width: 749px) {
	.sm\:w100p {
		width: 100%;
	}
}

.ico-close {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z"/></svg>') center center no-repeat;
}

.ico-print {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 9 4 L 9 11 L 7 11 C 5.355469 11 4 12.355469 4 14 L 4 24 L 9 24 L 9 28 L 23 28 L 23 24 L 28 24 L 28 14 C 28 12.355469 26.644531 11 25 11 L 23 11 L 23 4 Z M 11 6 L 21 6 L 21 11 L 11 11 Z M 7 13 L 25 13 C 25.566406 13 26 13.433594 26 14 L 26 22 L 23 22 L 23 18 L 9 18 L 9 22 L 6 22 L 6 14 C 6 13.433594 6.433594 13 7 13 Z M 8 14 C 7.449219 14 7 14.449219 7 15 C 7 15.550781 7.449219 16 8 16 C 8.550781 16 9 15.550781 9 15 C 9 14.449219 8.550781 14 8 14 Z M 11 20 L 21 20 L 21 26 L 11 26 Z"/></svg>') center center no-repeat;
	background-size: 23px;
}

.ico-share {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 4 C 13.855469 4 12.117188 5.71875 12.03125 7.84375 C 8.425781 9.375 6 12.941406 6 17 C 6 17.171875 5.992188 17.359375 6 17.5625 C 4.816406 18.257813 4 19.535156 4 21 C 4 23.199219 5.800781 25 8 25 C 8.574219 25 9.128906 24.878906 9.625 24.65625 C 11.359375 26.113281 13.617188 27 16 27 C 18.382813 27 20.640625 26.113281 22.375 24.65625 C 22.871094 24.878906 23.425781 25 24 25 C 26.199219 25 28 23.199219 28 21 C 28 19.519531 27.175781 18.222656 25.96875 17.53125 C 25.984375 17.371094 26 17.207031 26 17 C 26 12.941406 23.574219 9.375 19.96875 7.84375 C 19.882813 5.71875 18.144531 4 16 4 Z M 16 6 C 17.117188 6 18 6.882813 18 8 C 18 9.117188 17.117188 10 16 10 C 14.882813 10 14 9.117188 14 8 C 14 6.882813 14.882813 6 16 6 Z M 12.46875 9.84375 C 13.140625 11.117188 14.46875 12 16 12 C 17.53125 12 18.859375 11.117188 19.53125 9.84375 C 22.210938 11.144531 24 13.878906 24 17 C 21.800781 17 20 18.800781 20 21 C 20 21.894531 20.308594 22.707031 20.8125 23.375 C 19.476563 24.386719 17.757813 25 16 25 C 14.242188 25 12.523438 24.386719 11.1875 23.375 C 11.691406 22.707031 12 21.894531 12 21 C 12 18.800781 10.199219 17 8 17 C 8 13.878906 9.789063 11.144531 12.46875 9.84375 Z M 8 19 C 9.117188 19 10 19.882813 10 21 C 10 22.117188 9.117188 23 8 23 C 6.882813 23 6 22.117188 6 21 C 6 19.882813 6.882813 19 8 19 Z M 24 19 C 25.117188 19 26 19.882813 26 21 C 26 22.117188 25.117188 23 24 23 C 22.882813 23 22 22.117188 22 21 C 22 19.882813 22.882813 19 24 19 Z"/></svg>') center center no-repeat;
	background-size: 25px;
}

.ico-twitter {
	display: inline-block;
	width: 39px;
	height: 39px;
	background: url(/static/lifeStudy/img/ico-twitter.png) center center no-repeat;
	background-size: 39px 39px;
}

.ico-url {
	display: inline-block;
	width: 39px;
	height: 39px;
	background: url(/static/lifeStudy/img/ico-url.png) center center no-repeat;
	background-size: 39px 39px;
}

.ico-blog {
	display: inline-block;
	width: 39px;
	height: 39px;
	background: url(/static/lifeStudy/img/ico-blog.png) center center no-repeat;
	background-size: 39px 39px;
}

.ico-facebook {
	display: inline-block;
	width: 39px;
	height: 39px;
	background: url(/static/lifeStudy/img/ico-facebook.png) center center no-repeat;
	background-size: 39px 39px;
}

.ico-kakao {
	display: inline-block;
	width: 39px;
	height: 39px;
	background: url(/static/lifeStudy/img/ico-kakao.png) center center no-repeat;
	background-size: 39px 39px;
}

.align-c {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

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

::placeholder {
	color: #666;
}

select,
input,
textarea {
	color: #333;
	background-color: #f7f7f7;
}

input[type=radio] ~ i ~ span,
input[type=checkbox] ~ i ~ span {
	margin-right: 10px;
}

input[type=radio] {
	position: relative;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-top: -3px;
	border: 1px solid #dadada;
}

input[type=radio]::before {
	content: "";
	position: absolute;
	inset: -1px;
	background-color: #fff;
	border: solid 1px #ddd;
	border-radius: 50px;
}

input[type=radio]::after {
	content: "";
	position: absolute;
	inset: 9px;
	background-color: #e4477a;
	opacity: 0;
	transition: 0.2s;
}

input[type=radio]:checked::before {
	border: solid 1px #e4477a;
}

input[type=radio]:checked::after {
	content: "";
	position: absolute;
	inset: 4px;
	background-color: #e4477a;
	opacity: 1;
	border-radius: 50px;
}

input[type=checkbox] {
	width: 20px;
	height: 20px;
	transform: translateY(4px);
	position: relative;
}

input[type=checkbox]::before {
	content: "";
	position: absolute;
	inset: 0px;
	background-color: #fff;
	border: solid 1px #ddd;
}

input[type=checkbox]::after {
	content: "";
	position: absolute;
	inset: 9px;
	background-color: #e4477a;
	opacity: 0;
	transition: 0.2s;
}

input[type=checkbox]:checked::before {
	border: solid 1px #e4477a;
}

input[type=checkbox]:checked::after {
	content: "";
	position: absolute;
	inset: 4px;
	background-color: #e4477a;
	opacity: 1;
}

button.chk,
.chk.toggle-list__title {
	padding: 0;
	background-color: #fff;
	line-height: 1;
	text-align: left;
}

button.chk::before,
.chk.toggle-list__title::before {
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border: 2px solid #eee;
	display: inline-block;
	vertical-align: text-bottom;
	background-color: #ffffff;
	margin-right: 6px;
}

button.chk.on::before,
.chk.on.toggle-list__title::before {
	background: url(/static/fss/img/common/radio.png) center center no-repeat;
	background-size: 100%;
	border-width: 0 !important;
}

input[type=email],
input[type=number],
input[type=date],
input[type=text],
input[type=password],
input[type=file],
select,
textarea {
	border: 1px solid #eee;
	padding: 4px 10px;
	line-height: 20px;
	height: 34px;
	vertical-align: middle;
	outline: none;
	border-radius: 0;
	background-color: #fff;
}

input[type=email]:hover,
input[type=email]:focus,
input[type=email]:active,
input[type=number]:hover,
input[type=number]:focus,
input[type=number]:active,
input[type=date]:hover,
input[type=date]:focus,
input[type=date]:active,
input[type=text]:hover,
input[type=text]:focus,
input[type=text]:active,
input[type=password]:hover,
input[type=password]:focus,
input[type=password]:active,
input[type=file]:hover,
input[type=file]:focus,
input[type=file]:active,
select:hover,
select:focus,
select:active,
textarea:hover,
textarea:focus,
textarea:active {
	box-shadow: 0 0 5px #008fd4;
	border-color: #fff;
}

input[type=password] {
	font-family: serif;
}

input.date,
input.month,
input.sdate,
input[type=date],
input.edate {
	background: #f7f7f7 url(/static/lifeStudy/img/ico_calendar@2x.png) calc(100% - 10px) center no-repeat;
	background-size: 16px;
	padding-right: 0;
	text-indent: 0;
	cursor: pointer;
}

::-webkit-calendar-picker-indicator {
	width: 30px;
	margin: 0;
	height: 34px;
	background-position: right center;
}

input[type=time] {
	height: 34px;
	border: 1px solid #eee;
}

input::-ms-clear,
input::-ms-reveal {
	background-color: #fff;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
	background-color: #fff;
}

input[type=text]:disabled {
	background-color: #f5f5f5;
}

select {
	appearance: none;
	padding-right: 27px;
	background: #f7f7f7 url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 17.7"  xml:space="preserve"> <path d="M1.7,0L0,1.7l15.1,15.1l0.9,0.8l0.9-0.8L32,1.7L30.3,0L16,14.3L1.7,0z"/> </svg>') center center no-repeat;
	background-size: 10px 6px;
	background-position-y: center;
	background-position-x: calc(100% - 13px);
}

@media (min-width: 750px) and (max-width: 1199px) {
	select {
		background-position-x: calc(100% - 4px);
	}
}

select::-ms-expand {
	display: none;
}

select.default {
	width: 100%;
}

@media (min-width: 750px) and (max-width: 1199px) {
	select.default {
		width: 300px;
	}
}

textarea {
	width: 100%;
	height: auto;
}

input {
	cursor: auto;
}

.sh input.sdate,
.sh input.edate,
.sh input.date,
.sh input.month {
	width: 154px;
}

.popup .sh input.sdate,
.popup .sh input.edate,
.popup .sh input.date,
.popup .sh input.month {
	width: calc(50% - 55px);
	max-width: 185px;
}

input.sdate + img,
input.edate + img,
input.date + img,
input.month + img {
	margin-left: -33px;
}

input[type=file] {
	height: auto;
	padding: 7px;
}

@media (max-width: 749px) {
	input[type=file] {
		width: 100%;
	}
}

input[type=button] {
	margin: 0 1px;
}

.form-inline input[type=file] {
	display: block;
	width: 100%;
}

input[type=text].phone-number1 {
	width: 86px;
	text-align: center;
}

input[type=text].post-number {
	width: 120px;
}

input[type=text].chars-md {
	width: 150px;
}

input[type=text].number-sm {
	width: 40px;
}

input[type=text].number-md {
	width: 80px;
}

input[type=text].companyCode1 {
	width: 30px;
	text-align: center;
}

input[type=text].companyCode2 {
	width: 20px;
	text-align: center;
}

input[type=text].companyCode3 {
	width: 50px;
	text-align: center;
}

input[type=text].emailId {
	width: calc(100% - 90px);
}

input[type=text].emailAddr {
	width: 100%;
}

@media (max-width: 749px) {
	input[type=text]#emailFull {
		width: 100%;
		margin-bottom: 10px;
	}
}

@media (max-width: 749px) {
	input[type=text]#emailCode {
		width: calc(100% - 86px);
	}
}

@media (min-width: 750px) and (max-width: 1199px) {
	input[type=text].emailId {
		width: calc(50% - 90px);
	}

	input[type=text].emailAddr {
		width: calc(50% - 90px);
	}
}

input[readonly] {
	background-color: #eee;
}

input[type=text],
input[type=password],
input[type=date],
input[type=number],
input[type=text] {
	-webkit-appearance: none;
	font-family: SUIT, "Noto Sans KR", "Noto Sans", "AppleGothic", "맑은 고딕", "돋움", "dotum", Helvetica, Arial, sans-serif;
}

@media (max-width: 749px) {
	input[type=text].phone-number1 {
		width: 70px;
	}

	input[type=text] + input[type=text] {
		margin-top: 5px;
	}

	.r-has-btn {
		width: calc(100% - 125px) !important;
	}

	.w100p-m {
		width: 100%;
	}
}

textarea.api {
	border-radius: 0;
	border-color: #eee;
	resize: none;
}

.email-set2 + .email-code {
	margin-top: 10px;
}

.input-word input {
	width: calc(100% - 35px);
	max-width: 230px !important;
}

.idnumber {
	position: relative;
	display: inline-block;
	padding-right: 50px;
	width: 100%;
	max-width: 280px;
}

.login .idnumber {
	padding-right: 0;
}

.idnumber > input {
	width: calc(50% - 11px) !important;
}

@media (min-width: 750px) {
	.login .idnumber > input {
		max-width: 170px;
	}
}

.idnumber .hyphen {
	display: inline-block;
	width: 14px;
	text-align: center;
}

.safari .idnumber .hyphen {
	width: 12px;
}

.idnumber button.b-default,
.idnumber .b-default.toggle-list__title {
	margin: 8px 0 0 0;
}

@media (min-width: 750px) {

	.idnumber button.b-default,
	.idnumber .b-default.toggle-list__title {
		margin: 0 0 0 4px;
	}
}

.idnumber__lastnumber {
	position: relative;
	display: inline-block;
	width: calc(50% - 11px) !important;
}

@media (min-width: 750px) {
	.login .idnumber__lastnumber {
		max-width: 170px;
	}
}

.idnumber__lastnumber input {
	width: 100%;
}

.idnumber-namecheck {
	display: inline-block;
	padding-right: 0;
}

@media (max-width: 749px) {
	.idnumber-namecheck {
		max-width: calc(100% - 100px);
	}
}

.idnumber.idnumber-ok .b-ok {
	min-width: 70px;
	margin-left: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

.keypad-open,
.vKeypadOpen {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 40px;
	background-image: url(/static/commons/img/ico-vkeyboard.png);
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
}

.vkeypad-set .pad-label {
	display: block;
}

@media (min-width: 750px) {
	.vkeypad-set .pad-label {
		padding-left: 134px;
		display: block;
		width: auto;
	}
}

.vkeypad-set .vkeypad {
	display: inline-block;
	width: 250px;
}

.vkeypad-set .vkeypad [type=password] {
	margin: 0;
}

.vkeypad {
	position: relative;
}

.sh-pop .vkeypad {
	max-width: 200px;
}

.pop-input .vkeypad {
	float: left;
	width: calc(100% - 10px - 66px);
}

.bd-reg .vkeypad,
.bd-reg-row .vkeypad {
	display: inline-block;
	vertical-align: middle;
}

.pw-single .vkeypad {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 90px);
}

@media (min-width: 750px) {
	.pw-single .vkeypad {
		margin-left: 20px;
		width: 200px;
	}
}

@media (max-width: 749px) {
	.pw-single .vkeypad label {
		width: auto;
	}
}

.vkeypad input[type=password] {
	width: calc(100% - 1px);
	padding-right: 50px;
}

.popwrap__body__cont .vkeypad input[type=password] {
	width: calc(100% - 0px) !important;
}

.vkeypad .pad {
	display: block;
	margin-bottom: 10px;
}

.pad-label {
	display: block;
	margin-bottom: 10px;
}

.pad-label span {
	display: inline-block;
	margin-left: 10px;
}

.next-toggle + div {
	display: none;
}

.next-toggle:checked {
	transform: translateY(10px);
}

.next-toggle:checked + .email-set {
	display: inline-block;
}

@media (max-width: 749px) {
	.next-toggle:checked + .email-set {
		margin-top: 10px;
	}
}

@media (min-width: 1200px) {
	.input-label-group {
		display: inline-block;
	}
}

@media (max-width: 749px) {
	.input-label-group {
		display: flex;
		flex-direction: column;
		justify-content: normal;
		align-items: normal;
	}

	.input-label-group label {
		display: block;
	}

	.input-label-group [type=text] {
		width: 100%;
	}
}

.sh-index {
	margin: 10px 0 50px;
	padding: 14px;
	border-radius: 25px;
	border: solid 1px #eee;
	background-color: #fff;
	text-align: center;
}

@media (max-width: 749px) {
	.sh-index {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 10px;
		margin-bottom: 30px;
	}
}

.sh-index button,
.sh-index .toggle-list__title {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 0;
	background-color: #f1f2f3;

	font-size: 18px;
	text-align: center;
	padding-top: 0;
}

@media (min-width: 750px) {

	.sh-index button,
	.sh-index .toggle-list__title {
		margin: 0 0 0 10px;
	}
}

.sh-index button.on,
.sh-index .on.toggle-list__title {
	background-color: #111;
	border-color: #111;
	color: #fff;
}

.search_wrap,
.sh-pop,
.sh {
	border-radius: 15px;
	padding: 25px;
}

@media (min-width: 750px) {

	.sh-pop,
	.sh {
		padding: 25px 88px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.sh-pop > *,
	.sh > * {
		margin-left: 2px;
		margin-right: 2px;
	}
}

.popwrap .sh-pop,
.popwrap .sh {
	padding: 25px 20px;
}

@media (max-width: 749px) {

	.popwrap .sh-pop,
	.popwrap .sh {
		padding: 10px;
	}

	.sh-index button,
	.sh-index .toggle-list__title {
		width: 40px;
		height: 40px;
		border-radius: 5px;
	}
}

.sh-pop .set,
.sh .set {
	display: flex;
	width: 100%;
	justify-content: center;
	gap: 10px;
}

@media (max-width: 940px) {

	.sh-pop .set,
	.sh .set {
		flex-direction: column;
		align-items: stretch;
	}
}

@media (min-width: 941px) {

	.sh-pop .set,
	.sh .set {
		flex-direction: row;
		align-items: center;
	}
}

.sh-pop .select select,
.sh .select select {
	border: 2px solid #6db797;
	height: 48px;
	border-radius: 6px;
	background-color: #fff;
}

.sh-pop__label-group,
.sh__label-group {
	display: flex;
}

@media (max-width: 940px) {

	.sh-pop__label-group,
	.sh__label-group {
		gap: 18px;
	}
}

@media (min-width: 941px) {

	.sh-pop__label-group,
	.sh__label-group {
		flex-basis: 180px;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
}

.sh-pop__keyword-group,
.sh__keyword-group {
	position: relative;
	flex-grow: 1;
	display: grid;
	grid-template-columns: auto 50px;
	border: 2px solid;
	border-radius: 6px;
	border-style: solid;
	border-width: 2px;
	border-image-source: linear-gradient(to left, #e4477a, #6db897);
	border-image-slice: 1;
	background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to left, #e4477a, #6db897);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.sh-pop__keyword-group:focus-within .keyword-help,
.sh__keyword-group:focus-within .keyword-help {
	top: -10px;
	opacity: 0;
}

.sh--detail .sh-pop__keyword-group:focus-within .keyword-help,
.sh--detail .sh__keyword-group:focus-within .keyword-help {
	top: -18px;
}

.sh-pop__keyword-group .keyword-help,
.sh__keyword-group .keyword-help {
	position: absolute;
	top: 22px;
	left: 25px;

	font-size: 17px;
	transition: 0.2s;
}

@media (max-width: 749px) {

	.sh-pop__keyword-group .keyword-help,
	.sh__keyword-group .keyword-help {
		left: 10px;
		top: 20px;
		font-size: 14px;
		padding-right: 40px;
		line-height: 1.3;
		height: 44px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		align-content: center;
	}
}

@media (min-width: 750px) {

	.sh--detail .sh-pop__keyword-group .keyword-help,
	.sh--detail .sh__keyword-group .keyword-help {
		top: 18px;
		left: 25px;
	}
}

.sh-pop__keyword-group .keyword-help .c1,
.sh__keyword-group .keyword-help .c1 {
	color: #e4477a;
}

.sh-pop__keyword-group .keyword-help .c2,
.sh__keyword-group .keyword-help .c2 {
	color: #429772;
}

.sh-pop__keyword-group .keyword-help.active,
.sh__keyword-group .keyword-help.active {
	display: none;
}

.sh-pop__keyword-group input[type=text],
.sh__keyword-group input[type=text] {
	border: none;
	height: 44px;
	background-color: #fff;
	border-radius: 6px;
}

@media (min-width: 750px) {

	.sh--detail .sh-pop__keyword-group input[type=text],
	.sh--detail .sh__keyword-group input[type=text] {
		height: 56px;
	}
}

.sh-pop__keyword-group button,
.sh-pop__keyword-group .toggle-list__title,
.sh__keyword-group button,
.sh__keyword-group .toggle-list__title {
	height: 44px;
	background: #e4477a url(/static/lifeStudy/img/search-btn.png) center center no-repeat;
}

@media (min-width: 750px) {

	.sh--detail .sh-pop__keyword-group button,
	.sh--detail .sh-pop__keyword-group .toggle-list__title,
	.sh--detail .sh__keyword-group button,
	.sh--detail .sh__keyword-group .toggle-list__title {
		height: 56px;
	}
}

.sh-pop__keyword,
.sh__keyword {
	margin-top: 10px;

}

.sh-pop__keyword dl,
.sh__keyword dl {
	display: grid;
	grid-template-columns: 107px auto;
	gap: 30px;
}

@media (min-width: 941px) {

	.sh-pop__keyword dl,
	.sh__keyword dl {
		margin-left: 164px;
	}
}

@media (max-width: 749px) {

	.sh-pop__keyword dl,
	.sh__keyword dl {
		gap: 10px;
	}
}

.sh-pop__keyword dt,
.sh__keyword dt {
	position: relative;
	width: 107px;
	height: 31px;
	margin-right: 31px;
	border-radius: 15.5px;
	background-color: #429772;
	font-style: italic;
	font-weight: 400;
	color: #fff;
	text-align: center;
	line-height: 35px;
}

.sh-pop__keyword dt::before,
.sh__keyword dt::before {
	content: "";
	position: absolute;
	left: 19px;
	top: -7px;
	width: 9px;
	height: 10px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="10"><path fill-rule="evenodd" fill="%234EA47E" d="M0 7.998S2.955 2.771 8.999.1c0 0-6.715 9.387 0 9.899L0 7.998z"/></svg>') 0 0 no-repeat;
}

.sh-pop__keyword button,
.sh-pop__keyword .toggle-list__title,
.sh__keyword button,
.sh__keyword .toggle-list__title {
	padding: 5px 4px;
	color: #757575;
	overflow-wrap: anywhere;
	text-align: left;
	word-break: auto-phrase;
}

.sh-pop__detail-sh,
.sh__detail-sh {
	width: 114px;
	height: 48px;
	border-radius: 6px;
	color: #fff;

	background-color: #e4477a;
	padding-top: 5px;
}

.sh--detail .sh-pop__detail-sh,
.sh--detail .sh__detail-sh {
	padding-top: 0;
	background-color: #429772;
}

@media (min-width: 750px) {

	.sh--detail .sh-pop__detail-sh,
	.sh--detail .sh__detail-sh {
		font-size: 19px;
		width: 146px;
		height: 60px;
	}
}

.sh-pop label,
.sh label {
	line-height: 40px;
}

.sh-pop select,
.sh-pop input[type=text],
.sh-pop input[type=date],
.sh-pop input[type=number],
.sh select,
.sh input[type=text],
.sh input[type=date],
.sh input[type=number] {
	width: 100%;
}

.sh-pop div > .label:first-child,
.sh-pop div > *:first-child > label > .label,
.sh div > .label:first-child,
.sh div > *:first-child > label > .label {
	padding-left: 0;
	min-width: 60px;
	margin-right: 0 !important;
	margin-left: 0;
}

@media (min-width: 941px) {

	.sh-pop .select,
	.sh .select {
		flex-basis: 150px;
	}
}

.sh-pop .yy-group,
.sh .yy-group {
	flex-shrink: 0;
	flex-grow: 1;
	flex-basis: 350px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.sh-pop .yy-group .label,
.sh .yy-group .label {
	padding-right: 10px;
}

@media (min-width: 750px) and (max-width: 1199px) {

	.sh-pop .yy-group .label,
	.sh .yy-group .label {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (min-width: 1200px) {

	.sh-pop .yy-group .label,
	.sh .yy-group .label {
		padding-left: 20px;
	}
}

.sh-pop .yy-group input,
.sh .yy-group input {
	width: 100%;
}

.sh-pop .yy-group .dash,
.sh .yy-group .dash {
	width: 24px;
	text-align: center;
}

@media (max-width: 749px) {

	.sh-pop .yy-group .dash,
	.sh .yy-group .dash {
		width: 68px;
		margin-top: 4px;
	}
}

.sh-pop .yy-group.m .dash + span,
.sh-pop .yy-group.m .label + span,
.sh .yy-group.m .dash + span,
.sh .yy-group.m .label + span {
	flex-basis: 70px;
	margin-right: 8px;
}

.sh-pop .yy-group.m .dash + span + span,
.sh-pop .yy-group.m .label + span + span,
.sh .yy-group.m .dash + span + span,
.sh .yy-group.m .label + span + span {
	flex-grow: 1;
}

@media (max-width: 749px) {

	.sh-pop .yy-group.m,
	.sh .yy-group.m {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.sh-pop .yy-group.m .label,
	.sh .yy-group.m .label {
		flex-basis: 68px;
	}

	.sh-pop .yy-group.m .label + span,
	.sh .yy-group.m .label + span {
		flex-basis: calc(100% - 68px - 140px);
	}

	.ie .sh-pop .yy-group.m .label + span,
	.ie .sh .yy-group.m .label + span {
		flex-basis: calc(100% - 68px - 140px - 10px);
	}

	.sh-pop .yy-group.m .dash + span,
	.sh .yy-group.m .dash + span {
		flex-basis: calc(100% - 68px - 140px);
		margin-top: 4px;
	}

	.ie .sh-pop .yy-group.m .dash + span,
	.ie .sh .yy-group.m .dash + span {
		flex-basis: calc(100% - 68px - 140px - 10px);
	}

	.sh-pop .yy-group.m .dash + span + span,
	.sh .yy-group.m .dash + span + span {
		margin-top: 4px;
	}
}

@media (min-width: 750px) {

	.sh-pop .keyword-cate,
	.sh .keyword-cate {
		flex-basis: 120px;
	}
}

.sh-pop .select-group,
.sh .select-group {
	display: block;
	flex-grow: 1;
}

.sh-pop .select-group label,
.sh .select-group label {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.sh-pop .select-group .label,
.sh .select-group .label {
	padding-right: 10px;
}

@media (min-width: 750px) and (max-width: 1199px) {

	.sh-pop .select-group .label,
	.sh .select-group .label {
		padding-left: 0;
		padding-right: 4px;
	}
}

@media (min-width: 1200px) {

	.sh-pop .select-group .label,
	.sh .select-group .label {
		padding-left: 20px;
	}
}

.sh-pop .select-group .label.w,
.sh .select-group .label.w {
	flex-basis: 140px;
	flex-shrink: 0;
	flex-grow: 1;
}

.sh-pop .select-group select,
.sh .select-group select {
	min-width: 80px;
}

.sh-pop .keyword,
.sh .keyword {
	flex-grow: 1;
}

@media (max-width: 749px) {

	.sh-pop .keyword,
	.sh .keyword {
		display: block;
	}
}

.sh-pop .btns,
.sh .btns {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-basis: 124px;
	flex-shrink: 0;
}

.sh-pop .btns .search,
.sh .btns .search {
	width: 60px;
	height: 34px;
	color: #ffffff;
	background-color: #2c428e;
	border-radius: 3px;
}

.sh-pop .btns .search::before,
.sh .btns .search::before {
	display: inline-block;
	content: "\e8b6";
	font-family: "Material Icons";
	font-size: 25px;
}

.sh-pop .btns .reset,
.sh .btns .reset {
	width: 60px;
	height: 34px;
	color: #fff;
	background-color: #728496;
	border-radius: 3px;
}

.sh-pop .btns .reset::before,
.sh .btns .reset::before {
	display: inline-block;
	content: "\e5d5";
	font-family: "Material Icons";
	font-size: 25px;
	transform: scaleX(-1);
}

@media (max-width: 749px) {

	.sh-pop .btns .search,
	.sh-pop .btns .reset,
	.sh .btns .search,
	.sh .btns .reset {
		width: calc(50% - 2px);
	}
}

.sh-pop .btns-ext-down,
.sh .btns-ext-down {
	flex-basis: 214px;
}

@media (max-width: 749px) {

	.sh-pop .btns-ext-down > *,
	.sh .btns-ext-down > * {
		width: calc(50% - 2px) !important;
	}
}

.sh-pop .down .xls,
.sh .down .xls {
	transition: all 0.5s ease-in-out;
	display: block;
	height: 34px;
	line-height: 34px;
	border-radius: 3px;
	background-color: #197f3f;
	color: #fff;
	white-space: nowrap;
	text-align: center;
}

@media (max-width: 749px) {

	.sh-pop .down .xls,
	.sh .down .xls {
		width: 100%;
	}
}

@media (min-width: 750px) {

	.sh-pop .down .xls,
	.sh .down .xls {
		padding-left: 8px;
		padding-right: 8px;
	}
}

@media (min-width: 1200px) {

	.sh-pop .down .xls,
	.sh .down .xls {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.sh-pop .down .xls::before,
.sh .down .xls::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	background: url(/static/fss/img/ico/ico-xls-white.svg) 0 0 no-repeat;
	background-size: 22px;
	line-height: 1;
	vertical-align: top;
	margin-top: 8px;
}

@media (max-width: 749px) {

	.sh-pop .find,
	.sh .find {
		flex-basis: 100%;
	}

	.sh-pop .find .b-find-canme,
	.sh .find .b-find-canme {
		width: 100%;
	}
}

.sh-pop .label-group label,
.sh .label-group label {
	display: block;
}

@media (max-width: 749px) {

	.sh-pop .label-group label,
	.sh .label-group label {
		line-height: 1.5;
	}
}

@media (min-width: 750px) {

	.sh-pop .label-group label,
	.sh .label-group label {
		display: inline-block;
	}
}

.sh-pop .label-group label span,
.sh .label-group label span {
	display: inline-block;
	margin-left: 15px;
}

@media (min-width: 750px) {

	.sh-pop .label-group label + label,
	.sh .label-group label + label {
		margin-left: 20px;
	}
}

.sh-pop .date-label,
.sh .date-label {
	width: 80px;
}

.sh-pop--detail-option,
.sh--detail-option {
	height: auto;
	flex-wrap: wrap;
}

@media (min-width: 750px) {

	.sh-pop--detail-option,
	.sh--detail-option {
		padding-left: 50px;
		padding-right: 50px;
	}
}

.sh--detail {
	height: auto;
	max-width: 100%;
}

@media (max-width: 749px) {
	.sh--detail {
		padding: 0;
	}
}

.sh--detail .select select {
	height: 60px;
	line-height: 56px;
}

@media (min-width: 750px) {
	.sh--detail {
		padding: 0;
		display: block;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.sh--detail > * {
		margin-left: 2px;
		margin-right: 2px;
	}
}

@media (min-width: 1200px) {
	.sh--detail {
		padding: 0;
	}
}

.sh-detail-option {
	display: none;
	width: 100%;
	margin-top: 15px;
}

.sh-detail-option.active {
	display: block;
}

.sh-detail-option__close {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 26px;
	height: 26px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z"/></svg>') center center no-repeat;
	background-size: 21px;
	z-index: 1;
}

.sh-detail-option .btn-set {
	margin-bottom: 0;
}

.sh-detail-option .s {
	position: relative;
	padding: 30px;
	background-color: #fff;
	border-radius: 15px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px;
	max-width: 960px;
	margin: 0 auto;
}

.sh-detail-option .s dl {
	display: grid;
	grid-template-columns: 85px auto;
	gap: 7px;
}

@media (max-width: 749px) {
	.sh-detail-option .s {
		padding: 10px;
		border-radius: 10px;
	}

	.sh-detail-option .s dl {
		grid-template-columns: auto;
	}
}

.sh-detail-option .s dl dt {
	font-weight: bold;
	color: #000;
	line-height: 30px;
}

.sh-detail-option .s dl .label-list {
	gap: 0px 16px;
}

.sh-detail-option .s dl .label-list label {
	line-height: 30px;
}

.sh-detail-option__select-group {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

@media (max-width: 749px) {
	.sh-detail-option__select-group {
		flex-direction: column;
	}
}

.sh-detail-option__select-group select {
	width: auto;
}

@media (min-width: 750px) {
	.sh-detail-option__select-group select {
		width: 200px;
	}
}

.date-set {
	display: flex;
	align-items: center;
	max-width: 300px;
}

.date-set--inline-flex {
	display: inline-flex;
	vertical-align: middle;
}

@media (min-width: 750px) and (max-width: 1199px) {
	.date-set {
		flex-basis: 270px;
		flex-shrink: 0;
	}
}

@media (min-width: 1200px) {
	.date-set {
		flex-basis: 300px;
		flex-grow: 0;
	}
}

.date-set .date,
.date-set .month,
.date-set .sdate,
.date-set .edate {
	flex-basis: calc(50% - 12px) !important;
	width: calc(50% - 12px) !important;
	-webkit-appearance: none !important;
	background-color: #fff;
}

.chart-sh .date-set .date,
.sh .date-set .date,
.chart-sh .date-set .month,
.sh .date-set .month,
.chart-sh .date-set .sdate,
.sh .date-set .sdate,
.chart-sh .date-set .edate,
.sh .date-set .edate {
	border: 2px solid #6db797;
	border-radius: 6px;
	line-height: 42px;
	height: 48px;
}

.date-set .dash {
	width: 24px;
	text-align: center;
}

@media (min-width: 750px) and (max-width: 1199px) {
	.sh .date-set {
		font-size: 13px;
	}
}

@media (min-width: 750px) and (max-width: 1199px) {
	.sh.m .date-set {
		font-size: 16px;
	}
}

@media (min-width: 750px) {

	.bd-reg .date-set,
	.bd-reg-row .date-set {
		display: block;
		max-width: 300px;
	}
}

.date-range label {
	display: inline-block;
	width: calc(25% - 5px);
}

@media (min-width: 750px) {
	.date-range label {
		width: 77px;
	}
}

.date-range label input {
	position: absolute;
	opacity: 0;
}

.date-range label input:checked + span {
	background-color: #fff;
	text-decoration: underline;
	color: #2c428e;
}

.date-range label span {
	border: 1px solid #2c428e;
	background-color: #2c428e;
	width: 100%;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 3px;
}

.chart-sh {
	margin-bottom: 50px;
	padding: 25px 30px;
	border-radius: 15px;
	background-color: #f8f9fb;
	display: grid;
	align-items: center;
	gap: 30px;
}

@media (min-width: 750px) {
	.chart-sh {
		grid-template-columns: 80px auto;
	}
}

@media (max-width: 749px) {
	.chart-sh {
		padding: 25px;
	}
}

.chart-sh .deco {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	background-image: url("/static/lifeStudy/img/ico-chart.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.chart-sh .deco {
		background-image: url("/static/lifeStudy/img/ico-chart@2x.png");
	}
}

@media (max-width: 749px) {
	.chart-sh .deco {
		display: none;
	}
}

.chart-sh .btns {
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	gap: 5px;
}

@media (max-width: 749px) {
	.chart-sh .btns {
		flex-wrap: wrap;
	}
}

.chart-sh button,
.chart-sh .toggle-list__title {
	width: 94px;
	height: 48px;
	border-radius: 6px;
	background-color: #666;

	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
	text-align: center;
}

.chart-sh button.on,
.chart-sh .on.toggle-list__title,
.chart-sh button.active,
.chart-sh .active.toggle-list__title {
	background-color: #e4477a;
}

.btn-set {
	margin: 25px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.btn-set.r {
	justify-content: right;
}

.btn-set.l {
	justify-content: start;
}

.btn-set--both {
	justify-content: space-between;
}

.btn-set.bd {
	margin-top: 20px;
	padding-top: 25px;
	border-top: 1px solid #eee;
}

/* prettier-ignore */
[class^=b-] {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	height: 34px;
	border-radius: 6px;
	background-color: #666;
	text-align: center;
	color: #fff;
	font-size: 15px;

	padding: 10px 7px 7px;
	font-family: SUIT;
	font-size: 14px;
	font-weight: 500;
	padding: 7px 12px;
}

[class^=b-].b-blue {
	font-family: SUIT;
	height: 28px;
	padding: 7px 12px 6px 11px;
	border-radius: 5px;
	background-color: #5983c7;
}

[class^=b-].b-down {
	background-color: #666;
}

[class^=b-].b-gray {
	background-color: #666;
}

[class^=b-].b-ok {
	background-color: #e4477a;
}

[class^=b-].b-point {
	background-color: #e4477a;
}

[class^=b-].b-green {
	background-color: #429772;
}

[class^=b-].round {
	border-radius: 100px;
	padding-left: 30px;
	padding-right: 30px;
}

.btn-set [class^=b-] {
	display: inline-block;
	height: 45px;
	border-radius: 22.5px;
	background-color: #666;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	text-align: center;
}

@media (max-width: 749px) {
	.btn-set [class^=b-] {
		padding: 14px 24px 11px 30px;
	}
}

@media (min-width: 750px) {
	.btn-set [class^=b-] {
		padding: 14px 44px 11px 50px;
	}
}

.btn-set [class^=b-]::after {
	content: "";
	vertical-align: middle;
	width: 19px;
	height: 19px;
	display: inline-block;
	background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="white" d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>') center center no-repeat;
}

@media (min-width: 750px) {
	.btn-set [class^=b-] {
		min-width: 160px;
	}
}

.btn-set [class^=b-]:focus {
	outline-offset: -3px;
}

.btn-set [class^=b-].b-edit,
.btn-set [class^=b-].b-cancel,
.btn-set [class^=b-].b-gray {
	background-color: #666;
}

.btn-set [class^=b-].b-green {
	background-color: #429772;
}

.btn-set [class^=b-].b-pink {
	background-color: #e4477a;
}

.btn-set [class^=b-].b-payment {
	background-color: #429772;
}

.btn-set [class^=b-].b-payment::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 15px;
	margin-right: 7px;
	background-image: url("/static/lifeStudy/img/btn-ico-pay.png");
	background-repeat: no-repeat;
	background-size: 18px 15px;
	transform: translateY(-1px);
	vertical-align: middle;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.btn-set [class^=b-].b-payment::before {
		background-image: url("/static/lifeStudy/img/btn-ico-pay@2x.png");
	}
}

.btn-set [class^=b-].b-payment-cancel {
	background-color: #666;
}

.btn-set [class^=b-].b-payment-cancel::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 15px;
	margin-right: 7px;
	background-image: url("/static/lifeStudy/img/btn-ico-pay.png");
	background-repeat: no-repeat;
	background-size: 18px 15px;
	transform: translateY(-1px);
	vertical-align: middle;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.btn-set [class^=b-].b-payment-cancel::before {
		background-image: url("/static/lifeStudy/img/btn-ico-pay@2x.png");
	}
}

.btn-set [class^=b-].b-payment-cancel-cancel {
	background-color: #666;
}

.btn-set [class^=b-].b-link:after {
	content: "\e409";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	margin-left: 14px;
	vertical-align: baseline;
}

.list .btn-set [class^=b-].b-link,
.list_02 .btn-set [class^=b-].b-link,
.explainList .btn-set [class^=b-].b-link {
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: text-bottom;
	transform: translateY(2px);
}

.list .btn-set [class^=b-].b-link::after,
.list_02 .btn-set [class^=b-].b-link::after,
.explainList .btn-set [class^=b-].b-link::after {
	margin-left: 8px;
	transform: translateY(-2px);
}

.btn-set [class^=b-].b-blank:after {
	content: "\e89e";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	margin-left: 10px;
	transform: translateY(-1px);
}

.list .btn-set [class^=b-].b-blank,
.list_02 .btn-set [class^=b-].b-blank,
.explainList .btn-set [class^=b-].b-blank {
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: text-bottom;
}

.list .btn-set [class^=b-].b-blank::after,
.list_02 .btn-set [class^=b-].b-blank::after,
.explainList .btn-set [class^=b-].b-blank::after {
	margin-left: 8px;
}

.box-info .btn-set [class^=b-].b-blank {
	line-height: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.btn-set [class^=b-].b-line-black {
	color: #272626;
	border: 1px solid #272626;
	background-color: transparent;
}

.btn-set [class^=b-].b-add::before {
	content: "\e145";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	line-height: 1rem;
	vertical-align: text-bottom;
}

.btn-set [class^=b-].b-ok,
.btn-set [class^=b-].b-point,
.btn-set [class^=b-].b-save {
	background-color: #e4477a;
}

.btn-set [class^=b-].b-line,
.btn-set [class^=b-].b-list {
	padding-top: 12px;
	padding-bottom: 13px;
	color: #666;
	border: solid 2px #666;
	background-color: #fff;
}

.btn-set [class^=b-].b-line::after,
.btn-set [class^=b-].b-list::after {
	background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="%23666666" d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>') center center no-repeat;
}

.mypage-info {
	border-radius: 15px;
	border: solid 1px #eee;
	background-color: #f8f9fb;
	display: grid;
}

@media (min-width: 750px) {
	.mypage-info {
		grid-template-columns: auto 7.29% 58.652%;
		padding: 26px 25px 30px 35px;
	}
}

@media (max-width: 749px) {
	.mypage-info {
		padding: 20px;
		grid-template-columns: auto;
		font-size: 15px;
	}
}

.mypage-info .btns {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 6px;
}

@media (min-width: 750px) {
	.mypage-info .btns {
		margin-top: 30px;
	}
}

@media (max-width: 749px) {
	.mypage-info .btns {
		margin-top: 15px;
	}
}

.mypage-info .btns .btn2 {
	flex-grow: 1;
}

.mypage-info .btns--row {
	flex-direction: column;
	align-items: stretch;
}

.mypage-info .btns--row .btn2 {
	flex-grow: 1;
}

.mypage-info .title {
	position: relative;
	font-family: JalnanOTF;
	font-size: 20px;
}

.mypage-info .title:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 3px;
	background-color: #e4477a;
	border-radius: 50%;
	vertical-align: top;
	transform: translateY(5px);
}

.mypage-info .line {
	position: relative;
}

.mypage-info .line::before {
	content: "";
	position: absolute;
	left: 50%;
	height: 100%;
	border-left: 1px solid #eee;
}

@media (max-width: 749px) {
	.mypage-info .r {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #dadada;
	}
}

.app-dashboard {
	margin-top: 9px;
}

.app-dashboard__top {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;
}

.app-dashboard__top.col2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px;
}

.app-dashboard__top--col2 {
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 749px) {
	.app-dashboard__top {
		grid-template-columns: repeat(1, 1fr);
	}
}

.app-dashboard__item {
	padding: 12px 0;
	border-radius: 15px;
	box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.03);
	border: solid 1px #eee;
	background-color: #fff;
	word-break: break-all;
	text-align: center;
}

.app-dashboard__item.flex {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	height: 70px;
}

.app-dashboard__item.flex i {
	margin: 0;
	width: 44px;
	height: 44px;
	background-size: 50%;
}

@media (min-width: 750px) {
	.app-dashboard__item {
		height: 112px;
	}
}

@media (max-width: 749px) {
	.app-dashboard__item {
		display: grid;
		grid-template-columns: 64px auto;
		align-items: center;
		justify-content: start;
		gap: 20px;
		padding: 15px 20px;
	}
}

.app-dashboard__item i {
	display: block;
	margin: 0 auto;
	width: 64px;
	height: 64px;
	padding: 19px 14px 20px;
	background-color: #f3f5f9;
	border-radius: 64px;
	background-position: center center;
	background-repeat: no-repeat;
}

.app-dashboard__item span {
	display: block;
	margin-top: 8px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #3d3d3d;
}

.app-dashboard__item span strong {
	font-weight: 500;
	line-height: 1;
	color: #429772;
	display: inline-block;
	border-bottom: 1px solid #429772;
}

.app-dashboard__bottom {
	margin-top: 7px;
	display: grid;
	border-radius: 15px;
	box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.03);
	background-color: #fff;
	border: solid 1px #eee;
}

@media (min-width: 750px) {
	.app-dashboard__bottom {
		height: 51px;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 749px) {
	.app-dashboard__bottom {
		padding: 13px 20px;
		grid-template-columns: repeat(1, 1fr);
	}
}

.app-dashboard__item2 {
	text-align: center;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

@media (max-width: 749px) {
	.app-dashboard__item2 + .app-dashboard__item2 {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #dadada;
	}
}

.app-dashboard__item2 i {
	display: inline-block;
	margin-right: 5px;
	width: 30px;
	height: 26px;
	background-position: center center;
	background-repeat: no-repeat;
}

.app-dashboard__item2 span {
	display: inline-block;
	margin-top: 8px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #3d3d3d;
}

.app-dashboard__item2 span strong {
	font-weight: 500;
	line-height: 1;
	color: #429772;
	display: inline-block;
	border-bottom: 1px solid #429772;
}

.app-dashboard__item2 + * {
	position: relative;
}

@media (min-width: 750px) {
	.app-dashboard__item2 + *::before {
		content: "";
		position: absolute;
		left: 0;
		top: 10px;
		height: 29px;
		border-left: 1px solid #efefef;
	}
}

.app-dashboard + .title {
	margin-top: 25px;
}

.programicon-01 {
	background-image: url("/static/lifeStudy/img/programicon-01.png");
	background-repeat: no-repeat;
	background-size: auto auto;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.programicon-01 {
		background-image: url("/static/lifeStudy/img/programicon-01@2x.png");
	}
}

.programicon-02 {
	background-image: url("/static/lifeStudy/img/programicon-02.png");
	background-repeat: no-repeat;
	background-size: auto auto;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.programicon-02 {
		background-image: url("/static/lifeStudy/img/programicon-02@2x.png");
	}
}

.programicon-03 {
	background-image: url("/static/lifeStudy/img/programicon-03.png");
	background-repeat: no-repeat;
	background-size: auto auto;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.programicon-03 {
		background-image: url("/static/lifeStudy/img/programicon-03@2x.png");
	}
}

.programicon-04 {
	background-image: url("/static/lifeStudy/img/programicon-04.png");
	background-repeat: no-repeat;
	background-size: auto auto;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.programicon-04 {
		background-image: url("/static/lifeStudy/img/programicon-04@2x.png");
	}
}

.programicon-05 {
	background-image: url("/static/lifeStudy/img/programicon-05.png");
	background-repeat: no-repeat;
	background-size: auto auto;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.programicon-05 {
		background-image: url("/static/lifeStudy/img/programicon-05@2x.png");
	}
}

.programicon-06 {
	background-image: url("/static/lifeStudy/img/programicon-06.png");
	background-repeat: no-repeat;
	background-size: auto auto;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.programicon-06 {
		background-image: url("/static/lifeStudy/img/programicon-06@2x.png");
	}
}

.program-b-icon-01 {
	background-image: url("/static/lifeStudy/img/program-b-icon-01.png");
	background-repeat: no-repeat;
	background-size: auto auto;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.program-b-icon-01 {
		background-image: url("/static/lifeStudy/img/program-b-icon-01@2x.png");
	}
}

.program-b-icon-02 {
	background-image: url("/static/lifeStudy/img/program-b-icon-02.png");
	background-repeat: no-repeat;
	background-size: auto auto;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.program-b-icon-02 {
		background-image: url("/static/lifeStudy/img/program-b-icon-02@2x.png");
	}
}

.user-card {
	margin-top: 17px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.mypage-info--type2 .user-card {
	margin-top: 29px;
}

@media (max-width: 749px) {
	.user-card {
		flex-direction: column;
		text-align: center;
	}
}

.user-card__img {
	flex-basis: 100px;
	flex-shrink: 0;
}

.user-card__r {
	margin-left: 18px;

}

.user-card__name em {
	font-weight: bold;
	color: #429772;
}

.user-card__txt {
	line-height: 1.5;
	color: #6b6b6b;
}

.btn2 {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 40px;
	border-radius: 10px;
	background-color: #36a071;

	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.53;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
}

.btn2::after {
	content: "navigate_next";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
	vertical-align: middle;
	transform: translateY(-2px);
}

.btn2--line {
	background-color: transparent;
	color: #36a071;
	border: solid 2px #36a071;
}

.btn2--pink {
	background-color: #e4477a;
	border: solid 2px #e4477a;
}

.badeg-line {
	display: inline-block;
	padding: 3px 9px;
	border-radius: 5px;
	line-height: 1;
	text-align: center;
	color: #e4477a;
	font-size: 14px;
	border: 1px solid #e4477a;
	font-weight: 700;
}

.bd-list .badeg-line {
	color: #e4477a;
	font-weight: 700;
}

/* prettier-ignore */
.badeg {
	display: inline-block;
	vertical-align: middle;
	padding: 3px 9px;
	border-radius: 5px;
	background-color: #e4477a;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.badeg--del {
	background-color: #666;
}

.badeg--end {
	background-color: #666;
}

.badeg--verification {
	background-color: #666;
}

.badeg--satisfaction {
	background-color: #429772;
}

.badeg--print {
	background-color: #e4477a;
}

.badeg--config {
	background-color: #e4477a;
}

.badeg--link {
	background-color: #e4477a;
}

.badeg--cancel {
	background-color: #666;
}

.badeg--gray {
	background-color: #666;
}

.badeg--completion {
	background-color: #429772;
}

.badeg--view {
	background-color: #e4477a;
}

.badeg--details {
	background-color: #e4477a;
}

.badeg--copy {
	background-color: #666;
}

.badeg--statistics {
	background-color: #429772;
}

.btn_ty {
	display: inline-block;
	line-height: 32px;
	min-width: 70px;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 16px;
	padding: 0 10px;
	vertical-align: top;
}

.btn_ty.bt_ty3 {
	background: #6D7882;
	border: 1px solid #6D7882;
	color: #fff;
}

.btn_ty.bt_ty1 {
	background: #083891;
	border: 1px solid #083891;
	color: #fff;
}

.btn_ty.bt_ty2 {
	background: #D63D4A;
	border: 1px solid #D63D4A;
	color: #fff;
}

.btn_ty.bt_ty4 {
	background: #429772;
	border: 1px solid #429772;
	color: #fff;
}

.bd-infor {
	margin-top: 30px;
	margin-bottom: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	min-height: 34px;
}

@media (max-width: 749px) {
	.bd-infor {
		flex-wrap: wrap;
		gap: 8px;
	}
}

.bd-infor .bu2 {
	margin: 0;
}

.bd-infor--bdb {
	padding-bottom: 13px;
	border-bottom: 2px solid #6db897;
}

.bd-infor + .bd-view {
	margin-top: 10px;
}

.bd-ctrl-title {
	margin-top: 24px;
	margin-bottom: 15px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	min-height: 34px;
	gap: 20px;
}

.bd-ctrl-title .bu2 {
	margin: 0;
}

.count-total {
	margin-top: 40px;
	margin-bottom: 10px;
	color: #525252;
	font-weight: 500;
}

.bd-infor .count-total {
	margin: 0;
}

.count-total em {

	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
}

.bd-list {
	margin-top: 10px;
	border-top: 2px solid #6db797;
	/* prettier-ignore */
}

@media (max-width: 749px) {
	.bd-list {
		width: calc(100% + 20px);
	}

	.bd-ctrl-title {
		flex-direction: column;
		align-items: start;
		gap: 10px;
	}
}

.sh + .bd-list {
	margin-top: 20px;
}

.bd-list .status--warning {
	color: #e4477a;
}

.bd-list .status--complete {
	color: #e4477a;
}

.bd-list a:hover,
.bd-list a:focus,
.bd-list a:active {
	text-decoration: underline;
}

.bd-list a[class^=b-] {
	color: #fff;
}

.bd-list .nodata {
	padding: 40px;
	text-align: center;
	border-bottom: 1px solid #dadada;
}

.bd-list .lock {
	font-size: 21px;
	display: inline-block;
	transform: translateY(-1px);
}

.bd-list .lock::before {
	content: "lock";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.bd-list .notice-ico {
	display: inline-block;
}

.notice_table {
	width: 100%;
	background: #f1f5e9;
	border-top: 2px solid #6db797;
}

.notice_table th,
.notice_table td {
	padding: 10px;
}

.notice_table thead tr th {
	border-bottom: 1px solid #aaa;
}

.notice_table tbody td {
	border-bottom: 1px solid #ddd;
}

.notice_table tbody td .program-subject {
	text-align: center;
}

.notice_table tbody tr.cont_area td {
	background: #fff;
	display: none;
}

.notice_table tbody tr.cont_area.on td {
	display: table-cell;
}

.update_list {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.update_list .list {
	border: 1px solid #ddd;
	background: #fff3e6;
	padding: 5px;
}

.update_list .list .top {
	display: flex;
	justify-content: space-between;
	padding: 10px;
}

.update_list .list .top a {
	font-weight: bold;
}

.update_list .list .bottom {
	display: none;
	padding: 10px;
	background: #f1e1d5;
	word-break: break-all;
}

.bd-list table {
	width: 100%;
	text-align: center;
}

.bd-list table thead {
	color: #000;
}
.bd-list table caption {text-indent: -99999px;font-size:0;height:0;}
.bd-list table thead th {
	font-weight: bold;
	line-height: 1.38;
}

.bd-list table thead th.c-cate {
	width: 140px;
}

.bd-list table thead th.c-cost {
	width: 110px;
}

.bd-list table thead th.c-no {
	width: 72px;
}

.bd-list table thead th.c-date-range {
	width: 100px;
}

.bd-list table thead th.c-rong-range {
	width: 160px;
}

.bd-list table thead th.c-count {
	width: 60px;
}

.bd-list table thead th.c-days {
	width: 110px;
}

.bd-list table thead th.c-register {
	width: 170px;
}

.bd-list table thead th.c-date {
	width: 110px;
}

.bd-list table thead th.c-status {
	width: 110px;
}

.bd-list table thead th.c-app {
	width: 94px;
}

.bd-list table thead th.r-date-set {
	width: 300px;
}

.bd-list table thead th.r-ctrl {
	width: 250px;
}

.bd-list table tr {
	height: 46px;
}

.bd-list table th {
	padding: 12px 0;
	background-color: #fbfbfb;
	font-weight: 400;
}

.bd-list table .bdt th {
	border-top: 1px solid #dadada;
}

.bd-list table tbody {
	color: #6b6b6b;
}

.bd-list table tbody tr.notice .no i {
	color: #bc2222;
	font-size: 1.375rem;
	display: inline-block;
	padding-top: 0.3125em;
}

.bd-list table tbody td {
	line-height: 1.38;
	padding: 13px 8px;
	border-bottom: 1px solid #dadada;
}

.bd-list table tbody td.em,
.bd-list table tbody td em {
	color: #1c1c1c;
	font-weight: 500;
}

@media (max-width: 749px) {
	.bd-list table tbody td {
		padding: 5px 4px;
	}
}

@media (min-width: 750px) {
	.bd-list table tbody td.tal {
		padding-left: 20px;
	}
}

@media (min-width: 750px) {
	.bd-list table tbody td.title a {
		padding-left: 20px;
	}
}

.bd-list table tbody td.title a:hover {
	text-decoration: underline;
}

.bd-list table tbody td a.link {
	text-decoration: underline;
}

.bd-list table tbody td .only-m {
	display: none;
}

@media (min-width: 1200px) {
	.bd-list table tbody td.bd-l {
		padding-left: 10px;
		border-left: 1px solid #dadada;
	}
}

.bd-list table tbody td .bd-list__box {
	text-align: left;
	width: 100%;
}

@media (min-width: 750px) {
	.bd-list table tbody td .bd-list__box {
		padding: 20px 30px;
	}
}

.bd-list table tbody td .bd-list__box span {
	display: inline-block;
}

@media (min-width: 750px) {
	.bd-list table tbody td .bd-list__box span {
		width: calc(100% - 150px);
	}
}

.bd-list table tbody a.file {
	width: 30px;
	height: 30px;
	display: block;
	margin: 0 auto;
	background: url(/static/fss/img/common/ico-file.png) 0 0 no-repeat;
}

.bd-list .new {
	display: inline-block;
	background-color: #bc2222;
	border-radius: 3px;
	width: 6px;
	height: 6px;
	line-height: 19px;
	vertical-align: top;
	margin-left: 5px;
}

.bd-list .title2 {
	text-align: left;
	color: #1c1c1c;
	font-weight: 500;
}

.bd-list .title2 a {
	position: relative;
}

@media (min-width: 750px) {
	.bd-list .title2 a {
		display: block;
	}
}

.bd-list .title2 a .new {
	position: absolute;
	display: inline-block;
	background-color: #bc2222;
	border-radius: 3px;
	width: 6px;
	height: 6px;
	line-height: 19px;
	vertical-align: top;
	margin-left: 5px;
}

.bd-list .title2 .new {
	position: absolute;
	display: inline-block;
	background-color: #bc2222;
	border-radius: 3px;
	width: 6px;
	height: 6px;
	line-height: 19px;
	vertical-align: top;
	margin-left: 5px;
}

.bd-list .title {
	text-align: left;
}

.bd-list .title a {
	position: relative;
	padding-right: 20px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ie .bd-list .title a {
	display: block;
	height: 16px;
	overflow: hidden;
}

@media (max-width: 900px) {
	.bd-list {
		overflow-x: scroll;
		position: relative;
	}

	.bd-list table {
		min-width: 750px;
	}
}

.bd-list.th-m table {
	border-collapse: separate;
	border-spacing: 0 0;
}

.bd-list.th-m thead tr {
	height: auto;
}

.bd-list.th-m thead th {
	position: static;
	padding: 8px 0;
	height: auto;
	line-height: 1.2;
	border-left: 1px solid #dadada;
}

.bd-list.th-m thead th::before {
	display: none;
}

.bd-list.th-m thead th[rowspan]:first-child {
	border-left-width: 0;
}

.bd-list.th-m thead tr + tr th {
	border-top: 1px solid #dadada !important;
}

.bd-list tfoot {
	background-color: #eff9f5;
}

.bd-list tfoot td {
	border-bottom: 1px solid #dadada;
}

.bd-list .avg tr > td:last-child {
	color: #e4477a;
	background-color: #eff9f5;
}

.bd-list--color table tbody {
	color: #1c1c1c;
}

.nodata {
	text-align: center;
	padding: 50px;
	border-bottom: 1px solid #dadada;
}

.bd-list2 {
	margin-top: 10px;
	border-top: 2px solid #6db797;
}

.bd-list2 table {
	width: 100%;
	text-align: center;
}

.bd-list2 thead {
	color: #000;
}

.bd-list2 thead th {
	font-weight: bold;
	line-height: 1.38;
}

.bd-list2 tr {
	height: 46px;
}

.bd-list2 th {
	padding: 12px 0;
	background-color: #fbfbfb;
	font-weight: 400;
}

.bd-list2 tbody {
	color: #6b6b6b;
}

.bd-list2 tbody tr.notice .no i {
	color: #bc2222;
	font-size: 1.375rem;
	display: inline-block;
	padding-top: 0.3125em;
}

.bd-list2 tbody td {
	line-height: 1.38;
	padding: 13px 0;
	border-bottom: 1px solid #dadada;
}

.bd-list2 tbody td.em,
.bd-list2 tbody td em {
	color: #1c1c1c;
	font-weight: 500;
}

@media (min-width: 750px) {
	.bd-list2 tbody td.tal {
		padding-left: 20px;
	}
}

.bd-list2 tbody td a.link {
	text-decoration: underline;
}

@media (min-width: 1200px) {
	.bd-list2 tbody td.bd-l {
		padding-left: 10px;
		border-left: 1px solid #dadada;
	}
}

.bd-list2.ovx {
	overflow-x: auto;
	position: relative;
}

.bd-list2.ovx table {
	min-width: 960px;
}

.v-lr {
	writing-mode: vertical-lr;
}

.bd-program {
	padding: 20px 0;
	border-top: 2px solid #6db797;
}

.bd-program ul {
	display: grid;
	gap: 30px 16px;
}

@media (max-width: 749px) {
	.bd-program ul {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 750px) {
	.bd-program ul {
		grid-template-columns: repeat(4, 1fr);
	}
}

.bd-program a {
	display: block;
}

.bd-program a:focus {
	outline: 1px dashed #000;
	outline-offset: 0;
}

.bd-program__link-body {
	padding-left: 9px;
	padding-right: 9px;
}

.bd-program .img {
	position: relative;
	display: block;
	background-color: #f8f9fb;
	aspect-ratio: 1/1;
	border-radius: 10px;
}

.bd-program .img img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
}

.bd-program .img .ing {
	width: 49px;
	height: 49px;
	border-radius: 49px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 15px;
	bottom: 15px;
	background-color: #e4477a;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.bd-program .badeg2-group {
	margin: 16px 0 9px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.bd-program .badeg2-group .r span {
	padding: 0 6px;
	display: inline-flex;
	vertical-align: middle;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 24px;
	border-radius: 5px;
	background-color: #fff;
	color: #151515;
	text-align: center;
	border: solid 1px #272727;
}

.bd-program .badeg2-group .r span.program-type-cost::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 16px;
	width: 20px;
	background: url(/static/lifeStudy/img/program-type-cost.png) 0 0 no-repeat;
}

.bd-program__title {
	line-height: 1.39;
	font-weight: bold;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ie .bd-program__title {
	display: block;
	height: 50px;
	overflow: hidden;
}

.bd-program__date {
	margin-top: 8px;

	font-size: 14px;
	font-weight: 500;
	color: #666;
}

.badeg2 {
	color: #429772;
	font-weight: 800;
}

.money {
	font-size: 30px;
	color: blueviolet;
}

.no-InstructorData {
	text-align: center;
	margin: 50px 0;
}

.bd-list-fix {
	border-top: solid 2px #6db797;
}

@media (min-width: 750px) {
	.bd-list-fix {
		display: grid;
		grid-template-columns: 260px auto;
		gap: 0;
	}
}

.bd-list-fix .bd-list {
	margin-top: 0;
	border: none;
}

@media (max-width: 749px) {
	.bd-list-fix .bd-list {
		width: auto;
	}
}

.bd-list-fix .bd-list th {
	height: 76px;
}

@media (max-width: 749px) {
	.bd-list-fix__head {
		display: none;
	}
}

.bd-list-fix__head table {
	width: 260px;
	min-width: initial;
}

.bd-list-fix__body {
	overflow-x: auto;
}

.bd-list-fix__body table {
	min-width: 100%;
	width: auto;
}

@media (min-width: 750px) {

	.bd-list-fix__body tr > *:nth-child(1),
	.bd-list-fix__body tr > *:nth-child(2),
	.bd-list-fix__body tr > *:nth-child(3),
	.bd-list-fix__body tr > *:nth-child(4),
	.bd-list-fix__body tr > *:nth-child(5) {
		display: none;
	}
}

.bd-list-fix .h-90 th {
	height: 90px;
}

.bd-list-fix .th\:6-hide tr > *:nth-child(1),
.bd-list-fix .th\:6-hide tr > *:nth-child(2),
.bd-list-fix .th\:6-hide tr > *:nth-child(3),
.bd-list-fix .th\:6-hide tr > *:nth-child(4),
.bd-list-fix .th\:6-hide tr > *:nth-child(5),
.bd-list-fix .th\:6-hide tr > *:nth-child(6) {
	display: none;
}

.program-subject {
	color: #000;
}

.program-subject span,
.program-subject em {
	display: inline-block;
	padding: 3px 9px;
	border-radius: 5px;
	line-height: 1;
	text-align: center;
	color: #e4477a !important;
	font-size: 14px;
	border: 1px solid #e4477a;
	font-weight: 700;
}

.program-subject span.type-color-green,
.program-subject em.type-color-green {
	color: #429772 !important;
	border-color: #429772;
}

.program-date-range {
	text-align: left;
}

.program-date-range span {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	padding: 2px 9px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	background-color: #fff;
	line-height: 1;
	margin-right: 6px;
}

.program-date-range__first {
	color: #5983c7;
	border-color: #5983c7;
}

.program-date-range__normal {
	color: #e4477a;
	border-color: #e4477a;
}

.program-date-range div + div {
	margin-top: 2px;
}

.input-group {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	vertical-align: middle;
}

@media (max-width: 749px) {
	.input-group + .input-group {
		margin-top: 4px;
	}
}

.input-group .label {
	flex-shrink: 0;
	font-family: SUIT;
	font-size: 15px;
	font-weight: bold;
	color: #6b6b6b;
}

@media screen and (max-width: 749px) {
	.input-group {
		width: 100%;
	}
}

@media (min-width: 750px) {
	.input-group {
		max-width: 350px;
	}
}

.input-group select,
.input-group input[type=time],
.input-group input[type=text] {
	width: 100%;
	background-color: #fff;
}

@media (max-width: 749px) {

	.input-group select,
	.input-group input[type=time],
	.input-group input[type=text] {
		flex-grow: 1;
	}
}

.input-group__addon {
	min-width: 40px;
}

@media (max-width: 749px) {
	.input-group--longtxt {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
}

@media (min-width: 1200px) {
	.input-group--longtxt {
		max-width: inherit;
	}
}

@media (min-width: 750px) {
	.input-group--longtxt input[type=text] {
		width: 160px;
	}
}

.input-group.wide {
	width: 100%;
	max-width: max-content;
}

.ws {
	white-space: nowrap;
}

.input-group-set {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.form-group {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}

.form-group + .form-group {
	margin-top: 8px;
}

.date-time-range {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.date-time-range__set {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 4px;
}

.date-time-range .dash {
	width: 20px;
	text-align: center;
}

.bd-Institution ul {
	display: grid;
	gap: 30px;
}

@media (max-width: 749px) {
	.bd-Institution ul {
		grid-template-columns: repeat(1, 1fr);
	}

	.date-time-range__set {
		flex-direction: column;
		align-items: start;
	}
}

@media (min-width: 750px) {
	.bd-Institution ul {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1200px) {
	.bd-Institution ul {
		grid-template-columns: repeat(4, 1fr);
	}
}

.bd-Institution li {
	position: relative;
}

.bd-Institution a {
	position: relative;
	display: block;
	padding: 20px 20px 15px;
	border-radius: 5px;
	border: solid 1px #eee;
	background-color: #f8f9fb;
	text-align: center;
	overflow: hidden;
}

.bd-Institution a .cate {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
	min-width: 56px;
	padding: 3px;
	border-radius: 5px 0 5px 0;
	border: solid 1px #e4477a;
	background-color: #fff;
	text-align: center;
	color: #e4477a;
	font-size: 15px;
}

.bd-Institution a .tit {
	display: block;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333;
}

.bd-Institution a .tit::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	transform: translateY(-2px);
	margin-right: 5px;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #71b494;
}

.bd-Institution a .tel {
	display: block;
	margin-top: 8px;
	line-height: 20px;
}

.bd-Institution a .tel::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 8.65625 3 C 8.132813 3 7.617188 3.1875 7.1875 3.53125 L 7.125 3.5625 L 7.09375 3.59375 L 3.96875 6.8125 L 4 6.84375 C 3.035156 7.734375 2.738281 9.066406 3.15625 10.21875 C 3.160156 10.226563 3.152344 10.242188 3.15625 10.25 C 4.003906 12.675781 6.171875 17.359375 10.40625 21.59375 C 14.65625 25.84375 19.402344 27.925781 21.75 28.84375 L 21.78125 28.84375 C 22.996094 29.25 24.3125 28.960938 25.25 28.15625 L 28.40625 25 C 29.234375 24.171875 29.234375 22.734375 28.40625 21.90625 L 24.34375 17.84375 L 24.3125 17.78125 C 23.484375 16.953125 22.015625 16.953125 21.1875 17.78125 L 19.1875 19.78125 C 18.464844 19.433594 16.742188 18.542969 15.09375 16.96875 C 13.457031 15.40625 12.621094 13.609375 12.3125 12.90625 L 14.3125 10.90625 C 15.152344 10.066406 15.167969 8.667969 14.28125 7.84375 L 14.3125 7.8125 L 14.21875 7.71875 L 10.21875 3.59375 L 10.1875 3.5625 L 10.125 3.53125 C 9.695313 3.1875 9.179688 3 8.65625 3 Z M 8.65625 5 C 8.730469 5 8.804688 5.035156 8.875 5.09375 L 12.875 9.1875 L 12.96875 9.28125 C 12.960938 9.273438 13.027344 9.378906 12.90625 9.5 L 10.40625 12 L 9.9375 12.4375 L 10.15625 13.0625 C 10.15625 13.0625 11.304688 16.136719 13.71875 18.4375 L 13.9375 18.625 C 16.261719 20.746094 19 21.90625 19 21.90625 L 19.625 22.1875 L 22.59375 19.21875 C 22.765625 19.046875 22.734375 19.046875 22.90625 19.21875 L 27 23.3125 C 27.171875 23.484375 27.171875 23.421875 27 23.59375 L 23.9375 26.65625 C 23.476563 27.050781 22.988281 27.132813 22.40625 26.9375 C 20.140625 26.046875 15.738281 24.113281 11.8125 20.1875 C 7.855469 16.230469 5.789063 11.742188 5.03125 9.5625 C 4.878906 9.15625 4.988281 8.554688 5.34375 8.25 L 5.40625 8.1875 L 8.4375 5.09375 C 8.507813 5.035156 8.582031 5 8.65625 5 Z"/></svg>') center center no-repeat;
	background-color: #429772;
	background-size: 12px 13px;
}

.bd-Institution input {
	position: absolute;
	right: 20px;
	top: 14px;
	z-index: 1;
}

.tab {
	margin: 17px 0 10px;
	text-align: center;
}

.tab nav {
	padding: 0;
	border-radius: 15px;
	background-color: #e8e9ea;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.tab a {
	position: relative;
	height: 42px;
	border-radius: 12px;
	color: #333;

	font-size: 16px;
	text-align: center;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 4px;
}

@media (max-width: 749px) {
	.tab {
		margin: 0;
		border-top: 0;
		padding-top: 10px;
	}

	.tab nav {
		position: static;
		width: auto;
	}

	.tab a {
		padding-left: 32px;
		padding-right: 32px;
		padding-top: 0px;
		font-size: 15px;
		height: 38px;
	}
}

@media (min-width: 750px) {
	.tab a {
		width: 181px;
		padding-top: 0px;
	}
}

.tab a.on {
	color: #fff;
	background-image: linear-gradient(to left, #e35180, #d9225d);
}

/* .tab a.on::before {
position: absolute;
content: "";
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #dc386f;
bottom: -8px;
left: calc(50% - 8px);
}
 */
.tab2 {
	margin: 50px 0 25px;
}

.tab2 nav {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.tab2 a {
	position: relative;
	height: 46px;
	color: #333;

	font-size: 16px;
	text-align: center;
	line-height: 1;
	padding-top: 12px;
	padding: 16px 61px 16px 60px;
	border: solid 1px #eee;
	background-color: #f8f9fb;
	border-radius: 12px 12px 0 0;
}

@media (max-width: 749px) {
	.tab2 a {
		padding-left: 18px;
		padding-right: 18px;
	}
}

@media (min-width: 750px) {
	.tab2 a {
		width: 181px;
	}
}

.tab2 a.active {
	color: #fff;
	background-image: linear-gradient(to left, #e58aa8, #d54977);
	border-color: transparent;
}

.bd-title {
	margin: 49px 0 20px 0;

	font-size: 24px;
	font-weight: 500;
	color: #333;
}

.list-filter {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;

	font-size: 16px;
	font-weight: 500;
	color: #333;
}

.list-filter select {
	font-size: 14px;
}

.list-filter__sh {
	height: 34px;
	padding: 7px 12px;
	margin-left: 5px;
	border-radius: 6px;
	background-color: #6d6d6d;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-family: SUIT;
}

.line2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ie .line2 {
	display: block;
	height: 32px;
	overflow: hidden;
}

.bd-photo {
	padding: 20px 0;
	border-top: 2px solid #6db797;
	border-bottom: 1px solid #dadada;
}

.bd-photo ul {
	display: grid;
}

@media (min-width: 750px) {
	.bd-photo ul {
		grid-template-columns: repeat(4, 1fr);
		gap: 30px 16px;
	}
}

@media (max-width: 749px) {
	.bd-photo ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 16px;
	}
}

.bd-photo a {
	display: block;
}

.bd-photo a:focus {
	outline: 1px dashed #000;
	outline-offset: 0;
}

.bd-photo__link-body {
	padding-left: 9px;
	padding-right: 9px;
}

.bd-photo .img {
	position: relative;
	display: block;
	background-color: #f8f9fb;
	aspect-ratio: 1/1;
	border-radius: 10px;
}

.bd-photo .img img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
}

.bd-photo .img.aspect-ratio-168 {
	aspect-ratio: 228/168;
}

.bd-photo__cate {
	margin-top: 14px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 82px;
	height: 24px;
	border-radius: 5px;
	border: solid 1px #e4477a;
	background-color: #fff;
	color: #e4477a;
}

.bd-photo__title {
	margin-top: 8px;
	line-height: 1.39;
	font-weight: bold;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ie .bd-photo__title {
	display: block;
	height: 50px;
	overflow: hidden;
}

.bd-photo__info {
	margin-top: 8px;

	font-size: 14px;
	font-weight: 500;
	color: #666;
}

.bd-photo__info .name {
	color: #429772;
}

.bd-photo__info .name + .date {
	margin-left: 11px;
}

.bd-photo__info .date {
	display: inline-block;
}

.bd-photo__info--event {
	margin-top: 15px;
}

.mapview {
	display: block;
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -237px;
	width: 26px;
	height: 39px;
}

.list-thum {
	margin: 0 auto;
	width: 70px;
	height: 70px;
	border-radius: 5px;
	background-color: #eff3f4;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.list-thum img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.file-type {
	width: 51px;
	height: 21px;
	border-radius: 5px;
	background-color: #fff;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #666;
	border: 1px solid #666;
}

.file-type.pdf {
	color: #eb2023;
	border: solid 1px #eb2023;
}

.file-type.zip {
	color: #0473bb;
	border: solid 1px #0473bb;
}

.file-type.hwp {
	border: solid 1px #0473bb;
	color: #0473bb;
}

.file-type.xls {
	color: #0473bb;
	border: solid 1px #0473bb;
}

.file-type.doc {
	color: #0473bb;
	border: solid 1px #0473bb;
}

.file-type.ppt {
	color: #0473bb;
	border: solid 1px #0473bb;
}

.file-type.etc {
	color: #0473bb;
	border: solid 1px #0473bb;
}

.bd-view {
	border-top: 2px solid #6db797;
	border-top-width: 2px;
	border-bottom: 1px solid #dadada;
	position: relative;
}
.bd-view p,
.bd-view span {
    font-family: SUIT, sans-serif !important;
}

h2 + .bd-view {
	margin-top: 15px;
}

.bd-view > dl > dd img {
	height: auto !important;
}

@media (max-width: 749px) {
	.bd-view > dl > dd {
		border-bottom: 1px solid #dadada;
	}

	.bd-view > dl.inline {
		overflow: hidden;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		border-bottom: 1px solid #dadada;
	}

	.bd-view > dl.inline dt,
	.bd-view > dl.inline dd {
		padding: 11px 14px 8px;
	}

	.bd-view > dl.inline dt {
		flex-grow: 0;
	}

	.bd-view > dl.inline dd {
		flex-grow: 1;
		padding-left: 10px;
		border-bottom: none;
	}
}

@media (min-width: 750px) {
	.bd-view > dl {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		width: 100%;
		border-bottom: 1px solid #dadada;
	}

	.bd-view > dl > dt {
		flex-basis: 140px;
		padding-left: 19px;
		padding-right: 19px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		flex-grow: 0;
		flex-shrink: 0;
		background: #fbfbfb;
	}

	.bd-view > dl > dd {
		width: calc(100% - 140px);
		flex-basis: calc(100% - 140px);
		padding-left: 20px;
		padding-right: 20px;
		flex-grow: 1;
		border-left: 1px solid #dadada;
	}

	.ie .bd-view > dl > dd {
		width: calc(100% - 180px);
		flex-basis: calc(100% - 180px);
	}

	.bd-view > dl > dd.col-3 {
		flex-basis: calc(66.6666666667% - 140px);
		flex-grow: 0;
	}

	.ie .bd-view > dl > dd.col-3 {
		width: calc(100% - 180px);
		flex-basis: calc(100% - 180px);
	}

	.bd-view > dl > dd.col-3 + dt + dd {
		flex-grow: 0;
	}
}

@media (min-width: 750px) and (min-width: 750px) and (max-width: 1200px) {
	.bd-view .type-dt-length-3 {
		flex-wrap: wrap;
	}

	.bd-view .type-dt-length-3 > dd ~ dt {
		border-top: 1px solid #dadada;
	}

	.bd-view .type-dt-length-3 > dd ~ dd {
		border-top: 1px solid #dadada;
	}
}

@media (min-width: 750px) {
	.bd-view .type-l {
		flex-wrap: wrap;
	}

	.bd-view .type-l dt {
		flex-basis: 140px;
		border-bottom: 1px solid #dadada;
	}

	.bd-view .type-l dd {
		flex-basis: calc((100% - 280px) / 2);
		border-bottom: 1px solid #dadada;
	}
}

@media (max-width: 749px) {

	.bd-view > dl > dt,
	.bd-view > dl > dd {
		padding-left: 14px;
		padding-right: 14px;
	}
}

.bd-view > dl > dt {
	color: #000;
	font-weight: bold;
}

@media (max-width: 749px) {
	.bd-view > dl > dt {
		padding-top: 11px;
		padding-bottom: 0;
	}
}

.bd-view > dl > dt.none {
	background: transparent;
}

@media (max-width: 749px) {
	.bd-view > dl > dd {
		padding-bottom: 9px;
	}
}

@media (min-width: 750px) {

	.bd-view > dl > dt,
	.bd-view > dl > dd {
		padding-top: 11px;
		padding-bottom: 11px;
	}
}

@media (min-width: 750px) {
	.bd-view > dl > dd + dt {
		border-left: 1px solid #dadada;
	}
}

.bd-view .bd-view-link {
	color: #008fd4;
}

@media (min-width: 750px) {
	.bd-view.type-dt-wide dt {
		flex-basis: 200px;
	}
}

@media (min-width: 750px) {
	.bd-view.type-dt-wide2 dt {
		flex-basis: 250px;
	}
}

.bd-view + .bd-view {
	margin-top: 20px;
}

.tab-radio-pannel .bd-view {
	margin-top: 0 !important;
}

.bd-view strong {
	color: #000;
	font-weight: bold;
}

.bd-view__subject {
	font-weight: bold;
	color: #1c1c1c;
}

.bd-view__subject em {
	padding: 2px 8px;
	display: inline-flex;
	line-height: 1;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-family: SUIT;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: normal;
	color: #e4477a;
	border-radius: 5px;
	border: solid 1px #e4477a;
	background-color: #fff;
}

.bd-view figure {
	margin: 20px 0;
}

@media (min-width: 750px) {
	.bd-view--dt-w > dl > dt {
		flex-basis: 170px;
	}
}

.filter {
	position: relative;
	text-align: right;
}

.count-total + .filter {
	margin-top: -20px;
}

@media (min-width: 750px) and (max-width: 1199px) {
	.filter div {
		position: absolute;
		right: 0;
		bottom: 0;
	}
}

.filter * {
	float: left;
}

.filter select {
	border: 0.063rem solid #ccc;
	border-right-width: 0;
	background-color: #fff;
	width: 160px;
	height: 35px;
}

.filter button,
.filter .toggle-list__title {
	background-color: #949494;
	color: #ffffff;
	width: 60px;
	height: 35px;
	line-height: 35px;
	padding: 0;
	min-width: 0;
}

.badge-line {
	color: #e4477a !important;
	display: inline-block;
	padding: 3px 9px;
	border-radius: 5px;
	line-height: 1;
	text-align: center;
	font-size: 14px;
	border: 1px solid #e4477a;
	font-weight: 700;
}

.badge-line--c {
	border-color: #429772;
	padding: 0 9px 0 0;
	color: #429772 !important;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	line-height: 1.429;
}

.badge-line--c::before {
	content: "C";
	width: 18px;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-right: 9px;
	background-color: #429772;
	color: #fff;
}

.badge {
	display: inline-block;
	word-break: keep-all;
}

.badge::before {
	font-size: 21px;
	transform: translateY(2px);
	margin-right: 4px;
}

.badge.use-target::before {
	content: "\ef65";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.badge.reject-other {
	color: #bc2222;
}

.badge.reject-other::before {
	content: "\ef67";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.badge.reject-drop {
	color: #e02894;
}

.badge.reject-drop::before {
	content: "\f1b9";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.badge.use-cancel {
	color: #bc2222;
}

.badge.use-cancel::before {
	content: "\f007";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.badge.wait-for-transfer {
	color: #728496;
}

.badge.wait-for-transfer::before {
	content: "\e51d";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.badge.moving {
	color: #008fd4;
}

.badge.moving::before {
	content: "\e8af";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.badge.wait,
.badge.wait-for-reception {
	color: #2c428e;
}

.badge.wait::before,
.badge.wait-for-reception::before {
	content: "\e8ae";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.badge.end::before,
.badge.receipt-completed::before {
	content: "\e86c";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.badge.processing-completed {
	color: #2aa242;
}

.badge.processing-completed::before {
	content: "\e86c";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.badge.ing,
.badge.processing {
	color: #008fd4;
}

.badge.ing::before,
.badge.processing::before {
	content: "\e88b";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.badge.processing-drop {
	color: #bc2222;
}

.badge.processing-drop::before {
	content: "\ea8e";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

thead th.no {
	width: 55px;
}

@media (min-width: 1200px) {
	thead th.no {
		width: 85px;
	}
}

thead th.register-no {
	width: 100px;
}

thead th.date {
	width: 100px;
}

@media (min-width: 1200px) {
	thead th.date {
		width: 130px;
	}
}

thead th.file {
	width: 80px;
}

@media (min-width: 1200px) {
	thead th.file {
		width: 120px;
	}
}

thead th.count {
	width: 70px;
}

@media (min-width: 1200px) {
	thead th.count {
		width: 100px;
	}
}

thead th.files,
thead th.names {
	width: 80px;
}

thead th.name {
	width: 120px;
}

thead th.depart {
	width: 140px;
}

thead th.depts,
thead th.day {
	width: 110px;
}

thead th.days {
	width: 190px;
}

thead th.processing {
	width: 130px;
}

thead th.public {
	width: 110px;
}

thead th.btns {
	width: 130px;
}

thead th.cate {
	width: 100px;
}

thead th.cname {
	width: 150px;
}

.bd-list.type-vline th + th {
	position: relative;
}

.bd-list.type-vline th + th::before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	background-color: #dadada;
}

.bd-list.type-vline td + td {
	border-left: 1px solid #dadada;
}

.bd-subject {
	margin: 45px 0 8px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}

.bd-subject h3 {
	margin: 0;
	position: relative;
	font-family: JalnanOTF;
	font-size: 20px;
}

.bd-subject h3:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 3px;
	background-color: #e4477a;
	border-radius: 50%;
	vertical-align: top;
	transform: translateY(5px);
}

.bd-subject .more a {
	font-size: 15px;
	font-weight: 600;
}

.bd-subject .more a::after {
	content: "navigate_next";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
	vertical-align: middle;
	transform: translateY(-2px);
}

.view-hgroup {
	margin-bottom: 25px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

@media (max-width: 749px) {
	.view-hgroup {
		margin-bottom: 10px;
		position: relative;
		flex-direction: column;
	}

	.view-hgroup .toolbar {
		position: absolute;
		right: 0;
		top: 0;
	}
}

.view-hgroup__cate {
	margin-top: 5px;
	padding: 2px 8px;
	display: inline-flex;
	line-height: 1;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-family: SUIT;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: normal;
	color: #e4477a;
	border-radius: 5px;
	border: solid 1px #e4477a;
	background-color: #fff;
}

.view-hgroup__cate--end {
	color: #fff;
	background-color: #666;
	border-color: #666;
}

.view-hgroup__title {
	font-family: SUIT;
	font-weight: bold;
	line-height: normal;
	color: #272626;
}

@media (min-width: 750px) {
	.view-hgroup__title {
		font-size: 24px;
	}
}

@media (max-width: 749px) {
	.view-hgroup__title--padding {
		padding-right: 60px;
	}
}

.view-hgroup__deco {
	font-weight: bold;
	color: #e4477a;
}

.view-hgroup__deco span {
	margin-left: 15px;
	color: #000;
}

@media (max-width: 749px) {
	.view-hgroup__deco span {
		margin-left: 0;
		display: block;
	}
}

.view-hgroup__deco .d {
	display: inline-block;
	margin: 4px 0 0;
	font-family: SUIT;
	font-size: 16px;
	font-weight: 500;
	color: #757575;
}

.view-hgroup__deco .c {
	display: inline-block;
	margin: 4px 0 0 30px;
	font-family: SUIT;
	font-size: 16px;
	font-weight: 500;
	color: #757575;
}

.view-hgroup > div:first-child {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 16px;
}

@media (max-width: 749px) {
	.view-hgroup > div:first-child {
		flex-direction: column;
		gap: 8px;
	}
}

.view-hgroup .more a {
	font-size: 15px;
	font-weight: 600;
}

.view-hgroup .more a::after {
	content: "navigate_next";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
	vertical-align: middle;
	transform: translateY(-2px);
}

.toolbar {
	flex-shrink: 0;
	flex-basis: 60px;
}

.toolbar.qrcode-add {
	display: inline;
}

.toolbar.qrcode-add .sns-set > div {
	top: 25px;
}

.toolbar button,
.toolbar .toggle-list__title {
	background-color: transparent;
}

.toolbar .sns-set {
	position: relative;
	display: inline-block;
}

.toolbar .sns-set.active > div {
	display: flex;
}

.toolbar .sns-set > div {
	display: none;
	position: absolute;
	right: 15px;
	top: 5px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 18px 9px 15px 15px;
	box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.04);
	border: solid 1px #ddd;
	background-color: #fff;
	z-index: 100;
	border-radius: 4px;
}

.toolbar .sns-set > div::before {
	content: "";
	position: absolute;
	right: -1px;
	top: -10px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #ddd #ddd transparent;
}

.toolbar .sns-set > div::after {
	content: "";
	position: absolute;
	right: 0px;
	top: -8px;
	border-width: 10px;
	border-style: solid;
	border-color: transparent #fff #fff transparent;
}

.toolbar .sns-set__close {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z"/></svg>') center center no-repeat;
	z-index: 1;
}

.toolbar .sns-set button,
.toolbar .sns-set .toggle-list__title {
	background-color: transparent;
}

.toolbar .sns-set button i,
.toolbar .sns-set .toggle-list__title i {
	vertical-align: top;
}

.toolbar__sharing::before {
	content: "";
	display: inline-block;
}

.toolbar__print::before {
	content: "";
}

.popwrap {
	display: none;
}

.bd-view-nav {
	display: block;
}

.bd-view-nav:before,
.bd-view-nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.bd-view-nav dl:last-child {
	border-bottom: 1px solid #dadada;
}

.bd-view-nav dl + dl {
	border-top: 1px solid #dadada;
}

.bd-view-nav dl {
	padding: 7px 0;
	height: 50px;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.bd-view-nav dl > * {
	display: table-cell;
	vertical-align: top;
	line-height: 36px;
}

.bd-view-nav dl dt {
	position: relative;
	width: 110px;
	color: #272626;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.24px;
	padding-left: 30px;
}

@media (max-width: 749px) {
	.bd-view-nav dl dt {
		width: 90px;
		padding-left: 15px;
	}
}

.bd-view-nav dl dt::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	width: 1px;
	height: 18px;
	background-color: #e6e6e6;
}

.bd-view-nav dl dt:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -3.5px;
	right: 22px;
}

@media (max-width: 749px) {
	.bd-view-nav dl dt:after {
		right: 15px;
	}
}

.bd-view-nav dl dd {
	letter-spacing: -0.24px;
	padding-left: 20px;
}

@media (max-width: 749px) {
	.bd-view-nav dl dd {
		padding-left: 15px;
	}
}

.bd-view-nav dl dd a {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.bd-view-nav dl dd a .txt {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

@media (max-width: 749px) {
	.bd-view-nav dl.next {
		border-top: 1px solid #dddddd;
	}
}

@media (max-width: 749px) {
	.bd-view-nav dl {
		width: 100%;
		padding: 10px 0;
	}
}

.bd-reg,
.bd-reg-row {
	border-top: 2px solid #6db797;
	border-top-width: 2px;
	margin-bottom: 30px;
}

@media (min-width: 750px) {

	.bd-reg input[type=text],
	.bd-reg-row input[type=text] {
		max-width: 100%;
	}
}

@media (min-width: 750px) {

	.bd-reg input[type=date].date,
	.bd-reg-row input[type=date].date {
		width: 140px;
	}
}

.bd-reg input[type=date].md,
.bd-reg-row input[type=date].md {
	width: 220px;
}

@media (min-width: 750px) {

	.bd-reg input[type=number].membercount,
	.bd-reg-row input[type=number].membercount {
		width: 200px;
	}
}

@media (min-width: 750px) {

	.bd-reg select.location,
	.bd-reg-row select.location {
		min-width: 200px;
	}
}

.bd-reg textarea,
.bd-reg-row textarea {
	width: 100%;
}

.bd-reg textarea.h,
.bd-reg-row textarea.h {
	height: 300px;
}

.bd-reg .subject-sub,
.bd-reg-row .subject-sub {
	margin: 0;
	padding: 12px 0;
	color: #000;
	font-size: 18px;
	border-bottom: 1px solid #dadada;
}

@media (max-width: 749px) {

	.bd-reg > dl > dd,
	.bd-reg-row > dl > dd {
		border-bottom: 1px solid #dadada;
	}

	.bd-reg > dl.inline,
	.bd-reg-row > dl.inline {
		overflow: hidden;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		border-bottom: 1px solid #dadada;
	}

	.bd-reg > dl.inline dt,
	.bd-reg-row > dl.inline dt,
	.bd-reg > dl.inline dd,
	.bd-reg-row > dl.inline dd {
		padding: 11px 14px 8px;
	}

	.bd-reg > dl.inline dt,
	.bd-reg-row > dl.inline dt {
		flex-grow: 0;
	}

	.bd-reg > dl.inline dd,
	.bd-reg-row > dl.inline dd {
		flex-grow: 1;
		padding-left: 10px;
		border-bottom: none;
	}
}

@media (min-width: 750px) {

	.bd-reg > dl,
	.bd-reg-row > dl {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		width: 100%;
		border-bottom: 1px solid #dadada;
	}

	.bd-reg > dl > dt,
	.bd-reg-row > dl > dt {
		flex-basis: 140px;
		padding-left: 19px;
		padding-right: 19px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		flex-grow: 0;
		flex-shrink: 0;
		background: #fbfbfb;
	}

	.bd-reg > dl > dd,
	.bd-reg-row > dl > dd {
		width: calc(100% - 140px);
		flex-basis: calc(100% - 140px);
		padding-left: 20px;
		padding-right: 20px;
		flex-grow: 1;
		border-left: 1px solid #dadada;
	}

	.ie .bd-reg > dl > dd,
	.ie .bd-reg-row > dl > dd {
		width: calc(100% - 180px);
		flex-basis: calc(100% - 180px);
	}

	.bd-reg > dl > dd.col-3,
	.bd-reg-row > dl > dd.col-3 {
		flex-basis: calc(66.6666666667% - 140px);
		flex-grow: 0;
	}

	.ie .bd-reg > dl > dd.col-3,
	.ie .bd-reg-row > dl > dd.col-3 {
		width: calc(100% - 180px);
		flex-basis: calc(100% - 180px);
	}

	.bd-reg > dl > dd.col-3 + dt + dd,
	.bd-reg-row > dl > dd.col-3 + dt + dd {
		flex-grow: 0;
	}
}

@media (min-width: 750px) and (min-width: 750px) and (max-width: 1200px) {

	.bd-reg .type-dt-length-3,
	.bd-reg-row .type-dt-length-3 {
		flex-wrap: wrap;
	}

	.bd-reg .type-dt-length-3 > dd ~ dt,
	.bd-reg-row .type-dt-length-3 > dd ~ dt {
		border-top: 1px solid #dadada;
	}

	.bd-reg .type-dt-length-3 > dd ~ dd,
	.bd-reg-row .type-dt-length-3 > dd ~ dd {
		border-top: 1px solid #dadada;
	}
}

@media (min-width: 750px) {

	.bd-reg .type-l,
	.bd-reg-row .type-l {
		flex-wrap: wrap;
	}

	.bd-reg .type-l dt,
	.bd-reg-row .type-l dt {
		flex-basis: 140px;
		border-bottom: 1px solid #dadada;
	}

	.bd-reg .type-l dd,
	.bd-reg-row .type-l dd {
		flex-basis: calc((100% - 280px) / 2);
		border-bottom: 1px solid #dadada;
	}
}

@media (max-width: 749px) {

	.bd-reg > dl > dt,
	.bd-reg-row > dl > dt,
	.bd-reg > dl > dd,
	.bd-reg-row > dl > dd {
		padding-left: 14px;
		padding-right: 14px;
	}
}

.bd-reg > dl > dt,
.bd-reg-row > dl > dt {
	position: relative;
	color: #000;
	font-weight: bold;
}

@media (max-width: 749px) {

	.bd-reg > dl > dt,
	.bd-reg-row > dl > dt {
		padding-top: 11px;
		padding-bottom: 8px;
	}
}

@media (min-width: 750px) {

	.bd-reg > dl > dt,
	.bd-reg-row > dl > dt {
		padding-left: 10px;
		padding-right: 4px;
		width: 148px;
	}
}

.bd-reg > dl > dt label,
.bd-reg-row > dl > dt label {
	font-weight: inherit;
}

.bd-reg > dl > dd,
.bd-reg-row > dl > dd {
	position: relative;
}

@media (max-width: 749px) {

	.bd-reg > dl > dd,
	.bd-reg-row > dl > dd {
		padding-bottom: 12px;
		border-bottom: 1px solid #dadada;
	}
}

@media (min-width: 750px) {

	.bd-reg > dl > dd,
	.bd-reg-row > dl > dd {
		padding: 10px 20px;
		min-height: 44px;
	}
}

.bd-reg > dl > dd .line,
.bd-reg-row > dl > dd .line {
	margin: 16px -20px 20px;
	border-top: 1px solid #dadada;
}

.bd-reg > dl > dd .deco,
.bd-reg-row > dl > dd .deco {
	color: #525d64;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 1.44;
	text-indent: -15px;
	padding-left: 15px;
}

.bd-reg > dl > dd .deco::before,
.bd-reg-row > dl > dd .deco::before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.bd-reg > dl > dd.dd-payment,
.bd-reg-row > dl > dd.dd-payment,
.bd-reg > dl > dd.dd-payment form,
.bd-reg-row > dl > dd.dd-payment form {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

@media (max-width: 749px) {

	.bd-reg > dl > dd.dd-payment,
	.bd-reg-row > dl > dd.dd-payment,
	.bd-reg > dl > dd.dd-payment form,
	.bd-reg-row > dl > dd.dd-payment form {
		align-items: flex-start;
	}

	.bd-reg > dl > dd.dd-payment .radio-group label,
	.bd-reg-row > dl > dd.dd-payment .radio-group label,
	.bd-reg > dl > dd.dd-payment form .radio-group label {
		display: block;
	}

	.bd-reg > dl > dd.dd-payment .radio-group label + label,
	.bd-reg-row > dl > dd.dd-payment .radio-group label + label,
	.bd-reg > dl > dd.dd-payment form .radio-group label + label {
		margin-left: 0;
		margin-top: 5px;
	}
}

.bd-reg > dl > dd.dd-dl,
.bd-reg-row > dl > dd.dd-dl {
	padding: 0;
}

@media (min-width: 750px) {

	.bd-reg > dl > dd.dd-dl > dl,
	.bd-reg-row > dl > dd.dd-dl > dl {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-left: 1px solid #2c428e;
	}

	.bd-reg > dl > dd.dd-dl > dl > *,
	.bd-reg-row > dl > dd.dd-dl > dl > * {
		display: table-cell;
		vertical-align: middle;
	}
}

.bd-reg > dl > dd.dd-dl > dl dt,
.bd-reg-row > dl > dd.dd-dl > dl dt {
	background-color: #f8fbfd;
	text-align: left;
	padding: 15px 10px 10px;
	color: #222222;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.24px;
	vertical-align: top;
}

@media (min-width: 750px) {

	.bd-reg > dl > dd.dd-dl > dl dt,
	.bd-reg-row > dl > dd.dd-dl > dl dt {
		width: 130px;
	}
}

@media (max-width: 749px) {

	.bd-reg > dl > dd.dd-dl > dl dt,
	.bd-reg-row > dl > dd.dd-dl > dl dt {
		width: auto;
	}
}

.bd-reg > dl > dd.dd-dl > dl dd,
.bd-reg-row > dl > dd.dd-dl > dl dd {
	padding: 0 20px;
}

.bd-reg > dl > dd.dd-dl > dl + dl,
.bd-reg-row > dl > dd.dd-dl > dl + dl {
	border-top: 1px solid #ddd;
}

.bd-reg select,
.bd-reg-row select {
	max-width: 100%;
}

.bd-reg .inp-txt1,
.bd-reg-row .inp-txt1 {
	width: 100%;
	max-width: 400px;
}

.bd-reg .deco,
.bd-reg-row .deco {
	padding: 4px 0;
}

@media (min-width: 750px) {

	.bd-reg.type-dt-wide dt,
	.type-dt-wide.bd-reg-row dt {
		width: 200px;
	}
}

@media (min-width: 750px) {

	.bd-reg.w-dt dt,
	.w-dt.bd-reg-row dt {
		width: 300px;
	}
}

@media (min-width: 750px) {

	.bd-reg.w-dt-md dt,
	.w-dt-md.bd-reg-row dt {
		width: 220px;
	}
}

.bd-reg.w-dt-md2 dt,
.w-dt-md2.bd-reg-row dt {
	width: 220px;
}

@media (min-width: 750px) {

	.bd-reg.w-dt-md2 dt,
	.w-dt-md2.bd-reg-row dt,
	.bd-reg.w-dt-md2 dd,
	.w-dt-md2.bd-reg-row dd {
		display: block;
		text-align: left;
	}

	.bd-reg.w-dt-md2 dt,
	.w-dt-md2.bd-reg-row dt {
		width: auto;
	}

	.bd-reg.w-dt-md2 dd,
	.w-dt-md2.bd-reg-row dd {
		padding: 0 0 10px;
	}
}

.dialogs .bd-reg input.w50p,
.dialogs .bd-reg-row input.w50p {
	width: 50% !important;
}

.dialogs .bd-reg .call-set input[type=text],
.dialogs .bd-reg-row .call-set input[type=text] {
	width: calc(33.33% - 8px);
}

.bd-reg.box,
.box.bd-reg-row {
	padding: 0;
	margin-top: 40px;
}

@media (min-width: 750px) {

	.bd-reg.dt-r1 dt,
	.dt-r1.bd-reg-row dt {
		border-right: 1px solid #dadada;
	}
}

.bd-reg.type-2,
.type-2.bd-reg-row {
	border: 1px solid #000;
}

@media (max-width: 749px) {

	.bd-reg.type-2 dt,
	.type-2.bd-reg-row dt,
	.bd-reg.type-2 dd,
	.type-2.bd-reg-row dd {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.bd-reg.type-2 dt,
.type-2.bd-reg-row dt {
	background-color: #fff;
	text-align: left;
}

@media (min-width: 750px) {

	.bd-reg.type-2 dt,
	.type-2.bd-reg-row dt {
		padding-left: 35px;
	}
}

@media (min-width: 750px) {

	.bd-reg.type-2 dd + dt,
	.type-2.bd-reg-row dd + dt {
		border-left: 1px solid #dadada;
	}
}

.bd-reg.type-2 .btns,
.type-2.bd-reg-row .btns {
	text-align: right;
	padding: 24px 18px;
	background-color: #f4f4f4;
}

.info-cmt + .bd-reg,
.info-cmt + .bd-reg-row {
	margin-top: 30px;
}

.list + .bd-reg,
.list_02 + .bd-reg,
.explainList + .bd-reg,
.list + .bd-reg-row,
.list_02 + .bd-reg-row,
.explainList + .bd-reg-row {
	margin-top: 20px;
}

@media (min-width: 750px) {
	.bd-reg--w210 > dl > dt {
		flex-basis: 210px;
	}
}

@media (min-width: 750px) {
	.bd-reg--w160 > dl > dt {
		flex-basis: 160px;
	}
}

.bd-reg-row > dl {
	display: block;
}

.bd-reg-row > dl > dt {
	display: block;
	padding: 10px 10px 0 10px;
	width: auto;
	text-align: inherit;
	background-color: #fff;
}

@media (min-width: 750px) {
	.bd-reg-row > dl > dt {
		height: auto;
	}
}

.bd-reg-row > dl > dd {
	display: block;
}

.bd-table {
	border: 1px solid #dadada;
	margin-bottom: 30px;
}

.bd-table > dl {
	border-bottom: 1px solid #dadada;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.bd-table > dl:last-of-type {
	border-bottom: none;
}

.bd-table > dl > * {
	display: table-cell;
	vertical-align: middle;
}

.bd-table > dl > dt {
	position: relative;
	font-weight: 400;
	width: 160px;
	text-align: center;
	background-color: #fbfbfb;
	font-size: 1rem;
}

.bd-table > dl > dd {
	position: relative;
	padding: 20px 40px;
}

@media (max-width: 749px) {
	.bd-reg-inside-form {
		margin-left: 10px;
	}

	.bd-reg-inside-form dl {
		display: table-row;
	}

	.bd-reg-inside-form dl > dt,
	.bd-reg-inside-form dl > dd {
		padding: 5px;
		vertical-align: middle;
		display: table-cell;
	}

	.bd-reg-inside-form dl > dt {
		min-width: 80px;
	}
}

@media (min-width: 750px) {
	.bd-reg-inside-form {
		display: table;
	}

	.bd-reg-inside-form dl {
		display: table-row;
	}

	.bd-reg-inside-form dl > dt,
	.bd-reg-inside-form dl > dd {
		padding: 5px;
		vertical-align: middle;
		display: table-cell;
	}

	.bd-reg-inside-form dl > dt {
		min-width: 80px;
	}
}

@media (max-width: 749px) {
	.input-money {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.input-money > input {
		width: 100%;
	}

	.input-money > span {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.help-star {
	text-indent: -18px;
	padding-left: 18px;
}

select + .help-star {
	line-height: 34px;
}

.bd-reg .help-star,
.bd-reg-row .help-star {
	margin-top: 10px;
	font-size: 15px;
}

.bd-view + .help-star {
	margin-top: 16px;
}

.help-star.dib {
	vertical-align: middle;
}

.flow .help-star,
.help-star + .help-star {
	margin-top: 0;
}

.help .point {
	color: #2c428e;
}

.inp-group input[type=text] {
	border-right-width: 0;
}

@media (max-width: 749px) {
	.inp-group input[type=text] {
		width: calc(100% - 80px);
	}

	.inp-group [class^=b-] {
		width: 80px;
	}
}

.label-list {
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 10px 16px;
}

.label-list span {
	margin-left: 8px;
}

.label-list--area {
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 0;
}

.label-list--area label {
	width: 108px;
}

.label-list--area span {
	margin-left: 8px;
}

.label-list2 label {
	display: block;
}

.label-list2 label span {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}

.label-list2 label + label {
	margin-top: 10px;
}

.tel-set {
	display: grid;
	grid-template-columns: 80px 18px calc((100% - 116px) / 2) 18px calc((100% - 116px) / 2);
	gap: 0px;
	align-items: center;
	text-align: center;
	max-width: 300px;
}

.email-set {
	display: block;
}

.email-set:before,
.email-set:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

@media (max-width: 749px) {

	.email-set + button,
	.email-set + .toggle-list__title {
		margin-top: 8px;
	}

	.email-set .email-id {
		float: left;
		width: calc(100% - 40px) !important;
		margin-bottom: 10px;
	}

	.email-set span {
		float: right;
		width: 40px;
		text-align: center;
		line-height: 32px;
	}

	.email-set .email-addr {
		clear: both;
		float: left;
		width: calc(50% - 5px) !important;
	}

	.email-set .js-email-domain {
		float: right;
		width: calc(50% - 5px);
	}
}

@media (min-width: 750px) {
	.email-set {
		max-width: 500px;
		display: inline-block;
		vertical-align: top;
	}

	.email-set > * {
		float: left;
	}

	.email-set span {
		padding: 0 5px;
		line-height: 32px;
	}

	.email-set .email-id {
		float: left;
		width: calc(50% - 40px) !important;
	}

	.email-set span {
		width: 40px;
		text-align: center;
		line-height: 32px;
	}

	.email-set .email-addr {
		margin-right: 10px;
		width: calc(25% - 5px) !important;
	}

	.email-set .js-email-domain {
		width: calc(25% - 5px);
	}
}

.req-infor {
	color: #272626;
	margin-bottom: 10px;
}

@media (min-width: 750px) {
	.req-infor {
		text-align: right;
	}
}

@media (min-width: 750px) {

	h2 + .req-infor,
	.bd-subject + .req-infor,
	.hx + .req-infor {
		margin-top: -45px;
		margin-bottom: 12px;
	}
}

.req-infor.red {
	color: #bc2222 !important;
}

@media (min-width: 750px) {

	.help-stop + .req-infor,
	.help-tel + .req-infor {
		margin-top: -24px;
	}
}

.bd-infor .req-infor {
	margin-bottom: 0;
}

.req {
	color: #525d64;
	font-weight: 400;
	font-size: smaller;
}

.req::before {
	content: "*";
	display: inline-block;
	color: #bc2222;
	vertical-align: middle;
	transform: translateY(-2px);
	margin-left: 2px;
	font-weight: 600;
}

.red .req::before {
	margin-right: 3px;
}

.req span {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.agg {
	margin-top: 60px;
	margin-bottom: 50px;
}

.bd-view .agg {
	margin: 0;
}

.bd-view .agg + .agg {
	margin-top: 15px;
}

.agg td {
	word-break: keep-all;
}

.agg__title {
	margin: 0 0 4px;
	position: relative;
	font-family: JalnanOTF;
	font-size: 20px;
}

.agg__item h4 em {
	color: #e4477a;
	margin-left: 4px;
}

.agg label {
	margin-top: 7px;
	display: block;
}

.agg label input {
	margin-right: 15px;
}

.agg__body {
	height: 147px;
	margin: 14px 0 25px;
	padding: 20px;
	border: solid 1px #eee;
	background-color: #fff;
	margin-top: 20px;
	max-height: 310px;
	overflow-y: scroll;
	color: #6b6b6b;
}

.agg__body > dl {
	margin-top: 20px;
}

.agg__body > dl:first-child {
	margin-top: 0;
}

.agg__body > dl dt {
	position: relative;
	margin-bottom: 9px;
	padding-left: 23px;
	font-weight: 500;
}

.agg__body > dl dt::before {
	content: "\e2e6";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 21px;
}

.agg__body > dl dd {
	font-size: 1rem;
	color: #333;
}

.agg__body > dl.list dt,
.agg__body > dl.list_02 dt,
.agg__body > dl.explainList dt {
	background: transparent;
}

.agg__body.scroll {
	max-height: 300px;
	overflow-y: scroll;
}

@media (min-width: 750px) {
	.agg__body.scroll {
		max-height: 650px;
	}
}

.agg__body.scroll ol {
	padding-left: 25px;
}

.agg__body.scroll ol > li {
	font-size: 1.125rem;
	color: #272626;
	line-height: 1.5;
	padding-bottom: 8px;
}

.agg__body.scroll ol ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding: 10px 0 10px 30px;
	text-indent: -30px;
}

.agg__body.scroll ol ul ul,
.agg__body.scroll ol ul ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.agg__body.scroll ol ul li {
	font-size: 1rem;
	font-weight: 400;
	color: #333;
}

.agg__body.privacy {
	color: #272626;
}

.agg__body.privacy ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

.agg__body.privacy ul ul,
.agg__body.privacy ul ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 750px) {
	.agg__body.privacy .p {
		font-size: 1.25rem;
	}

	.agg__body.privacy ul {
		font-size: 1.125rem;
	}
}

.agg__body2 {
	border: 3px solid #f2f2f2;
	padding: 15px;
}

@media (min-width: 750px) {
	.agg__body2 {
		padding: 35px 45px;
	}
}

.agg__body2 dl dt {
	font-weight: 500;
}

.agg__body2 .deco {
	padding-top: 25px;
	margin-top: 25px;
	border-top: 1px solid #dadada;
}

.agg__body2 .bdtop {
	margin-top: 30px;
	border-top: 1px solid #dadada;
}

.agg__footer {
	max-width: 760px;
	margin: 15px auto;
}

@media (max-width: 749px) {
	.wide .agg__footer {
		margin-left: 20px;
		margin-right: 20px;
	}
}

.agg__footer .deco {
	display: block;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #dadada;
	font-weight: 500;
}

.agg__footer .label-group-title {
	font-weight: 500;
}

.agg__footer .label-group-title + label {
	font-weight: 500;
}

@media (max-width: 749px) {
	.agg__footer .label-group-title + label {
		margin-top: 10px;
		margin-right: 20px;
	}
}

@media (min-width: 750px) {
	.agg__footer .label-group-title + label {
		margin: 0 35px 0 20px;
	}
}

.agg__footer2 {
	margin-top: 30px;
	text-align: right;
}

.agg__footer2 label:first-child {
	margin-right: 30px;
	font-weight: 500;
}

.agg2__set {
	padding: 24px;
	border: solid 1px #eee;
	background-color: #fff;
	font-size: 15px;
	line-height: 1.47;
	color: #6b6b6b;
	max-height: 147px;
	overflow: auto;
}

.agg2__set ul,
.agg2__set ol {
	padding: 0;
	list-style-position: inside;
}

.agg2__set > dl {
	margin-top: 20px;
}

.agg2__set > dl dt {
	position: relative;
	margin-bottom: 9px;
	padding-left: 23px;
	font-weight: 500;
}

.agg2__set > dl dt::before {
	content: "\e2e6";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 21px;
}

.agg2__set > dl dd {
	font-size: 1rem;
	color: #333;
}

.agg2__title {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: 1rem;
}

.agg2__footer {
	margin-top: 15px;
}

.agg2__footer span {
	margin-left: 10px;
}

.agg2__footer em {
	color: #e4477a;
}

.agg3__title {
	font-size: 1.5rem;
	color: rgb(44, 66, 142);
	line-height: 1.75rem;
	font-weight: 500;
	letter-spacing: -0.52px;
	margin: 37px 0 20px;
}

.agg3 .item {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.agg3 .item + .item {
	margin-top: 32px;
}

.agg3 .item dt {
	margin-bottom: 10px;
	color: #000;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.52px;
}

@media (max-width: 749px) {
	.agg3 .item {
		flex-direction: column;
	}
}

.agg3 .item dl {
	flex-grow: 1;
}

.agg3 .item .label-group {
	align-self: flex-end;
	flex-shrink: 0;
	flex-grow: 0;
}

@media (min-width: 750px) {
	.agg3 .item .label-group {
		flex-basis: 280px;
	}
}

.agg3 .item .label-group span {
	margin-left: 10px;
}

.agg3 .item .label-group label:first-child {
	margin-right: 24px;
	font-weight: 500;
}

.agg3 .help {
	margin-left: 16px;
}

.agg4 {
	padding: 30px 20px;
	font-size: 18px;
	background-color: #f2f2f2;
}

@media (min-width: 750px) {
	.agg4 {
		padding: 30px 50px;
	}
}

.agg4 .top {
	text-align: right;
}

.agg4 .top .label-group-title {
	display: block;
	text-align: left;
	font-weight: 500;
}

@media (min-width: 750px) {
	.agg4 .top .label-group-title {
		float: left;
	}
}

.agg4 .top .label-group label:first-child {
	font-weight: 500;
	margin-right: 30px;
}

.agg4 h3 {
	margin-top: 14px;
	padding-top: 10px;
	border-top: 1px solid #dadada;
	font-size: inherit;
	font-weight: 400;
}

.agg5 dt {
	font-size: 20px;
	font-weight: 500;
}

.agg5 dd {
	padding: 16px 0;
	text-align: right;
}

.agg5 dd select {
	width: 100%;
}

.id-box {
	margin-top: 40px;
	padding: 15px;
	border: 3px solid #f2f2f2;
	background-color: #fff;
	display: flex;
	flex-direction: row;
}

@media (min-width: 750px) {
	.id-box {
		padding: 30px 10px 30px 40px;
	}
}

@media (min-width: 750px) {
	.id-box::before {
		content: "";
		height: 94px;
		flex-basis: 174px;
		flex-grow: 0;
		flex-shrink: 0.5;
		background: url(/static/fss/img/ico/ico-id.svg) 0 0 no-repeat;
		background-size: contain;
	}
}

.id-box dl > * {
	vertical-align: top;
	display: inline-block;
}

.id-box dt {
	margin-right: 14px;
	font-weight: 500;
	font-size: 18px;
	color: #000;
	line-height: 40px;
}

.id-box .help {
	margin-top: 15px;
}

.sup {
	margin-top: 6px;
	padding-left: 20px;
	color: #666;
}

.help {
	position: relative;
	margin-top: 6px;
	color: #666;
	font-size: 15px;
}

.help.dib {
	margin-top: 0;
}

.help a {
	color: inherit;
	text-decoration: underline;
}

.help a[class^=b-] {
	color: #fff;
	transform: translateY(-2px);
}

.info-cmt .help {
	line-height: 1.4;
}

.help + textarea {
	margin-top: 10px;
}

.help.ico-privacy {
	color: #272626;
}

.help.ico-privacy::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 18px;
	margin-left: 3px;
	background: url(/static/fss/img/ico/ico-privacy.svg) 0 0 no-repeat;
}

.help.red {
	color: #bc2222;
}

.help.red::before {
	content: "\e88e";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-size: 19px;
}

.help.point {
	color: #bc2222;
}

.help.point::before {
	content: "\e000";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-size: 19px;
}

.agg .help {
	padding-left: 30px;
	font-size: 1.125rem;
}

.agg .help::before {
	font-size: 24px;
	top: 2px;
}

.bd-qa {
	border-bottom: 1px solid #dadada;
}

.bd-qa + .bd-qa {
	border-top: 1px solid #dadada;
}

.bd-qa .title {
	padding-top: 28px;
	color: #000;
	font-size: 18px;
	line-height: normal;
	font-weight: 500;
}

.bd-qa .title::before {
	border-radius: 3px;
	content: "Q";
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 27px;
	background-color: #000;
	text-align: center;
	vertical-align: middle;
	margin-right: 11px;
	color: #fff;
	font-family: verdana;
	font-weight: 400;
}

.bd-qa .title.a {
	color: #2c428e;
}

.bd-qa .title.a::before {
	content: "A";
	background-color: #2c428e;
}

.bd-qa__data {
	padding: 16px 0;
}

.subject-Satisfaction {
	margin-top: 30px;
	position: relative;
	padding-left: 40px;
	color: #000;
	font-size: 20px;
	line-height: 1.35;
	font-weight: 500;
	margin-bottom: 16px;
}

.subject-Satisfaction::before {
	position: absolute;
	left: 0;
	top: 2px;
	content: "\e8dc";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	margin-right: 18px;
	font-size: 22px;
}

.bd-evaluate {
	border-top: 2px solid #6db797;
}

.bd-evaluate label {
	display: inline-block;
}

@media (max-width: 749px) {
	.bd-evaluate label {
		display: block;
	}
}

@media (min-width: 750px) {
	.bd-evaluate label {
		margin: 8px 0;
	}
}

@media (max-width: 749px) {
	.bd-evaluate label + label {
		margin-top: 8px;
	}
}

@media (min-width: 750px) {
	.bd-evaluate label + label {
		margin-left: 35px;
	}
}

@media (max-width: 749px) {
	.bd-evaluate input[type=text] {
		width: 100%;
	}
}

.bd-evaluate dl {
	border-bottom: 1px solid #dadada;
	background-color: #fff;
}

.bd-evaluate dl dt {
	padding: 15px 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
}

@media (min-width: 750px) {
	.bd-evaluate dl dt {
		padding: 24px 0 14px;
	}
}

.bd-evaluate dl dd {
	padding-bottom: 20px;
}

.bd-evaluate .subtitle {
	margin-top: -1px;
}

.bd-evaluate .subtitle dt {
	padding-top: 0;
	text-indent: -30px;
	padding-left: 30px;
	font-size: 18px;
}

.bd-evaluate .subtitle dt::before {
	content: "\eac9";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	width: 30px;
	text-indent: 0;
	color: #888;
	font-size: 21px;
}

.comment,
.pw-single {
	margin-top: 8px;
}

.comment textarea,
.pw-single textarea {
	height: 140px;
	margin-bottom: 10px;
}

@media (min-width: 750px) {

	.comment textarea,
	.pw-single textarea {
		margin-bottom: 20px;
	}
}

.comment .pw,
.pw-single .pw {
	text-align: right;
}

.comment label,
.pw-single label {
	display: inline-block;
	font-weight: 500;
}

@media (max-width: 749px) {

	.comment label,
	.pw-single label {
		width: calc(100% - 86px);
	}
}

.comment label input,
.pw-single label input {
	width: calc(100% - 84px);
}

@media (min-width: 750px) {

	.comment label input,
	.pw-single label input {
		margin-left: 20px;
		width: 200px;
	}
}

.comment .b-submit,
.pw-single .b-submit {
	width: 80px;
	min-width: 0;
}

@media (min-width: 750px) {

	.comment .b-submit,
	.pw-single .b-submit {
		margin-left: 6px;
		width: 100px;
	}
}

.pw-single label input[type=checkbox] {
	width: auto;
}

.label-list2__title {
	font-size: 1.125rem;
}

.label-list2__list label {
	display: block;
}

.label-list2__list label + label {
	margin-top: 8px;
}

.label-list2__list label + textarea {
	margin-top: 10px;
}

.label-list2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.label-list2 ul ul,
.label-list2 ul ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.label-list2 ul li + li {
	margin-top: 8px;
}

.label-list2 ul li em {
	font-size: 17px;
	display: inline-block;
	padding-right: 6px;
}

.label-list2 ul li label {
	margin-right: 10px;
	display: inline-block;
}

.bd-subject-p {
	margin-top: 20px;
}

.inline-inp-group {
	display: block;
	margin: 5px 0;
}

@media (max-width: 749px) {
	.inline-inp-group {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
}

.inline-inp-group .label {
	display: inline-block;
	line-height: 40px;
	vertical-align: middle;
	white-space: pre;
}

.inline-inp-group div {
	display: inline-block;
	vertical-align: middle;
}

@media (max-width: 749px) {
	.inline-label-group .label {
		display: block;
		padding: 12px 0 8px;
	}
}

.tel-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tel-group {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 8px;
}

@media (min-width: 750px) {
	.tel-group {
		grid-template-columns: 120px 350px 120px;
		gap: 8px;
	}
}

* + .contact-group,
.contact-group + .contact-group {
	margin: 10px 0;
}

@media (min-width: 750px) {
	.contact-group .label {
		display: inline-block;
		line-height: 40px;
	}

	.contact-group .label + * {
		display: inline-block;
		vertical-align: top;
	}
}

.bu-arr {
	position: relative;
	margin: 15px 0 6px;
	padding-left: 15px;
	font-weight: bold;
}

.bu-arr::before {
	position: absolute;
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #2c428e;
	left: 0;
	top: 6px;
}

.list-dash {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 15px;
	text-align: left;
}

.list-dash ul,
.list-dash ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.list-dash li {
	position: relative;
	padding-left: 10px;
	font-size: 16px;
	font-weight: 400;
}

.list-dash li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "- ";
}

.exp_wrap dl {
	margin-bottom: 10px;
}

.exp_wrap dl dt {
	font-weight: bold;
}

.bd-view .list-dash {
	margin-left: 0;
}

.list-dot {
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.list-dot ul,
.list-dot ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.list-dot li {
	position: relative;
	padding-left: 13px;
}

.list-dot li:before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: #939393;
	position: absolute;
	left: 0;
	top: calc(0.5em + 2px);
}

.bd-view .list-dot {
	margin-left: 0;
}

.bd-top-deco {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 20px;
}

.info-cmt + .bd-top-deco {
	margin-top: 20px;
}

@media (max-width: 749px) {
	.bd-top-deco {
		margin-top: 1px;
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (min-width: 750px) {
	.bd-top-deco {
		margin-top: 40px;
	}
}

h2 + .bd-top-deco {
	margin-top: -26px;
}

.bd-top-deco .bu1 {
	margin: 0;
}

.bd-top-deco .req-infor {
	margin: 0;
	margin-top: 10px;
	text-align: left;
}

@media (max-width: 749px) {
	.bd-top-deco .count-total {
		margin-top: 15px;
	}
}

.bd-top-deco2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 20px;
	margin-bottom: 20px;
}

.bd-top-deco2 .bu1 {
	margin: 0;
}

@media (min-width: 1200px) {
	.bd-reg-top-deco {
		display: block;
	}

	.bd-reg-top-deco:before,
	.bd-reg-top-deco:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.bd-reg-top-deco > *:first-child {
		float: left;
	}

	.bd-reg-top-deco > *:last-child {
		float: right;
	}
}

@media (min-width: 750px) {
	.col-harf {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
}

@media (max-width: 749px) {
	.inline-input-group-add {
		margin-top: 8px;
		width: 100%;
	}
}

@media (min-width: 750px) {
	.inline-input-group-add {
		width: calc(100% - 312px);
		max-width: none !important;
		margin-left: 8px;
	}
}

.inline-input-group-add input {
	width: 100%;
}

@media (max-width: 749px) {
	.select-add select {
		width: 100%;
	}

	.select-add input {
		width: 100%;
		margin-top: 5px;
	}
}

.profile-set {
	display: grid;
	gap: 30px;
}

@media (min-width: 750px) {
	.profile-set {
		grid-template-columns: 40.625% auto;
	}
}

.profile-set--picupload {
	align-items: start;
}

@media (min-width: 750px) {
	.profile-set--picupload {
		grid-template-columns: 23.9583333333% auto;
	}
}

.profile {
	border: 1px solid #efefef;
}

@media (max-width: 749px) {
	.profile {
		width: 100%;
		max-width: 230px;
		margin: 0 auto;
	}
}

.profile__img {
	background: #f7f7f7 url(/static/lifeStudy/img/profile__img-bg.png) center center no-repeat;
	aspect-ratio: 230/275;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
}

@media (max-width: 749px) {
	.profile__img {
		max-width: 230px;
	}
}

.profile__img::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("/static/lifeStudy/img/profile__img-empty-logo.png");
	background-repeat: no-repeat;
	background-size: 178px 49px;
	background-position: center center;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.profile__img::before {
		background-image: url("/static/lifeStudy/img/profile__img-empty-logo@2x.png");
	}
}

.profile__img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.profile__img--empty {
	aspect-ratio: 230/275;
}

.profile__img--empty::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("/static/lifeStudy/img/profile__img--upload.png");
	background-repeat: no-repeat;
	background-size: 230px 275px;
	background-position: center center;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.profile__img--empty::before {
		background-image: url("/static/lifeStudy/img/profile__img--upload@2x.png");
	}
}

.profile__fileupload {
	padding: 10px;
	text-align: center;
}

.post-set {
	display: grid;
	grid-template-columns: 198px auto auto;
	gap: 10px;
}

@media (max-width: 749px) {
	.post-set {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
}

.post-set .post-sh {
	width: 98px;
	height: 34px;
	border-radius: 0;
	background-color: #666;
	color: #fff;
	text-align: center;
	line-height: 34px;
}

.post-set > span:nth-child(1) {
	display: grid;
	grid-template-columns: 90px auto;
	gap: 10px;
}

.post-set > span:nth-child(2) input {
	width: 100%;
}

.post-set > span:nth-child(3) input {
	width: 100%;
}

.reg-ctrl {
	display: grid;
	grid-template-columns: auto 40px 40px;
	gap: 8px;
}

.point-blue {
	color: #5983c7;
	font-weight: bold;
}

.file-item-list {
	padding: 8px 0;
	border-bottom: 1px solid #dadada;
}

.file-item-list .file-item {
	padding: 2px 0;
}

.file-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 4px;
}

input + .file-item {
	margin-top: 10px;
}

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

.file-item__link::before {
	content: "";
	display: inline-block;
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -375px -258px;
	width: 16px;
	height: 16px;
}

.file-item__preview {
	display: block;
	height: 32px;
	border-radius: 5px;
	background-color: #666;
	color: #fff;
	font-size: 15px;
}

.info-box {
	margin-bottom: 50px;
	padding: 26px 40px 27px 30px;
	border-radius: 15px;
	border: solid 1px #e8e8e8;
	background-color: #fff;
	display: grid;
	grid-template-columns: 80px auto;
	gap: 20px;
}

@media (max-width: 749px) {
	.info-box {
		grid-template-columns: auto;
		gap: 10px;
	}
}

.info-box .info-box__deco {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: #eff3f4;
	width: 80px;
	height: 80px;
	border-radius: 80px;
}

@media (max-width: 749px) {
	.info-box .info-box__deco {
		margin: 0 auto;
	}
}

.info-box dl dt {
	margin-bottom: 15px;
	position: relative;
	font-family: JalnanOTF;
	font-size: 20px;
}

.info-box dl dt:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 3px;
	background-color: #e4477a;
	border-radius: 50%;
	vertical-align: top;
	transform: translateY(5px);
}

@media (max-width: 749px) {
	.info-box dl dt {
		text-align: center;
		margin-bottom: 8px;
	}
}

.info-box dl dd {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.38;
	letter-spacing: -0.4px;
}

.color-money {
	color: #5983c7 !important;
}

.registration-end {
	background: url(/static/lifeStudy/img/registration-end-bg@2x.png) 0 0 no-repeat;
	background-size: cover;
	padding: 50px 15px 45px;
	text-align: center;
	border: 1px solid #e9eaec;
	border-radius: 15px;
}

.registration-end__deco {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	margin: 0 auto 15px;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.registration-end__point {
	display: block;
	margin: 15px 0 10px;
	text-align: center;
	font-family: JalnanOTF;
	font-size: 20px;
}

.registration-end p strong {
	text-decoration: underline;
	font-weight: 700;
}

.maplabel {
	min-width: 181px;
	padding: 0 20px;
	height: 36px;
	border-radius: 12px;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: #e4477a;

	font-size: 16px;
	font-weight: 500;
	color: #fff;
	position: relative;
}

.maplabel::before {
	content: "";
	position: absolute;
	bottom: -7px;
	left: calc(50% - 8px);
	position: absolute;
	content: "";
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #e4477a;
}

.mapView2 {
	height: 413px;
	border: 1px solid #dadada;
}

.mapinfo {
	padding: 16px 20px;
	text-align: left;
	border-radius: 12px;
	align-items: center;
	background-color: #e4477a;
	font-weight: 500;
	color: #fff;
	font-family: SUIT;
	letter-spacing: -0.4px;
	position: relative;
	transform: translateY(-30px);
}

.mapinfo strong {

	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	color: rgb(255, 255, 255);
}

.mapinfo span {
	color: rgb(254, 251, 202);
}

.mapinfo::before {
	content: "";
	position: absolute;
	bottom: -7px;
	left: calc(50% - 8px);
	position: absolute;
	content: "";
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #e4477a;
}

.mapinfo::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: calc(50% - 10px);
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border: 5px solid #e4477a;
}

.mapinfo .tac a {
	margin-top: 15px;
	display: block;
	margin: 8px auto 0;
	width: 121px;
	padding: 5px 0;
	border-radius: 17.5px;
	background-color: rgb(255, 255, 255);
	color: #e4477a;
}

.mapinfo-marker::before {
	content: "";
	position: absolute;
	left: -13px;
	bottom: 0;
	z-index: 1;
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -237px;
	width: 26px;
	height: 39px;
}

.mapinfo-marker::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: calc(50% - 10px);
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border: 5px solid #e4477a;
}

.maps {
	padding-bottom: 30px;
	border-bottom: 1px solid #dadada;
}

.maps__info {
	margin-top: 15px;
	font-style: normal;
}

.maps__info dl + dl {
	margin-top: 4px;
}

.maps__info dl {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	gap: 4px;
}

.maps__info dt {
	font-weight: bold;
}

.maps__info dt::after {
	content: " : ";
}

.maps__info dd + dt {
	margin-left: 20px;
}

a[href^="tel:"]::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 8.65625 3 C 8.132813 3 7.617188 3.1875 7.1875 3.53125 L 7.125 3.5625 L 7.09375 3.59375 L 3.96875 6.8125 L 4 6.84375 C 3.035156 7.734375 2.738281 9.066406 3.15625 10.21875 C 3.160156 10.226563 3.152344 10.242188 3.15625 10.25 C 4.003906 12.675781 6.171875 17.359375 10.40625 21.59375 C 14.65625 25.84375 19.402344 27.925781 21.75 28.84375 L 21.78125 28.84375 C 22.996094 29.25 24.3125 28.960938 25.25 28.15625 L 28.40625 25 C 29.234375 24.171875 29.234375 22.734375 28.40625 21.90625 L 24.34375 17.84375 L 24.3125 17.78125 C 23.484375 16.953125 22.015625 16.953125 21.1875 17.78125 L 19.1875 19.78125 C 18.464844 19.433594 16.742188 18.542969 15.09375 16.96875 C 13.457031 15.40625 12.621094 13.609375 12.3125 12.90625 L 14.3125 10.90625 C 15.152344 10.066406 15.167969 8.667969 14.28125 7.84375 L 14.3125 7.8125 L 14.21875 7.71875 L 10.21875 3.59375 L 10.1875 3.5625 L 10.125 3.53125 C 9.695313 3.1875 9.179688 3 8.65625 3 Z M 8.65625 5 C 8.730469 5 8.804688 5.035156 8.875 5.09375 L 12.875 9.1875 L 12.96875 9.28125 C 12.960938 9.273438 13.027344 9.378906 12.90625 9.5 L 10.40625 12 L 9.9375 12.4375 L 10.15625 13.0625 C 10.15625 13.0625 11.304688 16.136719 13.71875 18.4375 L 13.9375 18.625 C 16.261719 20.746094 19 21.90625 19 21.90625 L 19.625 22.1875 L 22.59375 19.21875 C 22.765625 19.046875 22.734375 19.046875 22.90625 19.21875 L 27 23.3125 C 27.171875 23.484375 27.171875 23.421875 27 23.59375 L 23.9375 26.65625 C 23.476563 27.050781 22.988281 27.132813 22.40625 26.9375 C 20.140625 26.046875 15.738281 24.113281 11.8125 20.1875 C 7.855469 16.230469 5.789063 11.742188 5.03125 9.5625 C 4.878906 9.15625 4.988281 8.554688 5.34375 8.25 L 5.40625 8.1875 L 8.4375 5.09375 C 8.507813 5.035156 8.582031 5 8.65625 5 Z"/></svg>') center center no-repeat;
	background-color: #429772;
	background-size: 12px 13px;
	transform: translateY(-1px);
}

.bd-view dd a[href^="tel:"] {
	margin-left: 16px;
}

.mapView {
	height: 273px;
}

.txt1 {
	margin-bottom: 15px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	position: relative;
	font-family: JalnanOTF;
	font-size: 20px;
}

.txt1 em {
	color: #429772;
}

.bd-infor .txt1 {
	margin: 0;
}

.con-qrcode {
	margin-top: 20px;
	padding: 50px;
	border-radius: 10px;
	border: solid 1px #eee;
	background-color: #f8f9fb;
	display: flex;
	justify-content: space-between;
}

@media (min-width: 750px) {
	.con-qrcode {
		flex-direction: row;
	}
}

@media (max-width: 749px) {
	.con-qrcode {
		flex-direction: column;
		padding: 30px 23px;
	}
}

.con-qrcode .l {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.con-qrcode__title {
	margin-bottom: 10px;
	font-family: JalnanOTF;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2;
}

@media (min-width: 750px) {
	.con-qrcode__title {
		margin: 0 0 29px;
		font-size: 30px;
		letter-spacing: -0.75px;
	}
}

@media (max-width: 749px) {
	.con-qrcode__btns {
		margin: 15px 0;
	}
}

.con-qrcode__btns > button,
.con-qrcode__btns > .toggle-list__title {
	width: 121px;
	height: 35px;
	padding-top: 4px;
	border-radius: 17.5px;
	background-color: #666;

	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.53;
	letter-spacing: normal;
	color: #fff;
}

.con-qrcode__btns > button.qrcode-print,
.con-qrcode__btns > .qrcode-print.toggle-list__title {
	background-color: #e4477a;
}

.con-qrcode .r {
	flex-basis: 50%;
	text-align: center;
	background-size: 100% auto;
	background-position: center top;
}

.con-qrcode .r img {
	width: 100%;
	max-width: 400px;
	vertical-align: top;
	border: 10px solid #000;
	padding: 10px;
}

@media (max-width: 749px) {
	.con-qrcode .txt {
		margin-top: 15px;
	}
}

.row {
	display: flex;
	align-items: center;
	gap: 10px;
}

@media (min-width: 1200px) {
	.row .form-group {
		margin: 0;
	}
}

.draw-set {
	margin: 50px 0 25px;
	padding: 30px 30px 26px 29px;
	border-radius: 15px;
	background-color: #f8f9fb;
	overflow-x: auto;
}

.draw-set .draw-terms {
	min-width: 750px;
	display: grid;
	grid-template-columns: auto 80px;
	align-items: end;
	gap: 20px;
}

.draw-set .draw-terms .__f {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.draw-set .draw-terms .__f input[type=checkbox] {
	transform: translateY(0);
}

.draw-set .draw-terms .__f input[type=text] {
	background-color: #fff;
}

.draw-set__body {
	margin-top: 20px;
	background-color: #fff;
	padding: 30px 30px 32px;
	border-radius: 15px;
}

.draw-set__body .bd-infor:first-child {
	margin-top: 0;
}

.draw-set .bd-list {
	margin: 20px 0 0 0;
	border: none;
}

.draw-set .bd-list th {
	border-top: 1px solid #dadada;
}

.time-range {
	display: flex;
	flex-direction: row;
	align-items: center;
}

@media (max-width: 749px) {
	.time-range {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.time-range > div {
		flex-grow: 1;
	}
}

.time-range .dash {
	text-align: center;
	padding: 0 8px;
}

@media (max-width: 749px) {
	.time-range input[type=time] {
		margin-top: 4px;
		width: 100%;
	}
}

.time-range2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 4px;
}

@media (max-width: 749px) {
	.time-range2 {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.time-range2 > div {
		flex-grow: 1;
	}
}

.time-range2 .dash {
	text-align: center;
	padding: 0 8px;
}

@media (max-width: 749px) {
	.time-range2 .date {
		width: 100%;
	}
}

@media (min-width: 750px) {
	.time-range2 .date {
		width: 130px;
	}
}

@media (max-width: 749px) {
	.time-range2 input[type=time] {
		margin-top: 4px;
		width: 100%;
	}
}

.day-use__item {
	margin-top: 16px;
}

.day-use__day {
	display: flex;
	margin-bottom: 7px;
}

.day-use__times {
	display: inline-flex;
	vertical-align: middle;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.day-use__times .dash {
	padding: 0 8px;
}

.day-use__option {
	display: inline-flex;
	vertical-align: middle;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

@media (min-width: 750px) {
	.day-use__option {
		padding: 0 18px;
	}
}

@media (max-width: 749px) {
	.day-use__option {
		margin-top: 8px;
	}
}

.day-use__option input[type=checkbox] {
	transform: translateY(0);
	margin-right: 4px;
}

.day-use__option input[type=text] {
	margin: 0 6px;
}

.reservation-date {
	display: flex;
	flex-direction: row;
	gap: 9px;
}

.reservation-date__body {
	display: grid;
	grid-template-columns: 1fr;
	gap: 9px;
}

.reservation-date__body div {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 9px;
}

.fxx {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 9px;
}

.flag {
	position: relative;
}

.flag em {
	color: #e4477a !important;
	display: inline-block;
	padding: 3px 9px;
	border-radius: 5px;
	line-height: 1;
	text-align: center;
	font-size: 14px;
	border: 1px solid #e4477a;
	font-weight: 700;
	font-family: SUIT;
	transform: translateY(-2px);
	position: relative;
	margin-left: 12px;
}

.flag em::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: -17px;
	top: -6px;
	width: 7px;
	height: 7px;
	background-color: #e4477a;
	border-radius: 50%;
	vertical-align: top;
	transform: translateY(5px);
}

.flag::after {
	display: none !important;
}

.bu2 .flag {
	position: absolute;
}

.chart-field {
	margin-top: 20px;
	border-top: 2px solid #429772;
}

.chart-field.col2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.flow {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.single-label span {
	margin-left: 5px;
}

.file-upload-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.file-list + .file-upload-list {
	margin-top: 10px;
}

.input-info {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
	color: #e4477a;
}

.input-info::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: url("data:image/svg+xml;utf8,<svg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M 16 3 C 8.832031 3 3 8.832031 3 16 C 3 23.167969 8.832031 29 16 29 C 23.167969 29 29 23.167969 29 16 C 29 8.832031 23.167969 3 16 3 Z M 16 5 C 22.085938 5 27 9.914063 27 16 C 27 22.085938 22.085938 27 16 27 C 9.914063 27 5 22.085938 5 16 C 5 9.914063 9.914063 5 16 5 Z M 15 10 L 15 12 L 17 12 L 17 10 Z M 15 14 L 15 22 L 17 22 L 17 14 Z'/></svg>") center center no-repeat;
	background-color: #e4477a;
	background-size: 16px;
}

.info {
	margin: 15px 0;
	padding: 15px 20px;
	border-radius: 15px;
	border: solid 1px #e8e8e8;
	background-color: #fff;
}

.q-list {
	margin-top: 50px;
	padding: 25px 30px;
	border-radius: 15px;
	background-color: #f8f9fb;
}

.q-list dt {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.q-list dd {
	padding: 14px 0 20px;
}

.photo-list {
	margin: 20px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 33px;
}

@media (max-width: 749px) {
	.photo-list {
		flex-direction: column;
		gap: 10px;
	}
}

.img-single {
	margin: 20px 0;
}

.img-single img {
	vertical-align: top;
}

.movie-item {
	margin: 20px;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
}

.movie-item::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.movie-item::after {
	background-image: url(/static/lifeStudy/img/sprite-sub.png);
	background-position: -300px 0px;
	width: 120px;
	height: 120px;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.form-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.input-wide {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
}

* + .input-wide {
	margin-top: 9px;
}

.input-wide input {
	flex-grow: 1;
}

.input-survey {
	display: grid;
	grid-template-columns: auto 70px 104px;
	gap: 8px;
}

.input-survey + .input-survey {
	margin-top: 8px;
}

.paginationSet,
.pagination-set {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
}

@media (max-width: 749px) {

	.paginationSet,
	.pagination-set {
		margin-top: 20px;
	}
}

.popwrap .paginationSet,
.popwrap .pagination-set {
	margin-bottom: 0;
}

.pagination {
	max-width: 500px;
	padding: 8px 0;
	border-radius: 22px;
	/* box-shadow: -1.9px 0.6px 7px 0 rgba(0, 0, 0, 0.05); */
	/* background-color: #fff; */
	margin: 0 auto;
	display: flex;
	vertical-align: top;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

.pagination a:focus {
	outline: 1px dashed #fff;
	outline-offset: -2px;
	box-shadow: inset 0 0 0 1px #000;
}

.pagination > li > a,
.pagination > li > span {
	position: relative;
	display: block;
	padding: 0 4px;
	text-decoration: none;
	min-width: 28px;
	height: 28px;
	line-height: 26px;
	text-align: center;
	color: #666;
	border-radius: 50px;
}

.pagination > li.first > *,
.pagination > li.prev > *,
.pagination > li.next > *,
.pagination > li.end > * {
	background-color: #fff;
	padding: 0;
}

.pagination > li.first > *:before,
.pagination > li.prev > *:before,
.pagination > li.next > *:before,
.pagination > li.end > *:before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
}

.pagination > li.first > *:hover,
.pagination > li.first > *:focus,
.pagination > li.first > *:active,
.pagination > li.prev > *:hover,
.pagination > li.prev > *:focus,
.pagination > li.prev > *:active,
.pagination > li.next > *:hover,
.pagination > li.next > *:focus,
.pagination > li.next > *:active,
.pagination > li.end > *:hover,
.pagination > li.end > *:focus,
.pagination > li.end > *:active {
	z-index: 2;
	background-color: #fff;
}

@media (max-width: 749px) {

	.pagination > li.first > *,
	.pagination > li.prev > *,
	.pagination > li.next > *,
	.pagination > li.end > * {
		min-width: 30px;
		background-size: auto 28px;
	}
}

.pagination > li .s span {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
}

.pagination > li.first > * {
	margin-right: 0;
}

.pagination > li.first > *:before {
	background: no-repeat 50% 50%;
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/eac-3-keyboard-double-arrow-left.png");
}

.pagination > li.prev > *:before {
	background: no-repeat 50% 50%;
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/e-314-keyboard-arrow-left.png");
}

@media (max-width: 749px) {
	.pagination > li.prev > * {
		margin-right: 4px;
	}
}

.pagination > li.next > *:before {
	background: no-repeat 50% 50%;
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/e-314-keyboard-arrow-left.png");
	transform: scaleX(-1);
}

@media (max-width: 749px) {
	.pagination > li.next > * {
		margin-left: 4px;
	}
}

.pagination > li.end > * {
	background-position: right 0;
}

.pagination > li.end > *:before {
	background: no-repeat 50% 50%;
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/eac-3-keyboard-double-arrow-left.png");
	background-size: auto 9px;
	transform: scaleX(-1);
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	z-index: 2;
	text-decoration: underline;
	background-color: #e4477a;
	color: #fff;
}

.pagination > .active > a,
.pagination > .active > span {
	text-decoration: underline;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 3;
	cursor: default;
	border: 1px solid #e4477a;
	background-color: #e4477a;
	color: #fff;
	box-sizing: border-box;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	cursor: not-allowed;
	display: none;
}

.popwrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100000;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(4px);
	overflow: auto;
}

.popwrap > .set {
	position: relative;
	max-width: 900px;
	max-height: 95vh;
	margin: 0 7px 0 0;
	padding: 10px 0 20px;
	border-radius: 20px;
	box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.15);
	border: solid 1px #e0e0e0;
	background-color: #fff;
	overflow: auto;
}

@media (max-width: 749px) {
	.popwrap > .set {
		width: calc(100vw - 40px);
		margin: 0;
	}
}

.bodyindex .popwrap {
	display: block;
	position: static;
	backdrop-filter: none;
	background-color: initial;
}

.bodyindex .popwrap > .set {
	border: none;
	box-shadow: none;
	position: static;
	overflow: auto;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background-color: #fff;
}

#content .popwrap {
	display: none;
}

#content .popwrap.active {
	display: flex;
}

#popup .popwrap {
	position: static;
	max-width: none;
	background-color: transparent;
	width: auto;
}

#popup .popwrap .set {
	position: static;
	transform: translate(0, 0);
	box-shadow: none;
}

.popwrap .set {
	border-radius: 10px;
}

.popwrap .popwrap-title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	color: #272626;
	border-bottom: 1px solid #dadada;
	padding: 16px 0 16px 20px;
	padding-right: 100px;
}

.popwrap .parent-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 58px;
	height: 58px;
	background-color: transparent;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.popwrap .parent-close i {
	display: block;
}

.popwrap__header h1,
.popwrap__header h2,
.popwrap__header h3 {
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
}

.popwrap .popwrap-body,
.popwrap__body {
	padding: 20px;
}

.popwrap .popwrap__footer .btn-set {
	margin-bottom: 0;
}

.popwrap.type-raw .popwrap__header {
	border-radius: 10px 10px 0 0 !important;
}

.popwrap.type-raw .popwrap-title {
	margin: 0;
	line-height: 1;
	padding: 20px !important;
	border-radius: 10px 10px 0 0 !important;
}

.popwrap.type-raw .popwrap__body {
	padding-top: 0;
}

.popwrap.type-raw .file-list__set__item {
	padding: 14px 20px;
	border: 1px solid #dadada;
}

.popwrap.type-raw .file-list__set__item + .file-list__set__item {
	margin-top: -1px;
}

@media (min-width: 750px) {
	.popwrap .bd-list {
		min-width: 650px;
	}
}

.alert-popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100000;
}

.alert-popup__set {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

.alert-popup__body {
	padding: 36px 55px 15px;
	font-family: SUIT;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: center;
	color: #272626;
}

.alert-popup__body__cont {
	margin-top: 10px;
}

.alert-popup__close {
	position: absolute;
	top: 0;
	right: 0;
	width: 53px;
	height: 53px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: transparent;
}

.alert-popup__close i {
	display: block;
}

@media (max-width: 359px) {
	.sh-pop-body dl {
		display: flex;
	}

	.sh-pop-body dl > * {
		flex-basis: 100%;
		width: 100%;
	}
}

.label-tab ul {
	display: flex;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

.label-tab ul li {
	width: 50%;
	padding: 8px 0;
	border: 1px solid #eee;
	border-bottom-width: 0;
	border-radius: 5px 5px 0 0;
	text-align: center;
	border-bottom: 1px solid #2c428e;
}

.label-tab ul li input {
	margin-right: 10px;
}

.label-tab ul li.active {
	border-color: #2c428e;
	color: #2c428e;
	font-weight: 500;
	border-bottom-width: 0;
}

.label-tab + .sh-pop-body {
	border-top-width: 0 !important;
	border: 1px solid #2c428e;
	padding: 15px;
}

.label-tab + .sh-pop-body .bd-subject-p {
	margin-top: 0;
}

.label-tab + .sh-pop-body .bd-reg:last-child,
.label-tab + .sh-pop-body .bd-reg-row:last-child {
	margin-bottom: 0;
}

.bank-list ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	list-style: none;
}

.bank-list ul li {
	width: 23%;
	margin-top: 10px;
	margin-right: 2.66%;
}

.bank-list ul li:nth-child(4n) {
	margin-right: 0;
}

.bank-list ul li.active button.b-apply,
.bank-list ul li.active .b-apply.toggle-list__title {
	border: 1px solid #2c428e;
	color: #2c428e;
	text-decoration: underline;
}

.bank-list ul li button.susp,
.bank-list ul li .susp.toggle-list__title {
	border: 1px solid #bc2222;
	color: #bc2222;
}

.bank-list ul li button.b-apply,
.bank-list ul li .b-apply.toggle-list__title {
	width: 100%;
	padding: 0;
	line-height: 1rem;
}

@media (max-width: 600px) {
	.bank-list ul li {
		width: 32%;
		margin-right: 2%;
	}

	.bank-list ul li:nth-child(4n) {
		margin-right: 2%;
	}

	.bank-list ul li:nth-child(3n),
	.bank-list ul li:nth-child(12n) {
		margin-right: 0;
	}
}

.bank-list ul.insurance li {
	width: 32%;
	margin-right: 2%;
}

.bank-list ul.insurance li:nth-child(3n) {
	margin-right: 0;
}

.bank-select-title {
	text-align: center;
	padding: 10px 0 8px;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-weight: 500;
	background-color: #008fd4;
}

.bank-select-title .title::before {
	content: "\f02f";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-size: 24px;
	margin: 0 8px 5px 0;
}

.bank-select-list {
	height: 240px;
	overflow-y: scroll;
	border: 1px solid #eee;
}

.bank-select-list .bank-select-list__items {
	margin: 0;
	padding: 8px 18px;
	list-style: none;
}

.bank-select-list .bank-select-list__items li {
	padding: 8px 0 7px;
	border-bottom: 1px dashed #dadada;
	font-size: 14px;
}

.bank-select-list .bank-select-list__items li:last-child {
	border: none;
}

.scroll-y {
	overflow-y: scroll;
	max-height: calc(100vh - 430px);
}

.form-item-remove {
	text-align: right;
}

.form-item-remove .b-del {
	border-radius: 0;
}

.dbdata {
	min-height: 200px;
	margin: 20px 0;
}

.dbdata img {
	height: auto !important;
}

@media (max-width: 749px) {
	.dbdata {
		margin: 15px 0;
	}
}

.dbdata ul {
	list-style-type: initial;
	padding-left: 40px;
}

.dbdata ol {
	list-style-type: decimal;
	margin-left: initial;
	padding-left: 40px;
}

.dbdata i,
.dbdata em {
	font-style: italic;
}

.dbdata table {
	width: auto !important;
}

.boxCon2 {
	padding: 15px;
	text-align: center;
}

.h5_tit1 {
	position: relative;
	font-family: JalnanOTF;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.h5_tit1:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 3px;
	background-color: #e4477a;
	border-radius: 50%;
	vertical-align: top;
	transform: translateY(5px);
}

.bbs_list th,
.bbs_list td {
	border: 1px solid #dadada;
	padding: 20px 5px;
}

@media (min-width: 1200px) {

	.bbs_list th,
	.bbs_list td {
		padding: 10px;
	}
}

.bbs_list th {
	font-weight: 400;
	color: #272626;
	background-color: #fbfbfb;
}

.bbs_list td {
	color: #333;
}

.bbs_list thead + tbody tr:first-child > * {
	border-top-width: 0;
}

#view {
	text-align: left;
}

#view table {
	text-align: center;
	width: 100% !important;
}

#view table th strong {
	font-weight: 400 !important;
}

@media (max-width: 749px) {
	#view table {
		width: auto;
	}
}

#view .tr {
	text-align: right;
}

.story_title {
	border-top: none;
}

.login-set {
	max-width: 840px;
	margin: 0 auto;
	position: relative;
}

.login-set .this:before,
.login-set .this:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.login-set__form {
	position: relative;
	padding: 29px 0;
	background-color: #f8f9fb;
}

@media (max-width: 1199px) {
	.login-set__form {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media (min-width: 1200px) {
	.login-set__form::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		background-color: #f8f9fb;
		z-index: -1;
		width: calc(100vw - 18px);
		height: 100%;
		margin-left: calc((100vw - 840px) / 2 * -1);
	}
}

.login-set__form .login-field {
	display: grid;
}

@media (max-width: 749px) {
	.login-set__form .login-field {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.login-set__form .login-field > div:first-child {
		order: 2;
	}
}

@media (min-width: 750px) {
	.login-set__form .login-field {
		grid-template-columns: repeat(2, 1fr);
		gap: 0;
	}
}

.login-set__form .login-field > div {
	max-width: 420px;
	margin: auto;
}

.login-set__form .login-field .inp input {
	width: 100%;
	height: 58px;
	border: 1px solid #939393;
	border-width: 0 0 1px;
	font-family: SUIT;
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.47;
	letter-spacing: normal;
	color: #000;
	padding-left: 0;
}

.login-set__form .login-field .inp input::placeholder {
	color: #000;
}

.login-set__form .login-field .deco {
	order: 0;
	display: flex;
	align-items: center;
}

.login-set__form .login-field .deco i {
	display: block;
	margin: auto;
	width: 250px;
	height: 250px;
	border-radius: 250px;
	background: #fff url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/login-deco@2x.png) center center no-repeat;
	background-size: 194px auto;
}

@media (max-width: 749px) {
	.login-set__form .login-field .deco i {
		width: 192px;
		height: 192px;
		border-radius: 192px;
		background-size: 148px auto;
	}
}

.login-set__form .login-deco {
	padding: 19px 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media (max-width: 749px) {
	.login-set__form .login-deco {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 8px;
	}
}

.login-set__form .login-deco .id-save label span {
	margin-left: 7px;
}

.login-set__form .login-deco .idpw-finde {
	font-size: 15px;
}

.login-set__form .login-deco .idpw-finde .fine {
	line-height: 1;
}

.login-set__form .login-deco .idpw-finde .fine span {
	border-bottom: 1px solid #000;
}

.login-set__form .login-deco .idpw-finde .b-gray {
	font-size: 14px;
	margin-left: 15px;
}

.login-set__form .login-submit {
	width: 100%;
	height: 60px;
	border-radius: 30px;
	background-color: #e4477a;

	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.28;
	letter-spacing: normal;
	color: #fff;
	text-align: center;
}

@media (min-width: 750px) {
	.login-set__form .login-submit {
		width: 420px;
	}
}

.more-link {
	display: grid;
	gap: 20px;
}

@media (max-width: 749px) {
	.more-link {
		margin-left: 20px;
		margin-right: 20px;
		grid-template-columns: repeat(1, 1fr);
	}
}

.more-link div h3 {
	margin-top: 49px;
	margin-bottom: 15px;
	font-family: SUIT;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-align: left;
	color: #000;
}

.more-link--one {
	max-width: 760px;
	margin: 50px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

@media (max-width: 749px) {
	.more-link--one {
		flex-wrap: wrap;
	}
}

.btn-round {
	display: inline-flex;
	align-items: center;
	justify-self: center;
	vertical-align: middle;
	padding: 3px 24px 0;
	height: 35px;
	border-radius: 17.5px;
	background-color: #666;

	font-size: 15px;
	font-weight: 500;
	line-height: 1.53;
	text-align: center;
	color: #fff;
}

@media (max-width: 749px) {
	.btn-round {
		padding-left: 12px;
		padding-right: 12px;
	}
}

.btn-round--kakao {
	background-color: #f6e60a;
	color: #000;
}

.btn-round--naver {
	background-color: #36b54a;
}

.file-single {
	position: relative;
	display: inline-block !important;
	line-height: 25px;
}

@media (max-width: 749px) {
	.file-single {
		margin-right: 4px;
	}
}

.file-single i {
	vertical-align: top;
}

.file-single .name {
	position: absolute;
	top: 0px;
	right: 0;
	padding: 4px;
	width: auto;
	max-width: 150px;
	transition: all 0.3s;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	background-color: #141414;
	color: #fff;
	line-height: 1;
	border-radius: 3px;
	opacity: 0;
	z-index: -1;
}

.ico-xls {
	width: 22px;
	height: 22px;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/fss/img/ico/ico-xls.svg);
}

.ico-hwp {
	width: 22px;
	height: 22px;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/fss/img/ico/ico-hwp.svg);
}

.ico-pdf {
	width: 22px;
	height: 22px;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/fss/img/ico/ico-pdf.svg);
}

.ico-ppt {
	width: 22px;
	height: 22px;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/fss/img/ico/ico-ppt.svg);
}

.ico-word {
	width: 22px;
	height: 22px;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/fss/img/ico/ico-word.svg);
}

.ico-img {
	width: 22px;
	height: 22px;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/fss/img/ico/ico-img.svg);
}

.ico-zip {
	width: 22px;
	height: 22px;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/fss/img/ico/ico-zip.svg);
}

.ico-etc {
	width: 22px;
	height: 22px;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/fss/img/ico/ico-etc.svg);
}

.ico-mov {
	width: 22px;
	height: 22px;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/fss/img/ico/ico-mov.svg);
}

.file-list + input {
	margin-top: 8px;
}

.file-list + .file-add {
	margin-top: 10px;
}

.file-add + .file-list {
	margin-top: 10px;
}

#content .file-list__set {
	max-height: calc(100vh - 450px);
	overflow-y: auto;
}

.file-list__item {
	display: block;
}

.file-list__item + .file-list__item {
	margin-top: 5px;
}

@media (max-width: 1199px) {
	.file-list__item a .name {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 30px);
	}
}

.file-list__item .del {
	border-radius: 3px;
	width: 24px;
	height: 24px;
	background-color: #bc2222;
	text-align: center;
	line-height: 24px;
}

.file-list__item .del::before {
	content: "\e14c";
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	color: #fff;
	font-size: 11px;
	vertical-align: middle;
	transform: translateY(-2px);
}

.file-list__item.add-del a {
	display: inline-block;
	max-width: calc(100% - 40px);
}

.stats-rt {
	text-align: right;
	margin-bottom: 10px;
}

.stats-subject {
	margin-bottom: 45px;
	padding: 30px;
	border-radius: 15px;
	background-color: rgb(241, 246, 247);
	text-align: center;
}

@media (max-width: 749px) {
	.stats-subject {
		padding: 20px;
		margin-bottom: 25px;
	}
}

.stats-subject h2 {
	font-family: JalnanOTF;
	font-size: 24px;
}

@media (max-width: 749px) {
	.stats-subject h2 {
		font-size: 17px;
	}
}

.stats {
	margin: 15px 0 25px;
	padding: 30px;
	border-radius: 15px;
	background-color: #f8f9fb;
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.stats__item--view {
	padding: 16px 20px;
	border-radius: 15px;
	background-color: #fff;
}

.stats__q {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000;
}

.stats__a {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 50px;
}

.stats__a .num {
	margin-left: 5px;
	display: inline-flex;
	vertical-align: middle;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	border: 1px solid #707070;
	font-size: 12px;
	transform: translateY(-1px);
}

.stats__g-set {
	margin: 25px 0 0;
	padding: 30px;
	border-radius: 15px;
	background-color: #fff;
}

.stats__t-title {
	margin-bottom: 15px;
	font-family: JalnanOTF;
	font-size: 18px;
	line-height: 1;
	color: #272626;
}

.stats__hap {
	margin-bottom: 20px;
	font-family: SUIT;
	font-size: 16px;
	font-weight: bold;
	color: #e4477a;
}

.stats__g {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.stats__g li {
	display: grid;
	grid-template-columns: 120px auto;
	gap: 30px;
	line-height: 20px;
}

.stats__g li .label {
	font-weight: 500;
}

.stats__g li .grap {
	display: block;
	position: relative;
	background-color: #eff3f4;
	height: 20px;
}

.stats__g li .grap .bar {
	background-color: #e4477a;
	display: block;
	height: 20px;
	position: relative;
	transition: 1.5s;
	width: 0px;
}

.stats__g li .grap .bar .txt {
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	right: 0;
	height: 12px;
	font-family: SUIT;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #000;
	transform: translateX(calc(100% + 4px));
}

.stats__g li .grap .bar.inside .txt {
	transform: translateX(calc(0% - 4px));
}

.step-agg {
	margin-bottom: 45px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	position: relative;
}

@media (max-width: 749px) {
	.step-agg {
		flex-direction: column;
		gap: 12px;
	}
}

@media (min-width: 750px) {
	.step-agg {
		flex-direction: row;
	}
}

.step-agg::before {
	content: "";
	position: absolute;
	background-color: #e0e0e0;
}

@media (max-width: 749px) {
	.step-agg::before {
		top: 0;
		left: 50%;
		width: 2px;
		height: 100%;
	}
}

@media (min-width: 750px) {
	.step-agg::before {
		top: 23px;
		width: 100%;
		height: 2px;
	}
}

@media (max-width: 749px) {
	.step-agg__item {
		position: relative;
		width: 100%;
		max-width: 300px;
	}
}

.step-agg__item.on > div {
	background-color: #e4477a;
	border-color: #e4477a;
}

.step-agg__item.on .circle {
	background-color: #e4477a;
	border: solid 1px #e4477a;
}

.step-agg__item.on strong {
	color: #fff;
}

.step-agg__item.active > div {
	border-color: #e4477a;
}

.step-agg__item.active .circle {
	border: solid 1px #e4477a;
}

.step-agg__item.active strong {
	color: #e4477a;
}

.step-agg__item > div {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 25px;
	border: solid 1px #e0e0e0;
	background-color: #fff;
}

@media (max-width: 749px) {
	.step-agg__item > div {
		height: 38px;
		width: 100%;
	}
}

@media (min-width: 750px) {
	.step-agg__item > div {
		width: 120px;
		height: 50px;
	}
}

.step-agg__item:last-child::before {
	display: none !important;
}

.step-agg__item.active::before {
	content: "";
	position: absolute;
	top: 23px;
	width: 25%;
	height: 2px;
	background-color: #e4477a;
}

@media (max-width: 749px) {
	.step-agg__item.active::before {
		transform: rotate(90deg) translateY(-2px);
		transform-origin: left top;
		width: 15px;
		top: 100%;
		left: 50%;
	}
}

.step-agg__item .circle {
	display: none;
	position: relative;
	margin: 0 auto;
	width: 120px;
	height: 80px;
	border-radius: 40px;
	border: solid 1px #e0e0e0;
	background-color: #fff;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.step-agg__item .circle .icon {
	height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.step-agg__item .circle .step-number {
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	bottom: -12px;
	left: calc(50% - 37px);
	width: 74px;
	height: 20px;
	border-radius: 10px;
	background-color: #429772;
	font-size: 14px;
	line-height: 1;
	letter-spacing: -0.35px;
	color: #fff;
}

.step-agg__item strong {
	letter-spacing: -0.4px;
}

@media (min-width: 750px) {
	.step-agg--s2 .active::before {
		left: 0;
		width: calc(100% - 120px);
	}
}

.join {
	max-width: 760px;
	margin: 0 auto;
	position: relative;
}

@media (max-width: 749px) {
	.wide .join {
		margin-left: -20px;
		margin-right: -20px;
	}
}

.join__title {
	padding-top: 20px;
	font-size: 20px;
	text-align: center;
	margin-bottom: 15px;
}

.join__title span {
	font-family: JalnanOTF;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: -0.5px;
	text-align: center;
	color: rgb(0, 0, 0);
}

.join .this:before,
.join .this:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.join > .s {
	position: relative;
	padding: 30px 0;
}

@media (max-width: 749px) {
	.join > .s {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.join > .s::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f8f9fb;
	z-index: -999;
	width: calc(100vw - 20px);
	height: 100%;
	margin-left: calc((100vw - 760px) / 2 * -1);
}

@media (max-width: 749px) {
	.join > .s::before {
		width: 100%;
		margin-left: 0;
	}
}

.step1 {
	margin: 6px 0;
}

.step1 .txt {
	margin-bottom: 30px;

	font-size: 18px;
	font-weight: 500;
	line-height: 1.67;
	letter-spacing: -0.45px;
	text-align: center;
	color: #000;
}

.step1 .txt2 {
	font-family: SUIT;
	font-size: 16px;
	text-align: center;
}

.step1 .txt3 {
	font-family: SUIT;
	font-size: 20px;
	text-align: center;
}

.step1__btns {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

@media (max-width: 749px) {
	.step1__btns {
		flex-direction: column;
	}
}

@media (min-width: 750px) {
	.step1__btns {
		flex-direction: row;
	}
}

.step1__link {
	position: relative;
	border-radius: 15px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	line-height: 1;
	color: #fff;
	background-clip: padding-box;
}

@media (min-width: 750px) {
	.step1__link {
		width: 375px;
		height: 410px;
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 749px) {
	.step1__link {
		width: 320px;
		height: 336px;
		flex-direction: column;
		text-align: center;
	}
}

@media (min-width: 750px) {
	.step1__link--s {
		height: 290px;
	}
}

.step1__link:focus,
.step1__link:hover {
	border: solid 1px #e4477a;
}

.step1__link:focus .r,
.step1__link em {
	display: block;
	color: #000;
	margin: 0 0 10px 0;
}

.step1__link:focus .r,
.step1__link span {
	display: inline-block;
}

.step1__link:focus .r,
.step1__link .r {
	background: #333;
	color: #fff;
	padding: 10px 20px;
	border-radius: 30px;
}

.step1__link:focus .r,
.step1__link:hover .r {
	background-color: #e4477a;
}

.step1__link:focus .r {
	text-decoration: underline;
}

.step1__link .icon i {
	display: block;
}

.step1__link > div.block {
	display: block;
	text-align: center;
	text-align: center;
}


/* @media (max-width: 749px) {
.step1__link > div.block {
text-align: center;
}
} */
.step1__link > div.block em {
	display: block;

	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.45px;
	color: #000;
}

.step1__link > div.block em + .r {
	margin-top: 22px;
}

.step1__link > div.block .s {
	display: block;
	margin: 8px 0 8px 0;
	font-family: SUIT;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -0.4px;
	color: #e4477a;
}

.step1__link > div.block .s2 {
	display: block;
	margin: 18px 0 35px 0;
	font-family: SUIT;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.4px;
	color: #777;
}

.step1__link > div.block .r,
.step1__link > div.block .btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 160px;
	height: 45px;
	margin: 0 auto;
	border-radius: 27px;
	background-color: #666;

	font-size: 18px;
	font-weight: 500;
	color: #fff;
}

.step1__link:hover > div.block .btn {
	background: #e4477a
}

.tab3 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2px;
}

.tab3__item {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	width: 100%;
	max-width: 180px;
	height: 46px;
	border: solid 1px #939393;
	background-color: #f8f9fb;
	border-radius: 10px 10px 0 0;
}

.tab3__item.on {
	border-width: 2px 2px 0;
	border-color: #e4477a;
}

.join-id-find {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 30px;
}

@media (max-width: 749px) {
	.join-id-find {
		flex-direction: column;
	}
}

.join-id-find__form {
	flex-basis: 58.3333333333%;
}

@media (max-width: 749px) {
	.join-id-find__form {
		order: 2;
	}
}

.join-id-find .deco {
	flex-basis: 34.7222222222%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.join-id-find .deco > i {
	border-radius: 100%;
	aspect-ratio: 1/1;
	width: 100%;
	max-width: 250px;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.join-id-find .deco > i > i {
	display: block;
	aspect-ratio: 194/186;
	width: 77.6%;
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/icon-idfind.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.join-id-find .deco > i > i {
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/icon-idfind@2x.png");
	}
}

.join-id-find .deco > i > i.icon-idfind-step2 {
	width: 80.8%;
	aspect-ratio: 202/198;
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/icon-idfind-step2.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.join-id-find .deco > i > i.icon-idfind-step2 {
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/icon-idfind-step2@2x.png");
	}
}

.join-id-find__input[type=text],
.join-id-find__input[type=password] {
	display: block;
	height: 54px;
	border: none;
	background-color: transparent;
	border-bottom: 1px solid #939393;
	width: 100%;
}

.join-id-find .sex {
	margin: 18px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px 30px;
}

.join-id-find .sex label {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.join-id-find [type=date] {
	display: block;
	width: 100%;
	border: solid 1px #939393;
	background-color: #f7f7f7;
	text-align: center;
}

.join-id-find [type=date]::-webkit-calendar-picker-indicator {
	background-image: none;
}

.join-id-find__submit {
	margin-top: 20px;
	display: block;
	width: 100%;
	height: 60px;
	border-radius: 30px;
	background-color: #666;
	color: #fff;

	font-size: 18px;
	font-weight: 500;
}

.join-id-find__info {
	margin: 23px 0;

	font-size: 18px;
	font-weight: 500;
	line-height: 1.67;
	letter-spacing: -0.45px;
	color: #000;
}

.join-id-find__info .t2 {
	color: #6b6b6b;
}

.join-id-find .btns {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
}

.join-id-find .btns button,
.join-id-find .btns .toggle-list__title {
	flex-grow: 1;
	height: 60px;
	border-radius: 30px;
	background-color: #666;
	color: #fff;

	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

.step4 {
	text-align: center;
	color: #000;
}

.step4__t1 {
	margin-bottom: 6px;

	font-size: 18px;
	font-weight: 500;
	line-height: 1.67;
	letter-spacing: -0.45px;
}

.step4__t2 {
	font-family: JalnanOTF;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: -0.5px;
}

.step4__box {
	margin: 20px 0 20px;
	padding: 30px;
	border-radius: 15px;
	background-color: #fff;
	line-height: 1.88;
	letter-spacing: -0.4px;
}

.join-process-notice {
	padding: 10px;
	min-height: 92px;
	border-radius: 15px;
	background-color: rgb(239, 243, 244);
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

dl.table,
dl#view {
	border: 1px solid #dadada;
	border-top: 2px solid #6db797 !important;
	margin-bottom: 7px;
}

dl.table dt,
dl#view dt {
	background: #fbfbfb;
	padding: 10px;
	border-bottom: 1px solid #dadada;
	font-weight: bold;
	color: #000;
}

dl.table dd,
dl#view dd {
	text-align: left;
	padding: 10px;
}

table {
	width: 100%;
}

.table,
#view {
	position: relative;
	text-align: center;
}

p + .table,
p + #view {
	margin-top: 10px;
}

.bd-view + .table,
.bd-view + #view {
	margin-top: 20px;
	margin-bottom: 20px;
}

.table + .table,
#view + .table,
.table + #view,
#view + #view {
	margin-top: 30px;
}

* + .table,
* + #view {
	margin-top: 30px;
}

.table table,
#view table {
	width: 100%;
}

.table table th,
#view table th,
.table table td,
#view table td {
	border: 1px solid #dadada;
}

.table th,
#view th {
	font-weight: 400;
	line-height: 24px;
	font-size: 1rem;
	padding: 18px 0 15px;
	text-align: center;
	color: #272626;
	background-color: #fbfbfb;
}

.table thead + tbody tr:first-child > *,
#view thead + tbody tr:first-child > * {
	border-top-width: 0;
}

.table tbody th,
#view tbody th,
.table tbody td,
#view tbody td {
	padding: 20px 5px;
}

@media (min-width: 1200px) {

	.table tbody th,
	#view tbody th,
	.table tbody td,
	#view tbody td {
		padding: 10px;
	}
}

.table tbody th,
#view tbody th {
	background: #f2f2f2;
}

.table tbody td,
#view tbody td {
	color: #333;
	line-height: 1.5;
}

.table tbody .th-bd th,
#view tbody .th-bd th,
.table tbody .th-bd td,
#view tbody .th-bd td {
	border-top-color: #272626;
}

@media (max-width: 749px) {

	.table.ovx,
	.ovx#view {
		overflow-x: auto;
		position: relative;
	}

	.table.ovx table,
	.ovx#view table {
		width: 750px;
	}
}

.table.fix table,
.fix#view table {
	table-layout: fixed;
}

.table td.nodata,
#view td.nodata {
	padding: 60px 0;
}

.table td.title,
#view td.title {
	text-align: left;
}

.table td.check-input,
#view td.check-input {
	width: 50px;
	text-align: center;
}

.table-rt-deco {
	text-align: right;
	margin-bottom: 11px;
	font-size: 0.875rem;
	color: #333;
	line-height: 1.714;
}

.table--row .row-th {
	border-right: 1px solid #dadada;
}

@media (max-width: 749px) {
	.table--row .row-th {
		display: block;
	}
}

.table--row th {
	width: 16.67%;
	vertical-align: middle;
	background-color: #fbfbfb;
	border-bottom: 1px solid #dadada;
}

.table--row td {
	padding: 15px 10px 15px 20px;
	height: 55px;
	border-bottom: 1px solid #dadada;
}

@media (max-width: 749px) {
	.table--row td {
		padding: 5px;
	}
}

.table--th-multi thead tr + tr th {
	border-top: 1px solid #dadada;
}

.table--td-vat td {
	vertical-align: top;
}

.table-round {
	margin-top: 12px;
	position: relative;
	text-align: center;
}

@media (max-width: 749px) {
	.table-round {
		overflow-x: auto;
	}
}

p + .table-round {
	margin-top: 10px;
}

.bd-view + .table-round {
	margin-top: 20px;
	margin-bottom: 20px;
}

.table-round table {
	min-width: 710px;
	width: 100%;
	border-collapse: separate;
}

.table-round th,
.table-round td {
	padding: 14px 0;
}

.table-round th {
	line-height: 24px;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	color: #272626;
	background-color: #fbfbfb;
}

.table-round thead th {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

.table-round thead th:first-child {
	border-left: 1px solid #dadada;
	border-radius: 5px 0 0 5px;
}

.table-round thead th:last-child {
	border-right: 1px solid #dadada;
	border-radius: 0 5px 5px 0;
}

.table-round thead + tbody tr:first-child > * {
	border-top-width: 0;
}

@media (max-width: 749px) {

	.table-round tbody th,
	.table-round tbody td {
		padding: 8px 4px;
	}
}

@media (min-width: 750px) {

	.table-round tbody th,
	.table-round tbody td {
		padding: 20px 5px;
	}
}

@media (min-width: 1200px) {

	.table-round tbody th,
	.table-round tbody td {
		padding: 10px;
	}
}

.table-round tbody td {
	color: #333;
	line-height: 1.5;
	border-bottom: 1px solid #dadada;
}

.table-round tbody .th-bd th,
.table-round tbody .th-bd td {
	border-top-color: #272626;
}

@media (max-width: 749px) {
	.table-round.ovx {
		overflow-x: auto;
		position: relative;
	}

	.table-round.ovx table {
		width: 750px;
	}
}

.table-round.fix table {
	table-layout: fixed;
}

.table-round td.nodata {
	padding: 60px 0;
}

.table-round td.title {
	text-align: left;
}

.table-round td.check-input {
	width: 50px;
	text-align: center;
}

@media (max-width: 749px) {
	.table-round--row table {
		min-width: initial;
		width: auto;
	}
}

@media (max-width: 749px) {
	.table-round--row th {
		width: auto !important;
	}
}

.table-round--row td {
	text-align: left;
}

.table-round--row th,
.table-round--row td {
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

.table-round--row tr:first-child > * {
	border-top: 1px solid #dadada;
}

.table-round--row tr > *:first-child {
	border-left: 1px solid #dadada;
}

.table-round--row tr:first-child > *:first-child {
	border-top-left-radius: 5px;
}

.table-round--row tr:first-child > *:last-child {
	border-top-right-radius: 5px;
}

.table-round--row tr:last-child > *:first-child {
	border-bottom-left-radius: 5px;
}

.table-round--row tr:last-child > *:last-child {
	border-bottom-right-radius: 5px;
}

@media (max-width: 749px) {
	.table-round--row {
		border: 1px solid #dadada;
		border-radius: 5px;
		overflow: hidden;
	}

	.table-round--row table,
	.table-round--row tbody,
	.table-round--row tr,
	.table-round--row th,
	.table-round--row td {
		display: block;
		width: 100%;
		border-radius: 0 !important;
		border: none !important;
	}

	.table-round--row th,
	.table-round--row td {
		border-bottom: 1px solid #dadada !important;
	}

	.table-round--row tr:last-child > td:last-child {
		border-bottom: none !important;
	}
}

.table-round--table-lt-type thead th:first-child {
	color: #e4477a;
}

.table-round--table-lt-type table tbody th {
	background-color: inherit;
	border-bottom: 1px solid #dadada;
	color: #e4477a;
}

.calender-wrap {
	background: #f8f9fb;
	margin: 30px auto 0;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 749px) {
	.calender-wrap {
		padding: 10px;
	}
}

@media (min-width: 750px) {
	.calender-wrap {
		padding: 20px 50px 30px 50px;
	}
}

.calender-wrap .item {
	display: flex;
	align-items: stretch;
	flex-direction: column;
	width: 100%;
	height: 100%;
	justify-content: space-between;
}

.calender {
	width: 100%;
}

.calender .button-area {
	display: flex;
	justify-content: start;
	gap: 9px;
}

.calender .button-area [class^=go-] {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: solid 1px #dadada;
	/* prettier-ignore */
}

.calender .button-area [class^=go-].go-prev {
	background: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/calender/prev-btn.png) no-repeat;
}

.calender .button-area [class^=go-].go-next {
	background: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/calender/next-btn.png) no-repeat;
}

.calender .button-area .year-month {
	font-size: 20px;
	font-weight: bold;
}

.calender table {
	margin-top: 10px;
	width: 100%;
	table-layout: fixed;
}

@media (max-width: 749px) {
	.calender table {
		word-break: break-all;
	}
}

.calender table thead tr {
	border: 1px solid #dddddd;
}

.calender table thead th {
	border-right: 1px solid #dddddd;
	background: #fbfbfb;
	padding: 12px 0;
	text-align: center;
}

.calender table thead th:last-child {
	border-right: none;
}

.calender table tr {
	border: 1px solid #dddddd;
	border-top: none;
}

.calender table td {
	position: relative;
	background: #fff;
	border-right: 1px solid #dddddd;
	vertical-align: top;
	height: 100px;
	padding: 4px 9px 10px;
	font-weight: bold;
}

@media (max-width: 749px) {
	.calender table td {
		padding: 4px;
	}
}

.popwrap .calender table td {
	height: 50px;
}

.calender table td:last-child {
	border-right: none;
}

.calender table td .btn-pop {
	position: absolute;
	top: -106px;
	right: -135px;
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 10px 10px;
	border-radius: 5px;
	box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.04);
	border: solid 1px #ddd;
	width: 150px;
	visibility: hidden;
}

.calender table td .btn-pop.active {
	visibility: inherit;
}

.calender table td .btn-pop::after {
	position: absolute;
	bottom: -13px;
	left: 0;
	content: "";
	border-top: 15px solid #fff;
	border-left: 0px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 0 solid transparent;
	z-index: 1;
}

.calender table td .btn-pop::before {
	border-color: #ddd transparent;
	border-style: solid;
	border-width: 15px 17px 0px 0px;
	content: "";
	display: block;
	left: 75px;
	position: absolute;
	bottom: -14px;
	left: -0.5px;
	width: 0;
	z-index: 0;
}

.calender table td .btn-pop .pop-list p {
	display: inline-block;
	font-size: 14px;
	background: #666;
	color: #fff;
	font-weight: bold;
	padding: 0 10px;
	border-radius: 5px;
	margin-top: 2px;
	min-width: 105px;
}

.calender table td .btn-pop .close-btn {
	position: absolute;
	right: 0;
	top: 8px;
	background: none;
}

.calender table td .btn-pop .close-btn i {
	content: "";
	display: inline-block;
	background: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/calender/close-btn.png) no-repeat;
	width: 21px;
	height: 20px;
}

.calender table td.holiday {
	background: #fff9fb;
}

.calender table td .holiday-txt {
	color: #e4477a;
}

.calender table td .comment-txt {
	display: block;
	position: relative;
	margin: 13px 0 0;
	padding: 0 9px;
	border-radius: 5px;
	border: solid 1px #666;
	background-color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 14px;
	color: #666;
	white-space: nowrap;
	width: 100%;
}

.ie .calender table td .comment-txt {
	display: block;
	height: 16px;
	overflow: hidden;
}

.calender table td .comment-txt::before {
	content: "";
	background-image: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/sprite-sub.png);
	background-position: -490px -418px;
	width: 12px;
	height: 13px;
	display: inline-block;
	vertical-align: middle;
}

.calender table td:nth-child(7) .comment-pop {
	left: inherit;
	right: 50%;
}

.calender table td:nth-child(7) .comment-pop::after {
	left: inherit;
	right: -1px;
	transform: rotate(90deg);
}

.calender table td:nth-child(7) .comment-pop::before {
	left: inherit;
	right: 0px;
	transform: rotate(90deg);
}

.calender table td .comment-pop {
	position: absolute;
	border: 1px solid #dadada;
	background-color: #fff;
	bottom: 40px;
	left: 50%;
	width: 154px;
	z-index: 1;
	padding: 22px 14px 10px;
	border-radius: 5px;
	box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.04);
	font-size: 14px;
	color: #000 !important;
}

.calender table td .comment-pop::after {
	content: "";
	position: absolute;
	left: -1px;
	bottom: -8px;
	border-width: 5px;
	border-style: solid;
	border-color: #dadada transparent transparent #dadada;
}

.calender table td .comment-pop::before {
	content: "";
	position: absolute;
	left: 0px;
	bottom: -6px;
	border-width: 4px;
	border-style: solid;
	border-color: #fff transparent transparent #fff;
	z-index: 2;
}

.calender table td .comment-pop__close {
	width: 30px;
	height: 30px;
	width: 30px !important;
	height: 30px !important;
	position: absolute;
	right: 0;
	top: 0;
}

.calender table td:empty {
	background: none;
}

.calender table td.today {
	background: #fff9fb;
}

.calender table td.today .num span {
	color: #e4477a;
	font-weight: bold;
	font-size: 14px;
	margin-left: 5px;
}

.calender table td.today .today {
	color: #e4477a;
	font-weight: bold;
	font-size: 14px;
	margin-left: 5px;
}

@media (max-width: 749px) {
	.calender table td.today .today {
		display: block;
		margin: 0;
		font-size: 13px;
		letter-spacing: -1px;
	}
}

.calender table td .garybox,
.calender table td .pinkbox {
	text-align: center;
	background: #e4477a;
	border-radius: 5px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	padding: 0 5px;
}

.calender table td .garybox {
	background: #ececec;
	color: #000;
}

.calender table td .blackbox {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	background: #666666;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	padding: 0 10px;
}

.calender table td .cl-list {
	margin-top: 20px;
	padding-bottom: 5px;
}

.calender table td .link-more {
	position: absolute;
	top: 5px;
	right: 5px;
	background: none;
}

.calender table td .link-more i {
	content: "";
	display: inline-block;
	background: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/calender/more-btn.png) no-repeat;
	width: 21px;
	height: 21px;
}

.calender tr > *:first-child {
	color: #e4477a;
}

.calender tr > *:last-child {
	color: #5983c7;
}

.calender__head {
	margin-bottom: 10px;
	display: flex;
}

@media (min-width: 750px) {
	.calender__head {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
}

@media (max-width: 749px) {
	.calender__head {
		gap: 10px;
		flex-direction: column;
		align-items: flex-start;
	}
}

.calender__head select {
	background-color: #fff;
}

.calender--attendance .button-area {
	display: inline-flex;
}

.calender--attendance .button-area button,
.calender--attendance .button-area .toggle-list__title {
	border: 1px solid #dddddd;
}

.calender--attendance table thead th {
	background-color: #fff;
}

.calender--attendance table td {
	color: #6b6b6b;
}

.calender--attendance table td.today {
	background-color: rgba(228, 71, 122, 0.1490196078);
}

.calender--attendance table td:empty {
	background-color: #fff;
}

.calender--attendance table td > div {
	display: flex;
	align-items: stretch;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.calender--attendance table td > div > div:first-child {
	text-align: left;
}

.calender--attendance .app,
.calender--attendance [class^=att-] {
	min-width: 70px;
	padding: 0 5px;
	margin: 0 auto;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #e4477a;
}

@media (max-width: 749px) {

	.calender--attendance .app,
	.calender--attendance [class^=att-] {
		min-width: auto;
		padding: 0 3px;
	}
}

.calender--attendance .app.att-befor,
.calender--attendance [class^=att-].att-befor {
	background-color: #8b8b8b;
}

.calender--attendance .app.att-end,
.calender--attendance [class^=att-].att-end {
	background-color: #666;
}

.calender--attendance .app.att-do,
.calender--attendance [class^=att-].att-do {
	background-color: #e4477a;
}

.calender--attendance .app.att-wait,
.calender--attendance [class^=att-].att-wait {
	background-color: #5983c7;
}

.txt-deco {
	margin-bottom: 50px;
	padding: 25px 30px 23px;
	border-radius: 15px;
	border: solid 1px #e8e8e8;
	background-color: #fff;
	gap: 20px;
}

@media (min-width: 750px) {
	.txt-deco {
		display: grid;
		grid-template-columns: 80px auto;
	}
}

.txt-deco > i {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	background-color: #eff3f4;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

@media (max-width: 749px) {
	.txt-deco > i {
		margin: 0 auto 12px;
	}
}

.txt-deco > i i {
	display: block;
}

.txt-deco h3 {
	margin-bottom: 6px;
	font-family: JalnanOTF;
	font-size: 20px;
}

@media (max-width: 749px) {
	.txt-deco h3 {
		font-size: 16px;
		text-align: center;
		margin-top: 12px;
	}
}

.txt-deco__vm {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.calendar-had {
	padding: 20px 0;
	background-color: #f8f9fb;
	text-align: center;
}

.calendar-had .program-subject {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

@media (min-width: 750px) {
	.calendar-had .program-subject {
		font-size: 20px;
	}
}

.calendar-had .date {
	color: #8b8b8b;
}

#photoslide {
	margin-top: -25px;
	padding: 25px 0;
	--swiper-navigation-sides-offset: 25px;
}

#photoslide .swiper-slide {
	width: 320px;
	border-radius: 10px;
	border: solid 1px transparent;
	z-index: 1;
	background-color: #fff;
	transition: padding 0.5s;
	min-height: 185px;
	aspect-ratio: 320/205;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 10px;
}

#photoslide .swiper-slide .photo-slide {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#photoslide .swiper-slide img {
	position: absolute;
	inset: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	vertical-align: top;
}

#photoslide .swiper-slide-active {
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
	z-index: 3;
	border: solid 1px #eee;
	background-color: #fbfbfb;
	padding: 10px;
}

#photoslide .swiper-slide-prev {
	z-index: 2;
}

#photoslide .swiper-slide-next {
	z-index: 2;
}

#photoslide .swiper-button-next,
#photoslide .swiper-button-prev {
	width: 50px;
	height: 50px;
}

#photoslide .swiper-button-next::after,
#photoslide .swiper-button-prev::after {
	display: none;
}

#photoslide .swiper-button-next i,
#photoslide .swiper-button-prev i {
	display: inline-block;
}

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

.url-copy input {
	width: 100%;
}

.url-copy .btn-set {
	margin-bottom: 0;
}

.receipt {
	text-align: center;
}

.receipt .txt {
	padding: 15px 0;
	font-size: 18px;
}

.receipt .name {
	display: inline-block;
	position: relative;
}

.receipt .sign {
	display: inline-block;
	position: relative;
}

.receipt .sign img {
	position: absolute;
	width: 20mm;
	max-width: none;
	transform: translate(-80%, -50%);
	mix-blend-mode: multiply;
}

.box {
	margin: 15px 0 45px;
	padding: 16px 20px;
	border-radius: 15px;
	border: solid 1px rgb(232, 232, 232);
	background-color: rgb(255, 255, 255);
}

.box .bu2:first-child {
	margin-top: 0;
}

.box .bu3:first-child {
	margin-top: 0;
}

.step {
	margin-bottom: 30px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	position: relative;
	color: #e4477a;
	font-weight: bold;
}

@media (max-width: 749px) {
	.step {
		gap: 10px;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 750px) {
	.step::before {
		content: "";
		position: absolute;
		height: 2px;
		left: 10px;
		right: 10px;
		top: calc(50% - 1px);
		background-color: #e4477a;
	}
}

.step li {
	position: relative;
	z-index: 1;
}

.step span {
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 25px;
	border: solid 1px #e4477a;
	background-color: rgb(255, 255, 255);
}

.step2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 28px;
	text-align: center;
	line-height: 1.38;
	font-weight: bold;
}

.step2 li {
	flex-basis: calc((100% - 112px) / 5);
	padding: 10px;
	min-height: 92px;
	border-radius: 15px;
	background-color: rgb(239, 243, 244);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.step2 li.empty {
	opacity: 0;
}

.step2 li + li {
	position: relative;
}

.step2 li + li::before {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	left: -24px;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -506px;
	width: 20px;
	height: 20px;
}

@media (max-width: 749px) {
	.step2 li {
		flex-basis: calc((100% - 28px) / 2);
	}

	.step2 li:nth-child(1) {
		order: 1;
	}

	.step2 li:nth-child(2) {
		order: 2;
	}

	.step2 li:nth-child(3) {
		order: 4;
	}

	.step2 li:nth-child(3)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(4) {
		order: 3;
	}

	.step2 li:nth-child(4)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(5) {
		order: 5;
	}

	.step2 li:nth-child(5)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(6) {
		order: 6;
	}

	.step2 li:nth-child(7) {
		order: 8;
	}

	.step2 li:nth-child(7)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(8) {
		order: 7;
	}

	.step2 li:nth-child(8)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(9) {
		order: 9;
	}

	.step2 li:nth-child(9)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(10) {
		order: 10;
	}

	.step2 li:nth-child(11) {
		order: 12;
	}

	.step2 li:nth-child(11)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(12) {
		order: 11;
	}

	.step2 li:nth-child(12)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(13) {
		order: 13;
	}

	.step2 li:nth-child(13)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(14) {
		order: 14;
	}

	.step2 li:nth-child(15) {
		order: 16;
	}

	.step2 li:nth-child(15)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(16) {
		order: 15;
	}

	.step2 li:nth-child(16)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(17) {
		order: 17;
	}

	.step2 li:nth-child(17)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(18) {
		order: 18;
	}

	.step2 li:nth-child(19) {
		order: 20;
	}

	.step2 li:nth-child(19)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(20) {
		order: 19;
	}

	.step2 li:nth-child(20)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}
}

@media (min-width: 750px) and (max-width: 1200px) {
	.step2 li {
		flex-basis: calc((100% - 56px) / 3);
	}

	.step2 li:nth-child(1) {
		order: 1;
	}

	.step2 li:nth-child(1)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(2) {
		order: 2;
	}

	.step2 li:nth-child(3) {
		order: 3;
	}

	.step2 li:nth-child(4) {
		order: 6;
	}

	.step2 li:nth-child(4)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(5) {
		order: 5;
	}

	.step2 li:nth-child(5)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(6) {
		order: 4;
	}

	.step2 li:nth-child(6)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(7) {
		order: 7;
	}

	.step2 li:nth-child(7)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(8) {
		order: 8;
	}

	.step2 li:nth-child(9) {
		order: 9;
	}

	.step2 li:nth-child(10) {
		order: 12;
	}

	.step2 li:nth-child(10)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(11) {
		order: 11;
	}

	.step2 li:nth-child(11)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(12) {
		order: 10;
	}

	.step2 li:nth-child(12)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(13) {
		order: 13;
	}

	.step2 li:nth-child(13)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(14) {
		order: 14;
	}

	.step2 li:nth-child(15) {
		order: 15;
	}

	.step2 li:nth-child(16) {
		order: 18;
	}

	.step2 li:nth-child(16)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(17) {
		order: 17;
	}

	.step2 li:nth-child(17)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(18) {
		order: 16;
	}

	.step2 li:nth-child(18)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(19) {
		order: 19;
	}

	.step2 li:nth-child(19)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(20) {
		order: 20;
	}
}

@media (min-width: 1201px) {
	.step2 li {
		flex-basis: calc((100% - 112px) / 5);
	}

	.step2 li:nth-child(1) {
		order: 1;
	}

	.step2 li:nth-child(1)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(2) {
		order: 2;
	}

	.step2 li:nth-child(3) {
		order: 3;
	}

	.step2 li:nth-child(4) {
		order: 4;
	}

	.step2 li:nth-child(5) {
		order: 5;
	}

	.step2 li:nth-child(6) {
		order: 10;
	}

	.step2 li:nth-child(6)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(7) {
		order: 9;
	}

	.step2 li:nth-child(7)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(8) {
		order: 8;
	}

	.step2 li:nth-child(8)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(9) {
		order: 7;
	}

	.step2 li:nth-child(9)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(10) {
		order: 6;
	}

	.step2 li:nth-child(10)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(11) {
		order: 11;
	}

	.step2 li:nth-child(11)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(12) {
		order: 12;
	}

	.step2 li:nth-child(13) {
		order: 13;
	}

	.step2 li:nth-child(14) {
		order: 14;
	}

	.step2 li:nth-child(15) {
		order: 15;
	}

	.step2 li:nth-child(16) {
		order: 20;
	}

	.step2 li:nth-child(16)::before {
		left: calc(50% - 10px);
		top: -24px;
		transform: rotate(90deg);
	}

	.step2 li:nth-child(17) {
		order: 19;
	}

	.step2 li:nth-child(17)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(18) {
		order: 18;
	}

	.step2 li:nth-child(18)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(19) {
		order: 17;
	}

	.step2 li:nth-child(19)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}

	.step2 li:nth-child(20) {
		order: 16;
	}

	.step2 li:nth-child(20)::before {
		left: calc(100% + 4px);
		transform: rotate(180deg);
	}
}

.step3 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 15px;
	text-align: center;
	line-height: 1.38;
	font-weight: bold;
	letter-spacing: -0.4px;
}

@media (max-width: 749px) {
	.step3 {
		flex-direction: column;
		align-items: stretch;
	}
}

.step3 li {
	flex-basis: calc((100% - 30px) / 3);
	padding: 10px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	min-height: 77px;
	border-radius: 15px;
	background-color: #5983c7;
	color: #fff;
}

.img-box {
	padding: 20px;
	margin: 20px 0;
	overflow-x: auto;
}

@media (max-width: 749px) {
	.img-box {
		padding: 10px;
	}
}

@media (max-width: 749px) {
	.img-box {
		width: 100vw;
		margin-left: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 749px) {
	.img-box img {
		min-width: 750px;
	}
}

.sign-panel {
	margin-top: 20px;
	width: 860px;
	height: 464px;
	border-radius: 20px;
	border: solid 1px rgb(224, 224, 224);
	background-color: rgb(255, 255, 255);
}

.a4-certificate {
	position: relative;
	padding: 48px;
	border-radius: 20px;
	border: solid 2px #e4477a;
	font-family: SUIT;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: normal;
	color: #272626;
}

.a4-certificate .bg {
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.a4-certificate .t0 {
	height: 22px;
	margin: 0 15px 76px 0;
	font-family: SUIT;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-align: left;
	color: #272626;
}

.a4-certificate .t1 {
	margin: 76px 0 65px;
	font-family: SUIT;
	font-size: 72px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.33;
	letter-spacing: normal;
	text-align: center;
	color: #272626;
}

.a4-certificate .t2 {
	margin: 0 auto;
	display: grid;
	grid-template-columns: auto 410px;
	justify-content: start;
	gap: 8px;
	max-width: 520px;
}

.a4-certificate .t3 {
	margin: 86px 0;
	text-align: center;
}

.a4-certificate .t3--type2 {
	margin: 40px 0;
}

.a4-certificate .t4 {
	margin: 60px 0;
	text-align: center;
}

/*.a4-certificate .t5 {
position: relative;
margin: 0 auto;
width: 125px;
text-align: center;
}
.a4-certificate .t5 .l {
letter-spacing: 30px;
}
.a4-certificate .t5 span {
position: relative;
z-index: 1;
}
.a4-certificate .t5 img {
position: absolute;
left: 100px;
top: 0px;
}*/

.a4-certificate .t5 {
	position: relative;
	margin: 20px auto;
	/* 위 아래 여백 조정 */
	width: 100%;
	text-align: center;
	white-space: nowrap;
	/* 텍스트 줄 바꿈 방지 */
}

.a4-certificate .t5 .l {
	font-size: 46px;
	/* 글자 크기 조정 */
}

.a4-certificate .t5 .l::after {
	content: " ";
	/* 추가한 띄어쓰기 */
}

.a4-certificate .t5 span {
	position: relative;
	font-size: 46px;
	/* 글자 크기 조정 */
	z-index: 1;
}

.a4-certificate .t5 img {
	position: absolute;
	right: 30px;
	top: 0px;
}

.c401-1 {
	position: relative;
	margin-bottom: 25px;
}

.c401-1 img {
	display: block;
	border-radius: 10px;
	background-color: #e2eef1;
}

@media (max-width: 749px) {
	.c401-1 img {
		padding-top: 40px;
	}
}

.c401-1 p {
	position: absolute;
	top: 11.9%;
	left: 0;
	width: 100%;
	text-align: center;
}

.c401-1 p strong {
	display: block;

	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: -1.05px;
	color: #3e956f;
}

@media (min-width: 750px) {
	.c401-1 p strong {
		font-size: 32px;
	}
}

@media (min-width: 1200px) {
	.c401-1 p strong {
		font-size: 42px;
	}
}

.c401-1 p em {
	display: block;
	margin-top: 6px;
	font-family: SUIT;
	line-height: 1.5;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.5px;
	color: #000;
}

@media (min-width: 750px) {
	.c401-1 p em {
		font-size: 20px;
	}
}

@media (max-width: 749px) {
	.c401-1 p em {
		line-height: 1.3125;
	}
}

.c401-2 p + p {
	margin-top: 1rem;
}

.c401-2 strong {
	font-weight: 800;
}

.c401-3 {
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	display: grid;
}

@media (min-width: 750px) {
	.c401-3 {
		margin-top: 75px;
		grid-template-columns: repeat(3, 1fr);
		gap: 4.6875%;
	}
}

@media (max-width: 749px) {
	.c401-3 {
		margin-top: 45px;
		grid-template-columns: repeat(1, 1fr);
		gap: 25px;
	}
}

.c401-3 dl {
	flex-grow: 1;
}

.c401-3 dt {
	margin-bottom: 12px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 10px;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -0.6px;
	text-align: center;
	color: #e4477a;
	border: 1px solid #e4477a;
	border-radius: 60px;
	min-height: 60px;
}

@media (max-width: 749px) {
	.c401-3 dt {
		font-size: 18px;
		min-height: 52px;
	}
}

.c401-3 dt::before {
	content: "";
	position: absolute;
	left: calc(50% - 5px);
	bottom: -5px;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #e4477a;
}

.c401-3 p {
	font-weight: bold;
	text-align: center;
}

.c401-3 ul {
	margin: 16px 20px 0;
}

.c401-4 {
	margin-top: 70px;
	padding: 30px;
	border-radius: 30px;
	border: solid 1px #e4477a;
}

@media (max-width: 749px) {
	.c401-4 {
		margin-top: 45px;
		padding: 20px;
	}
}

.c401-4 .bu2 {
	margin-top: 0;
}

@media (max-width: 749px) {
	.c401-4 .bu2 {
		font-size: 17px;
	}
}

.c401-4 ol {
	margin: 20px 0 0;
	padding: 30px 65px 29px 30px;
	border-radius: 30px;
	background-color: rgb(248, 248, 248);
}

@media (max-width: 749px) {
	.c401-4 ol {
		margin-top: 0;
		padding: 24px;
	}
}

.c401-4__item {
	display: grid;
}

@media (min-width: 750px) {
	.c401-4__item {
		grid-template-columns: 100px 250px auto;
		gap: 4.6875%;
		min-height: 160px;
	}
}

@media (min-width: 750px) and (max-width: 1199px) {
	.c401-4__item {
		grid-template-columns: 100px 180px auto;
	}
}

@media (max-width: 749px) {
	.c401-4__item {
		grid-template-columns: 90px auto;
		gap: 0 16px;
	}

	.c401-4__item + .c401-4__item {
		margin-top: 20px;
	}
}

.c401-4__item:last-child {
	min-height: inherit;
}

.c401-4__item i {
	display: block;
}

@media (max-width: 749px) {
	.c401-4__item i {
		transform: scale(0.9);
		transform-origin: left top;
	}
}

.c401-4__i2 {
	padding-top: 8px;

	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	text-align: left;
	color: rgb(0, 0, 0);
}

@media (max-width: 749px) {
	.c401-4__i2 {
		padding-top: 4px;
	}
}

@media (min-width: 750px) {
	.c401-4__i2 {
		font-size: 18px;
		line-height: 1.67;
	}
}

.c401-4__i2 em {
	display: block;
	font-weight: bold;
	color: #e4477a;
}

@media (min-width: 750px) {
	.c401-4__i2 em {
		font-size: 24px;
	}
}

.c401-4__i2 strong {
	display: block;
	line-height: 1.33;
	font-weight: 500;
}

.c401-4__i3 {
	padding-top: 8px;
}

@media (max-width: 749px) {
	.c401-4__i3 {
		padding-top: 4px;
		grid-area: 2/1/2/3;
	}
}

@media (max-width: 749px) {
	.c401-4__i3 .list-dash {
		margin-left: 0;
	}
}

.step-dl {
	display: grid;
}

@media (min-width: 750px) {
	.step-dl {
		grid-template-columns: repeat(4, 1fr);
		gap: 40px;
	}
}

@media (max-width: 749px) {
	.step-dl {
		grid-template-columns: repeat(2, 1fr);
		gap: 33px;
	}

	.step-dl li:nth-child(3) {
		order: 4;
	}

	.step-dl li:nth-child(3)::before {
		top: -27px;
		left: calc(50% - 10px);
		transform: rotate(90deg);
	}

	.step-dl li:nth-child(4) {
		order: 3;
	}

	.step-dl li:nth-child(4)::before {
		left: calc(100% + 6px);
		transform: rotate(180deg);
	}
}

.step-dl li + li {
	position: relative;
}

.step-dl li + li::before {
	content: "";
	position: absolute;
	top: 53px;
	left: -30px;
	width: 20px;
	height: 20px;
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/step-dl-arr.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.step-dl li + li::before {
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/step-dl-arr@2x.png");
	}
}

.step-dl dl {
	border-radius: 15px;
	overflow: hidden;
}

.step-dl dt {
	color: #fff;
	font-weight: bold;
	padding: 17px 20px;
	background-color: #429772;
	line-height: 1;
	text-align: center;
}

.step-dl dd {
	padding: 16px 20px;
	background-color: rgb(239, 243, 244);
}

@media (min-width: 750px) {
	.history__item {
		display: grid;
		grid-template-columns: 144px auto;
		gap: 44px;
	}
}

.history__year {
	margin-top: 3px;

	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: -0.75px;
	text-align: left;
	color: rgb(0, 0, 0);
	position: relative;
}

@media (min-width: 750px) {
	.history__year {
		font-size: 30px;
	}
}

@media (max-width: 749px) {
	.history__year {
		padding-bottom: 40px;
	}
}

.history__year::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #e4477a;
}

@media (min-width: 750px) {
	.history__year::after {
		right: 0;
		top: 2px;
	}
}

@media (max-width: 749px) {
	.history__year::after {
		left: 0;
		top: 31px;
	}
}

.history__year::before {
	content: "";
	position: absolute;
}

@media (min-width: 750px) {
	.history__year::before {
		top: 11px;
		width: 44px;
		left: 100%;
		border-top: 1px solid #e4477a;
	}
}

@media (max-width: 749px) {
	.history__year::before {
		top: 51px;
		left: 10px;
		border-left: 1px solid #e4477a;
		height: 20px;
	}
}

.history__year-item > dl {
	position: relative;
	padding-left: 22px;
	display: grid;
	grid-template-columns: 50px auto;
	line-height: 1.88;
}

@media (min-width: 750px) {
	.history__year-item > dl {
		padding-bottom: 30px;
	}
}

@media (max-width: 749px) {
	.history__year-item > dl {
		padding-bottom: 20px;
		margin-left: 4px;
	}
}

.history__year-item > dl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	border: 1px solid #e4477a;
	z-index: 1;
	background-color: #fff;
}

.history__year-item > dl::after {
	content: "";
	position: absolute;
	top: 9px;
	left: 6px;
	height: 100%;
	border-left: 1px solid #e4477a;
}

.history__year-item > dl:last-child::after {
	display: none;
}

.history__year-item dd {
	position: relative;
}

.history__year-item dd::before {
	content: " - ";
	position: absolute;
	left: -16px;
	top: 0px;
}

.box-con1 {
	padding: 26px 30px;
	border-radius: 15px;
	background-color: rgb(241, 246, 247);
}

@media (max-width: 749px) {
	.box-con1 {
		padding: 20px;
	}
}

.box-con1__title {
	margin-bottom: 16px;
	font-family: JalnanOTF;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
}

@media (max-width: 749px) {
	.box-con1__title {
		font-size: 17px;
	}
}

.box-con1__title em {
	color: rgb(67, 150, 113);
}

.box-con1 p + p {
	margin-top: 1rem;
}

.dl-img-list {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

@media (max-width: 749px) {
	.dl-img-list {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
}

.dl-img-list li {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

@media (max-width: 749px) {
	.dl-img-list li {
		grid-template-columns: repeat(1, 1fr);
		gap: 4px;
	}
}

.dl-img-list dt {
	line-height: 1;
	padding: 12px 0;
}

@media (min-width: 750px) {
	.dl-img-list dt {
		font-size: 18px;
	}
}

.dl-img-list dd em {
	color: #e4477a;
}

.table-deco {
	margin-top: 14px;
	color: #e4477a;
}

.c200032 {
	display: grid;
	grid-template-columns: 50% 35.2272727273% auto;
}

@media (max-width: 749px) {
	.c200032 {
		grid-template-columns: 1fr;
	}
}

.c200032__i1 {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.c200032__i1 p {
	margin: 0 !important;
	padding: 8px;
	border-radius: 50px;
	border: solid 1px #e4477a;
	background-color: rgb(241, 246, 247);
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.22;
	text-align: center;
	color: #e4477a;
}

@media (min-width: 750px) {
	.c200032__i1 p {
		font-size: 18px;
	}
}

.c200032__i2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	text-align: center;
	line-height: 1.4;
}

@media (min-width: 750px) {
	.c200032__i2 span {
		position: relative;
		padding-bottom: 5px;
		flex-grow: 1;
		display: block;
		border-bottom: 1px solid #e4477a;
		z-index: 1;
		transform: translateY(-13px);
		color: #439671;
	}

	.c200032__i2 span::before {
		content: "";
		width: 15px;
		height: 15px;
		border-radius: 15px;
		position: absolute;
		left: -8px;
		bottom: -8px;
		background-color: #e4477a;
	}

	.c200032__i2 span::after {
		content: "";
		width: 7px;
		height: 7px;
		border-radius: 7px;
		position: absolute;
		right: -4px;
		bottom: -4px;
		background-color: #e4477a;
	}
}

@media (max-width: 749px) {
	.c200032__i2 {
		text-align: left;
	}

	.c200032__i2 span {
		margin-left: 50%;
		padding: 15px;
		padding-left: 15px;
		position: relative;
		display: block;
		z-index: 1;
		color: #439671;
		border-left: 1px solid #e4477a;
	}

	.c200032__i2 span::before {
		content: "";
		width: 15px;
		height: 15px;
		border-radius: 15px;
		position: absolute;
		left: -8px;
		top: -8px;
		background-color: #e4477a;
	}

	.c200032__i2 span::after {
		content: "";
		width: 7px;
		height: 7px;
		border-radius: 7px;
		position: absolute;
		left: -4px;
		bottom: -4px;
		background-color: #e4477a;
	}
}

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

.c200032__circle {
	width: 100%;
	font-family: JalnanOTF;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-align: center;
	aspect-ratio: 1/1;
	border-radius: 200px;
	background-color: #429772;
	font-size: 15px;
}

@media (min-width: 1200px) {
	.c200032__circle {
		font-size: 18px;
	}
}

@media (max-width: 749px) {
	.c200032__circle {
		max-width: 130px;
		margin: 0 auto;
	}
}

.c200025 {
	border: 24px solid transparent;
	border-image: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/200025-pattern@2x.png) 120 round;
	border-image-width: 40px;
}

@media (min-width: 750px) {
	.c200025 {
		border-width: 75px;
		padding-left: 5px;
		padding-right: 5px;
		border-image-width: 60px;
	}
}

.c200025 li {
	padding: 20px 22px;
	border-radius: 30px;
	background-color: #f1f6f7;
}

.c200025 li + li {
	margin-top: 10px;
}

@media (min-width: 750px) {
	.c200025 li + li {
		margin-top: 30px;
	}
}

@media (min-width: 750px) {
	.c200025 li {
		padding-left: 30px;
		padding-right: 30px;
		display: grid;
		grid-template-columns: 100px auto;
		gap: 34px;
		font-size: 20px;
	}
}

.c200025 li:nth-child(odd) {
	background-color: #f8f8f8;
}

.c200025 .num {
	display: block;
	text-align: center;
}

.c200025 .num img {
	width: 68px;
}

@media (min-width: 750px) {
	.c200025 .num img {
		width: 100px;
	}
}

.c200025 p {
	font-weight: bold;
}

.c200025 strong {
	display: block;
	color: #e4477a;
}

.c200018-1 {
	display: flex;
	align-items: flex-start;
	text-align: center;
	flex-wrap: wrap;
	gap: 10px 0;
}

.c200018-1 li {
	flex-basis: 184px;
}

.labeling-ico {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	height: 1rem;
}

.labeling-ico img {
	position: absolute;
	left: 0;
	top: -9px;
	max-width: inherit;
}

.privacy-history {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 10px;
}

@media (min-width: 750px) {
	.privacy-history {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

.privacy-history a {
	font-weight: bold;
	display: block;
	padding: 14px 20px;
	border-radius: 5px;
	border: solid 1px rgb(221, 221, 221);
}

.c200026 {
	text-align: center;
	background: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/200026-bg.jpg) center 0 no-repeat;
	padding: 52px 10px 0;
	border-radius: 30px;
}

@media (max-width: 749px) {
	.c200026 {
		background-size: 100%;
	}
}

@media (min-width: 750px) {
	.c200026 {
		padding: 232px 30px 0;
	}
}

.c200026 h3 {
	font-family: JalnanOTF;
	font-size: 17px;
	line-height: 1;
	letter-spacing: -0.5px;
}

@media (min-width: 750px) {
	.c200026 h3 {
		font-size: 20px;
	}
}

.c200026 .vline {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 1px;
	background-color: #e4477a;
}

.c200026 .vline::before,
.c200026 .vline::after {
	content: "";
	position: absolute;
	background-color: #e4477a;
}

.c200026 .vline::before {
	top: -8px;
	margin-left: -8px;
	width: 15px;
	height: 15px;
	border-radius: 15px;
}

.c200026 .vline::after {
	bottom: 0;
	margin-left: -4px;
	width: 7px;
	height: 7px;
	border-radius: 7px;
}

.c200026 .i1 {
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(228, 71, 122);
	background-color: rgba(255, 255, 255, 0.35);
	padding: 26px;
	padding-bottom: 17px;
	border-radius: 300px;
	--h: 90px;
	margin-bottom: var(--h);
}

@media (max-width: 749px) {
	.c200026 .i1 {
		--h: 40px;
		padding: 17px 17px 11px;
	}
}

.c200026 .i1 p {
	font-weight: bold;
	letter-spacing: -0.6px;
	line-height: 1.5;
}

@media (max-width: 749px) {
	.c200026 .i1 p {
		margin-top: 2px;
	}
}

@media (min-width: 750px) {
	.c200026 .i1 p {
		margin-top: 15px;
		font-size: 24px;
	}
}

.c200026 .i1 strong {
	letter-spacing: -0.75px;
}

@media (max-width: 749px) {
	.c200026 .i1 strong {
		font-size: 18px;
		display: block;
	}
}

@media (min-width: 750px) {
	.c200026 .i1 strong {
		font-size: 30px;
	}
}

.c200026 .i1 .vline {
	height: var(--h);
}

.c200026 .i1 .vline::after {
	bottom: -5px;
}

.c200026 .i2 {
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(228, 71, 122);
	background-color: rgba(255, 255, 255, 0.35);
	padding: 26px;
	padding-bottom: 17px;
	border-radius: 30px;
	margin-bottom: 90px;
}

@media (max-width: 749px) {
	.c200026 .i2 {
		margin-bottom: 38px;
	}
}

.c200026 .i2 ul {
	margin-top: 20px;

	font-weight: bold;
	line-height: 1.25;
	color: #e4477a;
}

@media (min-width: 750px) {
	.c200026 .i2 ul {
		font-size: 24px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}
}

.c200026 .i2 .ico {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.c200026 .i2 .ico i {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 60px;
}

.c200026 .i2 .c200026-ico1 {
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/c200026-ico1.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.c200026 .i2 .c200026-ico1 {
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/c200026-ico1@2x.png");
	}
}

.c200026 .i2 .c200026-ico2 {
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/c200026-ico2.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.c200026 .i2 .c200026-ico2 {
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/c200026-ico2@2x.png");
	}
}

.c200026 .i2 .c200026-ico3 {
	background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/c200026-ico3.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.c200026 .i2 .c200026-ico3 {
		background-image: url("https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/c200026-ico3@2x.png");
	}
}

.c200026 .i2 .txt {
	display: block;
}

@media (max-width: 749px) {
	.c200026 .i2 .txt {
		margin: 8px 0;
	}
}

@media (min-width: 750px) {
	.c200026 .i2 .txt {
		margin-top: 8px;
	}
}

.c200026 .i2 .vline {
	height: 141px;
}

@media (max-width: 749px) {
	.c200026 .i2 .vline {
		height: 75px;
		z-index: 2;
	}
}

.c200026 .i3 h3 {
	background-color: #fff;
	position: relative;
	z-index: 3;
}

@media (max-width: 749px) {
	.c200026 .i3 ul {
		margin-top: 15px;
	}
}

@media (min-width: 750px) {
	.c200026 .i3 ul {
		position: relative;
		margin-top: 70px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 13px;
	}

	.c200026 .i3 ul::before {
		content: "";
		position: absolute;
		top: -44px;
		left: calc((100% - 39px) / 4 / 2);
		width: calc(100% - (100% - 39px) / 4);
		height: 1px;
		border-top: 1px solid #e4477a;
	}
}

.c200026 .i3 li {
	position: relative;
}

.c200026 .i3 li .vline {
	top: -44px;
	height: 44px;
	transform: rotate(180deg);
}

@media (max-width: 749px) {
	.c200026 .i3 li .vline {
		display: none;
	}
}

.c200026 .i3 li .vline::after {
	display: none;
}

.c200026 .i3 dt {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(228, 71, 122);
	background-color: rgb(255, 255, 255);
	z-index: 7;
	border-radius: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media (max-width: 749px) {
	.c200026 .i3 dt {
		height: 70px;
	}
}

@media (min-width: 750px) {
	.c200026 .i3 dt {
		height: 84px;
	}
}

.c200026 .i3 dt em {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.222;
}

.c200026 .i3 dt span {
	color: rgb(117, 117, 117);
	line-height: 1.375;
}

.c200026 .i3 dd {
	line-height: 1.444;
}

@media (max-width: 749px) {
	.c200026 .i3 dd {
		padding: 8px 0 13px;
	}
}

@media (min-width: 750px) {
	.c200026 .i3 dd {
		margin-top: 15px;
		font-size: 18px;
	}
}

.c200026 .i3 .num {
	color: rgb(228, 71, 122);
}

.opentype ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dadada;
}

@media (max-width: 749px) {
	.opentype ul {
		grid-template-columns: 1fr;
		gap: 15px;
	}
}

.opentype li strong {
	display: block;
	font-size: 18px;
}

@media (min-width: 750px) {
	.opentype li strong {
		margin-bottom: 15px;
	}
}

.opentype li img {
	height: 60px;
}

.opentype blockquote {
	padding: 15px 20px;
	margin: 15px -20px;
	background-color: #fbfbfb;
}

.img-list {
	margin-top: 45px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

@media (max-width: 749px) {
	.img-list {
		margin-top: 20px;
		grid-template-columns: repeat(2, 1fr);
	}
}

.img-list .name {
	display: block;
	font-weight: bold;
	line-height: 1;
}

@media (max-width: 749px) {
	.img-list .name {
		margin: 10px 4px;
	}
}

@media (min-width: 750px) {
	.img-list .name {
		margin: 18px 8px;
		font-size: 18px;
	}
}

.app-list {
	margin-top: 50px;
}

.app-list > ul {
	display: grid;
	gap: 30px;
}

.app-list > ul > li {
	display: grid;
	grid-template-columns: 46.6666666667% auto;
	gap: 30px;
}

@media (max-width: 749px) {
	.app-list > ul > li {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

.app-list > ul .list-dot {
	margin-bottom: 20px;
}

.app-list__img img {
	border-radius: 8px;
}

.app-list__body .title {
	display: inline-block;
	margin-left: 8px;
	font-size: 18px;
	font-weight: bold;
}

.app-list__body a {
	display: inline-block;
	padding: 8px 22px 4px;
	background-color: #666;
	border-radius: 17.5px;

	font-size: 15px;
	font-weight: 500;
	color: #fff;
}

.app-list__body a:hover,
.app-list__body a:focus {
	outline-color: #fff;
}

.app-list .list-dot {
	margin-top: 15px;
	color: #6b6b6b;
}

.app-list .list-dot li {
	margin: 3px 0;
}

.round-5 {
	border-radius: 5px;
}

.barchart {
	height: 546px;
	background-color: #f8f9fb;
}

.a4-receipt {
	font-family: "Noto Serif KR", serif;
	font-weight: 400;
	font-style: normal;
	border: 1px solid #000;
	padding: 4mm;
}

.a4-receipt + .a4-receipt {
	margin-top: 5mm;
}

.a4-receipt__badge {
	text-align: right;
	font-size: 12pt;
}

.a4-receipt .t0 {
	font-size: 19pt;
	text-align: center;
}

.a4-receipt .t1 {
	margin: 5mm 0;
	font-size: 12pt;
}

.a4-receipt .tableA {
	text-align: center;
}

.a4-receipt .tableA th,
.a4-receipt .tableA td {
	border: 1px solid #000;
	padding: 1.5mm 0;
}

.a4-receipt .tableA th {
	font-weight: bold;
}

.a4-receipt .txt {
	margin: 5mm 0;
	line-height: 1.6;
}

.a4-receipt .sign {
	margin: 3mm 0;
	text-align: right;
	font-size: 18pt;
}

.faq {
	border-top: 2px solid #6db797;
}

.faq dl {
	border-bottom: 1px solid #dadada;
}

.faq dt button,
.faq dt .toggle-list__title,
.faq dt .sets {
	position: relative;
	width: 100%;
	padding-left: 20px;
	padding-right: 40px;
	text-align: left;
	display: block;
	min-height: 70px;
	font-weight: bold;
}

.faq dt button::after,
.faq dt .toggle-list__title::after,
.faq dt .sets::after {
	content: "";
	position: absolute;
	background-image: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -296px;
	width: 28px;
	height: 28px;
	right: 20px;
	top: calc(50% - 9px);
	transition: all 0.5s;
}

@media (max-width: 749px) {

	.faq dt button::after,
	.faq dt .toggle-list__title::after,
	.faq dt .sets::after {
		right: 10px;
	}
}

.faq dt.open {
	background: #fff;
}

.faq dt.open button::after,
.faq dt.open .toggle-list__title::after,
.faq dt.open .sets::after {
	transform: rotate(180deg);
	transform-origin: 50%;
}

.faq dt.open + dd {
	display: block;
}

.faq dd {
	display: none;
	position: relative;
	border-top: 1px solid #dadada;
	padding: 18px 15px 18px 61px;
	text-indent: -20px;
	padding-right: 15px;
	min-height: 70px;
	background-color: #fbfbfb;
}

.faq dd:last-child {
	border-bottom-width: 0;
}

@media (max-width: 749px) {
	.faq dd {
		padding-left: 40px;
		padding-right: 5px;
	}
}

.sitemap button,
.sitemap .toggle-list__title {
	position: relative;
	width: 100%;
	padding: 16px 48px 16px 20px;
	border-radius: 5px;
	border: solid 1px #ddd;
	background-color: #fbfbfb;
	font-weight: bold;
	text-align: left;
	color: #101010;
}

.sitemap button::after,
.sitemap .toggle-list__title::after {
	content: "";
	background-image: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -296px;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 20px;
	top: calc(50% - 14px);
	transition: all 0.5s;
	transform: rotate(0deg);
}

.sitemap dd {
	display: none;
}

.sitemap .active {
	background: #fff;
}

.sitemap .active button::after,
.sitemap .active .toggle-list__title::after,
.sitemap .active .sets::after {
	transform: rotate(180deg);
	transform-origin: 50%;
}

.sitemap .active dd {
	display: block;
}

.sitemap a[target=_blank]::after {
	content: "";
	background-image: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/sprite-sub.png);
	background-position: -337px -258px;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-left: 12px;
}

.sitemap__depth1 {
	margin-bottom: 30px;
}

.sitemap__depth2 {
	margin: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

@media (max-width: 749px) {
	.sitemap__depth2 > li {
		flex-basis: 100%;
	}
}

@media (min-width: 750px) {
	.sitemap__depth2 > li {
		flex-basis: 33%;
	}
}

@media (min-width: 1200px) {
	.sitemap__depth2 > li {
		flex-basis: 20%;
	}
}

.sitemap__depth2 > li > a {
	font-weight: bold;
	text-align: left;
	color: #101010;
}

.sitemap__depth3 > li > a {
	font-weight: 500;
	color: #6b6b6b;
}

.sitemap__depth3 > li > a > * {
	text-indent: 0;
}

.sitemap__depth3 > li > a::before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: rgb(147, 147, 147);
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
	transform: translateY(-1px);
}

.sitemap__depth4 {
	margin-left: 10px;
}

.sitemap__depth4 > li > a {
	font-weight: 500;
	color: #6b6b6b;
}

.sitemap__depth4 > li > a > * {
	text-indent: 0;
}

.sitemap__depth4 > li > a::before {
	content: "";
	width: 4px;
	height: 1px;
	background-color: rgb(147, 147, 147);
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
	transform: translateY(-1px);
}

.toggle-list button,
.toggle-list .toggle-list__title {
	position: relative;
	width: 100%;
	padding: 16px 48px 16px 20px;
	border-radius: 5px;
	border: solid 1px #ddd;
	background-color: #fbfbfb;
	font-weight: bold;
	text-align: left;
	color: #101010;
}

.toggle-list button::after,
.toggle-list .toggle-list__title::after {
	content: "";
	background-image: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/sprite-sub.png);
	background-position: -610px -296px;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 20px;
	top: calc(50% - 14px);
	transition: all 0.5s;
	transform: rotate(0deg);
}

.toggle-list__title::after {
	display: none;
}

.toggle-list dd {
	display: none;
}

.toggle-list .active {
	background: #fff;
}

.toggle-list .active button::after,
.toggle-list .active .toggle-list__title::after,
.toggle-list .active .sets::after {
	transform: rotate(180deg);
	transform-origin: 50%;
}

.toggle-list .active dd {
	display: block;
}

.toggle-list a[target=_blank]::after {
	content: "";
	background-image: url(https://lifestudy.yangcheon.go.kr/static/lifeStudy/img/sprite-sub.png);
	background-position: -337px -258px;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-left: 12px;
}

.toggle-list > ol > li {
	margin-bottom: 30px;
}

.toggle-list > ol > li > dl > dd {
	padding: 16px 20px;
	line-height: 1.88;
}

@media (max-width: 749px) {
	.toggle-list > ol > li > dl > dd {
		padding: 16px 0;
	}
}

.toggle-list .list-dot {
	margin-left: 11px;
	color: #6b6b6b;
}

.agree_flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.agree_flex .chk {
	display: flex;
	gap: 20px;
}


.speech-bubble {
	position: relative;
	background: #DB1313;
	border-radius: 5px;
	display: inline-block;
	padding: 2px 10px;
	animation: moveLeftRight 2s ease-in-out infinite;
	font-size: 15px;
	color: #fff;
}

.speech-bubble::after {
	content: "";
	position: absolute;
	top: 50%;
	left: -17px;
	transform: translateY(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: transparent #DB1313 transparent transparent;
}

.exp_timeout_wrap {
	margin-bottom: 20px;
	padding: 26px 25px 30px 35px;
	border-radius: 15px;
	border: solid 1px #eee;
	background-color: #f8f9fb;
}

.exp_timeout_wrap dl {}

.exp_timeout_wrap h3 {}

.exp_timeout_wrap ul li .day {
	font-weight: 900;
}

.exp_timeout_wrap .exp {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	margin-top: 10px;
}


.video_popup {
	display: none;
	position: fixed;
	z-index: 10001;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	overflow: hidden;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
	width: 95%;
	max-width: 900px;
}

.video_popup .video_pop_top {
	background-color: #333;
	color: #fff;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.video_popup .video_pop_top .btn_close {
	background-color: #666;
	color: #fff;
	padding: 5px 10px;
}

.video_popup video {
	max-width: 100%;
	height: auto;
	display: block;
}

.video_popup .close-btn {
	padding: 8px 15px;
	background: #444;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.overlays {
	display: none;
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}

.video_map_wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.video_map_wrap.mo {
	display: none;
}

.video_map_wrap .link_video {
	display: inline-block;
	background-color: #e4477a;
	padding: 10px 25px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}

.video_map_wrap .link_video.map {
	display: none;
}

.video_map_wrap .link_video .top {
	display: block;
}

.video_map_wrap .top_movie {
	display: none
}

@media screen and (max-width:560px) {
	.video_map_wrap {
		display: block;
	}

	.video_map_wrap.web {
		display: none;
	}

	.video_map_wrap.mo {
		display: block;
	}

	.video_map_wrap .link_video {
		display: block;
		margin-bottom: 10px;
	}

	.video_map_wrap .link_video .top {
		display: none;
	}

	.video_map_wrap .top_movie {
		display: block;
		background-color: #e4477a;
		padding: 10px 25px;
		border-radius: 5px;
		color: #fff;
		text-align: center;
		margin-bottom: 10px;
	}

	.video_map_wrap .link_video {
		background-color: #666666;
	}

	.video_map_wrap .link_video.map {
		display: block;
		background-color: #679621;
	}

	.maps_web {
		display: none;
	}
}



.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

@keyframes moveLeftRight {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(10px);
	}

	100% {
		transform: translateX(0);
	}
}