#rsrchNtceContainer {max-width:1050px; height:600px; margin:0 auto;}

.research-ann-table .col1 {width: auto;}
.research-ann-table .col2 {width: 15%;}
.research-ann-table .col3 {width: 11%;}
.research-ann-table .col4 {width: 11%;}
.research-ann-table .col5 {width: 11%;}

.chart-line {margin-top: 35px;}
.chart-line > ul {display: flex; align-items: center; gap:0 15px;}
.chart-line > ul > li {width:33.3333%}
.chart-line .box {border:1px solid #ccc; border-radius:10px; overflow:hidden; padding:40px 0 10px 0;}

.research-ann-table {border-top:2px solid #003377; margin-top: 30px;}
.research-ann-table table {border-bottom:1px solid #8B9099;}
.research-ann-table table thead th {font-size: 18px; font-family: 'ppr'; color:#121212; padding:16px 27px; border-bottom:1px solid #8B9099;}
.research-ann-table table tbody td {font-size: 16px; font-family: 'ppr'; color:#121212;padding:16px 27px; border-bottom:1px solid #E2E2E2; background: #fff;text-align: center;}
.research-ann-table table tbody td a {color:#121212; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; display: block;}
.research-ann-table table tbody tr:hover td {background:#F1F6FA;}
.research-ann-table table tbody tr:last-child td {border-bottom:0;}
.research-ann-table table tbody .date {font-family: 'ppl'; color:#999;}

/*차트 디자인*/
.highcharts-title{font-family: "ppm";}

@media (max-width: 1500px) {
    #rsrchNtceContainer {height:450px}
    .chart-line > ul {flex-wrap:wrap;}
    .chart-line > ul > li {width:100%; margin-bottom:20px;}
    .research-ann-table table tbody td {padding: 16px 10px;}
    .research-ann-table .col1 {width: auto;}
    .research-ann-table .col2 {width: 200px;}
    .research-ann-table .col3 {width: 160px;}
    .research-ann-table .col4 {width: 160px;}
    .research-ann-table .col5 {width: 160px;}
}

@media(max-width: 1300px) {
    .research-ann-table .col2 {width: 160px;}
}


@media screen and (max-width: 1100px) {
    #rsrchNtceContainer {height:370px}
    .research-ann-table .col3 {width: 130px;} 
    .research-ann-table .col2,
    .research-ann-table .col4,
    .research-ann-table .col5,
    .research-ann-table .col6 {display: none;}
    .research-ann-table table tbody td {font-size: 17px;}
}

@media(max-width: 768px) {
    .research-ann-table table tbody td {padding: 16px 0 16px 5px;}
    .research-ann-table .col1 {width: 100%;}
    .research-ann-table tbody .col1 {border-bottom: 0;padding-bottom: 0;}
    .research-ann-table thead .col3 {display: none;}
    .research-ann-table .col3 {width: auto;text-align: left !important;}
    .research-ann-table tbody .col3 {width: 100%;padding-top: 8px;}
    .research-ann-table tr {display: flex ;flex-direction: column;}
    .research-ann-table table tbody td a {  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: wrap;}
}