/* 레이아웃 CSS */

/* 검색 아이콘 - 파트너 주문 버튼 간격 */
.gnb_wrap .snb_wrap .my_btn_wrap {
    margin-left: 10px !important;
}
.gnb_wrap .snb_wrap .qm_wrap #search_top_btn {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
}

.gnb_wrap .snb_wrap .my_btn_wrap a.btn_round {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
    vertical-align: top;
}

/* PC 중간 해상도: 메뉴 간격 축소 + 우측 버튼 줄바꿈 방지 (1025px~ 모바일 전환 전) */
@media all and (min-width: 1025px) {
    .gnb_wrap .snb_wrap {
        white-space: nowrap;
    }
}

@media all and (min-width: 1025px) and (max-width: 1400px) {
    .cbp-hrmenu > ul > li {
        padding-left: 15px;
        padding-right: 35px;
    }
    .gnb_wrap .logo_wrap {
        margin-right: 40px;
    }
}

@media all and (min-width: 1025px) and (max-width: 1280px) {
    .cbp-hrmenu > ul > li {
        padding-left: 10px;
        padding-right: 25px;
    }
    .gnb_wrap nav a {
        font-size: 16px;
    }
    .gnb_wrap .logo_wrap {
        margin-right: 30px;
    }
    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round,
    .gnb_wrap .snb_wrap .my_btn_wrap a.btn_round {
        padding-left: 18px;
        padding-right: 18px;
    }
    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round.arr_bg,
    .gnb_wrap .snb_wrap .my_btn_wrap a.btn_round.arr_bg {
        padding-right: 32px;
    }
}

@media all and (min-width: 1025px) and (max-width: 1160px) {
    .cbp-hrmenu > ul > li {
        padding-left: 8px;
        padding-right: 16px;
    }
    .gnb_wrap .logo_wrap {
        margin-right: 20px;
    }
}

@media all and (max-width:1024px) {
    .gnb_wrap .inner {padding-left: 0px !important; padding-right: 0px !important;}
}

.cbp-hrmenu .cbp-hrsub-inner > div {min-width: 140px;}
.cbp-hrmenu .cbp-hrsub {margin-left: -30px;}
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner > div > ul > li{position: relative; min-height:32.2px;}
#cbp-hrmenu .cbp-hropen .cbp-hrsub {padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px;}
.cbp-hrmenu .cbp-hrsub-inner > div i {position: absolute; top:-5px; right:-5px; opacity: 0.5; transition: transform 220ms ease, opacity 220ms ease;}
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner > div > ul > li:hover i {opacity: 0;}
.cbp-hrmenu .cbp-hrsub-inner > div a {padding-right: 20px;}

#cbp-hrmenu .cbp-hrsub-3{
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    position: absolute;
    left: 90%;
    top: -10px;

    background-color: #fff;
    min-width: 120px;
    padding: 15px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);

    transform: translate3d(0, 6px, 0);
    transition: transform 220ms ease, opacity 220ms ease;
    z-index: 9
}

#cbp-hrmenu .cbp-hrsub > .cbp-hrsub-inner ul > li:hover > .cbp-hrsub-3{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
}

#cbp-hrmenu .cbp-hrsub > .cbp-hrsub-inner ul > li:hover > .cbp-hrsub-3 a {padding-top: 4px; padding-bottom: 4px; font-family: 'font-R'; font-size: 13px; padding-right: 0px;}
#cbp-hrmenu .cbp-hrsub > .cbp-hrsub-inner ul > li:hover {position: relative;}