@charset "utf-8";
/* ==========================================================================
 * main-mobile-top-go.css
 * 2026-03-25 15:40:00 r036
 *
 * [r036]
 * - mobile-main-top-go-wrap 전용 전체 교체본
 * - 767px 이하에서 1줄 1항목만 노출
 * - 좌우 버튼 폭을 줄여 가운데 텍스트 노출폭 최대 확보
 * - 413px 이하에서 버튼/폰트/패딩 추가 축소
 * ========================================================================== */

@media all and (max-width:767px){

    .mobile-main-top-go-wrap{
        position:relative;
        display:flex;
        align-items:center;
        width:100%;
        min-height:40px;
        gap:0;
        border:1px solid #dcdcdc;
        border-radius:6px;
        overflow:hidden;
        background:#fff;
        box-sizing:border-box;
    }

    .mobile-main-top-go-list,
    .mobile-main-top-go-inner,
    .mobile-main-top-go{
        position:relative;
        flex:1 1 auto;
        min-width:0;
        width:auto;
        height:40px;
        overflow:hidden;
        white-space:nowrap;
        box-sizing:border-box;
    }

    .mobile-main-top-go-wrap .mobile-go-item{
        display:none;
        width:100%;
        height:40px;
        margin:0;
        padding:0;
        box-sizing:border-box;
        white-space:nowrap;
        font-size:13px;
        line-height:1.2;
    }

    .mobile-main-top-go-wrap .mobile-go-item.is-active{
        display:block;
    }

    .mobile-main-top-go-wrap .mobile-go-item a{
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height:40px;
        padding:0 8px;
        color:#222;
        font-size:13px;
        font-weight:500;
        line-height:1.2;
        text-decoration:none;
        text-align:center;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        box-sizing:border-box;
    }

    .mobile-main-top-go__prev,
    .mobile-main-top-go__next{
        position:relative;
        z-index:2;
        flex:0 0 32px;
        width:32px;
        height:40px;
        padding:0;
        margin:0;
        border:0;
        background:#fff;
        color:#333;
        font-size:16px;
        line-height:1;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        cursor:pointer;
        appearance:none;
        -webkit-appearance:none;
    }

    .mobile-main-top-go__prev{
        border-right:1px solid #e5e5e5;
    }

    .mobile-main-top-go__next{
        border-left:1px solid #e5e5e5;
    }

    .mobile-main-top-go__prev[disabled],
    .mobile-main-top-go__next[disabled]{
        opacity:.35;
        cursor:default;
    }

    .mobile-main-top-go__nav,
    .mobile-main-top-go__nav--prev,
    .mobile-main-top-go__nav--next{
        display:none !important;
    }
}

@media all and (max-width:412px){

    .mobile-main-top-go-wrap{
        min-height:38px;
    }

    .mobile-main-top-go-list,
    .mobile-main-top-go-inner,
    .mobile-main-top-go{
        height:38px;
    }

    .mobile-main-top-go-wrap .mobile-go-item{
        height:38px;
    }

    .mobile-main-top-go-wrap .mobile-go-item a{
        height:38px;
        padding:0 6px;
        font-size:12px;
    }

    .mobile-main-top-go__prev,
    .mobile-main-top-go__next{
        flex:0 0 28px;
        width:28px;
        height:38px;
        font-size:15px;
    }
}