@charset "utf-8";

.basic-post-mix { margin:0px; overflow:hidden; }
.basic-post-mix .txt-normal { letter-spacing:0; }
.basic-post-mix .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-mix .wr-text { font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:11px; font-weight:normal; }
.basic-post-mix .wr-icon { display:inline-block; padding:0px; margin:0px; line-height:12px; vertical-align:middle; background-repeat: no-repeat; background-position: 0px 0px; }
.basic-post-mix .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.basic-post-mix .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.basic-post-mix .wr-video { width:12px; height:12px; background-image: url('./img/icon_video.gif'); }
.basic-post-mix .wr-image { width:12px; height:12px; background-image: url('./img/icon_image.gif'); }
.basic-post-mix .wr-file { width:12px; height:12px; background-image: url('./img/icon_file.gif'); }
.basic-post-mix .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-post-mix .post-wrap { overflow:hidden; line-height:20px; margin-bottom:5px; }
.basic-post-mix .media { margin:0px 0px 10px; }
.basic-post-mix .post-image { position:relative; overflow:hidden; }
.basic-post-mix .post-content { margin:0px 0px -2px; overflow:hidden; }
.basic-post-mix .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; }
.basic-post-mix .post-text { font-size:12px; color:#888; margin-top:4px; }
.basic-post-mix .post-sp { color:#ccc; margin:0px 4px; }
.is-pc .ko .basic-post-mix .post-ko { font-size:11px; }
.basic-post-mix .post-list { list-style:none; padding:0px; margin:-2px 0px; line-height:22px; }
.basic-post-mix .post-list li { padding:0px; margin:0px; }
.basic-post-mix .post-list li b { letter-spacing:-1px; padding-right:1px; }
.basic-post-mix .post-none { padding:50px 10px; text-align:center; color:#888; }



/* 디자인 수정 hanna 210302*/

/* 위젯 전체 레이아웃 */
.basic-post-mix .media{
	margin: 0px;
	border-bottom: 1px dotted #ddd;
	display: block;
	font-size: 13px;
	color: #666;
	padding: 11px 0px;
	position: relative;
	overflow: hidden;
}
.basic-post-mix .img-wrap{
	padding-bottom: 100%!important;
}
.basic-post-mix .post-image{
	width: 70px!important;
	height: 70px!important;
}
.basic-post-mix .img-wrap .img-item{
	float:left;
	margin:0 10px 0 0;
	overflow:hidden;
	border-radius:50%;
	background-size:auto 200%;
	background-position:center center;
}
.basic-post-mix .img-wrap .img-item img{
	width: 100%!important;
	height: 100%!important;
}

/* 제목 class 추가 */
/* 사진 포함한 위젯 디자인 수정 */
.post-subject .post-title{
	display:block;
	margin-bottom:8px; 
	height:20px;
	line-height:20px; 
	font-size:14px;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight: 700;
}
.post-subject .post-text{
	display:block; 
	font-style:normal; 
	font-size:13px;
	color:#666;
	overflow: hidden;
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical; 
	word-wrap:break-word;  
	line-height: 1.4em; 
	height: 2.6em;
}

.post-subject .txt-normal{
	display:block;
	color:#999;
	height:20px;
	line-height:20px;
	font-size:10px;
	font-family:verdana;
}
.post-subject .rank-icon{
	display:inline-block;
	font-size:10px;
	width: 16px;
	line-height:16px;
	color:#fff;
	background:#e52955;
	text-align:center;
	border-radius: 50%;
	min-width: 11px;
	height: 16px;
	padding: 0 4px;

}


/* 사진 포함하지않은 위젯 디자인 수정 */
.basic-post-mix .post-list li{
	margin: 0px;
	border-bottom: 1px dotted #ddd;
	display: block;
	font-size: 13px;
	color: #666;
	padding: 11px 12px;
	position: relative;
	overflow: hidden;
}