@charset "utf-8";

/* ---------- #notice ---------- */
.latest_top_wr { margin: 0; }
.my_notice > ul { margin-top: 40px; border-top: 2px solid var(--gray-61); }
.my_notice > ul > li { border-bottom: 1px solid var(--border-color); }
.my_notice > ul > li > a { position: relative; display: flex; justify-content: flex-start; align-items: stretch; padding: 32px 5px; }
.my_notice > ul > li > a > .left { width: 100%; }
.my_notice > ul > li > a > .right { flex-shrink: 0; margin-left: 60px; }
.my_notice .nt_title { font-size: 14px; font-weight: 500; color: var(--gray-11); 
    display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; overflow: hidden; }
.my_notice .lt_date { font-size: 14px; font-weight: 400; color: var(--gray-9e); }

.my_notice > ul > li.empty_li { padding: 32px 5px;  }



/*** responsive ***/
/* 1440px or less */
@media all and (width <= 1440px){
    .my_notice > ul > li > a > .right { margin-left: 30px; }
}
/* 1200px or less */
@media all and (width <= 1200px){
    .my_notice > ul > li > a { padding: 26.5px 5px; }
    .my_notice > ul > li > a > .right { margin-left: 20px; }
    .my_notice .nt_title { font-size: 13px; }
    .my_notice .lt_date { font-size: 13px; }

    .my_notice > ul > li.empty_li { padding: 26.5px 5px;  }
}

/* 767px or less */
@media all and (width <= 767px){
    .my_notice > ul { margin-top: 20px; }
    .my_notice > ul > li > a { padding: 25px 5px 23px; }
    .my_notice > ul > li > a > .right { margin-left: 15px; }
    .my_notice .nt_title { font-size: 13px; }
    .my_notice .lt_date { font-size: 13px; }

    .my_notice > ul > li.empty_li { padding: 25px 5px 23px;  }
}