/**/
.blindbox1{
		position:fixed; left:0; top:0;
		width:100%; height:100%;
		background:#fff;
		z-index:200;		
	}

	body.off #header{
		opacity:0;
	}
	body.off #footer{
		display:none;
	}
	body.off #wrap{
		opacity:0;
		max-height:0; overflow:hidden;
	}
	body.mainon #header{
		opacity:1;
		transition:opacity ease .6s 1.2s;
	}
	
	body.mainon .mainvisual{
		opacity:1;
		transition:opacity ease .6s 1.2s;
	}


/*main*/	
	.introbox1{
		position:fixed; left:0; top:0;
		width:100%; height:100vh;
		z-index:11;
		background:#fff;
		opacity:1;
		transition:opacity ease .8s
	}
	.introbox1 > .inner1{
		position:absolute; left:0; top:0;
		width:100%; height:100%
	}
	.introbox1 > .inner1 > .top1{
		position:absolute; left:calc(50% - 130px); top:12%;
		
		opacity:0;
		animation: textDown1 .4s linear both; animation-timing-function:ease-in-out; animation-delay:.5s
	}

	.introbox1 > .inner1 > .intro-video {
		position: absolute; top: 0; left: 0; 
		width: 100vw; height: 100vh; 
		overflow: hidden;
		pointer-events: none;
	}
	.introbox1 > .inner1 > .intro-video iframe{
		position: absolute; top: 50%; left: 50%; 
		transform: translate(-50%, -50%); 
		width: 100vw; 
		height: 56.25vw; /* 16:9 비율 맞춤 - 9 / 16 * 100*/
		min-height: 100vh; 
		min-width: 177.78vh; /* 16:9 비율 맞춤 - 16 / 9 * 100*/
	}
	.introbox1 > .inner1 > .intro-video iframe iframe,	
	.introbox1 > .inner1 > .intro-video iframe object,	
	.introbox1 > .inner1 > .intro-video iframe embed { 
	   position: absolute; top: 0; left: 0; 
	   width: 100%; height: 100%; 
	 }
	 .introbox1 > .inner1 > .lnkskip1{
		position:absolute; left:calc(50% - 100px); bottom:12%;
		font-weight:600; color:#333; font-family:var(--font-family3); font-size:20px; line-height:10px; letter-spacing:2px;
		
		opacity:0;
		animation: fadeInMove3 .4s linear both; animation-timing-function:ease-in-out; animation-delay:.5s
	}
	.introbox1 > .inner1 > .lnkskip1::after{
		display:block;
		width:200px; height:16px;
		background:url(../../images/main/ico_arr1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	 .introbox1 > .inner1 > .lnkskip1:hover::after{
		 animation:play-right infinite alternate .5s linear;
	}
	.introbox1.fin{
		opacity:0;
		pointer-events: none;
	}
	
	.mainvisual{
		position:relative; 
		width:100%; height:950px; 
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}	
	.mainvisual .slick-slide{
		width:100%; height:950px; 
		overflow:hidden;
	}
	
	.mainvisual .visualbox{
		position:relative; 
		overflow:hidden;
		border-radius:0 0 150px 0;
		height:100%; 		
		z-index:3;
	}
	
	.mainvisual .visualbox > div,
	.mainvisual .visualbox .slick-list,  
	.mainvisual .visualbox .slick-track{
		width:100%; height:100%;
	}	
	.mainvisual .visualbox .mainimg1{
		position:absolute; left:0; top:0;
		width:100%; min-width:1100px;
		height:100%;
		overflow:hidden;
	}	
	.mainvisual .visualbox .mainimg1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background-size:cover !important;
		transform:scale(1.05);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) .8s 0s;
	}

	.mainvisual .visualbox .visualtxt1{
		position:relative; left:50%; top:170px;
		width:100%; max-width:1400px;
		transform:translateX(-50%);
		text-align:center;
	}
	
	.mainvisual .visualbox .visualtxt1 .txt1{
		clip-path: inset(0% 30% round 20px);
		opacity:0;
		filter: blur(10px);
		transition:clip-path ease 1.6s, filter ease 1.4s, opacity ease 1.4s;
	}
	.mainvisual .visualbox .visualtxt1 .txt1 > p{
		color:#333; font-size:18px; line-height:34px;
	}
	.mainvisual .visualbox .visualtxt1 .txt2{
		margin-top:30px;
		font-weight:400; color:#333333; font-size:45px; line-height:56px;
		clip-path: inset(0% 30%);
		opacity:0;
		
		transition:clip-path ease 1.4s .5s, opacity ease 1.5s .5s;
	}
	.mainvisual .visualbox .visualtxt1 .txt2 > em{
		font-weight:700; color:#044b81;
	}
	@media screen and (max-width: 1400px){
		.mainvisual .visualbox .visualtxt1{
		position:relative; left:35%; top:170px;
		transform:translateX(-50%);
		text-align:right;
		}
	}
	
	
	.mainvisual .visualbox .active .mainimg1 > div{
		transform:scale(1);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) 5s 0s;
	}
	.mainvisual .visualbox .active .visualtxt1 .txt1{
		opacity:1;
		filter: blur(0px);
		clip-path: inset(0% 0% round 0px);
	}
	
	.mainvisual .visualbox .active .visualtxt1 .txt2{
		clip-path: inset(0% 0%);
		opacity:1;
	}
	
	
	.mainvisual > .vtxt1{
		position:absolute; left:50%; bottom:-18px;
		transform:translateX(-50%);
		color:rgba(255,255,255,.4); font-family:var(--font-family5); font-size:150px; line-height:110px;
		letter-spacing:-90px;
		filter: blur(20px);
		white-space:nowrap;
		transition:letter-spacing ease 1.8s, filter ease 1.4s;
		z-index:4;
	}
	.mainvisual > .vtxt1 em{
		font-weight:600;
	}
	body.mainon .mainvisual > .vtxt1{
		letter-spacing:20px;
		filter: blur(0px);
	}
	
	.mainvisual .vctrbox1{
		position:absolute; right:40px; top:50%;
		transform:translateY(-50%);
		z-index:12;
	}
	.mainvisual .vctrbox1 .vdots1 > li{
		position:relative;
		width:min(max(10px, 4.4vw),30px); height:min(max(10px, 4.4vw),30px);
		font-size:0; line-height:0;
		margin:8px 0;
		cursor:pointer;
	}
	.mainvisual .vctrbox1 .vdots1 > li::before, .mainvisual .vctrbox1 .vdots1 > li::after{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%);
		box-sizing:border-box;
		width:5px; height:5px;
		border-radius:50%;
		background:#fff;
		content:"";
		transition:all ease .4s 0s;
	}
	.mainvisual .vctrbox1 .vdots1 > li::after{
		border:1px solid #fff;
		background:none;
	}
	.mainvisual .vctrbox1 .vdots1 > li.active::before{
		background:#fff;		
	}
	.mainvisual .vctrbox1 .vdots1 > li.active::after{
		width:100%; height:100%;
	}

	
/*main*/