@charset "UTF-8";

.widget_post_grid2{}
.widget_post_grid2 .post_title{font-size: 40px;font-weight: 600;color: #ffffff;line-height: 1;margin-bottom: 55px;}

.widget_post_grid2 .post_content{margin:0;padding:0;list-style:none;}
.widget_post_grid2 .post_content:after{content:"";display:block;clear:both;}
.widget_post_grid2 .post_content ul{margin:0;padding:0;list-style:none;}
.widget_post_grid2 .post_content ul li{position:relative; width: 100%; margin-bottom: 40px; border-radius: 20px; overflow: hidden; border: 1px solid #535353; box-sizing: border-box;}
.widget_post_grid2 .post_content ul li::after {content:'';display: block;position: absolute; width:60px;height: 60px; bottom: 40px; right: 70px; background:url(../img/go_btn.png)no-repeat center/cover;z-index: 1;}

.widget_post_grid2 .post_content ul li:last-child {margin-bottom: 0;}
.widget_post_grid2 .post_content ul li a{/* display: block; */position: relative; /* padding: 30px; */ display:flex; text-decoration:none;box-sizing: border-box;}
/* .widget_post_grid2 .post_content ul li a::after{content:"";display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none; background-image: linear-gradient(90deg, rgba(34,35,39,0.6) 0%,rgba(0, 0, 0, 0) 8%,rgba(0, 0, 0, 0) 87%,rgba(34,35,39,0.9) 102%);} */
/* .widget_post_grid2 .post_content ul li a::before{content:"";display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none; background-image: linear-gradient(180deg, rgba(27,28,30,0.6) 5%,rgba(0, 0, 0, 0) 10%,rgba(0, 0, 0, 0) 80%,rgba(27,28,30,0.9) 100%);} */


.widget_post_grid2 .post_content ul li .thumbnail {width: 600px; aspect-ratio: 600/315; /* width: 100%; aspect-ratio: 586/367; */ background-repeat: no-repeat; background-position: center; background-size:cover; border: 1px solid #535353; border-radius: 20px 0 0 20px; overflow: hidden; border-right: 1px solid #535353; }

.widget_post_grid2 .post_content ul li .text {margin-left: 90px;width: 540px;padding-top: 45px; box-sizing: border-box;}
.widget_post_grid2 .post_content ul li .text .category {font-size: 14px;color: #e25d19;}
.widget_post_grid2 .post_content ul li .text .title {margin-top: 20px;font-size: 19px;color: #ffffff;font-weight: 600; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.widget_post_grid2 .post_content ul li .text .desc {margin-top: 30px;font-size: 16px;color: #ffffff;}
.widget_post_grid2 .post_content ul li .text .date {margin-top: 15px;font-size: 14px;color: #ffffff; opacity: 0.6;}



@media all and (max-width:1350px){
	.widget_post_grid2 .post_title{font-size: 2.9630vw;margin-bottom: 4.0741vw;}

	.widget_post_grid2 .post_content ul li{margin-bottom: 20px;}
	.widget_post_grid2 .post_content ul li::after {width:4.4444vw;height:4.4444vw; bottom: 2.9630vw; right: 5.1852vw;}
	/* .widget_post_grid2 .post_content ul li a {padding: 2.2222vw;} */

	.widget_post_grid2 .post_content ul li .thumbnail {width: 44.4444vw;}
	.widget_post_grid2 .post_content ul li .text {margin-left: 6.6667vw;width: 40.0000vw;padding-top: 3.3333vw;}
	.widget_post_grid2 .post_content ul li .text .category {font-size: 1.0370vw;}
	.widget_post_grid2 .post_content ul li .text .title {margin-top: 1.4815vw;font-size: 1.4074vw;}
	.widget_post_grid2 .post_content ul li .text .desc {margin-top: 2.2222vw;font-size: 1.1852vw;}
	.widget_post_grid2 .post_content ul li .text .date {margin-top: 1.1111vw;font-size: 1.0370vw;}
}

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

	.widget_post_grid2 .post_content ul li::after {width: 35px;height: 35px; bottom: 12px; right: 15px;}
	.widget_post_grid2 .post_content ul li a{display: block;/* padding: 20px 18px 25px; */}

	.widget_post_grid2 .post_content ul li .thumbnail {width: 100%; border-radius: 20px 20px 0 0;}

	.widget_post_grid2 .post_content ul li .text {margin-top: 10px;margin-left: 0;width: 100%;padding: 20px;}
	.widget_post_grid2 .post_content ul li .text .category {font-size: 12px;}
	.widget_post_grid2 .post_content ul li .text .title {margin-top: 10px; font-size: 20px;}
	.widget_post_grid2 .post_content ul li .text .desc {display: none;}
	.widget_post_grid2 .post_content ul li .text .date {margin-top: 20px; font-size: 10px;}
}