@charset "UTF-8";

.widget_post_grid3{}
.widget_post_grid3 .post_title{font-size:40px;font-weight:600;color:#ffffff;line-height:1; margin-bottom: 55px;}
.widget_post_grid3 .post_content{}
.widget_post_grid3 .post_content ul{margin:0;padding:0;list-style:none;}
.widget_post_grid3 .post_content ul:after{content:"";display:block;clear:both;}
.widget_post_grid3 .post_content ul li{position:relative;float:left;width:calc(33.333% - 10px);/* aspect-ratio: 430/270; */aspect-ratio: 600/315; margin-right:15px;border:1px solid #535353;box-sizing:border-box;overflow: hidden;border-radius: 20px;}
.widget_post_grid3 .post_content ul li:nth-child(3n){margin-right:0;}
.widget_post_grid3 .post_content ul li:nth-child(n+4){margin-top:15px;}
.widget_post_grid3 .post_content ul li a{position: relative;display:block;text-decoration:none;}
.widget_post_grid3 .post_content ul li a::after {content:'';display: block;position: absolute; width: 60px;height: 60px; bottom: 22px; right: 18px; background:url(../img/go_btn.png)no-repeat center/cover;}
.widget_post_grid3 .post_content ul li .thumbnail {background-color:#efefef;background-image:url(../img/noimage.png);  aspect-ratio: 600/315;/* aspect-ratio: 430/270; */ background-repeat:no-repeat;background-size:cover;/* background-position:center center;  */background-position:0 0; }

.widget_post_grid3 .post_content ul li .text {opacity: 0;/* 숨김 */ transition: opacity 0.3s linear; position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.widget_post_grid3 .post_content ul li .text .title {position: absolute;padding:20px;width: 100%;top: 0;left: 0; font-size: 20px;color: #ffffff;;background: rgba(0,0,0, 0.65);box-sizing: border-box; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.widget_post_grid3 .post_content ul li .text .category {display: none;}

.widget_post_grid3 .post_content ul li:hover .text {opacity: 1;}




@media all and (max-width:1350px){
	.widget_post_grid3 .post_content ul li a::after {width: 4.4444vw;height: 4.4444vw; bottom: 1.6296vw; right: 1.3333vw;}
	.widget_post_grid3 .post_title{font-size:2.9630vw;margin-bottom: 4.0741vw;}

	.widget_post_grid3 .post_content ul li .text .title {font-size: 1.4815vw;}
}



@media all and (max-width:750px){
	.widget_post_grid3 .post_title{font-size:20px;margin-bottom: 20px;}

	.widget_post_grid3 .post_content ul li{position:relative;float:left;width:calc(50% - 5px);margin-right:10px; /* aspect-ratio: 304/187; */}
	.widget_post_grid3 .post_content ul li:nth-child(n+4){margin-top:10px;}
	.widget_post_grid3 .post_content ul li:nth-child(3n){margin-right:10px;}
	.widget_post_grid3 .post_content ul li:nth-child(2n){margin-right:0;}
	.widget_post_grid3 .post_content ul li:nth-child(n+3){margin-top:10px;}

	.widget_post_grid3 .post_content ul li a::after {width: 36px;height: 36px; bottom: 11px; right: 9px;}


	/* .widget_post_grid3 .post_content ul li .text{font-size:14px;}
	.widget_post_grid3 .post_content ul li .text .category:before{width:35px;} */

	.widget_post_grid3 .post_content ul li .text {display: none;}
	.widget_post_grid3 .post_content ul li .text .title {font-size: 12px;padding: 15px;}
	.widget_post_grid3 .post_content ul li .text .category:before{width:30px;}

	.widget_post_grid3 .post_content ul li .thumbnail{/* aspect-ratio: 304/187; */}


}
@media all and (max-width:500px){
	.widget_post_grid3 .post_content ul li .text{font-size:16px;}
	.widget_post_grid3 .post_content ul li .text .category:before{width:35px;}
}
@media all and (max-width:400px){
	.widget_post_grid3 .post_content ul li .text{font-size:14px;}
	.widget_post_grid3 .post_content ul li .text .category:before{width:30px;}
}
@media all and (max-width:350px){
	.widget_post_grid3 .post_content ul li .text{font-size:12px;}
	.widget_post_grid3 .post_content ul li .text .category:before{width:25px;}
}
@media all and (max-width:300px){
	.widget_post_grid3 .post_content ul li{float:none;width:auto;margin-right:0;}
	.widget_post_grid3 .post_content ul li:nth-child(3n){margin-right:0;}
	.widget_post_grid3 .post_content ul li:nth-child(n+2){margin-top:10px;}
	.widget_post_grid3 .post_content ul li .text{font-size:14px;}
	.widget_post_grid3 .post_content ul li .text .category:before{width:20px;}
}