/*select ui*/ 
.board_top_slt {display: flex; justify-content: flex-end ; }
select { display: inline-block; width: 100%; vertical-align: middle; background-image: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; border-radius: 0; -webkit-border-radius: 0;   }
select.select_ui_type1 { width:336px; ;height: 58px; font-size: 18px; color: #282828; padding: 0 27px 0 22px; background: #fff url("/assets/images/common/select_arrow.png") no-repeat right center; margin-bottom: 12px;}

select.select_ui_type1:disabled {
color: #666; background: #f7f7f7 url("/assets/images/common/select_arrow.png") no-repeat right center; }
select::-ms-expand { display: none; -webkit-display: none; -moz-display: none; -o-display: none; -ms-display: none; }  

/** 보고서 카드형 리스트 reportsCard **/
.reports_card_list_wrap {}
.year_box {  margin-bottom: 6.25rem; ;}
.year_box .year_tit {font-size: 2.875rem; color:var(--secondary);  font-weight: var(--bold); width:100%; margin-bottom: 22px }
.year_box .list_con {width:100%;} 
.reports_card_list {   
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1.875rem;
    grid-row-gap: 3.125rem;  }
.reports_card_list li {background:#F6F6F6; padding:1.5625rem; border-radius: 10px; display: flex; align-items: flex-end ; flex-direction: column;  } 
.reports_card_list li .tit_wrap {width: 100%; }
.reports_card_list li .tit_wrap p.tit {font-size: 1.375rem ; font-weight: var(--semibold); color:#1F1F1F; line-height: 1.6  ;  height:6.875rem; margin:3.75rem 2.1875rem;  letter-spacing: -1.4px ; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: left;}
.reports_card_list li .tit_wrap p.date {font-size: 1rem; font-weight: var(--semibold); color:#C0C0C0; margin: 0 2.1875rem .75rem; ;}
a.btn_circle {width: 68px; height:68px;display: block;  border-radius: 50%; ;}  
a.btn_circle:hover {border:2px solid #EAEAEA; }
a.btn_circle.preview {background:url(/assets/images/common/reports_icon01.png) #fff no-repeat center;}
a.btn_circle.download {background:url(/assets/images/common/reports_icon02.png) #fff no-repeat center ;}

@media screen and (max-width:1280px) { 
    .reports_card_list {    
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.875rem;  }
}

@media screen and (max-width:1024px){     
    .reports_card_list {    
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.875rem;  }
}

@media screen and (max-width:768px){     
    .reports_card_list {    
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 1.25rem;
         }
}



/** 페이지네이션 **/
.pagination {padding-top:90px; display: flex; justify-content: center; margin-top:90px; border-top:1px solid #DDDDDD;} 
.pagination ul { display: flex; align-items: center; } 
.pagination ul li a { display: flex; align-items: center; justify-content: center; width:62px; height:62px; font-size:18px; } 
.pagination ul li.active a { background-color: #fff; border-radius: 100%; font-size:20px; font-weight: bold; color:var(--primary); } 
.pagination ul li.prev a ,.pagination ul li.next a { font-weight:bold; padding:0 94px; width:auto; } 

 

 