/* Scoped to the public homepage header. The original menu links and interactions are retained. */
#header .logo>.in .logo_tt,#header .all_logo .logo_tt{white-space:nowrap;word-break:normal}
#header .logo>.in{min-width:0;max-width:100%}
#header .logo>.in>img,#header .all_logo .in>img{flex-shrink:0}
#header .logo>.in .logo_tt{min-width:0;overflow:hidden;text-overflow:ellipsis}
#header .all_wrap .all_layer .wrap_top .all_logo .in{width:100%;min-width:0}
#header .all_logo .logo_tt{min-width:0;overflow:hidden;text-overflow:ellipsis}
@media screen and (min-width:1025px){
  #header>.inner{width:calc(100% - 64px);max-width:1300px;gap:clamp(14px,1.5vw,28px);flex-wrap:nowrap;align-items:center}
  #header>.inner>.logo{flex:0 1 auto;min-width:0;max-width:40%}
  #header .logo>.in{gap:12px}
  #header .logo>.in img{width:clamp(42px,3.5vw,56px)}
  #header .logo>.in .logo_tt{font-size:clamp(20px,1.7vw,24px)}
  #header>.inner>.menu_wrap{flex:0 0 auto;min-width:0;gap:clamp(10px,1.3vw,24px)}
  #header .gnb_wrap{display:block;flex:0 0 auto;min-width:0}
  #header .gnb_wrap>.gnb{flex-wrap:nowrap}
  #header .gnb_wrap>.gnb>li{flex:0 0 auto}
  #header .gnb_wrap>.gnb>li>.dp1{padding:0 clamp(7px,.7vw,13px);white-space:nowrap}
  #header .gnb_wrap>.gnb>li>.dp1 .tt{font-size:clamp(13px,1.12vw,17.6px);white-space:nowrap}
  #header .shop_wrap{flex:none;margin:0}
  #header .all_wrap .all{width:30px}
  #header.bh-compact .gnb_wrap{display:none}
  #header.bh-compact>.inner>.logo{max-width:calc(100% - 70px)}
}
/* Keep the original desktop proportions; compress spacing only on narrower screens.
   Caps prevent viewport-based gaps from expanding when the browser is zoomed out. */
@media screen and (min-width:1401px){
  #header>.inner{gap:0 min(2vw,38.4px)}
  #header .logo>.in{gap:0 1em}
  #header .logo>.in img{width:3.5em}
  #header .logo>.in .logo_tt{font-size:1.5em}
  #header>.inner>.menu_wrap{gap:0 min(2vw,38.4px)}
  #header .gnb_wrap>.gnb>li>.dp1{padding:0 min(1vw,19.2px)}
  #header .gnb_wrap>.gnb>li>.dp1 .tt{font-size:1.1em}
  #header .shop_wrap{margin-right:1em;margin-left:auto}
  #header .all_wrap .all{width:clamp(30px,9vmin,86.4px)}
}