@charset "utf-8";

/* GGONGPLAY 새글 페이지 - basic 스킨 전용 */
.gg-new-basic {
    width:100%;
    --gg-dark:#08111d;
    --gg-lime:#9cff00;
    --gg-line:#e1e6eb;
    --gg-muted:#77828e;
}
.gg-new-basic * {box-sizing:border-box}

/* 검색 */
.gg-new-basic #new_sch {
    margin:0 0 22px;
    padding:22px;
    border:1px solid var(--gg-line);
    border-radius:12px;
    background:#fff;
    text-align:center;
    box-shadow:0 6px 20px rgba(8,17,29,.04);
}
.gg-new-basic #new_sch legend {
    position:absolute;width:1px;height:1px;margin:-1px;padding:0;
    overflow:hidden;clip:rect(0,0,0,0);
}
.gg-new-basic #new_sch form {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    width:100%;
    max-width:760px;
    margin:0 auto;
}
.gg-new-basic #new_sch select,
.gg-new-basic #new_sch .frm_input {
    height:46px;
    margin:0;
    border:1px solid #d5dce3;
    border-radius:8px;
    background:#fff;
    color:#26313c;
    font-size:14px;
    outline:none;
}
.gg-new-basic #new_sch select {
    width:175px;
    padding:0 12px;
}
.gg-new-basic #new_sch .frm_input {
    flex:1 1 230px;
    width:auto;
    min-width:180px;
    padding:0 13px;
}
.gg-new-basic #new_sch select:focus,
.gg-new-basic #new_sch .frm_input:focus {
    border-color:#8ee800;
    box-shadow:0 0 0 3px rgba(156,255,0,.12);
}
.gg-new-basic #new_sch .btn_submit {
    width:92px;
    height:46px;
    margin:0;
    padding:0 12px;
    border:0;
    border-radius:8px;
    background:var(--gg-dark);
    color:#fff;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}
.gg-new-basic #new_sch .btn_submit i {
    margin-right:5px;
    color:var(--gg-lime);
}
.gg-new-basic #new_sch p {
    flex-basis:100%;
    margin:2px 0 0;
    padding:0;
    color:var(--gg-muted);
    font-size:12px;
    letter-spacing:0;
    text-align:center;
}

/* 목록 */
.gg-new-basic .tbl_head01 {
    margin:0 0 20px;
    border:1px solid var(--gg-line);
    border-radius:11px;
    background:#fff;
    overflow:hidden;
}
.gg-new-basic .tbl_head01 table {
    width:100%;
    border-collapse:collapse;
}
.gg-new-basic .tbl_head01 thead th {
    height:46px;
    padding:0 10px;
    border:0;
    background:var(--gg-dark);
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-align:center;
}
.gg-new-basic .tbl_head01 tbody td {
    padding:13px 10px;
    border:0;
    border-bottom:1px solid #edf1f4;
    background:#fff;
    color:#48535f;
    font-size:13px;
    vertical-align:middle;
}
.gg-new-basic .tbl_head01 tbody tr:last-child td {border-bottom:0}
.gg-new-basic .tbl_head01 tbody tr:hover td {background:#fbfcf9}

.gg-new-basic #fnewlist .td_group a,
.gg-new-basic #fnewlist .td_board a {
    display:inline-block;
    padding:4px 7px;
    border-radius:6px;
    font-size:12px;
    font-weight:600;
    white-space:nowrap;
}
.gg-new-basic #fnewlist .td_group a {
    background:#effbdc;
    color:#669900;
}
.gg-new-basic #fnewlist .td_board a {
    background:#f2eff9;
    color:#8062c6;
}
.gg-new-basic #fnewlist .new_tit {
    color:#17202a;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
}
.gg-new-basic #fnewlist .new_tit:hover {color:#639900}
.gg-new-basic #fnewlist .td_name,
.gg-new-basic #fnewlist .td_date {white-space:nowrap}

.gg-new-basic .admin_new_btn {
    float:right;
    margin:0 0 10px;
}

/* 관리자 체크박스 */
.gg-new-basic .selec_chk {
    position:absolute;top:0;left:0;width:0;height:0;opacity:0;
    outline:0;z-index:-1;overflow:hidden;
}
.gg-new-basic .chk_box input[type="checkbox"] + label {
    position:relative;padding-left:20px;color:#676e70;
}
.gg-new-basic .chk_box input[type="checkbox"] + label span {
    position:absolute;top:2px;left:0;width:16px;height:16px;display:block;
    background:#fff;border:1px solid #d0d7df;border-radius:4px;
}
.gg-new-basic .chk_box input[type="checkbox"]:checked + label span {
    background:url(./img/chk.png) no-repeat 50% 50% var(--gg-lime);
    border-color:var(--gg-lime);
}

/* 페이지네이션 */
.gg-new-basic .pg_wrap {margin-top:22px}
.gg-new-basic .pg_page,
.gg-new-basic .pg_current {
    border-radius:6px !important;
}
.gg-new-basic .pg_current {
    background:var(--gg-dark) !important;
    color:#fff !important;
    border-color:var(--gg-dark) !important;
}

/* 모바일에서도 깨지지 않게 */
@media (max-width:767px) {
    .gg-new-basic #new_sch {padding:14px}
    .gg-new-basic #new_sch form {display:block}
    .gg-new-basic #new_sch select,
    .gg-new-basic #new_sch .frm_input,
    .gg-new-basic #new_sch .btn_submit {
        display:block;
        width:100%;
        margin:0 0 8px;
    }
    .gg-new-basic #new_sch p {margin-top:2px}
    .gg-new-basic .tbl_wrap {overflow-x:auto}
    .gg-new-basic .tbl_head01 table {min-width:700px}
}

/* GGONGPLAY 새글 목록 폭 최종 보정 */
.gg-new-basic #new_sch form {
    max-width:620px;
}
.gg-new-basic #new_sch select {
    width:180px;
}
.gg-new-basic #new_sch .frm_input {
    flex:1 1 280px;
}

/* 관리자 체크박스 */
.gg-new-basic .tbl_head01 th.chk_box,
.gg-new-basic .tbl_head01 td.td_chk {
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    text-align:center !important;
}

/* 게시판 */
.gg-new-basic .tbl_head01 th.th_board,
.gg-new-basic .tbl_head01 td.td_board {
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
    text-align:center !important;
}

/* 제목은 남는 공간 전부 사용 */
.gg-new-basic .tbl_head01 th.th_subject,
.gg-new-basic .tbl_head01 td.td_subject {
    width:auto !important;
    min-width:0 !important;
    text-align:left !important;
}

.gg-new-basic .tbl_head01 th.th_subject {
    text-align:center !important;
}

.gg-new-basic #fnewlist .td_subject .new_tit {
    display:block !important;
    width:100% !important;
    white-space:normal !important;
    word-break:keep-all !important;
    line-height:1.55 !important;
}

/* 이름 */
.gg-new-basic .tbl_head01 th.th_name,
.gg-new-basic .tbl_head01 td.td_name {
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    text-align:center !important;
}

/* 테이블 레이아웃 안정화 */
.gg-new-basic .tbl_head01 table {
    table-layout:auto !important;
}

/* 관리자 삭제 버튼 위치 정리 */
.gg-new-basic .admin_new_btn {
    float:none !important;
    display:flex !important;
    justify-content:flex-end !important;
    margin:0 0 10px !important;
}

@media (max-width:767px) {
    .gg-new-basic .tbl_head01 table {
        min-width:680px !important;
    }
}