/* 레이아웃 CSS */
.rows_gnb_wrap {border-top:1px solid rgba(255,255,255,0.2); padding-top: 10px; margin-top: 20px;}
.row_gnbs {position: relative;}
.row_gnbs .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {padding-left: 0px; padding-right: 0px;}
.row_gnbs .cbp-hrmenu > ul > li {padding-left: 0px; padding-right: 30px;}
.row_gnbs .cbp-hrmenu > ul {float:none !important; line-height: 100%;}
.gnb_wrap .row_gnbs nav {float:none;}
.row_gnbs .cbp-hrmenu .cbp-hrsub {top:40px;}

.search_top_wrap {float:left; position: relative; width: 280px;}
.search_top_wrap input {border:0px; background-color: #fff; border-radius: 60px; height:40px; width: 100%; color:#000;}
.search_top_wrap input::placeholder{font-family:'font-R',sans-serif; color:#999;}
.search_top_wrap button {position: absolute; top:11px; right:15px;}
.search_top_wrap input:focus {border:0px !important;}
.search_top_wrap_inner {position: relative;}

/* 게시판 fixed 버튼 위치조정 */
.rb_bbs_wrap .btns_gr_wrap {top:185px !important;}

.co_header0 .rows_gnb_wrap {border-top:1px solid rgba(0,0,0,0.05);}
.co_header0 .search_top_wrap input {background-color: rgba(0,0,0,0.05);}
.ser_display_none .search_top_wrap_inner {display: none;}

.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: 100%;
    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;}

@media all and (max-width:1024px) {
    .rows_gnb_wrap {display: none;}
    .search_top_wrap {width: 30%;}
    .gnb_wrap .snb_wrap .qm_wrap a {width: auto; padding-left: 0px; margin-left: 20px;}
    .gnb_wrap .tog_wrap {margin-right: 20px;}

    /* 1.0.1 { */
    .mobile_cb {clear: both;}
    .search_top_wrap {display: block; float:none !important; width: 100%; margin-top: 10px;}
    .gnb_wrap .snb_wrap .my_btn_wrap {display: block;margin-left: 20px;}
    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round.arr_bg {display: none;}
    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round {padding-left: 15px; padding-right: 15px; height:35px;}
    .gnb_wrap .snb_wrap .qm_wrap a span {left: 10px;}
    /* } */
    
    /* 1.1.1 { */
    .gnb_wrap .inner {padding-left: 0px !important; padding-right: 0px !important;}
    /* } */
    
}

/* =========================================================
   Roadtrip 헤더 보정
   - 배너에 검색창이 있으므로 헤더 검색영역은 숨김 처리
   - 모바일에서 로고가 커 보이지 않도록 높이 제한
   ========================================================= */
.search_top_wrap {display:none !important;}

.logo_wrap img,
.logo_wrap .responsive-image {
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
}

@media all and (max-width:1024px) {
    .logo_wrap img,
    .logo_wrap .responsive-image {
        max-height:34px;
        width:auto;
    }

    .logo_wrap picture {
        display:flex;
        align-items:center;
    }
}

@media all and (max-width:480px) {
    .logo_wrap img,
    .logo_wrap .responsive-image {
        max-height:25px;
        width:auto;
    }
}
/* ==========================================
   ROADTRIP 모바일 헤더 정렬 수정
========================================== */
@media all and (max-width:1024px){

    /* 헤더 영역 */
    .gnb_wrap .inner{
        position:relative;
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:64px;
    }

    /* 로고 가운데 */
    .logo_wrap{
        position:absolute;
        left:25%;
        transform:translateX(-50%);
        margin:0;
        display:flex;
        align-items:center;
        justify-content:center;
        z-index:2;
    }

    /* 햄버거 왼쪽 여백 */
    .gnb_wrap .tog_wrap{
        position:absolute;
        left:10px;
        margin:0 !important;
        z-index:3;
    }

    /* 국기 오른쪽 여백 */
    .gnb_wrap .snb_wrap{
        position:absolute;
        right:10px;
        margin:0;
        z-index:3;
    }

    /* 모바일 로고 크기 */
    .logo_wrap img,
    .logo_wrap .responsive-image{
        max-height:28px;
        width:auto;
    }
}
/* =========================================================
   Roadtrip 모바일 국기 드롭다운 보정
   - 모바일에서 국기 메뉴가 우측으로 튀어나가지 않게 아래 방향으로 출력
   - 국기 아이콘 높이 정렬
   ========================================================= */
@media all and (max-width:1024px){

    /* 우측 퀵메뉴 전체 세로 중앙 정렬 */
    .gnb_wrap .snb_wrap,
    .gnb_wrap .snb_wrap > li,
    .gnb_wrap .snb_wrap .qm_wrap {
        display:flex;
        align-items:center;
    }

    /* 국기 버튼이 다른 아이콘보다 위로 뜨는 현상 보정 */
    .gnb_wrap .snb_wrap .qm_wrap a,
    .gnb_wrap .snb_wrap .qm_wrap button {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        vertical-align:middle;
        line-height:1;
    }

    .gnb_wrap .snb_wrap .qm_wrap img {
        display:block;
        vertical-align:middle;
    }

    /* 언어 드롭다운을 모바일에서 아래로 펼치기 */
    .gnb_wrap .snb_wrap .qm_wrap ul,
    .gnb_wrap .snb_wrap .qm_wrap .lang_list,
    .gnb_wrap .snb_wrap .qm_wrap .language_list,
    .gnb_wrap .snb_wrap .qm_wrap .lang_box {
        left:auto !important;
        right:0 !important;
        top:100% !important;
        transform:none !important;

        display:flex;
        flex-direction:column;
        gap:8px;

        min-width:52px;
        width:auto;
        padding:10px;
        border-radius:14px;
        background:#fff;
        box-shadow:0 12px 30px rgba(15,35,55,.14);
        z-index:9999;
    }

    /* 드롭다운 안 국기들도 세로 정렬 */
    .gnb_wrap .snb_wrap .qm_wrap ul li,
    .gnb_wrap .snb_wrap .qm_wrap .lang_list li,
    .gnb_wrap .snb_wrap .qm_wrap .language_list li,
    .gnb_wrap .snb_wrap .qm_wrap .lang_box li {
        display:block;
        margin:0 !important;
        padding:0 !important;
    }

    .gnb_wrap .snb_wrap .qm_wrap ul li a,
    .gnb_wrap .snb_wrap .qm_wrap .lang_list li a,
    .gnb_wrap .snb_wrap .qm_wrap .language_list li a,
    .gnb_wrap .snb_wrap .qm_wrap .lang_box li a {
        margin:0 !important;
        padding:4px !important;
        width:32px;
        height:32px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
}