.people-modal-section {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0.8rem 0 0.86rem;

}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.people-modal-section {
		margin: 0.74rem 0;

}
	}
.people-modal-section .container{
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 0.8rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.people-modal-section .container{
			gap: 0.4rem;
	}
		}
.people-modal-section .intro-people-modal-wrap{
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		gap: 0.4rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.people-modal-section .intro-people-modal-wrap{
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-start;
	}
		}
:is(.people-modal-section .intro-people-modal-wrap) .title {
			position: relative;
			display: block;
			width: 4.32rem;
			color: var(--blue);
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.people-modal-section .intro-people-modal-wrap) .title {
				width: 100%;
		}
			}
:is(:is(.people-modal-section .intro-people-modal-wrap) .title) span {
				color: var(--orange);
			}
:is(.people-modal-section .intro-people-modal-wrap) .text {
			position: relative;
			display: block;
			width: 5.67rem;
			color: var(--blue);
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.people-modal-section .intro-people-modal-wrap) .text {
				width: 100%;
		}
			}
.people-modal-section .people-modal-list-wrap {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
	}
.is-slider-inactive:is(.people-modal-section .people-modal-list-wrap) {
			visibility: visible;
		}
.is-slider-inactive:is(.people-modal-section .people-modal-list-wrap) .splide__track {
				overflow: visible;
			}
:is(.is-slider-inactive:is(.people-modal-section .people-modal-list-wrap) .splide__track) .splide__list {
					position: relative;
					display: flex;
					flex-direction: row;
					align-items: stretch;
					justify-content: space-between;
					flex-wrap: wrap;
					gap: 0.2rem;
				}
:is(:is(.is-slider-inactive:is(.people-modal-section .people-modal-list-wrap) .splide__track) .splide__list) .splide__slide.people-modal-item {
						width: calc((100% - 0.64rem) / 4);
					}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.is-slider-inactive:is(.people-modal-section .people-modal-list-wrap) .splide__track) .splide__list) .splide__slide.people-modal-item {
							width: 100%;
					}
						}
:is(.people-modal-section .people-modal-list-wrap) .splide__track {
			overflow: visible;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.people-modal-section .people-modal-list-wrap) .splide__track {
				width: 2.98rem;
		}
			}
:is(.people-modal-section .people-modal-list-wrap) .people-modal-item {
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-start;
			gap: 0.15rem;
			width: 100%;
			height: auto;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.people-modal-section .people-modal-list-wrap) .people-modal-item {
				width: 100%;
		}
			}
:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .image-info-wrap {
				position: relative;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				gap: 0.15rem;
				width: 100%;
				flex: 1;
				
			}
:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .image-info-wrap) .image-wrap {
					position: relative;
					display: flex;
					width: 100%;
					aspect-ratio: 305/345;
					overflow: hidden;
					border-radius: 0.32rem;
					cursor: pointer;
				}
:is(:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .image-info-wrap) .image-wrap):hover .flip-text-wrap {
							opacity: 1;
							visibility: visible;
						}
:is(:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .image-info-wrap) .image-wrap) img {
						position: absolute;
						z-index: 1;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						object-fit: contain;
					}
:is(:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .image-info-wrap) .image-wrap) .flip-text-wrap {
						position: absolute;
						top: 0;
						left: 0;
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						justify-content: flex-end;
						gap: 0.15rem;
						width: 100%;
						height: 100%;
						z-index: 3;
						padding: 0.24rem;
						opacity: 0;
						visibility: hidden;
						transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
					}
:is(:is(:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .image-info-wrap) .image-wrap) .flip-text-wrap) .background-flip-text {
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background-color: var(--blue);
							opacity: 0.9;
						}
:is(:is(:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .image-info-wrap) .image-wrap) .flip-text-wrap) .flip-text-item {
							position: relative;
							display: flex;
							flex-direction: column;
							justify-content: space-between;
							height: 100%;
							z-index: 4;
							color: var(--white);
							padding-right: 0.24rem;
						}
:is(:is(:is(:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .image-info-wrap) .image-wrap) .flip-text-wrap) .flip-text-item) span {
								font-size: 1.6rem;
								line-height: 80%;
								letter-spacing: -0.02em;
								font-weight: 700;
							}
:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .image-info-wrap) .info-wrap {
					position: relative;
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					justify-content: flex-start;
					gap: 0rem;
					width: 100%;
				}
:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .social-link-wrap {
				position: relative;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: flex-start;
				width: 100%;
			}
:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .social-link-wrap) .social-link-item {
					position: relative;
					display: flex;
					width: 0.24rem;
					height: 0.24rem;		
				}
:is(:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .social-link-wrap) .social-link-item):hover svg {
							fill: var(--orange);
						}
@media screen and (max-width: 768px) and (orientation: portrait) {
							:is(:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .social-link-wrap) .social-link-item):hover svg {
								fill: var(--blue);
							}
						}
:is(:is(:is(:is(.people-modal-section .people-modal-list-wrap) .people-modal-item) .social-link-wrap) .social-link-item) svg {
						width: 100%;
						height: 100%;
						fill: var(--blue);
						transition: fill 0.4s ease-in-out;
						pointer-events: none;
					}
.is-slider-active:is(.people-modal-section .people-modal-list-wrap) .custom-arrow-navigation {
				display: flex;
			}
:is(.people-modal-section .people-modal-list-wrap) .custom-arrow-navigation {
			position: relative;
			display: none;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			width: 100%;
			margin-top: 0.4rem;
			gap: 0.2rem;
		}
:is(:is(.people-modal-section .people-modal-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 0.56rem;
				height: 0.56rem;
				background-color: var(--blue);
				border-radius: 50%;
				border: none;
				cursor: pointer;
				transition: background-color 0.4s ease-in-out;
				border: 1px solid var(--blue);
			}
.next:is(:is(:is(.people-modal-section .people-modal-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button) {
					transform: rotate(180deg);
				}
:is(:is(:is(.people-modal-section .people-modal-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button):disabled {
					background-color: var(--white);
					cursor: not-allowed;
				}
:is(:is(:is(.people-modal-section .people-modal-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button):disabled svg {
						fill: var(--blue);
					}
:is(:is(:is(.people-modal-section .people-modal-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button) svg {
					width: 0.16rem;
					height: 0.22rem;
					fill: var(--white);
					transition: fill 0.4s ease-in-out;
				}