@charset "UTF-8";

.community-main{
    max-width: 1100px;
}

/******************** 포럼 리스트 *****************************/

.forumListTable th, .forumListTable td{
    padding : 5px 0px 5px 0px !important;
    line-height: unset;
    height:40px;
    font-size: 0.8rem;
    text-align: center;
}


th.forum_no{
    width: 80px;
}
th.forum_title{
    width:620px;
    min-width:620px;
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
th.forum_writer{
    width:130px;
    min-width:130px;
}

th.forum_chat_cnt{
    width:50px;
    min-width:50px;
}
th.forum_chat_cnt div.view-icon{
    display:inline-block;
}

th.forum_view_cnt{
    width:50px;
    min-width:50px;
}
/*th.forum_view_cnt div.view-icon{*/
/*    display:inline-block;*/
/*}*/

th.forum_like_cnt{
    width:50px;
    min-width:50px;
}
/*th.forum_like_cnt div.like-icon{*/
/*    display:inline-block;*/
/*}*/

th.forum_reg_date{
    width:120px;
    min-width:120px;
}

.mobile-info{
    font-size: 0.7rem;
    color: #999999;
    display:none;
    margin: 5px 0 5px 0;
}

div.mobile-info div.mobile-info-item{
    /*display:inline-block;*/
    margin-right:10px
}

@media screen and (max-width: 767px){
    .forumListTable thead{
        display:none;
    }
    .mobile-info{
        display:block;
    }
    th.forum_no{
        width: 30px;
    }
    th.forum_title{

    }

    .forum_writer{
        display:none;
    }

    .forum_chat_cnt{
        display:none
    }

    .forum_view_cnt{
        display:none
    }

    .forum_like_cnt{
        display:none;
    }

    .forum_reg_date{
        /*width:80px;*/
        /*text-align: right;*/
        /*padding-right: 30px !important;*/
        display:none;
    }
}


th.forum_title, td.forum_title{
    text-align:left;
    padding-left:10px !important;
    padding-right:10px !important;
}

td.forum_title div{
    width:600px;
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
@media screen and (max-width: 767px){
    th.forum_title, td.forum_title{
        max-width:0px;
    }

    td.forum_title div{
        width:unset;
        text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    }
}

.forumListTable .avatar-sm{
    width:25px;
    height:25px;
}

.forumListTable .mobile-info .avatar-sm{
    width:18px;
    height:18px;
}

div.write-btn-div{
    text-align: right;
}
@media screen and (max-width: 767px){
    div.write-btn-div{
        text-align: center;
    }
}
.forum_btn_style{
    width: 70px;
    height: 30px;
    font-size:12px;
    padding:0px;
}


div.search-div{
    display:flex;
    justify-content: center;
}
.forum_search_btn{
    width: 70px;
    height: 30px;
    font-size:12px;
    padding:0px
}

@media screen and (max-width: 767px){
    .card-body.forum_list_body{
        padding:unset;
    }

    .forumListTable th{
        min-width:unset !important;
    }

    .mobile-writer{
        float:left;
    }
    .mobile-cnt{
        float:right;
    }
}


/*div.view-icon{*/
/*    width:24px;*/
/*    height:24px;*/
/*    background-image: url('/img/common/view.png')*/
/*}*/

/*div.like-icon{*/
/*    width:24px;*/
/*    height:24px;*/
/*    background-image: url('/img/common/heart.png')*/
/*}*/
/*div.like-icon.on{*/
/*    background-image: url('/img/common/heart_fill.png')*/
/*}*/





/******************** 포럼 쓰기 *****************************/

.ck-editor__editable[role="textbox"] {
    /* editing area */
    height: 500px;
}

.ck-editor__editable[role="textbox"] p {
    line-height: 1.5;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.anonymous-info-div{
    display: flex;
    padding: 10px 0px 10px 0px;
}

.anonymous-info-div .form-group-default{
    width: 150px;
    border:1px solid #bcbcbc;
    margin-bottom:unset;
}


/***************** 포럼 읽기 ****************************/

.forum-contents p{
    margin-block-start: 0em;
    margin-block-end: 0em;
}

/* 댓글 */

.forum_comment_card{
    margin-top:20px;
}
.forum_comment_table{
    margin-top: 20px;
    margin-bottom : 20px;
}

/*.form_comment_tbody{*/
/*    padding-left:20px;*/
/*    padding-right :20px;*/
/*}*/

.forum_comment_td{
    padding:10px;
    border-bottom: 1px solid #ebedf2;
    cursor: pointer;
}

.forum_write_comment_div{
    margin-bottom:40px;
    padding-left: 20px;
    padding-right: 10%;
}

.forum_comment_input_div{
    display:flex;
}

.re_comment_div{
    margin : 10px 20px 10px 20px;
    /*border: 1px solid #cccccc;*/
    background-color: #eeeeee;
}

.re_comment_div .forum_comment_td{
    display: block;
    border: 1px solid #cccccc;
}

.forum_write_reComment_div{
    padding:20px
}