@charset "utf-8";

/* 스포츠뉴스 / 국내뉴스 / 해외뉴스: 썸네일 뉴스피드형 목록 */
.tanga-news-feed-board{
    width:100%;
    margin:0;
    padding:0;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#eee;
}

.tanga-news-feed-list{
    width:100%;
}

.tanga-news-feed-item{
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    gap:28px;
    align-items:center;
    padding:26px 0;
    border-bottom:1px solid #303236;
}

.tanga-news-feed-item:first-child{
    padding-top:8px;
}

.tanga-news-feed-thumb{
    display:block;
    position:relative;
    width:250px;
    height:164px;
    overflow:hidden;
    border-radius:4px;
    background:#121316;
}

.tanga-news-feed-thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.tanga-news-feed-content{
    min-width:0;
    padding-right:8px;
}

.tanga-news-feed-title{
    margin:0 0 10px;
    padding:0;
    color:#f5f5f5;
    font-size:21px;
    line-height:1.4;
    font-weight:900;
    letter-spacing:-0.025em;
}

.tanga-news-feed-title a{
    color:inherit !important;
    text-decoration:none !important;
}

.tanga-news-comment{
    margin-left:6px;
    color:#F4BE24;
    font-size:.86em;
    font-weight:900;
}

.tanga-news-feed-summary{
    margin:0 0 14px;
    padding:0;
    color:#c0c2c7;
    font-size:16px;
    line-height:1.72;
    word-break:keep-all;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.tanga-news-feed-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    color:#777d88;
    font-size:14px;
    line-height:1.4;
    font-weight:600;
}

.tanga-news-meta-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:0;
}

.tanga-news-rank-icon{
    display:block;
    width:22px !important;
    height:22px !important;
    object-fit:contain;
    vertical-align:middle;
}

.tanga-news-meta-name{
    color:#e7e7e7;
    font-weight:800;
}

.tanga-news-meta-sep{
    color:#50545b;
}

.tanga-news-feed-empty{
    padding:90px 20px;
    text-align:center;
    color:#777;
    border-bottom:1px solid #303236;
}

/* 관리자 / 글쓰기 */
.tanga-news-feed-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:6px;
    width:100%;
    margin:14px 0 0;
}

.tanga-news-feed-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:62px;
    height:31px;
    padding:0 11px;
    border-radius:5px;
    font-size:10px;
    line-height:1;
    font-weight:800;
    text-decoration:none !important;
}

.tanga-news-admin{
    border:1px solid #414141;
    background:#292929;
    color:#c8c8c8 !important;
}

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

/* 페이지번호 */
.tanga-news-feed-paging{
    width:100%;
    margin:24px 0 30px;
    text-align:center;
}

.tanga-news-feed-paging .pg{
    display:flex;
    justify-content:center;
    align-items:center;
}

.tanga-news-feed-paging .pg_page,
.tanga-news-feed-paging .pg_current{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:38px;
    margin:0 4px;
    padding:0 10px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#9b9b9b;
    font-weight:800;
    text-decoration:none;
}

.tanga-news-feed-paging .pg_current{
    background:#F4BE24;
    color:#111;
}

/* 검색 */
.tanga-news-feed-search{
    width:560px;
    max-width:calc(100% - 30px);
    margin:0 auto 20px;
    padding:0;
    border:0;
}

.tanga-news-feed-search legend{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
}

.tanga-news-feed-search form{
    display:grid;
    grid-template-columns:100px minmax(0,350px) 90px;
    gap:10px;
    align-items:center;
    justify-content:center;
}

.tanga-news-feed-search select,
.tanga-news-feed-search .sch_input,
.tanga-news-feed-search .sch_btn{
    height:40px;
    border-radius:10px;
    box-sizing:border-box;
    font-size:10px;
    font-weight:800;
}

.tanga-news-feed-search select,
.tanga-news-feed-search .sch_input{
    border:1px solid #444;
    background:#262626;
    color:#eee;
    outline:0;
}

.tanga-news-feed-search select{
    padding:0 10px;
}

.tanga-news-feed-search .sch_input{
    min-width:0;
    padding:0 14px;
}

.tanga-news-feed-search .sch_input::placeholder{
    color:#777;
}

.tanga-news-feed-search .sch_btn{
    border:1px solid #F4BE24;
    background:#F4BE24;
    color:#111;
    cursor:pointer;
}

@media(max-width:900px){
    .tanga-news-feed-item{
        grid-template-columns:190px minmax(0,1fr);
        gap:20px;
    }

    .tanga-news-feed-thumb{
        width:190px;
        height:128px;
    }

    .tanga-news-feed-title{
        font-size:18px;
    }

    .tanga-news-feed-summary{
        font-size:14px;
        -webkit-line-clamp:2;
    }
}

@media(max-width:640px){
    .tanga-news-feed-item{
        grid-template-columns:112px minmax(0,1fr);
        gap:12px;
        padding:16px 0;
        align-items:start;
    }

    .tanga-news-feed-thumb{
        width:112px;
        height:78px;
        border-radius:6px;
    }

    .tanga-news-feed-title{
        margin-bottom:6px;
        font-size:14px;
        line-height:1.4;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .tanga-news-feed-summary{
        margin-bottom:7px;
        font-size:11px;
        line-height:1.45;
        -webkit-line-clamp:2;
    }

    .tanga-news-feed-meta{
        gap:4px;
        font-size:10px;
    }

    .tanga-news-rank-icon{
        width:17px !important;
        height:17px !important;
    }

    .tanga-news-feed-search{
        width:100%;
        max-width:100%;
    }

    .tanga-news-feed-search form{
        grid-template-columns:1fr;
        gap:7px;
    }

    .tanga-news-feed-search select,
    .tanga-news-feed-search .sch_input,
    .tanga-news-feed-search .sch_btn{
        width:100%;
        height:40px;
        font-size:10px;
    }
}

/* FINAL: 뉴스 외곽 프레임 제거 + 순번/검색 간격 */
html body #bo_list.tanga-news-feed-board{
    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-news-feed-board > .tanga-news-feed-paging{
    position:static !important;
    float:none !important;
    clear:both !important;
    margin:32px 0 42px !important;
    transform:none !important;
}
html body #bo_list.tanga-news-feed-board > .tanga-news-feed-search{
    position:static !important;
    float:none !important;
    clear:both !important;
    margin:0 auto 28px !important;
    transform:none !important;
}
@media(max-width:767px){
    html body #bo_list.tanga-news-feed-board > .tanga-news-feed-paging{
        margin:26px 0 32px !important;
    }
}


/* =========================================================
   스포츠뉴스 / 국내뉴스 / 해외뉴스
   페이지번호 ↔ 검색창 간격 최종 강제 수정
   ========================================================= */

/* 페이지번호 영역 자체의 높이를 확보해서 검색창이 절대 붙지 않게 함 */
html body #bo_list.tanga-news-feed-board > .tanga-news-feed-paging{
    position:static !important;
    float:none !important;
    clear:both !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    min-height:38px !important;

    margin:32px 0 0 !important;
    padding:0 0 46px !important;

    box-sizing:content-box !important;
    transform:none !important;
}

/* 그누보드 기본 .pg_wrap의 float:left를 완전히 해제 */
html body #bo_list.tanga-news-feed-board > .tanga-news-feed-paging .pg_wrap{
    position:static !important;
    float:none !important;
    clear:both !important;

    display:block !important;
    width:auto !important;
    height:auto !important;

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

    transform:none !important;
}

/* 페이지번호 내부도 정상 흐름으로 고정 */
html body #bo_list.tanga-news-feed-board > .tanga-news-feed-paging .pg{
    position:static !important;
    float:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    margin:0 auto !important;
    padding:0 !important;

    transform:none !important;
}

/* 검색창은 페이지번호 영역 다음 줄에서 시작 */
html body #bo_list.tanga-news-feed-board > fieldset.tanga-news-feed-search{
    position:static !important;
    float:none !important;
    clear:both !important;

    display:block !important;

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

    margin:0 auto 28px !important;
    padding:0 !important;

    transform:none !important;
}

/* PC에서 페이지번호-검색창 사이 간격 약 46px */
@media(min-width:768px){
    html body #bo_list.tanga-news-feed-board > .tanga-news-feed-paging{
        padding-bottom:46px !important;
    }
}

/* 모바일도 충분히 띄움 */
@media(max-width:767px){
    html body #bo_list.tanga-news-feed-board > .tanga-news-feed-paging{
        min-height:34px !important;
        margin:26px 0 0 !important;
        padding-bottom:30px !important;
    }

    html body #bo_list.tanga-news-feed-board > fieldset.tanga-news-feed-search{
        width:100% !important;
        max-width:100% !important;
        margin:0 auto 20px !important;
    }
}
/* ========================================================= */