@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;padding:120px 0px 100px;background:#fff}
.lat .lat_title {display:block;text-align: center; font-size: 36px; font-weight: bold;}


.lat ul {font-size:0px; margin:55px auto 0px;;width:1320px;}
.lat li {width:48%;margin-right: 4%;margin-bottom: 40px;}
.lat li:nth-child(2n){margin-right: 0px;}
.lat li a {padding:45px 40px;height:330px;display: block; background-color: #efefef;border-radius: 20px;}
.lat li a .basic_li_cate{font-weight: bold; font-size: 24px; color: #00c5a8; display: block;margin-bottom: 15px;}
.lat li a>span{font-size: 28px;display: block; margin-bottom: 35px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;}
.lat li a>div{
      display: -webkit-box;
      display: -ms-flexbox;
      display: box;
      font-size: 18px;
      font-weight: bold;
      color: #646666;
      margin-top:1px;
      margin-bottom: 20px;
      max-height:80px;
      overflow:hidden;
      vertical-align:top;
      text-overflow: ellipsis;
      word-break:break-all;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;}

.lat li a .lt_date {color:#646666; font-size:18px; font-weight:bold;}

.lat .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.lat .empty_li:before {background:none;padding:0}

@media(max-width:1630px){
      .lat ul{
            width: 100%;
          }
        
}
@media(max-width:1000px){
      .lat .lat_title{
            font-size: 28px;
      }
      .lat{
            padding: 0;
      }
        
}
@media(max-width:800px){
      .lat .lat_title{
            font-size: 22px;
            word-break: keep-all;
      }
      .lat li a{
            height: auto;
            padding: 20px;
      }
      .lat li{
            margin-right: 0;
            width: 100%;
      }
      .lat li a .basic_li_cate{
            font-size: 16px;;
      }
      .lat li a>span{
            font-size: 22px;
            margin-bottom: 15px;
      }
      .lat li a>div{
            font-size: 15px;
      }
      .lat li a .lt_date{
            font-size: 14px;
      }
      .lt_more{
            font-size: 16px;
            width: 190px;
            line-height: 40px;
      }
      .lat ul{
            margin: 20px auto 0px;
      }
        
}