@charset "utf-8";

/* 새글 스킨 (latest) */

.pic_lt ul{ position:relative; display:flex; flex-wrap: wrap; padding-left:50%;}
.pic_lt ul li{ width:100%; text-align:left;margin-left:70px;}
.pic_lt ul li:nth-child(3), .pic_lt ul li:nth-child(4){ margin-top:40px; }
.pic_lt ul li img{ width:100%;}
.pic_lt dl dt{flex-basis:35%;}
.pic_lt dl dt img{ width:100%;}
.pic_lt dl dd{ margin-left:37px;}
.pic_lt dl dd .sTit{ font-size:25px; font-weight:600; margin-bottom:15px; color:#1f243e;}
.pic_lt li a:hover dl dd .sTit{ color:#11a84d}
.pic_lt dl dd .bo_cnt{ color:#83838c; margin-bottom:15px;display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 75px;word-break: keep-all;}
.pic_lt dl dd .date{ color:#83838c;}
.pic_lt ul li:nth-child(1){ position:absolute; top:0; left:0; width:46%; border-right:1px solid rgb(0,0,0,0.1); padding-right:4%; margin:0;}
.pic_lt ul li:nth-child(1) dl{ display:block;}
.pic_lt ul li:nth-child(1) dl dd{ margin-left:0;}
.pic_lt ul li:nth-child(1) dl dd .sTit{ font-size:30px; margin-top:30px;}



@media all and (max-width : 1920px){
	
	.pic_lt ul li{margin-left:50px;}
	.pic_lt dl dt{flex-basis:40%;}
	.pic_lt dl dd .sTit{ font-size:23px;}
	.pic_lt dl dd{ margin-left:30px;}
	.pic_lt dl dd .bo_cnt{ height:57px;}
	.pic_lt ul li:nth-child(1) dl dd .sTit{ font-size:30px;}
}
@media all and (max-width : 1280px){
	
	.pic_lt ul{ padding:0; display:flex; flex-wrap: wrap; gap:0 30px; }
	.pic_lt ul li:nth-child(1){ position:relative;width:auto;border-right:none;padding-right:0;}
	.pic_lt ul li{ width:calc((100% / 4) - 23px) !important; text-align:left; margin:0;}
	.pic_lt dl{ display:block;}
	.pic_lt dl dd .sTit{ font-size:20px !important; margin:15px 0 10px 0 !important;}
	.pic_lt ul li:nth-child(3), .pic_lt ul li:nth-child(4){ margin-top:0;}
	.pic_lt dl dd{ margin-left:0; }
}

@media all and (max-width : 1024px){
	.pic_lt ul{ gap:30px 10px; }
	.pic_lt ul li{ width:calc((100% / 2) - 5px) !important;}
}

@media all and (max-width : 480px){
	.pic_lt ul{ gap:30px 0px; }
	.pic_lt ul li{ width:100% !important;}
}