@charset "UTF-8";
/* ELLIPSIS */
/*************** 폰트 ***************/
/* / */
#main {
	/******* INDEX - SECTION 3 - FULL SLIDER ********/
	/***/
}
#main .section-index-fullslider {
	min-height: 100vh;
}
#main .section-index-fullslider .flex-wrap {
	position: absolute;
	top: 53%;
	left: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 86rem;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 322rem;
}
#main .section-index-fullslider .flex-wrap.slide-title-box {
	gap: 255rem;
}
@media screen and (max-width: 1280px) {
	#main .section-index-fullslider .flex-wrap.slide-title-box {
		gap: 215rem;
	}
}
#main .section-index-fullslider .flex-wrap .text-smalltitle {
	color: #FFF;
	font-size: 74rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 74px */
	letter-spacing: -1.48rem;
	min-width: 10vw;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
@media screen and (max-width: 1280px) {
	#main .section-index-fullslider .flex-wrap .text-smalltitle {
		color: #FFF;
		font-size: 42.666rem;
		font-style: normal;
		font-weight: 400;
		line-height: 100%; /* 32px */
		letter-spacing: -0.64rem;
		white-space: nowrap;
	}
}
@media screen and (max-width: 767px) {
	#main .section-index-fullslider .flex-wrap {
		width: -webkit-calc(100% - 40rem);
		width: -moz-calc(100% - 40rem);
		width: calc(100% - 40rem);
		gap: 40rem;
	}
	#main .section-index-fullslider .flex-wrap.slide-title-box {
		gap: 80rem;
	}
	#main .section-index-fullslider .flex-wrap .text-desc {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	#main .section-index-fullslider .flex-wrap .text-smalltitle {
		color: #FFF;
		font-size: 42.666rem;
		font-style: normal;
		font-weight: 400;
		line-height: 100%; /* 32px */
		letter-spacing: -0.64rem;
		white-space: normal;
	}
}
#main .section-index-fullslider .flex-wrap .desc-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
#main .section-index-fullslider .flex-wrap .desc-wrap .text-desc {
	width: 748rem;
	margin-top: 16rem;
}
@media screen and (max-width: 1280px) {
	#main .section-index-fullslider .flex-wrap .desc-wrap .text-desc {
		width: auto;
		margin-top: 30rem;
	}
}
@media screen and (max-width: 768px) {
	#main .section-index-fullslider .flex-wrap .desc-wrap .text-desc {
		letter-spacing: -0.02em;
	}
}
#main .section-index-fullslider .flex-wrap .button.viewmore {
	position: relative;
	display: inline-block;
	-webkit-align-self: start;
	-ms-flex-item-align: start;
	align-self: start;
	margin-top: 40rem;
	color: var(--mono_white, #FFF);
	font-family: "gravita-hum-variable";
	font-size: 18rem;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 23.4px */
	letter-spacing: -0.36rem;
}
#main .section-index-fullslider .flex-wrap .button.viewmore::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5rem;
	width: 0;
	height: 2rem;
	background-color: #fff;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
}
#main .section-index-fullslider .flex-wrap .button.viewmore:hover::after {
	width: 100%;
}
@media screen and (max-width: 1280px) {
	#main .section-index-fullslider .flex-wrap .button.viewmore {
		-webkit-align-self: start;
		-ms-flex-item-align: start;
		align-self: start;
		margin-top: 36rem;
		font-size: 17.333rem;
		letter-spacing: -0.32rem;
	}
}
#main .section-index-fullslider .banner {
	position: absolute;
}
@media screen and (max-width: 768px) {
	#main .section-index-fullslider .banner {
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: calc(100% - 40px);
	}
}
#main .section-index-fullslider .banner img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main .section-index-fullslider .cover-element .banner {
	top: 50%;
	left: 50%;
	margin-left: 0 !important;
	width: 36vw;
	z-index: -1;
	height: 0;
	padding-bottom: 13vw;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#main .section-index-fullslider .cover-element .banner img {
	object-fit: cover;
}
@media screen and (min-width: 1501px) {
	#main .section-index-fullslider .cover-element .banner {
		width: -webkit-calc(45vw - 60px);
		width: -moz-calc(45vw - 60px);
		width: calc(45vw - 60px);
	}
}
@media screen and (max-width: 1280px) {
	#main .section-index-fullslider .cover-element .banner {
		width: 56.5vw;
		padding-bottom: 22%;
	}
}
@media screen and (max-width: 1024px) {
	#main .section-index-fullslider .cover-element .banner {
		padding-bottom: 30.5%;
	}
}
@media screen and (max-width: 768px) {
	#main .section-index-fullslider .cover-element .banner {
		padding-bottom: 51.5%;
	}
}
#main .section-index-fullslider .cover-element .text-group .text-desc {
	color: #DDD;
	font-family: Pretendard;
	font-size: 18rem;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
}
@media screen and (max-width: 1280px) {
	#main .section-index-fullslider .cover-element .text-group .text-desc {
		font-size: 18.666rem;
	}
}
#main .is-dark .section-index-fullslider .cover-element .text-group .text-desc {
	color: #999;
}
#main .section-index-fullslider .cover-element h4 {
	margin-bottom: 11.2vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transform: translateY(40%);
	-moz-transform: translateY(40%);
	-ms-transform: translateY(40%);
	transform: translateY(40%);
	color: #fff;
}
#main .is-dark .section-index-fullslider .cover-element h4 {
	color: #fff;
}
#main .is-light .section-index-fullslider .cover-element h4 {
	color: #000;
}
@media screen and (max-width: 1280px) {
	#main .section-index-fullslider .cover-element h4 {
		margin-bottom: 27vw;
	}
}
#main .section-index-fullslider .cover-element .button {
	color: white;
}
#main .mobile-slider-title {
	margin-top: 110rem;
}
@media screen and (max-width: 1280px) {
	#main .section-index-fullslider h4 {
		font-size: 8vw;
	}
}
@media screen and (max-width: 900px) {
	#main .section-index-fullslider h4 {
		font-size: 48px;
	}
}
@media screen and (max-width: 768px) {
	#main .section-index-fullslider h4 {
		font-size: 60px;
		margin-left: 0;
		margin-bottom: 35px;
	}
}
#main .section-index-fullslider h4 span:last-child {
	/*margin-left: 10vw;*/
}
@media screen and (max-width: 768px) {
	#main .section-index-fullslider h4 span:last-child {
		margin-left: 0;
	}
}
#main .section-index-fullslider h4 .br-mob {
	display: none;
}
@media screen and (max-width: 570px) {
	#main .section-index-fullslider h4 .br-mob {
		display: block;
	}
}
#main .section-index-fullslider .text-group {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 48rem 200rem;
}
@media screen and (max-width: 1280px) {
	#main .section-index-fullslider .text-group {
		padding: 9.375% 20rem 0;
	}
}
#main .section-index-fullslider .full-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#main .section-index-fullslider .full-slide.swiper-slide-0 {
	z-index: 1;
}
#main .section-index-fullslider .full-slide.swiper-slide-1 {
	z-index: 2;
}
#main .section-index-fullslider .full-slide.swiper-slide-2 {
	z-index: 3;
}
@media screen and (max-width: 768px) {
	#main .section-index-fullslider .full-slide.swiper-slide-2 .text-title span:last-child {
		margin-left: -webkit-calc(20vw + 10px);
		margin-left: -moz-calc(20vw + 10px);
		margin-left: calc(20vw + 10px);
	}
}
#main .section-index-fullslider .full-slide.swiper-slide-3 {
	z-index: 4;
}
#main .section-index-fullslider .full-slide.swiper-slide-3 span:first-child .futura-bullet {
	margin-left: 0;
	-webkit-transform: scale(0.49) translateY(7px);
	-moz-transform: scale(0.49) translateY(7px);
	-ms-transform: scale(0.49) translateY(7px);
	transform: scale(0.49) translateY(7px);
}
#main .section-index-fullslider .full-slide.swiper-slide-4 {
	z-index: 5;
}
#main .section-index-fullslider .full-slide .mobile-slider-title .line-wrap {
	line-height: 1;
}
#main .section-index-fullslider .full-slide .mobile-slider-title .line-wrap h4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
@media screen and (min-width: 570px) {
	#main .section-index-fullslider .full-slide .mobile-slider-title .line-wrap h4 .text-item {
		color: #FFF;
		/* eng_bold_80 */
		font-family: "Proxima Nova";
		font-size: 80rem;
		font-style: normal;
		font-weight: 700;
		line-height: 100%; /* 80px */
		letter-spacing: -1.6rem;
	}
}
@media screen and (max-width: 570px) {
	#main .section-index-fullslider .full-slide .mobile-slider-title .line-wrap h4 .text-item {
		padding: 0;
	}
}
#main .section-index-fullslider .full-slide .mobile-slider-title .line-wrap h4 .futura-bullet {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}
#main .index-swiper {
	width: 100%;
	height: 100%;
	z-index: 2;
	pointer-events: none;
	opacity: 0;
}
@media screen and (max-width: 768px) {
	#main .index-swiper {
		pointer-events: auto;
	}
}
#main .index-swiper.can-interact {
	opacity: 1;
	pointer-events: auto;
}
#main .index-swiper .banner {
	width: 100%;
	height: 100%;
	margin-left: 0;
	top: 0;
	left: 0;
}
#main .index-swiper .text-group {
	color: white;
	/*padding-left: 2vw;*/
}
@media screen and (min-width: 1501px) {
	#main .index-swiper .text-group {
		/*padding-left: 30px;*/
	}
}
@media screen and (max-width: 768px) {
	#main .index-swiper .text-group {
		padding-left: 20rem;
		left: 0;
	}
}
#main .index-swiper .swiper-pagination {
	opacity: 0;
	position: fixed;
	top: 50%;
	right: 10vw;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	z-index: 6;
}
@media screen and (max-width: 768px) {
	#main .index-swiper .swiper-pagination {
		right: 20px;
		opacity: 0 !important;
		pointer-events: none;
	}
}
#main .index-swiper .swiper-pagination ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
#main .index-swiper .swiper-pagination ul li {
	position: relative;
	margin: 15px 0;
}
#main .index-swiper .swiper-pagination ul li button {
	display: block;
	cursor: pointer;
}
#main .index-swiper .swiper-pagination ul li button .dot {
	width: 8px;
	height: 8px;
	background-color: white;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#main .index-swiper .swiper-pagination ul li button .outer-dot {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 1px solid white;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: 0.2s ease-in-out opacity;
	-moz-transition: 0.2s ease-in-out opacity;
	transition: 0.2s ease-in-out opacity;
}
#main .index-swiper .swiper-pagination ul li.active .outer-dot {
	opacity: 1;
}
#main .style-index-swiper-pagi {
	opacity: 0;
	position: fixed;
	top: 7.3%;
	left: 4.8vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16rem;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	z-index: 6;
}
@media screen and (max-width: 1280px) {
	#main .style-index-swiper-pagi {
		left: 20rem;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
}
#main .index-swiper-pagi-tit {
	color: #FFF;
	font-size: 16rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 16px */
}
@media screen and (max-width: 768px) {
	#main .style-index-swiper-pagi {
		left: 20rem;
		opacity: 0 !important;
		pointer-events: none;
	}
}
#main .style-index-swiper-pagi ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 4rem;
}
#main .style-index-swiper-pagi ul li button {
	display: block;
	width: 40rem;
	height: 2rem;
	background: rgba(255, 255, 255, 0.3);
	cursor: pointer;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main .style-index-swiper-pagi ul li.active button {
	background: var(--mono_white, #FFF);
}

@media screen and (max-width: 767px) {
	#main .section-index-fullslider .full-slide {
		position: static;
		height: 100vh;
	}
	#main .index-swiper {
		opacity: 1;
	}
	.index-swiper__swiper-wrapper {
		position: static;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.index-full-slide {
		position: relative;
		height: 100%;
	}
}
/*# sourceMappingURL=slide.css.map */