@charset "utf-8";

.lt_notice {padding-left:0px; padding-top: 50px}
.lt_notice ul {padding:0;display: flex; justify-content: flex-start;align-items: stretch}
.lt_notice li {width:32%; position:relative; font-weight:400; border:1px solid #ddd; padding: 50px; border-radius: 30px; margin: 0 1% }

.lt_notice li .txt_area .subject{font-size: 24px; font-weight: 500}
.lt_notice li .txt_area .txt{font-size: 18px; color: #777; padding: 15px 0 30px;}
.lt_notice li .txt_area .bt{display: flex;justify-content: space-between; font-size: 16px; color: #aaa}
.lt_notice li a{width: 100%; height: 100%; display: block}
.lt_notice li:hover{border-color: #f3a041}
.lt_notice li:hover .subject{color: #f3a041}

.lt_notice .new_icon {display:block;position:absolute;top:0;right:0;width:40px;text-align:center;color:#fff;font-size:11px;line-height:25px;font-weight:300;
background:#c7a254}
.lt_notice .new_icon:before{content:'';display: block; position:absolute;bottom:0px;right:0; clear: both;border: 0 solid #c7a254;border-bottom-color: transparent; border-width: 8px 20px;bottom: -8px;}

 @media (max-width: 1299px){
 }
 @media (max-width: 969px){
    .lt_notice li { padding: 30px; border-radius: 20px }
    .lt_notice li .txt_area .subject{font-size: 22px; font-weight: 500}
    .lt_notice li .txt_area .txt{font-size: 16px; color: #777; padding: 10px 0 20px;}
    .lt_notice li .txt_area .bt{ font-size: 14px;}
 }

 @media (max-width: 639px){
    .lt_notice { padding-top: 30px}
    .lt_notice ul {flex-direction: column}
    .lt_notice li { width: 100%; margin: 0 0 15px; padding: 20px;; border-radius: 10px  }
    .lt_notice li .txt_area .subject{font-size: 18px; font-weight: 500}
    .lt_notice li .txt_area .txt{font-size: 14px; color: #777; padding: 5px 0 15px;}
    .lt_notice li .txt_area .bt{ font-size: 12px;}
 }
 
 .lt_notice li.empty_li {text-align:center;}