
.brown-mobile-menu-button,#brownMobileDrawer,#brownMobileDim{display:none}
@media(max-width:1024px){
 body #mMainHeader,body #mSubHeader,body #mSideMenu,body #mSubSideMenu,body #mMenuDim,body #mSubMenuDim{display:none!important}
 body #uh-header{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:66px!important;background:transparent!important;border:0!important;z-index:2147483000!important;opacity:1!important;visibility:visible!important;transform:none!important}
 body #uh-header.scrolled{background:rgba(26,26,26,.95)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(12px)}
 body #uh-header .uh-header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:66px!important;max-width:none!important;padding:0 16px!important;box-sizing:border-box!important;gap:10px!important}
 body #uh-header .uh-logo{flex:1 1 auto!important;min-width:0!important;margin:0!important}
 body #uh-header .uh-logo a{display:flex!important;align-items:center!important}
 body #uh-header .uh-logo-img{height:26px!important;width:auto!important;max-width:min(170px,43vw)!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}
 body #uh-header .uh-gnb-wrap,body #uh-header .uh-header-bg,body #uh-header .uh-util-divider,body #uh-header .uh-util-text-sm,body #uh-header .uh-util-text-lg{display:none!important}
 body #uh-header .uh-utils{display:flex!important;flex:none!important;align-items:center!important;gap:7px!important;margin:0!important}
 body #uh-header .uh-utils a,body #uh-header #brownMobileMenuButton{width:36px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;padding:4px!important;margin:0!important;box-sizing:border-box!important;background:none!important;border:0!important;color:#fff!important}
 body #uh-header .uh-utils a[href^="tel:"]{order:1}
 body #uh-header .uh-utils a[href*="form.html"]{order:2}
 body #uh-header #brownMobileMenuButton{order:3;flex-direction:column!important;gap:5px!important;cursor:pointer!important;opacity:1!important;visibility:visible!important}
 body #uh-header .uh-utils svg{width:24px!important;height:24px!important;display:block!important;stroke:#fff!important;fill:none!important;opacity:1!important}
 body #uh-header #brownMobileMenuButton .brown-menu-line{display:block!important;flex:none!important;width:24px!important;height:2px!important;min-height:2px!important;background:#fff!important;border:0!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;box-shadow:0 1px 3px rgba(0,0,0,.65)}
 body #brownMobileDim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:2147483001;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}
 body #brownMobileDim.open{opacity:1;visibility:visible;pointer-events:auto}
 body #brownMobileDrawer{display:flex;position:fixed;top:0;bottom:0;right:0;width:min(86vw,360px);background:#fff;z-index:2147483002;transform:translateX(100%);visibility:hidden;flex-direction:column;overflow:auto;transition:transform .25s,visibility .25s;box-sizing:border-box;font-family:'Noto Sans KR',sans-serif}
 body #brownMobileDrawer.open{transform:translateX(0);visibility:visible}
 .brown-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #eee}
 .brown-drawer-head img{width:auto;max-width:210px;height:26px;object-fit:contain}
 #brownMobileClose{display:block;width:40px;height:40px;border:0;background:none;color:#292825;font-size:30px;line-height:1;cursor:pointer}
 .brown-drawer-nav{padding:10px 22px 30px}
 .brown-drawer-nav ul{list-style:none!important;padding:0;margin:0}
 .brown-drawer-nav>ul>li{border-bottom:1px solid #e7e3db}
 .brown-drawer-heading{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0;font-size:18px;font-weight:600;color:#292825;background:none;border:0;text-align:left;cursor:pointer}
 .brown-drawer-heading::after{content:'+';font-size:24px;color:#a88a50}
 .brown-drawer-heading[aria-expanded="true"]::after{content:'−'}
 .brown-drawer-sub{display:none;padding:6px 15px 14px!important;background:#f7f6f3}
 .brown-drawer-sub.open{display:block}
 .brown-drawer-sub a{display:block;padding:12px 0;color:#514c44;font-size:15px;text-decoration:none}
 .brown-drawer-sub a[aria-current="page"]{color:#a88a50;font-weight:600}
 .brown-drawer-phone{margin-top:auto;padding:25px 22px;background:#252421;color:#fff;text-decoration:none;font-size:23px;font-weight:600}
 #mobile-main-wrap .m-bg-dim{opacity:1!important;background:linear-gradient(to bottom,rgba(0,0,0,.56),rgba(0,0,0,.42) 50%,rgba(0,0,0,.28))!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 #000,0 0 8px rgba(0,0,0,.95),0 3px 18px rgba(0,0,0,.85)!important}
}

@media(min-width:1025px){body[data-mobile-search] #uh-header{display:none!important}}

/* 모바일 페이지 바깥쪽 흰색 여백 제거 */
@media (max-width: 1024px) {
  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
  }

  body .dh-builder {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .dh-builder :is(#section_3366, .section.block) .container,
  body .dh-builder :is(#section_3366, .section.block) .container-fluid {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .dh-builder :is(#section_3366, .section.block) .section-inner .h-con,
  body .dh-builder :is(#section_3366, .section.block) .h-con .row,
  body .dh-builder :is(#section_3366, .section.block) .h-con .frame,
  body .dh-builder :is(#section_3366, .section.block) .frame-inner,
  body .dh-builder :is(#section_3366, .section.block) .item-inner.code,
  body .dh-builder :is(#section_3366, .section.block) .code-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}