/* ========================================================================== 1. μƒˆλ‘œμš΄ 'Trendy' ν—€λ”μš© 동적 μŠ€νƒ€μΌ ========================================================================== */ /* 헀더가 is-scrolled μƒνƒœμΌ λ•Œλ§Œ 배경색 적용 (μ„œλΈŒνŽ˜μ΄μ§€ λ˜λŠ” 슀크둀 μ‹œ) */ main .main-header.is-scrolled { background-color: !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: !important; } /* 헀더 색상에 따라 메뉴 밑쀄 색상도 λ³€κ²½ */ main .main-header.is-scrolled .gnb-link::after { background-color: !important; } /* νšŒμ›κ°€μž… λ²„νŠΌ μŠ€νƒ€μΌ μ‘°μ • */ main .main-header.is-scrolled .utility-nav .btn-join { background-color: !important; color: !important; opacity: 0.8; } main .main-header.is-scrolled .utility-nav .btn-join:hover { opacity: 1.0; } /* ========================================================================== 2. κΈ°μ‘΄ ν—€λ”μ™€μ˜ ν˜Έν™˜μ„±μ„ μœ„ν•œ μŠ€νƒ€μΌ (원본 μœ μ§€) ========================================================================== */ . #header {background-color: ; border-bottom: 1px solid ;} . #header .rows_gnb_wrap {} . #header .tog_wrap button svg path {fill:;} . #header .gnb_wrap nav a {color:;} . #header .gnb_wrap nav a:hover{color:;} . #header .gnb_wrap .snb_wrap .member_info_wrap span {color:;} . #header .gnb_wrap .snb_wrap .member_info_wrap {color:;} . #header .my_btn_wrap .btn_round {;} . #header .gnb_wrap .snb_wrap .member_info_wrap a {color:} . #header .logo_wrap span {color:;} . #header .search_top_wrap_inner button svg path {fill:} . #header .gnb_wrap .snb_wrap .qm_wrap a svg path {fill:} . #header .gnb_wrap .snb_wrap .qm_wrap button svg path {fill:} . #header .gnb_all_menu {} . .co_header_ex_dd {background-color:; color:; border:1px solid rgba(0,0,0,0.1);} . .co_header_ex_dd svg path {fill:;} . .search_top_wrap input {} . .search_top_wrap input::placeholder {}