/* 레이아웃 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: 200px;}
.search_top_wrap input {border:0px;border-radius: 40px; 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:10px; right:15px;}
.search_top_wrap input:focus {border:1px solid #ddd;}
.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:7px; 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;}

.gnb_all_menu .cbp-hrsub .cbp-hrsub-inner > div > ul > li{position: relative; min-height:auto !important}

#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;}

#header {box-shadow: none; border-bottom: 1px solid #eee !important; padding-bottom: 0px;}
#header.gnb_up {top:-96px !important;}
.gnb_wrap .inner {display: flex; align-items: center; gap:30px}
.gnb_wrap .snb_wrap {float:none; margin-left: auto; display: flex; align-items: center; gap:30px;}
.gnb_wrap .logo_wrap {margin-right: 0px;}
.gnb_wrap ul {line-height: 100%;}
.gnb_wrap .snb_wrap .qm_wrap a {padding-left: 0px; padding-right: 0px; line-height: 100%; margin: 0px; float:none; width: auto;}
.gnb_wrap #ol_after_scrap {margin-top: 0px;}
.gnb_wrap .snb_wrap .qm_wrap {display: flex; align-items: center;  gap:20px;}
.gnb_wrap .snb_wrap .member_info_wrap {margin-left: 0px;}
.gnb_wrap .snb_wrap .my_btn_wrap {float:none; margin-left: 0px;}
.gnb_wrap .snb_wrap .my_btn_wrap button {background-color: #fff; border:1px solid #ddd; height:35px; color:#000;}
.gnb_wrap .snb_wrap .qm_wrap a span {left: 10px; border-radius: 20px; min-width: 18px; text-align: center; top:-4px}
.gnb_wrap .rows_gnb_wrap {margin-top: 0px; border-top:0px; padding-bottom: 10px;}
.gnb_wrap .rows_gnb_wrap .cbp-hrmenu > ul > li {padding-right: 0px;}
.gnb_wrap .rows_gnb_wrap nav {width: 100%;}
.gnb_wrap .rows_gnb_wrap nav .swiper-slide-gnb {width: auto !important;}
.swiper-container-gnb {overflow: inherit !important;}
.gnb_wrap .snb_q_wrap {display: flex; align-items: center; gap:25px; flex: 0 0 auto;}
.gnb_wrap .snb_q_wrap a {opacity: 0.6}
.gnb_wrap .rows_gnb_wrap {display: flex; align-items: center; margin: 0 auto;}
.gnb_wrap .rows_gnb_wrap .row_gnbs {width: 100%; margin:inherit; display: block; align-items: center; gap: 0px;}
.gnb_wrap nav {background-color: transparent;}
.gnb_wrap .snb_wrap .member_info_wrap a .notranslate font {opacity: 0.6;}
.gnb_wrap .snb_wrap .my_btn_wrap .btn_round.arr_bg {background-image: url(../../../rb.img/icon/arr_down.svg);}
.gnb_wrap .snb_wrap .qm_wrap a svg {opacity: .3; margin-top: 3px;}
.gnb_wrap .snb_wrap .qm_wrap a:hover svg {opacity: 1;}

#rb_my_ovray.arr_bg.is_open{background-image: url(../../../rb.img/icon/arr_up.svg);}
.rb_my_panel{
    display: none;
    position: absolute;
    min-height: 200px;
    z-index: 999;
    min-width: 220px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    padding: 20px;
}

#rb_my_panel{position:fixed;}
#rb_my_panel[aria-hidden="true"]{display:none;}
#rb_my_panel.is_open{display:block;}

.rb_my_panel_row {display: flex; align-items: center; gap:15px;}
.rb_my_panel_row .rb_my_p_ul1 {}
.rb_my_panel_row .rb_my_p_ul1 img {height:40px; border-radius: 10px;}
.rb_my_panel_row .rb_my_p_ul2 {}
.rb_my_panel_row .rb_my_p_ul2 li {float:none;}
.my_p_flex {display: flex; align-items: center; gap:5px;}
.rb_my_p_btn {flex: 1 1 0; min-width: 0; background-color: #f0f5f9 !important; border:0px !important; border-radius: 6px; text-align: center; color:#000;}
.rb_my_p_btn_w {background-color: #fff !important; border:1px solid #ddd !important;}
.rb_my_p_ul2.flex_r {margin-left: auto;}
.rb_my_panel_line {border-top:1px solid #eee; margin-top: 10px;}
.gnb_all_menu {margin-left: auto; padding-right: 20px !important;}

.shop_type_list {background-color: #f0f5f9; margin-bottom: 20px;}
.shop_type_list a {border-right: 1px solid #ddd; padding-right: 10px; margin-right: 10px;}
.shop_type_list a:last-child {padding-right: 0px; margin-right: 0px; border-right: 0px;}
.shop_type_list .inner {text-align: right; display: block; padding-bottom: 10px; padding-top: 10px;}
#header {padding-top: 0px;}

#google_notranslate_top {margin-left: 0px !important; position: relative;}
.translation-links {top:25px !important; right:-17px !important; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05) !important;}
.translation-links a {margin-top: 2px; margin-bottom: 2px; display: block}

.translation-links::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;

}

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

    .search_top_wrap {display: none !important;}
    .gnb_wrap .snb_wrap .qm_wrap a {width: auto; padding-left: 0px;}

    /* 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;}
    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round.arr_bg {padding-left: 15px; padding-right: 35px; min-width: 92px; flex-shrink: 0;}
    .gnb_wrap .snb_wrap .qm_wrap a span {right: 10px; left: auto;}
    /* } */

    /* 1.1.1 { */
    .gnb_wrap .inner {gap:10px;}
    /* } */

    .gnb_wrap .tog_wrap {margin-right: 0px;}
    .gnb_wrap .snb_wrap {gap:10px;}
    .rows_gnb_wrap .cbp-hrmenu {position:relative; width: 100%; height: auto;}
    .gnb_wrap .rows_gnb_wrap {width: 100% !important; padding-top: 0px; display: none;}
    .rows_gnb_wrap .cbp-hrmenu .cbp-hrsub {display: none !important;}
    .gnb_wrap .snb_q_wrap {display: none;}
    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round.arr_bg {background-position: center right 15px;}
    .gnb_all_menu {display: none !important;}
    .shop_type_list {background-color: #fff; margin-bottom: 5px;}
    .shop_type_list .inner {display: flex; align-items: center; gap:15px; padding-top: 15px;}
    .shop_type_list .inner a {padding-right:0px; border:0px; margin-right: 0px;}
    .shop_type_list .inner a.rb_cp_gap {margin-left: auto;}
    #header {padding-bottom: 10px;}
    #header.gnb_up {top:-35px !important;}
    #header.gnb_up .gnb_wrap .rows_gnb_wrap {padding-top: 10px; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
    .gnb_wrap .snb_wrap .qm_wrap {gap:5px}
    .gnb_wrap .snb_wrap {gap:10px;}
    .gnb_wrap .snb_wrap .my_btn_wrap {display: block !important;}

}
/* =========================================================
   🔥 스카이베이프 [타입 2] 모바일 검색 패널 CSS (위에서 아래로)
   ========================================================= */

/* 전체 화면 덮는 투명 영역 */
.sky-v2-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 999999;
    visibility: hidden;
}

/* 검은색 반투명 배경 (Dim) */
.sky-v2-dim {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.6); 
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* 실제 흰색 검색창 (높이 85%) */
.sky-v2-container {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 85%; 
    max-height: 800px;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: flex;
    flex-direction: column;
    transform: translateY(-100%); 
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.sky-v2-overlay.active { visibility: visible; }
.sky-v2-overlay.active .sky-v2-dim { opacity: 1; }
.sky-v2-overlay.active .sky-v2-container { transform: translateY(0); }

/* 상단 헤더 */
.sky-v2-header {
    display: flex; align-items: center;
    padding: 15px 20px; gap: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.sky-v2-back-btn {
    background: none; border: none;
    padding: 5px 0; cursor: pointer;
}

.sky-v2-form {
    flex-grow: 1; position: relative;
    border: 1.5px solid #333; 
    border-radius: 30px;
    display: flex; align-items: center;
    height: 42px; overflow: hidden;
}

.sky-v2-input {
    width: 100%; height: 100%;
    border: none; padding: 0 45px 0 20px;
    font-size: 15px; outline: none; color: #111;
}

.sky-v2-submit-btn {
    position: absolute; right: 8px;
    background: none; border: none;
    padding: 5px; cursor: pointer;
}

/* 본문 영역 */
.sky-v2-body {
    padding: 30px 20px;
    overflow-y: auto; flex-grow: 1;
}

.sky-v2-sect { margin-bottom: 40px; }
.sky-v2-sect h3 { font-size: 15px; color: #111; margin-bottom: 15px; }

.sky-v2-empty { text-align: center; color: #888; font-size: 14px; padding: 20px 0; }

/* 인기검색어 태그 */
.sky-v2-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.sky-v2-tags a {
    display: inline-block; padding: 8px 16px;
    border: 1px solid #ddd; border-radius: 20px;
    font-size: 13px; color: #555; text-decoration: none;
}

/* 추천상품 그리드 (4열 바둑판) */
.sky-v2-items-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); 
    gap: 10px; padding: 0; margin: 0; list-style: none;
}
.sky-v2-items-grid a {
    display: flex; flex-direction: column;
    text-decoration: none; text-align: center;
}
.v2-item-img {
    width: 100%; aspect-ratio: 1 / 1; 
    border-radius: 8px; overflow: hidden;
    background: #f8f8f8; margin-bottom: 10px; border: 1px solid #f0f0f0;
}
.v2-item-img img { width: 100%; height: 100%; object-fit: cover; }

.v2-item-price { font-size: 14px; font-weight: bold; color: #111; margin-bottom: 3px; }
.v2-item-name {
    font-size: 12px; color: #666;
    display: -webkit-box; -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; overflow: hidden;
    margin-bottom: 5px;
}
.v2-item-login {
    font-size: 11px; color: #1E40FF; font-weight: bold; letter-spacing: -0.5px;
}

@media all and (max-width: 480px) {
    .sky-v2-items-grid { grid-template-columns: repeat(3, 1fr); }
}

@media all and (max-width:1024px) {
    .pc_only_search { display: none !important; }
}
@media all and (min-width: 1025px) {
    .sky-v2-open-btn {
        display: none !important;
    }
}
/* =========================================================
   🔥 스카이베이프 [타입 2] 추천상품 가로 슬라이드 CSS
   ========================================================= */

/* 헤더와 버튼 배치 */
.sky-v2-sect-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.sky-v2-sect-header h3 {
    margin-bottom: 0 !important; /* 기존 마진 덮어쓰기 */
}

/* 좌우 화살표 버튼 디자인 */
.sky-v2-slider-nav {
    display: flex;
    gap: 8px;
}

.sky-v2-slider-nav button {
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    width: 30px; height: 30px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}

.sky-v2-slider-nav button:hover,
.sky-v2-slider-nav button:active {
    background: #eee;
}

/* 슬라이드 껍데기 (화면 밖으로 나가는 상품 숨김) */
.sky-v2-slider-wrap {
    width: 100%;
    overflow: hidden;
}

/* 슬라이드 기차길 (손가락 스와이프 허용 + 스크롤바 숨김) */
.sky-v2-slider-track {
    display: flex;
    padding: 0; margin: 0;
    list-style: none;
    gap: 10px; /* 상품 간격 10px */
    
    /*  모바일 스와이프 핵심 기술 */
    overflow-x: auto; 
    scroll-snap-type: x mandatory; /* 손가락을 떼면 각 칸에 자석처럼 딱 맞게 멈춤 */
    -webkit-overflow-scrolling: touch; /* 아이폰에서 물 흐르듯 부드러운 스크롤 */
    scrollbar-width: none; /* 파이어폭스 스크롤바 숨김 */
}

/* 크롬, 사파리(아이폰) 스크롤바 완벽 숨김 */
.sky-v2-slider-track::-webkit-scrollbar {
    display: none;
}

/* 개별 상품 (한 화면에 3개) */
.sky-v2-slide {
    flex: 0 0 calc((100% - 20px) / 3); 
    box-sizing: border-box;
    scroll-snap-align: start; /* 스와이프 후 멈출 때 딱 맞는 기준점 */
}

.sky-v2-slide a {
    display: flex; flex-direction: column;
    text-decoration: none; text-align: center;
}