@charset "utf-8";

/* 최근게시물 스킨 (new) */
:root {
    /* Light Theme Colors */
    --new-sch-bg: #f7f7f7;
    --new-sch-input-border: #d0d3db;
    --new-sch-input-bg: #fff;
    --new-sch-input-color: #000;
    --new-sch-btn-color: #fff;
    --new-sch-btn-bg: #434a54;
    --new-td-group-bg: #edfbde;
    --new-td-group-color: #8cc152;
    --new-td-board-bg: #eeeaf8;
    --new-td-board-color: #ac92ec;
    --new-chk-label-color: #676e70;
    --new-chk-label-hover-color: #2172f8;
    --new-chk-span-bg: #fff;
    --new-chk-span-border: #d0d4df;
    --new-chk-checked-label-color: #000;
    --new-chk-checked-span-bg: #3a8afd;
    --new-chk-checked-span-border: #1471f6;
}

@media (prefers-color-scheme: dark) {
    :root {
        /* Dark Theme Colors */
        --new-sch-bg: #2c2c2c;
        --new-sch-input-border: #555;
        --new-sch-input-bg: #333;
        --new-sch-input-color: #eee;
        --new-sch-btn-color: #eee;
        --new-sch-btn-bg: #5a626e;
        --new-td-group-bg: #4a6332;
        --new-td-group-color: #d2f7a9;
        --new-td-board-bg: #5a4f7a;
        --new-td-board-color: #e0d9fa;
        --new-chk-label-color: #bbb;
        --new-chk-label-hover-color: #99ccff;
        --new-chk-span-bg: #333;
        --new-chk-span-border: #555;
        --new-chk-checked-label-color: #eee;
        --new-chk-checked-span-bg: #4a9aff;
        --new-chk-checked-span-border: #77aaff;
    }
}

#new_sch {background:var(--new-sch-bg);padding:30px;text-align:center;margin:0 0 10px}
#new_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#new_sch select {border:1px solid var(--new-sch-input-border);width:175px;height:45px;padding:0 5px;border-radius:3px; background: var(--new-sch-input-bg); color: var(--new-sch-input-color);}
#new_sch .frm_input {border:1px solid var(--new-sch-input-border);width:300px;height:45px;border-radius:3px; background: var(--new-sch-input-bg); color: var(--new-sch-input-color);}
#new_sch .sch_wr {position:relative;display:inline-block}
#new_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:var(--new-sch-btn-color);background:var(--new-sch-btn-bg); border:0;}
#new_sch p {padding:10px 0 0;font-size:0.95em;text-align:center;letter-spacing:-0.1em}

#fnewlist .profile_img img {border-radius:50%}
#fnewlist .td_group a {background:var(--new-td-group-bg);color:var(--new-td-group-color);padding:3px 4px;border-radius:5px;font-weight:normal}
#fnewlist .td_board a {background:var(--new-td-board-bg);color:var(--new-td-board-color);padding:3px 4px;border-radius:5px;font-weight:normal}

.admin_new_btn {float:right;margin-bottom:10px}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:var(--new-chk-label-color)}
.chk_box input[type="checkbox"] + label:hover {color:var(--new-chk-label-hover-color)}
.chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:var(--new-chk-span-bg);border:1px solid var(--new-chk-span-border);border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:var(--new-chk-checked-label-color)}
.chk_box input[type="checkbox"]:checked + label span {background:url(../../../img/chk.png) no-repeat 50% 50% var(--new-chk-checked-span-bg);border-color:var(--new-chk-checked-span-border);border-radius:3px}