/**/
.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:100%; background:#fff; box-sizing:border-box; overflow:hidden; z-index:100;
		display:flex; justify-content:center; align-items:center;
	}
	.introbox1 > .lnkskip1{
		position:absolute; right:min(max(20px, 5vw),100px); bottom:min(max(20px, 5vw),100px);
		width:150px; height:152px;	
		display:flex; align-items:center; justify-content:center;	
		animation: fadeInMove2 .6s linear both; animation-timing-function:ease-in-out; animation-delay:.5s
	}
	.introbox1 > .lnkskip1::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/intro/txt_cir1.png) no-repeat center center; background-size:cover;
		animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;
		content:"";
	}
	.introbox1 > .lnkskip1::after{
		position:absolute; left:16%; top:16%;
		width:68%; height:68%;
		background:var(--main-color1);
		border-radius:50%;
		content:""
	}
	.introbox1 > .lnkskip1 > span{
		position:relative;
		font-weight:500; color:#fff; font-size:18px;
		z-index:1;
		transition:all ease;
		transition-duration:.4s;
	}
	.introbox1 > .lnkskip1:hover > span{
		color:rgba(255,255,255,0);
	}
	.introbox1 > .lnkskip1 > span::before{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%) rotate(45deg);
		width:29px; height:29px;
		background:url(../../images/intro/ico_arr1.png) no-repeat center center; background-size:cover;
		opacity:0;
		content:"";
		transition:all ease;
		transition-duration:.4s;
	}
	.introbox1 > .lnkskip1:hover > span::before{
		opacity:1;
		transform:translate(-50%,-50%) rotate(0deg);
	}
	
	.introbox1 .inner1{
	}
	.introbox1 .inner1 > .cont1{
		text-align:center;
		animation:introbox1 1.2s linear both; animation-timing-function:ease-in-out; animation-delay:3.0s	
	}
	.introbox1 .inner1 > .cont1 .img1{
		animation: introani1 .6s linear both; animation-timing-function:ease-in-out; animation-delay:.5s
	}
	.introbox1 .inner1 > .cont1 .txt1{
		display:inline-block;
		font-weight:400; color:#333; font-size:30px; line-height:30px;
		white-space:nowrap;
	}
	.introbox1 .inner1 > .cont1 .txt1 > span{
		display:block;
		text-align:left;	
		overflow:hidden;
		animation: introani2 2.2s linear both; animation-timing-function:ease-in-out; animation-delay:.8s
	}
	.introbox1 .inner1 > .cont1 .txt1 em{
		font-weight:600
	}
	.introbox1 .inner1 > .cont2{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		clip-path:inset(50% 50%);
		overflow:hidden;
		margin:0 auto;
		display:flex; justify-content:center; align-items:center;
		background:url(../../images/intro/bg_intro1.jpg) no-repeat center center; background-size:cover;
		animation:introbox2 1.4s linear both; animation-timing-function:linear ; animation-delay:3.8s;	
	}
	.introbox1 .inner1 > .cont2 .txt1{
		font-weight:400; color:#333; font-size:30px; line-height:30px;
		display:flex; justify-content:center; gap:200px;
		animation: introani3 1.4s linear both; animation-timing-function:ease-in-out; animation-delay:5.0s
	}
	.introbox1 .inner1 > .cont2 .txt1 > span em{
		font-weight:600;		
	}
	.introbox1 .inner1 > .cont2 .txt1 > span{
		animation: fadeInMove1 1.8s linear both; animation-timing-function:ease-in-out; animation-delay:4.6s
	}
	.introbox1 .inner1 > .cont2 .txt1 > span:last-child{
		animation: fadeInMove2 1.8s linear both; animation-timing-function:ease-in-out; animation-delay:4.6s
	}
	.introbox1 .inner1 > .cont2 .img1{
		height:0;
		animation: introani4 1.2s linear both; animation-timing-function:ease-in-out; animation-delay:5.6s
	}
	
	@-webkit-keyframes introani1{
		from{
			transform:scale(.9);
			opacity:0; filter:blur(10px);
		}
		to{
			transform:scale(1);
			opacity:1; filter:blur(0px);
		}
	}
	@-webkit-keyframes introani2{
		0%{	
			width:0;
		}
		20%{
			margin-top:80px;
		}
		100%{
			margin-top:80px;
			width:100%;			
		}
	}
	@-webkit-keyframes introbox1{
		0%{	
			opacity:1;
		}
		100%{
			opacity:0;		
		}
	}
	@-webkit-keyframes introbox2{
		0%{	
			clip-path:inset(50% 50%);
		}
		20%{
			clip-path:inset(49% 34%);
		}
		80%{
			clip-path:inset(16% 30%);
		}
		90% {
		  clip-path: inset(8% 15%);
		}
		100%{
			clip-path:inset(0% 0%);
		}
	}
	@-webkit-keyframes introani3{
		0%{
			gap:300px;			
		}
		100%{
			gap:10px;		
		}
	}
	@-webkit-keyframes introani4{
		from{
			margin-top:0px;
			opacity:0; filter:blur(10px);
			max-height:0px
		}
		to{
			margin-top:50px;
			opacity:1; filter:blur(0px);
			max-height:200px
		}
	}
	
	#navigation{
		position:fixed; right:50px; top: 50%;
		transform:translateY(-50%);
		opacity: 1; 
		z-index:6;
		transition: opacity .2s ease;
		-webkit-transition: opacity .2s ease;
	}
	#navigation > li {
		position:relative;
		width:10px; height:10px;
		margin:10px 0;
		border-radius:50%;
		overflow:hidden;
	}
	#navigation > li::before{
		position:absolute; left:50%; top:50%; 
		transform:translate(-50%, -50%); 
		width:100%; height:100%;
		border:1px solid #fff;	
		border-radius:50%;
		box-sizing:border-box;
		content:"";
	}	
	#navigation > li.active::before{
		border-width:10px;
		transition:all 0.8s ease;
	}
	#navigation > li > a{		
		opacity:0; width: 10px; height:10px;
		overflow:hidden;
	}	
	#navigation.t2 > li::before{
		border-color:var(--main-color2);	
	}
	
	.mainvisual{
		position:relative; 
		width:100%; height:100vh; 
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}	
	
	.mainvisual .txtscroll1{
		position:absolute; left:50%; bottom:50px;
		transform:translateX(-50%);
		color:#fff;
		z-index:4;
		text-align:center;
	}
	.mainvisual .txtscroll1 > em{
		display:block;
		font-weight:300; color:#fff; 
	}
	.mainvisual .txtscroll1 > span{
		display:block;
		margin-bottom:5px;
	}
	.mainvisual .txtscroll1 > span > span,
	.mainvisual .txtscroll1 > span::before,
	.mainvisual .txtscroll1 > span::after{
		position:relative;
		display:block;		
		width:21px; height:12px;
		margin:0 auto;
		background:url(../../images/main/ico_arr1.png) no-repeat center center; background-size:cover;
		content:"";
		animation:lefttoright1 infinite 1.4s linear;
	}
	.mainvisual .txtscroll1 > span > span{
		animation-delay:.2s
	}
	.mainvisual .txtscroll1 > span::before{
		animation-delay:0s	
	}
	.mainvisual .txtscroll1 > span::after{
		animation-delay:.4s
		
	}
	@-webkit-keyframes lefttoright1{
	  from{
		  opacity:.1;
	  }
	  to{
		  opacity:1;
	  }
	}
	
	.mainvisual .popbnn1{
		position:absolute; right:50px; bottom:170px;
		width:150px; height:152px;
		display:flex; justify-content:center; align-items:center;
		color:#fff;
		z-index:4;
	}
	.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:500; font-size:24px; line-height:28px; margin-top:10px;
	}
	
	
	.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:1300px; 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:calc(50% - 80px);
		transform:translate(-50%, -50%);
		color:#333333;
		text-align:center;
		z-index:3
	}
	.mainvisual .visualbox .visualtxt1.t2{
		color:#fff;
	}
	.mainvisual .visualbox .visualtxt1 .txt1{
		font-size:40px; 
		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{
		text-align:center;
		margin-top:40px;
		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 .txt2 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:.3s;
	}
	
	.mncont1{
		position:relative;
		height:100vh;
		overflow:hidden;
		background:#000;
	}
	.mncont1 > .tit1{
		position:absolute; left:200px; top:150px;
		text-align:left;
		color:#fff; font-size:30px;
		z-index:3;
		opacity:0;
		transform:translateY(-20px);
		transition:transform ease, opacity ease;
		transition-duration:.6s;
		transition-delay:.2s;
	}
	.mncont1 > .tit1 > em{
		display:block;
		font-weight:600; font-size:60px; line-height:60px;
	}
	.premiumslide1{
		width:100%; height:100%;		
		opacity:1;
		clip-path: inset(20% 22% round 120px);
		transition:clip-path ease, transform ease;
		transition-duration:0.8s;
		transition-delay:.8s;
	}
	.premiumslide1 .swiper-slide{
		position:relative;
	}
	.premiumslide1 .swiper-slide .cont1{
		position:absolute; left:200px; top:295px;
		display:flex; gap:50px;
		text-align:left;
		color:#fff;
		clip-path:inset(0% 100% 0% 0%);
		opacity:0;
		z-index:2;
		transition:clip-path ease, opacity ease;
		transition-duration:.4s;
		transition-delay:.0s;
	}
	.premiumslide1 .swiper-slide .cont1 .n1{
		font-weight:300; font-size:20px; line-height:30px;		
	}
	.premiumslide1 .swiper-slide .cont1 > div > em{
		display:inline-block;
		font-weight:600; font-size:30px;
		border-bottom:3px solid;
	}
	.premiumslide1 .swiper-slide .cont1 > div .txt1{
		margin-top:30px;
		font-size:18px; line-height:30px;
	}
	.premiumslide1 .swiper-slide .cont1 > div .txt1 > em{
		margin-top:30px;
		font-weight:600; font-size:24px;
	}
	.premiumslide1 .swiper-slide .imgbox1{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		clip-path: inset(20% 22% round 120px);
		transition:clip-path ease, transform ease;
		transition-duration:0.6s;
		transition-delay:.0s;
	}
	.premiumslide1 .swiper-slide .imgbox1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background-size:cover !important;
	}
	.premiumslide1 .swiper-slide.swiper-slide-active .cont1{
		opacity:1;
		clip-path: inset(0% 0% 0% 0%);		
		transition-duration:1.6s;
		transition-delay:.3s;
	}	
	
	.premiumslide1 .swiper-slide.swiper-slide-active .imgbox1{
		opacity:1;
		transform:translateX(0%);
		clip-path: inset(0% 0% 0% 0%);
		transition-delay:.2s;
	}
	.mncont1 > .txt1{
		position:absolute; right:200px; bottom:50px;
		color:rgba(255,255,255,.7); font-size:13px;
		z-index:2;
	}
	.mncont1 > .scroll1{
		position:absolute; left:50px; top:50%;
		transform:translateY(-50%);
		color:#fff; font-weight:500;
		z-index:2;
	}
	.mncont1 > .scroll1::before{
		display:block;
		width:12px; height:20px;
		margin-bottom:5px;
		background:url(../../images/main/ico_mouse1.png) no-repeat center center; background-size:cover;
		content:"";
		animation:play-down infinite alternate .4s linear;
	}
	.mncont1 > .scroll1 > span{
		display:inline-block;
		margin-left:6px;
		transform:rotate(90deg); transform-origin:left center;
	}
	
	section.on  .mncont1 > .tit1{
		opacity:1;
		transform:translateY(0px);
		transition-delay:.6s;
	}
	section.on  .mncont1 .premiumslide1{
		opacity:1;
		transform:translateX(0%);
		clip-path: inset(0% 0% 0% 0%);	
		transition-delay:.2s;
	}
	
	.mncont2{
		position:relative;
		height:100vh;
		overflow:hidden;
		display:flex; justify-content:center; align-items:center;
		background:#fff;
	}
	.mncont2 > .mcont1{
		position:relative;
		display:flex; gap:clamp(20px, 12vw, 100px);
	}
	.section .step{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		z-index:0;
		opacity:0;
		background:#fff;
		transition:opacity ease;
		transition-duration:.0s;
		transition-delay:.0s;
	}
	.section .step.active{
		z-index:1;
		opacity:1;
		transition-duration:.6s;
		transition-delay:.0s	
	}
	.section .step.t1{
	}			
	.section .step.t1 .l1{
		position:absolute; right:50%; bottom:50%;
		transform:translate(50%,50%);
		transition:all ease;
		transition-duration:.3s;
		transition-delay:.2s;
	}
	.section .step.t1 .txt1{
		position:absolute; left:300px; top:150px;
		text-align:left;
		color:#333;
	}
	.section .step.t1 .txt1 > div{
		font-weight:700; font-size:30px; line-height:36px;
		filter:blur(10px);
		opacity:0;
		transform:translateX(20px);
		transition:all ease;
		transition-duration:.2s;
		transition-delay:.2s;
	}
	.section .step.t1 .txt1 > p{
		margin-top:20px;
		color:rgba(51,51,51,.8); font-size:16px; line-height:28px;
		filter:blur(10px);
		opacity:0;
		transform:translateX(20px);
		transition:all ease;
		transition-duration:.2s;
		transition-delay:.2s;
	}
	.section .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;
		opacity:0;
		clip-path: inset(100% 100%);
		transition:clip-path 0s ease;
		z-index:-1;
	}
	.section .step.t1 .bgbox1::before{
		position:absolute; left:50%; top:50%;
		width:3922px; 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;
	}
	.section .step.t1 .bgbox1::after{
		position:absolute; left:50%; top:50%;
		width:3922px; 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  36s linear;
		animation-delay:22s;
	}
	
	@-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:.2;
	  }
	  60%{
		  margin-left:60%; margin-top:0%;
		  opacity:1;
	  }
	  80%{
		  margin-left:80%; margin-top:5%;
		  opacity:.6;
	  }
	  100%{
		  margin-left:100%; margin-top:0%;
		  opacity:0;
	  }
	}
	
	.section .step.t2{
	}
	.section .step.t2 .txt1{
		position:absolute; left:300px; top:150px;
		text-align:left;
		color:#fff; font-weight:600; font-size:40px; line-height:52px;
		filter:blur(10px);
		opacity:0;
		transform:translateX(20px);
		transition:all ease;
		transition-duration:.2s;
		transition-delay:.3s;
	}
	.section .step.t2 .txt2{
		position:absolute; right:300px; bottom:150px;
		text-align:right;
		color:#fff; 
		filter:blur(10px);
		opacity:0;
		transform:translateX(-20px);
		transition:all ease;
		transition-duration:.2s;
		transition-delay:.3s;
	}
	.section .step.t2 .txt2 > div{
		font-size:24px; line-height:34px;
	}
	.section .step.t2 .txt2 > div > em{
		font-weight:700;
	}
	.section .step.t2 .txt2 > p{
		margin-top:20px;
		color:rgba(255,255,255,.7); font-size:16px; line-height:24px;
	}
	
	.section .step.t2 .bgbox1{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/main/bg_brand2.jpg) no-repeat center center; background-size:cover;
		transform:scale(1.12);
		opacity:0;
		transition:transform ease;
		transition-duration:.2s;
		transition-delay:.4s;
		z-index:-1;
	}
	.section .step.t3{
	}
	.section .step.t3 .video-background {
		position: absolute; top: 0; left: 0; 
		width: 100vw; min-width:1300px; height: 100vh; 
		overflow: hidden;
		pointer-events: none;
	}
	.section .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*/
	}
	.section .step.t3 .video-background iframe iframe,	
	.section .step.t3 .video-background iframe object,	
	.section .step.t3 .video-background iframe embed { 
	   position: absolute; top: 0; left: 0; 
	   width: 100%; height: 100%; 
	 }
	
	
	.section .step.t1.active .l1{
		position:absolute; right:200px; bottom:150px;
		transform:translate(0, 0);
		transition-duration:1.8s;
		transition-delay:2.9s
	}
	.section .step.t1.active .txt1 > div{
		filter:blur(0px);
		opacity:1;
		transform:translateX(0px);
		transition-duration:.6s;
		transition-delay:3.2s;
	}
	.section .step.t1.active .txt1 > p{
		filter:blur(0px);
		opacity:1;
		transform:translateX(0px);
		transition-duration:.6s;
		transition-delay:3.5s;
	}
	.section .step.t1.active .bgbox1{	
		opacity:1;
		transition:clip-path 0.3s ease;
		animation:brandbg1 2.4s ease forwards; animation-delay:.4s;	
	}

	@-webkit-keyframes brandbg1{
		0% { clip-path: inset(90% 40% 10% 40%) }
		60% { clip-path: inset(10% 40% 10% 40%); }
		70% { clip-path: inset(10% 40% 10% 40%); }
		100% { clip-path: inset(0% 0%); }
	}
	
	.section .step.t2.active .txt1{
		opacity:1;
		filter:blur(0px);
		opacity:1;
		transform:translateX(0px);
		transition-duration:1.4s;
		transition-delay:.5s;
	}
	.section .step.t2.active .txt2{
		opacity:1;
		filter:blur(0px);
		opacity:1;
		transform:translateX(0px);
		transition-duration:1.4s;
		transition-delay:.5s;
	}
	.section .step.t2.active .bgbox1{
		opacity:1;
		transform:scale(1);
		transition-duration:1.2s;
		transition-delay:.0s;
	}
	
	.section .fadebox1-wrapper {
		position: absolute; left: 50%; top: 50%;
		transform: translate(-50%, -50%);
		width:170%; height:170%;
		z-index:10;
	}
	.section .fadebox1-wrapper > .fadebox1{
		width:100%;  height: 100%;
		transform: rotate(-20deg);
		transform-origin: center center;
		opacity:0;
		transition:opacity ease;
		transition-duration:1.5s;
		animation:fade1 1.6s linear forwards; 
	}
	.section .fadebox1-wrapper > .fadebox1 > *{
		display:block;
		width:0%; height:25.3%;
		background:#fff;
		margin-bottom:-1px;
		box-shadow: 0 0 2px #fff;
		transition:width ease;
		transition-duration:.6s;
		animation:width1 .4s linear forwards; 
	}
	.section .fadebox1 > *:nth-child(2n){
		margin-left:auto;
	}
	.section .fadebox1 > *:nth-child(2){
		animation-delay:.4s;
	}
	.section .fadebox1 > *:nth-child(3){
		animation-delay:.8s;
	}
	.section .fadebox1 > *:nth-child(4){
		animation-delay:1.2s;
	}
	.section.on .fadebox1 > *{
	}
	.section.on .fadebox1-wrapper > .fadebox1{
		opacity:1;
	}
	.section .fadebox1-wrapper > .fadebox1.fade-out{
		opacity:0;
		transition:opacity ease;
		transition-delay:.5s;
	}
	.section{
		overflow:hidden;		
	}
	@-webkit-keyframes width1{
		0% { width:0; }
		100% { width:100%; }
	}
	
	.mncont3{
		position:relative;
		width:100%; height:100vh;
		overflow:hidden;
		display:flex; justify-content:center; align-items:center;
		background:#001d00;
	}
	.mncont3 > .ico1{
		position:absolute; left:calc(50% - 800px); top:calc(50% + 80px);
		display:block;
		width:200px; height:200px;
		background:url(../../images/main/img_location1.png) no-repeat center center; background-size:cover;
		opacity:0;
		transform:translateX(30px);
		transition:all ease;
		transition-duration:.5s;
		transition-delay:.2s;
	}
	.mncont3 > .ico1::before{
		position:absolute; top:-50px; left:110px;
		width:148px; height:144px;
		background:url(../../images/main/txt_cir2.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.mncont3 > .ico2{
		position:absolute; left:calc(50% + 640px); top:calc(50% - 260px);
		display:block;
		width:160px; height:160px;
		z-index:2;
		opacity:0;
		transform:translateX(-30px);
		transition:all ease;
		transition-duration:.5s;
		transition-delay:.2s;
	}
	.mncont3 > .ico2:after{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/main/img_location2.png) no-repeat center center; background-size:cover;
		z-index:2;
		content:"";
	}
	.mncont3 > .ico2::before{
		position:absolute; top:110px; left:90px;
		width:110px; height:93px;
		background:url(../../images/main/bg_dot1.png) no-repeat center center; background-size:cover;
		z-index:-1;
		content:"";
	}
	.mncont3 > .mcont1{	
	}
	.mncont3 > .mcont1 > .tit1{
		color:#fff; font-size:30px; line-height:42px;
		opacity:0;
		transform:translateY(-30px);
		transition:all ease;
		transition-duration:.5s;
		transition-delay:.2s;
	}
	.mncont3 > .mcont1 > .tit1 > em{
		font-weight:600;
	}
	.mncont3 .locationslide1{
		position:relative;
		margin-top:40px;
		width:820px;
		opacity:0;
		transform:translateY(-30px);
		transition:all ease;
		transition-duration:.5s;
		transition-delay:.2s;
	}
	.mncont3 .locationslide1::before{
		position:absolute; right:-70px; top:calc(50% - 50px);
		transform:translateY(-50%);
		width:114px; height:104px;
		background:url(../../images/main/bg_dot2.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.mncont3 .locationslide1 .swiper-slide{
	}
	.mncont3 .locationslide1 .swiper-slide .cont1{
		position:relative; 
		margin-top:-50px;
		color:#fff;
		z-index:2;
	}
	.mncont3 .locationslide1 .swiper-slide .cont1 .n1{
		font-family:var(--font-family2); font-size:80px;
		filter:blur(10px);
		opacity:0;
		transition:filter ease, opacity ease;
		transition-duration:.6s;
		transition-delay:.0s;
	}
	.mncont3 .locationslide1 .swiper-slide .cont1 .txt1{
		color:#fff; font-size:16px; line-height:28px;
		opacity:0;
		transform:translateY(-10px);
		transition:transform ease, opacity ease;
		transition-duration:.6s;
		transition-delay:.0s;
	}
	.mncont3 .locationslide1 .swiper-slide .cont1 .txt1 em{
		font-weight:600; font-size:20px;
	}
	.mncont3 .locationslide1 .swiper-slide .imgbox1{
		position:relative;
		width:820px; height:360px;
		overflow:hidden;
		border-radius:40px;
	}
	.mncont3 .locationslide1 .swiper-slide .imgbox1::before{
		position:absolute; left:15px; bottom:15px;
		color:rgba(255,255,255,.6);
		content:"이미지컷";
		z-index:4;
	}
	.mncont3 .locationslide1 .swiper-slide .imgbox1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		opacity:0;
		transform:scale(1.12);
		background-size:cover !important;
		transition:transform ease, opacity ease;
		transition-duration:.6s;
		transition-delay:.5s;
	}
	.mncont3 .locationslide1 .swiper-slide.on .cont1 .n1{
		opacity:1;
		filter:blur(0px);
		transition:filter ease, opacity ease;
		transition-duration:.6s;
		transition-delay:.0s;
	}
	.mncont3 .locationslide1 .swiper-slide.on .cont1 .txt1{
		opacity:1;
		transform:translate(0,0);
		transition:transform ease, opacity ease;
		transition-duration:.6s;
		transition-delay:.0s;
	}
	.mncont3 .locationslide1 .swiper-slide.on .imgbox1 > div{
		opacity:1;
		transform:scale(1);
		transition:transform ease, opacity ease;
		transition-duration:.9s;
		transition-delay:.0s;
	}
	.mncont3 .locationslide1 .vdots1{
		position:absolute; left:-80px !important; top:50% !important;
		width:30px !important;
		transform:translateY(-50%);
	}
	.mncont3 .locationslide1 .vdots1 > li{
		position:relative;
		width:24px; height:24px;
		display:block !important;
		background:none !important;
		opacity:1 !important;	
	}
	.mncont3 .locationslide1 .vdots1 > li::before, .mncont3 .locationslide1 .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;
	}
	.mncont3 .locationslide1 .vdots1 > li::after{
		background:none;
	}
	.mncont3 .locationslide1 .vdots1 > li.swiper-pagination-bullet-active::before{
		background:#fff;		
	}
	.mncont3 .locationslide1 .vdots1 > li.swiper-pagination-bullet-active::after{
		width:100%; height:100%;
		background:rgba(255,255,255,.4);
	}			
	.mncont3 .locationslide1 .ctrbox1{
		position:absolute; right:0; bottom:0;
		display:flex; gap:10px;
		z-index:4;
	}
	.mncont3 .locationslide1 .ctrbox1 > span{
		position:relative;
		width:50px; height:50px;
		border-radius:50%;
		border:1px solid #fff;
		display:flex; justify-content:center; align-items:center;
		font-size:0; line-height:0;
		cursor:pointer;
	}
	.mncont3 .locationslide1 .ctrbox1 > span::before{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%);
		width:17px; height:17px;
		background:url(../../images/main/btn_arr1.png) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont3 .locationslide1 .ctrbox1 > .next1::before{
		background-position:right center;
	}
	.mncont3 .locationslide1 .ctrbox1 > .prev1:hover{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont3 .locationslide1 .ctrbox1 > .next1:hover{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
		
	section.on .mncont3 > .ico1{
		opacity:1;
		transform:translateX(0px);
		transition:all ease;
		transition-duration:.5s;
		transition-delay:.5s;
	}
	section.on .mncont3 > .ico2{
		opacity:1;
		transform:translateX(0px);
		transition:all ease;
		transition-duration:.5s;
		transition-delay:.5s;
	}
	section.on .mncont3 > .mcont1 > .tit1{
		opacity:1;
		transform:translateY(0px);
		transition:all ease;
		transition-duration:.5s;
		transition-delay:.5s;
	}
	section.on .locationslide1{
		opacity:1;
		transform:translateY(0px);
		transition:all ease;
		transition-duration:.5s;
		transition-delay:.6s;
	}
	
	.mncont4{
		position:relative;
		height:100vh;
		background:url(../../images/main/bg_direction1.jpg) no-repeat center center; background-size:cover;
		overflow:hidden;
		display:flex; align-items:center; justify-content:center;		
	}
	.mncont4 > .mcont1{
		display:flex; justify-content:center; gap:100px;
	}
	.mncont4 > .mcont1 > *{
		opacity:0;
		transform:translateX(-20px);
		transition:all ease;
		transition-duration:.5s;
		transition-delay:.4s;
	}
	.mncont4 > .mcont1 > *:nth-of-type(2){
		transform:translateX(20px);
	}
	.mncont4 > .mcont1 > * > .tit1{
		margin-top:50px;
		color:#333333; font-size:18px; line-height:22px;
	}
	.mncont4 > .mcont1 > * > .tit1 > em{
		display:block;
		font-weight:700; color:var(--main-color1); font-size:24px;
		margin-bottom:10px;
	}
	.mncont4 > .mcont1 > * > .btn1{
		margin-top:30px;
		display:flex; justify-content:center; gap:50px;
	}
	.mncont4 > .mcont1 > * > .btn1 > a > span{
		display:flex; align-items:center; gap:10px;
		color:var(--main-color1); font-size:16px;
	}
	.mncont4 > .mcont1 > * > .btn1 > a > span em{
		font-weight:600;
	}
	.mncont4 > .mcont1 > * > .btn1 > a > span::before{
		flex:0 0 40px; height:40px;
		background:url(../../images/main/ico_navermap1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.mncont4 > .mcont1 > * > .btn1 > a:nth-of-type(2) > span::before{
		background:url(../../images/main/ico_kakaomap1.png) no-repeat center center; background-size:cover;
	}
	
	section.on .mncont4 > .mcont1 > * {
		opacity:1;
		transform:translateX(0px);
		transition:all ease;
		transition-duration:.8s;
		transition-delay:.6s;
	}
/*main*/