@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 {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}

/* netcity angular latest skin */
.lat {
    --nl-accent:var(--nw-accent, #147a6c);
    --nl-soft:var(--nw-box-strong, #e8f5f1);
    --nl-surface:var(--nw-box, #f5faf7);
    --nl-line:#d7e8e2;
    --nl-text:var(--nw-text, #13231f);
    --nl-muted:var(--nw-muted, #627570);
    overflow:hidden;
    margin-bottom:0;
    padding:18px;
    border:1px solid var(--nl-line);
    border-radius:4px;
    background:var(--nl-surface);
}

.lat .lat_title {
    display:flex;
    align-items:center;
    gap:10px;
    min-height:42px;
    margin:0 72px 14px 0;
    padding:0 0 14px;
    border-bottom:1px solid var(--nl-line);
    color:var(--nl-text);
    font-size:1.16rem;
    font-weight:900;
    line-height:1.3;
}

.lat .lat_title:before {
    content:"\f0ca";
    flex:0 0 34px;
    width:34px;
    height:34px;
    line-height:34px;
    border-radius:4px;
    background:var(--nl-accent);
    color:#fff;
    font-family:FontAwesome;
    font-size:14px;
    text-align:center;
}

.lat .lat_title a {
    color:var(--nl-text);
    font-weight:900;
}

.lat .lat_title a:hover {
    color:var(--nl-accent);
    text-decoration:none;
}

.lat ul {
    display:grid;
    gap:8px;
    padding:0;
}

.lat li {
    display:grid;
    gap:6px;
    margin:0;
    padding:12px;
    border:1px solid #e1eee9;
    border-left:4px solid var(--nl-soft);
    border-radius:4px;
    background:#fff;
    line-height:1.45;
}

.lat li:hover {
    border-left-color:var(--nl-accent);
    background:#fbfdfc;
}

.lat li a {
    display:inline-flex;
    align-items:flex-start;
    gap:7px;
    color:var(--nl-text);
    font-size:1rem;
    font-weight:900;
    line-height:1.45;
}

.lat li a:before {
    content:"\f15c";
    flex:0 0 26px;
    width:26px;
    height:26px;
    line-height:26px;
    border-radius:4px;
    background:var(--nl-soft);
    color:var(--nl-accent);
    font-family:FontAwesome;
    font-size:12px;
    text-align:center;
}

.lat li a:hover {
    color:var(--nl-accent);
    text-decoration:none;
}

.lat .lt_info {
    display:flex;
    flex-wrap:wrap;
    gap:6px 10px;
    padding:0 0 0 33px;
    color:var(--nl-muted);
    font-size:0.9rem;
}

.lat .lt_date {
    color:var(--nl-muted);
}

.lat .new_icon,
.lat .hot_icon,
.lat .lt_cmt,
.lat li .fa-lock,
.lat li .fa-download,
.lat li .fa-link {
    border:1px solid #cfe4dc;
    border-radius:3px;
    background:var(--nl-soft);
    color:var(--nl-accent);
}

.lat li .fa-heart {
    color:#d94f5c;
}

.lat .empty_li {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:116px;
    padding:18px;
    border:1px dashed #cfe4dc;
    border-radius:4px;
    background:#fff;
    color:var(--nl-muted);
    line-height:1.6;
}

.lat .lt_more {
    top:18px;
    right:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto;
    min-height:34px;
    padding:0 11px;
    border:1px solid var(--nl-line);
    border-radius:4px;
    background:#fff;
    color:var(--nl-accent);
    font-weight:900;
    line-height:1;
}

.lat .lt_more:before {
    content:"\f061";
    margin-right:6px;
    font-family:FontAwesome;
    font-size:11px;
}

.lat .lt_more:hover {
    border-color:var(--nl-accent);
    background:var(--nl-accent);
    color:#fff;
    text-decoration:none;
}

/* netcity sitebuild latest blue override */
.lat {
    --nl-accent:#0066ff;
    --nl-soft:#eef6ff;
    --nl-surface:#ffffff;
    --nl-line:#e5e7eb;
    --nl-text:#0f172a;
    --nl-muted:#64748b;
    padding:0;
    border:0;
    border-radius:0;
    background:#fff;
}

.lat .lat_title {
    min-height:38px;
    margin:0 64px 14px 0;
    padding:0 0 12px;
    border-bottom:1px solid var(--nl-line);
    font-size:1.08rem;
}

.lat .lat_title:before {
    content:"\f15c";
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:8px;
    background:var(--nl-accent);
}

.lat li {
    padding:13px 0;
    border:0;
    border-bottom:1px solid var(--nl-line);
    border-left:0;
    border-radius:0;
    background:#fff;
}

.lat li:hover {
    border-left-color:transparent;
    background:#fff;
}

.lat li a {
    font-size:0.98rem;
}

.lat li a:before {
    border-radius:8px;
}

.lat .empty_li {
    align-items:flex-start;
    justify-content:flex-start;
    min-height:96px;
    padding:16px;
    border:1px dashed #cfe1ff;
    border-radius:8px;
    background:#f8fbff;
}

.lat .lt_more {
    top:0;
    right:0;
    min-height:30px;
    border-radius:8px;
}

/* netcity unified latest status icons */
.lat .new_icon,
.lat .hot_icon,
.lat .lt_cmt,
.lat li .fa-lock,
.lat li .fa-download,
.lat li .fa-link {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-width:22px;
    width:auto !important;
    height:22px;
    margin-left:5px;
    padding:0 7px;
    border:0 !important;
    border-radius:999px !important;
    background:#eef6ff !important;
    color:#0066ff !important;
    font-size:.72rem !important;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap;
    vertical-align:middle !important;
    box-shadow:none !important;
}

.lat .new_icon {
    background:#0066ff !important;
    color:#fff !important;
}

.lat .hot_icon {
    background:#fff1f2 !important;
    color:#e11d48 !important;
}

.lat .hot_icon em {
    font-style:normal;
}

.lat li .fa-heart,
.lat .hot_icon .fa-heart {
    color:inherit !important;
}

.lat li .fa-lock,
.lat li .fa-download,
.lat li .fa-link {
    width:22px;
    min-width:22px;
    padding:0;
    font-size:.78rem !important;
}

.lat .lt_cmt:before {
    content:"\f0e6";
    font-family:FontAwesome;
    font-size:11px;
    font-weight:normal;
}

/* netcity board latest icon-only cleanup */
.board_shell__grid .lat,
.board_shell__grid .lat li,
.board_shell__grid .lat li:hover,
.board_shell__grid .lat .empty_li {
    background:transparent !important;
}

.board_shell__grid .lat .lat_title:before,
.board_shell__grid .lat li a:before {
    border-radius:0 !important;
    background:transparent !important;
    color:#0066ff !important;
    box-shadow:none !important;
}

.board_shell__grid .lat .new_icon,
.board_shell__grid .lat .hot_icon,
.board_shell__grid .lat .lt_cmt,
.board_shell__grid .lat li .fa-lock,
.board_shell__grid .lat li .fa-download,
.board_shell__grid .lat li .fa-link {
    overflow:hidden;
    gap:0;
    min-width:18px;
    width:18px !important;
    height:18px;
    margin-left:5px;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#0066ff !important;
    font-size:0 !important;
    line-height:1 !important;
    box-shadow:none !important;
}

.board_shell__grid .lat .new_icon:before {
    content:"\f067";
    font-family:FontAwesome;
    font-size:12px;
    font-weight:normal;
}

.board_shell__grid .lat .hot_icon em {
    display:none !important;
}

.board_shell__grid .lat .hot_icon .fa-heart,
.board_shell__grid .lat li .fa-lock,
.board_shell__grid .lat li .fa-download,
.board_shell__grid .lat li .fa-link,
.board_shell__grid .lat .lt_cmt:before {
    font-size:12px !important;
}

.board_shell__grid .lat .lt_more {
    width:30px;
    min-height:30px;
    padding:0;
    border:0;
    background:transparent;
    color:#0066ff;
    font-size:0;
}

.board_shell__grid .lat .lt_more:before {
    margin-right:0;
    font-size:13px;
}

/* netcity board latest compact board titles */
.board_shell__grid .lat .lat_title {
    gap:6px !important;
    min-height:24px !important;
    margin:0 34px 10px 0 !important;
    padding:0 0 8px !important;
    background:transparent !important;
    font-size:.9rem !important;
    line-height:1.25 !important;
}

.board_shell__grid .lat .lat_title:before {
    flex:0 0 16px !important;
    width:16px !important;
    height:16px !important;
    line-height:16px !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#0066ff !important;
    font-size:11px !important;
}

.board_shell__grid .lat .lat_title a {
    background:transparent !important;
    color:#0f172a !important;
    font-size:.9rem !important;
    font-weight:800 !important;
    line-height:1.25 !important;
}

/* netcity board latest title-end icon placement */
.board_shell__grid .lat {
    position:relative !important;
    padding-bottom:0 !important;
}

.board_shell__grid .lat .lat_title {
    margin:0 34px 10px 0 !important;
}

.board_shell__grid .lat .lat_title:before {
    content:none !important;
    display:none !important;
}

.board_shell__grid .lat .lat_title a:after {
    content:"\f0ca";
    display:inline-grid;
    place-items:center;
    width:16px;
    height:16px;
    margin-left:5px;
    color:#0066ff;
    font-family:FontAwesome;
    font-size:11px;
    font-weight:normal;
    line-height:1;
    vertical-align:-2px;
}

.board_shell__grid .lat .lt_more {
    top:-3px !important;
    right:0 !important;
    bottom:auto !important;
    z-index:4;
}

.board_shell__grid .lat li.basic_li {
    display:block !important;
    position:relative !important;
    min-height:0;
    padding:10px !important;
    line-height:1.45;
}

.board_shell__grid .lat li.basic_li > a {
    display:inline !important;
    padding-right:0 !important;
    vertical-align:middle;
}

.board_shell__grid .lat li.basic_li > a:before {
    content:none !important;
    display:none !important;
}

.board_shell__grid .lat li.basic_li > a:after {
    content:"\f15c";
    display:inline-grid;
    place-items:center;
    width:18px;
    height:18px;
    margin-left:5px;
    color:#0066ff;
    font-family:FontAwesome;
    font-size:12px;
    font-weight:normal;
    line-height:1;
    vertical-align:-3px;
}

.board_shell__grid .lat li.basic_li > .fa-lock,
.board_shell__grid .lat li.basic_li > .fa-download,
.board_shell__grid .lat li.basic_li > .fa-link,
.board_shell__grid .lat li.basic_li > .fa-reply,
.board_shell__grid .lat li.basic_li > .new_icon,
.board_shell__grid .lat li.basic_li > .hot_icon,
.board_shell__grid .lat li.basic_li > .lt_cmt {
    position:static !important;
    display:inline-grid !important;
    place-items:center !important;
    margin:0 0 0 5px !important;
    vertical-align:-3px !important;
}

.board_shell__grid .lat .lt_info {
    margin-top:6px;
    padding:0 !important;
}