/**/
	.blindbox1{
		position:fixed; left:0; top:0;
		width:100%; height:100%;
		background:rgba(255,255,255,.8);
		z-index:200;		
	}
	body.mainon .blindbox1{
		opacity:0;
		width:0; height:0;
		transition:opacity ease 2.8s .2s, width ease .0s .2s, height ease .0s .2s;
	}
	
	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 .5s;
	}
	
	body.mainon .mainvisual{
		opacity:1;
		transition:opacity ease .6s .2s;
	}
	body.mainon .mainvisual .quickbnn1{
		opacity:1;
		transition:opacity ease .6s .2s;
	}
	
	#mwrap::before{
		opacity:0;
	}
	body.mainon #mwrap::before{
		opacity:1;
		transition:opacity ease .6s .2s;
	}
	

/*main*/	
	.mainvisual{
		position:relative;	
		width:100%; height:1000px; 
		box-sizing:border-box;
		z-index:10;
		opacity:0;
	}
	
	/**250709수정전
	.mainvisual .quickbnn1{
		position:absolute; right:min(max(10px, 5vw),50px); bottom:80px;
		opacity:0;
		transition:opacity ease .6s 1.2s;
		z-index:5;
	}
	.mainvisual .quickbnn1 > ul{
	}
	.mainvisual .quickbnn1 > ul > li{
		position:relative;
		margin-top:10px;
		display:flex; justify-content:flex-end;
		animation: fadeInMove2 .6s linear both; animation-timing-function:ease-in-out; animation-delay:.8s;
	}
	
	.mainvisual .quickbnn1 > ul > li > a{
		position:relative; right:0;	
		display:flex; justify-content:flex-start;
		width:60px; height:60px; line-height:60px;
		white-space:nowrap;
		overflow:hidden;
		background:#fff;
		border-radius:40px;
		box-sizing:border-box;
		transition:width ease .2s 0s;
	}
	.mainvisual .quickbnn1 > ul > li > a > span{
		font-weight:400; color:#fff; font-size:16px;
		margin-left:30px;
		opacity:0;
		transition:all ease .1s 0s;
	}

	
	.mainvisual .quickbnn1 > ul > li:nth-child(1) > a > span{
		color:var(--main-color2);
	}
	.mainvisual .quickbnn1 > ul > li > a::after{
		position:absolute; right:0; top:0;
		vertical-align:middle;
		width:28px; height:28px;
		margin:16px;
		background:url(../../images/main/quick_ico1.png?v=1) no-repeat left center; background-size:300% 100%;
		content:"";
	}
	.mainvisual .quickbnn1 > ul > li:nth-child(2) > a{
		background:var(--main-color2);
	}
	.mainvisual .quickbnn1 > ul > li:nth-child(3) > a{
		background:var(--main-color1);
	}
	.mainvisual .quickbnn1 > ul > li:nth-child(2) > a::after{
		background-position:50% center;
	}
	.mainvisual .quickbnn1 > ul > li:nth-child(3) > a::after{
		background-position:100% center
	}
	.mainvisual .quickbnn1 > ul > li > a:hover{
		width:190px;
		transition:width ease .5s .0s;
	}
	.mainvisual .quickbnn1 > ul > li > a:hover span{
		opacity:1;
		transition:opacity ease .3s .2s;
	}
    250709 퀵배너 수정전 **/


/**250709 수정 내용 퀵배너 1번을 숨기면서 차일드값 변경 , 오버상태가 디폴트로**/
	.mainvisual .quickbnn1{
		position:absolute; right:min(max(10px, 5vw),50px); bottom:80px;
		opacity:0;
		transition:opacity ease .6s 1.2s;
		z-index:5;
	}
	.mainvisual .quickbnn1 > ul{
	}
	.mainvisual .quickbnn1 > ul > li{
		position:relative;
		margin-top:10px;
		display:flex; justify-content:flex-end;
		animation: fadeInMove2 .6s linear both; animation-timing-function:ease-in-out; animation-delay:.8s;
	}
	
	.mainvisual .quickbnn1 > ul > li > a{
		
		position:relative; right:0;	
		display:flex; justify-content:flex-start;
		width:60px; height:60px; line-height:60px;
		white-space:nowrap;
		overflow:hidden;
		background:#fff;
		border-radius:40px;
		box-sizing:border-box;
		transition:width ease .2s 0s;
		width:190px; /* 기본으로 펼쳐진 상태 */
	}
	.mainvisual .quickbnn1 > ul > li > a > span{
		font-weight:400; color:#fff; font-size:16px;
		margin-left:30px;
		opacity:1; /* 기본으로 노출된 상태 */
		transition:all ease .1s 0s;
	}

	
	.mainvisual .quickbnn1 > ul > li:nth-child(0) > a > span{
		color:var(--main-color2);
	}
	.mainvisual .quickbnn1 > ul > li > a::after{
		position:absolute; right:0; top:0;
		vertical-align:middle;
		width:28px; height:28px;
		margin:16px;
		background:url(../../images/main/quick_ico1.png?v=1) no-repeat left center; background-size:300% 100%;
		content:"";
	}
	.mainvisual .quickbnn1 > ul > li:nth-child(1) > a{
		background:var(--main-color2);
	}
	.mainvisual .quickbnn1 > ul > li:nth-child(2) > a{
		background:var(--main-color1);
	}
	.mainvisual .quickbnn1 > ul > li:nth-child(1) > a::after{
		background-position:50% center;
	}
	.mainvisual .quickbnn1 > ul > li:nth-child(2) > a::after{
		background-position:100% center
	}
	.mainvisual .quickbnn1 > ul > li > a:hover{
		width:190px;
		transition:width ease .5s .0s;
	}
	.mainvisual .quickbnn1 > ul > li > a:hover span{
		opacity:1;
		transition:opacity ease .3s .2s;
	}


	.videobnn1{	
		display:flex; flex-direction:column; gap:10px;
		margin-top:40px;
		z-index: 100;
		animation: fadeInMove2 .6s linear both; animation-timing-function:ease-in-out; animation-delay:.8s;
	} 
	.videobnn1 > div{
		box-shadow: 2px 2px 6.86px 0.14px rgba(0, 0, 0, 0.5); border-radius: 8px;
	}
	.movie-btn {
		position:relative;
		width:208px; height:117px; 
		transition:0.3s; transition-delay:0.9s; 
		cursor:pointer; 
	} 
	.movie-btn iframe{
		position:absolute; top:1px; left:1px;
		width:calc(100% - 2px); height:calc(100% - 2px); 
		border-radius:9px; background:rgba(0, 0, 0, 0.4); 
		z-index:1; 
	}
	.movie-btn .btn-wrapper{
		position:relative; 
		background: url(../../images/main/movie-transparent-btn.png) no-repeat center; 
		width:100%; height:100%;
		z-index:1000;
	}
	.movie-btn .btn-wrapper::before{
		position:absolute; left:50%; top:calc(50% + 20px);
		transform:translate(-50%,-50%);
		color:#fff; font-weight:400; font-size:16px;
		white-space:nowrap;
		content:"";
	}
	.movie-btn.t2 .btn-wrapper::before{
		content:"";
	}
	.movie-btn .dim{
		position:absolute; top:1px; left:1px;
		width:calc(100% - 2px); height:calc(100% - 2px); border-radius:9px; background:rgba(0, 0, 0, 0.4);  
		z-index:100;
	}
	
	
	.mainvisual > .sns1{
		position:absolute; left:20px; bottom:65px;
		z-index:5;
	}
	.mainvisual > .sns1::before{
		display:block;
		margin:0 auto; margin-bottom:20px;
		width:1px; height:80px;
		background:rgba(255,255,255,.4);
		content:"";
	}
	.mainvisual > .sns1 > li{
		padding:20px 0;
	}
	.mainvisual > .sns1 > li > a{
		font-size:0; line-height:0;
		display:block;
		width:18px; height:17px;
		background:url(../../images/main/ico_sns1.png) no-repeat left center; background-size:300% 100%;
	}
	.mainvisual > .sns1 > li:nth-child(2) a{
		background-position:50% center;
	}
	.mainvisual > .sns1 > li:nth-child(3) a{
		background-position:100% center;
	}
	.mainvisual > .vtxt1{
		position:absolute; left:110px; bottom:80px;
		text-align:left;
		color:#fff; font-weight:400; font-size:16px; line-height:24px;
		z-index:5;
	}
	.mainvisual > .vtxt1 > em{
		color:var(--main-color1); font-size:20px; font-weight:500;
	}

	.mainvisual .visualbox{
		position:relative; 
		overflow:hidden;
		height:100%;	
		z-index:3;
	}
	.mainvisual .slick-slide{
		position:relative;
		width:100%; height:100%; 
		overflow:hidden;
		box-sizing:border-box;
	}
	
	
	.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) 4.8s 0s;
	}
	
	.mainvisual .visualbox .visualtxt1{
		position:relative; left:50%; top:200px;
		transform:translate(-50%, 0);
		text-align:center;
	}
	.mainvisual .visualbox .visualtxt1 img{
		margin:0 auto;
	}
	
	.mainvisual .visualbox .visualtxt1 .txt1{
	    margin-top:80px;
		opacity:0;
		transform:translateY(20px);
		transition:transform ease .6s, opacity ease .6s;
	}
	.mainvisual .visualbox .visualtxt1 .txt2{
		margin-top:20px;
		opacity:0;
		transform:translateY(20px);
		transition:transform ease .6s, opacity ease .6s;
	}
	.mainvisual .visualbox .visualtxt1 .txt2::after{
		display:block;
		margin:40px auto;
		width:1px; height:40px;
		background:rgba(255,255,255,1);
		content:"";
	}
	.mainvisual .visualbox .visualtxt1 .txt3{		
		opacity:0;
		transform:translateY(20px);
		transition:transform ease .6s, opacity ease .6s;
	}
	
   .mainvisual .visualbox .visualtxt1 .txt4{
		font-family:'Nanum Myeongjo'; color:#fff; font-size:28px; line-height:40px;  letter-spacing:-1.5px;
		margin-top:70px;
		opacity:0;
		transform:translateY(20px);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s, opacity cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s;
	}
   .mainvisual .visualbox .visualtxt1 .txt5{
		font-family:'Nanum Myeongjo'; color:#fff; font-size:60px; line-height:72px;  letter-spacing:-1.5px; font-weight:bold;
		margin-top:10px;
		opacity:0;
		transform:translateY(20px);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s, opacity cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s;
	}

	.mainvisual .visualbox .visualtxt1 .txt5 b{
		font-size:60px; font-weight:bold;  

	}
    .mainvisual .visualbox .visualtxt1 .txt5 em{
	display: block;
	font-size: 24px;
	margin-top: 10px; 
	line-height: 1.2;
	}
	.mainvisual .visualbox .visualtxt1 .txt6{
		margin-top:10px;
		opacity:0;
		transform:translateY(20px);
		transition:transform ease .6s, opacity ease .6s;
	}
	.mainvisual .visualbox .visualtxt1 .txt6::before{
		display:block;
		margin:20px auto;
		width:1px; height:30px;
		background:rgba(255,255,255,1);
		content:"";
	}
	body.mainon .mainvisual .visualbox .visualtxt1 .txt4{
		opacity:1;
		transform:translateY(0px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.8s .4s;
	}
	
	body.mainon .mainvisual .visualbox .visualtxt1 .txt5{
		opacity:1;
		transform:translateY(0px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.8s .8s;
	}


	.mainvisual .visualbox .active .mainimg1 > div{
		transform:scale(1);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) 4.8s 0s;
	}
	.mainvisual .visualbox .active .visualtxt1 .txt1{
		opacity:1;
		transform:translateY(0);
		transition:transform ease .6s, opacity ease .6s;
	}
	.mainvisual .visualbox .active .visualtxt1 .txt2{
		opacity:1;
		transform:translateY(0);
		transition:transform ease .6s .2s, opacity ease .6s .2s;
	}
	.mainvisual .visualbox .active .visualtxt1 .txt3{
		opacity:1;
		transform:translateY(0);
		transition:transform ease .6s .4s, opacity ease .6s .4s;
	}


	.mainvisual .visualbox .active .visualtxt1 .txt6{
		opacity:1;
		transform:translateY(0);
		transition:transform ease .6s .2s, opacity ease .6s .2s;
	}


	.mainvisual .vctrbox1{
		position:absolute; left:50%; bottom:80px;
		transform:translateX(-50%);
		display:flex; justify-content:center; align-items:center; gap:20px;
		z-index:8;
	}
	
	
	.mainvisual .vctrbox1 .vprev1,
	.mainvisual .vctrbox1 .vnext1{
		display:block; vertical-align:middle;
		font-size:0; line-height:0;
		width:8px; height:14px;
		cursor:pointer;
		margin:0 auto;
		z-index:12;
	}
	
	.mainvisual .vctrbox1 .vprev1::before,
	.mainvisual .vctrbox1 .vnext1::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 .vnext1::before{background-position:right center;}
	.mainvisual .vctrbox1 .vprev1{
	}
	.mainvisual .vctrbox1 .vnext1{
	}
	.mainvisual .vctrbox1 .vprev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mainvisual .vctrbox1 .vnext1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mainvisual .vctrbox1 > ul{
		display:flex; gap:0 12px;
	}
	.mainvisual .vctrbox1 > ul > li{
		width:12px; height:12px;
		box-sizing:border-box;
		border:1px solid #fff;
		border-radius:50%;
		font-size:0; line-height:0px;
		overflow:hidden;
		cursor:pointer;
		transition:border ease .3s 0s;
	}
	.mainvisual .vctrbox1 > ul > li.active{
		border:6px solid #fff;
		transition:border ease .3s 0s;
	}
	
/*main*/