@charset 'utf-8';
.na-list .na-title {}

.na-list li { border-bottom: 1px solid #fff;}
.na-list li:first-of-type { border-top: 1px solid #fff;}
.na-list .na-title {   transition: .2s; }
.na-list .na-title a { position: relative; align-items: center; justify-content:flex-start; padding: 15px 70px 15px 35px; color: #fff;}
.na-list .na-title:hover { background: rgba(0,0,0,.3);}
.na-list .na-title a:after { content: "\e940"; font-family: xeicon!important; display: block; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 50px; height: 50px; background: rgba(255,255,255,.3);  font-size: 25px; line-height: 50px; text-align: center; border-radius: 5px; }
.na-list .na-title .date {}
.na-list .na-title .date span { display: block; white-space: nowrap; text-align: center;}
.na-list .na-title .date span i { display: none;}
.na-list .na-title .date span:nth-of-type(2) { font-size: 48px; font-weight: 500; line-height: 1; }
.na-list .na-title .bo_name { padding: 0 5.8%; font-size: 20px; font-weight: 400;}


@media (max-width:768px){
    .na-list .na-title a { padding: 15px 10px;}
    .na-list .na-title a:after { display: none;}
    .na-list .na-title .date span { font-size: 15px; }
    .na-list .na-title .date span:nth-of-type(2) { font-size: 30px;}
    .na-list .na-title .bo_name { padding: 0 20px;}    
}
@media (max-width:576px){
    .na-list .na-title a { flex-direction:column-reverse; padding: 15px 0;}
    .na-list .na-title .bo_name { display: none;}
    .na-list .na-title .date { display: flex; flex-direction: row-reverse; padding: 5px 0 0; width: 100%; }
    .na-list .na-title .date span { font-size: 12px; color: #d3d3d3;}
    .na-list .na-title .date span i { display: inline;}
    .na-list .na-title .date span:nth-of-type(2) {  font-size: 12px; font-weight: inherit; line-height: inherit;  }
    .na-title .na-subject { width: 100%; }
}