@charset "utf-8";

/* postbtn */

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

.container_postbtn .postbtn_like {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.container_postbtn .wrap_btn {
    padding: 5px 8px;
    background-color: #fff;
    border: var(--border) !important;
    border-radius: var(--radius) !important;
    font-weight: bold;
    color: var(--font-color);

}

.container_postbtn .btn_menu_toolbar.btn_subscription {
    padding: 5px 8px;
    background-color: #fff;
    border: var(--border) !important;
    border-radius: var(--radius) !important;
    font-weight: bold;
    color: var(--font-color);
}





.container_postbtn .postbtn_like {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    float: none !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;
    gap: 1.5px;
}

.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;
}

/* 클릭 후: 채워진 하트 */
.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;
    display: flex;
    align-items: center;
    gap: 1.5px;
}

.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;
}

.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: var(--line-height) !important;
}

.container_postbtn .btn_menu_toolbar em.txt_state {
    margin: 0 !important;
    font-size: var(--font-size) !important;
    line-height: var(--line-height) !important;
    display: flex;
    align-items: center;
    gap: 1px;
}

.container_postbtn .wrap_btn_share,
.container_postbtn .wrap_btn_etc {
    display: none;
}

.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";
}

/* 본문 내 구독 버튼 - 구독중 상태 */
.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: var(--sub-bg-light);
    margin: 10px !important;
    padding: 10px !important;
    border: var(--border);
    border-radius: var(--radius);
    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;
}