@charset "utf-8";

/* postbtn */

.user-postbtn{
  margin-top:20px;
  padding:10px;
  background-color: var(--sub-bg);
}

.container_postbtn {
  padding: 0 !important;
  gap: 5px;
}

.container_postbtn .postbtn_like {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.container_postbtn .postbtn_like .wrap_btn {
  float: none !important;
}

.container_postbtn .btn_post {
  height: auto !important;
  padding: 0 !important;
}

.container_postbtn .postbtn_like .wrap_btn .uoc-icon>.uoc-icon {
  border: 0 !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.container_postbtn .uoc-icon .txt_like {
  margin: 0 !important;
}

.container_postbtn .uoc-icon .uoc-count {
  font-size: 1rem !important;
  font-family: "Pretendard-Regular" !important;
  line-height: var(--line-height) !important;
  color: var(--font-color) !important;
}

.container_postbtn .uoc-icon .ico_postbtn {
  background: none !important;
  text-indent: 0 !important;
  width: auto !important;
  height: auto !important;
}

.container_postbtn .btn_post .ico_like {
  margin: 0 !important;
}

.container_postbtn .btn_post span.txt_like {
  font-size: 1rem !important;
  vertical-align: middle !important;
  line-height: var(--line-height) !important;
}

/* 클릭 전: 빈 하트 */
.like_on .ico_postbtn::before,
.uoc-icon .ico_postbtn::before {
  font-family: 'xeicon' !important;
  content: "\ea10";
  font-size: 1rem;
  vertical-align: middle;
  margin-right: 1.5px;
}

/* 클릭 후: 채워진 하트 */
.like_on .ico_postbtn::before {
  content: "\ea10";
  color: var(--point-color);
}

.container_postbtn .btn_post:has(.ico_statistics) * {
  width: auto !important;
  max-width: unset !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  font-size: 1rem !important;
  font-family: "Pretendard-Regular" !important;
  color: var(--font-color) !important;
  text-indent: unset !important;
}

.container_postbtn .btn_post .ico_statistics {
  padding: 0 !important;
  overflow: unset !important;
}

.container_postbtn button:focus {
  /*item click → delete outline*/
  outline: unset !important;
}

.ico_postbtn.ico_statistics::before {
  font-family: 'xeicon' !important;
  content: "\eb05";
  font-size: 1rem;
  vertical-align: middle;
  margin-right: 1.5px;
}

.container_postbtn .btn_menu_toolbar .ico_check_type1 {
  margin: 0 !important;
}

.container_postbtn .postbtn_like+.btn_menu_toolbar {
  margin: 0 !important;
}

.container_postbtn .btn_menu_toolbar.btn_subscription {
  float: none !important;
}

.container_postbtn .btn_menu_toolbar {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  line-height: auto !important;
  color: var(--font-color) !important;
}

.container_postbtn .btn_menu_toolbar em.txt_state {
  margin: 0 !important;
  font-size: var(--font-size) !important;
  line-height: var(--line-height) !important;
}

.container_postbtn .wrap_btn_share{
  display: none !important;
}

.container_postbtn .wrap_btn_etc {
  display: none !important;
}

.container_postbtn .btn_menu_toolbar.following .ico_check_type1 {
  display: none !important;
}

/* 본문 내 구독 버튼 */
.btn_menu_toolbar.btn_subscription .txt_state::before {
  font-family: 'xeicon';
  content: "\e99d";
  margin-right: 1.5px;
  vertical-align: middle;
}

/* 본문 내 구독 버튼 - 구독중 상태 */
.btn_menu_toolbar.btn_subscription.following .txt_state::before {
  content: "\e99c";
}





/* namecard */

.tt_box_namecard {
  align-items: stretch;
  gap: 10px;
  min-height: unset !important;
  background: none !important;
  margin: 0 !important;
  padding:0 !important;
  overflow: hidden;
}

.tt_box_namecard .tt_wrap_thumb {
  margin: 0 !important;
  border-radius: var(--radius) !important;
}

.tt_box_namecard .tt_wrap_thumb:after {
  background-color: #fff0 !important;
}

.tt_box_namecard .tt_wrap_thumb .tt_thumb_g {
  border-radius: var(--radius);
  overflow: hidden;
}

.tt_box_namecard .tt_cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  padding: 0 !important;
}

.tt_box_namecard .tt_cont .tt_tit_cont {
  font-size: 1rem !important;
  font-weight: bold !important;
  line-height: var(--line-height) !important;
  color: var(--font-color) !important;
  margin-right: 5px;
}

.tt_box_namecard .tt_desc {
  width: 100%;
  font-size: 0.9rem !important;
  line-height: var(--line-height) !important;
  color: var(--font-color) !important;
  padding-top: 5px !important;
  letter-spacing: 0 !important;
}

.tt_box_namecard .tt_btn_subscribe {
  display: none !important;
}