/* 모바일 전용 가독성 및 공통 헤더 수정. PC에는 적용되지 않습니다. */
@media(max-width:1024px){
 #mMainHeader,#mSubHeader{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:66px!important;padding:0 16px!important;z-index:2147483000!important;visibility:visible!important;opacity:1!important;background:transparent!important;transform:none!important;box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important}
 #mMainHeader .m-logo,#mSubHeader .m-sub-logo{min-width:0;flex:1 1 auto;margin-right:12px}
 #mMainHeader .m-logo img,#mSubHeader .m-sub-logo img{max-width:min(170px,43vw)!important;height:26px!important;width:auto!important;object-fit:contain!important}
 #mMainHeader .logo-off,#mSubHeader .logo-off{display:block!important;filter:brightness(0) invert(1)!important}
 #mMainHeader .logo-on,#mSubHeader .logo-on{display:none!important}
 #mMainHeader .m-utils,#mSubHeader .m-sub-utils{display:flex!important;flex:0 0 auto;gap:8px!important;align-items:center!important}
 #mMainHeader .m-util-btn,#mSubHeader .m-sub-util-btn{display:flex!important;width:36px!important;height:40px!important;padding:5px!important;flex:0 0 36px;align-items:center;justify-content:center;color:#fff!important}
 #mBtnOpen,#mSubBtnOpen{visibility:visible!important;opacity:1!important;display:flex!important}
 #mMainHeader svg,#mSubHeader svg{display:block!important;width:24px!important;height:24px!important;stroke:#fff!important;fill:none!important}
 #mobile-main-wrap .m-center-content p,#mobile-main-wrap .m-center-content h2,#mobile-main-wrap .m-center-content strong,#mobile-main-wrap .m-center-content span{ text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.65)!important }
 #mobile-main-wrap .m-bg-dim{background:linear-gradient(to bottom,rgba(0,0,0,.55),rgba(0,0,0,.28) 60%,rgba(0,0,0,.18))!important}
 #m-prem-wrap .m-prem-slider{grid-template-columns:1fr!important;gap:16px!important;padding:0 24px 20px!important}
 #m-prem-wrap .m-prem-card.brown-premium-image-card{background:#222!important;border:1px solid #b8a078!important;min-height:0!important;padding:28px!important;box-shadow:none!important;transform:none!important}
 #m-prem-wrap .m-prem-card.brown-premium-image-card::before{background-image:none!important;display:none!important}
 #m-prem-wrap .m-prem-text-box{margin-top:22px!important}
 #m-prem-wrap .m-prem-title,#m-prem-wrap .m-prem-desc{color:#fff!important;text-shadow:none!important}
 #m-prem-wrap .m-prem-title{font-size:22px!important}
 #m-prem-wrap .m-prem-desc{font-size:15px!important;line-height:1.85!important}
 #m-prem-wrap .m-prem-category{color:#d2c2a4!important}
 #m-prem-wrap .m-prem-num-bg{color:rgba(210,194,164,.32)!important;font-size:56px!important}
 body .ep-faq-float-wrapper{bottom:calc(82px + env(safe-area-inset-bottom))!important;right:14px!important}
 body .ep-faq-fab{width:60px!important;height:60px!important}
 body .ep-faq-panel{max-height:calc(100dvh - 235px)!important}
 body .ep-faq-panel-body{max-height:calc(100dvh - 300px)!important}
 body[data-mobile-search]{padding-top:80px}
}

@media(max-width:1024px){
 #mMainHeader.scrolled,#mSubHeader.scrolled{background:#fff!important}
 #mMainHeader.scrolled .logo-off,#mSubHeader.scrolled .logo-off{display:none!important}
 #mMainHeader.scrolled .logo-on,#mSubHeader.scrolled .logo-on{display:block!important;filter:none!important}
 #mMainHeader.scrolled svg,#mSubHeader.scrolled svg{stroke:#2a2824!important}
}

/* SVG 대신 HTML 선 3개로 메뉴 아이콘을 표시합니다. */
@media(max-width:1024px){
 #mMainHeader .m-utils,#mSubHeader .m-sub-utils{padding-right:46px!important}
 #mMainHeader #mBtnOpen,#mSubHeader #mSubBtnOpen{position:fixed!important;right:16px!important;top:13px!important;left:auto!important;width:36px!important;height:40px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin:0!important;padding:5px!important;background:transparent!important;border:0!important;z-index:2147483005!important;visibility:visible!important;opacity:1!important;overflow:visible!important;appearance:none!important}
 #mBtnOpen .brown-menu-line,#mSubBtnOpen .brown-menu-line{display:block!important;flex:none!important;width:24px!important;height:2px!important;min-height:2px!important;margin:0!important;padding:0!important;border:0!important;border-radius:1px!important;background:#fff!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:0 1px 3px rgba(0,0,0,.55)!important}
 #mMainHeader.scrolled #mBtnOpen .brown-menu-line,#mSubHeader.scrolled #mSubBtnOpen .brown-menu-line{background:#2a2824!important;box-shadow:none!important}
}

/* 모바일 조감도는 원본 이미지 밝기로 표시합니다. */
@media(max-width:1024px){
 #mobile-main-wrap .m-bg-dim{background:transparent!important;opacity:0!important}
 #mobile-main-wrap .m-bg-item{filter:none!important}
}

/* 모바일 헤더: 최상단 투명, 스크롤 후 하단 고정바와 같은 색상. */
@media(max-width:1024px){
 #mMainHeader.scrolled,#mSubHeader.scrolled{background:rgba(26,26,26,.95)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)!important}
 #mMainHeader.scrolled .logo-off,#mSubHeader.scrolled .logo-off{display:block!important;filter:brightness(0) invert(1)!important}
 #mMainHeader.scrolled .logo-on,#mSubHeader.scrolled .logo-on{display:none!important}
 #mMainHeader.scrolled svg,#mSubHeader.scrolled svg{stroke:#fff!important}
 #mMainHeader.scrolled #mBtnOpen .brown-menu-line,#mSubHeader.scrolled #mSubBtnOpen .brown-menu-line{background:#fff!important}
}