@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative; padding: 0;  overflow: hidden;}
.lat .top_text .txt {}
.lat .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.lat .lat_title a {position:relative;color:#000;display:inline-block}

.lat ul {/* padding:10px 0; */display: flex;/* gap: 40px; */flex-direction: column;padding: clamp(20px,4.4vw,40px) 0 0;}
.lat li {position:relative;line-height:18px;padding: 0 clamp(8px,2vw,20px);display: flex;justify-content: space-between;align-items: center;}
/* .lat li:first-child{
    padding: 0 0 clamp(8px,2vw,20px);
} */
.lat li a {font-weight: 500;font-size: 25px;line-height:20px;vertical-align:middle;display: block;flex: 0 1 calc(100% - 90px);}
.lat li a:nth-child(2){flex: 0 1 calc(90px);}
.lat li:hover a.latest-tit{font-weight: 700;color: #fff;}
.lat li .fa-heart {color:#ff0000}
.lat li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.lat li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.lat li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-caret-right {color:#bbb}
.lat li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle;}
.lat > .basic_li {
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 0 0 clamp(20px,4.4vw,40px);
    border-bottom: 1px solid #00000014;
    align-items: flex-start;
    flex: none !important;
    font-size: clamp(20px, 2vw, 24px);
    font-weight: 900;
    line-height: 1.6em;
    padding: 0 clamp(12px, 2vw, 28px);
    color : #fff;
    border-bottom: 1px solid #ffffff23;
    margin: 22px 0;
}
.lat > .basic_li::after {
    content: '';
    background-image: url('../../../img/next_arrow03.png');
    width: 21px;
    height: 16px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 64%;
    transform: translate(0%, -50%);
}
.lat > .basic_li .latest-tit {
    flex: none !important;
    font-size: clamp(24px,2vw,30px);
    font-weight: 300;
    line-height: 1.6em;
    margin: clamp(14px,2vw,40px) 0 36px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 300;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
}

@media screen and (max-width: 1440px) {
    .lat > .basic_li .latest-tit {
        flex: none !important;
        font-size: clamp(24px,2vw,30px);
        font-weight: 300;
        line-height: 1.6em;
        margin: clamp(14px,2vw,40px) 0 20px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-weight: 300;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
    }
  }

  @media screen and (max-width: 425px) {
    .lat > .basic_li .latest-tit {
        font-size: clamp(18px,2vw,30px);
    }
  }



.lat > .basic_li a {
    flex: none !important;
}

.lat > .basic_li a .con-txt {
    font-size: clamp(16px,2vw,20px);
    font-weight: 500;
    width: 100%;
    position: relative;
}

.lat > .basic_li .date {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    font-size: clamp(16px,2vw,18px);
    color: #fefefe43;
    font-weight: 500;
    /* padding: 0 clamp(12px, 2vw, 28px); */
}

.lat .top_text {font-size: clamp(26px, 4.8vw, 66px);position: relative;top: -30px;font-family: 'Montserrat';font-weight: 900;}
.lat .profile_img img{border-radius:50%}

.lt_info {/* padding-top: 30px; */line-height: normal;}
#section05 .report ul .basic_li > a > .lt_info {
    text-align: right;
}
.lt_info .lt_nick{display:block}
.lt_info .date {/* padding-top: 60px; */font-size: 18px;color: #c1c1c1;text-align: ;}
.lat .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.lat .empty_li:before {background:none;padding:0}

.lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.lat .lt_more {position:absolute;bottom: 0;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.lat .lt_more:hover {color:#777}

/* .lat li .more_arrow{width:30px;height:30px;background:url(./img/board_arrow.png) no-repeat;position: absolute;right: 10px;bottom: 30px;transition: all ease 0.6s !important;} */
.lat li:hover .more_arrow {transform: rotate(360deg);}

.lat .go_board {position: absolute;right: 0;top: 0;transition: all ease 0.6s;}
.lat .go_board:hover {transform: rotate(360deg);}

.lat .lt_info .con-txt {font-size: 18px;font-weight: 200;}

@media screen and (max-width:1440px){

}

@media screen and (max-width:1024px){
    .lat ul{flex-wrap:wrap;gap: clamp(8px,2vw,20px) 40px;}
    .lat .top_text{top: clamp(-20px, -6vw, -30px);}
    .lat ul li{flex:0 1 calc(100% / 2 - 20px);padding-top: clamp(8px,2vw,20px);}
}

@media screen and (max-width:768px) {
    .lat li a{font-size:18px;}
    .lt_info{/* padding-top: 15px; */}
    .lt_info .date{/* padding-top: 6px; */}
    .lat .lt_info .con-txt {font-size: 16px;}
}


@media screen and (max-width:500px) {
    .lat ul li{flex:100%}

}