/**/
.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*/	
	.mainvisual{
		position:relative; 
		width:100%; height:780px;
		padding-left:min(max(40px, 5vw),80px);
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}	
	.mainvisual .visualbox{
		height:780px;
	}
	.mainvisual .swiper-slide{
		position:relative;
		height:780px; 
		overflow:hidden !important;
		transition:width cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.2s .0s;
	}
	
	.mainvisual .swiper-slide.swiper-slide-active{
		width:1390px !important;
		transition:width cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.2s .0s;
	}
	
	.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;
		border-radius:30px;
	}	
	.mainvisual .visualbox .mainimg1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background-size:cover !important;
	}

	
	.mainvisual .visualbox .visualtxt1{
		position:absolute; right:60px;; top:90px;
		text-align:right;
	}
	.mainvisual .visualbox .visualtxt1 > *:nth-child(1){
		font-weight:600; color:#333; font-size:24px; line-height:28px;
		
	}
	.mainvisual .visualbox .visualtxt1 > *:nth-child(2){
		margin-top:25px;
		font-family:"GmarketSans"; font-weight:700; color:#333; font-size:60px; line-height:70px;
	}
	.mainvisual .visualbox .visualtxt1 > *:nth-child(2) > em{
		color:#ed1846;
	}
	.mainvisual .visualbox .visualtxt1 > *:nth-child(3){
		margin-top:40px;
	}
	.mainvisual .visualbox .visualtxt1 > *{
		opacity:0;
		transform:translateX(20px);
		transition:transform ease .4s .0s, opacity ease .4s .0s;
	}
	
	.mainvisual .swiper-slide.swiper-slide-active .visualtxt1 > *{
		opacity:1;
		transform:translateX(0px);
		transition:transform ease .8s .6s, opacity ease .8s .6s;
	}
	.mainvisual .swiper-slide.swiper-slide-active .visualtxt1 > *:nth-child(2){
		transition-delay:.8s
	}
	.mainvisual .swiper-slide.swiper-slide-active .visualtxt1 > *:nth-child(3){
		transition-delay:1.0s
	}
	
	
	.mainvisual .visualbox .visualtxt2{
		position:absolute; left:60px; top:344px;
		width:calc(100% - 120px);
		display:flex; justify-content:space-between;
	}
	.mainvisual .visualbox .visualtxt2 > *{
		font-family:"GmarketSans"; font-weight:300; color:#fff; font-size:60px; line-height:60px;
		letter-spacing:-2px;	
		opacity:0;
		transform:translateX(-20px);
		transition:transform ease .4s .0s, opacity ease .4s .0s;	
	}
	.mainvisual .visualbox .visualtxt2 > * > em{
		font-weight:700;
	}
	.mainvisual .visualbox .visualtxt2 > * > *{
		
	}
	.mainvisual .visualbox .visualtxt2 > *:nth-child(2){
		transform:translateX(20px);
	}
	.mainvisual .swiper-slide.swiper-slide-active .visualtxt2 > *{
		opacity:1;
		transform:translateX(0px);
		transition:transform ease .8s .6s, opacity ease .8s .6s;
	}
	
	.mainvisual .visualbox .visualtxt3{
		position:absolute; right:160px; top:266px;
		width:auto;
		text-align:center;
	}
	.mainvisual .visualbox .visualtxt3 > *{
		font-family:"GmarketSans"; font-weight:300; color:#fff; font-size:60px; line-height:80px;
		letter-spacing:-2px;
		opacity:0;
		transform:translateX(-20px);	
		transition:transform ease .4s .0s, opacity ease .4s .0s;
	}
	.mainvisual .visualbox .visualtxt3 > * > em{
		position:relative;
		font-weight:700;
	}
	.mainvisual .visualbox .visualtxt3 > * > em > strong{
		font-size:82px;
	}
	.mainvisual .visualbox .visualtxt3 > * > em > span{
		position:absolute; left:0; top:-42px;
		font-weight:500; font-size:22px; line-height:22px;
		opacity:0;
		transform:translateY(20px);	
		transition:transform ease .4s .0s, opacity ease .4s .0s;
	}
	.mainvisual .swiper-slide.swiper-slide-active .visualtxt3 > *{
		opacity:1;
		transform:translateX(0px);
		transition:transform ease .8s .6s, opacity ease .8s .6s;
	}
	.mainvisual .swiper-slide.swiper-slide-active .visualtxt3 > * > em > span{
		opacity:1;
		transform:translateY(0px);
		transition:transform ease .6s .8s, opacity ease .6s .8s;
	}

	
	.mainvisual .vctrbox1{
		position:absolute; left:1320px; top:700px;
		z-index:12;
		display:flex; gap:0 10px;			
	}
	.mainvisual .vctrbox1 .sprev1,
	.mainvisual .vctrbox1 .snext1{
		display:block; vertical-align:middle;
		font-size:0; line-height:0;
		width:50px; height:50px;
		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;}
	
	
	.vdots1{
		position:absolute; left:24px !important; bottom:30px !important;
		width:30px !important;
		display:flex; gap:10px 0; flex-wrap:wrap;
	}
	.vdots1 > span{
		position:relative;
		width:20px; height:20px;
		display:block !important;
		background:none !important;
		opacity:1 !important;	
	}
	.vdots1 > span::before, .vdots1 > span::after{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%);
		box-sizing:border-box;
		width:5px; height:5px;
		border-radius:50%;
		background:#ddd;
		content:"";
		transition:all ease .4s 0s;
	}
	.vdots1 > span::after{
		background:none;
	}
	.vdots1 > span.swiper-pagination-bullet-active::before{
		background:#333;		
	}
	.vdots1 > span.swiper-pagination-bullet-active::after{
		width:100%; height:100%;
		border:1px solid #333;		
	}
	
	.mncont1{
		position:relative;
		padding:140px 0 0;
		overflow:hidden;
	}
	.mncont1::before{
		position:absolute; left:0; bottom:0;
		width:100%; height:460px;
		background:#f5f5f5;
		content:"";
		z-index:-1;
	}
	.mncont1 .mcont1{
		padding-bottom:120px;
				
	}
	.mncont1 .mcont1 > .tit1{
		font-weight:600; color:#333; font-size:25px; line-height:45px;		
	}
	.mncont1 .mcont1 > .tit1 > em{
		margin-top:10px; margin-bottom:90px;
		display:inline-block;
		font-weight:800; color:#23408f; font-size:45px; 
	}
	.mncont1 .mcont1 > .tit1 > p{
		letter-spacing:7px;
		font-family:"GmarketSans"; font-weight:300; color:#aaaaaa; font-size:15px; line-height:15px;
	}
	
	.mslide1{
		margin-top:10px;
	}
	.mslide1 .tit1{
		font-family:"butler"; font-weight:500; color:#333; font-size:90px; line-height:120px;
		transform:rotateX(360deg);
		transition:transform ease .4s 0s;
	}
	.mslide1 .txt1::before{
		display:block;
		width:1px; height:60px;
		margin:0 auto; margin-top:30px; margin-bottom:50px;
		background:#000;
		opacity:0;
		content:"";
		transition:opacity ease .3s .0s;
	}
	.mslide1 .txt1{
		font-weight:600; color:#333; font-size:20px; line-height:30px;
		transform:translateY(20px);
		transition:transform ease .4s 0s;
	}
	.mslide1 .txt1 > em{
		margin-top:10px;
		display:block;
		font-weight:800; color:#23408f; font-size:30px; 
	}
	.mslide1 .txt2{
		margin-top:25px;
		font-weight:500; color:#666666; font-size:16px; line-height:28px;
		transform:translateY(20px);
		transition:transform ease .4s 0s;
	}
	
	.mslide1 .active .tit1{
		transform:rotateX(0deg);
		transition:transform ease .4s 0s;
	}
	.mslide1 .active .txt1{
		transform:translateY(0);
		transition:transform ease .4s 0s;
	}
	.mslide1 .active .txt1::before{
		opacity:1;
		transition:opacity ease .6s .2s;
	}
	.mslide1 .active .txt2{
		transform:translateY(0);
		transition:transform ease .4s 0s;
	}
	
	.imglocationbox1{
		position:absolute; left:50%; bottom:0;
		transform:translateX(-50%);
		width:calc(100% + 658px);
	}
	.imglocationbox1 > *{
		position:absolute; left:0; bottom:0;
		width:100%;
		display:flex; justify-content:space-between;
		z-index:0;
	}
	.imglocationbox1 > * > *{
		overflow:hidden;
		width:800px;
		border-radius:400px 400px 0 0;
		text-align:right;
	}	
	.imglocationbox1 > * > *:nth-child(2){
		text-align:left;
	}
	.imglocationbox1 > * > * > img{
		display:inline-block;
		opacity:0;
		transform:scale(1.12);
		transition:transform ease .4s .2s, opacity ease .4s 0s;
	}
	.imglocationbox1 > *.active{
		z-index:1;
	}
	.imglocationbox1 > *.active > * > img{
		transform:translateX(0px);
		opacity:1;
		transform:scale(1);
		transition:transform ease 1.2s 0s, opacity ease .4s 0s;
	}
	
	
	.mncont1 .ctrbox1{		
		z-index:12;
		margin-top:60px;
		display:flex; gap:0 10px; justify-content:center;
	}
	.mncont1 .ctrbox1 .prev1,
	.mncont1 .ctrbox1 .next1{
		display:block; vertical-align:middle;
		font-size:0; line-height:0;
		width:50px; height:50px;
		cursor:pointer;
		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;}
	
	
	.mncont2{
		background:url(../../images/main/bg_premium1.jpg) no-repeat center center; background-size:cover;
		padding:120px 0; padding-left:min(max(0px, 6vw),150px);
		overflow:hidden;
	}
	.mncont2 > .mcont1{
		position:relative;
		text-align:left;
		display:flex; gap:0 110px;
		z-index:1;		
	}
	.mncont2 > .mcont1 > .tit1{
		position:relative;		
		margin-top:10px;
	}
	.mncont2 > .mcont1 > .tit1 > p{
		color:#fff; font-family:500; font-size:22px; line-height:38px;
	}
	.mncont2 > .mcont1 > .tit1 > p em{
		font-weight:700; color:#b8883f;	
	}
	.mncont2 > .mcont1 > .tit1 > h3{
		margin-top:35px;
		font-family:"butler"; font-weight:300; color:#fff; font-size:90px; line-height:90px;
	}
	
	.txtpremiumbox1{
		position:relative;
		margin-top:145px;
	}
	.txtpremiumbox1 > *{
		position:absolute; left:0; bottom:0;
		opacity:0;
		font-weight:400; color:#fff; font-size:20px; line-height:20px;
		z-index:-1;
		transform:translateY(20px);
		transition:transform ease .6s 0s, opacity ease .4s .0s;
	}
	.txtpremiumbox1 > *.active{
		position:relative;
		opacity:1;
		z-index:1;
		transform:translateY(0px);
		transition:transform ease .6s 0s, opacity ease .5s 0s;
	}
	.txtpremiumbox1 > * h4{
		font-family:"butler"; font-weight:400; color:#b8883f; font-size:22px;
	}
	.txtpremiumbox1 > * em{
		display:block;
		margin:20px 0;
		font-weight:800; font-size:36px; line-height:36px;
	}

	.txtpremiumbox1 > * b.mu{
		font-family:'NanumGothic'; font-weight:500;
	}
	.txtpremiumbox1 > * b.mu2{
		font-family:'NanumGothic'; font-weight:400;
	}
	
	.mncont2 > .mcont1 > .tit1{
		position:relative;
		z-index:2;
	}
	.mncont2 > .mcont1 > .tit1 .ctrbox1{
		margin-top:70px;
		display:flex; gap:0 30px;
	}
	.mncont2 > .mcont1 > .tit1 .ctrbox1 .prev2,
	.mncont2 > .mcont1 > .tit1 .ctrbox1 .next2{
		display:block; vertical-align:middle;
		font-size:0; line-height:0;
		width:70px; height:11px;
		cursor:pointer;
		z-index:12;
	}
	.mncont2 > .mcont1 > .tit1 .ctrbox1 .prev2::before,
	.mncont2 > .mcont1 > .tit1 .ctrbox1 .next2::before{
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr3.png) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont2 > .mcont1 > .tit1 .ctrbox1 .next2::before{background-position:right center;}
	.mncont2 > .mcont1 > .tit1 .ctrbox1 .prev2:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont2 > .mcont1 > .tit1 .ctrbox1 .next2:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mncont2 > .mcont1 > .tit1 > .lnk1{
		position:absolute; left:520px; top:50px;
		width:170px; height:170px;
		display:flex; align-items:center; justify-content:center;
		font-size:0; line-height:0;
		z-index:1;
	}
	.mncont2 > .mcont1 > .tit1 > .lnk1::after{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:#9e7331;
		border-radius:50%;
		content:"";
	}	
	.mncont2 > .mcont1 > .tit1 > .lnk1::before{
		position:absolute; left:0; top:0px;
		width:100%; height:100%;
		background:url(../../images/main/txt_cir1.png) no-repeat center center;
		animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;
		content:"";
		z-index:2;
	}
	.mncont2 > .mcont1 > .tit1 > .lnk1 > span{
		position:relative;
		width:33px; height:32px;
		z-index:1;
	}
	.mncont2 > .mcont1 > .tit1 > .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 .4s 0s;
	}
	.mncont2 > .mcont1 > .tit1 > .lnk1:hover > span::after{
		transform:rotate(-45deg);		
	}
	
	
	
	
	.mslide2{
		width:3400px;
	}
	.mslide2 .slick-list{
		padding:100px 0 100px 40px;
	}
	.mslide2 .slick-slide{
	}
	.mslide2 .slick-slide > div{
		position:relative;
		text-align:center;
	}
	.mslide2 .slick-slide > div::before{
		position:absolute; left:50%; top:calc(50%);
		transform:translate(-50%,-50%);
		width:540px; height:680px;
		border:1px solid #b8883f;
		border-radius:50%;
		opacity:1;
		transition:opacity ease .4s 0s;
		content:"";
	}
	
	.mslide2 .slick-slide.off > div::before{
		opacity:0;
		transition:opacity ease .4s 0s;
	}
	
	.mslide2 .slick-slide > div .tit1{
		text-align:center;
		transform:translateY(-20px);
		font-family:"butler"; font-weight:300; color:#fff; font-size:20px; line-height:20px;
		
	}
	.mslide2 .slick-slide > div .tit1 > span{
		display:inline-block;
	}
	.mslide2 .slick-slide > div .tit1 > span::after{
		display:block;
		margin:4px 0 10px;
		width:100%; height:2px;
		background:#b8883f;
		content:"";
	}
	.mslide2 .slick-slide > div .tit1 > em{
		display:inline-block;
		color:#b8883f; font-size:60px; line-height:60px;
		font-style:italic;
		transform:translateX(-4px);
	}
	.mslide2 .slick-slide > div .imgbox1{
		overflow:hidden;
		transform:translateY(-20px);
		margin:0 auto; margin-top:50px;
		width:350px; height:350px;
		border-radius:50%;
	}
	
	.mncont3 {
		background:url(../../images/main/bg_type1.jpg) no-repeat center center; background-size:cover;
		padding:120px 0 150px;
		overflow:hidden;
	}
	.mncont3 > .mcont1{
		position:relative;
		width:calc(100% - 300px); min-width:1400px;
		margin:0 auto;
	}
	.mncont3 > .mcont1 > .tit1{
		max-width:1400px;
		margin:0 auto;
		text-align:right;
	}
	.mncont3 > .mcont1 > .tit1 > h2{
		font-family:"butler"; font-weight:300; color:#fff; font-size:90px; line-height:90px;
	}
	.mncont3 > .mcont1 > .tit1 .ctrbox1{
		margin-top:70px;
		display:flex; gap:0 30px; justify-content:flex-end
	}
	.mncont3 > .mcont1 > .tit1 .ctrbox1 .prev3,
	.mncont3 > .mcont1 > .tit1 .ctrbox1 .next3{
		display:block; vertical-align:middle;
		font-size:0; line-height:0;
		width:70px; height:11px;
		cursor:pointer;
		z-index:12;
	}
	.mncont3 > .mcont1 > .tit1 .ctrbox1 .prev3::before,
	.mncont3 > .mcont1 > .tit1 .ctrbox1 .next3::before{
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr4.png) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont3 > .mcont1 > .tit1 .ctrbox1 .next3::before{background-position:right center;}
	.mncont3 > .mcont1 > .tit1 .ctrbox1 .prev3:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont3 > .mcont1 > .tit1 .ctrbox1 .next3:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mncont3 > .mcont1 > .slidebox1{
		position:relative;
	}
	.mncont3 > .mcont1 > .slidebox1::before{
		position:absolute; left:-100px; top:-100px;
		width:225px; height:225px;
		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:"";
		z-index:2;
	}
	.mslide3{
		position:relative;
		width:2500px;
		margin-top:10px;
	}
	
	.mslide3 .slick-track{
		display:flex; gap:0 40px;
	}
	.mslide3 .slick-slide{
		float:none;
		width:760px; height:750px;
	}
	.mslide3 .slick-slide > div{
		position:relative;
		width:760px; height:650px;
		background:#fff;
		border-radius:50px;
		overflow:hidden;
		transform:translateY(100px);
		transition:transform ease .4s 0s;
	}
	.mslide3 .slick-slide > div::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:rgba(0,0,0,.4);
		content:"";
		z-index:2;
		transition:background ease .4s 0s;
	}
	.mslide3 .slick-slide > div > .tit1{
		position:absolute; left:60px; bottom:50px;
		text-align:left;
		z-index:1;
	}
	.mslide3 .slick-slide > div > .tit1 > h4{
		position:relative;
		display:inline-block;
		font-family:"butler"; font-weight:600; color:#23408f; font-size:50px; line-height:46px;
	}
	.mslide3 .slick-slide > div > .tit1 > h4::after{
		position:absolute; left:0; bottom:0;
		width:100%; height:3px;
		background:#23408f;
		content:"";
	}
	.mslide3 .slick-slide > div > .tit1 > h4 > span{
		font-size:36px; font-family:'NanumSquare'; font-weight:800; 
	}
	.mslide3 .slick-slide > div > .tit1 > p{
		margin-top:20px;
		font-weight:400; color:#666666; font-size:20px; line-height:20px;
	}
	.mslide3 .slick-slide > div > .tit1 > p strong{
		font-weight:600; color:#333;		
	}
	.mslide3 .slick-slide > div > .tit1 > p strong em{
		font-family:"GmarketSans"; font-weight:700; color:#23408f; font-size:24px; 
	}
	.mslide3 .slick-slide.active > div{
		transform:translateY(0px);	
		transition:transform ease .8s 0s;
	}	
	.mslide3 .slick-slide > div > .imgbox1{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%);
	}
	.mslide3 .slick-slide.active > div::before{
		background:rgba(0,0,0,0);
		transition:background ease .8s 0s;
	}
	
	.mncont4{
		padding:120px 0;		
	}
	.mncont4 > .mcont1{
		width:1400px;
		margin:0 auto;
		text-align:left;
		display:flex; gap:0 110px;
	}
	.mncont4 > .mcont1 > *:nth-child(2){
	}
	.mncont4 > .mcont1 > *:nth-child(2) > .tit1{
		font-family:"butler"; font-weight:300; color:#d1d2d4; font-size:90px; line-height:70px;
	}
	.mncont4 > .mcont1 > *:nth-child(2) > .cont1{
		margin-top:60px;
	}
	.mncont4 > .mcont1 > *:nth-child(2) > .cont1 > h4{
		font-weight:800; color:#333333; font-size:18px;
	}
	.mncont4 > .mcont1 > *:nth-child(2) > .cont1 > p{
		margin-top:10px;
		font-weight:500; color:#333; font-size:24px; line-height:24px;
	}
	.mncont4 > .mcont1 > *:nth-child(2) > .cont1 > div{
		margin-top:20px;
		display:flex; gap:0 20px;
	}
	.mncont4 > .mcont1 > *:nth-child(2) > .cont1 > div a{
		padding:5px 10px;
		border-bottom:1px solid #ddd;
	}
	.mncont4 > .mcont1 > *:nth-child(2) > .cont1 > div a span{
		display:inline-block; vertical-align:middle;
		font-weight:500; color:#333; font-size:14px;
	}
	.mncont4 > .mcont1 > *:nth-child(2) > .cont1 > div a span::before{
		display:inline-block; vertical-align:middle;
		width:15px; height:19px;
		margin-right:10px;
		transform:translateY(-2px);
		background:url(../../images/main/ico_naver1.png) no-repeat center center;
		content:"";
	}
	.mncont4 > .mcont1 > *:nth-child(2) > .cont1 > div > a:last-child span::before{
		background:url(../../images/main/ico_kakao1.png) no-repeat center center;
	}
/*main*/