@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
:root { --site-header-height: 80px; }
#site-header, #site-header * { box-sizing: border-box; }
#site-header {
  position: fixed !important; inset: 0 0 auto !important;
  width: 100% !important; height: var(--site-header-height) !important;
  z-index: 99999 !important; background: rgba(5, 5, 5, .45) !important;
  border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
  box-shadow: none !important; opacity: 1 !important; visibility: visible !important;
  backdrop-filter: none !important; transform: none;
  transition: transform .25s ease !important;
  font-family: 'Pretendard', Arial, sans-serif !important; color: #fff;
}
#site-header.site-header-hidden { transform: translateY(-100%) !important; }
body.menu-open #site-header { transform: none !important; }
html:has(#site-header):has(body.menu-open) { overflow: hidden !important; }
#site-header .navbar {
  display: flex !important; align-items: center !important; justify-content: space-between;
  gap: 24px !important; padding: 0 28px !important; margin: 0 !important;
  width: 100% !important; height: var(--site-header-height) !important;
  min-height: var(--site-header-height) !important;
  background: transparent !important; border: 0 !important; backdrop-filter: none !important;
}
#site-header .logo { flex: 0 0 auto; margin: 0 !important; }
#site-header .logo a {
  font-family: 'Pretendard', Arial, sans-serif !important; font-size: 26px !important;
  line-height: 1 !important; font-style: italic; font-weight: 900 !important;
  letter-spacing: -1px !important; color: #fff !important; text-decoration: none;
  white-space: nowrap; text-shadow: none !important;
}
#site-header .menu {
  display: flex !important; align-items: center; justify-content: center;
  flex: 1; gap: 16px !important; margin: 0 !important; padding: 0 !important; list-style: none;
}
#site-header .menu li { display: flex; align-items: center; margin: 0; padding: 0; }
#site-header .menu a, #site-header .menu button {
  font-family: inherit !important; font-size: 12px !important; font-weight: 700 !important;
  line-height: 1.2 !important; letter-spacing: -.03em !important; white-space: nowrap;
  color: #fff !important; text-decoration: none; text-shadow: none !important;
  background: none !important; border: 0; padding: 8px 0 !important;
}
#site-header #userMenu { gap: 8px; }
#site-header #loginLink, #site-header #logoutBtn, #site-header #logo-text { color: #fff !important; text-shadow: none !important; }
#site-header .download-btn {
  display: block !important; flex: 0 0 auto; margin: 0 !important; padding: 12px 18px !important;
  color: #fff !important; border: 1px solid #888 !important; background: transparent !important;
  font: 700 12px/1.2 'Pretendard', Arial, sans-serif !important; letter-spacing: -.03em;
  text-decoration: none; white-space: nowrap;
}
#site-header .download-btn:hover { background: #fff !important; color: #050505 !important; }
#site-header .mobile-menu-btn, #site-header .mobile-menu-overlay, #site-header .mobile-side-menu { display: none !important; }
#site-header [hidden] { display: none !important; }
html[data-admin-menu-access='true'] #site-header .menu [data-admin-only] { display: flex !important; }
#site-header a:focus-visible, #site-header button:focus-visible { outline: 2px solid #fff200; outline-offset: 5px; }
html.trainer-only-view #trainer { padding-top: var(--site-header-height) !important; }
body.shared-header-login { overflow-y: auto; }
.shared-header-login .login-page { padding: calc(var(--site-header-height) + 24px) 0 24px; min-height: 100svh; height: auto; }
.shared-header-login .login-card { max-height: none; }
.shared-header-login .close-login { display: none; }
@media (min-width: 1101px) and (max-width: 1350px) {
  #site-header .navbar { gap: 18px !important; padding: 0 24px !important; }
  #site-header .logo a { font-size: 23px !important; }
  #site-header .menu { gap: 12px !important; }
  #site-header .menu a, #site-header .menu button { font-size: 11px !important; }
  #site-header .download-btn { padding: 12px !important; font-size: 11px !important; }
}
@media (max-width: 1100px) {
  :root { --site-header-height: 66px; --header: 66px; }
  #site-header .navbar { padding: 0 20px !important; }
  #site-header .logo a { font-size: 22px !important; }
  #site-header .menu, #site-header .download-btn { display: none !important; }
  #site-header .mobile-menu-btn {
    display: block !important; position: relative !important; inset: auto !important;
    flex: 0 0 44px; width: 44px !important; height: 44px !important; margin: 0 0 0 auto !important;
    padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
    color: #fff !important; z-index: 3 !important; cursor: pointer; transform: none !important;
  }
  #site-header .mobile-menu-btn::before, #site-header .mobile-menu-btn::after {
    content: ''; position: absolute; left: 9px !important; right: auto !important;
    width: 26px !important; height: 1px !important; background: #fff !important;
    top: 17px !important; transform: none !important;
  }
  #site-header .mobile-menu-btn::after { top: 27px !important; }
  #site-header .mobile-menu-overlay {
    display: block !important; position: fixed !important; inset: var(--site-header-height) 0 0 !important;
    background: rgba(0,0,0,.55) !important; opacity: 0; visibility: hidden; pointer-events: none; z-index: 1 !important;
  }
  #site-header .mobile-side-menu {
    display: block !important; position: fixed !important; top: var(--site-header-height) !important; right: 0 !important;
    bottom: 0 !important; left: auto !important; width: min(390px, 100%) !important;
    height: calc(100dvh - var(--site-header-height)) !important; max-height: none !important;
    padding: 24px !important; margin: 0 !important; overflow-y: auto !important; overscroll-behavior: contain;
    background: #fff !important; color: #111 !important; z-index: 2 !important;
    transform: translateX(100%) !important; visibility: hidden !important; transition: transform .25s ease;
  }
  body.menu-open #site-header .mobile-side-menu { transform: none !important; visibility: visible !important; }
  body.menu-open #site-header .mobile-menu-overlay { opacity: 1; visibility: visible; pointer-events: auto; }
  #site-header .mobile-auth-panel { position: relative; padding: 8px 0 24px !important; background: #fff !important; color: #111; border-bottom: 1px solid #ddd; }
  #site-header .mobile-close { position: absolute; right: 0; top: 0; width: 28px; height: 28px; border: 0; background: transparent; }
  #site-header .mobile-close::before { content: '×'; font: 24px/1 Arial; color: #111; }
  #site-header .mobile-auth-row { display: flex; align-items: center; gap: 14px; padding-top: 18px; }
  #site-header .mobile-profile-upload { position: relative; display: block; flex: 0 0 48px; }
  #site-header .mobile-profile-upload input { display: none; }
  #site-header .mobile-profile-avatar { width: 48px; height: 48px; overflow: hidden; border-radius: 50%; display: grid; place-items: center; background: #eee; }
  #site-header .mobile-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
  #site-header .mobile-auth-title { color: #111 !important; font-size: 17px !important; font-weight: 800; text-decoration: none; }
  #site-header .mobile-auth-sub { margin: 6px 0 !important; color: #777; font-size: 12px; }
  #site-header .mobile-auth-links { display: flex; gap: 8px; font-size: 12px; }
  #site-header .mobile-auth-links a, #site-header .mobile-auth-links button { color: #555; text-decoration: none; border: 0; background: none; font: inherit; }
  #site-header .mobile-menu-list { display: flex !important; flex-direction: column; gap: 0 !important; margin: 0; padding: 12px 0 !important; }
  #site-header .mobile-menu-section-title { padding: 20px 0 10px; color: #888; font-size: 11px; }
  #site-header .mobile-side-menu .mobile-menu-list a {
    display: flex !important; align-items: center; gap: 12px; min-height: 44px; padding: 12px 0 !important;
    color: #111 !important; border: 0 !important; text-decoration: none; font: 700 15px/1.4 'Pretendard', Arial, sans-serif !important;
  }
  #site-header .mobile-menu-list a > svg { width: 18px; height: 18px; flex: 0 0 18px; }
  #site-header .mobile-menu-list a > svg:last-child { margin-left: auto; }
  #site-header .mobile-side-menu .mobile-menu-list a.mobile-side-reserve { margin-top: 20px; padding: 14px !important; justify-content: center; background: #050505 !important; color: #fff !important; }
  #site-header .mobile-side-menu .mobile-menu-list a[hidden] { display: none !important; }
  html[data-admin-menu-access='true'] #site-header .mobile-side-menu .mobile-menu-list [data-admin-only] { display: flex !important; }
}
@media (prefers-reduced-motion: reduce) { #site-header { transition: none !important; } }

/* Editorial mobile menu: the current page remains visible underneath. */
@media(max-width:1100px){
 body.menu-open #site-header,body.menu-open #site-header .navbar{background:rgba(5,5,5,.82)!important}
 #site-header .mobile-menu-overlay{background:transparent!important}
 #site-header .mobile-side-menu{width:100%!important;max-width:none!important;left:0!important;padding:18px 28px calc(24px + env(safe-area-inset-bottom))!important;background:linear-gradient(90deg,rgba(5,5,5,.66),rgba(5,5,5,.91))!important;color:#eee!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:0!important;box-shadow:none!important;transform:translateY(-8px)!important;opacity:0!important;transition:opacity .28s ease,transform .28s ease!important;touch-action:pan-y}
 body.menu-open #site-header .mobile-side-menu{opacity:1!important;transform:none!important}
 body.menu-open #site-header .mobile-menu-btn::before{top:22px!important;transform:rotate(45deg)!important}
 body.menu-open #site-header .mobile-menu-btn::after{top:22px!important;transform:rotate(-45deg)!important}
 #site-header .mobile-menu-list{display:grid!important;grid-template-columns:1fr 1fr;column-gap:22px!important;row-gap:0!important;padding:0!important;max-width:520px;margin:0 0 0 auto!important}
 #site-header .mobile-menu-section-title{grid-column:1/-1;text-align:right;font-size:10px;letter-spacing:.2em;color:#aaa;padding:14px 0 8px}
 #site-header .mobile-menu-section-title:first-child{padding:2px 0 10px;letter-spacing:.28em}
 #site-header .mobile-side-menu .mobile-menu-list a{justify-content:flex-end;color:#bbb!important;font-size:12px!important;font-weight:400!important;min-height:44px;transform:none!important;opacity:1!important;transition:none!important;animation:none!important}
 #site-header .mobile-menu-list a>svg{display:none!important}
 #site-header .mobile-side-menu .mobile-menu-list a.mobile-primary-link{grid-column:1/-1;display:flex!important;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px!important;min-height:60px;height:clamp(60px,8.2svh,74px);padding:7px 0!important;color:#f3f2ed!important;text-align:right}
 #site-header .mobile-primary-link .mobile-nav-en{font-family:'Helvetica Neue','Pretendard',Arial,sans-serif!important;font-size:clamp(28px,7.7vw,36px)!important;font-weight:300!important;line-height:1;letter-spacing:-.025em}
 #site-header .mobile-primary-link .mobile-nav-ko{font-size:10px!important;font-weight:400!important;line-height:1.3;letter-spacing:.07em;color:#aaa}
 #site-header .mobile-primary-link.mobile-allpass-link .mobile-nav-en{color:#e5d5ae}
 #site-header .mobile-side-menu .mobile-menu-list a.mobile-side-reserve{grid-column:1/-1;flex-direction:column;align-items:flex-end;gap:7px!important;margin-top:12px;padding:16px 0!important;background:transparent!important;border-top:1px solid #ffffff24!important;color:#eee!important}
 #site-header .mobile-side-reserve>span{font-size:18px;font-weight:300;letter-spacing:.08em}#site-header .mobile-side-reserve small{font-size:10px;font-weight:400;color:#aaa}
 #site-header .mobile-auth-panel{max-width:520px;margin:0 0 0 auto;padding:10px 0!important;background:transparent!important;border:0!important;color:#ddd}
 #site-header .mobile-auth-row{justify-content:flex-end;gap:12px;padding:0;text-align:right}
 #site-header .mobile-close{display:none!important}
 #site-header .mobile-auth-title{color:#eee!important;font-size:13px!important;font-weight:400}
 #site-header .mobile-auth-sub{font-size:10px!important;color:#aaa}
 #site-header .mobile-auth-links{justify-content:flex-end;gap:10px}
 #site-header .mobile-auth-links a,#site-header .mobile-auth-links button{color:#bbb!important;min-height:36px;display:inline-flex;align-items:center}
 #site-header .mobile-profile-upload{flex-basis:32px;order:2}#site-header .mobile-profile-avatar{width:32px;height:32px;background:#ffffff18;color:#ddd;font-size:10px}
 #site-header .mobile-profile-delete{color:#ccc;background:transparent;border:1px solid #ffffff30}
}

@media(max-width:1100px){
 #site-header .mobile-side-menu{border-radius:0!important;min-height:0!important}
 #site-header .mobile-menu-list,#site-header .mobile-auth-copy,#site-header .mobile-auth-row{background:transparent!important;border:0!important;box-shadow:none!important}
 #site-header .mobile-menu-list:before,#site-header .mobile-menu-list:after,#site-header .mobile-menu-list a:before,#site-header .mobile-menu-list a:after{display:none!important}
 #site-header .mobile-menu-section-title{border:0!important;background:transparent!important}
 #site-header .mobile-side-menu .mobile-menu-list a.mobile-primary-link{align-items:flex-end!important;text-align:right!important;justify-content:center!important}
 #site-header .mobile-menu-btn{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 #site-header .mobile-auth-links,#site-header .mobile-auth-sub{background:transparent!important}
}

@media(max-width:1100px){
 #site-header .mobile-menu-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px!important}
 #site-header .mobile-menu-section-title:not(:first-child){display:none!important}
 #site-header .mobile-side-menu .mobile-menu-list a{background:transparent!important}
 #site-header .mobile-side-menu .mobile-menu-list a:hover,#site-header .mobile-side-menu .mobile-menu-list a:active{background:rgba(255,255,255,.05)!important;color:#eee!important}
 #site-header .mobile-side-menu .mobile-menu-list a:not(.mobile-primary-link):not(.mobile-side-reserve){justify-content:center;font-size:11px!important}
 #site-header .mobile-side-menu .mobile-menu-list a.mobile-primary-link{height:clamp(56px,7.5svh,68px);min-height:56px}
}

@media(max-width:1100px){
 #site-header .mobile-community-links{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:18px;padding-top:12px;border-top:1px solid #ffffff24}
 #site-header .mobile-side-menu .mobile-menu-list .mobile-community-links a{justify-content:flex-end!important;min-height:44px;padding:10px 0!important;font-size:12px!important;text-align:right}
 #site-header .mobile-side-menu .mobile-menu-list a.mobile-mypage-link{grid-column:1/-1;display:flex!important;justify-content:flex-end!important;gap:10px!important;min-height:48px;margin-top:12px;border-top:1px solid #ffffff24!important;padding:16px 0!important}
 #site-header .mobile-mypage-link span:first-child{font-size:18px;font-weight:300;letter-spacing:.08em;color:#eee}#site-header .mobile-mypage-link span:last-child{font-size:11px;color:#aaa}
}

/* Mobile navigation: a soft curtain reveal and text-only touch feedback. */
@media(max-width:1100px){
 #site-header .mobile-menu-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 #site-header .mobile-menu-btn::before,#site-header .mobile-menu-btn::after{transition:top .3s ease,transform .45s cubic-bezier(.22,1,.36,1)!important}
 #site-header .mobile-side-menu{
  background:linear-gradient(125deg,rgba(10,11,12,.87),rgba(5,5,5,.96))!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  clip-path:inset(0 0 100% 0);transform:none!important;opacity:0!important;
  visibility:hidden!important;pointer-events:none;
  transition:clip-path .58s cubic-bezier(.76,0,.24,1),opacity .35s ease,visibility 0s .58s!important;
 }
 body.menu-open #site-header .mobile-side-menu{
  clip-path:inset(0);opacity:1!important;visibility:visible!important;pointer-events:auto;
  transition:clip-path .72s cubic-bezier(.22,1,.36,1),opacity .25s ease,visibility 0s!important;
 }
 #site-header .mobile-side-menu .mobile-menu-list a.mobile-primary-link{
  background:transparent!important;border-radius:0!important;box-shadow:none!important;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  opacity:0!important;transform:translate3d(0,22px,0)!important;
  transition:opacity .2s ease,transform .3s ease!important;
 }
 body.menu-open #site-header .mobile-side-menu .mobile-menu-list a.mobile-primary-link{
  opacity:1!important;transform:translate3d(0,0,0)!important;
  transition:opacity .48s ease var(--menu-delay,.12s),transform .65s cubic-bezier(.22,1,.36,1) var(--menu-delay,.12s)!important;
 }
 #site-header .mobile-primary-link:nth-of-type(1){--menu-delay:.10s}
 #site-header .mobile-primary-link:nth-of-type(2){--menu-delay:.14s}
 #site-header .mobile-primary-link:nth-of-type(3){--menu-delay:.18s}
 #site-header .mobile-primary-link:nth-of-type(4){--menu-delay:.22s}
 #site-header .mobile-primary-link:nth-of-type(5){--menu-delay:.26s}
 #site-header .mobile-primary-link:nth-of-type(6){--menu-delay:.30s}
 #site-header .mobile-primary-link:nth-of-type(7){--menu-delay:.34s}
 #site-header .mobile-primary-link:nth-of-type(8){--menu-delay:.38s}
 #site-header .mobile-primary-link:nth-of-type(9){--menu-delay:.42s}
 #site-header .mobile-primary-link:nth-of-type(10){--menu-delay:.46s}
 #site-header .mobile-side-menu .mobile-menu-list a:hover,
 #site-header .mobile-side-menu .mobile-menu-list a:active,
 #site-header .mobile-side-menu .mobile-menu-list a:focus{background:transparent!important;box-shadow:none!important}
 #site-header .mobile-primary-link .mobile-nav-en,
 #site-header .mobile-primary-link .mobile-nav-ko{transition:transform .28s cubic-bezier(.22,1,.36,1),color .22s ease!important}
 #site-header .mobile-primary-link:active .mobile-nav-en{transform:translateX(-9px);color:#e5d5ae!important}
 #site-header .mobile-primary-link:active .mobile-nav-ko{transform:translateX(-5px);color:#e5d5ae!important}
 #site-header .mobile-primary-link:focus-visible{outline:0}
 #site-header .mobile-primary-link:focus-visible .mobile-nav-en{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px;color:#e5d5ae!important}
}
@media(max-width:1100px) and (hover:hover){
 #site-header .mobile-primary-link:hover .mobile-nav-en{transform:translateX(-9px);color:#e5d5ae!important}
 #site-header .mobile-primary-link:hover .mobile-nav-ko{transform:translateX(-5px);color:#d1c4a7!important}
}
@media(max-width:1100px) and (prefers-reduced-motion:reduce){
 #site-header .mobile-side-menu,body.menu-open #site-header .mobile-side-menu,
 #site-header .mobile-side-menu .mobile-menu-list a.mobile-primary-link,
 body.menu-open #site-header .mobile-side-menu .mobile-menu-list a.mobile-primary-link,
 #site-header .mobile-menu-btn::before,#site-header .mobile-menu-btn::after,
 #site-header .mobile-primary-link .mobile-nav-en,#site-header .mobile-primary-link .mobile-nav-ko{transition:none!important}
 #site-header .mobile-primary-link:active .mobile-nav-en,#site-header .mobile-primary-link:active .mobile-nav-ko{transform:none}
}

/* Shared typography: one family and a consistent hierarchy across public pages. */
:root{--site-font:'Pretendard',Arial,sans-serif;--type-display:clamp(44px,4.8vw,68px);--type-section:clamp(32px,3.4vw,48px);--type-card:22px;--type-body:17px;--type-small:14px}
html body{font-family:var(--site-font)!important;-webkit-font-smoothing:antialiased}
html body:is(body,#site-typography) :where(h1,h2,h3,h4,p,a,button,input,textarea,select,label,strong,b,small,li,dt,dd,time,em,span:not([class*="fa-"]):not(.material-icons),.pt-char){font-family:var(--site-font)!important}
html body:is(body,#site-typography) :where(.intro-main,.intro-title-line,.special-title h1,.special-label strong,.history-intro h1){font-size:var(--type-display)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.045em!important}
html body:is(body,#site-typography) :where(.pt-reasons-title,.trainer-pt-question,.trainer-pt-answer,.trainer-proof-sticky h2,.trainer-proof-final,.trainer-title,.hours-left h2,.news-hub-title h2,#location>.title,.pass-title h2){font-size:var(--type-section)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.04em!important}
html body:is(body,#site-typography) :where(.special-title p,.special-label p,.history-card p,.trainer-sub,.hours-left p,.pass-title p,.pass-map-copy p){font-size:var(--type-body)!important;font-weight:400!important;line-height:1.7!important;letter-spacing:-.02em!important}
html body:is(body,#site-typography) :where(.history-card strong,.trainer-basic h3,.trainer-info h3,.pass-map-copy h3,.pass-card-copy h2){font-size:var(--type-card)!important;font-weight:700!important;line-height:1.4!important;letter-spacing:-.03em!important}
html body:is(body,#site-typography) :where(.hero-brand-kicker,.eyebrow,.pass-copy-kicker){font-size:var(--type-small)!important;font-weight:600!important;line-height:1.5!important;letter-spacing:.02em!important}
html body:is(body,#site-typography) :where(.pass-card-copy p,.history-item time,.company-footer p,.trainer-basic p){font-size:var(--type-small)!important;line-height:1.65!important;letter-spacing:-.015em!important}
/* The facility title's scale is measured by its scroll animation. */
html body:is(body,#site-typography) .facility-title-copy{font-weight:700!important;letter-spacing:-.045em!important;line-height:1.2!important}
html body:is(body,#site-typography) :where(.board-header h1,.login-form h1,#postTitle){font-size:var(--type-section)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.04em!important}
@media(max-width:768px){
 :root{--type-display:clamp(30px,8vw,40px);--type-section:clamp(27px,7.2vw,34px);--type-card:20px;--type-body:15px;--type-small:13px}
 html body:is(body,#site-typography) .mobile-board-hero h2{font-size:40px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.04em!important}
 html body:is(body,#site-typography) .mobile-board-hero strong{font-size:20px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:-.03em!important}
 html body:is(body,#site-typography) .mobile-board-hero span{font-size:14px!important;line-height:1.65!important;letter-spacing:-.02em!important}
 html body:is(body,#site-typography) .board-post h2{font-size:15px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:-.02em!important}
 html body:is(body,#site-typography) :where(.consult-post-meta-bottom,.consult-post-meta-bottom time,.official-post-body time){font-size:12px!important;line-height:1.5!important}
}

/* Keep one gentle slant instead of combining italic and skew. */
html body #site-header .logo a{font-style:normal!important;transform:skewX(-3deg)!important}

#site-header#site-header{--site-header-height:80px;background:rgba(5,5,5,.45)!important;color:#fff!important;border-bottom:1px solid #ffffff20!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;height:var(--site-header-height)!important}
#site-header#site-header .navbar{height:var(--site-header-height)!important;min-height:var(--site-header-height)!important}
#site-header#site-header .logo{display:block!important}
#site-header#site-header .logo a,#site-header#site-header .menu a,#site-header#site-header #loginLink,#site-header#site-header #logoutBtn{color:white!important;-webkit-text-fill-color:white!important}
#site-header#site-header .logo a{font-size:26px!important}
#site-header#site-header .download-btn{background:transparent!important;color:#fff!important;border:1px solid #ffffff80!important}
#site-header#site-header .mobile-menu-btn::before,#site-header#site-header .mobile-menu-btn::after{background:white!important}
#site-header#site-header .mobile-board-back{display:none!important}
#site-header#site-header.site-header-hidden{transform:translateY(-100%)!important}
body.menu-open #site-header#site-header{transform:none!important}
@media(max-width:1100px){#site-header#site-header{--site-header-height:66px}#site-header#site-header .logo a{font-size:22px!important}}

@media(max-width:1100px){#site-header#site-header .mobile-primary-link .mobile-nav-en{font-weight:650!important;letter-spacing:-.035em!important}#site-header#site-header .mobile-primary-link .mobile-nav-ko{font-weight:500!important;color:#bbb}}

.site-quick-actions{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:99996;display:flex;flex-direction:column;gap:10px}.site-quick-actions>a,.site-quick-actions>button{box-sizing:border-box;display:grid;place-items:center;position:static;width:52px;height:52px;border-radius:50%;border:1px solid #111;background:#111;color:#fff;box-shadow:none;text-decoration:none;cursor:pointer;padding:0;opacity:1;visibility:visible}.site-quick-actions>button{background:white;color:#111;font:700 11px/1 Pretendard,Arial,sans-serif;letter-spacing:.04em}.site-quick-actions svg{width:21px;height:21px;fill:currentColor}.site-quick-actions :focus-visible{outline:2px solid #777;outline-offset:4px}body.menu-open .site-quick-actions,body:has(dialog[open]) .site-quick-actions,body.hb-machine-open .site-quick-actions,body.hb-bodydot-open .site-quick-actions{visibility:hidden}body.menu-open .site-quick-actions>*,body:has(dialog[open]) .site-quick-actions>*{visibility:hidden}@media(max-width:768px){.site-quick-actions{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));gap:8px}.site-quick-actions>a,.site-quick-actions>button{width:46px;height:46px}.site-quick-actions>button{font-size:10px}}