.header .brand.by-brand{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;color:#B5232D;flex-shrink:0}.by-mark{display:block;width:38px;height:38px;flex:none}.by-wordmark{display:flex;flex-direction:column;gap:3px}.by-wordmark strong{font-family:'Batang','바탕','Noto Serif KR',serif;font-size:24px;font-weight:700;line-height:1.05;letter-spacing:1.5px}.header .brand.by-brand .by-wordmark small{display:block;font-family:'Malgun Gothic',sans-serif;font-size:8px;font-weight:500;line-height:1.2;letter-spacing:1.1px;color:#947E81}.by-brand:focus-visible{outline:2px solid #B5232D;outline-offset:4px;border-radius:6px}.by-footer{display:flex;align-items:center;gap:9px;margin-bottom:9px}.by-footer .by-mark{width:30px;height:30px}.by-footer strong{font-family:'Batang','바탕',serif;font-size:20px;letter-spacing:1px;color:#B5232D}@media(max-width:360px){.header .brand.by-brand{gap:7px}.by-wordmark strong{font-size:22px}.by-mark{width:35px;height:35px}.header .brand.by-brand .by-wordmark small{font-size:7px}}


.by-name{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.by-hanja{font-family:"Batang","바탕","Noto Serif CJK TC",serif;font-size:12px;font-weight:400;letter-spacing:1px;line-height:1.2;color:#776A64}.by-footer .by-hanja{font-size:12px}@media(max-width:360px){.by-name{gap:6px}.by-hanja{font-size:11px;letter-spacing:.5px}}

/* The brand name remains prominent beside the navigation on small screens. */
@font-face{font-family:'Baekyaru Wordmark';src:url('assets/fonts/Baekyaru-Wordmark.ttf') format('truetype');font-weight:900;font-display:swap}
body #app .by-brand .by-wordmark strong,body #app .by-footer strong{font-family:'Baekyaru Wordmark',serif!important;font-weight:900;color:#851b29;font-size:30px;line-height:1.2;letter-spacing:-1.3px}
body #app .by-brand .by-hanja,body #app .by-footer .by-hanja{font-family:'Baekyaru Wordmark',serif!important;font-weight:900;color:#57212b;font-size:18px;letter-spacing:.5px;line-height:1.2}
#app .by-name{align-items:center;gap:9px}
#app .by-wordmark{gap:2px}
#app .header .brand.by-brand .by-wordmark small{color:#725058;font-weight:650;letter-spacing:1px}
#app .by-footer strong{font-size:25px}
#app .by-footer .by-hanja{font-size:16px}
@media(max-width:380px){body #app .by-brand .by-wordmark strong{font-size:27px}body #app .by-brand .by-hanja{font-size:16px}#app .by-name{gap:6px}#app .header .brand.by-brand{gap:6px}#app .by-brand .by-mark{width:34px;height:34px}}

#app .footer .business-info{margin-top:18px;font-size:12px;line-height:1.9;color:#665d59;overflow-wrap:anywhere}
#app .footer .business-info strong{font-weight:600}
#app .footer>nav{align-content:flex-start}