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

	body.off #header{
		opacity:0;
		transform:translateY(-100px);
	}
	body.off #footer{
		display:none;
	}
	body.off #wrap{
		opacity:0;
		max-height:0; overflow:hidden;
	}
	body.mainon #header:not(.fixed){
		opacity:1; transform:translateY(0px);
		transition:opacity ease .6s .8s, transform ease .6s .8s;
	}
	
	body.mainon .mainvisual{
		opacity:1;
		transition:opacity ease .6s 1.2s;
	}


/*main*/
	 .introbox1{
		position:fixed; left:0; top:0;
		width:100%; height:100%;
		z-index:10;	
	}
	.introbox1 > .lnkskip1{
		position:absolute; right:min(max(20px, 5vw),100px); bottom:min(max(20px, 5vw),100px);
		width:130px; height:50px;	
		display:flex; align-items:center; justify-content:center;
		background:#002600;
		border-radius:30px;
		z-index:5;
		animation: fadeInMove2 .6s linear both; animation-timing-function:ease-in-out; animation-delay:.9s
	}
	.introbox1 > .lnkskip1 > span{
		position:relative;
		font-weight:500; color:#fff; font-size:18px;
		display:flex; justify-content:space-between; align-items:center; 
		z-index:1;
		transition:all ease;
		transition-duration:.4s;
	}
	.introbox1 > .lnkskip1:hover > span{
		flex:1;
		margin-left:20px;
		text-align:center;
	}
	.introbox1 > .lnkskip1 > span::after{
		flex:0 0 0;
		height:36px;
		background:url(../../images/main/ico_btn1.png) no-repeat center center; background-size:cover;
		opacity:0;
		content:"";
		transition:all ease;
		transition-duration:.4s;
	}
	.introbox1 > .lnkskip1:hover > span::after{
		flex:0 0 36px;
		margin-right:10px;
		opacity:1;
	}
		
	.introbox1 .maincont1{
		position:absolute; left:0; top:0;
		width:100%;
		z-index:1;
		opacity:0;
		transition:opacity ease .7s;
	}
	.introbox1 svg {
		position:absolute;
		top:50%; left:calc(50% + 430px);
		transform:translate(-50%,-50%);
		pointer-events:none;
		z-index:2;
		stroke-dasharray: 1000; /* 임시값 */
		stroke-dashoffset: 1000;
		visibility: hidden;
		transition:opacity ease .3s;
	  }
	.introbox1 .introtxt1{
		position:fixed; left:50%; top:50%;
		display:inline-block;
		transform:translate(-50%, -50%);
		text-align:center;
		z-index:10;
		transition: opacity 1.3s ease
		/*transition: opacity 0.7s ease*/
	}
	.introbox1 .introtxt1 .txt1 > p,
	.introbox1 .introtxt1 .txt1 > div{
		white-space:nowrap;
	}
	.introbox1 .introtxt1 > p{
		overflow:hidden;
		display:inline-block;
		color:#333333; font-weight:400; font-size:40px; line-height:40px;
		/*color:#333333; font-weight:400; font-size:30px; line-height:30px;*/
		animation:introani1 1.0s linear both; animation-timing-function:ease-in-out; animation-delay:.6s;
		/*animation:introani1 .8s linear both; animation-timing-function:ease-in-out; animation-delay:.4s;*/
	}
	.introbox1 .introtxt1 > div{
		margin-top:20px;	
		color:#333333; font-weight:700; font-size:60px; line-height:60px;
		/*color:#333333; font-family:var(--font-family3); font-weight:600; font-size:60px; line-height:60px;*/
		animation:introani1 1.0s linear both; animation-timing-function:ease-in-out; animation-delay:1.0s;
		/*animation:introani1 .8s linear both; animation-timing-function:ease-in-out; animation-delay:.8s;*/
	}
	.maskbox1{
		z-index:10;	
	}

	.introbox1::after{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:#fff;
		z-index:-1;
		content:"";
	}
	.introbox1.loading{
		
	}
	.introbox1.loading .maincont1{
		opacity:1;
	}	
	.introbox1.loading .maskbox1{
		mask-size: 600%;
		mask-position: 50% 50%;
	}
	.introbox1.loading svg{
		opacity:0;	
		pointer-events:none;
	}
	.introbox1.loading .introtxt1{
		opacity:0;
		pointer-events:none;
	}
	
	.introbox1.fin{
		position:relative;
		height:auto;
	}
	.introbox1.fin .maincont1{
		position:relative;
		overflow:hidden;
	}
	.introbox1.loading > .lnkskip1{
		pointer-events:none;
		animation-name:fadeInMove2;
		animation-duration:.9s;
		animation-delay:.2s;
		animation-direction:reverse;
	}
	.introbox1.loading.fin::after{
		display:none;
	}
	
	.introbox1.loading.not .maskbox1{
		transition: mask 0s ease-in-out;
		transition-delay:0s;
		mask-image:none;
	}
	.introbox1.loading.fin .maskbox1{
		mask-image:none;
	}
	.introbox1.fin.not svg, .introbox1.fin.not::after{
		display:none;
	}
	.introbox1.fin{
		min-width:1400px;
	}
	.introbox1:not(.fin) .maincont1{
		pointer-events:none;
	}	

@-webkit-keyframes introani1{
		0%{	
			clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

		}
		100%{
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		}
	}
		
	.mainvisual{
		position:relative; 
		width:100%; height:100vh; 
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}	
	
	.mainvisual .txtscroll1{
		position:absolute; right:0px; top:50%;
		transform:translateY(-50%);
		color:#fff;
		z-index:4;
		text-align:center;
		
		opacity:0;
		transition:opacity ease .6s .8s, right ease .6s .8s;
	}
	.mainvisual .txtscroll1 > em{
		display:block;
		transform:rotate(90deg);
		font-weight:300; color:#fff; 
	}
	.mainvisual .txtscroll1 > span{
		position:relative;
		display:block;
		margin:0 auto; margin-top:50px;
		width:1px; height:150px;
		background:#fff;		
	}
	.mainvisual .txtscroll1 > span > span{
		position:absolute; left:calc(50% - 4px); top:0;
		width:9px; height:9px;
		background:#fff;
		border-radius:50%;
		animation:lefttoright1 infinite 2.4s linear;
		content:"";
	}
	
	body.mainon .mainvisual .txtscroll1{
		opacity:1;
	  	right:20px;
	}
	@-webkit-keyframes lefttoright1{
	  from{
		  top:-5%;
		  opacity:0;
	  }
	  20%{
		 opacity:1; 
		}
		80%{
		 opacity:1; 
		}
	  to{
		  top:100%;
		  opacity:0;
	  }
	}
	
	.mainvisual .popbnn1{
		position:absolute; right:50px; bottom:100px;
		width:195px; height:196px;
		display:flex; justify-content:center; align-items:center;
		color:var(--main-color1);
		z-index:4;
		
		opacity:0;
		transform:translateX(30px);
		transition:opacity ease .6s .8s, transform ease .6s .8s;
	}
	.mainvisual .popbnn1::after{
		position:absolute; left:13%; top:13%;
		width:74%; height:74%;
		background:#fff;
		border-radius:50%;
		z-index:-1;
		content:"";
	}
	.mainvisual .popbnn1::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/main/txt_cir1.png) no-repeat center center; background-size:cover;
		animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;
		content:"";
	}
	.mainvisual .popbnn1 > span{
		font-weight:800; font-size:34px; line-height:40px;
	}
	body.mainon .mainvisual .popbnn1{
		opacity:1;
	  	transform:translateX(0);
	}
	
	
	.mainvisual .slick-slide{
		width:100%; height:100%; 
		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 .video-background {
		position: absolute; top: 0; left: 0; 
		width: 100vw; min-width:1400px; height: 100vh; 
		overflow: hidden;
		pointer-events: none;
	}
	.mainvisual .video-background::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:rgba(0,0,0,.2);
		content:"";
		z-index:2;
	}	
	.mainvisual .video-background 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*/
	}
	.mainvisual .video-background iframe iframe,	
	.mainvisual .video-background iframe object,	
	.mainvisual .video-background iframe embed { 
	   position: absolute; top: 0; left: 0; 
	   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) 5s 0s;
	}

	.mainvisual .visualbox .visualtxt1{
		position:relative; left:50%; top:50%;
		transform:translate(-50%, -50%);
		color:#fff;
		text-align:center;
		z-index:3
	}
	.mainvisual .visualbox .visualtxt1.t2{
		color:#333;
	}
	.mainvisual .visualbox .visualtxt1 .txt1{
		font-size:30px; line-height:42px;
		opacity:0;
		transform:translateY(20px);
		filter: blur(10px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0), filter cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.4s;
		transition-delay:.1s;
	}
	.mainvisual .visualbox .visualtxt1 .txt1 > em{
		font-weight:600; 
	}
	.mainvisual .visualbox .visualtxt1 .txt2{
		margin-top:10px;
		/*margin-top:30px;*/
		/*font-family:var(--font-family3); font-size:60px;*/
		font-weight:400; font-size:60px;
		opacity:0;
		transform:translateY(20px);
		filter: blur(10px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0), filter cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.4s;
		transition-delay:.1s;
	}
	.mainvisual .visualbox .visualtxt1 .txt2 > strong{
		font-weight:700;
	}
	.mainvisual .visualbox .visualtxt1 .txt3{
		text-align:center;
		margin-top:min(max(30px, 10vw),120px);
		transform:translateY(20px);
		opacity:0;
		filter: blur(10px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0), filter cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.4s;
		transition-delay:.1s;
	}
	.mainvisual .visualbox .visualtxt1 .txt3 img{
		display:inline-block;
	}
	
	.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;
		transform:translateY(0px);
		filter: blur(0px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0), filter cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.8s;
		transition-delay:.1s;
	}
	.mainvisual .visualbox .active .visualtxt1 .txt2{
		opacity:1;
		transform:translateY(0px);
		filter: blur(0px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0), filter cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.8s;
		transition-delay:.1s;
	}
	.mainvisual .visualbox .active .visualtxt1 .txt3{
		opacity:1;
		transform:translateY(0px);
		filter: blur(0px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0), filter cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.8s;
		transition-delay:.3s;
	}
	
	.mncont1{
		position:relative;
		padding:150px 0;		
		overflow:hidden;
	}
	.mncont1 > .bg1{
		position:absolute; left:0; top:0;
		width:100%; height:109%;	
		background:url(../../images/main/bg_premium1.jpg) no-repeat; background-size:cover;
		background-position:center 0;
		background-attachment: scroll;
		z-index:-1;
	}
	.mncont1 > .mcont1{
		max-width:1400px;
		margin:0 auto;
	}
	.mncont1 > .mcont1 > .tit1{
		font-weight:300; color:#fff; font-size:30px; line-height:30px;
		/*font-family:var(--font-family3); color:#fff; font-size:30px; line-height:30px;*/
		opacity:0;
		transform:translateY(20px);
		transition:opacity ease .2s .3s, transform ease .2s .3s;
	}
	.mncont1 > .mcont1 > .tit1 > strong{
		font-weight:600;
	}
	.mncont1 > .mcont1 > .tit1 h2{
		margin-top:20px;
		font-family:var(--font-family); font-weight:700; color:#fff; font-size:80px; line-height:70px;
	}
	.mncont1 > .mcont1 > .tit1 > .txt1{
		text-align:right;
		transform:translateX(20px);
		font-family:var(--font-family); color:rgba(255,255,255,.7); font-size:13px;
		transition:transform ease .2s .3s;
	}
	.mncont1 > .mcont1 > .tit1.active{
		opacity:1;
		transform:translateY(0px);
		transition:opacity ease .5s .1s, transform ease .5s .1s;
	}
	.mncont1 > .mcont1 > .tit1.active > .txt1{
		transform:translateX(0px);
		transition:transform ease .7s .0s;
	}
	
	.premiumtxt1{
		margin-top:40px;
	}
	.premiumtxt1 > li{
		opacity:0;
		transition:opacity ease .2s .3s, transform ease .2s .3s;
	}
	.premiumtxt1 > li:nth-child(n+2){
		margin-top:60px;
	}
	.premiumtxt1 > li > .imgbox1{
		position:relative;
	}
	.premiumtxt1 > li > .imgbox1 > div{
		position:absolute;		
		font-family:var(--font-family3); color:#fff; font-size:40px;
		display:flex; gap:40px;
		z-index:2;
	}
	.premiumtxt1 > li > .imgbox1 > div > em{
		font-family:var(--font-family2); color:#f3eedb; font-size:100px;
	}
	.premiumtxt1 > li > .imgbox1 > .bg1{
		position:relative;
		display:block;
		overflow:hidden;
	}
	.premiumtxt1 > li > .imgbox1 > .bg1::before{
		position:absolute; right:10px; bottom:10px;
		color:rgba(255,255,255,.4); font-size:14px;
		content:"※ 이미지컷";
		z-index:2;	
	}
	.premiumtxt1 > li > .cont1 > em{
		color:#fff; font-size:20px;
		display:flex; align-items:center; gap:10px;
	}
	.premiumtxt1 > li > .cont1 > em > span{
		font-weight:500; color:#fff; font-size:30px; line-height:30px;
	}
	.premiumtxt1 > li > .cont1 > .txt1{
		margin-top:20px;
		color:#fff; font-weight:600; font-size:40px; line-height:50px;
	}
	.premiumtxt1 > li > .cont1 > .txt1 > p{
		margin-top:20px;
		font-weight:400; font-size:18px; line-height:24px;
	}
	
	.premiumtxt1 > li:first-child{
		transform:translateY(20px);
	}
	.premiumtxt1 > li:first-child > .imgbox1 > .bg1{
		width:100%; padding-bottom:200px;
		border-radius:0 50px 0 50px;
		background:url(../../images/main/img_premium1_1.jpg) no-repeat center center; background-size:cover;
	}
	.premiumtxt1 > li:first-child > .imgbox1 > div{
		left:100px; bottom:50px;
	}
	.premiumtxt1 > li:first-child > .cont1{
		padding-left:100px; margin-top:10px;
		text-align:left;
	}
	
	.premiumtxt1 > li:nth-child(2){
		text-align:right;
		margin-left:auto;
		width: fit-content;
		margin-top:-40px;
		display:flex; flex-direction:row-reverse; gap:80px; align-items:center;
		transform:translateX(20px);
	}	
	.premiumtxt1 > li:nth-child(2) > .imgbox1 .bg1{
		width:490px; padding-bottom:550px;
		border-radius:50px 0 0 0;
		background:url(../../images/main/img_premium2_1.jpg) no-repeat center center; background-size:cover;
	}
	.premiumtxt1 > li:nth-child(2) > .imgbox1 > div{
		right:360px; top:100px;
	}
	.premiumtxt1 > li:nth-child(2) > .cont1{
		margin-top:70px;
	}
	.premiumtxt1 > li:nth-child(2) > .cont1 > em{
		justify-content:flex-end;
	}
	
	.premiumtxt1 > li:nth-child(3){
		width: fit-content;
		display:flex; gap:80px; align-items:center;
		transform:translateX(-20px);
	}	
	.premiumtxt1 > li:nth-child(3) > .imgbox1 .bg1{
		width:490px; padding-bottom:550px;
		border-radius:0 50px 50px 0;
		background:url(../../images/main/img_premium3_1.jpg) no-repeat center center; background-size:cover;
	}
	.premiumtxt1 > li:nth-child(3) > .imgbox1 .bg2{
		position:absolute; left:-350px; top:0;
		width:320px; padding-bottom:550px;
		background:url(../../images/main/img_premium3_2.jpg) no-repeat center center; background-size:cover;
	}
	.premiumtxt1 > li:nth-child(3) > .imgbox1 .bg1::before{
		right:auto; left:10px;
	}
	.premiumtxt1 > li:nth-child(3) > .imgbox1 > div{
		left:310px; bottom:70px;	
		flex-wrap:wrap;	
	}
	.premiumtxt1 > li:nth-child(3) > .imgbox1 > div em{
		margin-bottom:20px;
	}
	.premiumtxt1 > li:nth-child(3) > .cont1{
		margin-top:-40px;
		text-align:left;
	}
	
	.premiumtxt1 > li:nth-child(4){
		text-align:right;
		margin-left:auto;
		width: fit-content;
		display:flex; flex-direction:row-reverse; gap:80px; justify-content:flex-end; align-items:center;
		transform:translateX(20px);
	}	
	.premiumtxt1 > li:nth-child(4) > .imgbox1 .bg1{
		width:490px; padding-bottom:550px;
		border-radius:50px 0 0 0;
		background:url(../../images/main/img_premium4_1.jpg) no-repeat center center; background-size:cover;
	}
	.premiumtxt1 > li:nth-child(4) > .imgbox1 .bg2{
		position:absolute; right:-350px; top:0;
		width:320px; padding-bottom:550px;
		background:url(../../images/main/img_premium4_2.jpg) no-repeat center center; background-size:cover;
	}
	.premiumtxt1 > li:nth-child(4) > .imgbox1 > div{
		right:300px; top:100px;		
		flex-wrap:wrap; justify-content:flex-end;		
	}
	.premiumtxt1 > li:nth-child(4) > .imgbox1 > div em{
		white-space:nowrap;
		margin-bottom:20px;
	}
	.premiumtxt1 > li:nth-child(4) > .cont1{
		margin-top:40px;
	}
	.premiumtxt1 > li:nth-child(4) > .cont1 > em{
		justify-content:flex-end;
	}
	
	.premiumtxt1 > li:nth-child(5){
		width: fit-content;
		display:flex; gap:80px; align-items:center;
		transform:translateX(-20px);
	}	
	.premiumtxt1 > li:nth-child(5) > .imgbox1 .bg1{
		width:490px; padding-bottom:550px;
		border-radius:0 50px 0 0;
		background:url(../../images/main/img_premium5_1.jpg) no-repeat center center; background-size:cover;
	}
	.premiumtxt1 > li:nth-child(5) > .imgbox1 > div{
		left:406px; bottom:90px;	
		flex-wrap:wrap;	
	}
	.premiumtxt1 > li:nth-child(5) > .imgbox1 > div em{
		margin-bottom:20px;
	}
	.premiumtxt1 > li:nth-child(5) > .cont1{
		margin-top:-60px;
		text-align:left;
	}
	
	.premiumtxt1 > li:nth-child(6){
		width: fit-content;
		display:flex; gap:80px; align-items:center;
		transform:translateX(-20px);
	}	
	.premiumtxt1 > li:nth-child(6) > .imgbox1 .bg1{
		width:880px; padding-bottom:410px;
		border-radius:0 50px 0 0;
		background:url(../../images/main/img_premium6_1.jpg) no-repeat center center; background-size:cover;
	}
	.premiumtxt1 > li:nth-child(6) > .imgbox1 .bg1::before{
		right:auto; left:10px;
	}
	.premiumtxt1 > li:nth-child(6) > .imgbox1 > div{
		left:766px; top:90px;	
	}
	.premiumtxt1 > li:nth-child(6) > .imgbox1 > div em{
		margin-bottom:20px;
	}
	.premiumtxt1 > li:nth-child(6) > .cont1{
		margin-top:130px;
		text-align:left;
	}
	
	.premiumtxt1 > li.active{
		opacity:1;
		transform:translate(0, 0);
		transition:opacity ease .8s .2s, transform ease .8s .2s;
	}
	
	.mncont5{
		position:relative;
		min-width:1400px; height:100vh;
		background:#111;
		overflow:hidden;
		display:flex;
	}
	.mncont5 .mcont1{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%);
		width:100%; max-width:1400px;
		text-align:left; color:#333;
		z-index:2;
	}
	.mncont5 .mcont1 .mtit1{
		font-weight:700; font-size:120px; letter-spacing:10px;
		opacity:0;
		transform:translateX(-30px);
		transition:opacity ease .5s, transform ease .5s;
	}
	.mncont5 .mcont1 .mtxt1{
		padding:50px 0 0 150px;
		opacity:0;
		transform:translateY(50px);
		transition:opacity ease .5s, transform ease .5s;
	}
	.mncont5 .mcont1 .mtxt1 > div{
		font-weight:600; font-size:24px; line-height:24px;
	}
	.mncont5 .mcont1 .mtxt1 > p{
		margin-top:20px;
		font-size:16px; line-height:24px;
	}
	.mncont5 .mcont1.on .mtit1,
	.mncont5 .mcont1.on .mtxt1{
		opacity:1;
		transform:translate(0,0);
	}
	
	.bgvisual1{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%);
		width: 100%; padding-bottom: 56.25%; height: 0;
		overflow: hidden;
		pointer-events: none;
	}
	.bgvisual1 iframe{
		position: absolute; top: 50%; left: 50%; 
		transform: translate(-50%, -50%); 
		width: 100%; 
		height: 100%; 
	}
	.bgvisual1 iframe iframe,	
	.bgvisual1 iframe object,	
	.bgvisual1 iframe embed { 
	   position: absolute; top: 0; left: 0; 
	   width: 100%; height: 100%; 
	 }
	
	.mncont2{
		position:relative;
		height:100vh;
		overflow:hidden;
	}
	.mncont2 .step{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		z-index:3;
	}			
	.mncont2 .step.t1 .l1{
		position:absolute; right:50%; bottom:50%;
		transform:translate(50%,50%);
	}
	.mncont2 .step.t1 .l1 > img{
		max-width:75%;
	}
	.mncont2 .step.t1 .txt1{
		position:absolute; left:min(max(30px, 15vw),150px); top:min(max(30px, 50vw),110px);
		/*position:absolute; left:min(max(10px, 5vw),60px); top:min(max(30px, 50vw),110px);*/
		text-align:left;
		color:#333;
	}
	.mncont2 .step.t1 .txt1 > div{
		font-weight:600; font-size:min(max(1vw, 6vw),40px); line-height:min(max(1vw, 8vw),50px);
	}
	.mncont2 .step.t1 .txt1 > p{
		margin-top:min(max(1vw, 3.12vw),20px);
		color:rgba(51,51,51,.8); font-size:min(max(1vw, 3.2vw),16px); line-height:min(max(1vw, 5.5vw),25px);
	}
	.mncont2 .step.t1 .bgbox1{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/main/bg_brand1.jpg) no-repeat center center; background-size:cover;
		clip-path: inset(90% 40% 10% 40%); /* 초기값 수정 */
  		will-change: clip-path;
		z-index:-1;
	}
	.mncont2 .step.t1 .bgbox1::before{
		position:absolute; left:50%; top:50%;
		width:2922px; height:100%;
		transform:translate(-50%,-50%);
		background:url(../../images/main/img_light1.png) no-repeat center center; background-size:contain;
		content:"";
		animation:light1 infinite  30s linear;
	}
	.mncont2 .step.t1 .bgbox1::after{
		position:absolute; left:50%; top:50%;
		width:2922px; height:100%;
		transform:translate(-50%,-50%);
		background:url(../../images/main/img_light1.png) no-repeat center center; background-size:contain;
		opacity:.1;
		content:"";
		animation:light1 infinite  30s linear;
		animation-delay:25s;
	}
	
	@-webkit-keyframes light1{
	  0%{
		  margin-left:0%; margin-top:0%;
		  opacity:.1;
	  }
	  20%{
		  margin-left:20%; margin-top:-10%;
		  opacity:1;
	  }
	  40%{
		  margin-left:40%; margin-top:-5%;
		  opacity:.3;
	  }
	  60%{
		  margin-left:60%; margin-top:0%;
		  opacity:1;
	  }
	  80%{
		  margin-left:80%; margin-top:5%;
		  opacity:.8;
	  }
	  100%{
		  margin-left:100%; margin-top:0%;
		  opacity:0;
	  }
	}
	
	.mncont2 .step.t2{
		z-index:2
	}
	.mncont2 .step.t2 .txt1{
		position:absolute; left:min(max(30px, 15vw),150px); top:min(max(30px, 40vw),100px);
		/*position:absolute; left:min(max(10px, 5vw),60px); top:min(max(30px, 40vw),100px);*/
		text-align:left;
		color:#fff; font-weight:600; font-size:min(max(2vw, 7.5vw),50px); line-height:min(max(2vw, 10.5vw),75px);
	}
	.mncont2 .step.t2 .txt2{
		position:absolute; right:min(max(30px, 15vw),150px); bottom:min(max(30px, 70vw),150px);
		/*position:absolute; right:min(max(10px, 5vw),60px); bottom:min(max(30px, 70vw),150px);*/
		text-align:right;
		color:#fff; 
	}
	.mncont2 .step.t2 .txt2 > div{
		font-weight:400; font-size:min(max(1vw, 5vw),28px); line-height:min(max(1vw, 6.5vw),36px);
		/*font-size:min(max(1vw, 3.8vw),24px); line-height:min(max(1vw, 5.8vw),32px);*/
	}
	.mncont2 .step.t2 .txt2 > div > em{
		font-weight:700;
	}
	.mncont2 .step.t2 .txt2 > p{
		margin-top:min(max(1vw, 3.12vw),20px);
		color:rgba(255,255,255,.7); font-size:min(max(1vw, 3.2vw),16px); line-height:min(max(1vw, 5.5vw),25px);
	}
	.mncont2 .step.t2 .bgbox1{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		transform:scale(1.12);
		background:url(../../images/main/bg_brand2.jpg) no-repeat center center; background-size:cover;
		z-index:-1;
	}
	.mncont2 .step.t3{
		z-index:3
	}
	.mncont2 .step.t3 .video-background {
		position:fixed; top: 0; left: 0; 
		width: 100vw; height: 100vh; 
		overflow: hidden;
		pointer-events: none;
	}
	.mncont2 .step.t3 .video-background 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*/
	}
	.mncont2 .step.t3 .video-background iframe iframe,	
	.mncont2 .step.t3 .video-background iframe object,	
	.mncont2 .step.t3 .video-background iframe embed { 
	   position: absolute; top: 0; left: 0; 
	   width: 100%; height: 100%; 
	 }
	 
	.video-background-fixed {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.video-background-fixed.show {
  opacity: 1;
}
.video-background-fixed.scroll-out {
 
}
.video-background-fixed iframe {
  position: absolute; top: 50%; left: 50%; 
transform: translate(-50%, -50%); 
width: 200vw; 
height: 180.00vw; 
min-height: 100vh; 
min-width: 187.78vh; 
}
	.mncont2 .step.t3 .bgsceen1{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:#fff;
		z-index:5;		
	}
	
	
	.mncont2 .step.t1.active .l1{
		position:absolute; right:200px; bottom:150px;
		transform:translate(0, 0);
		transition-duration:1.8s;
		transition-delay:2.9s
	}
	.mncont2 .step.t1.active .txt1 > div{
		filter:blur(0px);
		opacity:1;
		transform:translateX(0px);
		transition-duration:.6s;
		transition-delay:3.2s;
	}
	.mncont2 .step.t1.active .txt1 > p{
		filter:blur(0px);
		opacity:1;
		transform:translateX(0px);
		transition-duration:.6s;
		transition-delay:3.5s;
	}

	@-webkit-keyframes brandbg1{
		0% { clip-path: inset(50% 50%); }
		20% { clip-path: inset(49% 42%); }
		80% { clip-path: inset(16% 42%); }
		90% { clip-path: inset(8% 15%); }
		100% { clip-path: inset(0% 0%); }
	}
	
	.mncont2 .step.t2.active .txt1{
		opacity:1;
		filter:blur(0px);
		opacity:1;
		transform:translateX(0px);
		transition-duration:1.4s;
		transition-delay:.5s;
	}
	.mncont2 .step.t2.active .txt2{
		opacity:1;
		filter:blur(0px);
		opacity:1;
		transform:translateX(0px);
		transition-duration:1.4s;
		transition-delay:.5s;
	}
	.mncont2 .step.t2.active .bgbox1{
		opacity:1;
		transform:scale(1);
		transition-duration:1.2s;
		transition-delay:.0s;
	}
	
	.mncont2 .fadebox1-wrapper {
		position: absolute; left: 50%; top: 50%;
		transform: translate(-50%, -50%);
		width:160%; height:164%;
		z-index:10;
	}
	.mncont2 .fadebox1-wrapper > .fadebox1{
		width:100%;  height: 100%;
		transform: rotate(-20deg);
		transform-origin: center center;
	}
	.mncont2 .fadebox1-wrapper > .fadebox1 > *{
		display:block;
		width:0%; height:25.3%;
		background:#fff;
		margin-bottom:-1px;
		box-shadow: 0 0 2px #fff;
	}
	.mncont2 .fadebox1 > *:nth-child(2n){
		margin-left:auto;
	}
	.mncont2 .fadebox1 > *:nth-child(2){
		animation-delay:.4s;
	}
	.mncont2 .fadebox1 > *:nth-child(3){
		animation-delay:.8s;
	}
	.mncont2 .fadebox1 > *:nth-child(4){
		animation-delay:1.2s;
	}
	.mncont2 .fadebox1 > *{
	}
	.mncont2 .fadebox1-wrapper > .fadebox1{
		opacity:1;
	}
	
	
	.mncont3{
		position:relative;
		width:100%; 
		background:#fff;
		overflow:hidden;
	}
	.mncont3  .mcont1{
		position:absolute; left:0; top:0;
		width:100%; 
	}
	.mncont3  .mcont1 > .locationtxt1{
		width:100%; height:100dvh;
		display:flex; justify-content:center; align-items:center;
	}
	.mncont3  .mcont1 .cont1{
		position:relative;
	}
	.mncont3  .mcont1 .cont1 .txt1{
		position:absolute; left:0; top:50%;
		transform:translateY(-50%);
		width:100%;
		text-align:center;
		font-weight:800; color:#333333; font-size:30px; letter-spacing:5px;
	}
	.mncont3  .mcont1 .cont1 .txt2{
		margin-top:6.4rem;
		color:#333;
	}
	.mncont3  .mcont1 .cont1 .txt2 > p{
		font-size:24px; line-height:24px;
		overflow:hidden;
	}
	.mncont3  .mcont1 .cont1 .txt2 > p > span{
		display:block;
		transform:translateY(100%);
		transition:transform ease .8s .0s;
	}
	.mncont3  .mcont1 .cont1 .txt2 > div{
		margin-top:20px;
		font-weight:300; font-size:50px;
		/*font-family:var(--font-family3); font-weight:600; font-size:50px;*/
		overflow:hidden;
	}
	.mncont3  .mcont1 .cont1 .txt2 > div > span{
		display:block;
		transform:translateY(100%);
		transition:transform ease .8s .0s;
	}
	.mncont3  .mcont1 .cont1 .txt2 > div > span > strong{
		font-weight:700;
	}
	.mncont3  .mcont1 .cont1 .txt2 > a{
		display:inline-block;
		border-radius:50px;
		border:1px solid #999999;
		margin:0 auto; margin-top:4rem; padding:15px 70px;
		font-weight:600; color:#333; font-size:16px;
		opacity:0;
		transition:opacity ease .8s .0s;
	}
	.mncont3  .mcont1 .cont1 .txt2.on > p > span,
	.mncont3  .mcont1 .cont1 .txt2.on > div > span{
		transform:translateY(0);
	}
	.mncont3  .mcont1 .cont1 .txt2.on > a{
		opacity:1;
	}
	
	.mncont3  .mcont1 .cont2{
		position:absolute; left:50%; top:100%;
		transform:translateX(-50%);
		width:80%; max-width:1400px; height:100%;
		padding:5rem 0 ;		
		box-sizing:border-box;
		opacity:0;
	}
	.mncont3  .mcont1 .cont2 .locationvisual{
		position:relative;
		border-radius:50px;
		width:100%; max-width:1400px; height:100%;		
		overflow:hidden;
	}
	.mncont3  .mcont1 .cont2 .locationvisual > .imgbox1{
		position:relative;
		width:100%; height:100%;
		overflow:hidden;
		border-radius:50px;
	}
	.mncont3  .mcont1 .cont2 .locationvisual > .imgbox1 > span{
		display:block;
		width:100%; height:100%;
	}
	.mncont3  .mcont1 .cont2 .locationvisual > .imgbox1 > span img{
		display:block;
		width:100%; height:100%;
		object-fit:cover;
	}
	.rolling_wrap {		
		position:absolute; left:0; top:50%;
		transform:translateY(-50%);
		width: 100%; 
		overflow: hidden;
		z-index:3;
	}

	.rolling_track {
		display: flex; gap:0; align-items:center;
		width:max-content; 
		white-space:nowrap;
		animation: marquee 20s linear infinite;
	}

	.rolling_track > div {
		flex: 1 0 auto;
		padding:0 20px;
		color:rgba(255,255,255,.5); font-weight:700; font-size:70px;
		
	}
	@keyframes marquee {
		0% 	{ 	transform: translateX(0%);		}
		to   { transform: translateX(-33.33%); }
	}
	
	
	
	.mncont3 > .mcont2{
		max-width:1400px;
		margin:0 auto; padding-top:770dvh;
	}
	.mncont3 > .mcont2 > ul{
		width:480px;
		margin-left:auto; padding:150px 0;
	}
	.mncont3 > .mcont2 > ul > li{
		
	}
	.mncont3 > .mcont2 > ul > li:nth-child(n+2){
		margin-top:50px;
	}
	.mncont3 > .mcont2 > ul > li > .imgbox1{
		position:relative;
		display:block;
		border-radius:40px;
		overflow:hidden;
		height:18rem;
	}
	.mncont3 > .mcont2 > ul > li > .imgbox1::before{
		position:absolute; right:25px; top:25px;
		color:rgba(255,255,255,.5); font-size:13px;
		content:"이미지컷"; 
	}
	.mncont3 > .mcont2 > ul > li > .imgbox1 > span{
		display:block;
		width:100%;
	}
	.mncont3 > .mcont2 > ul > li > .cont1{
		text-align:left;
		padding:25px 0 0 50px;
	}
	.mncont3 > .mcont2 > ul > li > .cont1 > em{
		font-weight:700; color:#333; font-size:20px; line-height:22px;
	}
	.mncont3 > .mcont2 > ul > li > .cont1 > p{
		margin-top:14px;
		color:#666666; font-size:16px; line-height:22px;
	}
	
	
	.mncont4{
		position:relative;
		background:url(../../images/main/bg_direction1.jpg) no-repeat center center; background-size:cover;
		padding:200px 0;
		z-index:3;
	}
	.mncont4::before{
		position:absolute; right:0; top:0;
		width:135px; height:100%;
		/*width:171px; height:100%;*/
		background:url(../../images/main/bg_direction_line1.png) repeat-y center top;
		content:"";
		z-index:-1;
	}
	.mncont4 > .mcont1{
		width:1400px;
		margin:0 auto;
		display:flex; justify-content:space-between;
	}
	.mncont4 > .mcont1 > *:nth-child(1){
		padding-left:100px;
	}
	.mncont4 > .mcont1 > *:nth-child(1) > .tit1{
		text-align:left;
		font-weight:600; color:#333; font-size:24px; line-height:26px;
	}
	.mncont4 > .mcont1 > *:nth-child(1) > .tit1 > h2{
		font-family:var(--font-family2); font-weight:400; color:var(--main-color1); font-size:100px; line-height:140px;
	}
	.mncont4 > .mcont1 > *:nth-child(1) ul{
		width:450px;
		margin-top:80px; padding:50px 0;
		border-top:2px solid var(--main-color1); border-bottom:2px solid var(--main-color1);
	}
	.mncont4 > .mcont1 > *:nth-child(1) ul > li{
		position:relative;
		text-align:left;
		padding:0 20px;
	}
	.mncont4 > .mcont1 > *:nth-child(1) ul > li:not(:first-child)::before{
		position:absolute; left:0; top:0;
		width:100%; height:2px;	
		background-image: repeating-linear-gradient(
			to right,
			#808080 0px,
			#808080 1px,     /* 도트 너비 */
			transparent 1px,
			transparent 5px  /* 도트 간격 */
		);
		content:"";
	}
	
	.mncont4 > .mcont1 > *:nth-child(1) ul > li em{
		color:var(--main-color2); font-weight:700; font-size:24px; 
	}
	.mncont4 > .mcont1 > *:nth-child(1) ul > li > div{
		margin-top:5px;
		display:flex; justify-content:space-between; align-items:center;
	}
	.mncont4 > .mcont1 > *:nth-child(1) ul > li > div > *:nth-child(1){
		color:#333333; font-size:18px;
	}
	.mncont4 > .mcont1 > *:nth-child(1) ul > li > div > *:nth-child(2){
		position:relative;
		display:flex; gap:30px;
	}
	.mncont4 > .mcont1 > *:nth-child(1) ul > li > div > *:nth-child(2)::before{
		position:absolute; left:50%; top:0;
		width:1px; height:100%;
		background:var(--main-color1);
		opacity:.5;
		content:"";
	}
	.mncont4 > .mcont1 > *:nth-child(1) ul > li:nth-child(n+2){
		padding-top:40px; margin-top:40px;
	}
	
	
/*main*/