/*case_lis*/
.case_lis{padding:80px 0;position:relative;}
.case_lis .cl_ul{padding-top:10px;}
.case_lis .cl_ul .cl_li{display:block;width:calc(33.33% - 30px);margin-left:45px;margin-top:40px;position:relative;cursor:pointer;background:#EEE;}
.case_lis .cl_ul .cl_li:nth-child(3n+1){margin-left:0;}
.case_lis .cl_ul .cl_li .cl_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;}
.case_lis .cl_ul .cl_li .cl_txt{padding:15px 20px;}
.case_lis .cl_ul .cl_li .cl_txt p{font-size:15px;color:#666;line-height:1.5;}
.case_lis .cl_ul .cl_li .cl_txt p:first-child{font-size:18px;color:#222;margin-bottom:8px;font-weight:bold;}

@media screen and (max-width:1639px){
	.case_lis{padding:60px 0;}
	.case_lis .cl_ul{padding-top:5px;}
	.case_lis .cl_ul .cl_li{width:calc(33.33% - 20px);margin-left:30px;margin-top:30px;}
	.case_lis .cl_ul .cl_li .cl_txt{padding:12px 15px;}
	.case_lis .cl_ul .cl_li .cl_txt p{font-size:14px;}
	.case_lis .cl_ul .cl_li .cl_txt p:first-child{font-size:17px;margin-bottom:6px;}
}

@media screen and (max-width:1399px){
	.case_lis{padding:40px 0;}
	.case_lis .cl_ul{padding-top:0;}
	.case_lis .cl_ul .cl_li{width:calc(33.33% - 14px);margin-left:21px;margin-top:20px;}
	.case_lis .cl_ul .cl_li .cl_txt{padding:10px 12px;}
	.case_lis .cl_ul .cl_li .cl_txt p:first-child{font-size:16px;margin-bottom:4px;}
}

@media screen and (max-width:1023px){
	.case_lis{padding:30px 0;}
	.case_lis .cl_ul .cl_li{width:calc(50% - 8px);margin-left:16px;margin-top:18px;}
	.case_lis .cl_ul .cl_li:nth-child(3n+1){margin-left:16px;}
	.case_lis .cl_ul .cl_li:nth-child(odd){margin-left:0;}
	.case_lis .cl_ul .cl_li .cl_txt{padding:10px 10px;}
}

@media screen and (max-width:767px){
	.case_lis .cl_ul .cl_li{width:100%;margin-left:0;float:none;}
	.case_lis .cl_ul .cl_li:nth-child(3n+1){margin-left:0;}
}