/* main css */
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.main_slider > li {
	position:relative;
	height: calc(var(--vh) - 100px);
}

.section_01 .row {
	position:relative;
	height: calc(var(--vh));
	padding: 0;
	overflow: hidden;
}

.section_01 .bg {
	position:absolute;
	background-image: url('../img/main/section01_bg_new.jpg?new');
	background-position: center;
	background-size: cover;
	width: calc(100% - 100px);
	height: calc(var(--vh));
	top: 0;
	left: 0;
}

.section_01 .bg {
	animation: zoomOut 4.5s .2s ease both;
}

@keyframes zoomOut {
	from {
		transform:scale3d(1.08, 1.08, 1.08);
	}

	to {
		transform:scale3d(1, 1, 1);
	}
}

.section_01 .swiper-container {
	position:absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	width: 538px;
}

.section_01 .text {
	position: absolute;
	top: 18%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.section_01 .text .top {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 538px;
}

.section_01 .swiper_main_slider .first.swiper-slide-active .text .top {
	animation: s1_text_top_ani 1.2s .3s ease-in-out both;
}

@keyframes s1_text_top_ani {
	from {
		clip:rect(0,0,148px,0);
		opacity: 0;
		visibility:hidden;
	}

	to {
		clip:rect(0,538px,148px,0);
		opacity: 1;
		visibility:visible;
	}
}

.section_01 .swiper_main_slider .second.swiper-slide-active .text .top {
	animation: s1_text_top_ani_2 1.2s .3s ease-in-out both;
}

@keyframes s1_text_top_ani_2 {
	from {
		clip:rect(0,0,106px,0);
		opacity: 0;
		visibility:hidden;
	}

	to {
		clip:rect(0,538px,106px,0);
		opacity: 1;
		visibility:visible;
	}
}


.section_01 .swiper_main_slider .first .text .bt {
	width: 748px;
}

.section_01 .swiper_main_slider .second .text .bt {
	margin-top: 150px;
	width: 416px;
}

.section_01 .swiper_main_slider .first.swiper-slide-active .text .bt, 
.section_01 .swiper_main_slider .second.swiper-slide-active .text .bt {
	animation: s1_text_bt_ani 1s .8s ease-in-out both;
}

@keyframes s1_text_bt_ani {
	from {
		transform: translateY(20px);
		opacity: 0;
		visibility:hidden;
	}

	to {
		transform: translateY(0);
		opacity: 1;
		visibility:visible;
	}
}

.section_01 .para {
	position: absolute;
	bottom: 20px;
	left: 40px;
}

.section_02 .row {
	margin: 0;
	padding: 0;
	min-height:720px;
	position:relative;
	height: calc(var(--vh));
	background-image: url('../img/main/section02_bg.jpg?new');
	background-position: -100px center;
	background-size: cover;
}

/*.section_02.ani .lt_area {
	animation: 1s .2s s2_bg_ani ease both;
}

@keyframes s2_bg_ani {
	from {
		opacity: 0;
		visibility:hidden;
		transform:translateX(-100%);
	}

	to {
		opacity: 1;
		visibility:visible;
		transform:translateX(0);
	}
}

.section_02 .title {
	position: absolute;
	left: 170px;
	top: 28%;
	transform: translateY(-50%);
}*/

.section_02 .swiper-container {
	overflow: hidden;
	position: relative;
}

.section_02 .swiper_loca_slider .swiper-slide {
	position: relative;
	overflow: hidden;
	height: calc(var(--vh));
	min-height:720px;
}

.section_02 .swiper_loca_slider .swiper-slide .img {
	position: absolute;
    top: calc(50% + 30px);
    left: calc(50% - 50px);
    transform: translate(-50%, -50%);
	min-width: 1438px;
}

/*.section_02 .swiper_loca_slider .swiper-slide {
	height: calc(var(--vh));
	min-height: 720px;
}

.section_02 .swiper-container .bg_wrap {
	width: 100%;
	height: calc(var(--vh));
	min-height: 720px;
	position: absolute;
    top: calc(50% - 250px);
}

.section_02 .swiper_loca_slider .swiper-slide.first .bg {
	background-image:url('../img/main/section02_slider01_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}

.section_02 .swiper_loca_slider .swiper-slide.second .bg {
	background-image:url('../img/main/section02_slider02_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}

.section_02 .swiper_loca_slider .swiper-slide.third .bg {
	background-image:url('../img/main/section02_slider03_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}

.section_02 .swiper_loca_slider .swiper-slide.forth .bg {
	background-image:url('../img/main/section02_slider04_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}*/

.section_02 .swiper_loca_slider .swiper-slide .fx__ {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    left: 10%;
    width: 1280px;
}

.section_02 .swiper_loca_slider .swiper-slide .text_zone {
	text-align: right;
}

.section_02 .swiper_loca_slider .swiper-slide .text_zone .icon {
	margin-bottom: 40px;
	margin-right: -20px;
}

.section_02 .swiper-slide.swiper-slide-active .text_zone {
	animation: s2_slider_text_ani 1s .3s ease both;
}

@keyframes s2_slider_text_ani {
	0% {
        transform: translateX(-40px);
		opacity: 0;
		visibility:hidden;
    }
   
    100% {
		transform: translateX(0px);		
		opacity: 1;
		visibility:visible;
    }
}

.section_02 .swiper_loca_slider .swiper-slide .rt_box {
	margin-top: -230px;
}

.section_03 .row {
	margin: 0;
	padding: 0;
	min-height:720px;
	position:relative;
	height: calc(var(--vh));
}

.section_03 .lt_area {
	width: calc(100% - 910px);
	position:relative;
	background-image:url('../img/main/section03_lt_bg.jpg?new');
	background-size: cover;
	background-position: center;
	height: calc(var(--vh));
	z-index: 998;
	min-width: 900px;
	min-height: inherit;
}

.section_03 .title {
	position: absolute;
	left: 170px;
	top: 28%;
	transform: translateY(-50%);
	z-index: 9999;
}

.section_03.ani .title {
	animation: s3_title 1s .3s ease-in-out both;
}

@keyframes s3_title {
	0% {
		filter:blur(7px);
		opacity: 0;
	}
		100% {
		filter:blur(0);
		opacity: 1;
	}
}

.section_03 .slider_area {
	position:absolute;
	width: 910px;
	height: calc(var(--vh));
	z-index: 99;
	top: 0;
	right: 0;
	min-height: inherit;
}

.section_03 .swiper-container {
	position: relative;
}

.section_03 .swiper_premium_slider .swiper-slide {
	height: calc(var(--vh));
	min-height: 720px;
}

.section_03 .swiper-container .bg_wrap,
.section_03 .swiper-container .bg {
	width: 100%;
	height: calc(var(--vh));
	min-height: 720px;
}

.section_03 .swiper_premium_slider .swiper-slide.first .bg {
	background-image:url('../img/main/section03_slider01_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}

.section_03 .swiper_premium_slider .swiper-slide.second .bg {
	background-image:url('../img/main/section03_slider08_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}

.section_03 .swiper_premium_slider .swiper-slide.third .bg {
	background-image:url('../img/main/section03_slider02_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}

.section_03 .swiper_premium_slider .swiper-slide.forth .bg {
	background-image:url('../img/main/section03_slider03_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}

.section_03 .swiper_premium_slider .swiper-slide.fifth .bg {
	background-image:url('../img/main/section03_slider04_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}

.section_03 .swiper_premium_slider .swiper-slide.sixth .bg {
	background-image:url('../img/main/section03_slider05_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}

.section_03 .swiper_premium_slider .swiper-slide.seventh .bg {
	background-image:url('../img/main/section03_slider06_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}

.section_03 .swiper_premium_slider .swiper-slide.eighth .bg {
	background-image:url('../img/main/section03_slider07_bg.jpg?new');
	background-size:cover;
	background-position:center 100%;
}

.section_03 .swiper_premium_slider .swiper-slide .text_zone {
	position: absolute;
	bottom: 25%;
	right: 170px;
	width: 675px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section_03 .swiper_premium_slider .swiper-slide .text_zone .pr_text {
	position: absolute;
	width: 322px;
	left: 0;
}

.section_03 .swiper_premium_slider .swiper-slide .text_zone .img {
	position: absolute;
	right: 0;
}

.section_03 .swiper-slide.swiper-slide-active .text_zone .pr_text {
	animation: s3_slider_text_ani .8s .4s ease both;
}

@keyframes s3_slider_text_ani {
	from {
		clip:rect(0,0,28px,0);
		opacity: 0;
		visibility:hidden;
	}

	to {
		clip:rect(0,322px,28px,0);
		opacity: 1;
		visibility:visible;
	}
}

.section_03 .swiper-slide.swiper-slide-active .text_zone .img {
	animation: s3_slider_img_ani 1.2s .7s ease both;
}

@keyframes s3_slider_img_ani {
	0% {
        transform: translateY(30px);
		opacity: 0;
		visibility:hidden;
    }
   
    100% {
		transform: translateY(0px);		
		opacity: 1;
		visibility:visible;
    }
}

.section_03 .swiper-pagination {
	top: 230px;
	left: -125px;
}
	
.section_03 .swiper-pagination-bullet {
	background-color: #fff;
	width: 14px;
	height: 14px;
	margin: 0 8px !important;
}

.section_04 {
	background-color: #c8c5be;
}

.section_04 .row {
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
	height: calc(var(--vh));	
	right: 30px;
}

.section_04 .rt_area {	
	margin-left: 150px;
}