@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */
/* 새글 스킨 (latest) */

.basicLat3 {position:relative; overflow:hidden; text-align:left; height:400px; margin:0px 15px 10px; padding:10px 10px; border: 0px solid #e4e3e3; /* box-shadow: 1px 1px 3px #eee; */}
.basicLat3 .basicLat3Tit {display:none;}
.basicLat3 .basicLat3Tit a{color:#333; display:block; position:relative; margin:5px auto 0px; padding:5px; font-size:24px; font-weight:500; text-align:left; }
.basicLat3 .basicLat3Tit a strong{display:block; width:100px; margin-top:5px; position:absolute; top:35%; left:84%; color:#666; line-height:16px; font-size:14px; font-family:verdana; }

.basicLat3 .basicLat3_more {display:block; width:100%; text-align:center; margin:10px 0 0; }
.basicLat3 .basicLat3_more a{color:#666; font-size:14px; font-weight:500; font-family:verdana; }


.basicLat3 .top_list {margin-top: 10px;}
.basicLat3 .top_list .top {overflow: hidden; display: flex; flex-direction: row; flex: wrap;}
.basicLat3 .top_list .date {align-items: center; justify-content: center; text-align: center; padding: 13px 0; width: 70px; height: 70px; color: #fff; box-sizing: border-box;}
.basicLat3 .top_list .top .date span {display: block; margin-bottom: 5px; font-size: 14px; font-weight: 400; line-height: 16px;}
.basicLat3 .top_list .top .date p {font-size: 24px; line-height: 22px; letter-spacing:-2px;}
.basicLat3 .top_list .top .title {display: flex; padding: 10px; width: calc(100% - 70px); height: 70px; background: #f5f5f5; box-sizing: border-box;}
.basicLat3 .top_list .top .title:hover {background:#e9e8e8; }
.basicLat3 .top_list .top .title p {display: flex; align-items: center; overflow: hidden; word-break:break-all; color: #444; font-size: 18px; line-height: 24px; }


.basicLat3 ul{padding:0px; margin:0; text-align:left; list-style:none; min-height:204px;}
.basicLat3 li {list-style:none; margin:0px; padding:0px; border-bottom:1px dotted #ddd;  position:relative;}
.basicLat3 li a {display: flex; align-items: center; overflow: hidden; font-size:18px; color:#666; height:65px; line-height:24px; word-break: break-all; padding:5px 5px 0px 5px; }
.basicLat3 li a i {padding-right:5px;}
.basicLat3 li a:hover{color:#000;}
.basicLat3 li:hover{background:#e9e8e8; }
.basicLat3 .bo_cate_link2 {display: inline-block; color:darkorange;}
.basicLat3 .lt_date2{display: block; margin-top:5px; position:absolute; top:50%; right:5px; color:#999; height:25px; line-height:20px; font-size:14px; font-family:verdana; }

.basicLat3 li .fa-heart{color:#ff0000; }
.basicLat3 li .fa-lock{display: inline-block; font-size:11px; line-height: 14px; width: 16px; color: #999; background: #efefef; text-align: center; border-radius: 2px; font-size: 12px; border:1px solid #ddd}
.basicLat3 li .new_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px; color:#fff; background:#ff6600; text-align:center; border-radius: 50%; }
.basicLat3 li .hot_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px ; color:#fff; background:#e52955; text-align:center; border-radius: 50%; }
.basicLat3 li .fa-caret-right{color:#bbb}


.basicLat3  .empty_li{line-height:204px; min-height:204px; color:#999; text-align:center; padding:0; }
.basicLat3  .empty_li:before{background:none; padding:0}
.basicLat3 .lt_cmt{display:inline-block; background:#b5b5b5; color:#fff; font-size:10px; height:16px; line-height:14px; font-weight:bold; padding:1px 6px; border-radius:20px; vertical-align:middle;}

.basicLat3 .lt_more {clear:both;  font-size:16px; font-weight:300; display:inline-block; padding:10px 30px; color:RGBA(255,255,255,0.7); border-radius:50px; text-align:center; margin:20px auto 0; background:#333; border:2px solid #fff; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.basicLat3 .lt_more:hover{color:#fff; border:2px solid RGBA(0,0,0,0.1);}
.basicLat3 .lt_more > i{display:inline-block; padding-left:10px; font-size:14px;}

@media all and (max-width:1250px){
	.basicLat3 .top_list .top .title p {font-size:16px;}
	.basicLat3 li a {font-size:16px;}
}

@media all and (max-width:980px)
{
	.basicLat3 {margin:0 10px 10px; }
	.basicLat3 .basicLat3Tit a { padding:5px; font-size:14px; }
	.basicLat3 .basicLat3_more a { padding:5px; font-size:14px; }	
	.basicLat3 .top_list .date { padding: 10px 0; width:65px; height:65px;} 
	.basicLat3 .top_list .top .title {padding:5px 10px; width: calc(100% - 65px); height: 65px; }	
	.basicLat3 .top_list .top .title p{line-height:18px;}	
	.basicLat3 li a {padding-bottom:5px; height:58px; line-height:18px; padding:5px 5px 0px 5px; }	
	.basicLat3 .lt_date2{margin-top:10px; position:absolute; top:50%; right:5px; color:#999; height:25px; line-height:20px; font-size:14px; font-family:verdana; }
	.basicLat3 .basicLat3Tit {margin:5px 0;}
}


@media all and (max-width:650px)
{
	.basicLat3 {height:auto; margin:15px 5px; padding:5px 5px; border:none; box-shadow:none;}
	.basicLat3 .basicLat3Tit {display:block; height:30px;}
	.basicLat3 .basicLat3Tit a{margin:0px auto 10px; padding:5px; font-size:20px; line-height:10px; border-left: 5px solid #6e9753;}
	.basicLat3 li a {font-size:16px; height:65px; line-height:18px; padding:5px 5px 10px 5px; }
	.basicLat3 ul{min-height:auto;}

}