/*********** List *************/
.bbs_con{width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid var(--black); text-align:center;}
.bbs_con th,.bbs_con td{font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); box-sizing:border-box; padding:18px 10px; vertical-align:middle;}
.bbs_con th{font-weight:600; color:#1a1a1a; border-bottom:1px solid #aaa; text-align: center !important;}
.bbs_con td{font-weight:400; color:var(--basic); border-bottom:1px solid var(--border);}
.bbs_con .chk{width:80px; letter-spacing:0;}
.bbs_con .no{width:130px; letter-spacing:0;}
.bbs_con .date{width:180px; letter-spacing:0;}
.bbs_con .hit{width:150px; letter-spacing:0;}
.bbs_con .name{width:150px;}
.bbs_con .star{width:120px;}
.bbs_con .recom{width:80px;}
.bbs_con .tit{text-align:left;}
.bbs_con .tit .pc_line{display:inline-flex; align-items:center; gap:5px; flex-wrap:wrap; max-width:100%;}
.bbs_con .tit .pc_line a{color:var(--basic);}
.bbs_con .file_icon{display:block; width:11px; height:11px; flex-shrink:0; object-fit:contain;}
.bbs_con tr.point td{background:rgba(33,52,110,.03);}
.bbs_con .notice span{color:var(--main); font-size:24px; line-height:24px; vertical-align:middle;}
.bbs_con .mo_line{display:none;}




/*********** 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 — LIST */
.bbs_con th,.bbs_con td{padding:15px 8px;}
.bbs_con .no{width:90px;}
.bbs_con .date{width:130px;}
.bbs_con .hit{width:90px;}
.bbs_con .name{width:110px;}
.bbs_con .star{width:100px;}
.bbs_con .recom{width:70px;}
.bbs_con .notice span{font-size:20px; line-height:20px;}

/* 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;}

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

/* BBS — LIST */
.bbs_con{border-top:0; display:block;}
.bbs_con thead{display:none;}
.bbs_con tbody{display:block;}
.bbs_con tr{display:block; margin:0 0 5px; border:1px solid var(--border); background:var(--white); box-sizing:border-box;}
.bbs_con tr.point{background:var(--blueBg);}
.bbs_con td.no,
.bbs_con td.name,
.bbs_con td.date,
.bbs_con td.hit,
.bbs_con td.recom,
.bbs_con td.star{display:none;}
.bbs_con td.chk{display:block; padding:12px 16px 0; border:0;}
.bbs_con td.tit{display:block; padding:15px; border:0; text-align:left;}
.bbs_con .pc_line{display:none !important;}
.bbs_con .mo_line{display:block; position:relative;}
.bbs_con .mo_line .m_notice,
.bbs_con .mo_line .notice{display:inline-flex; align-items:center; justify-content:center; gap:4px; height:24px; padding:0 10px; margin:0 0 6px; box-sizing:border-box; color:var(--white); font-size:0.778rem; font-weight:600; line-height:100%; background:var(--main); border-radius:var(--borderR5);}
.bbs_con .mo_line .notice span,
.bbs_con .mo_line .m_notice span{font-size:14px; line-height:14px; color:var(--white);}
.bbs_con .mo_line .list_cate{margin:0 0 8px;}
.bbs_con .mo_line .list_cate:empty{display:none;}
.bbs_con .mo_line .star{display:block; margin:0 0 8px;}
.bbs_con .mo_line .star img{width:60px; margin:0;}
.bbs_con .mo_line .subject{display:flex; align-items:flex-start; gap:5px; flex-wrap:wrap; max-width:100%; color:var(--black); font-weight:600; line-height:150%; word-break:keep-all;}
.bbs_con .mo_line .subject a{color:var(--black); font-weight:600;}
.bbs_con .mo_line .subject .file_icon{width:11px; height:11px; margin-top:5px; flex-shrink:0; object-fit:contain;}
.bbs_con .mo_line .writer{display:flex; flex-direction:column; gap:6px; margin:6px 0 0;}
.bbs_con .mo_line .writer li{padding:0; font-size:0.889rem; line-height:120%; letter-spacing:0; color:#888888;}
.bbs_con .mo_line .recom{position:absolute; right:0; top:0; font-size:0.889rem; line-height:150%; font-weight:500; color:var(--black); font-family:var(--eng);}
.bbs_con .mo_line .recom .material-symbols-outlined{color:#ff0000; font-size:14px; vertical-align:middle; margin:-2px 4px 0 0;}

/* 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;}

}