/********************************************************
■ 전체 배너 및 레이아웃 조정
********************************************************/

/* ========================================
   1. 메인 페이지 - 중앙 배너 (400x90 고정)
======================================== */
.basic-banner img,
.static-grid-banner img {
    width: 400px !important;
    height: 90px !important;
    object-fit: fill !important;
    display: block !important;
}

.basic-banner .item,
.static-grid-banner .item,
.basic-banner li,
.static-grid-banner li {
    width: 400px !important;
    height: 90px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.basic-banner,
.static-grid-banner {
    padding: 0 !important;
    margin: 0 !important;
    row-gap: 4px !important;
    grid-template-columns: 400px 400px !important;
    justify-content: space-evenly !important;
}

/* ========================================
   2. 우측 로그인/공지 영역 - 부모 너비에 맞춤
======================================== */
.na-outlogin,
.outlogin-wrap,
.login-box {
    width: 100% !important;
    max-width: 100% !important;
}

.na-outlogin img,
.outlogin-wrap img,
.login-box img,
.login-box+.na-widget img,
.na-outlogin+.na-widget img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: fill !important;
    display: block !important;
}

/* 우측 사이드 배너 컨테이너 */
.col-md-3 .na-widget img,
.col-lg-3 .na-widget img,
.sidebar img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: fill !important;
}


/* ========================================
   3. 커뮤니티 페이지 - 좌측 배너
======================================== */
#nt_side img,
.side-basic img,
.side-index img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: fill !important;
}

#nt_side .item,
.side-basic .item {
    width: 100% !important;
    margin: 5px 0 !important;
    overflow: hidden !important;
}

/* 커뮤니티 - 좌우 간격 늘리기 */
#nt_side {
    padding-right: 20px !important;
}

.nt-contents {
    padding-left: 15px !important;
}

/* ========================================
   4. 중앙 여백 줄이기
======================================== */
.nt-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.row {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.row>[class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* 메인 컨텐츠 영역 */
#nt_main .row {
    gap: 5px !important;
}