#wrapper .pc_ri{padding-top:0;}

#bo_list_total {font-size:0.7em;color:#4e546f}

#bo_vc h2.bo_vc_tit{font-size:.85em;}
#bo_v_info .profile_info .profile_info_ct{line-height:1.4em;}
#bo_v_info .profile_info{font-size:.9em;}
.bo_v_com{margin:0;}
.btn_bo_user{display:flex;align-items:center;justify-content:flex-end;}

/*.btn_bo_user {float:right;margin:0;padding:0;list-style:none}*/
.btn_bo_user i{font-size:1em;}
.btn_bo_user li{margin-right:10px;}
.btn_bo_user li:last-child{margin-right:0;}
.btn_bo_user li a{display:flex;color:#ff8d00;align-items:center;justify-content:center;background:#f6f6f6;font-size:14px;padding:3px 5px;border-radius:3px;height:35px;}
.btn_bo_user li button{display:flex;background:#fff;border:none;color:#ff8d00;border-radius:3px;font-size:14px;background:#f6f6f6;padding:10px 5px;border-radius:3px;height:35px;}
.more_opt li button, .more_opt li a{font-size:.8em;color:#333;background:none;}
.btn_bo_user .btn_admin{background:#333;color:#fff;}

.btn_bo_user li:hover a, .btn_bo_user li:hover button{background:#0f978f;color:#fff;cursor:pointer}

.more_opt.is_view_btn li{width:100px;}
#bo_v_share{display:none}
.cmt_btn b{font-size:1em}
.nb_date{font-size:.85em;}

.profile_info_ct .fa{color:#539d21;}
.profile_icon{background:#eee;border-radius:50%;width:25px;height:25px;padding:5px;display:inline-block;text-align:center;line-height:10px;margin-right:3px;}
.info_box .profile_icon .fa{margin-right:0;}
.sv_member{color:#333;}

.gall_row .col-gn-4 {width:100%;}
#bo_gall #gall_ul{display:flex;flex-wrap:wrap;}
#bo_gall .gall_img img{width:100%;}

.bo_cnt {color:#3c3c3c;font-size:.9rem;font-weight:400;padding-top:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;}


#bo_gall .gall_con:hover a, 
#bo_gall .gall_con:hover .bo_cnt{color:#ff7600}
#bo_gall .gall_con:hover .gall_info{color:#ff7600}
#bo_gall .gall_con:hover .gall_img img{opacity:.8;}


.tbl_wrap table{width:100%;font-size:.98em;border-top:1px solid #000;}
.tbl_wrap caption{display:none}
.tbl_tit{display:none}

.cmt_btn span.total{color:#008880;}
.cmt_btn span.total:after{background:#008880;}
.bo_v_title{font-size:.5em;}

.btn_submit{border:1px solid #008880;color:#008880;background:#fff;font-size:1em;}
.btn_submit:hover{background:#008880;color:#fff;}

#bo_list tbody tr{border-bottom:1px solid #ddd;}
#bo_list tbody tr td{padding:20px 0;}
.pg_wrap{padding-top:10px;display:flex;align-items:center;justify-content:center;font-size:.8em;}
.pg_wrap:hover{cursor:default}
.pg a, .pg .pg_current{margin:0 10px;}
.pg a:hover{color:#13a58e;}
.pg .pg_current{color:#ff7600;}

.btn_confirm.write_div{
    display:flex;
    align-items:center;
    justify-content:center;}

#bo_w .write_div{margin:20px 0;}
#bo_w .bo_w_flie .frm_file{padding:0 0 0 30px;border:none;}
#bo_w .btn_cancel{background:#eee;font-size:.8em;display:block;margin-right:10px;padding:5px 15px;}
#bo_w .btn_submit{padding:10px;font-size:.8em;font-weight:bold;}

.bo_current{font-size:.75em;}
#bo_list .td_num, #bo_list .td_datetime {font-size:.88em}


/*±Û°Ô½ÃÆÇ*/
.tbl_head01 .tbl_tit{display:none}
.tbl_head01 ul{padding:8px 0;display:flex;flex-direction:column;border-bottom:1px solid #eee}

.td_num2{flex:none;font-size:.75rem;margin-right:5px;color:#7e7e7e;}
.bod_line .td_subject{font-weight:bold;font-size:1.1rem;}
.bod_line .td_num, .bod_line .td_datetime{color:#aaa;margin-left:5px;}
.info_box{    margin-top:5px;
    font-size:.9em;
    position:relative;
    font-weight:100;
    color:#999;}
.info_box .fa{margin-right:3px;}

.comm_btn{display:flex;justify-content:flex-end;z-index:99;position:relative;}
.comm_btn li{font-size:.8rem;background:#f5f5f5;border-radius:3px;margin-left:3px;color:#333;}
.comm_btn li a{padding:0 3px;display:block;height:100%;}
.comm_btn li:hover{background:#aaa;}
.bo_vc_hdinfo{font-size:.8rem;}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest{font-weight:bold;font-size:0.95rem;}
#bo_vc{background:#fbfbfb;padding:5px;}


@media screen and (min-width:480px){
.gall_row .col-gn-4 {width:50%;padding:0;}
#bo_v_title .bo_v_tit{font-size:1.1em;line-height:1.2;}
}

@media screen and (min-width:720){


#bo_list_total {float:left}
#bo_v_title .bo_v_tit{margin:0;}
/*±Û°Ô½ÃÆÇ*/
#bo_list, #bo_gall{border:1px solid #dedede;padding:10px 15px 20px;border-radius:15px;}
#bo_list:after, #bo_gall:after{content:""; display:block; clear:both;}
.tbl_head01 ul{padding:15px 0;flex-direction:row;position:relative;}
.bod_line .chk_box {position:absolute;left:-20px;top:20px;}
#wrapper .pc_ri{width:900px;margin-bottom:0;}
#sub_contents{padding-top:20px;position:relative;}

.pc_left{padding-top:0px;position:absolute;right:0;top:0;}
.info_box{font-size:14px;}
.bo_vc_w textarea{font-size:.8em;padding:10px;}
.bo_vc_w .btn_submit{font-size:14px;}
button{font-size:.8em;background:#f7f7f7;border:1px solid #d5d5d5;padding:3px;border-radius:3px;line-height:1em;}
.commnt_ic{border:1px solid #008880;border-radius:3px;padding:0px 3px;font-size:.8em;margin-left:20px;color:#008880;position:relative;}
.commnt_ic:after{content:"";position:absolute;bottom:-4px;left:12px;display:inline-block;background:#fff;width:7px;height:7px;border-right:1px solid #008880;border-bottom:1px solid #008880;    transform:rotate(45deg);}
#wrapper{padding:30px 0 50px;}
#container_title{position:relative;top:0;left:0;}
.cmt_btn b{font-size:14px}
#bo_v_top{font-size:20px;position:relative;}
#bo_v_top ul{position:absolute;top:35px;right:0;}
#bo_gall .bo_tit{font-size:18px;line-height:22px;margin-bottom:10px;}
#bo_gall .gall_info{font-size:14px;}
.gall_row .col-gn-4 {width:33%;padding:1%;}
.bo_cnt{ -webkit-line-clamp:2;}

}