/*********** List *************/
.news_list{width:100%; border-top:1px solid rgba(16,16,16,0.15); box-sizing:border-box;}
.news_list .list{position:relative; border-bottom:1px solid rgba(16,16,16,0.15); box-sizing:border-box;}
.news_list .list .checkbox{position:absolute; left:10px; top:10px; z-index:2;}
.news_list .list > a{display:flex; align-items:center; gap:50px; padding:30px; box-sizing:border-box; transition:background .3s ease;}
.news_list .list .thumb{width:360px; flex-shrink:0;}
.news_list .list .thumb .img{width:100%; height:100%; aspect-ratio: 360/240; overflow: hidden; border-radius:var(--borderR10);}
.news_list .list .thumb .img img{display:block; width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(0.215,0.61,0.355,1);}
.news_list .list .desc{flex:1; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:20px; box-sizing:border-box;}
.news_list .list .desc h4{width:100%; font-weight:600; color:#101010; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:color .3s ease;}
.news_list .list .desc .text_box{width:100%; color:rgba(16,16,16,0.7); line-height:177.78%; letter-spacing:var(--letter-spacing-default); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
.news_list .list .desc .date{display:inline-flex; align-items:center; gap:5px; padding-top:10px; font-size:0.889rem; line-height:120%; letter-spacing:0; color:var(--basic); opacity:0.7; font-family:var(--eng); transition:opacity .3s ease, color .3s ease;}
.news_list .list .desc .date::before{content:'\ebcc'; display:block; width:20px; height:20px; font-size:20px; line-height:20px; font-family:var(--icon); font-weight:400;}
.news_list .list > a:hover{background:rgba(33,52,110,0.03);}
.news_list .list > a:hover .thumb .img:not(.noimg) img{transform:scale(1.08);}
.news_list .list > a:hover .desc h4{color:var(--main);}
.news_list .list > a:hover .desc .date{opacity:1; color:var(--black);}

/*********** View *************/
.bbs_view{display:flex; flex-direction:column; gap:30px;}
.bbsView_tit{padding:0 0 35px; box-sizing:border-box; position:relative; text-align:center; border-bottom:1px solid var(--border); display:flex; flex-direction:column; align-items:center; gap:15px;}
.bbsView_tit .star{display:block;}
.bbsView_tit .catname{display:block; font-weight:500; color:var(--main);}
.bbsView_tit .subject{font-weight:700; color:var(--black); word-break:keep-all;}
.bbsView_tit .view_detail{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:37px;}
.bbsView_tit .view_detail li{position:relative; font-size:0.889rem; color:var(--basic); line-height:175%; letter-spacing:var(--letter-spacing-body);}
.bbsView_tit .view_detail li + li::before{content:''; position:absolute; left:-19px; top:50%; width:1px; height:16px; margin-top:-8px; background:var(--border);}
.bbsView_tit .view_detail li.date .label{margin:0 6px 0 0;}
.bbsView_tit .view_detail li.count{display:inline-flex; align-items:center; gap:7px;}
.bbsView_tit .view_detail li.count::after{content:'\e8f4'; order:-1; display:inline-block; width:22px; height:22px; font-size:22px; line-height:22px; font-family:var(--icon); font-weight:400; color:var(--basic);}
.view_content{display:flex; flex-direction:column; gap:30px; box-sizing:border-box; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); color:var(--basic); word-break:keep-all;}
.view_content img{max-width:100%; height:auto !important;}
.view_file{padding:20px 23px; box-sizing:border-box; background:var(--grayBg); display:flex; align-items:center; gap:25px;}
.view_file .btit{width:140px; flex-shrink:0; font-size:1rem; font-weight:600; letter-spacing:var(--letter-spacing-default); line-height:166.67%; color:var(--black); box-sizing:border-box;}
.view_file .bstxt{flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items: flex-start; flex-direction: column; gap:10px; box-sizing:border-box;}
.view_file .bstxt a{display:inline-flex; align-items:center; font-size:1rem; letter-spacing:var(--letter-spacing-default); line-height:166.67%; color:var(--black); border-bottom:1px solid var(--black);}
.view_file .bstxt a::before{content:'\e226'; display:inline-block; width:23px; height:20px; margin:0 2px 0 0; font-size:20px; line-height:20px; font-family:var(--icon); font-weight:400; color:var(--black);}
.bbs_nav{width:100%;}
.bbs_bottom{border-top:1px solid var(--border); display:flex; align-items:center; gap:25px; padding:19px 20px; box-sizing:border-box;}
.bbs_bottom.last{border-bottom:1px solid var(--border);}
.bbs_bottom dt{width:140px; flex-shrink:0; display:flex; align-items:center; justify-content:space-between; font-size:1rem; font-weight:600; letter-spacing:var(--letter-spacing-default); line-height:166.67%; color:var(--black); box-sizing:border-box;}
.bbs_bottom dt::after{display:inline-block; width:23px; height:23px; font-size:23px; line-height:23px; font-family:var(--icon); font-weight:400; color:var(--border);}
.bbs_bottom:not(.last) dt::after{content:'\e5ce';}
.bbs_bottom.last dt::after{content:'\e5cf';}
.bbs_bottom dd{flex:1; min-width:0; font-size:1rem; letter-spacing:var(--letter-spacing-default); line-height:166.67%; color:var(--basic); box-sizing:border-box;}
.bbs_bottom dd a{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; color:var(--basic);}
.bbs_view ~ .bbs_btn{padding-top:30px;}
.bbs_view ~ .bbs_btn .btn_w{color:var(--basic);}




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



/* BBS — VIEW */
.bbs_view{gap:25px;}
.bbsView_tit{padding:0 0 25px; gap:12px;}
.view_content{gap:25px;}
.view_file{padding:18px 20px; gap:20px;}
.view_file .btit{width:120px;}
.bbs_bottom{gap:20px; padding:16px 15px;}
.bbs_bottom dt{width:120px;}
.bbs_view ~ .bbs_btn{padding-top:25px;}


/*********** List *************/
.news_list .list > a{gap:30px; padding:20px;}
.news_list .list .thumb{width:40%;}
.news_list .list .desc{gap:10px;}
.news_list .list .desc .date{padding-top:5px;}



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



/*********** List *************/
.news_list .list > a{gap:20px; padding:15px 10px; flex-wrap: wrap;}
.news_list .list .thumb{width:100%;}
.news_list .list .desc h4{line-height: 120%;}
.news_list .list .desc .date::before{width:16px; height:16px; font-size:16px; line-height:16px;}



/* BBS — VIEW */
.bbs_view{gap:20px;}
.bbsView_tit{padding:0 0 20px; gap:10px;}
.bbsView_tit .view_detail{gap:30px;}
.bbsView_tit .view_detail li{line-height:150%;}
.bbsView_tit .view_detail li + li::before{left:-15px; height:12px; margin-top:-6px;}
.bbsView_tit .view_detail li.count{gap:5px;}
.bbsView_tit .view_detail li.count::after{width:18px; height:18px; font-size:18px; line-height:18px;}
.view_content{gap:20px; line-height:166.67%;}
.view_file{padding:15px; gap:12px; flex-wrap:wrap;}
.view_file .btit{width:100%; line-height:150%;}
.view_file .bstxt a{line-height:150%;}
.view_file .bstxt a::before{width:18px; height:16px; font-size:16px; line-height:16px;}
.bbs_bottom{gap:12px; padding:14px 10px;}
.bbs_bottom dt{width:90px; line-height:150%;}
.bbs_bottom dt::after{width:18px; height:18px; font-size:18px; line-height:18px;}
.bbs_bottom dd{line-height:150%;}
.bbs_view ~ .bbs_btn{padding-top:20px;}

}