@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;margin-bottom:20px;background:#fff}
.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}
.lat li {position:relative;line-height:18px;border-bottom:1px solid #e5ecee;margin-bottom:10px}
.lat li a {line-height:24px;font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}
.lat li a:hover {color:#3a8afd}
.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 .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.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;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.lat .lt_more:hover {color:#777}




/* ===== Latest Grid ===== */
.first-post .lt_tit {position: absolute;left: 30px;right: 30px;bottom: 60px;}
.first-post .lt_date {position: absolute;left: 30px;bottom: 30px !important;}
.m_b_ns_box.first-post .lt_img {display: block;position: relative;border-radius: 20px;filter: brightness(0.6);overflow: hidden;}
.m_b_ns_box.first-post .lt_img img { width: 100%; height: auto; display: block; transition: transform 0.4s ease; will-change: transform; backface-visibility: hidden; transform: translateZ(0); }
.m_b_ns_box:not(.first-post) .lt_img { display: none; }
.latest-grid .m_b_ns_box.first-post:hover .lt_img img { transform: scale(1.05); }
.latest-grid .m_b_ns_box.first-post * { color: #fff}
.latest-grid .m_b_ns_box:hover { background-color: #001a3c}
.latest-grid .m_b_ns_box:hover * { color: #fff}

.latest-grid {--border: 20px;display: grid;grid-template-columns: 1fr 1fr;grid-auto-rows: minmax(auto, 1fr);gap: var(--border);box-sizing: border-box;}
.latest-grid .m_b_ns_box { position: relative; background: #fff; display: flex; border-radius: 20px; padding: 30px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.latest-grid .m_b_ns_box_a { display: block; flex: 1; }
.latest-grid .m_b_ns_box_in {display: flex;flex-direction: column;height: 100%;position: relative;}
.latest-grid .lt_img { display: block; line-height: 0; }
.latest-grid .lt_img img { width: 100%; height: auto; display: block; }
.latest-grid .lt_tit { font-size: 20px; font-weight: 500; line-height: 1.4; color: #222; }
.latest-grid .lt_date {position: absolute;bottom: 0;color: #777;font-size: 13px;}
.latest-grid .m_b_ns_box.first-post { grid-column: 1; grid-row: span 2; padding: 0; }
.latest-grid .m_b_ns_box:nth-child(3n+1) { grid-column: 1; grid-row: span 2; }
.latest-grid .m_b_ns_box:nth-child(3n+2), .latest-grid .m_b_ns_box:nth-child(3n+3) { grid-column: 2; grid-row: auto; }

@media (max-width: 1000px){
    .m_b_ns_box.first-post .lt_img { display: block; position: absolute; border-radius: 20px; filter: brightness(0.6); overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; background-position: center; }
    .m_b_ns_box.first-post .lt_img img { width: 100%; height: 100%; }
}
@media (max-width: 768px){
    .latest-grid .m_b_ns_box:nth-child(3n+1){display: none;}
    .latest-grid {grid-template-columns: 1fr;gap: 6px 0;padding: 6px;}
    .latest-grid .m_b_ns_box, .latest-grid .m_b_ns_box.first-post, .latest-grid .m_b_ns_box:nth-child(3n+1) { grid-column: auto; grid-row: auto; }
    .latest-grid .m_b_ns_box_in { gap: 30px; }
    .latest-grid .lt_date{position: relative;}
    .latest-grid .lt_tit{font-size: 18px;}
}