@charset "utf-8";

/*
 * 카지노핫썰 커뮤니티 목록
 * 구조: TOTOHOT + IFADTV 계열의 단정한 게시판 리스트를
 * 카지노핫썰의 다크톤/#F4BE24 포인트에 맞춘 스타일
 */

.tanga-ref-board{
    width:100%;
    max-width:100%;
    color:#e9e9e9;
    background:transparent;
    box-sizing:border-box;
}

.tanga-ref-board *,
.tanga-ref-board *:before,
.tanga-ref-board *:after{
    box-sizing:border-box;
}

.tanga-ref-category{
    margin:0 0 18px;
}
.tanga-ref-category ul{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:0;
    padding:0;
    list-style:none;
}
.tanga-ref-category li{
    margin:0;
}
.tanga-ref-category a{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 12px;
    border:1px solid #3a3a3a;
    border-radius:7px;
    background:#242424;
    color:#aaa;
    text-decoration:none;
    font-size:13px;
}
.tanga-ref-category #bo_cate_on,
.tanga-ref-category a:hover{
    border-color:#F4BE24;
    color:#F4BE24;
}

.tanga-ref-meta{
    display:flex;
    align-items:center;
    gap:7px;
    margin:0 0 13px;
    padding:0 2px;
    color:#858585;
    font-size:13px;
    line-height:1.4;
}
.tanga-ref-meta strong{
    color:#d8d8d8;
    font-weight:600;
}
.tanga-ref-meta-divider{
    color:#555;
}

.tanga-ref-table{
    width:100%;
    background:transparent;
    border:0;
}

.tanga-ref-head,
.tanga-ref-row{
    display:grid;
    grid-template-columns:100px minmax(0,1fr) 210px 120px 80px;
    align-items:center;
    width:100%;
}

.tanga-ref-head{
    min-height:54px;
    padding:0 20px;
    border:0;
    border-radius:7px;
    background:#2b2b2b;
    color:#969696;
    font-size:13px;
    font-weight:600;
    line-height:1;
}

.tanga-ref-head > div{
    text-align:center;
}
.tanga-ref-head .tanga-ref-col-subject{
    text-align:left;
    padding-left:22px;
}

.tanga-ref-row{
    position:relative;
    min-height:66px;
    padding:0 20px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.045);
    background:transparent;
    color:#ddd;
    transition:background-color .13s ease;
}

.tanga-ref-row:hover{
    background:rgba(255,255,255,.018);
}

.tanga-ref-row.is-current{
    background:rgba(244,190,36,.035);
}

.tanga-ref-col-num,
.tanga-ref-col-date,
.tanga-ref-col-hit{
    text-align:center;
    color:#747474;
    font-size:14px;
    font-variant-numeric:tabular-nums;
}

.tanga-ref-col-subject{
    min-width:0;
    padding:0 22px;
}

.tanga-ref-subject-line{
    display:flex;
    align-items:center;
    min-width:0;
    gap:7px;
    white-space:nowrap;
}

.tanga-ref-subject{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#ececec !important;
    text-decoration:none !important;
    font-size:15px;
    font-weight:500;
    line-height:1.45;
}

.tanga-ref-subject:hover{
    color:#fff !important;
}

.tanga-ref-cate{
    flex:0 0 auto;
    color:#9f9f9f !important;
    text-decoration:none !important;
    font-size:12px;
}

.tanga-ref-pin{
    flex:0 0 auto;
    font-size:14px;
    line-height:1;
}

.tanga-ref-comment{
    flex:0 0 auto;
    color:#F4BE24;
    font-size:14px;
    font-weight:700;
}

.tanga-ref-new{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    width:19px;
    height:19px;
    border-radius:50%;
    background:#ff3264;
    color:#fff;
    font-family:Arial,sans-serif;
    font-size:11px;
    font-weight:800;
    line-height:1;
}

.tanga-ref-notice{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:26px;
    padding:0 7px;
    border-radius:2px;
    background:#d9384b;
    color:#fff;
    font-size:12px;
    font-weight:700;
}

.tanga-ref-current-mark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    height:25px;
    padding:0 7px;
    border-radius:4px;
    background:#F4BE24;
    color:#111;
    font-size:11px;
    font-weight:700;
}

.tanga-ref-number{
    color:#747474;
}

.tanga-ref-check{
    display:inline-flex;
    margin-right:6px;
    vertical-align:middle;
}

.tanga-ref-col-name{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#d8d8d8;
    font-size:14px;
}

.tanga-ref-author{
    display:inline-flex;
    align-items:center;
    gap:6px;
    max-width:100%;
    color:#d8d8d8;
}
.tanga-ref-author a{
    color:#d8d8d8 !important;
    text-decoration:none !important;
}
.tanga-ref-author img{
    width:25px !important;
    height:25px !important;
    max-width:25px !important;
    object-fit:contain;
    vertical-align:middle;
}

.tanga-ref-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:150px;
    color:#707070;
    font-size:14px;
    border-bottom:1px solid rgba(255,255,255,.045);
}

.tanga-ref-paging{
    width:100%;
    margin:20px 0 0;
    text-align:center;
}

/* 기존에 맞춘 페이지네이션 스타일을 그대로 사용 */
.tanga-ref-paging .pg_wrap{
    margin-top:0 !important;
}

/* 페이지번호 바로 아래 검색 */
.tanga-ref-search{
    position:static !important;
    float:none !important;
    clear:both !important;
    width:480px !important;
    max-width:calc(100% - 24px) !important;
    height:auto !important;
    margin:14px auto 0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.tanga-ref-search form{
    display:flex;
    align-items:center;
    width:100%;
    height:38px;
    overflow:hidden;
    border:1px solid #3a3a3a;
    border-radius:7px;
    background:#222;
}

.tanga-ref-search select{
    flex:0 0 110px;
    width:110px;
    height:36px;
    padding:0 10px;
    border:0;
    border-right:1px solid #363636;
    outline:0;
    background:#272727;
    color:#aaa;
    font-size:12px;
}

.tanga-ref-search .sch_input{
    flex:1 1 auto;
    min-width:0;
    height:36px;
    padding:0 12px;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:#ddd !important;
    font-size:13px;
    box-shadow:none !important;
}

.tanga-ref-search .sch_input::placeholder{
    color:#6f6f6f;
}

.tanga-ref-search .sch_btn{
    display:flex;
    flex:0 0 40px;
    align-items:center;
    justify-content:center;
    width:40px;
    height:36px;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#a5a5a5;
    cursor:pointer;
}
.tanga-ref-search .sch_btn:hover{
    color:#F4BE24;
}

.tanga-ref-bottom-actions{
    display:flex;
    justify-content:flex-end;
    gap:7px;
    width:100%;
    margin:14px 0 0;
}

.tanga-ref-admin-btn,
.tanga-ref-write-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:64px;
    height:34px;
    padding:0 13px;
    border-radius:6px;
    text-decoration:none !important;
    font-size:12px;
    font-weight:700;
}

.tanga-ref-admin-btn{
    border:1px solid #404040;
    background:#292929;
    color:#ccc !important;
}

.tanga-ref-write-btn{
    border:1px solid #F4BE24;
    background:#F4BE24;
    color:#111 !important;
}

.tanga-ref-admin-actions{
    display:flex;
    gap:6px;
    margin:12px 0 0;
}
.tanga-ref-admin-actions button{
    height:31px;
    padding:0 10px;
    border:1px solid #3e3e3e;
    border-radius:5px;
    background:#282828;
    color:#aaa;
    font-size:11px;
}

/* 화면 위 자동 게시판 제목이 남아 있어도 이 목록에서는 숨김 */
body:has(.tanga-ref-board) #container_title{
    display:none !important;
}

/* 태블릿 */
@media (max-width:1100px){
    .tanga-ref-head,
    .tanga-ref-row{
        grid-template-columns:80px minmax(0,1fr) 170px 95px 65px;
        padding-left:12px;
        padding-right:12px;
    }
    .tanga-ref-col-subject{
        padding-left:14px;
        padding-right:14px;
    }
}

/* 모바일: IFADTV 느낌을 유지하되 가독성을 위해 번호/조회는 숨김 */
@media (max-width:767px){
    .tanga-ref-meta{
        margin-bottom:9px;
        font-size:11px;
    }

    .tanga-ref-head,
    .tanga-ref-row{
        grid-template-columns:minmax(0,1fr) 92px 62px;
        column-gap:7px;
        padding-left:10px;
        padding-right:10px;
    }

    .tanga-ref-head{
        min-height:42px;
        border-radius:6px;
        font-size:11px;
    }

    .tanga-ref-row{
        min-height:57px;
    }

    .tanga-ref-head .tanga-ref-col-num,
    .tanga-ref-head .tanga-ref-col-hit,
    .tanga-ref-row .tanga-ref-col-num,
    .tanga-ref-row .tanga-ref-col-hit{
        display:none;
    }

    .tanga-ref-head .tanga-ref-col-subject{
        grid-column:1;
        padding-left:5px;
        text-align:left;
    }
    .tanga-ref-head .tanga-ref-col-name{
        grid-column:2;
        text-align:center;
    }
    .tanga-ref-head .tanga-ref-col-date{
        grid-column:3;
    }

    .tanga-ref-col-subject{
        grid-column:1;
        padding:0 5px;
    }
    .tanga-ref-col-name{
        grid-column:2;
        text-align:center;
        font-size:11px;
    }
    .tanga-ref-col-date{
        grid-column:3;
        font-size:11px;
    }

    .tanga-ref-subject-line{
        gap:5px;
    }
    .tanga-ref-subject{
        font-size:13px;
    }
    .tanga-ref-comment{
        font-size:12px;
    }
    .tanga-ref-new{
        width:16px;
        height:16px;
        font-size:9px;
    }
    .tanga-ref-pin{
        font-size:12px;
    }

    .tanga-ref-author img{
        width:20px !important;
        height:20px !important;
        max-width:20px !important;
    }

    .tanga-ref-search{
        width:94% !important;
        max-width:480px !important;
        margin-top:12px !important;
    }
    .tanga-ref-search form{
        height:36px;
    }
    .tanga-ref-search select{
        flex-basis:88px;
        width:88px;
        height:34px;
        padding:0 7px;
        font-size:11px;
    }
    .tanga-ref-search .sch_input{
        height:34px;
        padding:0 9px;
        font-size:12px;
    }
    .tanga-ref-search .sch_btn{
        flex-basis:36px;
        width:36px;
        height:34px;
    }

    .tanga-ref-bottom-actions{
        margin-top:12px;
    }
}


/* =========================================================
   페이지번호 ↔ 검색창 간격 자연스럽게 조정
   ========================================================= */
html body .tanga-ref-paging{
    margin-bottom:0 !important;
}

html body .tanga-ref-search,
html body .tanga-scam-board #bo_sch.tanga-scam-search,
html body #bo_list.tanga-scam-board #bo_sch.tanga-scam-search{
    margin-top:32px !important;
}

/* 1:1 문의 검색창도 동일 간격 */
html body .tanga-qa-paging{
    margin-bottom:0 !important;
}
html body .tanga-qa-search{
    margin-top:32px !important;
}

@media(max-width:767px){
    html body .tanga-ref-search,
    html body .tanga-scam-board #bo_sch.tanga-scam-search,
    html body #bo_list.tanga-scam-board #bo_sch.tanga-scam-search,
    html body .tanga-qa-search{
        margin-top:24px !important;
    }
}
/* ========================================================= */



/* =========================================================
   먹튀사이트와 동일한 검색창 + 순번(페이지번호)
   DOM: 게시글 -> 페이지번호 -> 검색창
   ========================================================= */

/* 페이지번호는 게시글 아래 중앙 */
html body #bo_list.tanga-ref-scam-controls > .pg_wrap{
    position:static !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:24px 0 0 !important;
    padding:0 !important;
    text-align:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
}

html body #bo_list.tanga-ref-scam-controls > .pg_wrap > .pg{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:5px !important;
    width:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* 먹튀사이트에서 쓰는 작은 페이지번호 크기 */
html body #bo_list.tanga-ref-scam-controls .pg_page,
html body #bo_list.tanga-ref-scam-controls .pg_current{
    position:relative !important;
    float:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:32px !important;
    min-width:32px !important;
    max-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;

    color:#cccccc !important;
    -webkit-text-fill-color:#cccccc !important;

    font-size:12px !important;
    font-weight:400 !important;
    line-height:1 !important;
    text-decoration:none !important;
    text-indent:0 !important;
    overflow:visible !important;
}

/* 선택된 현재 페이지만 노란색 */
html body #bo_list.tanga-ref-scam-controls .pg_current{
    border-radius:6.5px !important;
    background:#F4BE24 !important;
    background-color:#F4BE24 !important;
    color:#111 !important;
    -webkit-text-fill-color:#111 !important;
    font-weight:700 !important;
}

/* hover/focus는 박스 없음 */
html body #bo_list.tanga-ref-scam-controls a.pg_page:hover,
html body #bo_list.tanga-ref-scam-controls a.pg_page:focus{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#cccccc !important;
    -webkit-text-fill-color:#cccccc !important;
}

/* 클릭 순간에만 노란색 */
html body #bo_list.tanga-ref-scam-controls a.pg_page:active{
    border-radius:6.5px !important;
    background:#F4BE24 !important;
    background-color:#F4BE24 !important;
    color:#111 !important;
    -webkit-text-fill-color:#111 !important;
}

/* 처음/이전/다음/맨끝 한글은 완전히 숨기고 화살표만 */
html body #bo_list.tanga-ref-scam-controls .pg_start,
html body #bo_list.tanga-ref-scam-controls .pg_prev,
html body #bo_list.tanga-ref-scam-controls .pg_next,
html body #bo_list.tanga-ref-scam-controls .pg_end{
    position:relative !important;
    font-size:0 !important;
    line-height:0 !important;
    text-indent:-9999px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    background:transparent !important;
    background-image:none !important;
}

html body #bo_list.tanga-ref-scam-controls .pg_start::before{content:"«" !important;}
html body #bo_list.tanga-ref-scam-controls .pg_prev::before{content:"‹" !important;}
html body #bo_list.tanga-ref-scam-controls .pg_next::before{content:"›" !important;}
html body #bo_list.tanga-ref-scam-controls .pg_end::before{content:"»" !important;}

html body #bo_list.tanga-ref-scam-controls .pg_start::before,
html body #bo_list.tanga-ref-scam-controls .pg_prev::before,
html body #bo_list.tanga-ref-scam-controls .pg_next::before,
html body #bo_list.tanga-ref-scam-controls .pg_end::before{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    text-indent:0 !important;
    color:#cccccc !important;
    -webkit-text-fill-color:#cccccc !important;
    font-size:21px !important;
    font-weight:300 !important;
    line-height:1 !important;
}

/* 비활성 화살표 */
html body #bo_list.tanga-ref-scam-controls .pg_disabled{
    pointer-events:none !important;
}
html body #bo_list.tanga-ref-scam-controls .pg_disabled::before{
    color:#666 !important;
    -webkit-text-fill-color:#666 !important;
}

/* 검색창: 먹튀사이트와 동일하게 페이지번호 아래 충분한 간격 */
html body #bo_list.tanga-ref-scam-controls #bo_sch.tanga-scam-search{
    position:static !important;
    float:none !important;
    clear:both !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;

    display:block !important;
    width:560px !important;
    max-width:calc(100% - 30px) !important;

    /* 핵심: 순번과 검색창 사이 먹튀사이트식 여백 */
    margin:34px auto 28px !important;
    padding:0 !important;

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* 먹튀사이트 검색폼과 같은 3칸 구조 */
html body #bo_list.tanga-ref-scam-controls #bo_sch.tanga-scam-search .tanga-scam-search-form{
    display:grid !important;
    grid-template-columns:100px minmax(0,350px) 90px !important;
    gap:10px !important;
    align-items:center !important;
    justify-content:center !important;

    width:560px !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
}

html body #bo_list.tanga-ref-scam-controls .tanga-scam-search-title,
html body #bo_list.tanga-ref-scam-controls #bo_sch.tanga-scam-search > legend{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}

/* 검색 select */
html body #bo_list.tanga-ref-scam-controls .tanga-scam-search-form select{
    width:100% !important;
    height:40px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:1px solid #424242 !important;
    border-radius:7px !important;
    outline:0 !important;
    background:#292929 !important;
    color:#d0d0d0 !important;
    font-size:13px !important;
    box-shadow:none !important;
}

/* 검색어 */
html body #bo_list.tanga-ref-scam-controls .tanga-scam-search-form .sch_input{
    width:100% !important;
    height:40px !important;
    margin:0 !important;
    padding:0 14px !important;
    border:1px solid #424242 !important;
    border-radius:7px !important;
    outline:0 !important;
    background:#242424 !important;
    color:#e1e1e1 !important;
    font-size:13px !important;
    box-shadow:none !important;
}
html body #bo_list.tanga-ref-scam-controls .tanga-scam-search-form .sch_input::placeholder{
    color:#777 !important;
}

/* 검색 버튼 */
html body #bo_list.tanga-ref-scam-controls .tanga-scam-search-form .sch_btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:40px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #F4BE24 !important;
    border-radius:7px !important;
    outline:0 !important;
    background:#F4BE24 !important;
    color:#111 !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-shadow:none !important;
    cursor:pointer !important;
}

/* 모바일 */
@media(max-width:640px){
    html body #bo_list.tanga-ref-scam-controls > .pg_wrap{
        margin-top:20px !important;
    }

    html body #bo_list.tanga-ref-scam-controls > .pg_wrap > .pg{
        gap:3px !important;
    }

    html body #bo_list.tanga-ref-scam-controls .pg_page,
    html body #bo_list.tanga-ref-scam-controls .pg_current{
        width:28px !important;
        min-width:28px !important;
        max-width:28px !important;
        height:28px !important;
        min-height:28px !important;
        max-height:28px !important;
        font-size:11px !important;
    }

    html body #bo_list.tanga-ref-scam-controls .pg_current,
    html body #bo_list.tanga-ref-scam-controls a.pg_page:active{
        border-radius:6px !important;
    }

    html body #bo_list.tanga-ref-scam-controls .pg_start::before,
    html body #bo_list.tanga-ref-scam-controls .pg_prev::before,
    html body #bo_list.tanga-ref-scam-controls .pg_next::before,
    html body #bo_list.tanga-ref-scam-controls .pg_end::before{
        font-size:19px !important;
    }

    html body #bo_list.tanga-ref-scam-controls #bo_sch.tanga-scam-search{
        width:100% !important;
        max-width:100% !important;
        margin:28px auto 22px !important;
    }

    html body #bo_list.tanga-ref-scam-controls #bo_sch.tanga-scam-search .tanga-scam-search-form{
        width:100% !important;
        grid-template-columns:90px minmax(0,1fr) 68px !important;
        gap:6px !important;
    }

    html body #bo_list.tanga-ref-scam-controls .tanga-scam-search-form select,
    html body #bo_list.tanga-ref-scam-controls .tanga-scam-search-form .sch_input,
    html body #bo_list.tanga-ref-scam-controls .tanga-scam-search-form .sch_btn{
        height:36px !important;
        font-size:12px !important;
    }
}
/* ========================================================= */


/* =========================================================
   최종 수정
   1) 게시판 전체를 감싸는 큰 박스 제거
   2) 먹튀사이트와 동일한 페이지번호 ↔ 검색창 간격
   ========================================================= */

/* 바깥 큰 박스 완전 제거 */
html body #bo_list.tanga-ref-board.tanga-ref-scam-controls,
html body .tanga-ref-board.tanga-ref-scam-controls,
html body #bo_list.tanga-qa-list.tanga-ref-scam-controls{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    box-shadow:none !important;
    overflow:visible !important;
}

/* 혹시 외곽선이 pseudo element로 붙는 경우까지 제거 */
html body #bo_list.tanga-ref-board.tanga-ref-scam-controls::before,
html body #bo_list.tanga-ref-board.tanga-ref-scam-controls::after,
html body #bo_list.tanga-qa-list.tanga-ref-scam-controls::before,
html body #bo_list.tanga-qa-list.tanga-ref-scam-controls::after{
    content:none !important;
    display:none !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* 목록 자체도 별도 외곽 박스 없이 페이지 배경과 이어지게 */
html body #bo_list.tanga-ref-scam-controls .tanga-ref-table,
html body #bo_list.tanga-ref-scam-controls .tanga-ref-body,
html body #bo_list.tanga-ref-scam-controls .tanga-qa-table{
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/*
 * 먹튀사이트 현재 CSS 기준
 * 페이지번호: 목록 아래 18px
 * 검색창: 페이지번호 아래 30px
 */
html body #bo_list.tanga-ref-scam-controls > .pg_wrap{
    position:static !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    height:auto !important;

    margin:18px 0 0 !important;
    padding:0 !important;

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;

    text-align:center !important;
    transform:none !important;
}

/* 검색창은 먹튀사이트처럼 순번 아래 정확히 30px 띄움 */
html body #bo_list.tanga-ref-scam-controls #bo_sch.tanga-scam-search,
html body #bo_list.tanga-ref-scam-controls fieldset.tanga-scam-search{
    position:static !important;
    float:none !important;
    clear:both !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;

    display:block !important;
    width:560px !important;
    max-width:calc(100% - 30px) !important;

    margin:30px auto 20px !important;
    padding:0 !important;

    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;

    background:transparent !important;
    box-shadow:none !important;
}

/* 검색폼 자체가 바깥 박스로 보이지 않도록 */
html body #bo_list.tanga-ref-scam-controls .tanga-scam-search-form{
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* 글쓰기 버튼도 큰 외곽 박스 안에 갇힌 느낌 없이 정상 흐름 */
html body #bo_list.tanga-ref-scam-controls .tanga-ref-bottom-actions,
html body #bo_list.tanga-ref-scam-controls .tanga-qa-actions{
    position:static !important;
    clear:both !important;
    margin-top:14px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* 모바일도 먹튀사이트와 같은 흐름으로 */
@media(max-width:767px){
    html body #bo_list.tanga-ref-scam-controls > .pg_wrap{
        margin-top:18px !important;
    }

    html body #bo_list.tanga-ref-scam-controls #bo_sch.tanga-scam-search,
    html body #bo_list.tanga-ref-scam-controls fieldset.tanga-scam-search{
        width:100% !important;
        max-width:100% !important;
        margin:26px auto 18px !important;
    }
}
/* ========================================================= */


/* =========================================================
   페이지번호 ↔ 검색창 간격 - 두 번째 예시 이미지 기준
   margin 충돌을 피하기 위해 검색창 자체의 투명 padding-top으로 확보
   ========================================================= */

/* PC: 페이지번호 아래 약 70px 공간 */
html body #bo_list.tanga-ref-scam-controls #bo_sch.tanga-scam-search,
html body #bo_list.tanga-ref-scam-controls fieldset.tanga-scam-search{
    position:static !important;
    float:none !important;
    clear:both !important;

    margin:0 auto 20px !important;
    padding:70px 0 0 !important;

    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;

    width:560px !important;
    max-width:calc(100% - 30px) !important;
    height:auto !important;
}

/* 검색 폼은 padding 아래에서 정상 출력 */
html body #bo_list.tanga-ref-scam-controls #bo_sch.tanga-scam-search .tanga-scam-search-form,
html body #bo_list.tanga-ref-scam-controls fieldset.tanga-scam-search .tanga-scam-search-form{
    margin:0 auto !important;
}

/* 1:1 문의도 같은 간격 */
html body #bo_list.tanga-qa-list.tanga-ref-scam-controls fieldset.tanga-scam-search{
    margin:0 auto 20px !important;
    padding-top:70px !important;
}

/* 모바일은 과하지 않게 약 44px */
@media(max-width:767px){
    html body #bo_list.tanga-ref-scam-controls #bo_sch.tanga-scam-search,
    html body #bo_list.tanga-ref-scam-controls fieldset.tanga-scam-search,
    html body #bo_list.tanga-qa-list.tanga-ref-scam-controls fieldset.tanga-scam-search{
        margin:0 auto 18px !important;
        padding-top:44px !important;
    }
}
/* ========================================================= */


/* 게시글 상세에서 하단 목록의 중복 글쓰기 버튼 제거 */
body:has(.tanga-ifade-view) .tanga-ref-bottom-actions .tanga-ref-write-btn{
    display:none !important;
}


/* 비회원용 '로그인 후 글쓰기' 버튼은 출력하지 않음 */
body:not(.logged-in) a.tanga-ref-write-btn[href*="login.php"],
body:not(.logged-in) a.tanga-ifade-write[href*="login.php"]{
    display:none !important;
}


/* =========================================================
   작성자 / 등록일 / 조회 우측 정렬 + 작성자 레벨 표시
   ========================================================= */

/* 제목 영역을 넓게, 우측 정보 3칸을 오른쪽에 밀착 */
html body .tanga-ref-board .tanga-ref-head,
html body .tanga-ref-board .tanga-ref-row{
    grid-template-columns:110px minmax(0,1fr) 250px 120px 80px !important;
}

/* 작성자/등록일/조회 영역을 우측 묶음처럼 보이게 */
html body .tanga-ref-board .tanga-ref-col-name,
html body .tanga-ref-board .tanga-ref-col-date,
html body .tanga-ref-board .tanga-ref-col-hit{
    justify-self:stretch !important;
    text-align:center !important;
}

/* 작성자 칸 내부도 우측 느낌으로 정리 */
html body .tanga-ref-board .tanga-ref-col-name{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding-left:22px !important;
}

/* 작성자 아이콘 + 닉네임 + 레벨 한 줄 */
html body .tanga-ref-board .tanga-ref-author{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    max-width:100% !important;
    white-space:nowrap !important;
    color:#f0f0f0 !important;
    -webkit-text-fill-color:#f0f0f0 !important;
    font-size:14px !important;
}

html body .tanga-ref-board .tanga-ref-author a,
html body .tanga-ref-board .tanga-ref-author .sv_member{
    color:#f0f0f0 !important;
    -webkit-text-fill-color:#f0f0f0 !important;
    text-decoration:none !important;
}

/* 기존 레벨/프로필 아이콘 */
html body .tanga-ref-board .tanga-ref-author img{
    width:28px !important;
    height:28px !important;
    max-width:28px !important;
    flex:0 0 28px !important;
    object-fit:contain !important;
    vertical-align:middle !important;
}

/* 작성자 레벨 텍스트 */
html body .tanga-ref-board .tanga-ref-author-level{
    display:inline-block !important;
    flex:0 0 auto !important;
    margin-left:1px !important;
    color:#F4BE24 !important;
    -webkit-text-fill-color:#F4BE24 !important;
    font-size:11px !important;
    font-style:normal !important;
    font-weight:700 !important;
    line-height:1 !important;
}

/* 등록일/조회는 더 오른쪽에 정렬된 느낌 */
html body .tanga-ref-board .tanga-ref-col-date,
html body .tanga-ref-board .tanga-ref-col-hit{
    color:#777 !important;
    font-size:13px !important;
    font-variant-numeric:tabular-nums !important;
}

/* 헤더도 동일 정렬 */
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-name,
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-date,
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-hit{
    color:#989898 !important;
    font-weight:600 !important;
}
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-name{
    justify-content:flex-start !important;
    padding-left:22px !important;
}

/* 화면이 좁아지면 살짝 압축 */
@media(max-width:1180px){
    html body .tanga-ref-board .tanga-ref-head,
    html body .tanga-ref-board .tanga-ref-row{
        grid-template-columns:90px minmax(0,1fr) 210px 105px 65px !important;
    }

    html body .tanga-ref-board .tanga-ref-col-name{
        padding-left:14px !important;
    }

    html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-name{
        padding-left:14px !important;
    }
}

/* 모바일에서는 기존 3열 반응형 유지 */
@media(max-width:767px){
    html body .tanga-ref-board .tanga-ref-head,
    html body .tanga-ref-board .tanga-ref-row{
        grid-template-columns:minmax(0,1fr) 110px 64px !important;
    }

    html body .tanga-ref-board .tanga-ref-col-name{
        justify-content:flex-start !important;
        padding-left:0 !important;
    }

    html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-name{
        padding-left:0 !important;
    }

    html body .tanga-ref-board .tanga-ref-author{
        gap:4px !important;
        font-size:11px !important;
    }

    html body .tanga-ref-board .tanga-ref-author img{
        width:21px !important;
        height:21px !important;
        max-width:21px !important;
        flex-basis:21px !important;
    }

    html body .tanga-ref-board .tanga-ref-author-level{
        font-size:9px !important;
    }
}
/* ========================================================= */


/* =========================================================
   작성자 레벨아이콘 + 우측 3열 밀착 정렬 FINAL
   ========================================================= */

/* 제목은 최대한 넓게 사용하고 작성자/등록일/조회는 우측 끝에 고정 */
html body .tanga-ref-board .tanga-ref-head,
html body .tanga-ref-board .tanga-ref-row{
    grid-template-columns:90px minmax(0,1fr) 220px 92px 58px !important;
    column-gap:10px !important;
    padding-left:14px !important;
    padding-right:10px !important;
}

/* 제목 영역 */
html body .tanga-ref-board .tanga-ref-col-subject{
    min-width:0 !important;
    padding-left:14px !important;
    padding-right:8px !important;
}

/* 오른쪽 3개 칸을 모두 우측 기준으로 붙임 */
html body .tanga-ref-board .tanga-ref-col-name{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:100% !important;
    padding:0 !important;
    text-align:right !important;
}

html body .tanga-ref-board .tanga-ref-col-date,
html body .tanga-ref-board .tanga-ref-col-hit{
    width:100% !important;
    padding:0 !important;
    text-align:right !important;
    justify-self:end !important;
}

/* 헤더도 같은 기준 */
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-name{
    display:block !important;
    padding:0 !important;
    text-align:right !important;
}
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-date,
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-hit{
    text-align:right !important;
}

/* 작성자 묶음: 레벨 아이콘 + 닉네임 + Lv.N */
html body .tanga-ref-board .tanga-ref-author{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;

    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;

    color:#f4f4f4 !important;
    -webkit-text-fill-color:#f4f4f4 !important;

    white-space:nowrap !important;
    font-size:13px !important;
}

/* 기존 이름 HTML 내부 아이콘이 과하게 커지지 않게 */
html body .tanga-ref-board .tanga-ref-author-name{
    display:inline-flex !important;
    align-items:center !important;
    min-width:0 !important;
    gap:4px !important;
}
html body .tanga-ref-board .tanga-ref-author-name a,
html body .tanga-ref-board .tanga-ref-author-name .sv_member,
html body .tanga-ref-board .tanga-ref-author-name span{
    color:#f4f4f4 !important;
    -webkit-text-fill-color:#f4f4f4 !important;
    text-decoration:none !important;
}
html body .tanga-ref-board .tanga-ref-author-name img{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    object-fit:contain !important;
    vertical-align:middle !important;
}

/* 실제 레벨 아이콘 */
html body .tanga-ref-board .tanga-ref-level-icon{
    position:relative !important;
    display:inline-flex !important;
    flex:0 0 27px !important;
    align-items:center !important;
    justify-content:center !important;

    width:27px !important;
    min-width:27px !important;
    height:27px !important;

    margin:0 !important;
    padding:0 !important;

    border:1px solid #5a4a20 !important;
    border-radius:50% !important;

    background:#2b2618 !important;
    color:#F4BE24 !important;
    -webkit-text-fill-color:#F4BE24 !important;

    box-shadow:inset 0 0 0 2px #211f18 !important;
    line-height:1 !important;
}

html body .tanga-ref-board .tanga-ref-level-star{
    position:absolute !important;
    left:50% !important;
    top:3px !important;
    transform:translateX(-50%) !important;

    color:#F4BE24 !important;
    -webkit-text-fill-color:#F4BE24 !important;

    font-size:10px !important;
    line-height:1 !important;
}

html body .tanga-ref-board .tanga-ref-level-icon b{
    position:absolute !important;
    left:50% !important;
    bottom:3px !important;
    transform:translateX(-50%) !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-family:Arial,sans-serif !important;
    font-size:8px !important;
    font-weight:800 !important;
    line-height:1 !important;
}

/* Lv.N 텍스트 */
html body .tanga-ref-board .tanga-ref-author-level{
    display:inline-block !important;
    flex:0 0 auto !important;

    margin:0 !important;
    padding:0 !important;

    color:#F4BE24 !important;
    -webkit-text-fill-color:#F4BE24 !important;

    font-size:10px !important;
    font-style:normal !important;
    font-weight:700 !important;
    line-height:1 !important;
}

/* 날짜/조회는 오른쪽 끝에서 같은 기준선 */
html body .tanga-ref-board .tanga-ref-col-date,
html body .tanga-ref-board .tanga-ref-col-hit{
    color:#777 !important;
    -webkit-text-fill-color:#777 !important;
    font-size:12px !important;
    font-variant-numeric:tabular-nums !important;
}

/* 1180px 이하에서도 우측 3열은 붙여서 유지 */
@media(max-width:1180px){
    html body .tanga-ref-board .tanga-ref-head,
    html body .tanga-ref-board .tanga-ref-row{
        grid-template-columns:76px minmax(0,1fr) 190px 82px 48px !important;
        column-gap:7px !important;
        padding-left:9px !important;
        padding-right:7px !important;
    }

    html body .tanga-ref-board .tanga-ref-level-icon{
        flex-basis:24px !important;
        width:24px !important;
        min-width:24px !important;
        height:24px !important;
    }

    html body .tanga-ref-board .tanga-ref-author{
        gap:4px !important;
        font-size:12px !important;
    }
}

/* 모바일 기존 3열 구조는 유지하되 작성자 아이콘 포함 */
@media(max-width:767px){
    html body .tanga-ref-board .tanga-ref-head,
    html body .tanga-ref-board .tanga-ref-row{
        grid-template-columns:minmax(0,1fr) 120px 58px !important;
        column-gap:5px !important;
    }

    html body .tanga-ref-board .tanga-ref-col-name{
        justify-content:flex-end !important;
        text-align:right !important;
    }

    html body .tanga-ref-board .tanga-ref-author{
        gap:3px !important;
        font-size:10px !important;
    }

    html body .tanga-ref-board .tanga-ref-level-icon{
        flex-basis:20px !important;
        width:20px !important;
        min-width:20px !important;
        height:20px !important;
    }

    html body .tanga-ref-board .tanga-ref-level-star{
        top:2px !important;
        font-size:7px !important;
    }

    html body .tanga-ref-board .tanga-ref-level-icon b{
        bottom:2px !important;
        font-size:6px !important;
    }

    html body .tanga-ref-board .tanga-ref-author-level{
        font-size:8px !important;
    }
}
/* ========================================================= */


/* =========================================================
   작성자 표시 최종: 기존 레벨아이콘 + 닉네임만
   예시처럼 [레벨아이콘] [닉네임]
   ========================================================= */

/* 직접 만든 원형 별 아이콘 / Lv.N 텍스트는 숨김 */
html body .tanga-ref-board .tanga-ref-level-icon,
html body .tanga-ref-board .tanga-ref-author-level{
    display:none !important;
}

/* 작성자 칸은 오른쪽 정렬 유지 */
html body .tanga-ref-board .tanga-ref-col-name{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:100% !important;
    padding:0 !important;
    text-align:right !important;
}

/* 기존 회원 레벨아이콘 + 닉네임 한 줄 */
html body .tanga-ref-board .tanga-ref-author-icon-name,
html body .tanga-ref-board .tanga-ref-author{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:9px !important;

    margin:0 !important;
    padding:0 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-size:15px !important;
    font-weight:700 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

/* 닉네임 흰색 */
html body .tanga-ref-board .tanga-ref-author-icon-name a,
html body .tanga-ref-board .tanga-ref-author-icon-name .sv_member,
html body .tanga-ref-board .tanga-ref-author-icon-name span,
html body .tanga-ref-board .tanga-ref-author a,
html body .tanga-ref-board .tanga-ref-author .sv_member{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

/* 사이트에서 원래 출력하는 레벨아이콘을 예시처럼 크게 */
html body .tanga-ref-board .tanga-ref-author-icon-name img,
html body .tanga-ref-board .tanga-ref-author img{
    display:inline-block !important;
    flex:0 0 auto !important;

    width:34px !important;
    height:34px !important;
    max-width:34px !important;
    max-height:34px !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;
    vertical-align:middle !important;

    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* 등록일/조회까지 우측 밀착 유지 */
html body .tanga-ref-board .tanga-ref-head,
html body .tanga-ref-board .tanga-ref-row{
    grid-template-columns:90px minmax(0,1fr) 210px 90px 55px !important;
    column-gap:8px !important;
    padding-right:8px !important;
}

html body .tanga-ref-board .tanga-ref-col-date,
html body .tanga-ref-board .tanga-ref-col-hit{
    text-align:right !important;
    justify-self:end !important;
}

/* 모바일 */
@media(max-width:767px){
    html body .tanga-ref-board .tanga-ref-author-icon-name,
    html body .tanga-ref-board .tanga-ref-author{
        gap:5px !important;
        font-size:11px !important;
    }

    html body .tanga-ref-board .tanga-ref-author-icon-name img,
    html body .tanga-ref-board .tanga-ref-author img{
        width:24px !important;
        height:24px !important;
        max-width:24px !important;
        max-height:24px !important;
    }
}
/* ========================================================= */


/* =========================================================
   작성자 헤더 + 회원 레벨아이콘 안전 수정 FINAL
   PHP 함수 추가 없이 기존 get_sideview() 결과만 사용
   ========================================================= */

/* 데스크톱 열 구성: 작성자/등록일/조회 오른쪽에 밀착 */
html body .tanga-ref-board .tanga-ref-head,
html body .tanga-ref-board .tanga-ref-row{
    display:grid !important;
    grid-template-columns:82px minmax(0,1fr) 205px 88px 50px !important;
    column-gap:7px !important;
    align-items:center !important;
    padding-left:10px !important;
    padding-right:4px !important;
}

/* 헤더 작성자 정상 표시 */
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-name{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    padding:0 !important;
    text-align:right !important;
    color:#929292 !important;
    -webkit-text-fill-color:#929292 !important;
    font-size:12px !important;
    font-weight:600 !important;
}

/* 등록일/조회 헤더도 우측 정렬 */
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-date,
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-hit{
    padding:0 !important;
    text-align:right !important;
}

/* 작성자 칸 */
html body .tanga-ref-board .tanga-ref-row .tanga-ref-col-name{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    text-align:right !important;
}

/* 작성자 전체 */
html body .tanga-ref-board .tanga-ref-author-icon-name,
html body .tanga-ref-board .tanga-ref-author{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    white-space:nowrap !important;
}

/*
 * 그누보드 get_sideview()가 만드는 구조:
 * .sv_wrap > a.sv_member > .profile_img > img + 닉네임
 * 이 회원아이콘을 강제로 보이게 함
 */
html body .tanga-ref-board .tanga-ref-author .sv_wrap{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    max-width:100% !important;
}

html body .tanga-ref-board .tanga-ref-author .sv_wrap > a.sv_member{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    width:auto !important;
    max-width:100% !important;
    padding:0 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}

html body .tanga-ref-board .tanga-ref-author .profile_img{
    display:inline-flex !important;
    flex:0 0 34px !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    vertical-align:middle !important;
}

html body .tanga-ref-board .tanga-ref-author .profile_img img{
    display:block !important;
    width:34px !important;
    height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    object-fit:contain !important;
}

/* sideview를 사용하지 않는 경우에도 닉네임은 흰색 */
html body .tanga-ref-board .tanga-ref-author .sv_member,
html body .tanga-ref-board .tanga-ref-author .sv_guest{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:14px !important;
    font-weight:700 !important;
}

/* 이전 테스트용 직접 생성 아이콘/Lv 텍스트는 숨김 */
html body .tanga-ref-board .tanga-ref-level-icon,
html body .tanga-ref-board .tanga-ref-author-level{
    display:none !important;
}

/* 제목은 조금 더 작게 */
html body .tanga-ref-board .tanga-ref-subject{
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.4 !important;
}

/* 등록일 / 조회를 화면 오른쪽 끝에 밀착 */
html body .tanga-ref-board .tanga-ref-col-date,
html body .tanga-ref-board .tanga-ref-col-hit{
    width:100% !important;
    padding:0 !important;
    justify-self:end !important;
    text-align:right !important;
    font-variant-numeric:tabular-nums !important;
}

/* 작성자 hover 메뉴는 기존 기능 유지 */
html body .tanga-ref-board .tanga-ref-author .sv{
    text-align:left !important;
}

/* 태블릿 */
@media(max-width:1180px){
    html body .tanga-ref-board .tanga-ref-head,
    html body .tanga-ref-board .tanga-ref-row{
        grid-template-columns:70px minmax(0,1fr) 175px 76px 44px !important;
        column-gap:5px !important;
        padding-left:7px !important;
        padding-right:3px !important;
    }

    html body .tanga-ref-board .tanga-ref-author .profile_img{
        flex-basis:29px !important;
        width:29px !important;
        height:29px !important;
    }

    html body .tanga-ref-board .tanga-ref-author .profile_img img{
        width:29px !important;
        height:29px !important;
        max-width:29px !important;
        max-height:29px !important;
    }

    html body .tanga-ref-board .tanga-ref-author .sv_wrap > a.sv_member,
    html body .tanga-ref-board .tanga-ref-author .sv_member,
    html body .tanga-ref-board .tanga-ref-author .sv_guest{
        font-size:12px !important;
    }
}

/* 모바일: 기존 제목/작성자/등록일 3열 구조 */
@media(max-width:767px){
    html body .tanga-ref-board .tanga-ref-head,
    html body .tanga-ref-board .tanga-ref-row{
        grid-template-columns:minmax(0,1fr) 108px 58px !important;
        column-gap:4px !important;
    }

    html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-name{
        grid-column:2 !important;
        display:block !important;
        text-align:right !important;
        font-size:10px !important;
    }

    html body .tanga-ref-board .tanga-ref-row .tanga-ref-col-name{
        grid-column:2 !important;
        justify-content:flex-end !important;
    }

    html body .tanga-ref-board .tanga-ref-author .sv_wrap > a.sv_member{
        gap:4px !important;
        font-size:10px !important;
    }

    html body .tanga-ref-board .tanga-ref-author .profile_img{
        flex-basis:22px !important;
        width:22px !important;
        height:22px !important;
    }

    html body .tanga-ref-board .tanga-ref-author .profile_img img{
        width:22px !important;
        height:22px !important;
        max-width:22px !important;
        max-height:22px !important;
    }

    html body .tanga-ref-board .tanga-ref-subject{
        font-size:12px !important;
    }
}
/* ========================================================= */


/* =========================================================
   회원아이콘 강제 출력 최종
   get_sideview()가 만든 profile_img + 닉네임을 예시처럼 표시
   ========================================================= */

html body .tanga-ref-board .tanga-ref-author-icon-name{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

/* sideview 전체 */
html body .tanga-ref-board .tanga-ref-author-icon-name .sv_wrap{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    max-width:100% !important;
    overflow:visible !important;
}

/* 클릭 가능한 닉네임 영역 */
html body .tanga-ref-board .tanga-ref-author-icon-name .sv_member{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    max-width:100% !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}

/* 핵심: 회원 레벨 아이콘 */
html body .tanga-ref-board .tanga-ref-author-icon-name .profile_img{
    display:inline-flex !important;
    flex:0 0 34px !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    vertical-align:middle !important;
}

html body .tanga-ref-board .tanga-ref-author-icon-name .profile_img img{
    display:block !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    object-fit:contain !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* sideview 메뉴는 기존 기능 유지 */
html body .tanga-ref-board .tanga-ref-author-icon-name .sv{
    text-align:left !important;
}

/* 게시글 제목은 조금 작게 유지 */
html body .tanga-ref-board .tanga-ref-subject{
    font-size:13px !important;
    font-weight:500 !important;
}

/* 모바일 */
@media(max-width:767px){
    html body .tanga-ref-board .tanga-ref-author-icon-name .sv_member{
        gap:5px !important;
        font-size:10px !important;
    }

    html body .tanga-ref-board .tanga-ref-author-icon-name .profile_img{
        flex-basis:22px !important;
        width:22px !important;
        min-width:22px !important;
        height:22px !important;
        min-height:22px !important;
    }

    html body .tanga-ref-board .tanga-ref-author-icon-name .profile_img img{
        width:22px !important;
        min-width:22px !important;
        max-width:22px !important;
        height:22px !important;
        min-height:22px !important;
        max-height:22px !important;
    }

    html body .tanga-ref-board .tanga-ref-subject{
        font-size:12px !important;
    }
}
/* ========================================================= */


/* =========================================================
   업로드해주신 정확한 헬멧 레벨아이콘 + 닉네임
   ========================================================= */

/* 작성자 헤더 유지 */
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-name{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    text-align:right !important;
}

/* 작성자 묶음 */
html body .tanga-ref-board .tanga-ref-row .tanga-ref-col-name{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:100% !important;
    padding:0 !important;
    text-align:right !important;
}

html body .tanga-ref-board .tanga-ref-author-icon-name{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:9px !important;
    white-space:nowrap !important;
}

/* 사용자가 올려준 실제 헬멧 아이콘 */
html body .tanga-ref-board .tanga-ref-fixed-level-icon{
    display:block !important;
    flex:0 0 38px !important;
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    object-fit:contain !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* get_sideview에서 자체적으로 붙는 프로필 이미지는 숨겨 중복 방지 */
html body .tanga-ref-board .tanga-ref-author-nickname .profile_img{
    display:none !important;
}

/* 닉네임만 흰색으로 */
html body .tanga-ref-board .tanga-ref-author-nickname,
html body .tanga-ref-board .tanga-ref-author-nickname .sv_wrap,
html body .tanga-ref-board .tanga-ref-author-nickname .sv_member,
html body .tanga-ref-board .tanga-ref-author-nickname .sv_guest,
html body .tanga-ref-board .tanga-ref-author-nickname a{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:14px !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

/* 게시글 제목은 조금 작게 */
html body .tanga-ref-board .tanga-ref-subject{
    font-size:13px !important;
    line-height:1.4 !important;
}

/* 모바일 */
@media(max-width:767px){
    html body .tanga-ref-board .tanga-ref-author-icon-name{
        gap:5px !important;
    }

    html body .tanga-ref-board .tanga-ref-fixed-level-icon{
        flex-basis:26px !important;
        width:26px !important;
        min-width:26px !important;
        max-width:26px !important;
        height:26px !important;
        min-height:26px !important;
        max-height:26px !important;
    }

    html body .tanga-ref-board .tanga-ref-author-nickname,
    html body .tanga-ref-board .tanga-ref-author-nickname .sv_member,
    html body .tanga-ref-board .tanga-ref-author-nickname .sv_guest{
        font-size:11px !important;
    }

    html body .tanga-ref-board .tanga-ref-subject{
        font-size:12px !important;
    }
}
/* ========================================================= */


/* =========================================================
   사이트 기존 레벨 1~20 계급 아이콘 + 닉네임 FINAL
   extend/casino_rank.extend.php + img/ranks/levelXX.ico 사용
   ========================================================= */

/* 사용자 업로드 고정 아이콘은 사용하지 않음 */
html body .tanga-ref-board .tanga-ref-fixed-level-icon{
    display:none !important;
}

/* 작성자: [기존 레벨아이콘] [닉네임] */
html body .tanga-ref-board .tanga-ref-author-icon-name{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    white-space:nowrap !important;
}

/* 사이트 원래 레벨 아이콘 클래스 */
html body .tanga-ref-board .tanga-ref-author-icon-name > .casino-rank-icon{
    display:block !important;
    flex:0 0 34px !important;

    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
    box-shadow:none !important;

    object-fit:contain !important;
    vertical-align:middle !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* get_sideview 자체 프로필 아이콘은 숨겨서 레벨아이콘 중복 방지 */
html body .tanga-ref-board .tanga-ref-author-nickname .profile_img{
    display:none !important;
}

/* 닉네임 */
html body .tanga-ref-board .tanga-ref-author-nickname,
html body .tanga-ref-board .tanga-ref-author-nickname .sv_wrap,
html body .tanga-ref-board .tanga-ref-author-nickname .sv_member,
html body .tanga-ref-board .tanga-ref-author-nickname .sv_guest,
html body .tanga-ref-board .tanga-ref-author-nickname a{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:14px !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

/* 작성자 헤더 유지 */
html body .tanga-ref-board .tanga-ref-head .tanga-ref-col-name{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    text-align:right !important;
}

/* 작성자 / 등록일 / 조회 오른쪽 정렬 유지 */
html body .tanga-ref-board .tanga-ref-row .tanga-ref-col-name{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    padding:0 !important;
}

html body .tanga-ref-board .tanga-ref-col-date,
html body .tanga-ref-board .tanga-ref-col-hit{
    text-align:right !important;
    justify-self:end !important;
}

/* 제목은 조금 작은 상태 유지 */
html body .tanga-ref-board .tanga-ref-subject{
    font-size:13px !important;
    line-height:1.4 !important;
}

@media(max-width:767px){
    html body .tanga-ref-board .tanga-ref-author-icon-name{
        gap:5px !important;
    }

    html body .tanga-ref-board .tanga-ref-author-icon-name > .casino-rank-icon{
        flex-basis:24px !important;
        width:24px !important;
        min-width:24px !important;
        max-width:24px !important;
        height:24px !important;
        min-height:24px !important;
        max-height:24px !important;
    }

    html body .tanga-ref-board .tanga-ref-author-nickname,
    html body .tanga-ref-board .tanga-ref-author-nickname .sv_member,
    html body .tanga-ref-board .tanga-ref-author-nickname .sv_guest{
        font-size:11px !important;
    }

    html body .tanga-ref-board .tanga-ref-subject{
        font-size:12px !important;
    }
}
/* ========================================================= */


/* =========================================================
   글쓰기 버튼 위치: 게시글 바로 아래 우측 / 페이지번호 바로 위
   ========================================================= */
html body .tanga-ref-board .tanga-ref-list-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;

    width:100% !important;
    margin:14px 0 0 !important;
    padding:0 4px !important;

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* 글쓰기 버튼 */
html body .tanga-ref-board .tanga-ref-list-actions .tanga-ref-write-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:74px !important;
    height:34px !important;
    padding:0 14px !important;

    border:1px solid #F4BE24 !important;
    border-radius:6px !important;

    background:#F4BE24 !important;
    color:#111 !important;
    -webkit-text-fill-color:#111 !important;

    font-size:12px !important;
    font-weight:800 !important;
    text-decoration:none !important;
}

/* 관리자 버튼은 필요할 때 글쓰기 왼쪽에 유지 */
html body .tanga-ref-board .tanga-ref-list-actions .tanga-ref-admin-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:66px !important;
    height:34px !important;
    padding:0 12px !important;

    border:1px solid #444 !important;
    border-radius:6px !important;

    background:#292929 !important;
    color:#c8c8c8 !important;
    -webkit-text-fill-color:#c8c8c8 !important;

    font-size:12px !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

/* 글쓰기 버튼 다음에 바로 페이지번호가 오도록 자연스러운 간격 */
html body #bo_list.tanga-ref-scam-controls .tanga-ref-list-actions + .pg_wrap,
html body .tanga-ref-board .tanga-ref-list-actions + .pg_wrap{
    margin-top:18px !important;
}

/* 기존 하단 액션 위치는 숨김 - 중복 방지 */
html body .tanga-ref-board .tanga-ref-bottom-actions{
    display:none !important;
}

@media(max-width:767px){
    html body .tanga-ref-board .tanga-ref-list-actions{
        margin-top:11px !important;
        padding:0 2px !important;
    }

    html body .tanga-ref-board .tanga-ref-list-actions .tanga-ref-write-btn,
    html body .tanga-ref-board .tanga-ref-list-actions .tanga-ref-admin-btn{
        min-width:60px !important;
        height:30px !important;
        padding:0 10px !important;
        font-size:10px !important;
    }

    html body #bo_list.tanga-ref-scam-controls .tanga-ref-list-actions + .pg_wrap,
    html body .tanga-ref-board .tanga-ref-list-actions + .pg_wrap{
        margin-top:15px !important;
    }
}
/* ========================================================= */


/* =========================================================
   글쓰기 버튼 = 선택삭제/선택복사/선택이동 버튼과 동일 크기
   위치 = 같은 줄의 오른쪽 끝
   ========================================================= */

/* 관리자 선택 버튼 줄을 좌/우 한 줄 배치 */
html body .tanga-ref-board .tanga-ref-admin-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;

    width:100% !important;
    margin:14px 0 0 !important;
    padding:0 4px !important;

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/*
 * 글쓰기/관리자 액션을 선택버튼과 같은 세로 위치로 올립니다.
 * 별도 줄로 보이지 않고, 오른쪽 끝에 정렬됩니다.
 */
html body .tanga-ref-board .tanga-ref-list-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;

    width:auto !important;
    height:31px !important;

    margin:-31px 4px 0 auto !important;
    padding:0 !important;

    position:relative !important;
    z-index:5 !important;

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* 선택삭제/선택복사/선택이동과 완전히 같은 높이/패딩/둥글기 */
html body .tanga-ref-board .tanga-ref-admin-actions button,
html body .tanga-ref-board .tanga-ref-list-actions .tanga-ref-admin-btn,
html body .tanga-ref-board .tanga-ref-list-actions .tanga-ref-write-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:auto !important;
    width:auto !important;
    height:31px !important;

    margin:0 !important;
    padding:0 10px !important;

    border:1px solid #3e3e3e !important;
    border-radius:5px !important;

    background:#282828 !important;
    color:#aaa !important;
    -webkit-text-fill-color:#aaa !important;

    font-size:11px !important;
    font-weight:600 !important;
    line-height:31px !important;

    text-decoration:none !important;
    box-shadow:none !important;
}

/* 글쓰기만 색상은 기존 노란색 유지, 크기만 왼쪽 버튼과 동일 */
html body .tanga-ref-board .tanga-ref-list-actions .tanga-ref-write-btn{
    border-color:#F4BE24 !important;
    background:#F4BE24 !important;
    color:#111 !important;
    -webkit-text-fill-color:#111 !important;
    font-weight:800 !important;
}

/* 관리자 버튼이 같이 보일 때도 같은 크기 */
html body .tanga-ref-board .tanga-ref-list-actions .tanga-ref-admin-btn{
    border-color:#3e3e3e !important;
    background:#282828 !important;
    color:#aaa !important;
    -webkit-text-fill-color:#aaa !important;
}

/* 글쓰기 줄이 우측에 올라왔으므로 페이지번호와의 간격만 자연스럽게 */
html body #bo_list.tanga-ref-scam-controls .tanga-ref-list-actions + .pg_wrap,
html body .tanga-ref-board .tanga-ref-list-actions + .pg_wrap{
    margin-top:18px !important;
}

/* 모바일 */
@media(max-width:767px){
    html body .tanga-ref-board .tanga-ref-admin-actions{
        gap:5px !important;
        padding:0 2px !important;
    }

    html body .tanga-ref-board .tanga-ref-list-actions{
        height:29px !important;
        margin:-29px 2px 0 auto !important;
    }

    html body .tanga-ref-board .tanga-ref-admin-actions button,
    html body .tanga-ref-board .tanga-ref-list-actions .tanga-ref-admin-btn,
    html body .tanga-ref-board .tanga-ref-list-actions .tanga-ref-write-btn{
        height:29px !important;
        padding:0 9px !important;
        border-radius:5px !important;
        font-size:10px !important;
        line-height:29px !important;
    }
}
/* ========================================================= */

