@charset "utf-8";

main {width:100%;}
.main-visual {position:relative;}
.main-visual .mainSwiper {height:100vh;}
.main-visual .swiper-slide {padding:50px 0 50px 150px; display:flex; justify-content:space-around; flex-direction:column; opacity:0 !important;}
.main-visual .swiper-slide-active {opacity:1 !important;}
.main-visual .swiper-slide .txt {}
.main-visual .swiper-slide h2 {flex-grow:1; text-shadow: 0 0 20px black; padding:0 0 70px; margin:0 0 70px; color:#fff; font-size: var(--fs80); font-weight: 700; line-height: 100%;position:relative;}
/* .main-visual .swiper-slide h2:after {width:100px; height:1px; background:rgba(255,255,255, 0.30); left:0; bottom:0; position:absolute; display:block; content:'';} */
.main-visual .swiper-slide p {text-shadow: 0 0 20px black; color:#fff; font-size:var(--fs24); font-weight:600; line-height:140%;}
.main-visual .swiper-slide p+p {padding:20px 0 0; opacity:.8; font-size:var(--fs18); font-weight:400;}
.main-visual .swiper-slide img {width:100%; height:100%; object-fit:cover; position:absolute; right:0; bottom:0; z-index:-1;}
.main-visual .swiper-pagination {width:auto; left:auto; right:150px;}
.main-visual .swiper-pagination-bullet {margin:30px 0 !important; background:#fff; opacity:.3}
.main-visual .swiper-pagination-bullet-active { opacity:1;}

/* .main-visual .swiper-slide.black h2, */
/* .main-visual .swiper-slide.black p {color:#000;} */

.main-visual .scrollDown {
	color:#fff; padding-right:30px; position:absolute; right:150px; bottom:20px; opacity:.9;
	background:url(/images/main/icon_scrollDown.svg)100% 50% no-repeat; z-index:1;
}

.overview-list {width:100%; height:calc(100% - 260px); display:flex;}
.overview-item {width:25%; height:100%; position:relative; overflow:hidden;}
.overview-item:before {width:100%; height:100%; position:absolute; left:0; top:0; background:#000; opacity:.3; display:block; content:'';z-index:1;transition:var(--ani); }
.overview-item p {
	text-align: center; font-size: var(--fs40);
	font-weight: 700; line-height: 120%; z-index:1;
	width:100%; left:0; top:180px; position:absolute; color:#fff;
}
.overview-item img {width:100%; height:100%; object-fit:cover; transition:var(--ani);}

.overview-item:hover img {transform:scale(1.1);}
.overview-item:hover:before {opacity:0;}
.overview-item:nth-child(3) img {object-position:75%;}
.overview-item:nth-child(4) img {object-position:40%;}


/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 1199px) {
	
	.main-visual .mainSwiper {height:calc(100vh - 60px);}
	
	.main-visual .swiper-slide {padding:50px;}
	.main-visual .swiper-slide h2 {padding:0 0 50px; margin: 0 0 50px;}
	
	.main-visual .swiper-pagination {right:30px;}
	.main-visual .swiper-pagination-bullet {margin:20px 0 !important;}
	
	
	.main-visual .scrollDown {right:30px;	}
	
	.overview-list {flex-wrap:wrap;}
	.overview-item {width:50%; height:50%; position:relative;}
	.overview-item:before {display:none;}
	.overview-item p {top:50%; transform:translateY(-50%);}
	
	
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.main-visual .swiper-slide h2 {padding:0 0 30px; margin: 0 0 30px;}
	
	.main-visual .swiper-pagination-bullet {margin:10px 0 !important;}
	
	/* .main-visual .scrollDown {right:30px;	} */
	
	/* .overview-list {height:initial; } */
	.overview-item {width:100%;height:25%;}
	
	
	

	
	
	
	
}