@font-face{font-family:'Hanmiko SUIT';src:url('/brand-v1/SUIT-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html,body,body *{font-family:'Hanmiko SUIT','Malgun Gothic',sans-serif!important}
code,pre{font-family:ui-monospace,monospace!important}
body{font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
button,input,select,textarea{letter-spacing:-.015em}
h1,h2,h3{font-family:'Hanmiko SUIT','Malgun Gothic',sans-serif!important;font-weight:700!important;letter-spacing:-.035em!important}
nav a,nav button{font-weight:500}
.hm-brand-lockup{display:block!important;width:164px!important;max-width:100%!important;height:62px!important;min-height:0!important;padding:0!important;background:none!important;border:0!important;letter-spacing:0!important;line-height:1!important;overflow:hidden;flex-shrink:0}
.hm-brand-lockup>.hm-logo-image{display:block!important;width:190px!important;max-width:none!important;height:auto!important;margin:-1px 0 0 -15px!important;object-fit:contain}
aside .hm-brand-lockup{margin:0 0 18px!important}
.rail-top .hm-brand-lockup,.menu-top .hm-brand-lockup{margin:0!important}
header>.hm-brand-lockup{width:170px!important;height:64px!important}
body>header:has(>nav[aria-label="투자 시장 선택"]){grid-template-columns:170px minmax(400px,1fr) auto;gap:18px}
.ux-market-brand.hm-brand-lockup{width:170px!important;height:64px!important}
@media(min-width:721px) and (max-width:1100px){body>header:has(>nav[aria-label="투자 시장 선택"]){grid-template-columns:150px minmax(330px,1fr) auto;gap:12px;padding-left:16px;padding-right:16px}header>.hm-brand-lockup{width:150px!important}.hm-brand-lockup>.hm-logo-image{width:176px!important}}
@media(max-width:720px){
 body>header:has(>nav[aria-label="투자 시장 선택"]){grid-template-columns:44px minmax(110px,1fr) auto;gap:4px 5px}
 header>.hm-brand-lockup,.ux-market-brand.hm-brand-lockup{width:124px!important;height:42px!important;min-width:0!important}
 header>.hm-brand-lockup>.hm-logo-image,.ux-market-brand.hm-brand-lockup>.hm-logo-image{width:142px!important;margin:-2px 0 0 -12px!important}
 .ux-market-header{column-gap:8px!important}
 aside .hm-brand-lockup{width:164px!important;height:62px!important}
}