@charset "utf-8";

/* 새글 스킨 (latest) */
.work-info ul{border-top:1px #dce3e8 solid;}
.work-info li{ width:calc(100% / 5);box-sizing:border-box; border-bottom:1px #dce3e8 solid;}
.work-info li:nth-child(1){ background:url(../../../img/main/work-info-bg.jpg) no-repeat 50% 50%; background-size:cover;}
.work-info li a{ display:flex;flex-direction: column; padding:100px; }
.work-info li+li{ border-left:1px #dce3e8 solid;}
.work-info li img{ width:100%;}
.work-info li h2 b{ border:1px #ddd solid; padding:10px 30px; border-radius:20px; display:inline-block;font-size:20px; margin:37px 0 27px 0; font-weight:400; color:#555;}
.work-info li h1{ font-size:35px; font-weight:600;}
.work-info li h1 span{ display:block;color: var(--clr-point-main); font-size:25px; font-weight:500; margin-bottom:10px; }
.work-info li p{ margin-top:15px; color:#777;}

@media all and (max-width : 1920px){
	
	.work-info li a{ display:flex;flex-direction: column; padding:70px; }
	.work-info li h2 b{ font-size:17px;margin:30px 0 20px 0;padding:7px 20px;}
	.work-info li h1{font-size:27px;}
	.work-info li h1 span{ font-size:20px; font-weight:500; margin-bottom:5px;}


	
}
@media all and (max-width : 1280px){
	
	.work-info li{ width:calc(100% / 4);}
	.work-info li a{ padding:37px;}
	.work-info li h1{ font-size:23px;}
	.work-info li h1 span{ font-size:17px;}

}

@media all and (max-width :1024px){
	
	.work-info li{ width:calc(100% / 3);}

	
}

@media all and (max-width : 640px){
	
	.work-info li{ width:calc(100% / 2);}
	.work-info li a{ padding:15px;}
	.work-info li:nth-child(15){ display:none;}
	
	.work-info li h1{ font-size:18px;}
	.work-info li h1 span{ font-size:15px;}

}