/*********** List *************/
.bbs_basic_list {width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; border-top:3px solid var(--main); text-align:center;}
.bbs_basic_list th.chk_col, .bbs_basic_list td.chk_col {width:50px; min-width:50px; padding:20px 10px; vertical-align:middle;}
.bbs_basic_list input[type="checkbox"] {width:20px; height:20px; margin:0 auto; display:block;}
.bbs_basic_list th {font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:166.67%; font-weight:600; color:var(--black); box-sizing:border-box; padding:20px 10px; border-bottom:1px solid var(--border); background:var(--white); vertical-align:middle;}
.bbs_basic_list td {font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:166.67%; font-weight:400; color:var(--basic); box-sizing:border-box; padding:20px 10px; border-bottom:1px solid var(--border); vertical-align:middle;}
.bbs_basic_list td.left {text-align:left; padding:20px 20px;}
.bbs_basic_list tr.point td {background:rgba(250,102,0,.05);}
.bbs_basic_list tr.point td a{color: var(--black); font-weight: 600;}
.bbs_basic_list .bbs_subject_in {display:block;}
.bbs_basic_list .bbs_subject_txt {display:inline; word-break:break-word;}
.bbs_basic_list .bbs_subject_txt a {color:var(--basic); font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-body); text-decoration:none; transition:color 0.3s ease;}
.bbs_basic_list .bbs_subject_txt a:hover {color:var(--main);}
.bbs_basic_list .bbs_down_btn {display:inline-flex; align-items:center; gap:5px; padding:0; width: 91px; height: 34px; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--white); color:var(--black); text-decoration:none; transition:all 0.3s ease; justify-content: center; line-height: 1;}
.bbs_basic_list .bbs_down_btn::before {content:'\e2c4'; display:block; width:20px; height:20px; line-height:20px; font-size:20px; font-family:var(--icon); font-weight:400; color:inherit; flex-shrink:0;}
.bbs_basic_list .bbs_down_btn:hover {border-color:var(--black); background:var(--black); color: var(--white);}
.bbs_basic_list td img{display:inline-block; vertical-align:middle; margin:0 3px 2px 3px;}
.bbs_basic_list .notice{line-height:120%;}
.bbs_basic_list .notice .material-symbols-outlined{display: block; font-size:24px; height:24px; font-size: 0; position: relative;}
.bbs_basic_list .notice .material-symbols-outlined::after{content:'\e98e'; display: block; width: 100%; height: 100%; line-height: 24px; font-size: 24px; text-align: center; font-weight: 400; font-family: var(--icon); position: absolute; left: 0; top:0; color: var(--main); }
.bbs_basic_list .mo_line{display:none;}
.bbs_basic_list .catname{color:var(--black); font-weight:600;}
.bbs_basic_list .mo_line .bbs_down_btn{margin-top:8px;}



/*********** View *************/



.value_ca{margin: 60px 0 0; padding: 20px 0 0; border-top: 1px solid var(--border); display: flex; align-items: center; justify-content: flex-end; gap: 30px;}
.value_ca p{color: var(--black);}
.value_ca select{width: 225px; height: 54px !important; line-height: 54px !important;}



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

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

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

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

    .value_ca{margin: 40px 0 0; gap: 20px;}
    
    
}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

    .value_ca{margin: 30px 0 0; padding: 15px 0 0; gap: 15px;}
    .value_ca select{width: 200px; height: 45px !important; line-height: 45px !important; background-position: right 10px center;}
    

}