.env1, .env2 {
		display: flex;
		justify-content: space-between;
		position: relative;
}
.env1::before, .env2::before {
		content: '';
		display: block;
		position: absolute;
		width: 980px;
		height: 980px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		background-image: url("../images/top_env_hd_bg-2_pc.png");
		bottom: -490px;
		pointer-events: none;
		z-index: -2;
}
@media(max-width: 767px) {
		.env1::before, .env2::before {
				display: none
		}
}
.env1::before {
		right: -490px;
}
.env2::before {
		left: -490px;
}
.env_wrap {
		position: relative;
		max-width: 1190px;
		margin: 0 auto 190px;
}
.env_wrap img {
		width: 100%;
		height: auto;
}
.env1 .swiperArea, .env2 .swiperArea {
		position: relative;
		width: 885px;
}
.env1 .swiperMain .swiper-slide img, .env2 .swiperMain .swiper-slide img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
}
.env1 .swiperMain .swiper-slide, .env2 .swiperMain .swiper-slide {
		border-radius: 6px;
		overflow: hidden;
}
.env1 .swiperMain, .env1 .swiper-thumb, .env2 .swiperMain, .env2 .swiper-thumb {
		height: 500px;
}
.env1 .swiper-slide-thumb-active, .env2 .swiper-slide-thumb-active {
		position: relative;
}
.env1 .swiper-slide-thumb-active::after, .env2 .swiper-slide-thumb-active::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		pointer-events: none;
		background: rgba(0, 0, 0, 0.5) !important;
		border-radius: 6px;
		mix-blend-mode: multiply;
}
.env1 .swiper-thumb, .env2 .swiper-thumb {
		width: 280px;
		margin: 0 !important;
}
.env1 .swiper-thumb .swiper-slide, .env2 .swiper-thumb .swiper-slide {
		cursor: pointer;
}
.env1 .swiper-thumb .swiper-slide img, .env2 .swiper-thumb .swiper-slide img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 6px;
}
.env1 .slider_control, .env2 .slider_control {
		position: absolute;
		top: 0;
		right: 0;
		height: 500px;
		width: 10px;
}
.slider_control .swiper-button-prev, .slider_control .swiper-button-next {
		position: absolute;
		width: 28px;
		height: 28px;
		cursor: pointer;
		left: inherit !important;
		right: 126px;
		margin: 0 !important
}
.slider_control .swiper-button-prev::before, .slider_control .swiper-button-next::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background: #222;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.slider_control .swiper-button-prev:hover::before, .slider_control .swiper-button-next:hover::before, .slider_control .swiper-button-prev:hover::before {
				transform: scale(1.2);
				background: #C3B221;
		}
}
.slider_control .swiper-button-prev {
		top: -14px;
}
.slider_control .swiper-button-next {
		top: 483px;
}
.slider_control .swiper-button-prev::after, .slider_control .swiper-button-next::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 28px;
		height: 28px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 28px;
		pointer-events: none;
}
.slider_control .swiper-button-prev::after {
		background-image: url("../images/arw28_top_wht.png")
}
.slider_control .swiper-button-next::after {
		background-image: url("../images/arw28_bottom_wht.png")
}
.slider_control .swiper-button-prev.swiper-button-disabled, .slider_control .swiper-button-next.swiper-button-disabled {
		background: #999;
		opacity: 1;
}
/* ================ */
.loop_wrap {
		pointer-events: none;
		position: relative;
		z-index: -1
}
.environment_section_inner.upper + .loop_wrap {
		top: -200px;
}
.environment_section_inner.mid + .loop_wrap {
		top: -290px;
}
.env_wrap + .loop_wrap {
		top: -280px;
}
.loop_wrap .loop_slider, .loop_wrap .reverse_slider {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
}
.loop_wrap.envLoop .loop_slider, .loop_wrap.envLoop .reverse_slider {
		top: -280px;
}
.loop_slider, .reverse_slider {
		display: flex;
		width: 100%;
		overflow: hidden;
}
.loop_inner, .reverse_inner {
		display: flex;
}
.loop_inner:first-child {
		animation: loop 60s linear infinite;
}
.loop_inner:nth-child(2) {
		animation: loop2 60s -40s linear infinite;
}
.loop_inner:last-child {
		animation: loop3 60s -20s linear infinite;
}
.reverse_slider .reverse_inner:first-child {
		animation: loop4 60s linear infinite;
}
.reverse_slider .reverse_inner:nth-child(2) {
		animation: loop5 60s -40s linear infinite;
}
.reverse_slider .reverse_inner:last-child {
		animation: loop6 60s -20s linear infinite;
}
.loop_item img {
		width: 100%;
		height: auto;
		vertical-align: top;
}
@keyframes loop {
		0% {
				transform: translateX(200%);
		}
		to {
				transform: translateX(-100%);
		}
}
@keyframes loop2 {
		0% {
				transform: translateX(100%);
		}
		to {
				transform: translateX(-200%);
		}
}
@keyframes loop3 {
		0% {
				transform: translateX(0%);
		}
		to {
				transform: translateX(-300%);
		}
}
@keyframes loop4 {
		0% {
				transform: translateX(-100%);
		}
		to {
				transform: translateX(200%);
		}
}
@keyframes loop5 {
		0% {
				transform: translateX(-200%);
		}
		to {
				transform: translateX(100%);
		}
}
@keyframes loop6 {
		0% {
				transform: translateX(-300%);
		}
		to {
				transform: translateX(0%);
		}
}
.slideTxt img {
		width: 100%;
		height: auto;
}
.slideTxt.balance {
		width: 2000px;
}
.slideTxt.skill {
		width: 1845px;
}
.slideTxt.employee {
		width: 2250px;
}
.slideTxt.resort {
		width: 2350px;
}
@media(max-width: 1400px) {
		.env_wrap {
				margin: 0 auto 190px;
				padding: 0 40px;
		}
		.env1 .swiperArea, .env2 .swiperArea {
				width: 74%;
		}
		.env1 .swiperMain, .env1 .swiper-thumb, .env2 .swiperMain, .env2 .swiper-thumb {
				height: 500px;
		}
		.env1 .swiper-thumb, .env2 .swiper-thumb {
				width: 23.5%;
		}
		.env1 .slider_control, .env2 .slider_control {
				height: 500px;
				width: 1px;
				right: 40px
		}
		.slider_control .swiper-button-prev, .slider_control .swiper-button-next {
				width: 28px;
				height: 28px;
				right: 10vw;
		}
		.slider_control .swiper-button-prev {
				top: -14px;
		}
		.slider_control .swiper-button-next {
				top: 483px;
		}
		.slider_control .swiper-button-prev::after, .slider_control .swiper-button-next::after {
				width: 28px;
				height: 28px;
				background-size: 28px;
		}
		.environment_section_inner.upper + .loop_wrap {
				top: -200px;
		}
		.environment_section_inner.mid + .loop_wrap {
				top: -290px;
		}
		.env_wrap + .loop_wrap {
				top: -280px;
		}
		.slideTxt.balance {
				width: 2000px;
		}
		.slideTxt.skill {
				width: 1845px;
		}
		.slideTxt.employee {
				width: 2250px;
		}
		.slideTxt.resort {
				width: 2350px;
		}
}
@media(max-width: 840px) {
		.env_wrap {
				margin: 0 auto 40px;
		}
		.env1, .env2 {
				display: block;
		}
		.env1 .swiperArea, .env2 .swiperArea {
				width: 100%;
		}
		.env1 .swiperMain, .env2 .swiperMain {
				height: auto;
				aspect-ratio: 10 / 5.65;
				margin: 0 0 20px;
		}
		.env1 .swiper-thumb, .env2 .swiper-thumb {
				height: 100px;
		}
		.env1 .swiper-thumb, .env2 .swiper-thumb {
				width: 100%;
		}
		.env1 .swiper-thumb .swiper-wrapper, .env2 .swiper-thumb .swiper-wrapper {
				display: flex !important;
				justify-content: center !important;
		}
		.swiper-vertical > .swiper-wrapper {
				flex-direction: inherit
		}
		.env1 .swiper-thumb .swiper-wrapper .swiper-slide, .env2 .swiper-thumb .swiper-wrapper .swiper-slide {
				width: calc(calc(80% - 40px) / 5);
				height: 70px !important;
				margin: 0 5px !important;
				border-radius: 2px;
		}
		.env1 .swiper-thumb .swiper-slide img, .env2 .swiper-thumb .swiper-slide img {
				border-radius: 0;
		}
		.env1 .slider_control, .env2 .slider_control {
				display: none;
		}
		.slider_control .swiper-button-prev, .slider_control .swiper-button-next {
				width: 28px;
				height: 28px;
				right: 10vw;
		}
		.slider_control .swiper-button-prev {
				top: -14px;
		}
		.slider_control .swiper-button-next {
				top: 483px;
		}
		.slider_control .swiper-button-prev::after, .slider_control .swiper-button-next::after {
				width: 28px;
				height: 28px;
				background-size: 28px;
		}
		.environment_sb_wrap.tabletObj {
				margin-bottom: 200px;
		}
		.environment_sb_wrap.tabletObj + .loop_wrap {
				top: -290px;
		}
		.slideTxt.balance {
				width: 2000px;
		}
		.slideTxt.skill {
				width: 1845px;
		}
		.slideTxt.employee {
				width: 2250px;
		}
		.slideTxt.resort {
				width: 2350px;
		}
}
@media(min-width: 841px) {
		.tabletObj {
				display: none;
		}
}
@media(max-width: 840px) {
		.desktopObj {
				display: none;
		}
		.tabletObj.wrap {
				padding-left: 40px;
				padding-right: 40px;
				padding-bottom: 10px;
		}
}
@media(max-width: 767px) {
		.environment_sb_wrap {
				padding-left: 20px;
				padding-right: 20px;
		}
		.env_wrap {
				margin: 0 auto 30px;
				padding: 0 20px;
		}
		.env1 .swiper-thumb .swiper-wrapper .swiper-slide, .env2 .swiper-thumb .swiper-wrapper .swiper-slide {
				width: calc(calc(95% - 30px) / 6);
				height: 40px !important;
				margin: 0 3px !important;
				border-radius: 1px;
				overflow: hidden;
		}
		.tabletObj.wrap {
				padding-left: 20px;
				padding-right: 20px;
				padding-bottom: 0;
		}
		.env1 .swiper-thumb, .env2 .swiper-thumb {
				height: 50px !important;
		}
		.dormitory_spec {
				padding: 15px;
		}
		.dormitory_spec h6 {
				font-size: 15px;
		}
		.dormitory_spec p {
				font-size: 14px;
		}
		.environment_sb_wrap.tabletObj {
				margin-bottom: 70px;
		}
		.env1 .swiper-thumb .swiper-slide img, .env2 .swiper-thumb .swiper-slide img {
				border-radius: 2px;
		}
		.env1 .swiperMain, .env2 .swiperMain {
				margin: 0 0 15px;
		}
}