/*풀페이지 관련*/
.fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow {overflow-y:initial !important;}
.fp-watermark {display:none;}
.fp-overflow {margin-top:115px;display:flex;justify-content:center;align-items:center;max-height:auto !important;}
.main_section .fp-overflow {display:block;margin-top:0px;}
.ft_section {height:auto !important;}
.ft_section .fp-overflow {margin-top:0px;}

/*main_banner*/
.main_banner {position:relative;}
.main_banner .swiper-slide {overflow:hidden;height:100vh;}
.main_banner .swiper-slide img{width:100%;height:100%;object-fit:cover;transition: all 30s linear;}
.main_banner .swiper-slide.swiper-slide-active img {transform: scale(1.4);}

.main_banner .main_slide_btn {position:absolute;bottom:32%;width:100%;}
.main_banner .swiper-pagination {position:initial;text-align:center;left:auto;z-index:2 !important;color:#fff;font-size:20px;font-family:'Pretendard-Bold';}
.main_banner .swiper-pagination span {margin:0 3px;text-shadow:0 0 5px rgb(0 0 0 / 21%);}
/*
.main_banner .swiper-button-next {background:url('/theme/miso/img/miso_img/main_slider_next.png') no-repeat center;width:12px;height:19px;background-size:12px;z-index:3;right:20px !important;}
.main_banner .swiper-button-prev {background:url('/theme/miso/img/miso_img/main_slider_prev.png') no-repeat center;width:12px;height:19px;background-size:12px;z-index:3;left:20px !important;}
*/
.main_banner .swiper-button-next:after {display:none;}
.main_banner .swiper-button-prev:after {display:none;}

.main_banner .swiper-pagination-bullet {background:inherit;width:auto;height:auto;opacity:.5;}
.main_banner .swiper-pagination-bullet:before {content:'0';left:0;top:0;text-shadow:0 0 5px rgb(0 0 0 / 21%);}
.main_banner .swiper-pagination-bullet-active {background:inherit;opacity:1;}
.main_banner .swiper-pagination span {margin-right:26px;}
.main_banner .swiper-pagination span:first-child {margin-left:0px;}
.main_banner .swiper-pagination span:last-child {margin-right:0px;margin-left:26px;}
.main_banner_con {
	position:absolute;top:55%;left:50%;width:100%;z-index:2;padding:0 30px;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.main_banner_con h2 {font-weight:bold;text-align:center;font-size:66px;color:#fff;margin-top:20px;line-height:1.3;text-shadow:0 0 5px rgb(0 0 0 / 21%);}
.main_banner_con p {text-align:center;font-size:20px;color:#fff;text-shadow:0 0 5px rgb(0 0 0 / 21%);}

.main_banner .swiper-slide.swiper-slide-active .main_banner_con p{
	animation:text 1s 0.5s both;
	-webkit-animation:text 1s 0.5s both;
	-ms-animation:text 1s 0.5s both;
	-moz-animation:text 1s 0.5s both;
	-o-animation:text 1s 0.5s both;
}

.main_banner .swiper-slide.swiper-slide-active .main_banner_con h2{
	animation:text1 1s 1s both;
	-webkit-animation:text1 1s 1s both;
	-ms-animation:text1 1s 1s both;
	-moz-animation:text1 1s 1s both;
	-o-animation:text1 1s 1s both;
}

@keyframes text {
	0% {
		opacity:0;
		transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		-moz-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-o-transform:translateY(0px);
	}
}

@keyframes text1 {
	0% {
		opacity:0;
		transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		-moz-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-o-transform:translateY(0px);
	}
}

.all-box {position:absolute;bottom:10%;width:100%;}
.all-box .progress-box {position: relative;width: 170px;height: 50px;z-index: 11;left:50%;transform:translateX(-50%);}
.all-box .autoplay-progress {position: absolute;bottom: 0px;z-index: 10;width: 300px;height: 3px;background-color: rgba(0, 0, 0, 0.1);left:50%;transform:translateX(-50%);}
.all-box .autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0;z-index: 10;width: 100%;stroke-width: 4px;stroke: #fff;fill: none;stroke-dashoffset: calc(300 * (1 - var(--progress)));stroke-dasharray: 300;}

/*움직이는 마우스 이미지*/
.scroll_icon {
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    bottom: 100px;
	left:50%;
	transform:translateX(-50%);
}

.scroll_down {
    position: relative;
    animation-name: scroll_down;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
	display:flex;flex-direction:column;align-items:center;
	color:#fff;
}
.scroll_down i {margin-bottom:10px;font-size:24px;}
.scroll_down p {width:1px;height:50px;margin-bottom:20px;background:rgba(255,255,255,0.3);}

@keyframes scroll_down {
    0% {top: 0px;}
    50% {top: 20px;}
    100% {top: 0px;}
}

/*메인슬라이드 유튜브 배경*/
.jarallax {height:100%;}
.jarallax:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3)}

.section01 {background:url(/theme/slowtree/img/visual_01.jpg) no-repeat center;background-size:cover;}
.section02 {background:url(/theme/slowtree/img/visual_02.jpg) no-repeat center;background-size:cover;}
.section03 {background:url(/theme/slowtree/img/visual_03.jpg) no-repeat center;background-size:cover;}
.section02 .img_box {margin-top:40px;border-radius:15px;overflow:hidden;}

.about_con {display:flex;}
.about_con .ceo {font-size:18px;margin-top:20px;}
.about_con .ceo span {font-family:'Pretendard-Bold';font-size:24px;margin-left:10px;font-weight:bold;}
.about_con .right {margin-left:70px;}
.about_con .right .title {margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #eee;margin-top:50px;}
.about_con .right .title b {margin-bottom:5px;color:#202B6F;display:block;}
.about_con .right .title h3 {font-family:'Pretendard-ExtraBold';font-size:34px;position:relative;font-weight:bold;line-height:1.4;}
.about_con .right .title h3:after {position:absolute;left:0;bottom:-42px;content:'';width:100px;height:3px;background:#000;}
.about_con .right p {font-size:18px;color:#333;line-height:1.7;}
.about_con .right p b {font-family:'Pretendard-Bold';color:#000;}

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

	.main_banner .swiper-slide {height:600px;}
	.main_banner_con {top:50%;}
	.main_banner_con p {font-size:16px;}
	.main_banner_con h2 {font-size:44px;}
	.main_banner_con h2 br {display:none;}
	.scroll_icon {bottom:50px;}
	
	.fp-overflow {margin-top:0px;}

	.about_con {flex-direction:column-reverse;}
	.about_con .left {margin-top:50px;text-align:center;}
	.about_con .left img {width:100%;}
	.about_con .right {text-align:center;margin-left:0px;}
	.about_con .right .title {margin-top:0px;}
	.about_con .right .title h3 {font-size:24px;}
	.about_con .right .title h3:after {left:50%;transform:translateX(-50%);}
	.about_con .right p {font-size:16px;}
	
}

@media screen and ( max-width:720px ) {
	.main_banner .swiper-slide {height:500px;}
	.main_banner_con p {font-size:15px;}
	.main_banner_con h2 {font-size:34px;}
}