/*********** List *************/
.noticeList {display:flex; flex-wrap:wrap; gap:30px; width:100%;}
.noticeList .list {position:relative; width:calc((100% - 90px) / 4); min-width:0; border:1px solid var(--border); border-radius:var(--borderR20); overflow:hidden; background:var(--white); box-sizing:border-box; transition:border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;}
.noticeList .list:hover {border-color:rgba(0,40,120,0.2); box-shadow:0 12px 36px rgba(0,40,120,0.12); transform:translateY(-6px);}
.noticeList .list .checkbox {position:absolute; left:12px; top:12px; z-index:5;}
.noticeList .list_thumb {position:relative; aspect-ratio:375/250; overflow:hidden; background:var(--black);}
.noticeList .list_thumb::after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,40,120,0); transition:background 0.35s ease; pointer-events:none; z-index:1;}
.noticeList .list:hover .list_thumb::after {background:rgba(0,40,120,0.08);}
.noticeList .list_thumb a {display:block; width:100%; height:100%; text-decoration:none;}
.noticeList .list_thumb img {display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;}
.noticeList .list:hover .list_thumb img {transform:scale(1.06);}
.noticeList .list_txt {display:flex; flex-direction:column; gap:5px; align-items:flex-start; padding:30px 30px 40px; box-sizing:border-box; width:100%;}
.noticeList .list_txt > a {display:flex; flex-direction:column; gap:5px; align-items:flex-start; width:100%; text-decoration:none;}
.noticeList .list_date {display:flex; align-items:center; gap:5px; font-size:0.889rem; line-height:120%; letter-spacing:0; color:var(--basic); opacity:0.7; transition:opacity 0.35s ease;}
.noticeList .list:hover .list_date {opacity:1;}
.noticeList .list_date::before {content:'\ebcc'; display:block; width:18px; height:18px; line-height:18px; font-size:18px; font-family:var(--icon); font-weight:400; color:var(--basic); flex:0 0 18px; transition:color 0.35s ease;}
.noticeList .list:hover .list_date::before {color:var(--main);}
.noticeList .list_subject {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; width:100%; font-weight:600; color:var(--black); line-height:150%; letter-spacing:var(--letter-spacing-body); word-break:break-word; transition:color 0.35s ease;}
.noticeList .list:hover .list_subject {color:var(--main);}
.noticeList .list_desc {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; width:100%; color:var(--basic); line-height:1.7em; height: 3.4em; letter-spacing:var(--letter-spacing-body); word-break:break-word;}
.noticeList .list_tags {width:100%; padding-top:20px;}
.noticeList .list_tags .tags {display:flex; flex-wrap:wrap; gap:2px; align-items:flex-start;}
.noticeList .list_tags .tags li {display:flex; align-items:center; justify-content:center;}
.noticeList .list_tags .tags li a {display:flex; align-items:center; justify-content:center; padding:1px 10px; box-sizing:border-box; background:var(--grayBg); border-radius:var(--borderR5); font-size:0.778rem; line-height:171.43%; font-weight:500; letter-spacing:var(--letter-spacing-body); color:var(--main); white-space:nowrap; text-decoration:none; transition:background-color 0.3s ease, color 0.3s ease;}
.noticeList .list_tags .tags li a:hover {background:var(--main); color:var(--white);}


/*********** 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  ~1500px              
*******************************************************************************/
@media all and (max-width:1500px){



/*********** List *************/
.noticeList .list {width:calc((100% - 60px) / 3);}

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

/*********** List *************/
.noticeList {gap:20px;}
.noticeList .list {width:calc((100% - 20px) / 2);}
.noticeList .list_txt {padding:20px 20px 25px;}
.noticeList .list_tags {padding-top:15px;}


/*********** 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 *************/
.noticeList {gap:15px;}
.noticeList .list {width:100%; border-radius:var(--borderR10);}
.noticeList .list_txt {padding:15px;}
.noticeList .list_date{line-height: 15px;}
.noticeList .list_date::before {width:15px; height:15px; line-height:15px; font-size:15px; flex:0 0 15px;}
.noticeList .list_tags {padding-top:10px;}

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


}