/****** 7. 코멘트 */
#bvc_head {text-align: left;}
#bvc_head div {display: inline-block}
#bvc_head button {padding: 4px 10px; background: #E2E2E2; border-radius: 5px 5px 0px 0px; border: 0px; font-size: 0.8rem;}
#bvc_head span {font-weight: 600; }

#bvc_body {border: 1px solid #E2E2E2; border-top: 0px;}
#bvc_body article {position: relative;}

#cb_top {display: flex; justify-content: space-between; padding: 7px; border-top: 1px solid #E2E2E2; background: #FAFAFA;}
#cb_info_box {flex: 1; display: flex; align-items: center;}
#cb_info_box img {width: 20px; height: 20px; border-radius: 50%; margin-right: 5px;}
#cb_info_box span {margin-right: 5px;}
.cb_info_name {font-weight: 500; font-size: 0.9rem}
.cb_info_ip {font-size: 0.8rem; color: #BF5B16;}
.cb_info_date {font-size: 0.8rem; color: #555555;}


#cb_btn_open {position: absolute; width:150px; top: 5px; right: 5px;text-align:right;}
#cb_btn_open button {padding:5px 7px; background: #FAFAFA; color: #000;border:0px;}

.cb_edit_box {position: absolute; top: 22px; right: 3px;display:none; border: 1px solid #E2E2E2;z-index:1;}

.cb_edit_box li {background: #FFFFFF;border-bottom: 1px solid #E2E2E2;}
.cb_edit_box li:hover {background: #FAFAFA;}
.cb_edit_box a {display: inline-block;padding:2px 15px;font-size: 0.8rem;color: #000;}


#cbc_view {padding: 10px 7px; font-size: 0.9rem; margin-bottom: 10px; line-height: 1.5rem;}
#cbc_edit {}

#bvc_empty {padding: 20px; display: flex; justify-content: center; align-items: center; border-top: 1px solid #E2E2E2;}
#bvc_empty span {font-weight: 500; font-size: 0.9rem;}

#bo_vc_w {border: 1px solid #E2E2E2; border-bottom: 0px; border-top: 0px;}
#bcw_wrap {padding: 10px 10px 10px 10px; background: #FAFAFA; }

#bcw_box textarea {width: 100%; height: 100px; padding: 10px; margin: 0px; resize: none; border: 1px solid #E2E2E2;}
#bcw_box textarea {font-family: 'Noto Sans KR' !important; font-size: 0.9rem !important; line-height: 1.5rem; font-weight: 400 !important; color: #000000 !important;}

#bcw_etc {display: flex; flex-wrap: wrap; gap: 0px;}
#bcw_etc .bcw_count {display: flex; justify-content: left; align-items: center; padding: 0 5px; width: 80px; font-size: 0.8rem; color: #555555;}
#bcw_etc .bcw_count span {font-weight: 500; color: #000000;}
#bcw_etc .bcw_secret {flex: 1; font-size: 0.8rem; color: #555555; display: flex; justify-content: left; align-items: center;}
#bcw_etc .bcw_btn button {display: inline-block; width: 70px; line-height: 21px; text-align: center; border-radius: 3px; border: 0px; font-size: 0.80rem; border: 1px solid #CDCDCD;}