/* ==========================================================================
1. 새로운 'Trendy' 헤더용 동적 스타일
========================================================================== */

/* 헤더가 is-scrolled 상태일 때만 배경색 적용 (서브페이지 또는 스크롤 시) */
main .main-header.is-scrolled {
background-color: #ffffff !important;
/* 투명도가 있는 색상일 경우를 대비해 backdrop-filter 유지 */
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}

/* 헤더의 모든 텍스트 및 아이콘 색상을 한 번에 제어 */
main .main-header.is-scrolled .gnb-link,
main .main-header.is-scrolled .utility-nav a,
main .main-header.is-scrolled .utility-nav button,
main .main-header.is-scrolled .utility-nav .fa {
color: #ffffff !important;
}

/* 헤더 색상에 따라 메뉴 밑줄 색상도 변경 */
main .main-header.is-scrolled .gnb-link::after {
background-color: #ffffff !important;
}

/* 회원가입 버튼 스타일 조정 */
main .main-header.is-scrolled .utility-nav .btn-join {
background-color: #ffffff !important;
color: #333333 !important;
opacity: 0.8;
}
main .main-header.is-scrolled .utility-nav .btn-join:hover {
opacity: 1.0;
}


/* ==========================================================================
2. 기존 헤더와의 호환성을 위한 스타일 (원본 유지)
========================================================================== */

.co_header_ffffff #header {background-color: #ffffff; border-bottom: 1px solid #ffffff;}
.co_header_ffffff #header .rows_gnb_wrap {border-color:rgba(255,255,255,0.1);}
.co_header_ffffff #header .tog_wrap button svg path {fill:#ffffff;}
.co_header_ffffff #header .gnb_wrap nav a {color:#ffffff;}
.co_header_ffffff #header .gnb_wrap nav a:hover{color:#ffffff;}
.co_header_ffffff #header .gnb_wrap .snb_wrap .member_info_wrap span {color:#ffffff;}
.co_header_ffffff #header .gnb_wrap .snb_wrap .member_info_wrap {color:#ffffff;}
.co_header_ffffff #header .my_btn_wrap .btn_round {border-color:rgba(255,255,255,0.1);;}
.co_header_ffffff #header .gnb_wrap .snb_wrap .member_info_wrap a {color:#ffffff}
.co_header_ffffff #header .logo_wrap span {color:#ffffff;}
.co_header_ffffff #header .search_top_wrap_inner button svg path {fill:#ffffff}
.co_header_ffffff #header .gnb_wrap .snb_wrap .qm_wrap a svg path {fill:#ffffff}
.co_header_ffffff #header .gnb_wrap .snb_wrap .qm_wrap button svg path {fill:#ffffff}
.co_header_ffffff #header .gnb_all_menu {background-image: url(../rb.config/image/arr_down_w.svg)}

.co_header_ffffff .co_header_ex_dd {background-color:#ffffff; color:#ffffff; border:1px solid rgba(0,0,0,0.1);}
.co_header_ffffff .co_header_ex_dd svg path {fill:#ffffff;}
.co_header_ffffff .search_top_wrap input {background-color:rgba(255,255,255,0.1);}
.co_header_ffffff .search_top_wrap input::placeholder {color:rgba(255,255,255,0.6);}