@charset "utf-8";/* CSS Document */

.notice_v2_box {display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:20px;height:100%;width:100% !important;overflow:hidden;overflow-x:auto; } 
.notice_v2_box li > a {display:flex;flex-direction:column;border:3px solid transparent;background-color:#f7f8fb;padding:32px 18px;transition:all 0.5s;border-radius:20px 20px 50px 20px;height:100%;align-items: flex-start; } 
.notice_v2_box li > a:hover {border-color:#028597;background-color:#ffffff;transition:all 0.5s; } 
.notice_v2_box li > a .lt_cate {flex:0 0 auto;display:inline-flex;width:initail;padding:5px 10px;border-radius:25px;background-color:#000;color:#ffffff;margin-bottom:19px;font-size:0.9375rem; } 
.notice_v2_box li > a:hover .lt_cate {background-color:#028597;color:#ffffff;transition:all 0.5s; } 
.notice_v2_box li > a > div {flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%; } 
.notice_v2_box li > a .lt_title {flex:0 0 auto;display:inline-flex;max-height:100px;font-size:1.17rem; } 
.notice_v2_box li > a .lt_date {flex:0 0 auto;display:flex;width:100%;align-items:center;justify-content:space-between;font-size:0.9375rem;font-weight:300; } 
.notice_v2_box li > a .lt_date > span {display:flex;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;border-radius:50%;background-color:#cacbcd; } 
.notice_v2_box li > a:hover .lt_date > span {background-color:#028597;color:#ffffff;transition:all 0.5s; } 

@media(max-width:700px){
.notice_v2_box {display:block;width:100% !important;} 
.notice_v2_box li {display:block;width:100%; border-bottom:1px dotted #ccc;}
.notice_v2_box li:last-child{border-bottom:0;}
.notice_v2_box li > a {display:block;width:100%;border:1px solid transparent;background-color:#ffffff;padding:5px;margin:2px 0;transition:all 0.5s;border-radius:0;height:initial;align-items: flex-start; } 
.notice_v2_box li > a:hover {border-color:#028597;background-color:#ffffff;transition:all 0.5s; } 
.notice_v2_box li > a .lt_cate {flex:0 0 auto;display:inline-flex;width:initail;padding:4px 10px;border-radius:6px;background-color:#000;color:#ffffff;margin-bottom:4px;font-size:0.85rem; } 
.notice_v2_box li > a:hover .lt_cate {background-color:#028597;color:#ffffff;transition:all 0.5s; } 
.notice_v2_box li > a > div {flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%; } 
.notice_v2_box li > a .lt_title {flex:0 0 auto;display:block;width:100%;max-height:initail;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 
.notice_v2_box li > a .lt_date {flex:0 0 auto;display:flex;width:100%;align-items:center;justify-content:space-between;font-size:0.8rem;font-weight:300; } 
.notice_v2_box li > a .lt_date > span {display:none;} 
.notice_v2_box li > a:hover .lt_date > span {background-color:#028597;color:#ffffff;transition:all 0.5s; } 

}