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

	#navigation{
		position:fixed; left:30px; top: 50%;
		transform:translateY(-50%);
		opacity: 1; 
		z-index:6;
		transition: opacity .2s ease;
		-webkit-transition: opacity .2s ease;
	}
	#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);
	}
	
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*/	
	.section{
		overflow:hidden
	}
	.section[data-anchor="visual"]{
		position:relative;
	}
	.section[data-anchor="visual"]::before{
		position:absolute; left:60px; top:0px;
		width:102px; height:202px;
		background:url(../../images/main/bg_top1.png) no-repeat left bottom;
		content:"";
		z-index:100;
		opacity:1;
		transition:opacity ease .5s .2s, left ease .5s .3s
	}
	.section[data-anchor="visual"].active::before{
		left:30px;
		opacity:1;
	}
	.section[data-anchor="visual"]::after{
		position:absolute; left:30px; top:0;
		width:calc(100% - 30px); height:120px;
		opacity:1;
		background:#004538;
		transform:translateX(30px);
		z-index:10;
		content:"";
		transition:opacity ease .5s .2s, transform ease .5s .4s;
	}
	.section[data-anchor="visual"].active::after{
		transform:translateX(0px);
		opacity:1;		
	}
	.section .mainvisual::after{
		position:absolute; left:0; top:0;
		width:100px; height:100vh;
		background:#f0efe2;
		opacity:0;
		z-index:9;
		content:"";
		transition:opacity ease .5s .1s
	}
	.section.active .mainvisual::after{
		opacity:1;	
	}
	.mainvisual{
		position:relative; 
		width:100%; height:100vh; 
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}	
	.mainvisual .visualatxt1{
		position:absolute; left:50%; top:50%;
		transform:translateY(-30%) translateX(-50%);
		color:#fff;
		 text-align:center;
		filter:blur(10px);
		opacity:0;
		z-index:5;
		transition:filter ease 1.5s .7s, opacity ease 1.5s .7s;
	}
	.mainvisual .visualatxt1 > .txt1{
		font-family:var(--font-family4); font-weight:500; font-size:40px; line-height:48px;
	}
	.mainvisual .visualatxt1 > .txt2{
		margin-top:20px;
		font-weight:800; font-size:52px; line-height:60px;
	}
	.mainvisual .visualatxt1 > .txt2::after{
		display:block;
		margin:20px auto;
		width:1px; height:30px;
		background:rgba(255,255,255,.4);
		content:"";
	}
	.mainvisual .visualatxt1 > .txt3{
		display:inline-block;
		padding:12px 30px;
		border:2px solid;
		font-weight:800; font-size:24px; line-height:24px;
	}
	.mainvisual .visualatxt1 > .txt4{
		margin-top:40px;
		font-family:var(--font-family4); font-weight:500; font-size:36px; line-height:36px;
	}
	.mainvisual .visualatxt1 > .txt4 em{
		font-size:40px;
	}
	.mainvisual .visualatxt1 > .txt4 span{
		font-family:var(--font-family1); font-size:24px;
	}
	
	body.mainon .mainvisual .visualatxt1{
		filter:blur(0px);
		opacity:1;
	}
	.mainvisual .slick-slide{
		width:100%; height:100%; 
		overflow:hidden;
	}
	.mainvisual .visualbox::before{
		position:absolute; left:100px; top:120px;
		width: 0; height: 0;
		border-top: 162px solid #a6a195;   /* 삼각형 색상 */
		border-right: 162px solid transparent;
		content:"";
		z-index:5;
	}
	.mainvisual .visualbox{
		position:relative; 
		overflow:hidden;
		 height:100%; 
		z-index:3
	}
	.mainvisual .visualbox > div,
	.mainvisual .visualbox .slick-list,  
	.mainvisual .visualbox .slick-track, 
	.mainimg1{
		width:100%; height:100%;
	}	
	.mainvisual .video-background {
		position: absolute; top:120px; left: 0px; 
		width: 96vw; min-width:1300px; height: 90vh; 
		overflow: hidden;
		pointer-events: none;
	}
	.mainvisual .video-background::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:rgba(0,0,0,.1);
		content:"";
		z-index:10;
	}	
	.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%; 
	 }
 
	
	.mncont1{
		position:relative;
		height:100%;
		overflow:hidden;	
	}
	.mncont1::before{
		position:absolute; left:calc(0px - 240px); bottom:calc(0px - 400px);
		width:720px; height:720px;
		background:#f0efe2;
		border-radius:50%;
		transform:translate(-80%,80%);
		content:"";
		transition:transform ease 1.6s .5s;
	}
	.mncont1::after{
		position:absolute; right:calc(0px - 300px); top:calc(0px - 560px);
		width:710px; height:710px;
		border:2px solid #ddd;
		border-radius:50%;
		transform:translate(80%,-80%);
		content:"";
		transition:transform ease 1.6s .5s;
	}
	.mncont1 > div{
		position:relative;
		display:flex; align-items:center;
		height:100vh;
		z-index:1;
	}
	.mncont1 > div .mcont1{
		display:flex; 
		padding-left:min(max(40px, 5vw),100px);
	}
	.mncont1 > div .mcont1 > .tit1{
		position:relative;
		margin-top:200px;
		text-align:left;
		width:670px;		
	}
	.mncont1 > div .mcont1 > .tit1 > .txt1{
		font-family:var(--font-family4); font-weight:400; color:#333333; font-size:30px; line-height:40px; letter-spacing:-1.2px;
		
		transform:translateX(-50%);
		opacity:0;
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont1 > div .mcont1 > .tit1 > .txt1 > em{
		font-weight:700; color:var(--main-color1);
	}
	.mncont1 > div .mcont1 > .tit1 > h2{
		margin-top:50px;
		letter-spacing:5px;
		font-weight:400; font-family:var(--font-family2); color:#333333; font-size:16px;
		
		transform:translateX(-50%);
		opacity:0;
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont1 > div .mcont1 > .tit1 > h2 > em{
		font-weight:800; color:var(--main-color1);
	}
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1{
		position:absolute; left:0; bottom:10px;
		display:flex; gap:30px; align-items:center;
		
		transform:translateX(-50%);
		opacity:0;
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .btn1{
		display:flex; gap:20px;
	}
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .prev1,
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .next1{
		position:relative;
		font-size:0; line-height:0;
		width:9px; height:15px;
		cursor:pointer;
	}
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .prev1::before,
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .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 > div .mcont1 > .tit1 > .ctrbox1 .next1::before{background-position:right center;}
	
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .prev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .next1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 > *:nth-child(2){
		display:flex; justify-content:center; align-items:center; gap:15px;
	}
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .uline1 {
		transform:translateY(0px);
		position:relative; flex:0 0 230px; height:2px;
		margin:0 2px;
		display:inline-block;
	}
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .uline1::before{position:absolute; left:0px; top:0px; width:100%; height:2px; background:#ddd; opacity:1; content:""; z-index:-1;}
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .uline1 span{position:relative; display:block; background:var(--main-color1); width:0px; height:2px;
		transition-duration:0s;
		transition-delay:0s;
		z-index: 10;
	}
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .uline1 span.active{
		width:100%;
		transform:width 4s ease-in-out;
		transition-duration:4s;
		transition-delay:0s;
	}
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .b2 > span,
	.mncont1 > div .mcont1 > .tit1 > .ctrbox1 .b2 > em{
		font-family:var(--font-family2); color:#333; font-weight:500; font-size:16px;
	}
	
	.mncont1 > div .mcont1 > .cont1{
		position:relative;
		
		transform:translateX(50%);
		opacity:0;
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont1 > div .mcont1 > .cont1 .lnk1{
		position:absolute; left:calc(0px - 88px); top:40px;
		display:flex; justify-content:center; align-items:center;
		width:174px; height:169px;
		z-index:2;
	}
	.mncont1 > div .mcont1 > .cont1 .lnk1::before{
		position:absolute; left:18%; top:18%;
		width:64%; height:64%;
		background:var(--main-color1);
		border-radius:50%;
		z-index:-1;
		content:"";
		transition:background ease .5s;
	}
	.mncont1 > div .mcont1 > .cont1 .lnk1 > span{
		display:block;
		color:#fff; font-family:var(--font-family2); font-weight:600; font-size:14px; line-height:14px;
	}
	.mncont1 > div .mcont1 > .cont1 .lnk1::after{
		position:absolute; left:0px; top:0px;
		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:"";
	}
	.mncont1 > div .mcont1 > .cont1 .lnk1:hover span{
		color:var(--main-color1);
	}
	.mncont1 > div .mcont1 > .cont1 .lnk1:hover::before{
		background:var(--main-color2);
	}
	
	.mslide1{
		width:1570px;
		opacity:0;
		transition-delay:.5s;
	}
	.mslide1 .slick-slide{
		position:relative;
		text-align:left;
	}
	.mslide1 .slick-slide .imgbox1{
		position:relative;
		overflow:hidden;
		border-radius:50px;
		display:inline-block;
	}
	.mslide1 .slick-slide .imgbox1::before{
		position:absolute; right:20px; top:65%;
		color:rgba(255,255,255,.7); font-size:13px;
		content:"이미지컷"
	}
	.mslide1 .slick-slide .txt1{
		position:absolute; left:60px; bottom:60px;
		text-align:left;
	}
	.mslide1 .slick-slide .txt1 > em{
		font-weight:500; color:var(--main-color1); font-size:30px; line-height:30px;
	}
	.mslide1 .slick-slide .txt1 > p{
		margin-top:30px;
		font-weight:300; color:#666666; font-size:18px; line-height:24px;
	}
	.mslide1 .slick-slide .txt1 > p > span{
		font-size:14px;
	}
	.section.on .mncont1::before,
	.section.on .mncont1::after{
		transform:translate(0,0);
	}
	.section.on .mncont1 > div .mcont1 > .tit1{
		transform:translateX(0%);
		opacity:1;
	}
	
	.section.on .mncont1 > div .mcont1 > .tit1 > .txt1,
	.section.on .mncont1 > div .mcont1 > .tit1 > h2,
	.section.on .mncont1 > div .mcont1 > .tit1 > .ctrbox1{
		transform:translateX(0%);
		opacity:1;
		transition:transform ease 1.2s .5s, opacity ease 1.2s .5s;
	}
	.section.on .mncont1 > div .mcont1 > .tit1 > h2{
		transition-delay:.7s;
	}
	.section.on .mncont1 > div .mcont1 > .tit1 > .ctrbox1{
		transition-delay:.9s;
	}
	.section.on .mncont1 > div .mcont1 > .cont1{
		transform:translateX(0%);
		opacity:1;
		transition:transform ease .8s .5s, opacity ease .8s .5s;
	}
	.section.on .mslide1{
		opacity:1;
	}
	
	
	.mncont2{
		position:relative;
		height:100%;
		display:flex;
		background:#ddd;
		overflow:hidden;		
	}
	.mncont2 > *{
		width:50%;
	}
	.mncont2 > .planbox1{
		position:relative;
		background:#a6a195;
		padding-top:80px;
		display:flex; align-items:center; justify-content:center;
		z-index:2;
		
		transform:translateX(-50%);
		opacity:0;
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont2 > .planbox1 > div{
		width:100%;
	}
	.mncont2 > .planbox1 .btn1{
		margin-top:60px;
		display:flex; gap:10px; justify-content:center; align-items:center;
	}
	.mncont2 > .planbox1 .btn1 .prev2,
	.mncont2 > .planbox1 .btn1 .next2{
		position:relative;
		font-size:0; line-height:0;
		width:60px; height:60px;
		cursor:pointer;
		background:#fff;
		border-radius:50%;
	}
	.mncont2 > .planbox1 .btn1 .prev2::before,
	.mncont2 > .planbox1 .btn1 .next2::before{
		position:absolute; left:50%; top:50%;
		display:block;
		transform:translate(-50%,-50%);
		width:19px; height:12px;
		background:url(../../images/main/btn_arr2.png) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont2 > .planbox1 .btn1 .next2::before{background-position:right center;}
	
	.mncont2 > .planbox1 .btn1 .prev2:hover{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont2 > .planbox1 .btn1 .next2:hover{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mncont2 > .planbox1 .lnk1{
		position:absolute; right:calc(0px - 88px); top:50%;
		transform:translateY(-50%);
		display:flex; justify-content:center; align-items:center;
		width:174px; height:169px;
		z-index:2;
	}
	.mncont2 > .planbox1 .lnk1::before{
		position:absolute; left:18%; top:18%;
		width:64%; height:64%;
		background:var(--main-color1);
		border-radius:50%;
		z-index:-1;
		content:"";
		transition:background ease .5s;
	}
	.mncont2 > .planbox1 .lnk1 > span{
		display:block;
		color:#fff; font-family:var(--font-family2); font-weight:600; font-size:14px; line-height:14px;
	}
	.mncont2 > .planbox1 .lnk1::after{
		position:absolute; left:0px; top:0px;
		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:"";
	}
	.mncont2 > .planbox1 .lnk1:hover span{
		color:var(--main-color1);
	}
	.mncont2 > .planbox1 .lnk1:hover::before{
		background:var(--main-color2);
	}
	
	
	.mslide2{
		position:relative;
		opacity:0;
		transition-delay:.5s;
	}
	.mslide2::before{
		position:absolute; left:50%; top:-50px;
		transform:translate(-50%, 0);
		background:url(../../images/main/bg_imgbox1.png) no-repeat center;
		width:500px; height:470px;
		content:"";
	}
	.mslide2::after{
		position:absolute; left:calc(50% + 16px); top:170px;
		letter-spacing:9px;
		white-space:nowrap;
		transform:translateX(-50%);
		font-family:var(--font-family2); color:#fff; font-weight:500; font-size:36px;
		content:"SPECIAL PLAN";
		opacity:0;		
		transition:opacity ease .3s .5s, letter-spacing ease .3s .5s;
	}
	.mslide2 .slick-slide{
		text-align:center;
	}
	.mslide2 .slick-slide .imgbox1{
		display:inline-block;
		background:#f0efe2;
	}
	.mslide2 .slick-slide .txt1{
		margin-top:40px;
		color:#fff;
	}
	.mslide2 .slick-slide .txt1 em{
		display:block;
		font-weight:500; font-size:30px; line-height:30px;
		opacity:0;
		transform:translateY(10px);
		transition:opacity ease .5s, transform ease .5s;
	}
	.mslide2 .slick-slide .txt1 p{
		margin-top:30px;
		font-weight:400; font-size:18px; line-height:26px;
		opacity:0;
		transform:translateY(-10px);
		transition:opacity ease .7s, transform ease .7s;
	}

	.mslide2 .slick-slide .txt1 .t1{
		margin-top:20px;
		font-weight:200; font-size:13px; line-height:20px;
		
	}
	.mslide2 .slick-slide.active .txt1 em,
	.mslide2 .slick-slide.active .txt1 p{
		opacity:1;
		transform:translateY(0px);
	}
	
	.mncont2 > .planbg1{
		position:relative;
		background:#ddd;
		display: grid;
		z-index:1;
		
		transform:translateX(50%);
		opacity:0;
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont2 > .planbg1 > div{
		position:relative;
		grid-area: 1 / 1 / 2 / 2; 
		z-index:4;		
	    overflow: hidden;
		width:100%; height:100%;
		box-sizing:border-box;
		opacity:0;		
		transition:opacity ease-in-out .5s .0s 		
	}
	.mncont2 > .planbg1 > div > *{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background-size:cover !important;
		transform:scale(1.1);
		transition:transform ease-in-out .5s .0s;
	}
	.mncont2 > .planbg1 > div.active{
		opacity:1;
	}
	.mncont2 > .planbg1 > div.active > *{
		transform:scale(1);
	}
	
	.section.on .mncont2 > .planbox1,
	.section.on .mncont2 > .planbg1{
		transform:translateX(0%);
		opacity:1;
		transition:transform ease .8s .5s, opacity ease .8s .5s;
	}
	.section.on .mslide2::after{
		letter-spacing:29px;
		opacity:1;
		transition:opacity ease 1.2s .9s, letter-spacing ease 1.2s .9s;
	}
	.section.on .mslide2{
		opacity:1;
	}
	
	.mncont3{
		position:relative;
		height:100%;
		background:url(../../images/main/bg_premium1.jpg) no-repeat center center; background-size:cover;
		overflow:hidden;
	}
	.mncont3 > .tit1{
		position:absolute; left:min(max(40px, 5vw),100px); top:18%;
		text-align:left;
		font-family:var(--font-family4); font-weight:400; color:#333333; font-size:30px; line-height:40px; letter-spacing:-1.2px;
		opacity:0;
		transform:translateX(-20%);		
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont3 > .tit1 > em{
		font-weight:700; color:var(--main-color1);
	}
	.mncont3 > .lnk1{
		position:absolute; left:50%; bottom:10%;
		z-index:2;
		width:100px; height:100px;
		display:flex; align-items:center;
		
		opacity:0;		
		transform:translateY(20%);
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont3 > .lnk1::after{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		border-radius:50%;
		background:#f0efe2 url(../../images/main/ico_plus1.png) no-repeat center center;
		content:"";
		transition:all ease .5s;
		z-index:-1;
	}
	.mncont3 > .lnk1 > span{
		display:block;
		transform:translateX(-50px);
		font-family:var(--font-family2); font-weight:800; color:var(--main-color1); font-size:14px;
		white-space:nowrap;		
	}
	.mncont3 > .lnk1:hover::after{
		left:-10%; top:-10%;
		width:120%; height:120%;
		transform:rotate(180deg);
	}
	
	.section .step{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		z-index:0;		
	}
	.section .step.active{
		z-index:1;	
	}
	
	.mncont3 .premiumbox1{
		display:flex; 
		height:100%;
	}
	.mncont3 .premiumbox1 > li{
		flex:0 0 calc(100% / 3);
		display:flex; justify-content:center;		
	}	
	.mncont3 .premiumbox1 > li:nth-child(2){
		position:relative;
		background:rgba(255,255,255,.5);
	}
	.mncont3 .premiumbox1 > li:nth-child(2)::before,
	.mncont3 .premiumbox1 > li:nth-child(2)::after{
		position:absolute; left:0; bottom:0;
		width:1px; height:0;
		background:#ddd;
		content:"";
		transition:height ease .3s .5s
	}
	.mncont3 .premiumbox1 > li:nth-child(2)::after{
		left:auto; bottom:auto; right:0; top:0;
	}
	.mncont3 .premiumbox1 > li .cont1{
		display:flex; flex-direction:column; justify-content:center;
	}
	.mncont3 .premiumbox1 > li .cont1 > *{
	}
	.mncont3 .premiumbox1 > li:nth-child(2n+1) .cont1{
		margin-top:200px;
	}
	.mncont3 .premiumbox1 > li:nth-child(2) .cont1{
		flex-direction:column-reverse;
		margin-bottom:100px;
	}
	.mncont3 .premiumbox1 > li .cont1 .tit1{
		text-align:left;	
		
		opacity:0;
		transform:translateX(20%);		
		transition:transform ease 1.2s, opacity ease 1.2s;
	}
	.mncont3 .premiumbox1 > li .cont1 .tit1 > em{
		font-weight:500; color:var(--main-color1); font-size:30px; line-height:30px;
	}
	.mncont3 .premiumbox1 > li .cont1 .tit1 > p{
		margin-top:20px;
		font-weight:300; color:#666666; font-size:18px; line-height:24px;
	}
	.mncont3 .premiumbox1 > li .cont1 .tit1 > p > span{
		font-size:14px;
	}
	.mncont3 .premiumbox1 > li .cont1 .tit1 > div{
		display:flex; align-items:center; justify-content:space-between;
		margin-top:40px;
	}
	.mncont3 .premiumbox1 > li .cont1 .tit1 > div::after{
		flex:0 0 60px; height:60px;
		background:url(../../images/main/ico_premium1.png) no-repeat left center; background-size:600% 100%;
		content:"";
	}
	.mncont3 .premiumbox1 > li.i2 .cont1 .tit1 > div::after{
		background-position:20% center;
	}
	.mncont3 .premiumbox1 > li.i3 .cont1 .tit1 > div::after{
		background-position:40% center;
	}
	.mncont3 .premiumbox1 > li.i4 .cont1 .tit1 > div::after{
		background-position:60% center;
	}
	.mncont3 .premiumbox1 > li.i5 .cont1 .tit1 > div::after{
		background-position:80% center;
	}
	.mncont3 .premiumbox1 > li.i6 .cont1 .tit1 > div::after{
		background-position:100% center;
	}
	.mncont3 .premiumbox1 > li .cont1 .tit1 > div > em{
		display:flex; gap:10px; align-items:center;
		font-weight:500; font-family:var(--font-family2); color:var(--main-color1); font-size:14px; line-height:14px;
	}
	.mncont3 .premiumbox1 > li .cont1 .tit1 > div > em::after{
		width:50px; height:1px;
		background:var(--main-color1);
		content:"";
	}
	.mncont3 .premiumbox1 > li:nth-child(2) .cont1 .tit1 > em{
		color:#887771;
	}
	
	.mncont3 .premiumbox1 > li .imgbox1{
		position:relative;
		margin-bottom:40px;
		
		opacity:0;
		transform:translateX(-20%);		
		transition:transform ease 1.2s, opacity ease 1.2s;
	}
	.mncont3 .premiumbox1 > li .imgbox1::before{
		position:absolute; right:10px; bottom:10px;
		color:rgba(255,255,255,.6); font-size:13px;
		content:"이미지컷"
	}
	.mncont3 .premiumbox1 > li:nth-child(2n+1) .imgbox1{
		margin-bottom:0; margin-top:40px;
	}
	
	.section.on .mncont3 > .tit1{
		opacity:1;
		transform:translateX(0);		
		transition:transform ease .8s .5s, opacity ease .8s .5s;
	}
	.section.on .mncont3 > .lnk1{
		opacity:1;		
		transform:translateY(0);
		transition:transform ease .8s .5s, opacity ease .8s .5s;
	}
	.section.on .mncont3 .premiumbox1 > li:nth-child(2)::before,
	.section.on .mncont3 .premiumbox1 > li:nth-child(2)::after{
		height:100%;
		transition:height ease 2.8s .5s;
	}
	.section .step.active .premiumbox1 > li .cont1 .tit1,
	.section .step.active .premiumbox1 > li .imgbox1{
		opacity:1;
		transform:translateX(0);		
		transition:transform ease 1.2s, opacity ease 1.2s;
	}
	
	
	
	.mncont4{
		position:relative;
		height:100%;
		background:url(../../images/main/bg_brand1_250701.jpg) no-repeat center center; background-size:cover;
		overflow:hidden;
		display:flex; justify-content:center; align-items:center;
	}
	.mncont4 > .lnk1{
		position:absolute; right:min(max(40px, 5vw),100px); bottom:4%;
		z-index:2;
		width:100px; height:100px;
		display:flex; align-items:center;
		
		opacity:0;		
		transform:translateX(20%);
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont4 > .lnk1::after{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		border-radius:50%;
		border:1px solid #fff;
		background:url(../../images/main/ico_plus2.png) no-repeat center center;
		content:"";
		transition:all ease .5s;
		z-index:-1;
	}
	.mncont4 > .lnk1 > span{
		display:block;
		transform:translateX(-50px);
		font-family:var(--font-family2); font-weight:800; color:#fff; font-size:14px;
		white-space:nowrap;		
	}
	.mncont4 > .lnk1:hover::after{
		left:-10%; top:-10%;
		width:120%; height:120%;
		background-color:var(--main-color1);
		border-color:var(--main-color1);
		transform:rotate(180deg);
	}
	
	.mncont4 > .mcont1 > .tit1{
		letter-spacing:5px;
		font-weight:500; font-family:var(--font-family2); color:#fff; font-size:24px;
		
		opacity:0;		
		transform:translateY(20%);
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont4 > .mcont1 > .logobox1{
		position:relative; left:10px;
		margin:0 auto; margin-top:24%;
		display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:40px 30px;
		max-width:560px;
	}
	.mncont4 > .mcont1 > .logobox1 > *{
		opacity:0;
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont4 > .mcont1 > .logobox1 > *:nth-child(1){
		transform:translateX(-30px);
	}
	.mncont4 > .mcont1 > .logobox1 > *:nth-child(2){
		transform:translateY(30px);
	}
	.mncont4 > .mcont1 > .logobox1 > *:nth-child(3){
		transform:translateX(30px);
	}
	.mncont4 > .mcont1 > .logobox1 > *:nth-child(4){
		transform:translateY(30px);
	}
	.mncont4 > .mcont1 > p{
		margin-top:15%;
		font-weight:500; font-family:var(--font-family4); color:#fff; font-size:30px; line-height:40px; letter-spacing:-1.2px;
		
		opacity:0;
		transform:translateY(20px);
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.section.on .mncont4 > .lnk1{
		opacity:1;		
		transform:translateX(0);
		transition:transform ease .8s .5s, opacity ease .8s .5s;
	}
	.section.on .mncont4 > .mcont1 > .tit1{
		opacity:1;		
		transform:translateY(0%);
		transition:transform ease .8s .5s, opacity ease .8s .5s;
	}
	.section.on .mncont4 > .mcont1 > .logobox1 > *{
		opacity:1;
		transform:translate(0, 0);
		transition:transform ease 1.5s .5s, opacity ease 1.5s .5s;
	}
	.section.on .mncont4 > .mcont1 > p{
		opacity:1;
		transform:translate(0, 0);
		transition:transform ease 1.5s .5s, opacity ease 1.5s .5s;
	}
	
	
	.mncont5{
		margin-top:120px; margin-left:min(max(40px, 5vw),100px);
		height:calc(100% - 120px); width:calc(100% - min(max(40px, 5vw),100px));
		background:url(../../images/main/bg_direction1.jpg) no-repeat left top; background-size:cover;
		display:flex; align-items:center; 
		overflow:hidden;
	}
	.mncont5 > *{
		position:relative;
		width:100%; max-width:1300px;
		margin:0 auto;
		text-align:left;
	}
	.mncont5 > .mcont1 > .tit1{
		font-weight:500; color:#fff; font-size:22px;
		
		opacity:0;
		transform:translateX(-20px);
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont5 > .mcont1 > .tit1 > em{
		font-family: 'Butler'; font-weight:600; font-size:60px; line-height:60px;
		margin-right:10px;
	}
	.mncont5 > .mcont1 > .lnk1{
		position:absolute; right:0px; top:-100px;
		display:flex; justify-content:center; align-items:center;
		width:174px; height:169px;
		z-index:2;
		
		opacity:0;
		transform:translateY(-20px);
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont5 > .mcont1 > .lnk1::before{
		position:absolute; left:18%; top:18%;
		width:64%; height:64%;
		background:var(--main-color1);
		border-radius:50%;
		z-index:-1;
		content:"";
		transition:background ease .5s;
	}
	.mncont5 > .mcont1 > .lnk1 > span{
		display:block;
		color:#fff; font-family:var(--font-family2); font-weight:600; font-size:14px; line-height:14px;
	}
	.mncont5 > .mcont1 > .lnk1::after{
		position:absolute; left:0px; top:0px;
		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:"";
	}
	.mncont5 > .mcont1 > .lnk1:hover span{
		color:var(--main-color1);
	}
	.mncont5 > .mcont1 > .lnk1:hover::before{
		background:var(--main-color2);
	}
	
	.mncont5 > .mcont1 > ul{
		margin-top:30px;
		display:flex; gap:50px;
	}
	.mncont5 > .mcont1 > ul > li{
		opacity:0;
		transform:translateY(20px);
		transition:transform ease .3s .5s, opacity ease .3s .5s;
	}
	.mncont5 > .mcont1 > ul > li > dl{
		margin-top:20px;
		font-size:18px; line-height:28px;
	}
	.mncont5 > .mcont1 > ul > li > dl dt{
		font-weight:600; color:var(--main-color1);
	}
	.mncont5 > .mcont1 > ul > li > dl dd{
	}
	.mncont5 > .mcont1 > ul > li > dl dd > em{
		font-weight:600; color:var(--main-color1);	
	}
	.mncont5 > .mcont1 > ul > li > dl:nth-of-type(2){
		margin-top:50px;
	}
	.mncont5 > .mcont1 > ul > li > dl:nth-of-type(2) dd{
		font-weight:300;
	}
	
	.section.on .mncont5 > .mcont1 > .tit1{
		opacity:1;
		transform:translateY(0px);
		transition:transform ease 1.2s .5s, opacity ease 1.2s .5s;
	}	
	.section.on .mncont5 > .mcont1 > .lnk1{
		opacity:1;
		transform:translateY(0px);
		transition:transform ease 1.2s .5s, opacity ease 1.2s .5s;
	}
	
	.section.on .mncont5 > .mcont1 > ul > li{
		opacity:1;
		transform:translateY(0px);
		transition:transform ease 1.2s .5s, opacity ease 1.2s .5s;
	}
	.section.on .mncont5 > .mcont1 > ul > li:nth-child(2){
		transition-delay:.7s		
	}
	
/*main*/

