@charset "UTF-8";

/*casestudies*/

@media screen and (max-width: 1024px) {

	#casestudy .wrap .image{
		max-height: none;
		height: auto;
	}

	#casestudy .wrap .txtBox .carouselBox{
		padding-bottom: 60px;
	}

	#casestudy .wrap{
		display: block;
	}

	#casestudy .wrap .image{
		width: 100%;
		margin-bottom: 30px;
	}
	#casestudy .wrap .txtWrap{
		width: 90%;
		max-width: 625px;
		margin: 0 auto;
	}

	.casestudyIn h4 span.no{
		top: 20px;
		left: -45px;
	}

}

@media screen and (max-width: 767px) {

#casestudy .wrap .txtBox .carouselBox{
		padding-bottom: 60px;
	}

	#casestudy .wrap .txtBox .carousel{
		width: 100%;
	}

	#casestudy .wrap .txtWrap{
		width: 100%;
	}

	#casestudy > div > div > div:nth-child(3) > h4 > br{
		display: none;
	}

	.casestudyIn h4 span.no{
		top: 40px;
		left: -40px;
	}

	.casestudyIn{
		padding: 32px 0;
	}


}