:root{
  --side:0px; --maxw:min(calc(var(--wrap) + var(--gut)*2), calc(100vw - 2*var(--side)));
  --ink:#0B0B0B; --ink2:#161616; --ink3:#202020; --line-d:#2E2E2E;
  --paper:#fff; --gray:#F5F5F3; --gray2:#ECECE9; --line:#E4E4E0;
  --txt:#111; --mute:#6A6A6A; --mute-d:#A9A9A9;
  --point:#1E641E; --hi:#3DBA5A; --hi-d:#2E9A47; --hi-l:#E6F4E8;
  --r-xl:28px; --r-lg:22px; --r-md:16px; --r-sm:12px;
  --en:'Archivo','Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --ko:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --wrap:1320px; --gut:40px; --tb:34px; --hd-row:72px; --hd-nav:52px; --hd:calc(var(--tb) + var(--hd-row) + var(--hd-nav));
}
html.l-zh{--ko:'Pretendard Variable',Pretendard,'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}
html.l-zh body{font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',var(--ko)}
html.l-ja body{font-family:'Noto Sans JP','Hiragino Sans','Yu Gothic',var(--ko)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hd-row) + var(--hd-nav) + 20px);overflow-x:clip}
body{margin:0;font-family:var(--ko);color:var(--txt);background:var(--paper);font-size:16px;line-height:1.65;letter-spacing:-.012em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;font-variant-numeric:lining-nums}
html.l-en body{letter-spacing:0;word-break:normal}
html.l-zh body,html.l-ja body{letter-spacing:0;word-break:normal;line-break:strict}
html.l-ja body{word-break:auto-phrase}
html.translated-ltr body,html.translated-rtl body{word-break:normal}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
strong{font-weight:800}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
@media (min-width:1181px){:root{--side:24px}}
.en{font-family:var(--en)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr:focus{position:fixed!important;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:300;background:#000;color:#fff;padding:10px 16px;border-radius:10px}
.hpot{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.is-label{cursor:default}
:focus-visible{outline:2px solid var(--hi);outline-offset:3px}
svg.ext{width:12px;height:12px;flex:none}
.nw{white-space:nowrap}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;max-width:100%;padding:0 24px;border-radius:999px;font-weight:700;font-size:15px;border:1.5px solid currentColor;transition:.2s;white-space:nowrap;line-height:1.2}
.pill svg{width:17px;height:17px;flex:none}
.pill svg.ext{width:13px;height:13px}
.pill>span{min-width:0}
.pill b.en{font-weight:700;letter-spacing:.01em;white-space:nowrap}
.pill:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.on-dark .pill:hover,.pill.on-dark:hover{background:#fff;color:var(--ink);border-color:#fff}
.pill.on-dark{color:#fff;border-color:rgba(255,255,255,.4)}
.pill-solid{background:var(--ink);color:#fff;border-color:var(--ink)}
.pill-solid:hover{background:var(--point);border-color:var(--point);color:#fff}
.pill-point{background:var(--hi);color:var(--ink)!important;border-color:var(--hi)}
.pill-point:hover{background:#fff;color:var(--ink)!important;border-color:#fff}
.pill-line{border-color:rgba(11,11,11,.22)}
.pill-kakao{background:#FEE500;border-color:#FEE500;color:#191919}
.pill-kakao:hover{background:var(--ink);border-color:var(--ink);color:#FEE500}
.pill-sm{min-height:42px;padding:0 18px;font-size:14px}
html.l-en .pill,html.l-zh .pill,html.l-ja .pill,html.translated-ltr .pill,html.translated-rtl .pill{white-space:normal;text-align:center;padding-top:6px;padding-bottom:6px}
.rbtn{width:46px;height:46px;border-radius:50%;display:inline-grid;place-items:center;background:var(--ink);color:#fff;transition:.2s;flex:none}
.rbtn svg{width:18px;height:18px}
.rbtn:hover{background:var(--point)}
.rbtn[disabled]{opacity:.2;cursor:default}
.rbtn.is-static{display:none}
.on-dark .rbtn,.rbtn.on-dark{background:#fff;color:var(--ink)}
.on-dark .rbtn:hover,.rbtn.on-dark:hover{background:var(--hi)}
.play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--hi);color:var(--ink);display:grid;place-items:center;transition:transform .3s;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.play svg{width:26px;height:26px;margin-left:4px}
.hd{position:fixed;left:0;right:0;top:0;z-index:60;background:#fff;transition:box-shadow .3s}
.hd:not(.is-top){box-shadow:0 10px 30px -18px rgba(0,0,0,.4)}
.tbar{height:var(--tb);background:var(--ink);color:#fff;overflow:hidden;transition:height .3s}
.hd:not(.is-top) .tbar{height:0}
.tb-in{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);height:var(--tb);display:flex;align-items:center;justify-content:center}
.tb-msgs{position:relative;height:var(--tb);flex:1;min-width:0}
.tb-msgs p{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(100%);transition:opacity .5s,transform .5s}
.tb-msgs p>span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.translated-ltr .tb-msgs p>span,html.translated-rtl .tb-msgs p>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;text-align:center;font-size:12px;line-height:1.22}
.tb-msgs p.is-on{opacity:1;transform:none}
.tb-msgs p.is-out{opacity:0;transform:translateY(-100%)}
.hd-in{height:var(--hd-row);display:flex;align-items:center;gap:20px;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.logo{display:block;flex:none;width:156px}
.logo img{width:100%;height:auto}
.hd-util{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.hd-tel{display:inline-flex;align-items:baseline;gap:8px;font-weight:800;font-size:19px;padding:0 8px;white-space:nowrap;font-family:var(--en)}
.hd-tel small{font-family:var(--ko);font-size:12.5px;font-weight:700;color:var(--mute)}
.lang-seg{display:flex;align-items:center;height:42px;padding:3px;border-radius:999px;background:var(--gray)}
.lang-seg a{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:999px;font-family:var(--en);font-weight:700;font-size:12.5px;color:var(--mute);white-space:nowrap}
.lang-seg a[lang="zh-CN"]{font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;font-size:13px}
.lang-seg a[lang="ja"]{font-family:'Noto Sans JP','Hiragino Sans','Yu Gothic',sans-serif;font-size:13px}
.lang-seg a:hover{color:var(--ink)}
.lang-seg a[aria-current="true"]{background:var(--ink);color:#fff}
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:5px;height:42px;padding:0 13px;border-radius:999px;border:1.5px solid var(--line);font-family:var(--en);font-size:12.5px;font-weight:700;white-space:nowrap}
.lang-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.lang-btn .lang-cur{display:none}
.lang-plus{color:var(--point)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:90;width:236px;padding:8px;background:#fff;border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.24);max-height:calc(100vh - 100px);overflow-y:auto}
.lang-menu[hidden]{display:none}
.lang-menu a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;font-size:14px}
.lang-menu a:hover{background:var(--gray)}
.lang-menu a[aria-current="true"]{background:var(--hi-l)}
.lang-menu b{min-width:30px;font-family:var(--en);font-weight:700;font-size:12px;color:var(--point);flex:none;white-space:nowrap}
.lang-menu .lm-fixed{display:none}
.lang.is-gt .lang-cur{display:inline}
.lang.is-gt .lang-plus{display:none}
.lang.is-gt .lang-btn{border-color:var(--hi);color:var(--point)}
.lang-seg.is-gt a[aria-current="true"]{background:none;color:var(--mute)}
.lm-h{margin:6px 10px 2px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--mute);border-top:1px solid var(--line);padding-top:10px}
.hd-cta svg:first-child{width:18px;height:18px}
.burger{width:46px;height:46px;border-radius:50%;display:none;place-items:center;background:var(--ink);color:#fff;flex:none}
.burger span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
.hd-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--ink);background:#fff}
.gnb{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.gnb>ul{display:flex;justify-content:center;align-items:stretch;height:var(--hd-nav);gap:clamp(10px,2.2vw,34px)}
.gnb>ul>li{display:flex;position:relative}
.gnb>ul>li>a,.gnb>ul>li>span{display:flex;align-items:center;gap:4px;padding:0 4px;font-family:var(--en);font-size:15px;font-weight:800;letter-spacing:.01em;white-space:nowrap;position:relative;color:var(--ink)}
.gnb>ul>li>a svg.ext{width:11px;height:11px;color:var(--mute-d)}
.gnb>ul>li>span{color:#A3A3A3}
.gnb>ul>li.gnb-div{padding-left:clamp(10px,2.2vw,34px);border-left:1px solid var(--line);margin:14px 0}
.gnb>ul>li.gnb-div>a{margin:-14px 0}
.gnb>ul>li.is-sig>a .gl::after{content:"";display:inline-block;width:6px;height:6px;margin-left:5px;border-radius:50%;background:var(--hi);vertical-align:.32em}
.gnb>ul>li>*::after{content:"";position:absolute;left:4px;right:4px;bottom:-1px;height:3px;background:var(--ink);transform:scaleX(0);transition:transform .25s}
.gnb>ul>li.is-on>*::after,.gnb>ul>li:hover>a::after{transform:scaleX(1)}
.gnb>ul>li.is-on>a{color:var(--point)}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.4);display:none;max-height:calc(100vh - var(--hd) - var(--qbh,0px) - 4px);overflow-y:auto;overscroll-behavior:contain}
.hd.is-mega .mega{display:block}
.mg-in{max-width:var(--maxw);margin:0 auto;padding:20px var(--gut) 22px}
.mg-grid{display:grid;grid-template-columns:repeat(10,minmax(min-content,1fr));gap:2px}
.mg-col{padding:12px 10px 14px;border-radius:var(--r-sm);transition:background .2s;min-width:0}
.mg-col[data-g="ABOUT"]{border-left:1px solid var(--line);border-radius:0 var(--r-sm) var(--r-sm) 0;padding-left:16px}
.mg-h{display:flex;flex-direction:column;gap:2px;padding-bottom:9px;margin-bottom:9px;border-bottom:2px solid var(--line)}
.mg-h .en{font-weight:800;font-size:15px;line-height:1.2;letter-spacing:.01em;color:var(--ink);white-space:nowrap}
.mg-h .ko{font-size:12.5px;line-height:1.3;font-weight:600;color:var(--mute)}
.mg-col ul li>a,.mg-col ul li>span{display:block;padding:3px 0;font-size:13.5px;line-height:1.4;color:#3E3E3E}
.mg-col ul li>a svg.ext{display:inline-block;width:10px;height:10px;margin-left:3px;vertical-align:0;color:var(--mute-d)}
.mg-col ul li>span{color:#A3A3A3}
.mg-col ul li>a.notranslate,.mg-col ul li>span.notranslate{white-space:nowrap}
.mg-col ul li>a:hover{color:var(--point)}
.mg-sub>.mg-sh{font-weight:800;color:var(--ink)!important;margin-top:4px}
.mg-sub>ul{padding:0 0 4px 8px;border-left:1px solid var(--line);margin-left:2px}
.mg-sub>ul li>a{font-size:13px;padding:2px 0}
.mg-col.is-hot{background:var(--gray)}
.mg-col.is-hot .mg-h{border-bottom-color:var(--ink)}
.mg-col.is-sig .mg-h .en{color:var(--point)}
.mg-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:12px 12px 12px 18px;border-radius:var(--r-md);background:var(--ink);color:#fff;position:sticky;bottom:12px;z-index:1;box-shadow:0 0 0 12px #fff,0 -26px 22px 4px #fff}
.mg-cs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13.5px;color:var(--mute-d)}
.mg-cs svg{width:16px;height:16px;color:var(--hi)}
.mg-cs b{color:#fff;font-weight:700}
.mg-cs a{font-weight:800;font-size:18px;color:#fff}
.mg-strip .pill{background:#fff;color:var(--ink);border-color:#fff}
.mg-strip .pill:hover{background:var(--hi);border-color:var(--hi)}
@media (min-width:1280px) and (max-width:1300px),(min-width:1366px){html.l-en .mg-sub>ul li>a,html.l-en .mg-sub>.mg-sh{white-space:nowrap}}
html.gnb-fold{--hd:calc(var(--tb) + var(--hd-row))}
html.gnb-fold .hd-nav,html.gnb-fold .mega{display:none!important}
html.gnb-fold .burger{display:inline-grid}
.goog-te-banner-frame,body>.skiptranslate,#goog-gt-tt,.goog-te-balloon-frame,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display:none!important}
body{top:0!important}
.goog-text-highlight,font.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{background:none!important;box-shadow:none!important}
@media (max-width:1300px){.hd-tel small{display:none}.mg-h .en{font-size:14px}.mg-col{padding:10px 7px 12px}.mg-col ul li>a,.mg-col ul li>span{font-size:13px}}
@media (max-width:1180px){
  :root{--hd:calc(var(--tb) + var(--hd-row));--mbh:calc(58px + env(safe-area-inset-bottom))}
  .hd-nav,.mega{display:none!important}
  .burger{display:inline-grid}
}
@media (max-width:900px){.hd-tel,.hd-cta{display:none}}
@media (max-width:760px){
  .hd-util .lang-seg{display:none}
  .lang-btn .lang-cur{display:inline}
  .lang-plus{display:none}
  .lang-menu .lm-fixed{display:block}
}
@media (max-width:640px){
  :root{--hd-row:62px;--gut:18px;--tb:32px}
  .hd-in{padding:0 14px;gap:8px}
  .logo{width:124px}
  .lang-btn{padding:0 12px}
  .tb-msgs p{font-size:12px}
}
.drawer{position:fixed;inset:0 0 0 auto;width:min(440px,100%);z-index:80;background:#fff;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s;display:flex;flex-direction:column;box-shadow:-30px 0 60px rgba(0,0,0,.18);visibility:hidden}
.drawer.is-open{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line)}
.drawer-top .logo{width:124px}
.drawer-x{width:46px;height:46px;border-radius:50%;background:var(--gray);font-size:26px;line-height:1}
.drawer-lang{padding:12px 16px 0}
.drawer-lang .lang-seg{display:flex;justify-content:space-between}
.drawer-lang .lang-seg a{flex:1;justify-content:center}
.drawer-body{flex:1;overflow-y:auto;padding:4px 20px 20px;overscroll-behavior:contain}
.drawer details{border-bottom:1px solid var(--line)}
.drawer summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;cursor:pointer;list-style:none}
.drawer summary>span{display:flex;align-items:baseline;gap:10px;min-width:0}
.drawer summary .en{font-weight:800;font-size:17px}
.drawer summary small{font-weight:600;font-size:13px;color:var(--mute)}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:"+";font-family:var(--en);font-weight:500;font-size:22px}
.drawer details[open] summary::after{content:"−"}
.dg{display:grid;padding:0 0 14px 4px}
.dg a,.dg span.is-label{display:flex;align-items:center;gap:6px;min-height:40px;padding:4px 0;font-size:15px;color:#3E3E3E;line-height:1.4}
.dg span.is-label{color:#9A9A9A}
.dg a svg{width:14px;height:14px}
.dg a svg.ext{width:11px;height:11px;color:var(--mute-d)}
.dg>a.dg-top{font-weight:800;color:var(--point)}
.dg-sub{padding:2px 0 6px}
.dg-sub>.dg-sh{font-weight:800;color:var(--ink)}
.dg-ch{display:flex;flex-wrap:wrap;gap:6px;padding-left:2px}
.dg-ch a{min-height:40px;padding:0 14px;border-radius:999px;background:var(--gray);font-size:14px}
.drawer-foot{padding:16px 20px calc(20px + env(safe-area-inset-bottom));display:grid;gap:10px;background:var(--ink)}
.drawer-foot .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.drawer-foot .row .pill{color:#fff;padding:6px 10px;font-size:14px}
.drawer-foot>.pill{min-height:54px}
main{display:block;padding-top:var(--hd)}
.sec{padding:110px 0;position:relative}
.sec-gray{background:var(--gray)}
.sec-ink{background:var(--ink);color:#fff}
.st{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px}
.st-l{min-width:0;max-width:860px}
.st-eb{font-family:var(--en);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--point);margin-bottom:12px}
.on-dark .st-eb,.sec-ink .st-eb{color:var(--hi)}
.st-en{font-family:var(--en);font-weight:900;font-size:clamp(44px,5.4vw,84px);line-height:.92;letter-spacing:-.035em;color:var(--ink);text-transform:uppercase}
.st-en i,.h-en i,.hc-t i,.cbox h3 i,.story-t i,.lk-h i,.bk-h i{font-style:normal;color:var(--hi)}
.st-ko{margin-top:16px;font-size:clamp(19px,1.6vw,23px);font-weight:700;letter-spacing:-.03em;color:var(--txt);line-height:1.4}
.st-lead{margin-top:10px;font-size:15.5px;font-weight:500;color:var(--mute);line-height:1.7}
.on-dark .st-en,.on-dark .st-ko{color:#fff}
.on-dark .st-lead{color:var(--mute-d)}
.st-side{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;flex:none;max-width:100%}
.st-side .pill{white-space:normal;text-align:center}
.h-en{font-family:var(--en);font-weight:900;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.03em;text-transform:uppercase}
.vb-h2{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
.vb-h2>div:first-child{min-width:0}
.vb-s{margin-top:10px;font-size:16px;font-weight:700;color:var(--mute)}
.rv-on .rv{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.rv-on .rv.in{opacity:1;transform:none}
.car{position:relative}
.car-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;cursor:grab}
.car-track::-webkit-scrollbar{display:none}
.car-track>*{flex:0 0 auto;scroll-snap-align:start}
.car-bar{height:3px;background:rgba(11,11,11,.12);border-radius:3px;margin-top:26px;overflow:hidden}
.on-dark .car-bar,.sec-ink .car-bar{background:var(--line-d)}
.car-bar i{display:block;height:100%;width:20%;background:var(--ink);border-radius:3px;transition:transform .15s linear}
.on-dark .car-bar i,.sec-ink .car-bar i{background:var(--hi)}
.car.no-scroll .car-bar{display:none}
.tab-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.tab-l{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.tab-l button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:15px;transition:.2s;white-space:nowrap}
.tab-l button .en{font-weight:800;letter-spacing:.02em}
.tab-l button:hover{border-color:var(--ink)}
.tab-l button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.sec-gray .tab-l button{background:transparent}
.sec-gray .tab-l button.is-on{background:var(--ink)}
.tab-arr{display:flex;gap:8px}
.tps{position:relative}
.tp{transition:opacity .35s}
.tp:not(.is-on){position:absolute;left:0;right:0;top:0;visibility:hidden;opacity:0;pointer-events:none}
.tp-more{display:flex;justify-content:center;margin-top:30px}
.car-pc .car-track>.pc{width:calc((100% - 80px)/5);min-width:216px}
.pc{display:flex;flex-direction:column;min-width:0}
.pc-ph{position:relative;display:block;border-radius:var(--r-md);overflow:hidden;background:var(--gray)}
.sec-gray .pc-ph{background:#fff}
.pc-ph img{width:100%;aspect-ratio:550/715;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pc:hover .pc-ph img{transform:scale(1.04)}
.pc.is-so .pc-ph img{opacity:.45;filter:grayscale(.3)}
.pc-so{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 16px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-size:13px;letter-spacing:.08em;white-space:nowrap}
.pc-b{display:flex;flex-direction:column;flex:1;padding-top:14px}
.pc-c{display:flex;gap:5px;margin-bottom:9px}
.pc-c i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.pc-n{font-size:15px;font-weight:600;line-height:1.45;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.pc-m{margin-top:3px;font-size:12px;font-weight:500;letter-spacing:.02em;color:#8A8A8A}
.pc-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;margin-top:8px}
.pc-r{font-weight:800;font-size:17px;color:var(--point);letter-spacing:-.01em}
.pc-p strong{font-size:17px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.pc-p s{font-size:13px;color:#9A9A9A;white-space:nowrap}
.pc-bg{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}
.pc-bg b{display:inline-flex;align-items:center;height:21px;padding:0 7px;border:1px solid var(--ink);font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1}
.pc-bg b.so{background:var(--ink);color:#fff}
.pc-buy{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;margin-top:auto;border-radius:999px;border:1.5px solid rgba(11,11,11,.18);font-size:14px;font-weight:700;transition:.2s}
.pc-b>.pc-buy{margin-top:auto}
.pc-b>:nth-last-child(2){margin-bottom:14px}
.pc-buy:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.pc.is-so .pc-buy{color:var(--mute)}
.on-dark .pc-ph{background:var(--ink3)}
.on-dark .pc-m,.on-dark .pc-p s{color:#8D8D8D}
.on-dark .pc-r{color:var(--hi)}
.on-dark .pc-bg b{border-color:rgba(255,255,255,.5)}
.on-dark .pc-c i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
.on-dark .pc-buy{border-color:rgba(255,255,255,.3)}
.on-dark .pc-buy:hover{background:#fff;color:var(--ink);border-color:#fff}
.hero{position:relative;background:var(--ink);color:#fff}
.hero-in{max-width:var(--maxw);margin:0 auto;padding:26px var(--gut) 30px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr) auto;gap:20px 48px;min-height:clamp(420px,calc(100svh - var(--hd) - var(--qbh,0px) - var(--mbh,0px)),760px)}
.hero-copy{display:grid;align-items:center;min-width:0;grid-column:1;grid-row:1;container-type:inline-size}
.hc{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .7s,transform .7s,visibility 0s .7s}
.hc.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .7s .15s,transform .7s .15s}
.hc-eb{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--hi)}
.hc-eb i{width:28px;height:2px;background:currentColor}
.hc-t{margin-top:18px;font-weight:900;font-size:min(13.6cqi,96px);line-height:.9;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap}
.hc-d{margin-top:18px;font-size:17px;font-weight:500;color:#D2D2D2;line-height:1.6}
.hc-d.en{font-size:clamp(18px,1.5vw,21px);font-weight:700;color:#fff;letter-spacing:.01em}
.hc-d+.hc-d{margin-top:6px}
.hc-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hero-vis{grid-column:2;grid-row:1/3;position:relative;min-height:420px;border-radius:var(--r-xl);overflow:hidden;background:#2A241E}
.hero-ph{position:absolute;inset:0}
.hs{position:absolute;inset:0;opacity:0;transition:opacity 1.1s}
.hs.is-on{opacity:1}
.hs img{width:100%;height:100%;object-fit:cover;object-position:var(--pos);transform:scale(1.04);transition:transform 7s linear}
.hs.is-on img{transform:none}
.hero-ctl{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:14px;min-width:0}
.hero-tabs{display:flex;flex-direction:column;gap:2px}
.hero-tabs button{display:flex;align-items:center;gap:14px;min-height:40px;padding:0 4px;color:#7E7E7E;font-size:14px;font-weight:700;text-align:left;border-top:1px solid var(--line-d);transition:color .2s}
.hero-tabs button:last-child{border-bottom:1px solid var(--line-d)}
.hero-tabs button b{font-weight:800;font-size:13px;min-width:22px}
.hero-tabs button span{letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-tabs button:hover,.hero-tabs button.is-on{color:#fff}
.hero-tabs button.is-on b{color:var(--hi)}
.hero-prog{height:3px;border-radius:3px;background:var(--line-d);overflow:hidden}
.hero-prog i{display:block;height:100%;width:0;background:var(--hi)}
@media (min-width:1024px) and (max-height:820px){
  .hero-in{padding-top:18px;padding-bottom:20px;gap:14px 40px}
  .hero-vis{min-height:300px}
  .hc-t{font-size:min(11cqi,72px);margin-top:12px}
  .hc-d{margin-top:12px;font-size:15.5px}
  .hc-d.en{font-size:17px}
  .hc-acts{margin-top:20px}
  .hc-acts .pill{min-height:44px}
  .hero-ctl{gap:10px}
  .hero-tabs{flex-direction:row;flex-wrap:wrap;gap:6px}
  .hero-tabs button,.hero-tabs button:last-child{border:1px solid var(--line-d);border-radius:999px;min-height:36px;padding:0 12px;gap:8px;font-size:13px}
  .hero-tabs button.is-on{background:#fff;color:var(--ink)}
  .hero-tabs button.is-on b{color:var(--point)}
}
@media (min-width:1024px) and (max-height:700px){
  .hero-in{padding-top:14px;padding-bottom:16px}
  .hc-t{font-size:min(9.5cqi,60px);margin-top:10px}
  .hc-acts{margin-top:16px}
  .hero-tabs button span{display:none}
  .hero-tabs button{min-width:44px;justify-content:center}
}
.qbar{background:var(--ink);color:#fff;position:relative;z-index:5;border-top:1px solid var(--line-d)}
.qs{max-width:var(--maxw);margin:0 auto;padding:11px var(--gut) calc(11px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:26px;align-items:center}
.qs-ev{display:flex;align-items:center;gap:14px;min-width:0;min-height:44px}
.qs-ev[hidden]{display:none}
.qs-eb{display:inline-flex;align-items:center;gap:8px;flex:none;font-weight:700;font-size:12px;letter-spacing:.16em;color:var(--hi);white-space:nowrap}
.qs-eb i{width:8px;height:8px;border-radius:50%;background:var(--hi)}
.qs-t{flex:none;font-weight:900;font-size:20px;letter-spacing:-.01em;line-height:1.1;text-transform:uppercase;white-space:nowrap;transition:color .2s}
.qs-d{flex:none;font-weight:700;font-size:14px;color:#D2D2D2;white-space:nowrap}
.qs-x{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:700;white-space:nowrap;transition:.2s}
.qs-ev:hover .qs-t{color:var(--hi)}
.qs-ev:hover .qs-x{background:#fff;color:var(--ink);border-color:#fff}
.qs-cs{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;color:var(--mute-d)}
.qs-cs svg{width:17px;height:17px;color:var(--hi);flex:none}
.qs-k{font-weight:700;color:#fff;font-size:13.5px}
.qs-cs a{font-weight:900;font-size:20px;color:#fff;letter-spacing:-.01em}
.qs-cs a:hover{color:var(--hi)}
.qs-acts{display:flex;gap:8px}
.qs-acts .pill{min-height:44px;white-space:nowrap}
.qs-acts .pill-kakao svg{width:18px;height:18px}
.fld{height:48px;border-radius:12px;border:1px solid var(--line);background:var(--gray);color:var(--txt);padding:0 14px;font-size:15px;width:100%;min-width:0}
.fld::placeholder{color:#8C8C8C}
.fld:focus{outline:none;border-color:var(--ink);background:#fff}
select.fld{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px;text-overflow:ellipsis}
textarea.fld{height:120px;padding:12px 14px;resize:vertical}
.agree-w{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--mute);white-space:nowrap}
.agree{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.agree input{width:18px;height:18px;accent-color:var(--point)}
.agree-v{font-size:12.5px;text-decoration:underline;color:var(--mute);min-height:32px;padding:0 4px}
.qc-btn{height:48px;padding:0 26px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-size:15.5px;white-space:nowrap}
.qc-btn:hover{background:var(--point)}
.qc-btn[disabled]{opacity:.6}
.qc-msg.ok{color:#9BE3AA}
.qc-msg.err{color:#FFB4A0}
html.l-en .agree-w,html.l-zh .agree-w,html.l-ja .agree-w,html.translated-ltr .agree-w,html.translated-rtl .agree-w{white-space:normal}
@media (min-width:1181px){
  body.is-home .qbar{position:fixed;left:0;right:0;bottom:0;z-index:55;box-shadow:0 -14px 40px -14px rgba(0,0,0,.45);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
  body.qb-off .qbar{transform:translateY(calc(100% + 44px))}
  .fq{transition:bottom .4s cubic-bezier(.2,.8,.2,1)}
  body.qb-off .fq{bottom:18px}
}
@media (min-width:1181px) and (max-width:1500px){.qs-eb{display:none}.qs{gap:20px}}
@media (min-width:1181px) and (max-width:1340px){.qs-k{display:none}}
html.translated-ltr .qs-eb,html.translated-rtl .qs-eb,html.translated-ltr .qs-k,html.translated-rtl .qs-k{display:none}
.qs-ev{overflow:hidden}
html.translated-ltr .qs-x,html.translated-rtl .qs-x{min-width:110px;flex:0 1 auto}
.qs-x>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qs-x svg{flex:none}
@media (max-width:1180px){.qbar{display:none}.agree-v{min-height:40px}}
.best{padding-bottom:90px}
.cats{padding-top:0}
.cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cat{position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;background:#2A241E;color:#fff}
.cat img{width:100%;aspect-ratio:1094/1400;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cat:hover img{transform:scale(1.05)}
.cat::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(transparent,rgba(0,0,0,.62));pointer-events:none}
.cat-t{position:absolute;left:26px;bottom:24px;z-index:2;display:flex;flex-direction:column;gap:4px}
.cat-t b{font-weight:900;font-size:clamp(34px,3.4vw,52px);line-height:.95;letter-spacing:-.03em}
.cat-t small{font-size:15px;font-weight:700;color:rgba(255,255,255,.85)}
.cat-go{position:absolute;right:20px;bottom:24px;z-index:2;display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:800;transition:.2s}
.cat:hover .cat-go{background:var(--hi)}
.about{padding-bottom:100px}
.ab-kv{position:relative;border-radius:var(--r-xl);overflow:hidden;background:#3A3A30}
.ab-kv img{width:100%;aspect-ratio:16/7.2;object-fit:cover;object-position:50% 62%}
.ab-kv::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0) 62%);pointer-events:none}
.ab-kv-t{position:absolute;left:44px;bottom:40px;right:44px;z-index:2;max-width:640px}
.ab-kv-t .en{font-weight:800;font-size:clamp(28px,3.2vw,50px);line-height:1.08;letter-spacing:-.03em}
.ab-kv-s{margin-top:12px;font-size:17px;font-weight:600;color:rgba(255,255,255,.88)}
.ab-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;padding:70px 0 20px}
.ab-logo img{width:min(340px,100%);height:auto}
.ab-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ab-tags a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--hi);color:var(--hi);font-weight:800;font-size:14px;letter-spacing:.04em;transition:.2s}
.ab-tags a:hover{background:var(--hi);color:var(--ink)}
.ab-p p{font-size:18px;line-height:1.9;color:#D6D6D6}
.ab-p p+p{margin-top:16px}
.films{margin-top:70px}
.films .vb-h2 .st-side{flex-wrap:nowrap}
.car-film .car-track>.film{width:calc((100% - 40px)/3);min-width:280px}
.film{display:flex;flex-direction:column;text-align:left;color:#fff}
.film-ph{position:relative;display:block;border-radius:var(--r-md);overflow:hidden;background:#222}
.film-ph img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .6s}
.film:hover .film-ph img{transform:scale(1.04)}
.film .play{left:16px;top:auto;bottom:16px;margin:0;width:56px;height:56px}
.film .play svg{width:22px;height:22px}
.film:hover .play{transform:scale(1.08)}
.film-b{display:flex;align-items:center;gap:10px;padding-top:14px}
.film-s{flex:none;padding:3px 9px;border-radius:999px;border:1px solid var(--hi);color:var(--hi);font-size:12px;font-weight:800}
.film-t{font-weight:700;font-size:15.5px;letter-spacing:-.005em;line-height:1.35}
.ln{padding:100px 0}
.ln-b{background:var(--ink);color:#fff;border-top:1px solid var(--line-d)}
.ln-w{background:#fff}
.ln-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.ln-b .ln-ph{order:2}
.ln-ph{border-radius:var(--r-xl);overflow:hidden}
.ln-ph img{width:100%;aspect-ratio:1/1;object-fit:cover}
.ln-chip{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:999px;border:1.5px solid var(--point);color:var(--point);font-weight:800;font-size:14px;letter-spacing:.06em}
.ln-b .ln-chip{border-color:var(--hi);color:var(--hi)}
.ln-t{margin-top:18px;font-weight:900;font-size:clamp(34px,3.5vw,54px);line-height:1;letter-spacing:-.035em}
.ln-tl{display:block;margin-top:8px;font-size:.48em;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.ln-s{margin-top:12px;font-weight:700;font-size:clamp(17px,1.4vw,20px);color:var(--point)}
.ln-b .ln-s{color:var(--hi)}
.ln-x{margin-top:18px;font-size:17px;line-height:1.85;color:#4A4A4A;max-width:560px}
.ln-b .ln-x{color:#CFCFCF}
.ln-pr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}
.pc-s .pc-n{font-size:13.5px;-webkit-line-clamp:3}
.pc-s .pc-r,.pc-s .pc-p strong{font-size:15px}
.pc-s .pc-p s{font-size:12px}
.pc-s .pc-buy{min-height:40px;font-size:13px}
.story-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.story-t{font-family:var(--en);font-weight:900;font-size:clamp(50px,6vw,100px);line-height:.9;letter-spacing:-.04em;text-transform:uppercase}
.story-p{margin-top:30px;max-width:620px}
.story-p p{font-size:17.5px;line-height:1.85;color:#3E3E3E}
.story-p p+p{margin-top:12px}
.story-n{margin-top:26px;font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--point)}
.story-ph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;max-width:540px;justify-self:end;width:100%}
.story-ph figure{border-radius:var(--r-lg);overflow:hidden;background:var(--gray)}
.story-ph figure:nth-child(2){margin-top:70px}
.story-ph img{width:100%;aspect-ratio:513/568;object-fit:cover}
.bk{display:grid;grid-template-columns:auto minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr);gap:12px;align-items:stretch;margin-top:70px;padding:12px;border-radius:var(--r-lg);background:var(--gray)}
.bk-h{align-self:center;padding:0 18px 0 12px;font-family:var(--en);font-weight:900;font-size:26px;line-height:1;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.bk-c{display:flex;flex-direction:column;gap:8px;padding:14px 16px 12px;border-radius:var(--r-md);background:#fff;min-width:0}
.bk-v{flex:1;display:flex;align-items:center;justify-content:center;min-height:72px}
.bk-v img{width:auto;max-height:64px}
.bk-3{gap:18px}
.bk-3 img{max-height:44px;max-width:30%}
.bk-sw{gap:12px 22px;justify-content:flex-start;flex-wrap:wrap}
.sw{display:grid;grid-template-columns:34px auto;column-gap:9px;align-items:center;min-width:0}
.sw i{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.sw b{font-weight:800;font-size:14px;line-height:1.15}
.sw small{font-size:12px;line-height:1.2;color:var(--mute)}
.bk-t{font-family:var(--en);font-weight:800;font-size:12.5px;letter-spacing:.12em;color:var(--mute)}
.ceo{margin-top:60px;background:var(--gray);border-radius:var(--r-lg);padding:36px}
.ceo h3{font-size:28px;font-weight:800}
.ceo p{margin-top:12px;line-height:1.8}
.ceo-sig{font-weight:800;text-align:right}
.look{padding-bottom:0}
.lk-proj{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-10px 0 28px;padding:14px 14px 14px 24px;border-radius:var(--r-md);background:var(--gray)}
.lk-proj p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-width:0}
.lk-proj p b{font-size:12.5px;font-weight:800;letter-spacing:.14em;color:var(--point)}
.lk-proj p span{font-weight:900;font-size:20px;letter-spacing:-.01em;text-transform:uppercase}
.lk-proj p em{font-style:normal;font-weight:600;font-size:14px;color:var(--mute);letter-spacing:.04em}
.tabs-look .tab-l button{gap:10px}
.tabs-look .tab-l button span{font-weight:600;font-size:13px;opacity:.7}
.lk{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.car-lb .car-track{gap:12px}
.car-lb .car-track>.lb{width:calc((100% - 24px)/3);min-width:220px}
.lb{position:relative;display:block;border-radius:var(--r-md);overflow:hidden;background:var(--gray);cursor:zoom-in}
.lb img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.lb:hover img{transform:scale(1.04)}
.lb-z{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:var(--ink);opacity:0;transition:.25s}
.lb-z svg{width:18px;height:18px}
.lb:hover .lb-z,.lb:focus-visible .lb-z{opacity:1}
.lk-shop{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:24px 24px 20px}
.lk-h{font-weight:900;font-size:22px;letter-spacing:-.01em;margin-bottom:10px}
.prs li a{display:grid;grid-template-columns:28px minmax(0,1fr) auto 14px;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line-d);font-size:14px;line-height:1.4;transition:color .2s}
.prs li:first-child a{border-top:0}
.prs li a:hover{color:var(--hi)}
.pr-i{font-weight:800;font-size:12.5px;color:var(--hi)}
.pr-n{min-width:0}
.pr-p{font-weight:800;white-space:nowrap}
.prs svg.ext{color:#8A8A8A}
.lk-n{margin-top:12px;font-size:12.5px;color:#8D8D8D;line-height:1.5}
@media (min-width:1181px){
  .lk{align-items:stretch}
  .lk-shop{contain:size;display:flex;flex-direction:column;min-height:0}
  .lk-shop .prs{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4A4A4A transparent;padding-bottom:18px;-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),transparent);mask-image:linear-gradient(#000 calc(100% - 26px),transparent)}
  .lk-n{flex:none}
}
.picks{margin-top:100px;padding:90px 0 110px;background:var(--gray)}
.film-pill svg{width:20px;height:20px}
.film-pill span{font-size:13.5px}
.gf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gf{display:flex;flex-direction:column;background:var(--ink2);border:1px solid var(--line-d);border-radius:var(--r-lg);overflow:hidden}
.gf-ph{background:#fff}
.gf-ph img{width:100%;aspect-ratio:1/1;object-fit:contain;padding:6%}
.gf-b{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.gf-l{font-weight:800;font-size:13px;letter-spacing:.12em;color:var(--hi)}
.gf-tier{margin-top:6px;font-size:14px;font-weight:600;color:var(--mute-d)}
.gf-t{margin-top:6px;font-size:21px;font-weight:800;letter-spacing:-.03em;line-height:1.3}
.gf-x{margin-top:8px;font-size:14.5px;line-height:1.6;color:#D2D2D2}
.gf-ul{margin-top:10px;display:grid;gap:4px}
.gf-ul li{position:relative;padding-left:12px;font-size:13.5px;line-height:1.55;color:#BDBDBD}
.gf-ul li::before{content:"";position:absolute;left:0;top:.7em;width:4px;height:4px;border-radius:50%;background:var(--hi)}
.gf-bd{display:flex;flex-wrap:wrap;gap:6px;padding-top:16px}
.gf-bd span{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font-size:12.5px;font-weight:700}
.gf-foot{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;margin-top:22px;align-items:stretch}
.gf-kv{border-radius:var(--r-lg);overflow:hidden;background:#3A3A30;min-height:300px}
.gf-kv picture,.gf-kv img{width:100%;height:100%}
.gf-kv img{object-fit:cover;object-position:60% 55%}
.gf-note{background:var(--ink2);border:1px solid var(--line-d);border-radius:var(--r-lg);padding:28px 30px}
.gf-note h3{font-size:19px;font-weight:800}
.gf-note ul{margin-top:14px;display:grid;gap:9px}
.gf-note li{position:relative;padding-left:14px;font-size:14.5px;line-height:1.65;color:#CFCFCF}
.gf-note li::before{content:"-";position:absolute;left:0;color:var(--hi)}
.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pr-c{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);padding:14px 14px 16px}
.pr-hd{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center}
.pr-ph{display:block;border-radius:var(--r-md);overflow:hidden;background:var(--gray)}
.pr-ph img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .7s}
.pr-ph:hover img{transform:scale(1.05)}
.pr-hb{min-width:0}
.pr-t{font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1.3}
.pr-x{margin-top:4px;font-size:14px;color:var(--mute);line-height:1.55}
.pr-more{display:inline-flex;align-items:center;gap:5px;min-height:34px;margin-top:4px;font-size:13.5px;font-weight:800;color:var(--point)}
.pr-more:hover{text-decoration:underline}
.pm{margin-top:14px;display:grid;gap:2px}
.pm li a{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;align-items:center;padding:8px;border-radius:12px;transition:background .2s}
.pm li a:hover{background:var(--gray)}
.pm img{grid-row:1/4;width:52px;aspect-ratio:550/715;object-fit:cover;border-radius:8px;background:var(--gray)}
.pm-n{font-size:13.5px;font-weight:600;line-height:1.35;align-self:end;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.pm-m{font-size:12px;color:#8A8A8A;letter-spacing:.02em;line-height:1.3}
.pm-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;align-self:start;font-size:13.5px}
.pm-p .pc-r{font-size:14px}
.pm-p strong{font-weight:800}
.pm-p s{font-size:12px;color:#9A9A9A}
.sf-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.sf-chips{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.sf-chips button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-d);font-size:14px;font-weight:600;color:#DADADA;transition:.2s}
.sf-chips button b{font-weight:700;font-size:12.5px;color:#8D8D8D}
.sf-chips button:hover{border-color:#777}
.sf-chips button.is-on{background:var(--hi);border-color:var(--hi);color:var(--ink)}
.sf-chips button.is-on b{color:var(--ink)}
.sf-q{position:relative;flex:none;width:300px}
.sf-q svg{position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;color:#8D8D8D}
.sf-q input{width:100%;height:48px;border-radius:999px;border:1px solid var(--line-d);background:var(--ink2);color:#fff;padding:0 18px 0 44px;font-size:15px;text-overflow:ellipsis}
html.translated-ltr .sf-q,html.translated-rtl .sf-q{width:380px}
.sf-q input::placeholder{color:#8D8D8D}
.sf-q input:focus{outline:none;border-color:var(--hi)}
.sf-count{margin-top:26px;display:flex;align-items:baseline;gap:6px;font-size:15px;color:var(--mute-d)}
.sf-count b{font-weight:900;font-size:30px;color:#fff;letter-spacing:-.02em}
.sf-note{margin-top:6px;font-size:13.5px;color:#8D8D8D}
.sf-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.sc{display:flex;flex-direction:column;padding:20px 22px 18px;border-radius:var(--r-md);background:var(--ink2);border:1px solid var(--line-d);min-width:0}
.sc[hidden]{display:none}
.sc-r{font-size:12.5px;font-weight:700;color:var(--hi)}
.sc-n{margin-top:4px;font-size:19px;font-weight:800;letter-spacing:-.03em;line-height:1.3}
.sc-a{margin-top:6px;font-size:14px;line-height:1.55;color:#C4C4C4}
.sc-l{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:auto;padding-top:14px}
.sc-tel{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-weight:700;font-size:15px}
.sc-tel svg{width:15px;height:15px;color:var(--hi)}
.sc-map{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.28);font-size:13px;font-weight:700;margin-left:auto;transition:.2s}
.sc-map svg{width:14px;height:14px}
.sc-map svg.ext{width:11px;height:11px}
.sc-map:hover{background:#fff;color:var(--ink)}
.sf-empty{margin-top:20px;padding:40px;text-align:center;border-radius:var(--r-md);background:var(--ink2);color:var(--mute-d)}
.sf-more{display:flex;justify-content:center;margin-top:26px}
.sf-more[hidden]{display:none}
.hq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr) auto;gap:30px;align-items:center;margin-top:60px;padding:30px 34px;border-radius:var(--r-lg);background:#fff;color:var(--txt)}
.hq-h h3{font-size:26px;font-weight:800;letter-spacing:-.03em}
.hq-h .st-eb{margin-bottom:6px;color:var(--point)}
.hq-s{margin-top:4px;font-size:14.5px;color:var(--mute)}
.hq-dl{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content minmax(0,1fr);gap:10px 14px;font-size:15px;line-height:1.55}
.hq-dl div{display:contents}
.hq-dl dt{font-weight:800;min-width:58px;overflow-wrap:normal;word-break:keep-all}
.hq-dl dd{padding-right:14px}
.hq-dl dd a,.hq-dl dd .en{font-weight:700}
.hq .pill-point:hover{background:var(--ink);color:#fff!important;border-color:var(--ink)}
.ntc{background:var(--gray);border-top:1px solid var(--line)}
.ntc-in{display:flex;align-items:center;gap:30px;min-height:68px}
.ntc-h{display:flex;align-items:baseline;gap:10px;flex:none}
.ntc-h b{font-size:15px;font-weight:800}
.ntc-h .en{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--point)}
.ntc-l{position:relative;flex:1;min-width:0;height:28px;overflow:hidden}
.ntc-l li{position:absolute;inset:0;display:block;line-height:28px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(100%);transition:opacity .5s,transform .5s;cursor:default}
.ntc-l li.is-on{opacity:1;transform:none}
.ntc-l li.is-out{opacity:0;transform:translateY(-100%)}
.ct-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.ct-l .st{margin-bottom:30px}
.ct-cs{padding:24px 26px;border-radius:var(--r-lg);background:var(--ink);color:#fff}
.ct-k{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--mute-d)}
.ct-k svg{width:18px;height:18px;color:var(--hi)}
.ct-tel{display:inline-block;margin-top:6px;font-weight:900;font-size:clamp(38px,3.6vw,52px);letter-spacing:-.03em;line-height:1.05}
.ct-cs ul{margin-top:10px;display:grid;gap:2px;font-size:15px;color:#CFCFCF}
.ct-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.ct-mail{margin-top:18px;font-size:14.5px;color:var(--mute)}
.ct-mail a{font-weight:700;color:var(--txt)}
.cform{display:grid;gap:10px;background:var(--gray);border-radius:var(--r-xl);padding:30px}
.cform .row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.cform .fld{background:#fff}
.cform .qc-btn{height:54px;font-size:16px}
.cform .qc-msg{font-size:14px;min-height:1.2em}
.cform .qc-msg.ok{color:var(--point)}
.cform .qc-msg.err{color:#C2412D}
.ft{background:var(--ink);color:#A9A9A9;padding:56px 0 60px;font-size:14px}
.ft-top{display:flex;align-items:center;justify-content:space-between;gap:20px 48px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid var(--line-d)}
.ft .logo{width:150px}
.ft-links{display:flex;flex-wrap:wrap;gap:8px}
.ft-pill{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid #333;font-size:13.5px;color:#D6D6D6}
.ft-pill:hover{border-color:var(--hi);color:#fff}
.ft-pill.is-label{color:#8C8C8C;cursor:default}
.ft-pill.is-label:hover{border-color:#333;color:#8C8C8C}
.ft-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px 64px;padding-top:26px}
.ft-l{min-width:0;flex:1 1 560px}
.ft-shop{font-weight:800;color:#fff;font-size:15px}
.ft-biz{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:10px;max-width:780px;overflow:hidden}
.ft-biz li{position:relative;font-size:13.5px;line-height:1.6}
.ft-biz li+li::before{content:"";position:absolute;left:-14px;top:.35em;width:1px;height:.95em;background:#3A3A3A}
.ft-r{flex:0 1 auto}
.ft-cs{display:flex;align-items:baseline;gap:12px}
.ft-cs span{font-weight:700;color:#fff}
.ft-cs a{font-weight:900;font-size:26px;color:#fff;letter-spacing:-.02em}
.ft-hrs{margin-top:4px;font-size:13.5px}
.ft-sns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ft-sns a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border-radius:999px;background:#1C1C1C;color:#fff;font-size:13px;transition:.2s}
.ft-sns a:hover{background:var(--hi);color:var(--ink)}
.ft-sns svg{width:18px;height:18px}
.ft-copy{margin-top:30px;font-size:12.5px;color:#7A7A7A}
.fq{position:fixed;right:12px;bottom:calc(var(--qbh,0px) + 18px);z-index:56;display:flex;flex-direction:column;gap:8px}
.fq>a,.fq>button{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.2);transition:transform .2s}
.fq>a:hover,.fq>button:hover{transform:translateY(-2px)}
.fq svg{width:20px;height:20px}
.fq .k{background:#FEE500;color:#191919}
.fq .t{background:var(--hi);color:var(--ink)}
.fq .s{background:var(--ink);color:#fff;box-shadow:0 0 0 1.5px rgba(255,255,255,.42),0 10px 26px rgba(0,0,0,.2)}
.fq .c{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.fq .u{background:#fff;color:var(--ink);border:1.5px solid var(--line);opacity:0;pointer-events:none}
.fq .u.is-on{opacity:1;pointer-events:auto}
.fq{transition:opacity .3s,bottom .4s cubic-bezier(.2,.8,.2,1)}
body.ft-on .fq{opacity:0;pointer-events:none}
.fq .tip{position:absolute;right:56px;top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--ink);color:#fff;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s}
.fq>*:hover .tip{opacity:1}
.mbar{display:none}
@media (min-width:1181px) and (max-width:1536px){.fq{right:10px;gap:7px}.fq>a,.fq>button{width:40px;height:40px}.fq svg{width:18px;height:18px}.fq .tip{right:50px}}
.modal{position:fixed;inset:0;z-index:100;background:rgba(8,8,8,.86);display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s,visibility 0s .25s}
.modal.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .25s}
.modal-box{position:relative;width:min(1000px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column}
.modal-x{position:absolute;right:-6px;top:-50px;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink);font-size:26px;line-height:1;z-index:2}
.modal-video{aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden}
.modal-video iframe{width:100%;height:100%;border:0}
.ibox{width:auto;max-width:100%;align-items:center}
.ibox-sc{max-height:calc(100vh - 140px);border-radius:16px;overflow:hidden;background:#111}
.ibox-sc img{width:auto;max-width:100%;max-height:calc(100vh - 140px);height:auto}
.ibox-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}
.ibox-cap{color:#fff;font-size:14px;font-weight:600;text-align:center;min-width:0}
.cbox,.pbox{background:#fff;border-radius:24px;padding:34px 30px 28px;width:min(560px,100%);overflow-y:auto}
.cbox .modal-x,.pbox .modal-x{right:14px;top:14px;background:var(--gray)}
.cbox h3,.pbox h3{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.cbox h3 .en{font-weight:900;font-size:32px}
.cbox h3 .ko,.pbox h3 .ko{font-size:17px;font-weight:800}
.cbox-s{font-size:14px;color:var(--mute);margin-bottom:16px}
.cbox-s a{font-weight:700;color:var(--ink)}
.cbox .cform{padding:0;background:none}
.cbox .cform .fld{background:var(--gray)}
.pv div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.6}
.pv dt{font-weight:800}
@media (max-width:1300px){
  .car-pc .car-track>.pc{width:calc((100% - 60px)/4)}
  .lk{grid-template-columns:minmax(0,1fr) 320px}
}
@media (min-width:1024px) and (max-width:1180px){.hs img{object-position:50% 25%}}
@media (max-width:1180px){
  :root{--mbh:58px}
  .gf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hq{grid-template-columns:minmax(0,1fr);gap:18px}
  .hq-a{justify-self:start}
  .lk{grid-template-columns:minmax(0,1fr)}
  .car-lb .car-track>.lb{width:calc((100% - 36px)/4)}
}
@media (max-width:1023px){
  .sec{padding:84px 0}
  .st{flex-direction:column;align-items:flex-start}
  .st-side{justify-content:flex-start}
  .hero-in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:22px;padding-top:16px;min-height:0}
  .hero-in{--hvx:52px}
  .hero-vis{grid-column:1;grid-row:1;min-height:0;height:clamp(220px,calc(100svh - var(--hd) - var(--mbh,0px) - var(--hcp,300px) - var(--hvx)),calc((100vw - var(--gut)*2)*.625))}
  .hero-copy{grid-row:2}
  .hero-ctl{grid-row:1;grid-column:1;align-self:end;justify-self:start;position:relative;z-index:2;margin:0 0 14px 14px;max-width:calc(100% - 28px)}
  .hero-tabs{flex-direction:row;gap:6px;flex-wrap:wrap}
  .hero-tabs button,.hero-tabs button:last-child{border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:0 14px;min-height:40px;background:rgba(0,0,0,.5);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .hero-tabs button.is-on{background:#fff;color:var(--ink);border-color:#fff}
  .hero-tabs button.is-on b{color:var(--point)}
  .hero-prog{display:none}
  .car-pc .car-track>.pc{width:calc((100% - 40px)/3)}
  .cat-grid{gap:12px}
  .cat-t{left:18px;bottom:18px}
  .cat-go{position:static;margin:0;display:none}
  .ab-intro{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:44px}
  .ab-logo img{width:240px}
  .car-film .car-track>.film{width:calc((100% - 20px)/2)}
  .ln{padding:80px 0}
  .ln-in{grid-template-columns:minmax(0,1fr);gap:34px}
  .ln-b .ln-ph{order:0}
  .ln-ph{max-width:560px}
  .story-in{grid-template-columns:minmax(0,1fr);gap:40px}
  .story-ph{justify-self:start}
  .pr-grid{grid-template-columns:minmax(0,1fr)}
  .bk{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:54px}
  .bk-h{grid-column:1/-1;padding:8px 6px 4px}
  .bk-c:last-child{grid-column:1/-1}
  .gf-foot{grid-template-columns:minmax(0,1fr)}
  .gf-kv{min-height:0}
  .gf-kv img{aspect-ratio:16/9;height:auto}
  .sf-top{flex-direction:column}
  .sf-q{width:100%}
  .ct-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .lk-proj{flex-direction:column;align-items:flex-start}
}
@media (max-width:767px){
  .hs{position:absolute}
  .hero-vis{height:clamp(var(--hvmin,160px),calc(100svh - var(--hd) - var(--mbh,0px) - var(--hcp,290px) - var(--hvx)),min(92vw,520px))}
  html.translated-ltr,html.translated-rtl{--hvmin:120px}
  .hs img{object-position:50% 8%}
  .hero-tabs button span{display:none}
  .hero-tabs button{min-width:44px;justify-content:center}
  .cat-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .cat img{aspect-ratio:624/600}
  .cat-go{display:inline-flex;position:absolute;right:16px;bottom:18px}
  .ab-kv img{aspect-ratio:720/900}
  .ab-kv::after{background:linear-gradient(transparent 40%,rgba(0,0,0,.6))}
  .ab-kv-t{left:22px;right:22px;bottom:24px}
  .gf-kv img{aspect-ratio:4/5;object-position:50% 50%}
  .car-lb .car-track>.lb{width:calc((100% - 12px)/2);min-width:0}
}
@media (max-width:640px){
  .sec{padding:68px 0}
  .st{margin-bottom:30px}
  .st-en{font-size:clamp(32px,9.8vw,52px)}
  .st-ko{font-size:18px;margin-top:12px}
  .h-en{font-size:30px}
  .tab-row{flex-direction:column;align-items:flex-start;margin-bottom:20px}
  .tab-l{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%;margin:0 calc(var(--gut)*-1);padding:0 var(--gut);width:calc(100% + var(--gut)*2)}
  .tab-l::-webkit-scrollbar{display:none}
  .tab-l button{min-height:44px;padding:0 18px;font-size:14.5px}
  .tab-arr{display:none}
  .car-track{gap:12px}
  .car-pc .car-track>.pc{width:calc((100% - 12px)/2);min-width:0}
  .pc-n{font-size:14px}
  .pc-r,.pc-p strong{font-size:15.5px}
  .pc-buy{min-height:40px;font-size:13.5px}
  .hc-d{font-size:15.5px}
  .hc-acts{margin-top:20px}
  .hc-acts{flex-wrap:nowrap}
  .hc-acts .pill{flex:1 1 0;min-width:0;padding:0 14px}
  .hero-in{padding:12px var(--gut) 26px;gap:16px;--hvx:42px}
  .hero-ctl{margin:0 0 10px 10px;max-width:calc(100% - 20px)}
  .hc-t{margin-top:12px}
  .hc-d{margin-top:12px}
  .hero-tabs button span{display:none}
  .hero-tabs button{min-width:44px;justify-content:center}
  .best{padding-bottom:60px}
  .cat-t b{font-size:34px}
  .ab-kv-t .en{font-size:27px}
  .ab-kv-s{font-size:15px}
  .ab-p p{font-size:16px}
  .films{margin-top:54px}
  .films .vb-h2 .st-side{display:none}
  .car-film .car-track>.film{width:84vw;max-width:340px;min-width:0}
  .ln{padding:64px 0}
  .ln-x{font-size:15.5px}
  .ln-pr{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:28px calc(var(--gut)*-1) 0;padding:0 var(--gut);scroll-padding:0 var(--gut)}
  .ln-pr::-webkit-scrollbar{display:none}
  .ln-pr>.pc{flex:0 0 42vw;max-width:220px;scroll-snap-align:start}
  .pc-s .pc-n{font-size:13.5px}
  .ln-tl{font-size:.56em}
  .story-p p{font-size:16px}
  .story-ph figure:nth-child(2){margin-top:40px}
  .lk-proj p span{font-size:18px}
  .lk-shop{padding:20px 18px 16px}
  .picks{margin-top:70px;padding:64px 0 76px}
  .vb-h2{flex-direction:column;align-items:flex-start}
  .picks .vb-h2 .rbtn{display:none}
  .gf-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .gf-b{padding:14px 14px 16px}
  .gf-t{font-size:17px}
  .gf-tier{font-size:13px}
  .gf-x{font-size:13.5px}
  .gf-ul li{font-size:12.5px}
  .gf-note{padding:22px 20px}
  .sf-list{grid-template-columns:minmax(0,1fr)}
  .sf-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gut)*-1);padding:0 var(--gut);width:calc(100% + var(--gut)*2)}
  .sf-chips::-webkit-scrollbar{display:none}
  .sf-chips button{flex:none}
  .hq{padding:24px 20px}
  .hq-dl{grid-template-columns:max-content minmax(0,1fr)}
  .ntc-in{gap:14px}
  .ntc-h .en{display:none}
  .ntc-l li{font-size:14px}
  .cform{padding:20px}
  .cform .row2{grid-template-columns:minmax(0,1fr)}
  .agree-w{white-space:normal;flex-wrap:wrap}
  .modal-x{top:-48px;right:0}
  .ft-biz li{width:100%}
  .ct-tel{font-size:38px}
}
@media (max-width:1180px){
  .fq{display:none}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:57;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.2fr);background:var(--ink);padding-bottom:env(safe-area-inset-bottom)}
  .mbar a,.mbar button{display:flex;align-items:center;justify-content:center;gap:6px;height:58px;min-width:0;padding:0 6px;color:#fff;font-weight:800;font-size:14.5px;line-height:1.15;text-align:center}
  .mbar svg{width:19px;height:19px;flex:none}
  .mbar span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mbar .t svg{color:var(--hi)}
  .mbar .k svg{color:#FEE500}
  .mbar .c{background:var(--hi);color:var(--ink)}
  .ft{padding-bottom:calc(60px + 58px + env(safe-area-inset-bottom))}
}
@media (max-width:480px){html.l-en .tb-msgs p>span,html.l-zh .tb-msgs p>span,html.l-ja .tb-msgs p>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;text-align:center;font-size:12px;line-height:1.22}}
@media (max-width:420px){.mbar a,.mbar button{font-size:13px;gap:4px;flex-direction:column}.mbar svg{width:18px;height:18px}
  html.l-ja .mbar a,html.l-ja .mbar button{font-size:12px;padding:0 3px}
  html.translated-ltr .mbar span,html.translated-rtl .mbar span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-size:12px;line-height:1.12}}