/**/
.introbox1{
	position:fixed; left:0; top:0;
	width:100%; height:100%;
	z-index:100;
}

.introbox1 .maincont1{
	position:absolute; left:0; top:0;
	width:100%;
	z-index:1;
}
.introbox1 .introtxt1{
	position:fixed; left:50%; top:50%;
	width:1270px;
	transform:translate(-50%, -50%);
	margin-top:-50px;
	text-align:center;
	z-index:2;
	transition: opacity 0.7s ease, width 0.7s ease 2s;
	-webkit-transition: opacity 0.7s ease, width 0.7s ease 1s;
}
.introbox1 .introtxt1 .txt1{
	white-space:nowrap;
	font-family:"Montserrat"; color:#28451b; font-weight:normal; font-size:162px; line-height:170px;
	opacity:0;
	-webkit-animation:fade1 2.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fade1 2.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fade1 2.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
}
.introbox1 .introtxt1 p{
	white-space:nowrap;
	color:#333333; font-weight:600; font-size:25px; line-height:25px;
	margin-top:50px;
}

.introbox1 .questionbox1 .introtxt1 .txt1{
	color:#fff
}
.introbox1 .questionbox1 .introtxt1 p{
	color:#fff; 
}

.questionbox1{
	z-index:10;	
}

.introbox1::after{
	position:absolute; left:0; top:0;
	width:100%; height:100%;
	background:#e6e6d8;
	z-index:-1;
	content:"";
}
.introbox1.loading{
	
}
.introbox1.loading .questionbox1{
	-webkit-mask-size: 10000px;
	mask-size: 10000px;
	animation-delay:0s;
}
@-webkit-keyframes loadingqs1{
	0%{  width:684px; height:779px;}
	94%{width:3420px; height:3895px; }
	100%{width:3420px; height:3895px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
}
@keyframes loadingqs1{
	0%{  width:684px; height:779px;}
	94%{width:3420px; height:3895px;}
	100%{width:3420px; height:3895px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
}
.introbox1.loading.fin{
	position:relative;
	width:100%; min-width:1400px; height:auto;
	z-index:10;
	overflow:hidden;
}
.introbox1.fin .maincont1{
	position:absolute; left:0; top:0;
}
.introbox1.loading.fin .questionbox1{
	width:100%;
	-webkit-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}
.introbox1.loading.fin::after{
	display:none;
}
.introbox1.loading.fin .introtxt1{
	opacity:0; width:0;
	overflow:hidden;
}

/*main*/	

	.mainvisual{position:relative; width:100%; height:auto; overflow:hidden; z-index:10; box-sizing:border-box;}	
	
	
	@-webkit-keyframes lineani1{
		0%{width:0; height:0; -webkit-transform:translate3d(25px,25px,0);transform:translate3d(25px,25px,0)}
		40%{width:50px; height:50px; -webkit-transform:translateZ(0);transform:translateZ(0)}
		70%{width:50px; height:50px; -webkit-transform:translateZ(0);transform:translateZ(0)}
		80%{width:0; height:0; -webkit-transform:translate3d(25px,25px,0);transform:translate3d(25px,25px,0)}
		100%{width:0; height:0; -webkit-transform:translate3d(25px,25px,0);transform:translate3d(25px,25px,0)}
	}
	@keyframes lineani1{
		0%{height:0; -webkit-transform:translateY(0);transform:translateY(0)}
		40%{height:110px; -webkit-transform:translateY(0);transform:translateY(0)}
		60%{height:0px; -webkit-transform:translateY(110px);transform:translateY(110px)}
		90%{height:0px; -webkit-transform:translateY(110px);transform:translateY(110px)}
		100%{height:0px; -webkit-transform:translateY(110px);transform:translateY(110px)}
	}
	
	
	
	.mainvisual .slick-slide{width:100%; height:100%; overflow:hidden;}
	
	.mainvisual .visualbox{position:relative; overflow:hidden; width:100%; height:100%; z-index:3; overflow:hidden;}
	.mainvisual .visualbox .slick-list,  
	.mainvisual .visualbox .slick-track, 
	
	.mainimg1{
		width:100%; height:100%;
	}	
	.mainvisual,
	.mainvisual .visualbox .slick-list{}
	.mainvisual .visualbox .mainimg1{
		width:100%;
		height:100%;
		background-size:cover !important;
	}	
	.visualbox .movieb1::before{
		position:absolute; left:0; top:0; width:100%; height:100%;
		/* background:rgba(0,0,0,.1); */
        background: linear-gradient(to right,rgba(0,0,0,.4), rgba(0,0,0,.2),rgba(0,0,0,.1) 80%, transparent);
		content:"";
		z-index:10;
	}
	.visualbox .movieb1::after{
		position:absolute; left:0; top:0; width:100%; height:100%;
		background:#28451b;
		content:"";
	}
	.visualbox .movieb1{
		position:relative; 
		width:100%; height: 0;
		padding-bottom:52%;
		overflow: hidden;
		z-index:4;
		background:#333;
	}
	.visualbox .movieb1 iframe{
		
	   position: absolute;
	   left:0; top: 0;
	   width:100%; height:100%;
	   z-index:5;
	}	
	
	.mainvisual .visualatxt1{position:absolute; top:200px; left:210px; text-align:left; z-index:10; color:#fff;} 
	.mainvisual .visualatxt1 .txt1{opacity:0; font-size:60px; line-height:80px; font-weight:600; font-family:'Nanum Myeongjo'; letter-spacing:-1px;}
    .mainvisual .visualatxt1 .txt1 em{font-size:66px; font-weight:700;}
	.mainvisual .visualatxt1 .txt2{opacity:0; font-size:18px; line-height:28px; font-weight:300; margin-top:20px;}
	.mainvisual .visualatxt1 .txt3{opacity:0;  margin-top:40px;}
	

	.mainvisual.on .visualatxt1 .txt1{
		-webkit-animation:textUp1 1.2s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textUp1 1.2s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textUp1 1.2s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:1.2s; 
	}	

	.mainvisual.on .visualatxt1 .txt2{
		-webkit-animation:textUp1 1.2s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textUp1 1.2s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textUp1 1.2s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:1.3s;
	}
	.mainvisual.on .visualatxt1 .txt3{
		-webkit-animation:textUp1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textUp1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textUp1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:1.4s; 
	}
	
	.mainvisual .leftvx1{
		position:absolute; left:80px; top:210px;
		height:calc(100% - 280px); 
		z-index:10;
	}
	.mainvisual .leftvx1::before{
		position:absolute; left:30px; top:370px;
		width:1px; height:calc(100% - 530px);
		background:#fff;
		content:"";
	}
	
	.mainvisual .leftvx1 .txt1{
		font-weight:400; color:#fff; font-size:16px; letter-spacing:8px;
		transform:rotate(90deg) translate(170px,145px);
	}
	
	
	.mainvisual .leftvx1 ul{
		position:absolute; left:0; bottom:0;
	}
	.mainvisual .leftvx1 ul > li a::before{
		position:absolute; left:0; top:0;
		width:60px; height:60px;
		background:url(../../images/main/ico_home1.png) no-repeat center center;
		z-index:1;
		content:"";
	}
	.mainvisual .leftvx1 ul > li:nth-child(2) a::before{
		background:url(../../images/main/ico_video1.png) no-repeat center center;
	}
	.mainvisual .leftvx1 ul > li{
		position:relative;
		width:60px; max-width:60px; height:60px; margin-bottom:10px;
		padding-left:0px; padding-right:0px;
		display:flex; align-items:center;
		overflow:hidden;
		border-radius:30px;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		background:#518a38;
	}
	.mainvisual .leftvx1 ul > li:nth-child(2){
		background:#28451b;
	}
	.mainvisual .leftvx1 ul > li a{
		white-space:nowrap; color:#fff; font-size:0px;
		transition: font-size 0.5s ease;
		-webkit-transition: font-size 0.5s ease;
		transition-delay:.11s;
	}
	.mainvisual .leftvx1 ul > li:hover{
		width:auto;
		padding-left:60px; padding-right:20px;
		max-width:180px;
	}
	.mainvisual .leftvx1 ul > li:hover a{
		font-size:16px;
		transition: font-size 0s ease;
		-webkit-transition: font-size 0s ease;
		transition-delay:0s;
	}	
	.mainvisual .videoctr1{
		position:absolute; right:430px; top:120px;
		z-index:10;
	}
	.mainvisual .videoctr1 a{
		display:inline-block; width:80px; height:80px;
		margin:0 4px;
		font-size:0; line-height:0;
	}
	.mainvisual .videoctr1 a.sound1{
		display:none;
		background:url(../../images/main/btn_sound1.png) no-repeat left center;
	}
	.mainvisual .videoctr1 a.sound1.on{
		background-position:right center;
	}
	.mainvisual .videoctr1 a.play1{
		background:url(../../images/main/btn_play1.png) no-repeat left center;
	}
	.mainvisual .videoctr1 a.play1.off{
		background-position:right center;
	}
	.visualbnn1{
		position:absolute; right:0; top:100px;
        border-left:1px solid rgba(255,255,255,.3);
		width:400px; height:calc(100% - 100px); 
		z-index:10;
	}
	.visualbnn1 > ul{
		height:100%;
		box-sizing:border-box;
	}
	.visualbnn1 > ul > li{
		position:relative;
		height:25%; padding:0 40px;
		box-sizing:border-box;
		text-align:left;
		display:flex; align-items:center;
		overflow:hidden;
	}
	.visualbnn1 > ul > li a{
		width:100%;
	}
	.visualbnn1 > ul > li .cont1{
		position:relative;
		width:100%;
		border-bottom:1px solid rgba(255,255,255,.2);
		color:#fff; line-height:30px; font-size:26px;
		padding-bottom:15px;
	}
	.visualbnn1 > ul > li .cont1 > em{
		display:block;
		opacity:.4; line-height:16px; font-size:16px;
		margin-bottom:4px;
	}
	.visualbnn1 > ul > li .cont1::before{
		display:block; width:48px; height:48px;
		background:url(../../images/main/ico_premium1.png) no-repeat left center;
		margin-bottom:20px;
		content:"";
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
	.visualbnn1 > ul > li:nth-child(2) .cont1::before{
		background-position:33.33%;		
	}
	.visualbnn1 > ul > li:nth-child(3) .cont1::before{
		background-position:66.66%;		
	}
	.visualbnn1 > ul > li:nth-child(4) .cont1::before{
		background-position:100%;		
	}
	.visualbnn1 > ul > li:hover .cont1::before{
		opacity:0;
	}
	.visualbnn1 > ul > li .cont1::after{
		position:absolute; right:0; bottom:8px;
		width:7px; height:7px; border-radius:50%;
		background:rgba(255,255,255,.4);
		content:"";
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	.visualbnn1 > ul > li:hover .cont1::after{
		width:26px; height:26px;
		background:url(../../images/main/btn_view1.png);
	}
	.visualbnn1 > ul > li::before{
		position:absolute; left:0px; top:0px;
		width:100%; height:100%;
		border-radius:40%;
		background:url(../../images/main/bg_premium1.jpg) no-repeat center center; background-size:cover !important;
		opacity:0;
		content:"";
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
	.visualbnn1 > ul > li:nth-child(2)::before{
		background:url(../../images/main/bg_premium2.jpg) no-repeat center center; background-size:cover !important;
	}
	.visualbnn1 > ul > li:nth-child(3)::before{
		background:url(../../images/main/bg_premium3.jpg) no-repeat center center; background-size:cover !important;
	}
	.visualbnn1 > ul > li:nth-child(4)::before{
		background:url(../../images/main/bg_premium4.jpg) no-repeat center center; background-size:cover !important;
	}
	.visualbnn1 > ul > li:hover::before{
		border-radius:0;
		opacity:1;
	}
	
	.introbox1 #header{
		opacity:0;
	}
	.introbox1 .visualbnn1{
		opacity:0;
	}
	.introbox1 .mainvisual .videoctr1{
		opacity:0;
	}
	.introbox1.loading.fin #header{
		-webkit-animation:textUp1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textUp1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textUp1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:1.2s; 
	}
	.introbox1.loading.fin .visualbnn1{
		-webkit-animation:fadeInMove2 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove2 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove2 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:1.2s; 
		/*backdrop-filter: blur(9px);*/
	}
	.introbox1.loading.fin .videoctr1{
		-webkit-animation:textUp1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textUp1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textUp1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:1.2s;
	}
	.introbox1 .leftvx1{
		opacity:0;
	}
	.introbox1.loading.fin .leftvx1{
		-webkit-animation:fadeInMove3 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove3 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove3 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:1.2s; 
	}

    @media screen and (max-width:1500px) {
        .visualbnn1 > ul > li .cont1 {
            font-size:23px;
        }
        .visualbnn1 > ul > li .cont1 > em{
            font-size:14px; margin-bottom:2px;
        }
        .mainvisual .visualatxt1{
            left:180px;
        }
        .mainvisual .leftvx1{
            left:50px;
        }
        .mainvisual .leftvx1 .txt1{
            font-size:14px; letter-spacing: 6px;
            transform: rotate(90deg) translate(140px,116px);
        }
	}
/*main*/