/**/
.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:1000px; 
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}	
	.mainvisual .visualatxt1{		
		position:absolute; left:-10px; top:178px;
		width:100%;
		text-align:center;
		z-index:5;
	}
	.mainvisual .visualatxt1 img{
		display:inline-block;
	}
	.mainvisual .visualatxt1 > .txt1{		
		opacity:0;
		transform:translateY(20px);
		filter: blur(10px);
		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, filter cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s;
	}
	.mainvisual .visualatxt1 > .txt2{
		margin-top:-30px; margin-left:-40px;
		opacity:0;
		transform:translateY(20px);
		filter: blur(10px);
		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, filter cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s;
	}
	.mainvisual .visualatxt1 > .txt3{
		margin-top:-20px; margin-left:40px;
		opacity:0;
		transform:translateY(20px);
		filter: blur(10px);
		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, filter cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s;
	}
	body.mainon .mainvisual .visualatxt1 > .txt1{
		opacity:1;
		transform:translateY(0px);
		filter: blur(0px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.2s .4s;
	}
	body.mainon .mainvisual .visualatxt1 > .txt2{
		opacity:1;
		transform:translateY(0px);
		filter: blur(0px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.2s .6s;
	}
	body.mainon .mainvisual .visualatxt1 > .txt3{
		opacity:1;
		transform:translateY(0px);
		filter: blur(0px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.2s .8s;
	}
	
	.mainvisual .slick-slide{
		width:100%; height:1000px; 
		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 .visualbox .mainimg1{
		position:absolute; left:0; top:0;
		width:calc(100% - 100px); 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) .8s .4s;
	}
	
	.mainvisual .visualbox .visualtxt1{
		position:absolute; right:100px; bottom:140px;
		width:1200px;
		text-align:right;
		display:flex; flex-wrap:wrap; justify-content:flex-end;
	}
	.mainvisual .visualbox .visualtxt1 > *{
		width:100%;
	}
	
	.mainvisual .visualbox .visualtxt2{
		position:absolute; left:0px; top:156px;		
		width:100%;
		text-align:center;
		z-index:2;
		color:var(--main-color2);
	}
	
	@media (max-width: 1576px) {
		
	}
	
	.mainvisual .visualbox .visualtxt1 .txt1{
		overflow:hidden;
		margin-right:0 auto;
		opacity:0;
		max-width:0px;
		filter: blur(10px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .4s;
		display:flex; justify-content:flex-end;
	}
	.mainvisual .visualbox .visualtxt1 .txt1 img{
		display:inline-block;		
	}
	.mainvisual .visualbox .visualtxt1 .txt2{
		padding-right:100px; margin-top:30px;
		color:var(--main-color2); font-weight:600; font-size:30px; line-height:30px;
		opacity:0;
		transform:translateY(20px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .0s;
	}
	.mainvisual .visualbox .visualtxt1 .txt3{	
		padding-right:100px;
		color:var(--main-color2); font-weight:400; font-size:60px; line-height:80px;
		opacity:0;
		transform:translateY(20px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .0s;
	}
	.mainvisual .visualbox .visualtxt1 .txt3 > em{	
		font-weight:600;
	}
	
	.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{
		max-width:800px;
		filter: blur(0px);
		opacity:1; 
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.7s .2s;
	}
	.mainvisual .visualbox .active .visualtxt1 .txt2{
		opacity:1;
		transform:translateY(0px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.2s .4s;
	}
	.mainvisual .visualbox .active .visualtxt1 .txt3{
		opacity:1;
		transform:translateY(0px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.2s .5s;
	}
	.mainvisual .visualbox .active .visualtxt1 .txt1.t2{
		left:0; top:520px;
	}
	
	.mainvisual .visualbox .visualtxt2 img{
		display:inline-block;
		margin:0 auto;
	}
	.mainvisual .visualbox .visualtxt2 .txt1{
		position:absolute; left:0; top:0;
		width:100%;
		text-align:center;
		opacity:0; 
	}
	.mainvisual .visualbox .visualtxt2 .txt2{
		position:absolute; left:0; top:0;
		width:100%;
		text-align:center;
		opacity:0; 
	}
	
	.mainvisual .visualbox .visualtxt2 .txt3{
		position:absolute; left:0; top:0;
		width:100%;
		text-align:center;
	}
	.mainvisual .visualbox .visualtxt2 .txt3 > *:nth-child(1){
		font-weight:800; font-size:24px; line-height:34px;
		opacity:0;
		filter: blur(10px);
		transform:translateY(20px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .0s;
	}
	.mainvisual .visualbox .visualtxt2 .txt3 > *:nth-child(1) > em:nth-of-type(1){
		color:#86b81c;		
	}
	.mainvisual .visualbox .visualtxt2 .txt3 > *:nth-child(1) > em:nth-of-type(2){
		color:#3da1ce;
	}
	.mainvisual .visualbox .visualtxt2 .txt3 > *:nth-child(2){
		margin-top:20px;
		font-weight:800; font-size:40px; line-height:40px;
		opacity:0;
		filter: blur(10px);
		transform:translateY(20px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .0s;
	}
	
	@keyframes aniMotion1 {
	  from {
		  	opacity:0;
			filter: blur(10px);
			transform:translateY(20px);
		 }
		 30%{
		  	filter: blur(0px);
			opacity:1; 
			transform:translateY(0px);
		 }
	  76%{
		  	filter: blur(0px);
			opacity:1; 
			transform:translateY(0px);
		 }
	  to {
		  	opacity:0;
			filter: blur(10px);
			transform:translateY(20px);
		 }
	}
	.mainvisual .visualbox .active .visualtxt2 .txt1{
		-webkit-animation:aniMotion1 2.4s ease-in-out both;animation:aniMotion1 2.4s ease-in-out both; -ms-animation:aniMotion1 2.4s ease-in-out both;
		animation-delay:.2s;
	}
	.mainvisual .visualbox .active .visualtxt2 .txt2{
		 -webkit-animation:aniMotion1 2.4s ease-in-out both;animation:aniMotion1 2.4s ease-in-out both; -ms-animation:aniMotion1 2.4s ease-in-out both;
		 animation-delay:1.9s;
	}
	
	.mainvisual .visualbox .active .visualtxt2 .txt3 > *:nth-child(1){
		filter: blur(0px);
		opacity:1; 
		transform:translateY(0px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.7s 4.0s;
	}
	.mainvisual .visualbox .active .visualtxt2 .txt3 > *:nth-child(2){
		opacity:1;
		filter: blur(0px);
		transform:translateY(0px);
		transition:all cubic-bezier(0.25, 0.1, 0.25, 1.0) 1.2s 4.4s;
	}
	
	.mainvisual .vsctr1{
		position:absolute; left:50%; bottom:50px;;
		transform:translateX(-50%);
		z-index:5;
		display:flex; align-items:center;
	}
	.mainvisual .vsctr1 > *{
	}
	
	
	.mainvisual .vsctr1	.sprev1,
	.mainvisual .vsctr1	.snext1{
		display:inline-block; vertical-align:middle;
		font-size:0; line-height:0;
		width:40px; height:40px;
		cursor:pointer;
		z-index:10;
	}
	.mainvisual .vsctr1	.sprev1::before,
	.mainvisual .vsctr1	.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 .vsctr1	.snext1::before{background-position:right center;}
	.mainvisual	.sprev1{
		margin-right:5px;
	}
	.mainvisual	.snext1{
		margin-left:5px;
	}
	.mainvisual .vsctr1	.sprev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mainvisual .vsctr1	.snext1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mainvisual .vsctr1 > *:nth-child(1){	
		display:flex; align-items:center;
		margin-right:16px;	
	}
	.mainvisual .vsctr1 > *:nth-child(1) em{
		display:inline-block;
		width:15px;
		white-space:nowrap;
		color:#fff; font-family:"Paperlogy"; font-weight:600; font-size:16px; line-height:16px;
	}
	.mainvisual .vsctr1 .uline1 {
		transform:translateY(0px);
		position:relative; width:280px; height:2px;
		margin:0 8px;
		display:inline-block;
	}
	.mainvisual .vsctr1 .uline1::before{position:absolute; left:0px; top:0px; width:100%; height:2px; background:rgba(255,255,255,.2); opacity:1; content:""; z-index:-1;}
	.mainvisual .vsctr1 .uline1 span{position:relative; display:block; background:#fff; width:0px; height:2px;
	transition-duration:0s;
	transition-delay:0s;
	z-index: 10;
	}
	.mainvisual .vsctr1 .uline1 span.active{width:100%;
	-moz-transition:all 6s ease-in-out;
	-webkit-transition:all .20s ease-in-out;
	-moz-transform:all 6s ease-in-out;
	transform:all 6s ease-in-out;
	transition-duration:6s;
	transition-delay:0s;
	}
	
	
	.mncont1 {
		width:100%;
		padding: 150px 0; 
		min-width: 1400px;
		overflow: hidden;
	}
	.mncont1 .mcont1 {
		position: relative;
		width: 1400px; 
		margin: 0 auto; 
	}
	
	.mncont1 .mcont1 > .tit1 {
		position: absolute; top: 0px; left: 0;
		text-align: left; 
	}
	.mncont1 .mcont1 > .tit1 h3 {
		font-size: 30px; color:var(--main-color2); line-height:36px; font-weight: 400;
	}
	.mncont1 .mcont1 > .tit1 h3 > em{
		font-weight:600;
	}
	.mncont1 .mcont1 > .tit1 h2 {
		color:var(--main-color2); font-family: "Butler"; font-weight:900; font-size: 60px; line-height: 10px; 
	}
	.mncont1 .mcont1 > .tit1 h2 em {
		color:var(--main-color1); font-size: 130px; line-height: 90px;
	}
	
	
	.mslide1 {
		position:relative; left:500px; top:0px; width:2260px; height:740px;
		margin-left: 0px;
		z-index:2;
	}
	.mslide1::before{
		position:absolute; left:-50px; top: 310px;  width:149px; height:150px; background:url(../../images/main/txt_cir1.png) no-repeat center center; z-index:0; content:""; background-size:cover;
		z-index:2;
		-webkit-animation:ratateLoop infinite 30s linear;animation:ratateLoop infinite 30s linear; -ms-animation:ratateLoop infinite 30s linear; 
	}
	.mncont1 > .mcont1 > .lnk1 {
		position: absolute; right: 0; z-index: 10;
	}
	.mncont1 > .mcont1 > .lnk1 a span {
		position:relative; 
		width: 120px; height: 50px; 
		display: inline-block; 
		text-align: left;
		font-family: "Butler", sans-serif; font-weight: 700; color: #333; font-size: 18px; 
	}
	.mncont1 > .mcont1 > .lnk1 a span:before {
		position: absolute; right: 0; top: -15px; 
		background: url(../../images/main/line_box1.png) center top no-repeat; 
		width: 102px; height: 55px; 
		content: ""; 
		-moz-transition:all .5s ease-in-out;
		-webkit-transition:all .20s ease-in-out;
		-moz-transform:all .5s ease-in-out;
		transform:all .5s ease-in-out;
		transition-duration:0.3s;}
	.mncont1 > .mcont1 > .lnk1 a span:hover:before {right: 10px;}

		
	.mslide1 .slick-slide {
		position:relative; margin-top: 140px; 
		-moz-transition:all 3s ease-in-out;
		-webkit-transition:all .50s ease-in-out;
		-moz-transform:all 3s ease-in-out;
		transform:all 3s ease-in-out;
		transition-delay:0s; text-align: left;}
	.mslide1 .slick-slide > img {
		position:relative; width: 400px; z-index:2; box-sizing: border-box;  -moz-transition:all 3s ease-in-out;
		-webkit-transition:all .20s ease-in-out;
		-moz-transform:all 3s ease-in-out;
		transform:all 3s ease-in-out;
		transition-delay:0s;}
	.mslide1 .slick-slide.active {margin-top: 0;}
	
	.mslide1 .slick-slide h4 {
		position:relative;
		color: #333; font-weight: 700; font-size: 28px; line-height: 40px; margin-top: -40px; margin-left: 20px;
		z-index:2;
	}
	.mslide1 .slick-slide p {color: #666; font-weight: 400px; font-size: 18px; line-height: 26px; margin-left: 20px; margin-top: 20px;}
	.mslide1 .slick-slide p span {font-size: 12px;}

	.mncont1 > .mcont1 .limgbox1{
		position:absolute; left:0; bottom:150px;
		display: grid;
		width:110px; height:110px;
	}
	.mncont1 > .mcont1 .limgbox1 > *{
		position:relative;
		grid-area: 1 / 1 / 2 / 2;
		width:100%; height:100%;
		overflow:hidden;
		opacity:0;
		transform:rotateY(180deg);
		transition:transform ease .5s, opacity ease .2s .4s;
		z-index:1;
	}
	.mncont1 > .mcont1 .limgbox1 > *.active{
		opacity:1;
		transform:rotateY(0);
		transition:transform ease .5s, opacity ease .2s .1s;
		z-index:2;
	}
	
	
	.slidectr1 {width:375px; z-index: 100; position: relative;} 
	.slidectr1 .slidernum1 {
		position: absolute; font-size:18px; color:#333; left: 28px; bottom: 0px; width: 20px; z-index: 10; font-family: "Paperlogy", sans-serif; font-weight: 700;
		white-space:nowrap;
	}
	.slidectr1 .slidernum1 em{color:#333; position: absolute; top: 0; font-weight: 500; left: 295px; width: 24px;}
	.slidectr1 .slidernum1 span {position: relative; z-index: 100;}
	.slidectr1 .sline1 {position:absolute; left:60px; bottom: 11px; width:250px; height:2px; z-index: 10; background: #ccc;}
	.slidectr1 .sline1 span{display:block; background:#333; width:0px; height:2px;
	transition-duration:0s;
	transition-delay:0s;
	z-index: 10;
	}
	.slidectr1 .sline1 span.active{width:100%;
	-moz-transition:all 3s ease-in-out;
	-webkit-transition:all .20s ease-in-out;
	-moz-transform:all 3s ease-in-out;
	transform:all 3s ease-in-out;
	transition-duration:3s;
	transition-delay:0s;
	}
	.slidectr1 .prev1,
	.slidectr1 .next1{
		display:inline-block; vertical-align:middle;
		font-size:0; line-height:0;
		width:8px; height:14px;
		cursor:pointer;
		z-index:10; position: absolute; left: 0; bottom: 5px;
	}
	.slidectr1 .next1 {left: auto; right: 0;}
	.slidectr1 .prev1::before,
	.slidectr1 .next1::before{
		display: inline-block;
		width:8px; height:14px;
		background:url(../../images/main/btn_arr2.png) no-repeat left center; /* background-size:200% 100%; */
		content:"";
	}
	.slidectr1 .next1::before{background-position:right center;}

	.slidectr1 .prev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.slidectr1 .next1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mncont2{	
		height:calc(100vh - 150px);
	}	
	.mncont2 > .mcont1{
		position:relative
	}
	.mncont2 > .mcont1 > .tit1{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%);
		display:flex; justify-content:center; align-items:center; gap:30px;
		z-index:2;
	}
	.mncont2 > .mcont1 > .tit1 h2{
		opacity:.1;
		font-family: "Butler"; font-weight:300; color:#fff; font-size: 180px; line-height:180px; 
	}
	
	.mncont2 > .mcont1 > .tit1 .prev2,
	.mncont2 > .mcont1 > .tit1 .next2{
		position:relative;
		font-size:0; line-height:0;
		width:100px; height:18px;
		cursor:pointer;
		z-index:10;
	}
	.mncont2 > .mcont1 > .tit1 .prev2::before,
	.mncont2 > .mcont1 > .tit1 .next2::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr3.png) no-repeat left center;  background-size:200% 100%; 
		content:"";
	}
	.mncont2 > .mcont1 > .tit1 .next2::before{background-position:right center;}

	.mncont2 > .mcont1 > .tit1 .prev2:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont2 > .mcont1 > .tit1 .next2:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mncont2 > .mcont1 > .lnk1 {
		position: absolute; right:min(max(1vw, 10vw),100px); top:min(max(1vw, 15vw),140px); z-index: 10;
	}
	.mncont2 > .mcont1 > .lnk1 a span {
		position:relative; 
		width: 120px; height: 50px; 
		display: inline-block; 
		text-align: left;
		font-family: "Butler", sans-serif; font-weight: 700; color: #fff; font-size: 18px; 
	}
	.mncont2 > .mcont1 > .lnk1 a span:before {
		position: absolute; right: 0; top: -15px;
		filter:invert(1);
		background: url(../../images/main/line_box1.png) center top no-repeat; 
		width: 102px; height: 55px; 
		content: ""; 
		-moz-transition:all .5s ease-in-out;
		-webkit-transition:all .20s ease-in-out;
		-moz-transform:all .5s ease-in-out;
		transform:all .5s ease-in-out;
		transition-duration:0.3s;}
	.mncont2 > .mcont1 > .lnk1 a span:hover:before {right: 10px;}
	
	
	
	.mslide2{
		width:100%; height:calc(100vh - 150px);
	}
	.mslide2 .slick-slide{
		display:flex !important;
		position:relative;
	}
	.mslide2 .slick-slide > *{
		position:relative;
		width:50%; height:calc(100vh - 150px);
		overflow:hidden;	
	}
	.mslide2 .slick-slide > * .imgbox1{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		transform:scale(1.1); transform-origin:center center;
		background-size:cover !important;
		transition:transform ease .4s .3s;
		z-index:-1;
	}
	.mslide2 .slick-slide > *:nth-child(2) .imgbox1{
		left:auto; right:0;		
	}
	.mslide2 .slick-slide > * .txt1{
		position:absolute; right:min(max(1vw, 10vw),100px); top:min(max(1vw, 15vw),140px);
		text-align:right;
		color:#fff;
		transform:translateX(-50px);
		transition:transform ease .8s;
	}
	.mslide2 .slick-slide > *:nth-child(2) .txt1{
		right:auto; top:auto; left:min(max(1vw, 10vw),100px); bottom:min(max(1vw, 15vw),140px);
		text-align:left;
		transform:translateX(50px);
	}
	.mslide2 .slick-slide > * .txt1 h3{
		color:#fff;	font-weight:700; font-size:48px; line-height:48px;
	}
	.mslide2 .slick-slide > * .txt1 h3 > em{
		display:block;
		font-family: "Paperlogy"; font-size:20px; line-height:20px;
		margin-bottom:15px;
	}
	.mslide2 .slick-slide > * .txt1 p{
		margin-top:20px;
		font-weight:300; font-size:18px; line-height:26px;
	}
	
	.mslide2 .slick-slide.active > * .imgbox1{
		transform:scale(1);
		transition:transform ease 1.8s .0s;
	}
	.mslide2 .slick-slide.active > * .txt1{
		transform:translateX(0px);
	}
	
	.mncont3{
		position:relative;
		padding:170px 0 140px;
		overflow:hidden;
		background:url(../../images/main/bg_unit1.jpg) no-repeat center center; background-size:cover;
	}
	.mncont3 .mcont1{
		margin-left:min(max(120px,20vw), 300px);
	}
	.mncont3 .mcont1 .tit1{
		position:relative;
		max-width:1400px; height:150px;
		text-align:left;		
	}
	.mncont3 .mcont1 .tit1 h2{
		color:var(--main-color2); font-family: "Butler"; font-weight:900; font-size: 60px; line-height: 60px; 
	}
	.mncont3 .mcont1 .tit1 p{
		margin-top:20px;
		color:var(--main-color2); font-weight:400; font-size: 18px; line-height: 18px; 
	}
	.mncont3 .mcont1 .tit1 p em{
		font-weight:600;
	}
	
	.slidectr3 {position:absolute; right:50px; top:40px; width:375px; z-index: 10; } 
	.slidectr3 .slidernum1 {
		position: absolute; font-size:18px; color:#333; left: 28px; bottom: 0px; width: 20px; z-index: 10; font-family: "Paperlogy", sans-serif; font-weight: 700;
		white-space:nowrap;
	}
	.slidectr3 .slidernum1 em{color:#333; position: absolute; top: 0; font-weight: 500; left: 295px; width: 24px;}
	.slidectr3 .slidernum1 span {position: relative; z-index: 100;}
	.slidectr3 .sline1 {position:absolute; left:60px; bottom: 11px; width:250px; height:2px; z-index: 10; background: #ccc;}
	.slidectr3 .sline1 span{display:block; background:#333; width:0px; height:2px;
	transition-duration:0s;
	transition-delay:0s;
	z-index: 10;
	}
	.slidectr3 .sline1 span.active{width:100%;
	-moz-transition:all 3s ease-in-out;
	-webkit-transition:all .20s ease-in-out;
	-moz-transform:all 3s ease-in-out;
	transform:all 3s ease-in-out;
	transition-duration:3s;
	transition-delay:0s;
	}
	.slidectr3 .prev3,
	.slidectr3 .next3{
		display:inline-block; vertical-align:middle;
		font-size:0; line-height:0;
		width:8px; height:14px;
		cursor:pointer;
		z-index:10; position: absolute; left: 0; bottom: 5px;
	}
	.slidectr3 .next3 {left: auto; right: 0;}
	.slidectr3 .prev3::before,
	.slidectr3 .next3::before{
		display: inline-block;
		width:8px; height:14px;
		background:url(../../images/main/btn_arr2.png) no-repeat left center; /* background-size:200% 100%; */
		content:"";
	}
	.slidectr3 .next3::before{background-position:right center;}
	.slidectr3 .prev3:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.slidectr3 .next3:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mslide3{
		position:relative;
		width:2260px;
		z-index:2;
					
	}
	.mslide3 .slick-list{border-radius:60px 0 0 0; }
	.mslide3::before{position:absolute; left:-56px; top: -36px;  width:138px; height:138px; background:url(../../images/main/txt_cir2.png) no-repeat center center; z-index:1; content:"";
		background-size:cover;
		-webkit-animation:ratateLoop infinite 30s linear;animation:ratateLoop infinite 30s linear; -ms-animation:ratateLoop infinite 30s linear; }
	.mslide3 .slick-slide{
		padding:10px 0;
	}
	.mslide3 .slick-slide img{
		border-radius:50px;
		box-shadow:1px 1px 10px 1px #e4e4e4
	}
	
	
	.mncont4{
		padding:170px 0;
		overflow:hidden;
	}
	.mncont4 > .mcont1{
		width:1400px;
		margin:0 auto;
		display:flex; gap:100px;
	}
	.mncont4 > .mcont1 > *:nth-child(2){
		position:relative;
		text-align:left;
		display:flex; flex-direction:column; justify-content:space-between;
	}
	.mncont4 > .mcont1 > *:nth-child(2) h3{
		position:relative;
		color:var(--main-color2); font-family: "Butler"; font-weight:900; font-size: 60px; line-height: 60px; 
		padding-bottom:60px; margin-bottom:60px;
	}
	.mncont4 > .mcont1 > *:nth-child(2) h3::before{
		position:absolute; left:0; bottom:0;
		width:4000px; height:1px;
		background:var(--main-color2);
		content:"";
	}
	.mncont4 > .mcont1 > * dl{
	}
	.mncont4 > .mcont1 > * dl > dt{
		color:var(--main-color2); font-weight:700; font-size:20px;
	}
	.mncont4 > .mcont1 > * dl > dd{
		margin-top:10px;
		color:#333; font-weight:700; font-size:30px; line-height:30px;
	}
	.mncont4 > .mcont1 > * dl > dd > .btn1{
		display:flex; gap:10px;
		margin-top:20px;
	}	
	.mncont4 > .mcont1 > * dl > dd > .btn1 > a{
		background:#f5f5f5;
		padding:5px 50px;
	}
	.mncont4 > .mcont1 > * dl > dd > .btn1 > a > span{
		display:flex; justify-content:center; align-items:center; gap:10px;
		color:#888; font-weight:400; font-size:14px;
	}
	.mncont4 > .mcont1 > * dl > dd > .btn1 > a > span::before{
		width:14px; height:15px;
		content:"";
	}
	.mncont4 > .mcont1 > * dl > dd > .btn1 > a.n1 > span::before{
		background:url(../../images/main/ico_naver1.png) no-repeat center center;
	}
	.mncont4 > .mcont1 > * dl > dd > .btn1 > a.k1 > span::before{
		background:url(../../images/main/ico_kakao1.png) no-repeat center center;
	}
	
/*main*/