/* 레이아웃 CSS */
.rows_gnb_wrap {border-top:1px solid rgba(255,255,255,0.2); padding-top: 10px; margin-top: 20px;}

/* 스크롤 시 헤더 고정 (데스크탑만) */
@media all and (min-width:1025px) {
    .gnb_wrap.scrolled > .inner:first-child {display: none;}
    .gnb_wrap.scrolled .rows_gnb_wrap {display: block !important;}
    .rows_gnb_wrap.fixed {position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); margin-top: 0; padding-top: 15px; padding-bottom: 15px; border-top: 0;}
    .rows_gnb_wrap.fixed .inner {width: 100% !important; max-width: 1200px; margin: 0 auto;}
}

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

/* ===================================================
   2차 메뉴 드롭다운 디자인 적용 
   (새로운 환경에 맞게 top: 40px 유지 및 우선순위 조정)
   =================================================== */
.row_gnbs .cbp-hrmenu .cbp-hrsub {
    top: 40px !important;
	margin-left: -20px !important;
    background: #ffffff !important;
    border: 1px solid var(--gray-200, #e5e7eb) !important;
    border-top: 2px solid var(--primary, #38b2ac) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    border-radius: 0 0 5px 5px !important;
    padding: 10px 0 !important;
}

/* 내부 레이아웃 및 리스트 초기화 */
.row_gnbs .cbp-hrmenu .cbp-hrsub-inner { padding: 0 !important; }
.row_gnbs .cbp-hrmenu .cbp-hrsub-inner > div { min-width: auto !important; }

.row_gnbs .cbp-hrsub-inner ul { 
    display: block !important; 
    flex-direction: unset !important; 
    flex-wrap: unset !important; 
    gap: 0 !important; 
}

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

/* 2차 메뉴 링크 스타일 */
.row_gnbs .cbp-hrsub-inner ul li a {
    display: block;
    padding: 8px 16px !important;
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-700, #374151) !important;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s, color 0.2s !important;
}

.row_gnbs .cbp-hrsub-inner ul li a:hover {
    background-color: #f0fdfa !important;
    color: var(--primary, #38b2ac) !important;
}

/* 3차 메뉴 하위 화살표 아이콘 스타일 (있을 경우) */
.row_gnbs .cbp-hrmenu .cbp-hrsub-inner > div i {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    opacity: 0.4;
    font-size: 10px;
    transition: opacity 0.2s;
}

#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner > div > ul > li { min-height: auto; }
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner > div > ul > li:hover i { opacity: 0; }
/* =================================================== */

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

@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;}
    /* } */
    
}
/* 캐러셀 높이 변경 */
.rb_carousel {
    height: 40vh !important;
}