@charset "UTF-8";
/* 게시판 목록 */
#bo_list {position:relative}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}

.likeTbl{width:100%; margin-bottom:20px;}
.likeTbl > ul{display:table;width:100%;}
.likeTbl > ul > li{display:table-row;width:100%;}
.likeTbl > ul > li > div{display:table-cell;}
.likeTbl > ul > li.likeTblTh{background:#f6f6f6;}
.likeTbl > ul > li.likeTblTh > div{padding:15px 0;border-top:1px solid #444;border-bottom:1px solid #444;color:#999; vertical-align:middle; text-align:center;}
.likeTbl > ul > li.likeTblTh > div a{color:#999;}
.likeTbl > ul > li.likeTblTd > div{padding:15px 2px;border-bottom:1px solid #444; vertical-align:middle;}
.likeTbl > ul > li:hover.likeTblTd{background:#dddddd;}
.likeTbl > ul > li.likeTblTd .td_subject a{-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.likeTbl > ul > li.likeTblTd .td_subject.thumbnail{width: 150px; padding-left: 0px;}
.likeTbl > ul > li:hover.likeTblTd .td_subject a{padding-left:5px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.likeTbl > ul > li.likeTblTd .bo_tit { text-align:center;}
.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a{display:block;color:#999; text-align:center;}
.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a em{font-style:normal;}
.likeTbl > ul > li:hover.likeTblTd .td_subject .bo_tit a em span,
.likeTbl > ul > li:hover.likeTblTd .td_subject .bo_tit a em i{color:#333 !important;}

.bo_notice,
.bo_notice > div {background:#444 !important;}
.likeTbl > ul > li.bo_notice  .td_subject .bo_tit a{color:#ddd;}
.likeTbl .td_board {width:120px;text-align:center}
.likeTbl .td_chk {width:30px;text-align:center}
.likeTbl .td_date {width:60px;text-align:center;font-style: italic;}
.likeTbl .td_datetime {width:100px;text-align:center;font-style: italic;color:#999;font-family:verdana;}
.likeTbl .td_group {width:100px;text-align:center}
.likeTbl .td_mb_id {width:100px;text-align:center}
.likeTbl .td_mng {width:80px;text-align:center}
.likeTbl .td_name {width:90px;text-align:center;padding:10px 0}
.likeTbl .td_nick {width:100px;text-align:center}
.likeTbl .td_num {width:100px;;text-align:center;color:#999;}
.likeTbl .td_num2 {width:50px;;text-align:center;color:#999;font-size:11px;}
.likeTbl .td_numbig {width:80px;text-align:center}
.likeTbl .txt_active {color:#5d910b}
.likeTbl .txt_expired {color:#ccc}

.td_subject img {margin-left:5px}
img.thumbnail {
    height: 70px;
    width: 130px;
    object-fit: cover;
    margin-right: 10px;
}

/*.likeTbl .profile_img {display:inline-block;;margin-right:2px}*/
.likeTbl .profile_img img{border-radius:50%}
.likeTbl .cnt_cmt{display:inline-block; background:#444;color:#fff; font-size:11px;height:16px;line-height:16px;padding:1px 6px;border-radius:30px;vertical-align:middle;}

.likeTbl .bo_tit .fa-download{width:16px;height:16px;line-height:16px;background:#ddd;color:#999;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px}
.likeTbl .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ddd;color:#999;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px;font-weight: normal;}
.likeTbl .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#999;background:#ddd;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
.likeTbl .bo_tit .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#999;background:#ddd;text-align:center;border-radius: 2px;;vertical-align:middle;margin-right:2px;font-weight:normal}
.likeTbl .bo_tit .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #fff;background: #333;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #000}
.likeTbl .bo_tit a{font-size:14px;}

.onlyMvV{display:none;}
.likeTbl > ul > li > div.mvInlinev i{display:none;}

@media all and (max-width: 800px){
	.likeTbl > ul{display:block !important;}
	.likeTbl > ul > li{display:block !important;overflow:hidden;border-bottom:1px solid #444; position:relative;}
	.likeTbl > ul > li > div{display:block;border-bottom:0px !important;padding:0px;}
	.likeTbl > ul > li.likeTblTd{padding:7px 0px 10px; text-align:left;}
	.likeTbl > ul > li.likeTblTd .td_subject{width:40%;}
	.likeTbl > ul > li.likeTblTd .td_subject.title{padding:7px 15px 15px; text-align:left; width:60%;}
	.likeTbl > ul > li.likeTblTd > div{padding:0px;border-bottom:0px;}

	.likeTbl > ul > li > div.mvInlineN{display:none;}
	.likeTbl > ul > li > div.mvInlinev {display:inline-block;width:auto !important; padding:0 5px; font-size:10px;}
	.likeTbl > ul > li > div.mvInlinev i{display:inline-block;margin-left:3px;}
	.likeTbl > ul > li > div.mvInlinev:before{content:" / ";color:#ddd;}
	.likeTbl > ul > li > div.mvInlinev.td_name:before{content:" "}
	.likeTbl > ul > li > div.mvInlinev.td_name{padding-left:2px;}
	.likeTbl > ul > li > div.td_subject{display:block;}
	.likeTbl > ul > li > div.td_subject a{padding:0 0 8px 0;}
	.likeTbl > ul > li > div.td_subject a.bo_cate_link{display:inline-block;padding-top:8px;}
	.likeTbl > ul > li > div.td_chk{position:absolute;right:0px;top:0px;}
	
	.likeTbl > ul > li.likeTblTd{float: left;}
	.likeTbl > ul > li.likeTblTd .td_subject {padding:0 0 0 20px;text-align:right; float: left;}
	.likeTbl > ul > li.likeTblTd .inline {display: inline-block; width: 20%;}
	.likeTbl > ul > li.likeTblTd .bo_tit {
		padding:0 0 0 20px;text-align:right; float: left; width: 30%;
		display: inline-block;
	    overflow: hidden;
	    text-overflow: clip;
	    word-wrap: break-word;
	    height: 1.2em;
	}
	.likeTbl > ul > li.likeTblTd .bo_tit.mvInlineN{display:none;}
	.likeTbl > ul > li:hover.likeTblTd .td_subject a{padding-left:0px;}
	.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a{padding-top:8px;}
	.onlyMvV{display:inline-block;margin-left:-5px;}
}