@charset "utf-8";

#bo_list {
    position: relative;
    margin-bottom: var(--wv-50);
}

.pf_img img {border-radius:50%;width:50px;height:50px}

#bo_v_con {margin:1em 0;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}
#bo_list .table > :not(caption) > * > *{padding:1em;}

#bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}

#bo_v_share {position:relative;padding:20px 0}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
#bo_v_share .btn:hover {background:#fff}
#bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}


@media (max-width: 767.98px) {
    #bo_v_sns li{width:auto;min-width:50px!important;}
    #bo_v_sns li img{margin-right: 0}
    #bo_v_sns a span{display: none}
}

#bo_list .table tbody td:not(.table-subject) .td-data-label{display: none;margin:0 3px;}
@media (max-width: 991.98px) {

    #bo_list .board-list-wrap>.table{display: flex;}
    #bo_list .board-list-wrap>.table tbody{width: 100%;}
    #bo_list .table tbody tr{display:flex;text-align:left!important;flex-wrap:wrap;align-items:center;gap:.01em;padding:1.5em 0;border-bottom:1px solid #ccc}
    #bo_list .table tbody tr:last-child{border-bottom:0}
    #bo_list .table tbody td{border:0!important;padding:.3em 0}
    #bo_list .table tbody td:not(.table-subject){display:inline-block;position:relative;flex:0 0 auto;width:auto}
    #bo_list .table tbody td.table-subject{max-width:unset!important;flex:1 0 auto;width:100%}
    #bo_list .table tbody td:not(.table-subject)[data-label]:before{display:inline-block;margin-right:.3em;content:attr(data-label)}
    #bo_list .table tbody td:not(.table-subject) .td-data-label{display:inline-block;}
}