@charset "utf-8";

/* 공지사항 리스트 스킨 */
.pic_lt .box_wrap{display: flex; flex-direction: column;}
.pic_lt .box{display: flex; align-items: center; padding: 40px; border-bottom: 1px solid #E5E5EC;}
.pic_lt .box:first-child{border-top: 1px solid #E5E5EC;}
.pic_lt .lt_left{flex: 1; display: flex; align-items: center;}
.pic_lt .lt_badge{font-size: var(--fs24); font-weight: 700; color: #F9722A; width: 100px; text-align: center; flex-shrink: 0; line-height: 140%; margin-right: 60px; white-space: nowrap;}
.pic_lt .lt_text_con{flex: 1; min-width: 0;}
.pic_lt .lt_text_con .lt_title{display: block; font-size: var(--fs28); font-weight: 700; color: #111; line-height: 130%; letter-spacing: -0.025em; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic_lt .lt_text_con .lt_desc{display: block; font-size: var(--fs20); font-weight: 500; color: #505050; line-height: 140%; letter-spacing: -0.025em; text-decoration: none; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic_lt .lt_date{font-size: 16px; font-weight: 500; color: #999; width: 110px; text-align: right; flex-shrink: 0; line-height: 150%;}
.pic_lt .empty_li{padding: 80px 0; text-align: center; color: #999; font-size: var(--fs18);}

@media all and (max-width: 1400px){
    .pic_lt .box{padding: 32px;}
    .pic_lt .lt_badge{margin-right: 60px;}
    .pic_lt .lt_text_con .lt_title{font-size: var(--fs24);}
    .pic_lt .lt_text_con .lt_desc{font-size: var(--fs18);}
}

@media all and (max-width: 1024px){
    .pic_lt .box{padding: 28px 20px;}
    .pic_lt .lt_badge{margin-right: 40px; font-size: var(--fs20); width: 80px;}
    .pic_lt .lt_text_con .lt_title{font-size: var(--fs22);}
    .pic_lt .lt_text_con .lt_desc{font-size: 16px; margin-top: 8px;}
    .pic_lt .lt_date{font-size: 14px; width: 90px;}
}

@media all and (max-width: 768px){
    .pic_lt .box{padding: 24px 0; flex-wrap: wrap;}
    .pic_lt .lt_left{width: 100%;}
    .pic_lt .lt_badge{font-size: var(--fs18); width: 70px; margin-right: 16px;}
    .pic_lt .lt_text_con .lt_title{font-size: var(--fs18);}
    .pic_lt .lt_text_con .lt_desc{font-size: 15px; margin-top: 6px;}
    .pic_lt .lt_date{font-size: 13px; width: 100%; text-align: left; padding-left: 86px; margin-top: 8px;}
}