@charset "utf-8";
/* css setting start */
/* link-tab */
.link-tab{}
.link-tab ul{
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bold{font-weight: 800;}
#news{}
#news .link-tab{
    padding-top: 6rem;
    padding-bottom: 3rem;
}
#news .link-tab ul{}
#news .link-tab li{}
#news .cont-sec{}
#news .keyword-wr{}
#news .sec-notice{}
#news .table-top{
    padding-top: 5rem;
}


.ready{
    display: block;
    margin: 0 auto;
    padding-top: 13rem;
}

/* 소부장뉴스 */
#news.news01{}

/* 마이키워드 뉴스 */
#news.news02{}
#news.news02 .desc{
    padding-top: 2rem;
    text-align: center;
    margin-left: 10px;
}
#news.news02 .desc p{color: #0f3fa0;font-weight: 500;font-size: 2rem;}

/* 소부장 특화 언론 */
#news.news03{}
.news03 .news_list ul li > a{display: block;padding: 3rem 0 2rem 0;}
.news03 .news_list a b{font-size: 18px;color: #000;padding-top: 2rem;display: inline-block;}
.news03 .news_list p{font-size:14px; color:#999;}
.news03 .news_list ul{display: grid;gap: 0 3rem;grid-template-columns: repeat(4, minmax(0, 1fr));}
.news03 .news_list li{border-bottom: 0;}
.news03 .news_list li div {position:relative; width:100%; padding-bottom:60%;}
.news03 .news_list li div img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.news03 .pager .pager-body a{padding: 0;display: block;}









@media(max-width:768px){

    .news03 .news_list ul{grid-template-columns: repeat(3, minmax(0, 1fr)); gap:0 1.5rem;}
    .news03 .news_list li{}
    .news03 .news_list a b{font-size: 16px;}
}

@media(max-width:500px){
    #news .link-tab ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
    #news .link-tab li{ margin-top: -1px;}
    .news03 .news_list ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .news03 .news_list li{}
    .news03 .news_list ul li > a{padding-bottom: 0;}
}


/* css setting end */