@charset "utf-8";

#related_news{width: 100%; position:relative; }
#related_news h4{font-weight: bold; font-size: 16px; color:#828282; margin-bottom: 20px; }

#related_news ul{display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 0px;}

#related_news ul li{display: flex; width: 49%; margin-right: 2%; margin-bottom: 10px;}
#related_news ul li:nth-child(2n){margin-right: 0px;}
#related_news ul li:nth-child(11),#related_news ul li:nth-child(12)
{margin-bottom: 0px;}

#related_news ul li span{background: #d9d9d9; color:#000; font-size: 16px; padding:5px 20px; margin-right: 10px; }

#related_news ul li p{
    width: 370px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; font-size: 15px;}


/*인기뉴스*/
#best_news {width: 100%; position:relative;}
#best_news h4{color:#000000; font-size: 18px; margin-bottom: 20px; font-weight: bold;}

#best_news ul{display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
#best_news ul li{display: flex; flex-direction: row; align-items: center; margin-right: 2%; height: 110px; width: 49%; border-bottom:1px solid #f5f5f5;  padding-bottom: 10px; margin-bottom: 10px;}
 
#best_news ul li:nth-child(2n){margin-right: 0px;}
#best_news ul li span{margin-right: 15px; display: block; font-size: 20px; margin-left: 15px;}
#best_news ul li img{margin-right: 10px;}
#best_news ul li .bn_txt{text-align: left; }
#best_news ul li .bn_txt p{ height: 46px;
    width: 260px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
#best_news ul li .bn_txt p.pp{width: 100%; height: 100%;}
#best_news ul li .bn_txt .bn_txt_de{display: block; margin:0; font-weight: normal;}
#best_news ul li .bn_txt .bn_txt_de > em{color:#acacac; font-size: 13px; margin-right: 5px;}


/*댓글많은뉴스*/
#reply_news {width: 100%; position:relative; margin-top: 80px;}
#reply_news h4{color:#000000; font-size: 18px; margin-bottom: 20px; font-weight: bold;}

#reply_news ul{display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
#reply_news ul li{display: flex; flex-direction: row; align-items: flex-start; margin-right: 2%;  width: 49%; margin-bottom: 20px; justify-content: flex-start;}
 
#reply_news ul li:nth-child(2n){margin-right: 0px;}

#reply_news ul li img{margin-right: 10px;}
#reply_news ul li .bn_txt{text-align: left; }
#reply_news ul li .bn_txt p{ height: 46px;
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
#reply_news ul li .bn_txt p.pp{width: 100%; height: 100%;}
#reply_news ul li .bn_txt .bn_txt_de{display: block; margin:0; font-weight: normal;}
#reply_news ul li .bn_txt .bn_txt_de > em{color:#acacac; font-size: 13px; margin-right: 5px;}

/*주요 뉴스*/
#headline_news {width: 100%; position:relative; margin-top: 80px;}
#headline_news h4{color:#000000; font-size: 18px; margin-bottom: 20px; font-weight: bold;}

#headline_news ul{display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
#headline_news ul li{display: flex; flex-direction: row; align-items: flex-start; margin-right: 2%;  width: 49%; margin-bottom: 20px;}
 
#headline_news ul li:nth-child(2n){margin-right: 0px;}

#headline_news ul li img{margin-right: 10px;}
#headline_news ul li .bn_txt{text-align: left; }
#headline_news ul li .bn_txt p{ height: 46px;
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
#headline_news ul li .bn_txt p.pp{width: 100%; height: 100%;}
#headline_news ul li .bn_txt .bn_txt_de{display: block; margin:0; font-weight: normal;}
#headline_news ul li .bn_txt .bn_txt_de > em{color:#acacac; font-size: 13px; margin-right: 5px;}

/*서치통 바로가기*/
#searchtong_link{width: 100%; position: relative;
margin-top: 80px;}
#searchtong_link h4{color:#000000; font-size: 18px; margin-bottom: 20px; font-weight: bold;}
#searchtong_link img{max-width: 990px; object-fit: cover;}

/*최신 뉴스*/
#latest_news {width: 100%; position:relative; margin-top: 80px;}
#latest_news h4{color:#000000; font-size: 18px; margin-bottom: 20px; font-weight: bold;}

#latest_news ul{display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
#latest_news ul li{display: flex; flex-direction: row; align-items: flex-start; margin-right: 2%;  width: 49%; margin-bottom: 20px;}
 
#latest_news ul li:nth-child(2n){margin-right: 0px;}

#latest_news ul li img{margin-right: 10px;}
#latest_news ul li .bn_txt{text-align: left; }
#latest_news ul li .bn_txt p{ height: 46px;
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
#latest_news ul li .bn_txt p.pp{width: 100%; height: 100%;}
#latest_news ul li .bn_txt .bn_txt_de{display: block; margin:0; font-weight: normal;}
#latest_news ul li .bn_txt .bn_txt_de > em{color:#acacac; font-size: 13px; margin-right: 5px;}

/*포토 뉴스*/
#photo_news {width: 100%; position:relative; margin-top: 80px;}
#photo_news h4{color:#000000; font-size: 18px; margin-bottom: 20px; font-weight: bold;}

#photo_news ul{display: flex; width: 100%; margin-bottom: 20px;}
#photo_news ul:last-child{margin-bottom: 80px;}
#photo_news ul li{display: flex; align-items: center; flex-direction: column;margin-right: 10px;}
#photo_news ul li:nth-child(4n){margin-right: 0;}

#photo_news ul li img{margin-bottom: 10px; width: 270px; height: 180px; object-fit: cover; }
#photo_news ul li p{text-align: left; font-size: 16px; color:#000; font-weight: normal;             
    width: 270px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
    #photo_news ul li p:hover{color:#3e81da;}