/*
===================
무단전재 및 재배포 금지
Made by MarvelWorks
site : http://marvelworks.kr
* One  domain, One server, One license
* License Inquiry : info@marvelworks.kr
===================

===================
main slider
===================
*/
.scroll  {left:116px !important; transform: none !important; opacity:0.9;}
.scroll::after {display:none !important;}

.mainsli.swiper-container {	width: 100%;	height: 100%; position:relative;	  }
.mainsli .swiper-slide {text-align: center;	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow:hidden;
	width:100% !important;
	min-height:520px;
	height:100vh;
}
  .mainsli .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

  .mainsli .swiper-slide-active img {
  	animation: bgslide 20s infinite;
  }
  @keyframes bgslide {
	0% {transform:scale(1.35);}
	25% {transform:scale(1);}
	100% {transform:scale(1.35);}
  }

.mainsli .swiper-slide .txt {position:absolute; z-index:15; transform:translate(-50%,-50%); top:48%; left:50%;  text-align:left; width:100%; max-width:var(--wrap-width); opacity:0;}
.mainsli .swiper-slide .txt h1 { color:#fff; font-size:4.2rem; line-height:1.3; font-weight:700; }
.mainsli .swiper-slide .txt p {color:#fff; margin-top:40px; font-size:1.25rem;}
.mainsli .swiper-slide-active .txt {opacity:1;}
.mainsli .swiper-slide-active .txt h1  {animation: fadeInLeft 1.2s forwards;opacity:0; }
.mainsli .swiper-slide-active .txt p {animation: fadeInLeft 1.2s forwards; animation-delay:0.2s; opacity:0;}
.mainsli .swiper-button-next,  .mainsli .swiper-button-prev {width:initial; display:none;}
.mainsli .swiper-button-next {right: 116px;}
.mainsli .swiper-button-prev {left:116px;}
.mainsli .swiper-button-next:after, .mainsli .swiper-button-prev:after {font-family: 'Poppins' !important; padding:0 0 15px 0; font-size:16px !important; text-transform:uppercase !important; color:rgba(255,255,255,0.8) !important; transition:all .5s !important; }
.mainsli .swiper-button-next:before, .mainsli .swiper-button-prev:before {content:''; position:absolute; width:80px; height:1px;  background:rgba(255,255,255,0.8); bottom:5px; transition:all .5s;}
.mainsli .swiper-button-next:before {right:0;}
.mainsli .swiper-button-prev:before {left:0;}
.mainsli .swiper-button-next:hover:after, .mainsli .swiper-button-prev:hover:after {color:#fff; transition:all .5s;}
.mainsli .swiper-button-next:hover:before, .mainsli .swiper-button-prev:hover:before {background:rgba(255,255,255,1); transition:all .5s; width:120px;}
.mainsli .swiper-slide:before {content:''; position:absolute; z-index:9; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); }

		@media (max-width:1280px) {
			.mainsli .swiper-slide {min-height:500px; height:100vh;}
			.mainsli .swiper-slide .txt { width:80%; top:43%; }
			.mainsli .swiper-slide .txt h1 {font-size:2.3rem; line-height:1.35; word-break:keep-all;}
			.mainsli .swiper-slide .txt p {font-size:1.1rem; line-height:1.35; margin-top:20px; word-break:keep-all;}
			.mainsli .swiper-slide .txt p br {display:none;}
			.mainsli .swiper-button-next, .mainsli .swiper-button-prev {top:initial; bottom:15%;}
		}


/*
===================
slider extra
===================
*/
.slideropc {background:linear-gradient(13deg, rgb(41 26 30 / 80%), rgba(0,0,0,0.4)); width:100%; position:absolute; z-index:99; color:#fff !important; height:100%; text-align:center;}
.slidertxt {position:absolute;  z-index:100; color:#fff !important; text-align:left; width:100%; max-width:var(--wrap-width); top:50%; left:50%; transform:translate(-50%,-45%); text-align:center;}
	.slidertxt .bigtxt {font-size:3.2rem;font-weight:500; line-height:1.4;}
	.slidertxt .smalltxt {font-size:2rem; font-weight:300; letter-spacing:-0.5px; margin-bottom:30px;}
	.slidertxt p {margin:0;}

		@media (max-width:1280px) {
			.slidertxt {transform:translate(-50%,-50%); padding:0 20px; text-align:center;}
			.slidertxt p {word-break:keep-all;}
			.slidertxt .smalltxt {font-size:1.1rem; padding:0; margin-bottom:20px; font-weight:400;}
			.slidertxt .bigtxt {font-size:1.8rem; line-height:1.5;}
		}

/*
===================
sub slider
===================
*/
.subslider {margin-bottom:100px;}
	.subslider .slideropc {}
	.subslider .slidertxt { top:50%; margin-top:0; }
	.subslider .slidertxt .bigtxt {font-size:3.2rem; font-weight:700;}
	.subslider .slidertxt .smalltxt {font-size:1.1rem; color:rgba(235,235,235,0.8); text-transform:uppercase; font-weight:500; margin-top:10px;}
	.subslider .slidertxt p {margin:0;}

		@media (max-width:1280px) {
			.subslider {margin-bottom:70px;}
			.subslider .slides > li {height:300px !important; min-height:300px;}
			.subslider .slidertxt {top:52%; text-align:center;}
			.subslider .slidertxt .smalltxt {font-size:.9rem; margin-bottom:5px !important;}
			.subslider .slidertxt .bigtxt {font-size:2.2rem; font-weight:700}
			.subslider .slide-image {background-position:50% 40% !important;}
			.subslider .slideropc {background:linear-gradient(180deg, rgb(0 11 56 / 50%), rgba(0,0,0,0.4));}
		}

/*
===================
kenburn slider
===================
*/
.kenburn-slider {
  width: 100%;
  position: relative;
  background-color:#000 !important;
}
.kenburn-slider .slides {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.kenburn-slider .slides > li {
  float: left;
  margin-right: -100%;
  width: 100%;
  overflow: hidden;
  height: 100vh;
  position: relative;
  min-height:370px;
}
.subslider .slides > li {
  height:460px !important;
}
.kenburn-slider .flex-direction-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {
  border:1px solid rgba(255,255,255,0.4);
  color: rgba(255,255,255,0.4);
  text-decoration: none;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 8;
  text-align: center;
  width:70px;
  height:70px;
  line-height:70px;
  padding: 0;
}
.kenburn-slider .flex-direction-nav .flex-prev {
  left: 50px;
}
.kenburn-slider .flex-direction-nav .flex-next {
  right: 50px;
}

.slide-image {
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.flex-active-slide .slide-image {
  -webkit-animation: zoomOut 5s;
          animation: zoomOut 5s;
}

@-webkit-keyframes zoomOut{
0%{opacity:0.6}
100%{opacity:1}
}
@-ms-keyframes zoomOut{
0%{opacity:0.6; filter: alpha(opacity=60);}
100%{opacity:1; filter: alpha(opacity=100);}
}
@keyframes zoomOut{
0%{opacity:0.6;     -webkit-transform: scale(1.3); transform: scale(1.3);}
100%{opacity:1;     -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes zoomIn{
0%{ opacity:0.8; filter: alpha(opacity=80); transform: scale(2);-webkit-transform: scale(2); -moz-transform: scale(2);-ms-transform: scale(2); -o-transform: scale(2);}
100%{ opacity:1; filter: alpha(opacity=100);  transform: scale(2.3);-webkit-transform: scale(2.3); -moz-transform: scale(2.3);-ms-transform: scale(2.3); -o-transform: scale(2.3);}
}

.zoomOut{-webkit-animation-name:zoomOut;  -ms-animation-name:zoomOut; animation-name:zoomOut}
.backzoomOut {-webkit-animation-name:backzoomOut; -ms-animation-name:backzoomOut; animation-name:backzoomOut}

.subslider .flex-direction-nav .flex-prev, .subslider .flex-direction-nav .flex-next {display:none;}

.kenburn-slider .flex-direction-nav .flex-prev:after {content:"\e629"; font-size:20px; font-family:'themify'; letter-spacing:0; text-transform:uppercase; vertical-align:top;}
.kenburn-slider .flex-direction-nav .flex-next:before {content:"\e628"; font-size:20px; font-family:'themify'; letter-spacing:0; text-transform:uppercase; vertical-align:top;}
.kenburn-slider .flex-direction-nav .flex-prev a:hover, .kenburn-slider .flex-direction-nav .flex-next a:hover {color:#fff; transition:all .5s;}

		@media (max-width:480px) {
			/*슬라이드 화살표*/
			.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {top:50%; height:1em; margin-top:-15%; padding:0 !important;}

			/*슬라이드 포지션*/
			.kenburn-slider .slides li:nth-child(1) .slide-image {background-position:52% 0;}
			.kenburn-slider .slides li:nth-child(2) .slide-image {background-position:70% 0;}
			.kenburn-slider .slides li:nth-child(3) .slide-image {background-position:73% 0;}
		}

		@media (min-width:481px) and (max-width:768px) {
			/*슬라이드 화살표*/
			.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {top:50%; height:1em; margin-top:-16%;}
		}
		
		@media (max-width:1280px) {
			/*슬라이드 화살표*/
			.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {display:none;  -webkit-transform: scale(0.72); transform: scale(0.72); font-weight:300; opacity:0.2; font-family:sans-serif;}
			.kenburn-slider .flex-direction-nav .flex-prev:after, .kenburn-slider .flex-direction-nav .flex-next:before {vertical-align:middle;}

			/*슬라이더 컨트롤*/
			.wrap-scrolldownhoney {bottom:30px;}
		}