/* =========================================================
   SINBAD WORLD EXPO
   ROUNDED HORIZONTAL ALL MENU CAROUSEL
   ========================================================= */

@media (min-width:768px) {

    .at-menu {
        position:relative !important;
        z-index:3000 !important;
    }

    /*
     * 전체 메뉴는 본문을 아래로 밀지 않고
     * 헤더 바로 아래에 떠서 표시
     */
    .pc-menu-all {
        position:absolute !important;
        top:100% !important;
        right:0 !important;
        left:0 !important;

        width:100% !important;
        z-index:3010 !important;
    }

    .pc-menu-all #menu-all {
        margin:0 !important;
        padding:0 16px 18px !important;

        border:0 !important;
        background:transparent !important;
    }

    /*
     * 기존 부트스트랩 컨테이너의 테이블 속성 제거
     */
    .pc-menu-all
    #menu-all
    > .at-container.table-responsive,

    .pc-menu-all
    #menu-all
    > .at-container.sinbad-allmenu-host {
        width:calc(100% - 32px) !important;
        max-width:1320px !important;

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

        overflow:visible !important;

        border:0 !important;
        background:transparent !important;
    }

    /*
     * 원본 테이블은 데이터 원천으로만 유지하고 숨김
     */
    .pc-menu-all
    #menu-all
    table.sinbad-allmenu-source {
        display:none !important;
    }

    /* =====================================================
       전체 고정 라운드 박스
       ===================================================== */

    .sinbad-allmenu-shell {
        position:relative;

        width:100%;
        min-width:0;

        overflow:hidden;

        border:1px solid #cbd9f1;
        border-top:4px solid #ffd000;
        border-radius:22px;

        background:
            linear-gradient(
                180deg,
                #f9fbff 0%,
                #edf3fd 100%
            );

        box-shadow:
            0 24px 55px rgba(8, 27, 73, .25),
            0 4px 12px rgba(8, 27, 73, .10);
    }

    /* =====================================================
       상단 대분류 이동 영역
       ===================================================== */

    .sinbad-allmenu-nav {
        display:grid;
        grid-template-columns:48px minmax(0, 1fr) 48px;
        align-items:center;
        column-gap:8px;

        min-height:92px;

        padding:12px 12px 10px;

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #f4f8ff 100%
            );
    }

    .sinbad-allmenu-viewport {
        position:relative;

        width:100%;
        min-width:0;

        overflow-x:auto;
        overflow-y:hidden;

        scroll-behavior:smooth;
        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;

        scrollbar-width:none;
    }

    .sinbad-allmenu-viewport::-webkit-scrollbar {
        display:none;
    }

    .sinbad-allmenu-track {
        display:flex;
        align-items:stretch;
        flex-wrap:nowrap;

        gap:10px;

        width:max-content;
        min-width:100%;

        padding:3px 1px 5px;
    }

    /* 대분류 한 칸 폭 고정 */
    .sinbad-allmenu-card {
        position:relative;

        display:flex;
        align-items:stretch;

        flex:0 0 210px;

        width:210px;
        min-width:210px;
        max-width:210px;

        scroll-snap-align:start;
    }

    .sinbad-allmenu-card-link {
        display:-webkit-box !important;

        width:100% !important;
        height:64px !important;
        min-height:64px !important;
        max-height:64px !important;

        margin:0 !important;
        padding:12px 39px 10px 14px !important;

        overflow:hidden !important;

        border:1px solid #d3dff3 !important;
        border-radius:15px !important;

        background:#fff !important;

        color:#173463 !important;
        font-size:13px !important;
        font-weight:850 !important;
        line-height:1.35 !important;
        text-align:left !important;

        white-space:normal !important;

        /*
         * 영어도 최대 2줄까지만 표시.
         * 한 글자씩 세로로 떨어지는 현상 차단.
         */
        word-break:normal !important;
        overflow-wrap:break-word !important;

        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;

        text-decoration:none !important;

        box-shadow:
            0 3px 10px rgba(24, 57, 111, .07);

        transition:
            transform .17s ease,
            border-color .17s ease,
            color .17s ease,
            background .17s ease,
            box-shadow .17s ease !important;
    }

    .sinbad-allmenu-card:hover
    .sinbad-allmenu-card-link,

    .sinbad-allmenu-card:focus-within
    .sinbad-allmenu-card-link,

    .sinbad-allmenu-card.is-active
    .sinbad-allmenu-card-link {
        transform:translateY(-2px);

        border-color:#2d64d5 !important;

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #edf4ff 100%
            ) !important;

        color:#103477 !important;

        box-shadow:
            0 9px 20px rgba(24, 57, 111, .15);
    }

    .sinbad-allmenu-card.is-active
    .sinbad-allmenu-card-link {
        border-color:#ffd000 !important;

        box-shadow:
            0 0 0 3px rgba(255, 208, 0, .18),
            0 8px 18px rgba(24, 57, 111, .13);
    }

    /* 카드 내부 하위 메뉴 버튼 */
    .sinbad-allmenu-card-toggle {
        position:absolute;
        top:17px;
        right:8px;

        display:inline-flex;
        align-items:center;
        justify-content:center;

        width:30px;
        height:30px;

        margin:0;
        padding:0;

        z-index:4;

        border:1px solid #d3dff2;
        border-radius:50%;

        background:#f4f7fd;
        color:#315ea9;

        cursor:pointer;

        transition:
            transform .18s ease,
            border-color .18s ease,
            background .18s ease,
            color .18s ease;
    }

    .sinbad-allmenu-card-toggle:hover,
    .sinbad-allmenu-card-toggle:focus {
        border-color:#ffd000;
        background:#fff4b8;
        color:#132d67;
        outline:0;
    }

    .sinbad-allmenu-card.is-active
    .sinbad-allmenu-card-toggle {
        transform:rotate(180deg);
        border-color:#ffd000;
        background:#fff7cf;
    }

    /* 좌우 이동 버튼 */
    .sinbad-allmenu-arrow {
        display:inline-flex;
        align-items:center;
        justify-content:center;

        width:42px;
        height:42px;

        margin:0 auto;
        padding:0;

        border:1px solid #c9d8f0;
        border-radius:50%;

        background:#fff;
        color:#204d9d;

        font-size:17px;
        cursor:pointer;

        box-shadow:
            0 4px 12px rgba(23, 54, 101, .09);

        transition:
            transform .16s ease,
            border-color .16s ease,
            background .16s ease,
            color .16s ease,
            opacity .16s ease;
    }

    .sinbad-allmenu-arrow:hover,
    .sinbad-allmenu-arrow:focus {
        transform:scale(1.06);

        border-color:#ffd000;
        background:#fff7cd;
        color:#112e70;

        outline:0;
    }

    .sinbad-allmenu-arrow:disabled {
        transform:none;
        opacity:.28;
        cursor:default;
    }

    /* =====================================================
       선택 카테고리 하단 고정 상세 패널
       ===================================================== */

    .sinbad-allmenu-detail {
        position:relative;

        display:none;

        min-height:180px;
        max-height:330px;

        padding:0 20px 18px;

        overflow:hidden;

        border-top:1px solid #d7e1f2;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.88) 0%,
                #f5f8fe 100%
            );
    }

    .sinbad-allmenu-detail.is-visible {
        display:block;
        animation:sinbadAllMenuDetailIn .2s ease both;
    }

    @keyframes sinbadAllMenuDetailIn {
        from {
            opacity:0;
            transform:translateY(-5px);
        }

        to {
            opacity:1;
            transform:translateY(0);
        }
    }

    .sinbad-allmenu-detail-head {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;

        min-height:55px;

        padding:10px 2px 8px;
    }

    .sinbad-allmenu-detail-title {
        margin:0;

        color:#17386f;
        font-size:16px;
        font-weight:900;
        line-height:1.3;
    }

    .sinbad-allmenu-detail-close {
        display:inline-flex;
        align-items:center;
        justify-content:center;

        flex:0 0 34px;

        width:34px;
        height:34px;

        margin:0;
        padding:0;

        border:1px solid #d2def0;
        border-radius:50%;

        background:#fff;
        color:#526580;

        cursor:pointer;
    }

    .sinbad-allmenu-detail-close:hover,
    .sinbad-allmenu-detail-close:focus {
        border-color:#ffd000;
        background:#fff7ce;
        color:#17386f;
        outline:0;
    }

    .sinbad-allmenu-detail-body {
        max-height:245px;

        padding:12px;

        overflow-x:hidden;
        overflow-y:auto;

        border:1px solid #dbe4f2;
        border-radius:15px;

        background:#fff;

        scrollbar-width:thin;
        scrollbar-color:#9bb3dc #edf2fa;
    }

    .sinbad-allmenu-detail-body::-webkit-scrollbar {
        width:7px;
    }

    .sinbad-allmenu-detail-body::-webkit-scrollbar-track {
        border-radius:8px;
        background:#edf2fa;
    }

    .sinbad-allmenu-detail-body::-webkit-scrollbar-thumb {
        border-radius:8px;
        background:#9bb3dc;
    }

    /*
     * 원본 하위 메뉴 UL을 상세 패널 안에서
     * 4열 그리드로 변경
     */
    .sinbad-allmenu-detail-body .sub-1dul {
        display:grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap:5px 12px !important;

        width:100% !important;

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

        list-style:none !important;
    }

    .sinbad-allmenu-detail-body .sub-1dli,
    .sinbad-allmenu-detail-body .sub-1line {
        display:block !important;

        min-width:0 !important;

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

        border:0 !important;
        background:transparent !important;
    }

    .sinbad-allmenu-detail-body .sub-1da,
    .sinbad-allmenu-detail-body .sub-1line > a {
        display:block !important;

        min-height:36px !important;

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

        border-radius:9px !important;

        color:#344560 !important;
        font-size:12px !important;
        font-weight:650 !important;
        line-height:1.35 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;

        text-decoration:none !important;

        transition:
            transform .14s ease,
            color .14s ease,
            background .14s ease !important;
    }

    .sinbad-allmenu-detail-body .sub-1da:hover,
    .sinbad-allmenu-detail-body .sub-1da:focus {
        transform:translateX(2px);

        background:#edf4ff !important;
        color:#154ba7 !important;

        text-decoration:none !important;
    }

    .sinbad-allmenu-detail-body
    .sub-1dli.on > .sub-1da {
        background:#fff3ac !important;
        color:#15336f !important;
        font-weight:850 !important;
    }

    .sinbad-allmenu-detail-body .sub-1line {
        grid-column:1 / -1 !important;
    }

    .sinbad-allmenu-detail-body
    .sub-1line > a {
        margin-top:5px !important;

        border-bottom:1px solid #e1e8f4 !important;
        border-radius:0 !important;

        color:#173c7b !important;
        font-weight:900 !important;
    }
}

/* 태블릿 */
@media (min-width:768px) and (max-width:1199px) {

    .sinbad-allmenu-card {
        flex-basis:185px;

        width:185px;
        min-width:185px;
        max-width:185px;
    }

    .sinbad-allmenu-card-link {
        font-size:12px !important;
    }

    .sinbad-allmenu-detail-body .sub-1dul {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }
}

/* 모바일 메뉴는 기존 menu-m.php 사용 */
@media (max-width:767px) {
    .pc-menu-all {
        display:none !important;
    }
}

/* =========================================================
   SINBAD ALL MENU HYBRID V3
   기본 슬라이드 + 전체 펼치기
   ========================================================= */

@media (min-width:768px) {

    /*
     * 좌측 화살표 | 카테고리 | 상태·전체보기 | 우측 화살표
     */
    .sinbad-allmenu-nav {
        grid-template-columns:
            48px
            minmax(0, 1fr)
            auto
            48px !important;
    }

    .sinbad-allmenu-toolbar {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:7px;

        min-width:72px;
        white-space:nowrap;
    }

    .sinbad-allmenu-position {
        display:inline-flex;
        align-items:center;
        justify-content:center;

        min-width:48px;
        height:30px;

        padding:0 8px;

        border:1px solid #d4e0f2;
        border-radius:15px;

        background:#fff;
        color:#50627e;

        font-size:11px;
        font-weight:800;
        line-height:28px;
    }

    .sinbad-allmenu-mode {
        display:inline-flex;
        align-items:center;
        justify-content:center;

        width:38px;
        height:38px;

        margin:0;
        padding:0;

        border:1px solid #c9d8ef;
        border-radius:50%;

        background:#fff;
        color:#214f9f;

        font-size:15px;
        cursor:pointer;

        box-shadow:
            0 3px 10px rgba(23, 54, 101, .08);

        transition:
            transform .16s ease,
            border-color .16s ease,
            background .16s ease,
            color .16s ease;
    }

    .sinbad-allmenu-mode:hover,
    .sinbad-allmenu-mode:focus {
        transform:scale(1.05);

        border-color:#ffd000;
        background:#fff7c8;
        color:#132f70;

        outline:0;
    }

    /*
     * 클릭 가능한 카테고리 카드라는 것을 명확히 표시
     */
    .sinbad-allmenu-card.has-sub
    .sinbad-allmenu-card-link {
        cursor:pointer !important;
    }

    /*
     * 상세 제목 우측:
     * 전체 카테고리 페이지 이동 버튼 + 닫기
     */
    .sinbad-allmenu-detail-actions {
        display:flex;
        align-items:center;
        gap:7px;
        flex:0 0 auto;
    }

    .sinbad-allmenu-detail-view {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:6px;

        min-height:34px;

        padding:0 13px;

        border:1px solid #d2def0;
        border-radius:18px;

        background:#fff;
        color:#234e98;

        font-size:12px;
        font-weight:800;
        line-height:32px;

        white-space:nowrap;
        text-decoration:none !important;
    }

    .sinbad-allmenu-detail-view:hover,
    .sinbad-allmenu-detail-view:focus {
        border-color:#ffd000;
        background:#fff7cc;
        color:#142f6c;
        text-decoration:none !important;
    }

    /* =====================================================
       전체 펼치기 모드
       ===================================================== */

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-nav {
        grid-template-columns:
            minmax(0, 1fr)
            auto !important;

        align-items:start !important;

        padding:14px !important;
    }

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-prev,

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-next {
        display:none !important;
    }

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-viewport {
        grid-column:1;
        grid-row:1;

        max-height:310px;

        overflow-x:hidden !important;
        overflow-y:auto !important;

        scroll-snap-type:none !important;

        scrollbar-width:thin;
        scrollbar-color:#9ab2db #edf2fa;
    }

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-toolbar {
        grid-column:2;
        grid-row:1;

        align-self:start;

        margin-left:9px;
        padding-top:2px;
    }

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-track {
        display:grid !important;

        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;

        gap:10px !important;

        width:100% !important;
        min-width:0 !important;

        padding:1px 3px 8px !important;
    }

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-card {
        display:flex !important;

        width:auto !important;
        min-width:0 !important;
        max-width:none !important;

        flex:none !important;
    }

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-card-link {
        width:100% !important;
    }

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-position {
        min-width:42px;
    }

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-viewport::-webkit-scrollbar {
        display:block;
        width:7px;
    }

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-viewport::-webkit-scrollbar-track {
        border-radius:8px;
        background:#edf2fa;
    }

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-viewport::-webkit-scrollbar-thumb {
        border-radius:8px;
        background:#9ab2db;
    }
}


/* 태블릿 전체 펼치기: 4열 */
@media (min-width:768px) and (max-width:1199px) {

    .sinbad-allmenu-shell.is-grid
    .sinbad-allmenu-track {
        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;
    }

    .sinbad-allmenu-nav {
        grid-template-columns:
            44px
            minmax(0, 1fr)
            auto
            44px !important;
    }

    .sinbad-allmenu-position {
        display:none;
    }

    .sinbad-allmenu-toolbar {
        min-width:40px;
    }
}


/*
 * 모바일은 기존 사이드 메뉴 사용.
 * PC 메가메뉴를 모바일에 강제로 축소하지 않는다.
 */
@media (max-width:767px) {
    .sinbad-allmenu-mode,
    .sinbad-allmenu-toolbar {
        display:none !important;
    }
}


/* SINBAD ALL MENU FINAL 100 POINT BEGIN */

@media (min-width:768px) {

    /*
     * 오른쪽 '전체 보기' 버튼은 제거한다.
     * 이전 CSS가 남아도 노출되지 않도록 보장.
     */
    .sinbad-allmenu-detail-view {
        display:none !important;
    }

    /*
     * 왼쪽 현재 대분류 제목 자체가 이동 링크.
     */
    .sinbad-allmenu-detail-title {
        display:inline-flex !important;
        align-items:center !important;
        gap:8px !important;

        min-width:0 !important;

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

        border-radius:10px !important;

        color:#17386f !important;
        font-size:16px !important;
        font-weight:900 !important;
        line-height:1.3 !important;

        text-decoration:none !important;
        cursor:pointer !important;

        transition:
            background .16s ease,
            color .16s ease,
            transform .16s ease !important;
    }

    .sinbad-allmenu-detail-title::after {
        content:"›";

        display:inline-flex;
        align-items:center;
        justify-content:center;

        flex:0 0 auto;

        color:#3464ad;
        font-size:22px;
        font-weight:800;
        line-height:1;
    }

    .sinbad-allmenu-detail-title:hover,
    .sinbad-allmenu-detail-title:focus {
        transform:translateX(2px);

        background:#edf4ff !important;
        color:#12499f !important;

        text-decoration:none !important;
        outline:0 !important;
    }

    /*
     * 상세 헤더는 제목과 닫기 버튼만 사용.
     */
    .sinbad-allmenu-detail-head {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:14px !important;

        min-height:62px !important;
    }

    .sinbad-allmenu-detail-actions {
        display:none !important;
    }

    /*
     * 상단 전체 펼치기/축소 버튼 확대
     */
    .sinbad-allmenu-mode {
        width:46px !important;
        min-width:46px !important;
        height:46px !important;
        min-height:46px !important;

        border-width:2px !important;
        border-radius:50% !important;

        font-size:19px !important;
        line-height:42px !important;
    }

    .sinbad-allmenu-mode i {
        font-size:19px !important;
        line-height:1 !important;
    }

    /*
     * 하단 닫기 X 버튼 확대
     */
    .sinbad-allmenu-detail-close {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex:0 0 42px !important;

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

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

        border-width:2px !important;
        border-radius:50% !important;

        font-size:18px !important;
        line-height:38px !important;
    }

    .sinbad-allmenu-detail-close i {
        margin:0 !important;
        font-size:18px !important;
        line-height:1 !important;
    }

    .sinbad-allmenu-detail-close:hover,
    .sinbad-allmenu-detail-close:focus {
        transform:scale(1.06);

        border-color:#ffd000 !important;
        background:#fff6c5 !important;
        color:#17386f !important;
    }
}

/* 태블릿에서도 충분한 터치 크기 유지 */
@media (min-width:768px) and (max-width:1199px) {
    .sinbad-allmenu-mode {
        width:44px !important;
        min-width:44px !important;
        height:44px !important;
        min-height:44px !important;
    }

    .sinbad-allmenu-detail-close {
        flex-basis:40px !important;

        width:40px !important;
        min-width:40px !important;
        height:40px !important;
        min-height:40px !important;
    }
}

/* SINBAD ALL MENU FINAL 100 POINT END */


/* SINBAD DUAL MENU TRIGGER CATEGORY ICONS BEGIN */

@media (min-width:768px) {

    /* =====================================================
       ALL MENU 옆의 두 번째 메가메뉴 진입 버튼
       ===================================================== */

    .sinbad-compact-menu-inner
    .sinbad-mega-menu-trigger {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:6px !important;

        flex:0 0 auto !important;

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

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

        border:1px solid rgba(255,255,255,.24) !important;
        border-radius:5px !important;

        background:rgba(255,255,255,.10) !important;
        color:#fff !important;

        font-size:12px !important;
        font-weight:850 !important;
        line-height:30px !important;

        white-space:nowrap !important;
        text-decoration:none !important;
        cursor:pointer !important;

        box-shadow:none !important;

        transition:
            transform .16s ease,
            border-color .16s ease,
            background .16s ease,
            color .16s ease !important;
    }

    .sinbad-compact-menu-inner
    .sinbad-mega-menu-trigger:hover,

    .sinbad-compact-menu-inner
    .sinbad-mega-menu-trigger:focus {
        transform:translateY(-1px) !important;

        border-color:#ffd000 !important;
        background:rgba(255,208,0,.16) !important;
        color:#ffd000 !important;

        outline:0 !important;
    }

    .sinbad-compact-menu-inner
    .sinbad-mega-menu-trigger.is-open {
        border-color:#ffd000 !important;
        background:#ffd000 !important;
        color:#10266e !important;
    }

    .sinbad-compact-menu-inner
    .sinbad-mega-menu-trigger i {
        font-size:14px !important;
        line-height:1 !important;
    }

    /* =====================================================
       1차 카테고리 아이콘
       ===================================================== */

    /*
     * 기존 2줄 제한은 아이콘이 아닌
     * 카테고리 글자 영역에만 적용한다.
     */
    .sinbad-allmenu-card-link {
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        gap:10px !important;

        padding:
            9px
            39px
            9px
            10px !important;

        -webkit-line-clamp:unset !important;
        -webkit-box-orient:initial !important;
    }

    .sinbad-category-icon {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex:0 0 36px !important;

        width:36px !important;
        min-width:36px !important;
        max-width:36px !important;

        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;

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

        border:
            1px solid
            var(--sinbad-icon-border, #d5e2f5) !important;

        border-radius:12px !important;

        background:
            var(--sinbad-icon-bg, #edf4ff) !important;

        color:
            var(--sinbad-icon-color, #315da8) !important;

        line-height:34px !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.85),
            0 2px 6px rgba(29, 62, 117, .08) !important;

        transition:
            transform .16s ease,
            box-shadow .16s ease !important;
    }

    .sinbad-category-icon i {
        margin:0 !important;
        padding:0 !important;

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

    .sinbad-category-label {
        display:-webkit-box !important;

        flex:1 1 auto !important;
        min-width:0 !important;

        max-height:38px !important;
        overflow:hidden !important;

        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;

        color:inherit !important;
        line-height:1.35 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }

    .sinbad-allmenu-card:hover
    .sinbad-category-icon,

    .sinbad-allmenu-card:focus-within
    .sinbad-category-icon,

    .sinbad-allmenu-card.is-active
    .sinbad-category-icon {
        transform:scale(1.06) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.9),
            0 5px 12px rgba(29, 62, 117, .14) !important;
    }

    /*
     * 첫 번째 전체검색은 다른 항목보다
     * 브랜드 인상에 맞게 강조
     */
    .sinbad-allmenu-card:first-child
    .sinbad-category-icon {
        border-color:#ffd000 !important;
        background:#fff6be !important;
        color:#17356f !important;
    }
}


/* 태블릿에서는 메뉴 버튼을 아이콘 중심으로 압축 */
@media (min-width:768px) and (max-width:1000px) {

    .sinbad-compact-menu-inner
    .sinbad-mega-menu-trigger {
        min-width:40px !important;
        width:40px !important;
        padding:0 !important;
    }

    .sinbad-compact-menu-inner
    .sinbad-mega-menu-trigger span {
        display:none !important;
    }

    .sinbad-category-icon {
        flex-basis:32px !important;

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

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

        border-radius:10px !important;
    }

    .sinbad-category-icon i {
        font-size:15px !important;
    }
}


/* 모바일은 기존 menu-m.php 구조 유지 */
@media (max-width:767px) {
    .sinbad-mega-menu-trigger {
        display:none !important;
    }
}

/* SINBAD DUAL MENU TRIGGER CATEGORY ICONS END */