/*********** List *************/
.bbs_con {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid var(--main); text-align:center;}
.bbs_con th {font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:160%; font-weight:600; color:var(--black); box-sizing:border-box; padding:20px 10px 18px; border-bottom:1px solid var(--border);}
.bbs_con td {font-size:1rem; letter-spacing:var(--letter-spacing-caption); line-height:160%; font-weight:400; color:var(--light); box-sizing:border-box; padding:20px 10px; border-bottom:1px solid var(--border);}
.bbs_con .download_btn{display: block; width: 130px; height: 44px; line-height: 42px; border-radius:44px; box-sizing:border-box; border:1px solid var(--basic); font-size:0.889rem; font-weight: 600; color:var(--basic); letter-spacing: var(--letter-spacing-button); transition:all .3s ease;}
.bbs_con .download_btn:hover{background:var(--black); border-color:var(--black); color:var(--white);}
.bbs_con .download_btn::after{content:'\f090'; display: inline-block; vertical-align: middle; margin: -2px 0 0 4px; width: 22px; height: 22px; font-size:22px; line-height: 22px; font-family: var(--icon); color:inherit; font-weight: 400;} 

 




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


/*********** List *************/
.bbs_con {}
.bbs_con th {padding:15px 5px 13px; font-size:0.889rem;}
.bbs_con td {padding:15px 5px; font-size:0.889rem;}
.bbs_con .download_btn{width: 100px; height: 40px; line-height: 38px;}
.bbs_con .download_btn::after{width: 18px; height: 18px; font-size:18px; line-height: 18px;} 

 

}
/*******************************************************************************
    @media 768px
*******************************************************************************/
@media all and (max-width:768px){


/*********** List *************/
.bbs_con{text-align:left;}
.bbs_con,
.bbs_con tbody,
.bbs_con tr,
.bbs_con td{display: block;}
.bbs_con thead{display: none !important;}
.bbs_con .pc_line{display: none !important;}
.bbs_con tr{border-bottom: 1px solid var(--border); box-sizing:border-box; padding: 10px 5px;}
.bbs_con td {font-size:1rem; border-bottom: 0; padding: 0; padding-left: 70px; position: relative; margin-bottom: 5px;}
.bbs_con td.download_td{padding: 0; margin: 0;}
.bbs_con td::before{content: attr(data-th); color:var(--black); font-weight: 600; position: absolute; left: 0; top:0; font-size:0.889rem;}
.bbs_con .download_btn{width: 100%; text-align:center; height: 35px; line-height: 33px;}

 


}