@charset "utf-8";
/* NTS 2014-09-03 KMJ */

/* background image */
.discover_ct .u_likeit_list_module .u_likeit_list_btn .u_ico,
.end .u_likeit_list_module .u_likeit_list_btn .u_ico,
.feed_recommend_post_list .u_likeit_list_module .u_likeit_list_btn .u_ico, .lst_detail1 .u_likeit_list_module .u_likeit_list_btn .u_ico{width:16px;height:14px;background-image:url(https://ssl.pstatic.net/static.post/image/im/sp_btn_like4_150622.png);background-size:16px 14px}
.feed_recommend_post_list .u_likeit_list_module .u_likeit_list_btn.on .u_ico{background-position:0 0;}

.u_likeit_list_module{height:20px}
.u_likeit_list_module .u_none_txt .u_txt{display:none !important}
.u_likeit_list_module .u_likeit_list_btn{display:inline-block;padding:0 2px;overflow:visible;vertical-align:top}
.u_likeit_list_module .u_likeit_list_btn .u_ico{display:inline-block;overflow:hidden;vertical-align:top;width:20px;height:17px;margin:1px 7px 0 0;background:url(https://ssl.pstatic.net/static.post/image/im/sp_btn_like3_170327.png) 0 0;background-size:20px 35px;}
.u_likeit_list_module .u_likeit_list_btn .u_cnt,
.u_likeit_list_module .u_likeit_list_btn .u_txt{line-height:17px;font-size:14px;font-weight:normal;color:#555;vertical-align:top}
.a .u_likeit_list_module .u_likeit_list_btn .u_cnt{margin-top:2px}
html[data-useragent*='Android 6.0'] .a .u_likeit_list_module .u_likeit_list_btn .u_cnt{margin-top:0}
.u_likeit_list_module .u_likeit_list_btn.on .u_ico{background-position:0 -18px}
.u_likeit_list_module .u_likeit_list_btn .u_cnt{font-family:Helvetica}
/* ===================================================
   LIKE 하트 강제 표시 (PC/모바일 공통) - 최종본
   목적: 어떤 구조여도 '버튼 앞'에 하트를 1개 붙인다
   =================================================== */

/* 0) 혹시 기존에 u_ico가 있으면 숨겨서 중복 방지 */
#btn_like_end .u_ico,
#btn_like_end img,
#btn_like_end svg{
  display:none !important;
}

/* 1) 버튼 자체 앞에 하트 1개 강제 (가장 확실함) */
#btn_like_end{
  position:relative !important;
}

/* 하트 아이콘 */
#btn_like_end::before{
  content:"" !important;
  display:inline-block !important;
  width:17px !important;
  height:17px !important;
  vertical-align:middle !important;
  margin-right:6px !important;

  background:url("/img/heart1.png") no-repeat center center !important;
  background-size:contain !important;
}

/* 숫자 정렬 */
#btn_like_end .u_cnt,
#btn_like_end ._cnt{
  vertical-align:middle !important;
}

/* 2) “위에 하나 더 생기는 하트” 같은 잔상/가상요소 싹 차단 */
#btn_like_end::after,
#btn_like_end .u_cnt::before,
#btn_like_end .u_cnt::after,
#btn_like_end ._cnt::before,
#btn_like_end ._cnt::after,
.u_likeit_list_btn::before,
.u_likeit_list_btn::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* 3) 네이버앱/일부 웹뷰가 미디어쿼리 꼬이는 경우도 있어서
      모바일에서도 동일하게 보이도록 별도 분기 없이 동일 적용 */