/* 레이아웃 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;}
.rows_gnb_wrap,
.rows_gnb_wrap a,
.rows_gnb_wrap h4,
.rows_gnb_wrap li,
.rows_gnb_wrap span,
.rows_gnb_wrap .font-R,
.rows_gnb_wrap .font-B {
    font-family: 'SUITE', sans-serif !important;
}

.search_top_wrap {float:left; position: relative; width: 220px;}
.search_top_wrap.platform-mode {width: auto;}
.search_top_wrap.seller-mode {width: auto; max-width: calc(100% - 240px);}
.search_top_group {display:flex; align-items:center; gap:12px;}
.search_top_group form {width: 250px; flex-shrink: 0; margin:0;}
.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;}
.my_btn_wrap.seller-hidden {display: none !important;}

/* 셀러 모드 헤더 버튼 그룹 (모던 슬레이트/다크네이비 톤) */
.seller-nav-group {display:inline-flex; align-items:center; gap:7px; flex-wrap:nowrap;}
.seller-nav-item {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:38px;
    padding:0 15px;
    border-radius:999px;
    border:1px solid #d1d5db;
    background:#ffffff;
    color:#1f2937;
    font-size:13px;
    font-weight:600;
    line-height:1;
    cursor:pointer;
    white-space:nowrap;
    transition:all .18s ease;
    text-decoration:none;
}
.seller-nav-item:hover {
    background:#f3f4f6;
    border-color:#9ca3af;
    color:#111827;
}
.seller-nav-item.primary {
    background:#0f172a;
    border-color:#0f172a;
    color:#ffffff;
}
.seller-nav-item.primary:hover {
    background:#1e293b;
    border-color:#1e293b;
}
.seller-nav-item.muted {
    background:#f9fafb;
    border-color:#e5e7eb;
    color:#6b7280;
}
.seller-nav-item.muted:hover {
    background:#fee2e2;
    border-color:#fca5a5;
    color:#dc2626;
}

/* 셀러 페이지 헤더 와이드 지원 */
.co_header0 .inner {
    width: 95% !important;
    max-width: 1720px !important;
}

/* 게시판 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;}

@media all and (max-width:1024px) {
    .rows_gnb_wrap {display: none;}
    .search_top_wrap {display:none !important; 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;}
    .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;}
    .gnb_wrap .snb_wrap .qm_wrap {gap:6px;}
    /* } */
    
    /* 1.1.1 { */
    .gnb_wrap .inner {padding-left: 0px !important; padding-right: 0px !important;}
    /* } */
    
}

.gnb_wrap .rows_gnb_wrap,
.gnb_wrap .rows_gnb_wrap a,
.gnb_wrap .rows_gnb_wrap h4,
.gnb_wrap .rows_gnb_wrap li,
.gnb_wrap .rows_gnb_wrap span,
.gnb_wrap .rows_gnb_wrap .font-R,
.gnb_wrap .rows_gnb_wrap .font-B,
.gnb_wrap .rows_gnb_wrap .cbp-hrmenu > ul > li > a,
.gnb_wrap .rows_gnb_wrap .cbp-hrmenu .cbp-hrsub-inner h4,
.gnb_wrap .rows_gnb_wrap .cbp-hrmenu .cbp-hrsub-inner a {
    font-family: 'SUITE', sans-serif !important;
}

.search_top_wrap .btn_voucher_buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: #09244B;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(9, 36, 75, 0.2);
    transition: all 0.2s ease;
}
.search_top_wrap .btn_voucher_buy:hover {
    background: #1e3a8a;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(9, 36, 75, 0.3);
}