@font-face {
	font-family: 'Pretendard-Regular';
	src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

* {
	font-family: 'Pretendard-Regular', sans-serif !important;
}

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

.m_floating {
	display: none;
}



.fixed-buttons {
	position: fixed;
	right: 35px;
	bottom: 270px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	z-index: 9999;
	align-items: center;
}

.fixed-buttons button {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.fixed-buttons button img {
	width: 100%;
	height: auto;
	display: block;
}

.custom-btn {
	width: 136px;
}

.top-btn {

	width: 75px;
}

.top-btn img {
	border: 1px solid #b7bfc34d;
	border-radius: 50%;
}


#fp-nav.fp-right {
	left: 40px;
	display: block;
}

.fp-sr-only {
	display:none !important;
}

#fp-nav ul li, .fp-slidesNav ul li {
	width: 37px;
	height: 37px;
	margin: unset;
	margin-top: 10px;
	margin-bottom: 10px;
}


#fp-nav ul li a, .fp-slidesNav ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 37px;
	height: 37px;
	margin: unset;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	display:inline-block;
	border-radius:50%;
	background-color:#231f20;
	width: 10px;
	height: 10px;
	position:static;
	font-size:0px;
}

/*#fp-nav ul li a.active span, #fp-nav ul li:hover a span,  .fp-slidesNav ul li:hover a span,
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	position: relative;
}*/
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	width: 10px;
	height: 10px;
	margin: unset;
}
#fp-nav ul li a.active span::before, #fp-nav ul li:hover a span::before,  .fp-slidesNav ul li:hover a span::before,
#fp-nav ul li a.active span::before, #fp-nav ul li:hover a.active span::before, .fp-slidesNav ul li a.active span::before, .fp-slidesNav ul li:hover a.active span::before {
	position: absolute;
	background-color: #d8d1cf;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	content: '';
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
#fp-nav ul li a.active span::after, #fp-nav ul li:hover a span::after,  .fp-slidesNav ul li:hover a span::after,
#fp-nav ul li a.active span::after, #fp-nav ul li:hover a.active span::after, .fp-slidesNav ul li a.active span::after, .fp-slidesNav ul li:hover a.active span::after {
	position: absolute;
	background-color: #231f20;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	content: '';
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#fp-nav ul li:last-child {
	display:none !important;
}


.section_01 .row {
	position:relative;
	height: 100vh;
	min-height: 960px;
	padding: 0;
	/*min-width: 1600px;*/
}
.section_01 .open_banner {
	position: absolute;
	right: 120px;
	top: 140px;
	z-index: 999;
}

.section_01 .open_banner.blog {
	top: 280px;
	right: 128px;
}	

.section_01 .swiper-container {
	overflow: hidden;
	position: relative;
	width: 100vw;
	height: 100vh;
}

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

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

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

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

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

.section_01 .swiper_main_slider .swiper-slide.first .bg {
	background-image: url('../img/main/section01_slider01_bg_n4.jpg?new');
	/*background-size: cover;*/
	background-position: center;
}
.section_01 .swiper_main_slider .swiper-slide.second .bg {
	background-image: url('../img/main/section01_slider02_bg_n4.png?new');
	/*background-size :cover;*/
	background-position: center;
}
.section_01 .swiper_main_slider .swiper-slide.third .bg {
	background-image: url('../img/main/section01_slider03_bg_n4.jpg?new');
	/*background-size :cover;*/
	background-position: center;
}

/*.section_01 .swiper_main_slider .text__box {*/
/*	position: absolute;*/
/*	z-index: 4;*/
/*	top: 50%;*/
/*	transform: translateY(-50%);*/
/*	left: 200px;*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	justify-content: center;*/
/*	align-items: flex-start;*/
/*	gap: 200px;*/
/*}*/

.section_01 .swiper_main_slider .text__box {
	position: absolute;
	z-index: 4;
	top: 50%;
	transform: translateY(-50%);
	left: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 200px;
	margin-left: -770px;
}

.section_01 .swiper_main_slider .swiper-slide-active .t_text {
	animation: s1_slider_ani02 .7s .8s ease-in-out both;
}
@keyframes s1_slider_ani02 {
	0% {
        transform: translateX(-20px);
		opacity: 0;
		visibility:hidden;
    }
   
    100% {
		transform: translateX(0px);		
		opacity: 1;
		visibility:visible;
    }
}

.main01_text02 {
	width: 368px;
	opacity: 0;
}

.section_01 .swiper_main_slider .swiper-slide-active .main01_text02 {
	animation: main01_text02 .8s 1.2s ease-in-out both;
}
@keyframes main01_text02 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}



.section_01 .swiper-btn-prev {
	position:absolute;
	display:block;
	top: auto;
	bottom: 5%;
	left: calc(50% - 60px);
	width: 12px;
	height: 18px;
	background-image:url('../img/main/section01_slider_arrow.png?new') !important;
	background-position: 0 center !important;
	background-size: auto !important;
}

.section_01 .swiper-btn-next {
	position:absolute;
	display:block;
	top: auto;
	bottom: 5%;
	left: calc(50% + 60px);
	width: 12px;
	height: 18px;
	background-image:url('../img/main/section01_slider_arrow.png?new') !important;
	background-position: 100% center !important;
	background-size: auto !important;
}

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

.section_01 .swiper-pagination {
	left: calc(50% + 3px);
	width: 60px;
	top: auto;
	bottom: 4.5%;
	display:flex;
	justify-content:center;
	transform:translateX(-50%);
	height: auto;
}

.section_01 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.section_01 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 20px;
}

.section_01 .swiper-pagination-bullet {
	width: 30px;
    height: 30px;
    opacity: 1;
    background: none;
    border-radius: 100%;
    position: relative;
	font-size: 0;
}

.section_01 .swiper-pagination-bullet::after {
	content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 100%;
}

.section_01 .swiper-pagination-bullet-active:before {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 100%;
}

.section_01 .swiper-pagination-bullet-active:after {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    left: -11px;
    top: 2px;
    border-radius: 100%;
    border: 2px solid #a9aba7;
    background: none;
}

.section_01 .scroll {
	position: absolute;
	margin-top: 351px;
	bottom: 100px;
	right: 90px;
	z-index: 100;
	transform: translate(-50%, -50%);
	text-align: center;
	font-family: 'Pretendard-Regular';
	font-size: 12px;
	letter-spacing: 1px;
	color: #fff;
}

.section_01 .scroll span {
	width: 17px;
	height: 75px;
	position: absolute;
	left: -50px;
	bottom: 55px;
}

.section_01 .scroll img {
	/*filter: drop-shadow(3px 2px 1px black);*/
}

.section_01 .scroll span::before {
    width: 10px;
    height: 10px;
  	background-color: transparent;
	border: 1px solid #6a717847;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 160px;
    border-radius: 50%;
    animation: scrollMagic 1.35s linear 0s infinite;
}



@keyframes scrollMagic {
    0%{opacity:0;  transform:translate(-50%, -30px) scale(1);}
    10%{opacity:1; transform:translate(-50%, -30px) scale( 1 );}
    50%{transform:translate(-50%, 15px) scale( 1 );}
    55%{opacity:1; transform:translate(-50%, 15px) scale(1);}
    60%{opacity:.4;}
    80%{opacity:0;transform:translate(-50%, 15px) scale(5);}
    100%{opacity:0;transform:translate(-50%, 15px) scale(5);}
}

.section_02 .row {
	position: relative;
	height: 100vh;
	overflow: hidden;
	padding: 0;
	min-width: 1600px;
}

.section_02 .bg {
	position: absolute;
	background-image: url('../img/main/section02_bg_n4.png?new');
	background-position: 100% center;
	background-size: contain;
	width: 1192px;
	height: 797px;
	right: 0;
	bottom: 0;
	z-index: 3;
}

.section_02.active .bg {
	animation: s2_bg_ani .7s .5s ease-in-out both;
}

@keyframes s2_bg_ani {
	0% {
        transform: translateX(50px);
		opacity: 0;
		visibility:hidden;
    }

    100% {
		transform: translateX(0px);
		opacity: 1;
		visibility:visible;
    }
}
.sec02_img01 {
	position: absolute;
	bottom: 154px;
	left: 0;
	opacity: 0;
	transform: translateY(-80px);
}
.section_02.active .sec02_img01 {
	animation: sec02_img01 ease-in-out .7s .6s forwards;
}
@keyframes sec02_img01 {
	from {
		opacity: 0;
		transform: translateY(-80px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.sec02_img02 {
	position: absolute;
	bottom: 0px;
	left: -206px;
	opacity: 0;
	transform: translateX(-80px);
}
.section_02.active .sec02_img02 {
	animation: sec02_img02 ease-in-out .7s .6s forwards;
}
@keyframes sec02_img02 {
	from {
		opacity: 0;
		transform: translateX(-80px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.section_02 .container_bg {
    position: absolute;
    /*background-color: #f6f3f2;*/
    width: 430px;
    height: 0;
    bottom: 100%;
    left: 0;
    z-index: 2;
	transition-property: height, bottom, opacity;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    transition-delay: .5s;
    opacity: 0;
}

.section_02.active .container_bg {
	height: 100%;
	bottom: 0;
	opacity: 1;
	width: 100%;
	z-index: -1;
	position: absolute;
	top: 114px;
}

.section_02 .title {
	position: relative;
	left: calc(50% - 480px);
	top: calc(50% + 30px);
	transform: translateX(-50%) translateY(-50%);
	z-index: 6;
	width: fit-content;
	width: 290px;
}



.section_02 .title .title_text {
	font-family:'Pretendard-Regular';
	font-size: 55px;
	letter-spacing: -1px;
	color: #e73137;
}

.section_02 .title .title_text b {
	font-family:'Pretendard-Regular';
}

.section_02.active .title_logo {
	animation: s1_slider_ani01 .5s .8s ease both;
}

.section_02.active .title_text {
	animation: fadeInLeft 1s .5s ease both;
}

@keyframes fadeInLeft {
	from {
		margin-left: -30px;
		opacity: 0;
		visibility:hidden;
	}

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

.section_02 .swiper-container {
	position:absolute;
	width: 100%;
	left: 90px;
	top: 20%;
	overflow:hidden;
	z-index: 4;
	min-width: 1680px;
}

.section_02.active .swiper-container {
	animation: s2_swiper_ani 1.2s 1s ease-in-out both;
}

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

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

.section_02 .swiper-slide {
	height: 660px;
}

.section_02 .swiper-slide .img_box {
	position:absolute;
	display: flex;
	align-items:center;
	justify-content: space-between;
	width: 630px;
	height: 660px;
	left: 0;
	top: 55%;
	transform:translateY(-50%);
}

.section_02 .swiper-slide .img_box::after {
	content:'';
	display:block;
	position:absolute;
	width: 22px;
	height: 8px;
	background-image: url('../img/main/section02_slider_circle.png?new');
	top: 50%;
	transform:translateY(-50%);
	right: -75px;
	z-index: 20;
}

.section_02 .swiper-slide .img_box .lt_text {
	font-size: 14px;
	font-family:'Pretendard-Regular';
	color: #000;
	writing-mode: vertical-rl;
	letter-spacing: 2px;
}

.section_02 .swiper-slide .img_box .lt_text b {
	color: #e73137;
	font-family:'Pretendard-Regular';
}

.section_02 .swiper-slide.swiper-slide-active .img_box .lt_img {
	animation: s2_slider_lt_img_ani .7s .3s ease both;
}

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

.section_02 .swiper-slide .text_box {
	position:absolute;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	height: 180px;
	left: calc(50% - 195px);
	top: 60%;
	transform:translateY( -50%);
	z-index: 10;
}

.section_02 .swiper-slide.swiper-slide-active .text_box .number {
	animation: s2_slider_number_ani .7s .5s ease both;
}

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

.section_02 .swiper-slide .text_box .text_zone {
	margin-top: -25px;
	font-size: 21px;
	font-family:'Pretendard-Regular';
	color: #000;
}

.section_02 .swiper-slide .text_box .text_zone b {
	font-size: 23px;
	font-family:'Pretendard-Regular';
	letter-spacing: -1px;
} 

.section_02 .swiper-slide .text_box .text_zone span {
	font-size: 14px;
}

.section_02 .swiper-slide .text_box .text_zone .fs {
	font-size: 16px;
}

.section_02 .swiper-slide.swiper-slide-active .text_box .text_zone {
	animation: fadeIn .7s .9s ease both;
}

.section_02 .page_number {
	position:absolute;
	left: calc(50% - 195px);
	right: auto;
	width: 210px;
	font-size: 18px;
	bottom: 18%;
	font-family:'Montserrat-SemiBold';
	display:flex;
	justify-content:space-between;
	z-index: 10;
	color: #000;
}

.section_02 .page_number .num {
	font-family:'Montserrat-Bold';
}

.section_02 .swiper-pagination-progressbar {
	position:absolute;
	left: calc(50% - 160px);
	right: auto;
	width: 134px;
	height: 2px;
	top: auto;
	bottom: 20%;
	z-index: 20;
	background-color:#e8e7e7;
}

.section_02 .swiper-pagination-progressbar span {
	background-color:#000 !important;
}

.section_02 .owl-nav {
	position:absolute;
	left: calc(50% + 60px);
	bottom: 16.5%;
	display:flex;
	z-index: 20;
}

.section_02 .owl-nav [class*=owl-] {
	display:inline-block;
	background-image:url('../img/main/section02_slider_arrow.png?new') !important;
	background-position:0 center;
	width: 40px;
	height: 40px;
	cursor:pointer;
	margin: 0 5px;
}

.section_02 .owl-nav .owl-next {
	background-position:100% center !important;
}

@media(max-width:1840px) {


	.section_02 .swiper-slide .text_box {
		left: calc(50% - 100px);
	}

	.section_02 .page_number {
		left: calc(50% - 100px);
	}
	
	.section_02 .swiper-pagination-progressbar {
		left: calc(50% - 65px);
	}

	.section_02 .owl-nav {
		left: calc(50% - 55px);
		bottom: 6%;
	}
}


















.section_03 .row {
	position: relative;
	/*height: calc(var(--vh));*/
	height: 100vh;
	padding: 0;
	min-width: 1600px;
}

.main_circle {
	position:absolute;
	top: 120px;
	left: 115px;
	width: 130px;
	height: 130px;
	line-height: 144px;
	text-align:center;
	transition:all 400ms;
	z-index: 999;
}

.main_circle_bg {
	position:absolute;
	width: 100%;
	height: 100%;
	background-image:url('../img/main/main_circle_text.png?new');
	animation: main_circle 7s linear infinite;
	left: 0px;
	top: 2px;
}

.main_circle img {
	transition:all 400ms;
}

@keyframes main_circle {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.section_03 .bg {
	position:absolute;
	background-position: 100% center;
	background-size: cover;
	width: 1968px;
	height: 852px;
	border-bottom: 1px solid lightgrey;
	right: 0;
	top: -50px;
	z-index: 2;
}
.section_03 .bg::after {
	position: absolute;
	display: inline-block;
	content: '';
	width: 1px;
	height: 100vh;
	bottom: 0;
	background-color: lightgrey;
	right: 100px;
}
.iScrollLoneScrollbar {
	display: none !important;
}
.section_03.active .bg {
	animation: s2_bg_ani .7s .5s ease-in-out both;
}

@keyframes s2_bg_ani {
	0% {
		transform: translateX(50px);
		opacity: 0;
		visibility:hidden;
	}

	100% {
		transform: translateX(0px);
		opacity: 1;
		visibility:visible;
	}
}



.section_03 .title {
	position:absolute;
	left: calc(50% - 100px);
	top: 38%;
	transform:translateY(-50%);
	z-index: 6;
}


.section_03 .swiper-container {
	position:absolute;
	width: 100%;
	left: 180px;
	top: 180px;
	overflow:hidden;
	z-index: 4;
	min-width: 1456px;
	height: 100vh;
}


.section_03 .swiper-slide {
	height: 800px;
	width: 1420px;
}

.img_box01_01 {
	position:absolute;
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content: center;
	gap: 50px;
	left: 0;
	top: 0px;
}
.text_box01 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 50px;
	align-items: flex-end;
	position: absolute;
	left: 1110px;
	top: 0;
}
.img_box01_02 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	position: absolute;
	bottom: 125px;
	left: 790px;
}

.img_box02_01 {
	position:absolute;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 20px;
	left: 0;
	top: 0px;
}
.text_box02 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 50px;
	align-items: flex-end;
	position: absolute;
	left: 1090px;
	top: 0;
}
.img_box02_02 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	position: relative;
}

.img_box03_01 {
	position: absolute;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 20px;
	left: 0;
	top: 0px;
}
.text_box03 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 50px;
	align-items: flex-end;
	position: absolute;
	left: 1050px;
	top: 0;
}
.img_box03_02 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 50px;
	position: relative;
}
.img_box03_03 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}




.sec03_s01_01, .sec03_s02_01, .sec03_s03_01 {
	position: relative;
	opacity: 0;
}
.section_03 .swiper-slide.first.swiper-slide-active .sec03_s01_01, .swiper-slide.second.swiper-slide-active .sec03_s02_01, .swiper-slide.third.swiper-slide-active .sec03_s03_01 {
	animation: sec03_s02_01 .4s .2s ease both;
	opacity: 1;
}
@keyframes sec03_s02_01 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.sec03_s01_02, .sec03_s02_02, .sec03_s03_02 {
	position: relative;
	opacity: 0;
	transform: translateY(-40px);
}
.swiper-slide.first.swiper-slide-active .sec03_s01_02, .swiper-slide.second.swiper-slide-active .sec03_s02_02, .swiper-slide.third.swiper-slide-active .sec03_s03_02 {
	animation: sec03_s02_02 .4s .4s ease both;
}
@keyframes sec03_s02_02 {
	from {
		opacity: 0;
		transform: translateY(-40px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.sec03_s01_03, .sec03_s02_03, .sec03_s03_03 {
	position: relative;
	opacity: 0;
	transform: translateY(-40px);
}
.swiper-slide.first.swiper-slide-active .sec03_s01_03, .swiper-slide.second.swiper-slide-active .sec03_s02_03, .swiper-slide.third.swiper-slide-active .sec03_s03_03 {
	animation: sec03_s02_02 .4s .6s ease both;
}

.sec03_s02_04 {
	position: absolute;
	bottom: 250px;
	left: 1090px;
	opacity: 0;
	transform: translateY(40px);
}
.sec03_s01_04, .sec03_s03_04 {
	position: relative;
	opacity: 0;
	transform: translateY(40px);
}
.swiper-slide.first.swiper-slide-active .sec03_s01_04, .swiper-slide.second.swiper-slide-active .sec03_s02_04, .swiper-slide.third.swiper-slide-active .sec03_s03_04 {
	animation: sec03_s02_04 .4s .9s ease both;
}
@keyframes sec03_s02_04 {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
.sec03_s03_04 {
	left: 45px;
}

.sec03_s01_05, .sec03_s02_05, .sec03_s03_05 {
	position: relative;
	opacity: 0;
	transform: translateX(40px);
}
.swiper-slide.first.swiper-slide-active .sec03_s01_05, .swiper-slide.second.swiper-slide-active .sec03_s02_05, .swiper-slide.third.swiper-slide-active .sec03_s03_05 {
	animation: sec03_s02_05 .4s .4s ease both;
}
@keyframes sec03_s02_05 {
	from {
		opacity: 0;
		transform: translateX(40px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.sec03_s01_06, .sec03_s02_06, .sec03_s03_06 {
	position: relative;
	opacity: 0;
	transform: translateX(40px);
}
.swiper-slide.first.swiper-slide-active .sec03_s01_06, .swiper-slide.second.swiper-slide-active .sec03_s02_06, .swiper-slide.third.swiper-slide-active .sec03_s03_06 {
	animation: sec03_s02_05 .4s .7s ease both;
}


.section_03 .owl-nav {
	position:absolute;
	left: 1295px;
	top: 385px;
	display:flex;
	z-index: 20;
}

.section_03 .owl-nav [class*=owl-] {
	display:inline-block;
	background-image:url('../img/main/section02_slider_arrow_n2.png?new') !important;
	background-position:0 center;
	width: 53px;
	height: 53px;
	cursor:pointer;
	margin: 0 10px;
}

.section_03 .owl-nav .owl-next {
	background-position:100% center !important;
}

@media(max-width:1840px) {
	.section_03 .title {
		left: calc(50% - 10px);
	}

	.section_03 .swiper-slide .text_box {
		left: calc(50% - 100px);
	}

	.section_03 .page_number {
		left: calc(50% - 100px);
	}

	.section_03 .swiper-pagination-progressbar {
		left: calc(50% - 65px);
	}


}































/* 섹션 04 */
.section_04 .row {
	position: relative;
	height: 100vh;
	overflow: hidden;
	padding: 0;
	min-width: 1600px;
	background-color: #dcddde;
}



.section_04 .container_bg {
	position: absolute;
	/*background-color: #f6f3f2;*/
	width: 430px;
	height: 0;
	bottom: 100%;
	left: 0;
	z-index: 2;
	transition-property: height, bottom, opacity;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
	transition-delay: .5s;
	opacity: 0;
}

.section_04.active .container_bg {
	height: 100%;
	bottom: 0;
	opacity: 1;
	width: 100%;
	z-index: -1;
	position: absolute;
	top: 114px;
}

.section_04 .title {
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 6;
	/* width: 1643px; */
	/* height: 723px; */
	/* margin-left: -560px;*/
}

img.section04_text01 {
position: relative;
left: -378px;
top: 180px;
width: 381px;
}

.section_04 .title .title_text {
	position: absolute;
	left: 1200px;
	top: 420px;
	width: 500px;
}



.section_04.active .title_logo {
animation: s1_slider_ani01 .5s .3s ease both;
}

.section_04.active .title_text {
animation: fadeInLeft 1s .5s ease both;
}

.section_04.active .section04_text01 {
animation: fadeInLeft 1s .5s ease both;
}

@keyframes fadeInLeft {
from {
    margin-left: -30px;
    opacity: 0;
    visibility:hidden;
}

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

.section_04 .swiper-container {
position:absolute;
width: 100%;
left: 90px;
top: 20%;
overflow:hidden;
z-index: 4;
min-width: 1680px;
}

.section_04.active .swiper-container {
animation: s2_swiper_ani 1.2s 1s ease-in-out both;
}

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

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

.section_04 .swiper-slide {
height: 660px;
}

.section_04 .swiper-slide .img_box {
position:absolute;
display: flex;
align-items:center;
justify-content: space-between;
width: 630px;
height: 660px;
left: 0;
top: 55%;
transform:translateY(-50%);
}

.section_04 .swiper-slide .img_box::after {
content:'';
display:block;
position:absolute;
width: 22px;
height: 8px;
background-image: url('../img/main/section02_slider_circle.png?new');
top: 50%;
transform:translateY(-50%);
right: -75px;
z-index: 20;
}

.section_04 .swiper-slide .img_box .lt_text {
font-size: 14px;
font-family:'Montserrat-SemiBold';
color: #000;
writing-mode: vertical-rl;
letter-spacing: 2px;
}

.section_04 .swiper-slide .img_box .lt_text b {
color: #e73137;
font-family:'Montserrat-Bold';
}

.section_04 .swiper-slide.swiper-slide-active .img_box .lt_img {
animation: s2_slider_lt_img_ani .7s .3s ease both;
}

@keyframes s2_slider_lt_img_ani {
0% {
    transform: translateX(-40px);
    opacity: 0;
    visibility:hidden;
}

100% {
    transform: translateX(0px);
    opacity: 1;
    visibility:visible;
}
}

.section_04 .swiper-slide .text_box {
position:absolute;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
height: 180px;
left: calc(50% - 195px);
top: 60%;
transform:translateY( -50%);
z-index: 10;
}

.section_04 .swiper-slide.swiper-slide-active .text_box .number {
animation: s2_slider_number_ani .7s .5s ease both;
}

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

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

.section_04 .swiper-slide .text_box .text_zone {
margin-top: -25px;
font-size: 21px;
font-family:'NotoSansKR-Light';
color: #000;
}

.section_04 .swiper-slide .text_box .text_zone b {
font-size: 23px;
font-family:'NotoSansKR-Regular';
letter-spacing: -1px;
}

.section_04 .swiper-slide .text_box .text_zone span {
font-size: 14px;
}

.section_04 .swiper-slide .text_box .text_zone .fs {
font-size: 16px;
}

.section_04 .swiper-slide.swiper-slide-active .text_box .text_zone {
animation: fadeIn .7s .9s ease both;
}

.section_04 .page_number {
position:absolute;
left: calc(50% - 195px);
right: auto;
width: 210px;
font-size: 18px;
bottom: 18%;
font-family:'Montserrat-SemiBold';
display:flex;
justify-content:space-between;
z-index: 10;
color: #000;
}

.section_04 .page_number .num {
font-family:'Montserrat-Bold';
}

.section_04 .swiper-pagination-progressbar {
position:absolute;
left: calc(50% - 160px);
right: auto;
width: 134px;
height: 2px;
top: auto;
bottom: 20%;
z-index: 20;
background-color:#e8e7e7;
}

.section_04 .swiper-pagination-progressbar span {
background-color:#000 !important;
}

.section_04 .owl-nav {
position:absolute;
left: calc(50% + 60px);
bottom: 16.5%;
display:flex;
z-index: 20;
}

.section_04 .owl-nav [class*=owl-] {
display:inline-block;
background-image:url('../img/main/section02_slider_arrow.png?new') !important;
background-position:0 center;
width: 40px;
height: 40px;
cursor:pointer;
margin: 0 5px;
}

.section_04 .owl-nav .owl-next {
background-position:100% center !important;
}






.section_05 .bg {
	position: absolute;
	background-image: url('../img/main/sec05_bg_n.jpg?new');
	background-position: top center;
	background-size: cover;
	width: 100vw;
	height: 100vh;
	right: 0;
	bottom: 0;
	z-index: 3;
}

































@media(max-width:1840px) {


	.section_04 .swiper-slide .text_box {
		left: calc(50% - 100px);
	}

	.section_04 .page_number {
		left: calc(50% - 100px);
	}

	.section_04 .swiper-pagination-progressbar {
		left: calc(50% - 65px);
	}
	
	.section_04 .owl-nav {
		left: calc(50% - 55px);
		bottom: 6%;
	}
}

@media screen and (max-width: 1800px) {
	.section_01 .swiper_main_slider .text__box{
		top: 40%;
	}
	.section_01 .scroll {
		top: 712px;
	}
	.section_02 .title {
		width: 250px;
		top: calc(50% - 120px);
	}
	.text_box02, .text_box03, .text_box01 {
		gap: 20px;
	}
	.section_03 .swiper-container {
		left: 100px;
		min-width: unset;
	}
	.text_box01, .text_box02, .text_box03, .text_box04 {
		width: 200px;

	}
	.text_box01, .text_box03 {
		left: 1080px;
	}
	.section_03 .owl-nav {
		left: 1150px;
		top: 240px;
	}
	.section_04 .title .title_text {
		width: 400px;
		left: 1150px;
		top: 250px;
		object-fit: cover;
	}
	.custom-btn {
		width: 106px;
	}

	.img_box01_02 {
		bottom: 300px;
	}

	.img_box03_01 {
		top: -150px;
	}
	.section_02 .bg {
		width: 950px;
		bottom: 150px;
	}
	.sec02_img01 {
		bottom: 235px;
	}
	.sec02_img02 {
		bottom: 80px;
	}

	.sec03_s02_04 {
		left: 950px;
		bottom: 370px;
	}

	.section_03 .bg {
		width: 100vw;
		height: 100vh;
	}


}
@media screen and (max-width: 1600px) {

	.section_03 .swiper-container {
		left: 0;
	}
	.section_04 .title .title_text {
		left: 800px;
	}

}
@media screen and (max-width: 1500px) {
	.section_04 .title .title_text {
		left: 850px;
	}
}

@media screen and (max-width: 1200px) {
	.sec02_img02 {
		z-index: 10;
	}
	.sec02_img01 {
		z-index: 10;
	}

}