/**/
.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:not(.fixed):not(.nav-down):not(.nav-up){
		opacity:1;
		transition:opacity ease .6s 1.2s;
	}
	
	body.mainon .mainvisual{
		opacity:1;
		transition:opacity ease .6s 1.2s;
	}


/*main*/	
	.mainvisual{
		position:relative; 
		width:100%; height:100vh; 
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}	
	.mainvisual .slick-slide{
		width:100%; height:100vh; 
		overflow:hidden;
	}
	.mainvisual .video-background {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            object-fit: cover; 
            transform: translate(-50%, -50%); 
            z-index: -1; 
        }
	
	.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 .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:0; top:min(max(1vw, 24vw),180px);
		width:100%;
		color:#111111; text-align:center;
	}
	.mainvisual .visualbox .visualtxt1.t2{
		color:#fff;
	}
	.mainvisual .visualbox .visualtxt1 .txt1{
		font-weight:300; font-size:38px; line-height:40px;		
		opacity:0;
		transform:translateY(40px);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s, opacity cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s;
	}
	.mainvisual .visualbox .visualtxt1 .txt1 > p{
		margin-top:10px;
		font-weight:600; font-size:60px; line-height:60px;	
	}
	.mainvisual .visualbox .visualtxt1 .txt1 > p > em{
		color:var(--main-color1);
	}
	
	.mainvisual .visualbox .visualtxt1 .txt2{
		position:relative;
		opacity:0;
		transform:translateY(40px);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s, opacity cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s;
	}
	.mainvisual .visualbox .visualtxt1 .txt2 > img{
		display:inline-block;
	}
	.mainvisual .visualbox .visualtxt1 .txt2::before{
		display:block;
		margin:30px auto;		
		width:40px; height:2px;
		background:#111;
		content:"";
	}
	.mainvisual .visualbox .visualtxt1.t2 .txt2::before{
		background:#fff;
	}
	.mainvisual .visualbox .visualtxt1.t2 .txt2 > img{
		filter: brightness(0) invert(1);
	}	
	.mainvisual .visualbox .active .mainimg1 > div{
		transform:scale(1);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) 6s 0s;
	}
	.mainvisual .visualbox .active .visualtxt1 .txt1{
		opacity:1;
		transform:translateY(0px);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) .8s .1s, opacity cubic-bezier(0.25, 0.1, 0.25, 1.0) .8s .1s;
	}
	.mainvisual .visualbox .active .visualtxt1 .txt2{
		opacity:1;
		transform:translateY(0);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) .8s .3s, opacity cubic-bezier(0.25, 0.1, 0.25, 1.0) .8s .3s;
	}
	
	.mainvisual .vctrbox1{
		position:absolute; left:50%; bottom:50px;
		transform:translateX(-50%);
		z-index:12;
		display:flex; gap:10px; align-items:center;
	}
	.mainvisual .vslidernum1{
		letter-spacing:2px;
		width:40px;
		color:#fff; font-weight:300; font-size:16px;
	}
	.mainvisual .vslidernum1 em{
		font-weight:500; font-size:22px;
	}
	.mainvisual .vctrbox1 .vline1{
		position:relative;
		width:216px;
		height:2px;
		background:rgba(255,255,255,.6)
	}
	.mainvisual .vctrbox1 .vline1 > span{
		position:absolute; left:0; top:0;
		width:100%; height:2px;
		transform-origin: left;
		transform: scaleX(0);
		background:#fff;
		transition:transform ease 1.4s .0s;
	}
	.mainvisual .vctrbox1 .btn1{
		display:flex; gap:6px;
	}
	.mainvisual .vctrbox1 .sprev1,
	.mainvisual .vctrbox1 .snext1{
		display:block; 
		font-size:0; line-height:0;
		width:42px; height:42px;
		cursor:pointer;
		margin:0 auto;
		z-index:12;
	}
	
	.mainvisual .vctrbox1 .sprev1::before,
	.mainvisual .vctrbox1 .snext1::before{
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr1.png) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mainvisual .vctrbox1 .snext1::before{background-position:right center;}
	
	.mainvisual .vctrbox1 .sprev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mainvisual .vctrbox1 .snext1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mncont1{
		position:relative;
		padding:150px 0;
		overflow:hidden;
	}
	.mncont1 > .tit1{
		color:#111111; font-weight:600; font-size:55px; line-height:60px;
	}
	.mncont1 > .tit1 > em{
		color:var(--main-color1);
	}
	
	.locationslide1{
		margin-top:300px;
	}
	.locationslide1 .swiper-slide{
		position:relative;
		width: 360px;
    	margin: 0 20px;
		transition: transform 0.5s;
	}
	.locationslide1 .swiper-slide.left-side{
		transform:translateX(-40px);		
	}
	.locationslide1 .swiper-slide.right-side{
		transform:translateX(40px);		
	}
	.locationslide1 .swiper-slide.left-side.near{
		transform:translate(-40px, -80px);	
	}
	.locationslide1 .swiper-slide.right-side.near{
		transform:translate(40px, -80px);	
	}
	.locationslide1 .swiper-slide.swiper-slide-active{		
	}
	.locationslide1 .swiper-slide .cont1{
		position:absolute; left:0; top:154px;
		text-align:center;
		width:100%;
		color:#fff;
		z-index:2;
		opacity:0;
		transform:translateY(80px);
		transition:opacity ease .5s, transform ease .5s;
	}
	.locationslide1 .swiper-slide .cont1 .txt1::before{
		display:block;
		margin:0 auto; margin-bottom:14px;
		width:90px; height:55px;
		background:url(../../images/main/ico_location1.png) no-repeat left center; background-size:600% 100%;
		content:"";
	}
	.locationslide1 .swiper-slide .cont1.i2 .txt1::before{
		background-position:20% center;
	}
	.locationslide1 .swiper-slide .cont1.i3 .txt1::before{
		background-position:40% center;
	}
	.locationslide1 .swiper-slide .cont1.i4 .txt1::before{
		background-position:60% center;
	}
	.locationslide1 .swiper-slide .cont1.i5 .txt1::before{
		background-position:80% center;
	}
	.locationslide1 .swiper-slide .cont1.i6 .txt1::before{
		background-position:100% center;
	}
	
	.locationslide1 .swiper-slide .cont1 .txt1 > em{
		font-weight:600; font-size:34px;		
	}
	.locationslide1 .swiper-slide .cont1 .txt1 > p{
		margin-top:5px;
		font-size:18px; line-height:24px;
	}
	.locationslide1 .swiper-slide .imgbox1{
		position:relative;
		width:100%;
		padding-bottom:153%;
		overflow:hidden;
		border-radius:200px;
		transition: transform 0.6s;
	}
	.locationslide1 .swiper-slide .imgbox1::before{
		position:absolute; left:50%; bottom:15px;
		transform:translateX(-50%);
		font-weight:300; color:rgba(255,255,255,.5);
		content:"이미지컷";
		opacity:0;
		z-index:1;
		transition:opacity ease .5s;
	}
	.locationslide1 .swiper-slide .imgbox1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
	}
	.locationslide1 .swiper-slide.swiper-slide-active .imgbox1{
		transform:scale(1.26) translateY(-150px);
	}
	.locationslide1 .swiper-slide.swiper-slide-active .imgbox1::before{
		opacity:1;
		transition:opacity ease .5s;				
	}
	.locationslide1 .swiper-slide.swiper-slide-active .cont1{
		opacity:1;
		transform:translateY(0);
		transition:opacity ease .5s .3s, transform ease .5s .3s;
	}
	
	.mncont1 .ctrbox1{
		position:relative;
		transform:translateY(-70px);
		display:flex; gap:10px; align-items:center; justify-content:center;
		z-index:10;
	}
	.mncont1 .ctrbox1 .slidenum1{
		letter-spacing:1px;
		width:50px;
		color:#999999; font-weight:300; font-size:16px;
	}
	.mncont1 .ctrbox1 .slidenum1 em{
		color:#111; font-weight:500; font-size:22px;
	}
	.mncont1 .ctrbox1 .uline1{
		position:relative;
		width:216px; height:2px;
		background:#ddd;
	}
	.mncont1 .ctrbox1 .uline1 > span{
		position:absolute; left:0; top:0;
		width:100%; height:2px;
		background:var(--main-color1);
		transform-origin:left;
		transform: scaleX(0);
		transition:transform ease 1.4s .0s;
	}
	.mncont1 .ctrbox1 .uline1 > span::before{
		position:absolute; left:0; top:0;
		width:0%; height:2px;
		
		content:"";
		transition:width ease 0s .0s;
	}
	.mncont1 .ctrbox1 .uline1.active > span::before{
		width:100%; 
		transition:width ease 5s;
	}
	.mncont1 .ctrbox1 .btn1{
		display:flex; gap:6px;
	}
	.mncont1 .ctrbox1 .prev1,
	.mncont1 .ctrbox1 .next1{
		display:block; 
		font-size:0; line-height:0;
		width:42px; height:42px;
		cursor:pointer;
		margin:0 auto;
		z-index:12;
	}
	
	.mncont1 .ctrbox1 .prev1::before,
	.mncont1 .ctrbox1 .next1::before{
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr2.png) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont1 .ctrbox1 .next1::before{background-position:right center;}
	
	.mncont1 .ctrbox1 .prev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont1 .ctrbox1 .next1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.bgtext-wrap {
		position:absolute; left:0; top:410px;	
		width: 100%; 
		overflow: hidden;
		z-index:-1;
	}

	.bgtext-wrap-track {
		display: flex; gap:0; align-items:center;
		width: max-content;
		animation: marquee 24s linear infinite;
	}
	.bgtext-wrap-track > div{
		white-space:nowrap;
		flex: 0 0 auto;
		font-family:var(--font-family2); color:#f2f2f2; font-weight:600; font-size:100px;
	}


	@keyframes marquee {
	0% 	{ 	transform: translateX(0%);		}
	100%{	transform: translateX(-50%);	}
	}
	
	.mncont2{
		position:relative;
		width:100%; height:100vh;
		background:url(../../images/main/bg_brand1.jpg) no-repeat center center; background-size:cover;
	}
	.mncont2 .mcont1{
		display:flex; justify-content:center; align-items:center;
		height:100%;
	}
	.mncont2 .mcont1 .cont1{
	}
	.mncont2 .mcont1 .cont1 .txt1{
	}
	.mncont2 .mcont1 .cont1 .txt2::before{
		display:block;
		margin:30px auto;
		width:1px; height:60px;
		background:#fff;
		content:"";
	}
	.mncont2 .mcont1 .cont1 .txt2{
		color:#fff; font-weight:300; font-size:45px; line-height:50px;
	}
	.mncont2 .mcont1 .cont1 .txt2 em{
		display:block;
		font-weight:600; font-size:60px; line-height:70px;
	}
	
	.mncont2 .mcont2{
		position: absolute; top: 50%; left: 50%;
 		width:90%; max-width:1600px; min-width:1400px; height:80%;
  		transform: translate(-50%, -50%);
 		background: #f0f0f0;
 		display:flex; justify-content:center; align-items:flex-end;
	 	border-radius:40px;
  		z-index:2;
	}
	.mncont2 .mcont2.t1 { background:url(../../images/main/bg_brand2.jpg) no-repeat center center; background-size:cover; }
	.mncont2 .mcont2.t2 { background:url(../../images/main/bg_brand3.jpg) no-repeat center center; background-size:cover;}
	.mncont2 .mcont2.t3 { background:url(../../images/main/bg_brand4.jpg) no-repeat center center; background-size:cover; }
	.mncont2 .mcont2.t4 { background:url(../../images/main/bg_brand5.jpg) no-repeat center center; background-size:cover; }
	.mncont2 .mcont2.t5 { background:url(../../images/main/bg_brand6.jpg) no-repeat center center; background-size:cover;}
	
	.mncont2 .mcont2 .cont1{
		width:100%;
		box-sizing:border-box;
		padding:0 min(max(1vw, 6vw),90px) 100px;
		display:flex; justify-content:space-between; align-items:flex-end;
		text-align:left;
	}
	.mncont2 .mcont2 .cont1 > *:first-child{
		opacity:0;
		transform:translateX(-20px);
		transition:opacity ease .4s .2s, transform ease .4s .2s
	}
	.mncont2 .mcont2 .cont1 > *:first-child .tit1{
		color:#fff;
	}
	.mncont2 .mcont2 .cont1 > *:first-child .tit1 .t1{
		font-size:20px; line-height:34px;
	}
	.mncont2 .mcont2 .cont1 > *:first-child .tit1 .t1 em{
		color:var(--main-color1); font-weight:600; font-size:30px;
	}
	.mncont2 .mcont2 .cont1 > *:first-child .tit1 .t2{
		position:relative;
		display:inline-block;
		margin-top:30px;
		font-family:var(--font-family2); font-weight:600; font-size:90px; line-height:90px;
	}
	
	.mncont2 .mcont2 .cont1 > *:first-child .tit1 .t2 .lnk1{
		position:absolute; left:100%; bottom:10px;
		transform:translateX(-30%);
		width:183px; height:185px;
	}
	.mncont2 .mcont2 .cont1 > *:first-child .tit1 .t2 .lnk1::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:"";
	}
	.mncont2 .mcont2 .cont1 > *:first-child .tit1 .t2 .lnk1 > span{
		position:absolute; left:50%; top:50%;
		display:block;
		transform:translate(-50%,-50%);
		width:36px; height:35px;
		background:url(../../images/main/ico_arr1.png) no-repeat center center; background-size:cover;
		transition:transform ease .4s;
	}
	.mncont2 .mcont2 .cont1 > *:first-child .tit1 .t2 .lnk1:hover > span{
		transform:translate(-50%,-50%) rotate(45deg);
	}
	.mncont2 .mcont2.t2 .cont1 > *:first-child .tit1 .t2 .lnk1{
		bottom:auto; top:-56%;
	}
	
	.mncont2 .mcont2 .cont1 > *:last-child{
		opacity:0;
		transform:translateX(20px);
		transition:opacity ease .4s .2s, transform ease .4s .2s
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u1{
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u1 > li{
		color:#fff; font-weight:300; font-size:20px; line-height:26px;
		display:flex;
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u1 > li:nth-child(n+2){
		margin-top:15px;
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u1 > li > em{
		display:flex; align-items:center;
		font-weight:600;
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u1 > li > .i1::before{
		width:5px; height:5px;
		margin-right:5px;
		background:var(--main-color1);
		content:"";
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u1 > li > em::after{
		width:1px; height:70%;
		background:#fff;
		margin:0 5px;
		content:"";
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u1> li > .i1{
		display:flex; align-items:center;
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u2{
		display:flex; gap:40px 30px; flex-wrap:wrap;
		margin-left:auto;
		width:66%; max-width:895px;
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u2 > li{
		flex:0 0 calc((100% - 1 * 30px) / 2);
		box-sizing:border-box;
		color:#fff;
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u2 > li > div{
		font-family:var(--font-family3); font-weight:300; font-size:50px; line-height:50px;
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u2 > li > div > span{
		color:var(--main-color1);
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u2 > li:last-child > div{
		font-family:var(--font-family); font-weight:400; font-size:45px; line-height:35px;
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u2 > li:last-child > div > span{
		font-family:var(--font-family3); font-weight:300; font-size:70px; 
	}
	.mncont2 .mcont2 .cont1 > *:last-child > .u2 > li > p{
		margin-top:12px;
		font-weight:300; font-size:20px; line-height:30px;
	}
	
	.mncont2 .mcont2.active .cont1 > *:first-child,
	.mncont2 .mcont2.active .cont1 > *:last-child{
		opacity:1;
		transform:translateX(0px);
		transition:opacity ease .8s .5s, transform ease .8s .5s
	}
	
	.mncont3{
		padding:150px 0 130px;
		background:url(../../images/main/bg_direction1.jpg) no-repeat center center; background-size:cover;
	}
	.mncont3 > .mcont1{
		width:96%; max-width:1600px; min-width:1400px;
		margin:0 auto;
	}
	.mncont3 > .mcont1 .cont1{
		display:flex;  gap:min(max(1vw, 5vw),100px);
		overflow:hidden;
		border-radius:30px;
		background:#413c38;
	}
	.mncont3 > .mcont1 .cont1 > *:nth-child(2){
		text-align:left;
		width:48%; max-width:580px;
		padding-top:80px;
	}
	.mncont3 > .mcont1 .cont1 > *:nth-child(2) .tit1{
		font-family:var(--font-family2); color:#fff; font-weight:600; font-size:90px; line-height:60px;
	}
	.mncont3 > .mcont1 .cont1 > *:nth-child(2) .tit1 > span{
		display:flex; align-items:center; gap:5px;
		margin-left:10px;
		font-family:var(--font-family); color:var(--main-color1); font-size:35px; 
	}
	.mncont3 > .mcont1 .cont1 > *:nth-child(2) .tit1 > span::before{
		width:19px; height:21px;
		background:url(../../images/main/ico_tel1.png) no-repeat center center;
		content:"";
	}
	.mncont3 > .mcont1 .cont1 > *:nth-child(2) ul{
		width:96%;
		margin-top:90px;
	}
	.mncont3 > .mcont1 .cont1 > *:nth-child(2) ul > li{
	}
	.mncont3 > .mcont1 .cont1 > *:nth-child(2) ul > li em{
		color:var(--main-color1); font-weight:600; font-size:20px; 
	}
	.mncont3 > .mcont1 .cont1 > *:nth-child(2) ul > li > div{
		margin-top:5px;
		display:flex; justify-content:space-between; align-items:center;
	}
	.mncont3 > .mcont1 .cont1 > *:nth-child(2) ul > li > div > *:nth-child(1){
		color:#fff; font-size:30px;
	}
	.mncont3 > .mcont1 .cont1 > *:nth-child(2) ul > li > div > *:nth-child(2){
		display:flex; gap:6px;
	}
	.mncont3 > .mcont1 .cont1 > *:nth-child(2) ul > li:nth-child(n+2){
		margin-top:40px;
	}
	
	.mncont3 > .mcont1 .cont2{
		margin-top:400px;
	}
	.mncont3 > .mcont1 .cont2 a{
		position:relative;
		display:inline-block;
		color:#fff; font-size:30px;
	}
	.mncont3 > .mcont1 .cont2 a > em{
		display:block;
		margin-top:10px;
		font-family:var(--font-family2); font-weight:600; font-size:90px; line-height:80px;
	}
	.mncont3 > .mcont1 .cont2 a > span{
		position:absolute; right:-20%; bottom:0;
		width:184px; height:184px;
	}
	.mncont3 > .mcont1 .cont2 a > span::before{
		position:absolute; left:0%; top:0%;
		width:100%; height:100%;
		background:url(../../images/main/txt_cir2.png) no-repeat center center; background-size:cover;
		animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;
		content:"";
	}
	.mncont3 > .mcont1 .cont2 a > span > em{
		position:absolute; left:50%; top:50%;
		display:block;
		transform:translate(-50%,-50%);
		width:36px; height:35px;
		background:url(../../images/main/ico_arr1.png) no-repeat center center; background-size:cover;
		transition:transform ease .4s;
	}
	.mncont3 > .mcont1 .cont2 a:hover > span > em{
		transform:translate(-50%,-50%) rotate(45deg);
	}
	
/*main*/

