.js-m.imgwidth {
		opacity: 0;
		filter: alpha(opacity=0);
		transition: clip-path 0.75s cubic-bezier(0.62, 0.04, 0, 0.96),opacity 0.5s;
		clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
		-webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	}

	.js-m.imgwidth.animate {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		opacity: 1;
	}


	
	.in-channel .back_swiper .swiper-slide-active .lecon{
		opacity: 1;
		visibility: visible;
		transform:translateY(0) 
	}

	.in-channel .back_swiper .swiper-slide-active .backcover{
		transform: scale3d(1.05, 1.05, 1);
	}


	@media (min-width: 1025px) {
		.js-m.fadep {
			opacity: 0;
			transform: translateY(20px);
			transition:all 1s ease 0s;
		}

		.js-m.fadep.animate {
			opacity: 1;
			transform: translateY(0);
		}
		
		

		.hoverimg{
			overflow: hidden;
		}
		.hoverimg .img{
			transition:all 0.3s ease 0s;
		}
		.hoverimg:hover .img{
			transform:scale(1.05); 
		}


		.insec6 .swiper-slide .item:hover i{
			background: url('../img/arrow-r3.png')no-repeat center center;
			background-size: contain;
		}

		.insec6 .swiper-slide .item:hover .con:before{
			width: 2.5rem;
		}




		
	}



	.insec2.cur .ricon .con{
		transform:translateY(0);
		opacity: 1;
		visibility: visible;
	}
	.insec2.cur .lecon .botcon{
		transform:translateY(0);
		opacity: 1;
		visibility: visible;
	}

	.insec4.cur .insec4_ajax{
		opacity: 1;
		visibility: visible;
		transform:translateY(0); 
	}
	.insec4.cur .insec4_ajax{
		opacity: 1;
		visibility: visible;
		transform:translateY(0); 
	}
	.insec4.cur .insec4_swiperbox .four_swiper{
		opacity: 1;
		visibility: visible;
		transform:translateY(-50%); 
	}
	.insec5.cur .conbox{
		opacity: 1;
		visibility: visible;
		transform:translateY(0); 
	}

	.insec6.cur .main_con .tit-48{
		opacity: 1;
		visibility: visible;
		transform:translateY(0); 
	}
	.insec6.cur .swiper-box{
		opacity: 1;
		visibility: visible;
		transform:translateY(0); 
	}