/*********** List *************/
.bbs_con_wrap { width:100%; }
.bbs_con { width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid var(--main); }
.bbs_con col.col-chk { width:50px; }
.bbs_con col.col-no { width:130px; }
.bbs_con col.col-name { width:350px; }
.bbs_con col.col-date { width:180px; }
.bbs_con th { background:var(--grayBg); color:var(--black); font-size:1rem; font-weight:600; line-height:166.67%; letter-spacing:var(--letter-spacing-default); text-align:center; vertical-align:middle; padding:17px 20px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); box-sizing:border-box; }
.bbs_con td { color:var(--basic); font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); text-align:center; vertical-align:middle; padding:17px 20px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); box-sizing:border-box; }
.bbs_con th:last-child, .bbs_con td:last-child { border-right:none; }
.bbs_con td.no, .bbs_con td.date { letter-spacing:0; }
.bbs_con td.name { color:var(--black); }
.bbs_con td.name a { color:var(--black); }

/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){

}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

/* List */
.bbs_con col.col-no { width:110px; }
.bbs_con col.col-name { width:280px; }
.bbs_con col.col-date { width:160px; }

}

/*******************************************************************************
    @media  ~980px
*******************************************************************************/
@media all and (max-width:980px){

/* List */
.bbs_con col.col-no { width:8%; }
.bbs_con col.col-name { width:25%; }
.bbs_con col.col-date { width:15%; }
.bbs_con th { font-size:0.889rem; padding:12px 10px; }
.bbs_con td { font-size:0.889rem; padding:12px 10px; }

}

/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* List */
.bbs_con{}
.bbs_con,
.bbs_con tr,
.bbs_con tbody,
.bbs_con td{display: block;}
.bbs_con thead{display: none;}
.bbs_con td { padding:0 0 0 110px !important; box-sizing: border-box; position: relative; border:0; text-align: left; line-height: 150%;}
.bbs_con td::before{content: attr(data-th); color:var(--black); font-weight: 500; position: absolute; left: 0; top: 0;}
.bbs_con td ~ td{margin-top: 5px;}
.bbs_con tr{box-sizing: border-box; padding: 10px; border-bottom: 1px solid var(--border);}
.bbs_con tr:nth-child(even){background:var(--grayBg);}
.bbs_con td.pc_ver{display: none !important;}

}