/**/
.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*/	
	.mainvisual{
		position:relative; 
		width:100%; height:950px; 
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}	
	.mainvisual .visual_atxt1{
		position:absolute; left:50%; top:180px;
		/*position:absolute; left:50%; top:220px;*/
		transform:translateX(-50%) scale(.6);
		width:370px;
		border-radius:180px;
		border:1px solid #fff;
		padding:90px 0 100px;
		/*padding:90px 0 140px;*/
		opacity:0;
		filter:blur(10px);
		color:#fff;
		z-index:5;
		transition:transform ease .8s 1.2s, filter ease .8s 1.4s, opacity ease .6s 1.2s;
	}
	.mainvisual .visual_atxt1 > .txt1{
		font-weight:200; font-size:20px;
	}
	.mainvisual .visual_atxt1 > .txt2{
		margin-top:20px;
		font-family:var(--font-family2); font-weight:300; font-size:43px;
	}
	.mainvisual .visual_atxt1 > .txt2 > em{
		font-weight:700; font-size:46px;
	}
	.mainvisual .visual_atxt1 > .txt2::after{
		display:block;
		margin:20px auto;
		width:1px; height:60px;		
		background:#fff;
		content:"";
	}
	.mainvisual .visual_atxt1 > .txt4{
		font-family:var(--font-family2); font-weight:300; font-size:43px;
	}
	.mainvisual .visual_atxt1 > .txt4 > em{
		font-weight:700; font-size:46px;
	}
	.mainvisual .visual_atxt1 > .txt5{
		margin-top:30px;
		font-weight:200; font-size:16px;
		/*font-weight:200; font-size:20px;*/
	}
	.mainvisual .visual_atxt1 > .txt5::after{
		display:block;
		margin:20px auto;
		width:1px; height:60px;		
		background:#fff;
		content:"";
	}
	body.mainon .mainvisual .visual_atxt1{
		transform:translateX(-50%) scale(1);
		filter:blur(0px);
		opacity:1;	
	}
	
	.mainvisual .slick-slide{
		width:100%; height:950px; 
		overflow:hidden;
	}
	
	.mainvisual .visualbox{
		position:relative; 
		overflow:hidden;
		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%;
		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:70%; top:0;
		width:0;
		text-align:center;
	}
	
	.mainvisual .visualbox .active .mainimg1 > div{
		transform:scale(1);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) 5s 0s;
	}
	
	.mainvisual .vctrbox1{
		position:absolute; left:50%; bottom:50px;
		transform:translateX(-50%);
		z-index:12;
	}
	.mainvisual .vctrbox1 > div{
		position:relative;
		margin:0 auto;
		display:flex; gap:15px; justify-content:center; align-items:center;
	}
	
	.mainvisual .vctrbox1 .sprev1,
	.mainvisual .vctrbox1 .snext1{
		display:block; vertical-align:middle;
		font-size:0; line-height:0;
		width:9px; height:13px;
		cursor:pointer;
		margin:0 auto;
		z-index:12;
	}
	
	.mainvisual .vctrbox1 .sprev1::before,
	.mainvisual .vctrbox1 .snext1::before{
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr1.png) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mainvisual .vctrbox1 .snext1::before{background-position:right center;}
	.mainvisual .vctrbox1 .sprev1{
	}
	.mainvisual .vctrbox1 .snext1{
	}
	.mainvisual .vctrbox1 .sprev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mainvisual .vctrbox1 .snext1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mainvisual .vctrbox1 .vdots1{
		display:flex; gap:10px; align-items:center;
	}
	.mainvisual .vctrbox1 .vdots1 > li{
		display:flex; justify-content:center; align-items:center;
		width:10px; height:10px;
		cursor:pointer;
	}
	.mainvisual .vctrbox1 .vdots1 > li > em{
		display:block;
		border-radius:50%;
		font-size:0; line-height:0;	
		width:4px; height:4px;
		background:#fff;
		transition:width ease .2s, height ease .2s;
	}
	.mainvisual .vctrbox1 .vdots1 > li.active > em{
		width:10px; height:10px;
	}
	
	
	.mainvisual .snsbox1{
		position:absolute; left:0px; top:50%;
		transform:translateY(-50%);
		opacity:0;
		z-index:5;
		transition:opacity ease .8s 1.2s, left ease .8s 1.2s;
	}
	.mainvisual .snsbox1 > li:nth-child(n+2)::before{
		display:block; width:60%; height:1px;
		margin:14px auto;
		background:rgba(255,255,255,.8);
		content:"";
	}
	.mainvisual .snsbox1 > li > a{
		font-size:0; line-height:0;
		display:block;
		width:21px; height:21px;
		background:url(../../images/common/btn_client1.png) no-repeat center center;
	}
	.mainvisual .snsbox1 > li:nth-child(2) > a{
		background:url(../../images/common/btn_youtube1.png) no-repeat center center;
	}
	.mainvisual .snsbox1 > li:nth-child(3) > a{
		background:url(../../images/common/btn_seohan1.png) no-repeat center center; /**btn_blog1.png**/
	}	
	.mainvisual .snsbox1 > li:nth-child(4) > a{
		background:url(../../images/common/btn_facebook1.png) no-repeat center center;
	}
	.mainvisual .snsbox1 > li:nth-child(5) > a{
		background:url(../../images/common/btn_seohan1.png) no-repeat center center;
	}
	
	body.mainon .mainvisual .snsbox1{
		left:50px;
		opacity:1;
	}
/*main*/