/* 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 */
}

.bx-wrapper {
	border:none;
	box-shadow:none;
	margin-bottom: 0;
}

.bx-wrapper img {
	display:inline-block;
}

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

.section_01 {
	position:relative;
}

.section_01 .row {
	padding: 0;
	width: 100%;
	!max-width:calc(100% - 240px);
}

.swiper-container {
	overflow:hidden;
}

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

.swiper_main_slider .swiper-slide .bg_wrap {
	position:absolute;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.swiper_main_slider .swiper-slide .bg {
	position:absolute;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	z-index: 3;
}

.swiper_main_slider .swiper-slide.swiper-slide-active .bg {
	animation: zoomOut 6.5s .2s ease-out both;
}

@keyframes zoomOut {
	0% {
		transform:scale3d(1.09, 1.09, 1.09);
	}

	100% {
		transform:scale3d(1, 1, 1);
	}
}

.swiper_main_slider .swiper-slide.first .bg {
	background-image:url('../img/main/main_slider01_bg.jpg?new');
	background-size:cover;
	background-position:center;
}

.swiper_main_slider .swiper-slide.second .bg {
	background-image:url('../img/main/main_slider02_bg.jpg?new');
	background-size:cover;
	background-position:center;
}

.swiper_main_slider .swiper-slide .text {
	position:absolute;
	top: 20%;
	left: 38%;
	z-index: 100;
	transform:translate(-50%, 0);
	text-align:left;
}

.swiper_main_slider .swiper-slide .text p.top img,
.swiper_main_slider .swiper-slide .text p.bt {
	opacity: 0;
	visibility:hidden;
}

.swiper_main_slider .swiper-slide .text_01 p.top {
	height: 44px;
	width: 512px;
}

.swiper_main_slider .swiper-slide .text_01 p.bt {
	margin-left: -24px;
}

.swiper_main_slider .swiper-slide .text_02 {
	top: calc(50% - 60px);
	left: calc(50% - 300px);
	transform:translate(-50%, -50%);
	text-align:center;
}

.swiper_main_slider .swiper-slide .text_02 p.top {
	
	width: 388px;
	height: 118px;
}

.swiper_main_slider .swiper-slide .mch_img {
	position:absolute;
	width: 100%;
	height:100%;
	left: 0;
	top: 0;
	right: 0;
	background-image:url('../img/main/main_slider01_mch.png?new');
	background-size:cover;
	background-position:center;
	z-index: 4;
}

.swiper_main_slider .swiper-slide.swiper-slide-active .mch_img {
	animation: mch__move 1s 2.5s ease-out both;
}

@keyframes mch__move {
	0% {
		top: 20px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

.swiper_main_slider .swiper-slide .cloud_img {
	position:absolute;
	width: 100%;
	height:100%;
	bottom: -36%;
	left:50%;
	transform:translateX(-50%);
	z-index: 4;
	background-image:url('../img/main/cloud_img.png?new');
	background-size:130%;
	background-position:center;
	!animation: cloud__move 3s linear infinite;
}	

.swiper_main_slider .swiper-slide .cloud_img.__ani {
	opacity: 0;
}

.swiper_main_slider .swiper-slide.swiper-slide-active .cloud_img.__ani {
	animation: cloud__move 2s ease-out both;
}

@keyframes cloud__move {
	0% {
		bottom: -36%;
		opacity: 0;
	}

	100% {
		bottom: -32%;
		opacity: 0.8;
	}
}

.swiper_main_slider .swiper-slide .left_cloud {
	position:absolute;
	width: 480px;
	height: 372px;
	left: 0;
	bottom: 0;
	background-image:url('../img/main/left_cloud.png?new');
	background-position:100% 0;
	z-index: 4;
}

.swiper_main_slider .swiper-slide .right_cloud {
	position:absolute;
	width: 630px;
	height: 246px;
	right: 0;
	bottom: 0;
	background-image:url('../img/main/right_cloud.png?new');
	background-position:5% 20%;
	z-index: 4;
}

.swiper_main_slider .swiper-slide .fog_img {
	position:absolute;
	width: 100%;
	height: 342px;
	right: 0;
	left: 0;
	bottom: 0;
	background-image:url('../img/main/fog_img.png?new');
	background-size:cover;
	z-index: 4;
}

.swiper_main_slider .swiper-slide.swiper-slide-active .left_cloud {
	animation: left_cloud 6.5s .2s ease-in-out both;
}

.swiper_main_slider .swiper-slide.swiper-slide-active .right_cloud {
	animation: right_cloud 6.5s .2s ease-in-out both;
}

.swiper_main_slider .swiper-slide.swiper-slide-active .fog_img {
	animation: fog_img 6.5s .2s ease-in-out both;
}

@keyframes left_cloud {
	from {
		!opacity: 0;
		!visibility:hidden;
		left: 0;
	}

	to {
		opacity: 1;
		visibility:visible;
		left: -4%;
	}
}

@keyframes right_cloud {
	from {
		!opacity: 0;
		!visibility:hidden;
		right: 0;
	}

	to {
		opacity: 1;
		visibility:visible;
		right: -4%;
	}
}

@keyframes fog_img {
	from {
		!opacity: 0;
		!visibility:hidden;
		bottom: 0;
	}

	to {
		opacity: 1;
		visibility:visible;
		bottom: -20%;
	}
}

.swiper_main_slider .swiper-slide .text_02 p.bt {
	margin-top: 30px;
}

.swiper_main_slider .swiper-slide .text p.top img {
	position:absolute;
	left: 0;
}


.swiper_main_slider .swiper-slide.swiper-slide-active .text_01 p.top img {
	animation: MainSlider1__top__ani 1.2s .2s ease-in-out both;
	
}

.swiper_main_slider .swiper-slide.swiper-slide-active .text_01 p.bt {
	animation: MainSlider1__bt__ani 1.2s 1.2s ease-in-out both;
}


.swiper_main_slider .swiper-slide.swiper-slide-active .text_02 p.top img {
	animation: MainSlider2__top__ani 1.2s .2s ease-in-out both;
}


.swiper_main_slider .swiper-slide.swiper-slide-active .text_02 p.bt {
	animation: MainSlider2__bt__ani 1.2s 1.2s ease-in-out both;
}

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

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

@keyframes MainSlider1__bt__ani {
	from {
		opacity: 0;
		visibility:hidden;
		margin-top: 40px;
	}

	to {
		opacity: 1;
		visibility:visible;
		margin-top: 0;
	}
}

@keyframes MainSlider2__top__ani {
	from {
		opacity: 0;
		visibility:hidden;
		clip:rect(0,194px,118px,194px);
	}

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

@keyframes MainSlider2__bt__ani {
	from {
		opacity: 0;
		visibility:hidden;
		margin-top: 70px;
	}

	to {
		opacity: 1;
		visibility:visible;
		margin-top: 30px;
	}
}


.section_01 .swiper-container .swiper-button-prev {
	opacity: 0 !important;
    left: 120px !important;
    top: 0 !important;
    margin: 0 !important;
    width: 30% !important;
    height: 100% !important;
    background: none !important;
}

.section_01 .swiper-container .swiper-button-next {
    opacity:0 !important;
    right:120px !important;
    top:0 !important;
    margin:0 !important;
    width:30% !important;
    height:100% !important;
    background:none !important;
}

.swiper-button-disabled {
    pointer-events:auto !important;
}

/* ===== CURSOR ===== */
.cursor_pointer {
    display:none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    pointer-events: none;
}  
.cursor_pointer .circle {
    opacity: 0.5;
    display:block;
    width:30px;
    height:30px;
    border-radius:100%;
    border:1px solid #fff;
    -webkit-transform:scale(0);
    transform:scale(0);
}
.cursor_pointer .text {
    position:absolute;
    left:50%;
    top:50%;
    font-size:17px;
    color:#fff;
    font-weight:700;
    line-height:18px;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);  
    /* font-family:'EB Garamond', 'Noto Sans KR', 'Noto Serif KR', 'Malgun Gothic', dotum, sans-serif;   */
}
.cursor_able {
    cursor:pointer;
}

.section_01 .left-swiper-btn-prev {
	position:absolute;
	display:block;
	right: auto;
	left: 53px;
	width: 14px;
	height: 26px;
	background-image:url('../img/main/section01_arrow.png?new') !important;
	background-position: center 0 !important;
	background-size: auto !important;
	top: auto;
	bottom: 25vh;
}

.section_01 .left-swiper-btn-next {
	position:absolute;
	display:block;
	right: auto;
	left: 53px;
	width: 14px;
	height: 26px;
	background-image:url('../img/main/section01_arrow.png?new') !important;
	background-position: center 100% !important;
	background-size: auto !important;
	top: auto;
	bottom: 10vh;
}

.section_01 .left-swiper-btn-prev::after,
.section_01 .left-swiper-btn-next::after {
	content:none;
}

.section_01 .swiper-pagination {
	width: auto;
	writing-mode: vertical-rl;
	position:absolute;
	left: 60px;
	top: 50%;
	transform:translate(-50%, -50%);
	font-size:0;
	color:#666;
}

.section_01 .swiper-pagination-bullet {
	background: #fff !important;
	width: 12px !important;
	height: 12px !important;
	opacity: 1 !important;
	border-radius: 50%;
	margin: 5px 0 !important;
}

.section_01 .swiper-pagination-bullet-active {
	background: #086083 !important;
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform:translate(-50%, 100px);
	}

	100% {
		opacity: 1;
		transform:translate(-50%, 0);
	}
}

@keyframes fadeInUp2 {
	0% {
		opacity: 0;
		transform:translate(-50%, calc(-50% + 100px));
	}

	100% {
		opacity: 1;
		transform:translate(-50%, -50%);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform:translateY(-40px);
	}

	100% {
		opacity: 1;
		transform:translateY(0);
	}
}