/*********** List *************/
.bbs_basic_list {width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; border-top:2px solid var(--main); text-align:center;}
.bbs_basic_list th.chk_col, .bbs_basic_list td.chk_col {width:50px; min-width:50px; padding:18px 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:0.889rem; letter-spacing:var(--letter-spacing-body); line-height:175%; font-weight:600; color:var(--black); box-sizing:border-box; padding:18px 10px; border-bottom:1px solid #aaa; background:var(--white);}
.bbs_basic_list td {font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:178%; font-weight:400; color:var(--basic); box-sizing:border-box; padding:18px 10px; border-bottom:1px solid var(--border); vertical-align:middle;}
.bbs_basic_list td.left {text-align:left; padding:18px 20px;}
.bbs_basic_list tr.point td {background:var(--grayBg);}
.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:178%; 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_file {display:inline-flex; vertical-align:middle; margin:0 0 2px 5px;}
.bbs_basic_list .bbs_file a {display:flex !important; align-items:center; justify-content:center; width:24px; height:24px; border:1px solid var(--main); border-radius:50%; background:var(--white); font-size:0; line-height:0;}
.bbs_basic_list .bbs_file a img {display:none;}
.bbs_basic_list .bbs_file a::before {content:'\e226'; display:block; width:17px; height:17px; line-height:17px; font-size:17px; font-family:var(--icon); font-weight:400; color:var(--main);}
.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 span{color:var(--main); font-size:24px; height:24px; line-height:24px; display:inline-block; vertical-align:middle;}
.bbs_basic_list .mo_line{display:none;}
.bbs_basic_list .catname{color: var(--black); font-weight: 600;}




/*********** View *************/
.bbs_view {display:flex; flex-direction:column; gap:50px; align-items:stretch; max-width: 1320px; margin: 0 auto;}
.bbs_view .bbsView_tit {display:flex; flex-direction:column; gap:14px; align-items:center; padding-bottom:40px; border-bottom:1px solid var(--border); text-align:center;}
.bbs_view .bbsView_tit .star {display:block; margin:0 0 10px;}
.bbs_view .bbsView_tit .bbsname {color:var(--main); font-weight:600;}
.bbs_view .bbsView_tit .subject {color:var(--black); word-break:break-word;}
.bbs_view .bbsView_tit .view_detail {display:flex; align-items:center; justify-content:center; gap:37px;}
.bbs_view .bbsView_tit .view_detail li {display:flex; align-items:center; gap:2px; font-size:1rem; line-height:178%; color:var(--basic);}
.bbs_view .bbsView_tit .view_detail li.date {letter-spacing:0;}
.bbs_view .bbsView_tit .view_detail li.count {gap:7px; letter-spacing:var(--letter-spacing-body);}
.bbs_view .bbsView_tit .view_detail li.date::before {content:'\ebcc'; display:block; width:20px; height:20px; line-height:20px; font-size:20px; font-family:var(--icon); font-weight:400; color:var(--basic);}
.bbs_view .bbsView_tit .view_detail li.count::before {content:'\e8f4'; display:block; width:22px; height:22px; line-height:22px; font-size:22px; font-family:var(--icon); font-weight:400; color:var(--basic);}
.bbs_view .bbsView_tit .view_detail li.date + li.count {position:relative;}
.bbs_view .bbsView_tit .view_detail li.date + li.count::after {content:''; display:block; width:1px; height:16px; background:var(--border); position:absolute; left:-18px; top:50%; margin-top:-8px;}
.bbs_view .view_content {width:100%;}
.bbs_view .view_content_in {font-size:1rem; line-height:178%; letter-spacing:var(--letter-spacing-body); color:var(--basic); word-break:break-word; text-align:center;}
.bbs_view .view_content img {max-width:100%; height:auto !important;}
.bbs_view .view_content_in::after {content:''; display:block; clear:both;}
.bbs_view .bbs_view_btm {display:flex; flex-direction:column; gap:30px; width:100%;}
.bbs_view .view_file {display:flex; gap:25px; align-items:flex-start; padding:20px 23px; background:var(--grayBg);}
.bbs_view .view_file .btit {flex:0 0 140px; width:140px; font-size:1rem; line-height:178%; font-weight:600; letter-spacing:var(--letter-spacing-body); color:var(--black);}
.bbs_view .view_file .bstxt {flex:1; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:10px; justify-content:center;}
.bbs_view .view_file .bstxt a {display:inline-flex; align-items:center; gap:0; width:fit-content; max-width:100%; border-bottom:1px solid var(--black); padding-bottom:2px; box-sizing:border-box; font-size:0.889rem; line-height:162%; letter-spacing:var(--letter-spacing-body); color:var(--black); text-decoration:none; word-break:break-all;}
.bbs_view .view_file .bstxt a::before {content:'\e226'; display:block; width:23px; height:20px; line-height:20px; font-size:20px; font-family:var(--icon); font-weight:400; color:var(--black); flex:0 0 23px;}
.bbs_view .bbs_nav {display:flex; flex-direction:column; gap:1px; width:100%; border-bottom:1px solid var(--border);}
.bbs_view .bbs_bottom {display:flex; align-items:center; gap:25px; margin:0; padding:19px 20px; border-top:1px solid var(--border);}
.bbs_view .bbs_bottom dt {flex:0 0 140px; width:140px; display:flex; align-items:center; justify-content:space-between; font-size:1rem; line-height:178%; font-weight:600; letter-spacing:var(--letter-spacing-body); color:var(--black);}
.bbs_view .bbs_nav .bbs_bottom:first-child dt::after {content:'\e5ce'; display:block; width:23px; height:23px; line-height:23px; font-size:23px; font-family:var(--icon); font-weight:400; color:var(--black); opacity: 0.4;}
.bbs_view .bbs_bottom.last dt::after {content:'\e5cf'; display:block; width:23px; height:23px; line-height:23px; font-size:23px; font-family:var(--icon); font-weight:400; color:var(--black); opacity: 0.4;}
.bbs_view .bbs_bottom dd {flex:1; min-width:0; font-size:1rem; line-height:178%; letter-spacing:var(--letter-spacing-body); color:var(--basic); word-break:break-all;}
.bbs_view .bbs_bottom dd a {color:var(--basic); text-decoration:none;}
.bbs_view .bbs_bottom dd a:hover {color:var(--main);}
.bbs_view_btn {display:flex; justify-content:center; width:100%;}
.bbs_view .bbs_list_btn {color:var(--basic);}
.bbs_view .bbs_list_btn::before {background:var(--black);}
.bbs_view .bbs_list_btn::after {border-color:var(--border);}
.bbs_view .bbs_list_btn:hover{color: var(--white);}
.bbs_view .bbs_list_btn:hover::after {border-color:var(--black);}
.bbs_view .bbs_list_btn i::after {content:'\e241';}




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

/*********** List *************/
.bbs_basic_list col.col_no {width:100px;}
.bbs_basic_list col.col_date {width:140px;}
.bbs_basic_list col.col_count {width:120px;}
.bbs_basic_list th {padding:15px 8px;}
.bbs_basic_list td {padding:15px 8px;}
.bbs_basic_list td.left {padding:15px 12px;}

.bbs_basic_list .bbs_file a {width:20px; height:20px;}
.bbs_basic_list .bbs_file a::before {width:14px; height:14px; line-height:14px; font-size:14px;}



/*********** View *************/
.bbs_view {gap:40px;}
.bbs_view .bbsView_tit {padding-bottom:30px;}
.bbs_view .bbs_view_btm {gap:20px;}



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

/*********** List *************/
.bbs_basic_list {border-top:0;}
.bbs_basic_list, .bbs_basic_list tr, .bbs_basic_list tbody, .bbs_basic_list td {display:block;}
.bbs_basic_list tr {box-sizing:border-box; border:1px solid var(--border); border-radius: var(--borderR5); overflow: hidden;}
.bbs_basic_list tr ~ tr {margin-top:10px;}
.bbs_basic_list thead {display:none !important;}
.bbs_basic_list .pc_line {display:none !important;}
.bbs_basic_list td {padding:0; border:0; border-bottom:0; text-align:left !important;}
.bbs_basic_list td:last-child {border-bottom:0;}
.bbs_basic_list td.left{padding: 0;}
.bbs_basic_list .mo-td {box-sizing:border-box; padding:10px;}
.bbs_basic_list .mo_line {display:block; position:relative; padding:10px; box-sizing:border-box;}
.bbs_basic_list .mo_line .m_notice {display:block; width:50px; height:25px; line-height:25px; text-align:center; color:var(--white); font-size:11px; font-weight:700; background:var(--main); margin:0 0 4px; border-radius: var(--borderR5);}
.bbs_basic_list .mo_line .star {display:block; margin:0 0 5px;}
.bbs_basic_list .mo_line .star img {width:60px; margin:0;}
.bbs_basic_list .mo_line .subject, .bbs_basic_list .mo_line .subject a {display:inline-block; font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:150%; color:var(--black); font-weight:500;}
.bbs_basic_list .mo_line .writer {display:flex; margin:4px 0 0;}
.bbs_basic_list .mo_line .writer li {padding:0 20px 0 0; position:relative; font-size:0.889rem; line-height:120%; letter-spacing:var(--letter-spacing-none); color:#999;}
.bbs_basic_list .mo_line .writer li:last-child {padding:0;}
.bbs_basic_list .mo_line .writer li:after {content:''; display:block; width:1px; height:8px; background:var(--border); position:absolute; right:10px; top:50%; margin-top:-4px;}
.bbs_basic_list .mo_line .writer li:last-child:after {display:none;}
.bbs_basic_list .recom {font-size:1rem; line-height:20px; font-weight:500; color:var(--black); font-family:var(--eng); position:absolute; right:0; top:0;}
.bbs_basic_list .recom span {color:#ff0000; font-weight:700; font-size:16px; display:inline-block; vertical-align:middle; margin:-2px 5px 0 0;}


/*********** View *************/
.bbs_view {gap:30px;}
.bbs_view .bbsView_tit {gap:10px; padding-bottom:20px;}
.bbs_view .bbsView_tit .star {margin:0 0 6px;}
.bbs_view .bbsView_tit .view_detail {gap:22px;}
.bbs_view .bbsView_tit .view_detail li {}
.bbs_view .bbsView_tit .view_detail li.count {gap:3px;}
.bbs_view .bbsView_tit .view_detail li.date::before {width:18px; height:18px; line-height:18px; font-size:18px;}
.bbs_view .bbsView_tit .view_detail li.count::before {width:20px; height:20px; line-height:20px; font-size:20px;}
.bbs_view .bbsView_tit .view_detail li.date + li.count::after {height:12px; left:-11px; margin-top:-6px;}

.bbs_view .bbs_view_btm {gap:10px;}
.bbs_view .view_file {gap:6px; padding:12px 15px; flex-wrap: wrap;}
.bbs_view .view_file .btit {flex:auto; width:100%;}
.bbs_view .view_file .bstxt {gap:5px;}
.bbs_view .view_file .bstxt a::before {width:16px; height:16px; line-height:16px; font-size:16px; flex:0 0 16px;}
.bbs_view .bbs_bottom {gap:10px; padding:12px 10px;}
.bbs_view .bbs_bottom dt {flex:0 0 80px; width:80px;}
.bbs_view .bbs_bottom dd a{text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.bbs_view .bbs_nav .bbs_bottom:first-child dt::after {width:16px; height:16px; line-height:16px; font-size:16px;}
.bbs_view .bbs_bottom.last dt::after {width:16px; height:16px; line-height:16px; font-size:16px;}
.bbs_view .bbs_list_btn i{width: 18px; height: 18px;}
.bbs_view .bbs_list_btn i::after{line-height: 18px; font-size:18px;}


}