/**/
.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*/	
	#navigation{
		position:fixed; left:30px; top: 50%;
		transform:translateY(-50%);
		opacity: 1; 
		z-index:6;
		transition: opacity .2s ease;
		-webkit-transition: opacity .2s ease;
		display:none;
	}
	#navigation > li {
		position:relative;
		width:24px; height:24px;
		margin:10px 0;
	}
	#navigation > li::after{
		position:absolute; left:50%; top:50%; 
		transform:translate(-50%, -50%); 
		width:4px; height:4px;
		border-radius:50%; background:#fff; 
		content:"";
	}	
	#navigation > li::before{
		position:absolute; left:50%; top:50%; 
		width:2px; height:2px;
		border-radius:50%; background:#cccdcf; 
		content:"";
	}	
	#navigation > li.active::before{
		left:0; top:0;
		width:100%; height:100%;
		transition:all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#navigation > li > a{		
		opacity:0; width: 24px; height:24px;
		overflow:hidden;
	}
	#navigation.t2 > li::after{
		background:var(--main-color1); 
	}
	#navigation > li::before{
		background:rgba(255,255,255,.4);
	}	
	#navigation.t2 > li::before{
		background:rgba(1,69,56,.1);
	}
	
	.mainvisual{
		position:relative; 
		width:100%; height:100vh; 
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}	
	.mainvisual::after{
		position:absolute; right:0; bottom:0;
		width:530px; height:708px;
		background:url(../../images/main/bg_line1.png) no-repeat center center; background-size:cover;
		content:"";
		z-index:3;
	}
	
	.mainvisual .txtscroll1{
		position:absolute; left:-140px; top:130px;
		display:flex; align-items:center; gap:15px;
		transform:rotate(-90deg); transform-origin:right bottom;
		color:#fff;
		z-index:4;
	}
	.mainvisual .txtscroll1 > em{
		font-weight:300; color:#fff; font-size:14px;	
	}
	.mainvisual .txtscroll1 > span{
		position:relative;
		width:100px; height:1px;
		background:#fff;		
	}
	.mainvisual .txtscroll1 > span::before{
		position:absolute; left:0; top:calc(50% - 2px);
		width:5px; height:5px;
		border-radius:50%;
		background:#fff;
		content:"";		
		animation:lefttoright1 infinite 2s linear; -ms-animation:lefttoright1 infinite 2s linear;
	}
	@-webkit-keyframes lefttoright1{
	  from{
		left:102%;
	  }
	  to{
		left:-2%;
	  }
	}
	
	.mainvisual .popbnn1{
		position:absolute; right:145px; bottom:100px;
		width:155px; height:157px;
		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-family:var(--font-family2); font-size:24px;font-weight:600;
	}
	.mainvisual .popbnn1 > * > em{
		font-size:30px; 
	}
	.mainvisual .popbnn1 > * > em:nth-of-type(2){
		display:block;
		font-size:35px; line-height:20px;
	}
	.mainvisual .popbnn1 > * > span{
		font-size:15px; font-family:"Noto Sans KR"; font-weight:300;
	}*/
	
	.mainvisual .popbnn1 > span{
		font-family:var(--font-family2); font-size:18px; font-weight:600;
	}
	.mainvisual .popbnn1 > * > em{
		font-size:26px; 
	}
	.mainvisual .popbnn1 > * > em:nth-of-type(3){
		display:block;
		font-size:30px; line-height:30px;
		margin-bottom:20px;
	}
	.mainvisual .popbnn1 > * > span{
		font-size:14px; font-family:"Noto Sans KR"; font-weight:300;
	}
	
	.mainvisual .mpbox1{
		position:absolute; left:0; bottom:0;
		transform:translateY(60px);
		z-index:5;
		transition:transform ease .4s;
	}
	.mainvisual .mpbox1:hover{
		transform:translateY(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: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,.4);
		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 .mainimg1::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:rgba(0,0,0,.3);
		content:"";
		z-index:2;
	}	

	.mainvisual .visualbox .visualtxt1{
		position:relative; left:50%; top:30%;
		transform:translateX(-50%);
		color:#fff;
		text-align:center;
		z-index:3
	}
	.mainvisual .visualbox .visualtxt1.t2{
		top:12%;
	}
	
	.mainvisual .visualbox .visualtxt1 .txt1{
		font-family:var(--font-family2); font-size:26px; letter-spacing:-2px;
		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; font-size:56px; line-height:86px;
	}

	.mainvisual .visualbox .visualtxt1 .txt1 > span{
		font-weight:400; font-size:16px; 
	}
	.mainvisual .visualbox .visualtxt1 .txt2::before{
		display:block;
		margin:30px auto;
		width:30px; height:2px;
		background:#fff;
		content:"";
	}
	.mainvisual .visualbox .visualtxt1 .txt2{
		font-weight:500; font-size:32px;
		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{
		font-size:18px;
		margin:30px auto;
		padding:6px 36px;
		border:1px solid;
		display:inline-block;
		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 .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;
	}
	.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:.5s;
	}
	
	.mncont1{
		position:relative;
		height:100vh;
		overflow:hidden;
		display:flex; justify-content:center; align-items:center;
		background:#ebe9dc;
	}
	.mncont1 > .mcont1{
		position:relative;
		width:1400px;
		display:flex; gap:clamp(20px, 12vw, 100px);
	}
	.mncont1 > .mcont1::before{
		position:absolute; left:-620px; top:-410px;
		width:1290px; height:1713px;
		background:url(../../images/main/bg_line2.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.mncont1 > .mcont1 > .inner1{
		flex:0 0 440px;
		margin-top:200px; margin-left:50px;
		text-align:left;
		
		opacity:0;
		transform:translateX(-50px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.6s;
		transition-delay:.1s;
	}
	.mncont1 > .mcont1 > .inner1 .tit1{		
	}
	.mncont1 > .mcont1 > .inner1 .tit1 > p{
		color:#797573; font-size:18px; line-height:30px;
	}
	.mncont1 > .mcont1 > .inner1 .tit1 > p span{
		font-size:13px; 
	}
	.mncont1 > .mcont1 > .inner1 .tit1 > div{
		margin-top:10px;
		color:var(--main-color1); font-weight:600; font-family:var(--font-family2); font-size:38px; line-height:50px; letter-spacing:-1.5px;
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1{
		max-width:320px;
		margin-top:50px;
		display:flex; align-items:center; gap:15px;
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 > .slidenum1{
		white-space:nowrap;
		font-family:var(--font-family2); font-weight:500; color:#797573; font-size:16px;
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 > .slidenum1 > em{
		width:12px;
		display:inline-block;
		font-weight:600; color:var(--main-color1); font-size:22px;
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 > .subctr1{
		display:flex; align-items:center; gap:15px;
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .uline1{
		position:relative;
		width:210px;
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .uline1 > span{
		position:absolute; left:0; top:0;
		width:100%; height:1px;
		background:#b2afa7
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .uline1 > span::before{
		position:absolute; left:0; top:0;
		width:0%; height:1px;
		background:var(--main-color1);
		content:"";
		transition:width ease 0s .0s;
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .uline1 > span.active::before{
		width:100%; 
		transition:width ease 5s;
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .btn1{
		display:flex; gap:10px;
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .btn1 .prev1,
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .btn1 .next1{
		position:relative;
		font-size:0; line-height:0;
		width:7px; height:11px;
		cursor:pointer;
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .btn1 .prev1::before,
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .btn1 .next1::before{
		position:absolute; left:0; top:0;
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr1.png) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .btn1 .next1::before{background-position:right center;}
	
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .btn1 .prev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont1 > .mcont1 > .inner1 .ctrbox1 .btn1 .next1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mncont1 > .mcont1 > .inner1 .premiumtxt1{
		display: grid;
		margin-top:50px;
	}
	.mncont1 > .mcont1 > .inner1 .premiumtxt1 > *{
		position:relative;
		grid-area: 1 / 1 / 2 / 2; 
	}
	.mncont1 > .mcont1 > .inner1 .premiumtxt1 > * em{
		display:block;
		font-weight:500; color:var(--main-color1); font-size:24px;
		opacity:0;
		transform:translateX(20px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.4s;
		transition-delay:.1s;
	}
	.mncont1 > .mcont1 > .inner1 .premiumtxt1 > * p{
		margin-top:10px;
		color:#797573; font-size:18px; line-height:30px;
		opacity:0;
		transform:translateX(20px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.4s;
		transition-delay:.1s;
	}
	.mncont1 > .mcont1 > .inner1 .premiumtxt1 > * span{
     font-size:13px;
	}

	.mncont1 > .mcont1 > .inner1 .premiumtxt1 > *.active > em{
		opacity:1;
		transform:translateX(0);
		transition-delay:.1s;
	}
	.mncont1 > .mcont1 > .inner1 .premiumtxt1 > *.active > p{
		opacity:1;
		transform:translateX(0);	
		transition-delay:.2s;	
	}
	
	.mncont1 > .mcont1 > .inner2{
		position:relative;
		
		opacity:0;
		transform:translateX(50px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.6s;
		transition-delay:.1s;
	}
	.mncont1 > .mcont1 > .inner2 > .lnk1{
		position:absolute; left:-50px; top:460px;
		width:158px; height:155px;
		display:flex; align-items:center; justify-content:center;
	}
	
	.mncont1 > .mcont1 > .inner2 > .lnk1::before{
		position:absolute; left:0; top:0px;
		width:100%; height:100%;
		background:url(../../images/main/txt_cir2.png) no-repeat center center;
		animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;
		content:"";
		z-index:2;
	}
	.mncont1 > .mcont1 > .inner2 > .lnk1 > span{
		position:relative;
		width:38px; height:39px;
		z-index:1;
		font-size:0; line-height:0;
	}
	.mncont1 > .mcont1 > .inner2 > .lnk1 > span::after{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/main/ico_arr1.png) no-repeat center center; background-size:cover;
		content:"";
		transition:transform ease .3s 0s;
	}
	.mncont1 > .mcont1 > .inner2 > .lnk1:hover > span::after{
		transform:rotate(45deg);
		transition:transform ease .5s 0s;
	}
	
	.mslide1{
		width:2400px;
	}
	.mslide1 .slick-slide{
	}
	.mslide1 .slick-slide .imgbox1{
		overflow:hidden;
		border-radius:250px;
		width:450px;
	}
	
	section.on  .mncont1 > .mcont1 > .inner1,
	section.on  .mncont1 > .mcont1 > .inner2{
		opacity:1;
		transform:translateX(0px);
		transition-delay:.6s;
	}
	
	
	
	.mncont2{
		position:relative;
		width:100%; height:100vh;
		overflow:hidden;
		display:flex; align-items:flex-end;
		background:url(../../images/main/bg_plan1.jpg) no-repeat center center; background-size:cover;
	}
	.mncont2 > .mcont1{
		position:relative; top:7%;
		width:100%; max-width:1700px; min-width:1400px;
		display:flex; gap:clamp(20px, 12vw, 130px);
	}
	.mncont2 > .mcont1::before{
		position:absolute; right:-60px; bottom:-110px;
		width:2120px; height:968px;
		background:url(../../images/main/bg_line3.png) no-repeat center center; background-size:cover;
		content:""
	}
	.mncont2 > .mcont1 > *{
	}
	.mncont2 > .mcont1 > .inner1{
		position:relative;
		flex:0 0 calc(100% - 660px);
		
		opacity:0;
		transform:translateX(-50px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.6s;
		transition-delay:.1s;
	}
	.mncont2 > .mcont1 > .inner2{
		position:relative;
		flex:0 0 640px;
		text-align:left;
		margin-bottom:250px;
		
		opacity:0;
		transform:translateX(50px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.6s;
		transition-delay:.1s;
	}
	.mslide2{
		position:absolute; right:0; bottom:0;
		width:1452px; height:820px;
	}
	.mslide2 .slick-slide{
		text-align:right;
	}
	.mslide2 .slick-slide .imgbox1{
		display:inline-block;
		width:1360px; height:880px;
		overflow:hidden;
		border-radius:440px;
		text-align:right;
	}
	.mslide2 .slick-slide .imgbox1 > *{
		margin-left:auto;
		width:1039px; height:821px;
		background-size:cover;	
		transform:scale(1.12);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:5s;
		transition-delay:.1s;
	}
	.mslide2 .slick-slide.active .imgbox1 > *{
		transform:scale(1);
	}
	
	
	
	.mncont2 > .mcont1 > .inner2 .tit1{		
	}
	.mncont2 > .mcont1 > .inner2 .tit1 > p{
		color:#797573; font-size:18px; line-height:30px;
	}
	.mncont2 > .mcont1 > .inner2 .tit1 > div{
		margin-top:10px;
		color:var(--main-color1); font-weight:600; font-family:var(--font-family2); font-size:38px;  line-height:50px; letter-spacing:-1.5px;
	}
	.mncont2 > .mcont1 > .inner2 > .lnk1{
		position:absolute; right:120px; top:270px;
		width:157px; height:156px;
		display:flex; align-items:center; justify-content:center;
	}
	
	.mncont2 > .mcont1 > .inner2 > .lnk1::before{
		position:absolute; left:0; top:0px;
		width:100%; height:100%;
		background:url(../../images/main/txt_cir3.png) no-repeat center center;
		animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;
		content:"";
		z-index:2;
	}
	.mncont2 > .mcont1 > .inner2 > .lnk1 > span{
		position:relative;
		width:38px; height:39px;
		z-index:1;
		font-size:0; line-height:0;
	}
	.mncont2 > .mcont1 > .inner2 > .lnk1 > span::after{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/main/ico_arr1.png) no-repeat center center; background-size:cover;
		content:"";
		transition:transform ease .3s 0s;
	}
	.mncont2 > .mcont1 > .inner2 > .lnk1:hover > span::after{
		transform:rotate(45deg);
		transition:transform ease .5s 0s;
	}
	
	.mncont2 > .mcont1 > .inner2 .plantxt1{
		display: grid;
		margin-top:150px;
	}
	.mncont2 > .mcont1 > .inner2 .plantxt1 > *{
		position:relative;
		grid-area: 1 / 1 / 2 / 2; 
	}
	.mncont2 > .mcont1 > .inner2 .plantxt1 > * em{
		display:block;
		font-weight:500; color:var(--main-color1); font-size:24px; line-height:34px;
		opacity:0;
		transform:translateX(20px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.4s;
		transition-delay:.1s;
	}

	.mncont2 > .mcont1 > .inner2 .plantxt1 > * em span{
	font-size:16px;
	}
	.mncont2 > .mcont1 > .inner2 .plantxt1 > * p{
		margin-top:10px;
		color:#797573; font-size:18px; line-height:30px;
		opacity:0;
		transform:translateX(20px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.4s;
		transition-delay:.1s;
	}


	.mncont2 > .mcont1 > .inner2 .plantxt1 > *.active > em{
		opacity:1;
		transform:translateX(0);
		transition-delay:.1s;
	}
	.mncont2 > .mcont1 > .inner2 .plantxt1 > *.active > p{
		opacity:1;
		transform:translateX(0);	
		transition-delay:.2s;	
	}
	
	.mncont2 > .mcont1 > .inner2 .ctrbox1{
		max-width:320px;
		margin-top:50px;
		display:flex; align-items:center; gap:15px;
	}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 > .slidenum1{
		white-space:nowrap;
		font-family:var(--font-family2); font-weight:500; color:#797573; font-size:16px;
	}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 > .slidenum1 > em{
		width:12px;
		display:inline-block;
		font-weight:600; color:var(--main-color1); font-size:22px;
	}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 > .subctr1{
		display:flex; align-items:center; gap:15px;
	}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .uline1{
		position:relative;
		width:210px;
	}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .uline1 > span{
		position:absolute; left:0; top:0;
		width:100%; height:1px;
		background:#b2afa7
	}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .uline1 > span::before{
		position:absolute; left:0; top:0;
		width:0%; height:1px;
		background:var(--main-color1);
		content:"";
		transition:width ease 0s .0s;
	}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .uline1 > span.active::before{
		width:100%; 
		transition:width ease 5s;
	}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .btn1{
		display:flex; gap:10px;
	}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .btn1 .prev1,
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .btn1 .next1{
		position:relative;
		font-size:0; line-height:0;
		width:7px; height:11px;
		cursor:pointer;
	}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .btn1 .prev1::before,
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .btn1 .next1::before{
		position:absolute; left:0; top:0;
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr1.png) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .btn1 .next1::before{background-position:right center;}
	
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .btn1 .prev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont2 > .mcont1 > .inner2 .ctrbox1 .btn1 .next1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	section.on  .mncont2 > .mcont1 > .inner1,
	section.on  .mncont2 > .mcont1 > .inner2{
		opacity:1;
		transform:translateX(0px);
		transition-delay:.6s;
	}

@media screen and (max-height: 850px){
	.mncont2 > .mcont1{
		top:130px;
	}
}	
	.mncont3{
		position:relative;
		height:100%;
		background:#c8baa7;
	}
	.mncont3::after{
		position:absolute; left:-530px; bottom:-300px;
		width:1035px; height:966px;
		background:url(../../images/main/bg_line4.png) no-repeat center center; background-size:cover;
		content:"";
		z-index:2;
	}
	.mncont3::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		border-radius:0 0 200px 0;
		background:#1b140d url(../../images/main/bg_brand1.jpg) no-repeat right center;
		content:"";
	}
	.mncont3 > .mcont1{
		position:relative;
		width:100%; min-width:1400px; height:100vh;
		padding-right:430px;
		box-sizing:border-box;
		display:flex; justify-content:flex-end;
		z-index:2;
	}
	
	.mncont3 > .mcont1 > .inner1{
		text-align:left;
		margin-top:clamp(440px, 28vw, 530px);
		
		opacity:0;
		transform:translateX(-50px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.6s;
		transition-delay:.1s;
	}
	.mncont3 > .mcont1 > .inner1 > .txt1 > p{
		margin-top:30px;
		font-weight:400; color:#c8baa7; font-size:28px;
	}
	.mncont3 > .mcont1 > .inner2{
		text-align:right;
		flex:0 0 66%;
		margin-top:clamp(150px, 12vw, 230px);
		
		opacity:0;
		transform:translateX(50px);
		transition:opacity cubic-bezier(0.25, 0.1, 0.25, 1.0), transform cubic-bezier(0.25, 0.1, 0.25, 1.0);
		transition-duration:.6s;
		transition-delay:.1s;
	}
	.mncont3 > .mcont1 > .inner2 > .txt2 > em{
		font-weight:600; color:#fff; font-size:45px;		
	}
	.mncont3 > .mcont1 > .inner2 > .txt2 > p{
		margin-top:30px;
		font-weight:400; color:#ebe9dc; font-size:18px; line-height:24px;
	}
	
	
	.mncont3 > .lnk1{
		position:absolute; right:90px; bottom:90px;
		width:157px; height:156px;
		display:flex; align-items:center; justify-content:center;
	}
	
	.mncont3 > .lnk1::before{
		position:absolute; left:0; top:0px;
		width:100%; height:100%;
		background:url(../../images/main/txt_cir4.png) no-repeat center center;
		animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;
		content:"";
		z-index:2;
	}
	.mncont3 > .lnk1 > span{
		position:relative;
		width:38px; height:39px;
		z-index:3;
		font-size:0; line-height:0;
	}
	.mncont3 > .lnk1 > span::after{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		filter:brightness(0) invert(1);
		background:url(../../images/main/ico_arr1.png) no-repeat center center; background-size:cover;
		content:"";
		transition:transform ease .3s 0s;
	}
	.mncont3 > .lnk1:hover > span::after{
		transform:rotate(45deg);
		transition:transform ease .5s 0s;
	}
	section.on  .mncont3 > .mcont1 > .inner1,
	section.on  .mncont3 > .mcont1 > .inner2{
		opacity:1;
		transform:translateX(0px);
		transition-delay:.6s;
	}

@media screen and (max-width: 1700px){
	.mncont3 > .mcont1 > .inner2{
		flex:0 0 60%;
		margin-top:clamp(150px, 12vw, 230px);
	}
}

@media screen and (max-width: 1600px){
	.mncont3 > .mcont1 > .inner2{
		flex:0 0 52%;
		margin-top:clamp(150px, 12vw, 230px);
	}
}
		
	.mncont4{
		position:relative;
		height:100%;
		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::before{
		position:absolute; left:-536px; top:-690px;
		width:1035px; height:966px;
		background:url(../../images/main/bg_line4.png) no-repeat center center; background-size:cover;
		content:"";
		z-index:2;
	}
	.mncont4 > .mcont1{
		position:relative;
		display:flex; gap:80px;
		width:1400px;
		z-index:2;
	}
	.mncont4 > .mcont1::before{
		position:absolute; left:-100px; top:156px;
		width:300%; height:651px;
		border-radius:200px 0 0 0;
		background:#ddd6cb url(../../images/main/bg_direction2.jpg) repeat-x left bottom; background-size:contain;
		content:"";
		z-index:-1;
	}
	.mncont4 > .mcont1 > .tit1{
		position:absolute; left:885px; top:30px;
		font-family:var(--font-family2); color:#daddb9; font-weight:600; font-size:70px;
	}
	
	.mncont4 > .mcont1 > .inner1{
	}
	.mncont4 > .mcont1 > .inner1 > p{
		display:flex; align-items:center; gap:10px;
		margin-top:30px;
		font-size:22px;
	}
	.mncont4 > .mcont1 > .inner1 > p > em{
		background:var(--main-color1);
		color:#daddb9; letter-spacing:-1.2px;
		padding:18px 25px;
		border-radius:50px;
	}
	.mncont4 > .mcont1 > .inner1 > p > span{
		color:var(--main-color1);
	}
	
	.mncont4 > .mcont1 > .inner2{
		margin-top:150px;
		text-align:left;
	}
	
	.mncont4 > .mcont1 > .inner2 > dl{
		color:var(--main-color1);
		margin-top:60px;
	}
	.mncont4 > .mcont1 > .inner2 > dl > dt{
		font-family:var(--font-family2); font-weight:700; font-size:25px;
	}
	.mncont4 > .mcont1 > .inner2 > dl > dd{
		margin-top:10px;
		font-weight:400; font-size:20px; line-height:30px;
	}
	.mncont4 > .mcont1 > .inner2 > dl > dd > .btn1{
		display:flex; gap:10px;
		margin-top:20px;
	}	
	.mncont4 > .mcont1 > .inner2 > dl > dd > .btn1 > a{
	}
	.mncont4 > .mcont1 > .inner2 > dl > dd > .btn1 > a > span{
		position:relative;
		display:block;
		font-size:0; line-height:0;
		width:35px; height:35px;	
	}
	.mncont4 > .mcont1 > .inner2 > dl > dd > .btn1 > a > span::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		content:"";
	}
	.mncont4 > .mcont1 > .inner2 > dl > dd > .btn1 > a.n1 > span::before{
		background:url(../../images/main/ico_naver1.png) no-repeat center center;
	}
	.mncont4 > .mcont1 > .inner2 > dl > dd > .btn1 > a.k1 > span::before{
		background:url(../../images/main/ico_kakao1.png) no-repeat center center;
	}
	
	
	
/*main*/