@charset "utf-8";
/* ==========================================================================
 * main-board.css
 * 2026-03-25 12:20:00 r034
 *
 * [r034]
 * - 메인 게시판 영역
 * - 587 이하 1컬럼 반응형을 이 파일로 이동
 * ========================================================================== */

#erum-main-page .main-bbs-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    align-items:start;
}

#erum-main-page .main-banner-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    align-items:start;
}

#erum-main-page .main-bbs-section{
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
    box-sizing:border-box;
}

#erum-main-page .main-bbs-section .bbs-list-hd{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding-bottom:8px;
    margin-bottom:8px;
    border-bottom:1px solid #dcdcdc;
}

#erum-main-page .main-bbs-tit{
    min-width:0;
    font-size:18px;
    font-weight:700;
    line-height:1.25;
    color:#222;
}

#erum-main-page .main-bbs-tit a{
    display:inline-block;
    color:#222;
    text-decoration:none;
}

#erum-main-page .main-bbs-more{
    flex:0 0 auto;
    font-size:12px;
    line-height:1.2;
}

#erum-main-page .main-bbs-more a{
    color:#666;
    text-decoration:none;
}

#erum-main-page .bbs-list{
    width:100%;
    min-width:0;
}

#erum-main-page .bbs-row{
    list-style:none;
    margin:0;
    padding:0;
}

#erum-main-page .bbs-row-item{
    margin:0;
    padding:0;
    border-bottom:1px solid #f1f1f1;
}

#erum-main-page .bbs-row-item:last-child{
    border-bottom:0;
}

#erum-main-page .bbs-link{
    display:flex;
    align-items:center;
    width:100%;
    padding:4px 0;
    box-sizing:border-box;
}

#erum-main-page .bbs-text-group{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    gap:4px;
}

#erum-main-page .bbs-subject-wrap{
    flex:1 1 auto;
    min-width:0;
    display:block;
}

#erum-main-page .bbs-subject{
    display:block !important;
    width:100%;
    min-width:0;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    line-height:1.25;
    font-size:14px;
    color:#222;
    text-align:left;
}

#erum-main-page .bbs-new-icon{
    flex:0 0 auto;
    display:inline-block;
    width:12px;
    height:12px;
    margin-top:2px;
    background:url('/common/images/new.gif') no-repeat center center;
    background-size:contain;
}

#erum-main-page .bbs-notice-label{
    display:inline-block;
    margin-right:4px;
    font-style:normal;
    font-weight:700;
    color:#d60000;
}

@media all and (max-width:1024px){
    #erum-main-page .main-bbs-tit{
        font-size:17px;
    }

    #erum-main-page .bbs-link{
        padding:4px 0;
    }

    #erum-main-page .bbs-subject{
        font-size:14px;
        line-height:1.3;
    }
}

@media all and (max-width:640px){
    #erum-main-page .main-bbs-section .bbs-list-hd{
        padding-bottom:7px;
        margin-bottom:7px;
    }

    #erum-main-page .main-bbs-tit{
        font-size:16px;
    }

    #erum-main-page .main-bbs-more{
        font-size:11px;
    }

    #erum-main-page .bbs-link{
        padding:3px 0;
    }

    #erum-main-page .bbs-subject{
        font-size:14px;
        line-height:1.25;
    }

    #erum-main-page .bbs-new-icon{
        width:14px;
        height:14px;
        margin-top:0;
    }
}

@media all and (max-width:587px){
    #erum-main-page .main-bbs-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    #erum-main-page .main-bbs-grid > *{
        min-width:0;
    }
}