@charset "utf-8";

/* 새글 스킨 (pc_sideest) */
.pc_side {position:relative;padding:10px;border-radius:10px;}
.pc_side_border {border:var(--border); height:420px;padding:20px;}
.pc_side .pc_side_title {display:block;font-size:1.3em;color:var(--fontColor); border-bottom:var(--border);padding-bottom:13px;}
.pc_side .pc_side_title a {position:relative;color:var(--fontColor);display:inline-block}
.pc_side_new_btn {float:right;}
.pc_side_new_btn a {font-weight: normal;font-size:13px;color:var(--fontColor2) !important;}
.pc_side_new_btn i {color:#666;}
.pc_side ul {padding:7px 0 0 0}
.pc_side li {
    display: flex;
    align-items: center; /* 수직 중앙 정렬 */
    line-height: 19px;
    padding: 4px 0;
}
.pc_side li a {
    font-size: 14px;
    line-height: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;  /* 한 줄로 처리 */
    max-width: calc(100% - 30px);  /* cnt_cmt 크기를 제외한 남은 공간만 차지 */
    vertical-align: middle;
}

.pc_side .cnt_cmt {
    color: #F7683A;
    font-size: 11px;
    margin-left: 5px;  /* 제목과의 간격 */
    flex-shrink: 0;    /* 크기가 줄어들지 않도록 고정 */
}

.pc_side li a:hover {color:var(--fontColor)}
.pc_side li .fa-heart {color:#ff0000; }

.pc_side .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.pc_side .empty_li:before {background:none;padding:0}


.rank_num {
    display: inline-block;
    width: 24px;     /* 2자리 숫자 + '.' */
    color: #888;
    font-weight: bold;
    font-size:13px;
  }