@charset "utf-8";


.sub_container.works_container{max-width:1200px;padding:38px 20px 161px}

#cate_new{margin-bottom:2rem;display:flex;flex-wrap:wrap;justify-content: right;gap:10px 21px}
#cate_new li a{font-size:12px;font-weight:600;color:#060606;font-family: "Mulish", sans-serif;}
#cate_new li a#bo_cate_on{font-weight:800}

#wrok_list{display:flex;flex-wrap:wrap;gap:47px} 
#wrok_list li{width:calc((100% - 94px) / 3);position:relative}
#wrok_list .gall_chk{position:absolute;top:10px;left:10px;z-index:3}
#wrok_list .img_box{width:100%;position:relative;cursor:pointer}
#wrok_list .img_box .main_th{width:100%}
#wrok_list .img_box .over_th{width:100%;position:absolute;top:0;left:0;opacity:0;transition:all .3s}
#wrok_list .img_box:hover .over_th{opacity:1}
#wrok_list .edit{display:block;margin-top:5px;font-weight:700;color:#c00}

#bo_list .bd_btn{display:block;margin:54px auto 0;width:264px;height:37px;border-radius:37px;background:#53e5c9;font-size:13.5px;letter-spacing:0.11em;line-height:1;font-weight:700;color:#060606;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-family: "Mulish", sans-serif;}



@media(max-width:1160px){
	.sub_container.works_container{padding-bottom:130px}
	#wrok_list{gap:30px} 
	#wrok_list li{width:calc((100% - 60px) / 3)}
}


@media(max-width:767px){
	.sub_container.works_container{padding-bottom:100px}
	#wrok_list{gap:20px} 
	#wrok_list li{width:calc(50% - 10px)}
}

@media(max-width:400px){
	#wrok_list li{width:100%}
}