/* 레이아웃 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:60px;}

/* ★ 검색창 정밀 수정: 로고와 로그인버튼 사이의 완벽한 절대 중앙(센터) 배치
   - position: absolute와 transform을 이용하여 부모(.inner) 기준 정확히 정중앙에 위치시킵니다.
   - 주변 요소가 밀고 들어와도 강제로 센터를 유지하며 유연하게 크기가 조절됩니다.
*/
.search_top_wrap {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important; /* 가로, 세로 정중앙 배치 정밀 제어 */
    width: 35% !important;                       /* PC 화면 기준 적정 검색창 너비 */
    max-width: 600px !important;                 /* 큰 화면에서 너무 비대해지는 현상 방지 */
    min-width: 260px !important;                 /* PC 화면 축소 시 최소 너비를 보장하여 내부 텍스트/버튼 찌그러짐 차단 */
    margin: 0 !important;
    float: none !important;
    z-index: 10 !important;
    box-sizing: border-box;
}


 

.search_top_wrap input {border:0px; background-color: #fff; border-radius: 50px; height:55px; width: 100%; color:#000; box-sizing: border-box; padding-left: 20px; padding-right: 50px;}
.search_top_wrap input::placeholder{font-family:'font-R',sans-serif; color:#999;}
.search_top_wrap button {position: absolute; top:11px; right:15px; background:none; border:0;}
.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;}

/* ★ 부모 컨테이너 (.inner) 정렬 규칙 재정립
   - 고정형 양끝 배치를 위해 relative 가이드라인을 세우고 space-between을 명시합니다.
*/
.gnb_wrap .inner {
    position: relative !important;            /* 검색창의 절대 좌표 기준점 설정 */
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; /* 로고는 왼쪽 끝, 로그인 그룹은 오른쪽 끝 배치 */
    box-sizing: border-box;
}

/* 로고 위치 왼쪽 끝 고정 */
.logo_wrap {
    flex-shrink: 0 !important;
    margin-right: auto !important; /* 오른쪽 요소를 밀어내어 확실한 좌측 정렬 보장 */
}

/* 우측 로그인 버튼 그룹 위치 오른쪽 끝 고정 */
.gnb_wrap .snb_wrap {
    flex-shrink: 0 !important;
    margin-left: auto !important; /* 왼쪽 요소를 밀어내어 확실한 우측 정렬 보장 */
}

/* ── 중해상도/노트북 화면 등 (1025px ~ 1300px) 구간에서 검색창 크기 유연성 보정 ── */
@media all and (min-width: 1025px) and (max-width: 1300px) {
    .search_top_wrap {
        width: 30% !important; /* 양옆 로고 및 로그인버튼과 충돌을 예방하기 위해 소폭 축소 */
    }
}

@media all and (max-width:1024px) {
    .rows_gnb_wrap {display: none;}
    
    /* 모바일 반응형 전환: 모바일에서는 강제 중앙 정렬을 해제하고 기본 흐름을 따름 */
    .search_top_wrap {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 10px 0 0 0 !important;
    }
    
    .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;
        flex-wrap: wrap; /* 모바일 줄바꿈 방어 */
    }
    /* } */
}