@charset "utf-8";
/* ==========================================================================
   SEOUL WINTER FESTIVAL 2026 — common.css (public entrypoint)
   tokens · base · layout · header · gnb · mobile menu · sub-top · footer · components
   Design canvas: 2560 (content 1600). 1rem = 10px at >=1920.
   1024~1919: rem scales with viewport (clamp 6.4~10px) so the 1600 grid keeps its proportions.
   <1024: rem fixed 10px, layouts reflow (tablet 768~1023 / mobile <768). Header/GNB collapses <1280.
   ========================================================================== */

/* ---------- fonts ---------- */
@font-face{font-family:"Pretendard";font-weight:300;font-style:normal;font-display:swap;src:url("../fonts/pretendard_light.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/pretendard_regular.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/pretendard_medium.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/pretendard_semibold.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/pretendard_bold.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-weight:800;font-style:normal;font-display:swap;src:url("../fonts/pretendard_extrabold.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-weight:900;font-style:normal;font-display:swap;src:url("../fonts/pretendard_black.woff2") format("woff2")}
@font-face{font-family:"League Gothic";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/league_gothic.woff2") format("woff2")}

/* ---------- tokens ---------- */
:root{
  --c-navy:#194064;
  --c-blue:#0076d5;
  --c-blue-dark:#005fb0;
  --c-orange:#f99c1b;
  --c-coral:#f58356;
  --c-sky:#378ccc;
  --c-ink:#0b0d0c;
  --c-black:#000;
  --c-111:#111;
  --c-222:#222;
  --c-444:#444;
  --c-555:#555;
  --c-999:#999;
  --c-ddd:#ddd;
  --c-eee:#eee;
  --c-f6:#f6f6f6;
  --c-gray:#a0a0a0;
  --c-white:#fff;
  --ff:"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --ff-num:"League Gothic","Pretendard",sans-serif;
  --gutter:40px;
  --inner:160rem;
  --header-h:12.2rem;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

/* ---------- base / reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{font-size:10px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (min-width:1024px) and (max-width:1919px){html{font-size:clamp(6.4px,calc(100vw / 192),10px)}}
body{margin:0;font-family:var(--ff);font-size:1.6rem;line-height:1.5;color:var(--c-black);background:var(--c-white);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
img,svg,video{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
table{border-collapse:collapse;border-spacing:0}
:focus-visible{outline:3px solid var(--c-orange);outline-offset:3px}
[hidden]{display:none!important}
.blind{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-100px;z-index:3000;padding:12px 20px;background:var(--c-111);color:#fff;font-weight:700}
.skip-link:focus{top:16px}
.skip-link:hover{background:var(--c-blue)}
.is-locked{overflow:hidden}

/* ---------- layout ---------- */
.inner{width:min(var(--inner),calc(100% - var(--gutter) * 2));margin-inline:auto}
@media (max-width:1023px){:root{--gutter:24px}}
@media (max-width:767px){:root{--gutter:20px}}
.site-main{position:relative;display:block}
.mo-only{display:none}
@media (max-width:767px){.pc-only{display:none!important}.mo-only{display:revert}}

/* ---------- header ---------- */
header.site-header{z-index:1000}
.site-header{position:fixed;left:0;right:0;top:0;color:#fff;transition:transform .45s var(--ease),background-color .35s ease,box-shadow .35s ease}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding-block:2.2rem}
.site-header.is-scrolled{background:rgba(25,64,100,.96);box-shadow:0 .4rem 2rem rgba(0,0,0,.12)}
.site-header.is-scrolled .inner{height:9rem}
.site-header.is-hidden{transform:translateY(-100%)}
.site-header.is-open{transform:none}
.logo{display:flex;align-items:center;gap:2rem;flex-shrink:0}
.logo:hover .logo__mark,.logo:focus-visible .logo__mark{transform:rotate(-8deg) scale(1.05)}
.logo:hover .logo__text,.logo:focus-visible .logo__text{opacity:.85}
.logo__mark{width:6.1rem;height:7rem}
.logo__mark img{width:100%;height:100%}
.logo__text{font-weight:900;font-size:2.8rem;line-height:1.4;white-space:nowrap}
.logo__text span{display:block}
.site-header.is-scrolled .logo__mark{width:4.6rem;height:5.3rem}
.site-header.is-scrolled .logo__text{font-size:2.2rem}
.logo__mark,.logo__text{transition:width .35s var(--ease),height .35s var(--ease),font-size .35s var(--ease),transform .4s var(--ease-out),opacity .25s ease}

.gnb{height:100%}
.gnb__list{display:flex;align-items:center;gap:6rem;height:100%}
.gnb__item{position:relative;height:100%;display:flex;align-items:center}
.gnb__link{position:relative;display:block;padding-block:1rem;font-size:max(15px,2.2rem);font-weight:600;line-height:1;white-space:nowrap}
.gnb__link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.gnb__link{transition:color .25s ease}
.gnb__link:hover,.gnb__link:focus-visible{color:#ffd08a}
.gnb__item:hover>.gnb__link::after,.gnb__item:focus-within>.gnb__link::after,.gnb__link[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.gnb__sub{position:absolute;left:50%;top:100%;min-width:18rem;padding:1.4rem 0;background:#fff;color:var(--c-222);box-shadow:0 1rem 3rem rgba(0,0,0,.15);transform:translate(-50%,-.8rem);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .3s var(--ease),visibility 0s .3s}
.gnb__item:hover .gnb__sub,.gnb__item:focus-within .gnb__sub{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.gnb__sub a{display:block;padding:1rem 2.4rem;font-size:max(14px,1.6rem);font-weight:500;line-height:1.3;white-space:nowrap;transition:background-color .2s ease,color .2s ease}
.gnb__sub a:hover,.gnb__sub a:focus-visible{background:var(--c-blue);color:#fff}
.gnb__sub a[aria-current="page"]{color:var(--c-blue);font-weight:700}

.util{display:flex;align-items:center;gap:2rem}
.lang{position:relative}
.lang__btn{display:flex;align-items:center;gap:2rem;padding:1.4rem 2rem;border:1px solid #fff;border-radius:10rem;font-size:max(14px,1.8rem);font-weight:700;line-height:1;transition:background-color .25s ease,color .25s ease}
.lang__btn img{width:1.8rem;height:1.8rem;transition:transform .3s var(--ease),filter .25s ease}
.lang__btn:hover,.lang__btn[aria-expanded="true"]{background:#fff;color:var(--c-navy)}
.lang__btn:hover img,.lang__btn[aria-expanded="true"] img{filter:brightness(0) saturate(100%) invert(19%) sepia(30%) saturate(1500%) hue-rotate(180deg)}
.lang__btn[aria-expanded="true"] img{transform:rotate(180deg)}
.lang__list{position:absolute;right:0;top:calc(100% + .8rem);min-width:100%;padding:.8rem 0;background:#fff;color:var(--c-222);border-radius:1.2rem;box-shadow:0 1rem 3rem rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-.6rem);transition:opacity .2s ease,transform .25s var(--ease),visibility 0s .25s}
.lang__list.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.lang__list a{display:block;padding:.8rem 2rem;font-size:max(14px,1.6rem);font-weight:700;text-align:center;transition:color .2s ease}
.lang__list a:hover,.lang__list a:focus-visible{background:var(--c-f6);color:var(--c-blue)}
.lang__list a[aria-current="true"]{text-decoration:underline;text-underline-offset:4px}

.menu-btn{display:none;position:relative;width:44px;height:44px}
.menu-btn span{position:absolute;left:8px;right:8px;height:2px;background:currentColor;transition:transform .35s var(--ease),opacity .2s ease}
.menu-btn span:nth-child(1){top:14px}
.menu-btn span:nth-child(2){top:21px}
.menu-btn span:nth-child(3){top:28px}
.menu-btn:hover span:nth-child(2){transform:scaleX(.6)}

@media (max-width:1279px){
  .gnb{display:none}
  .menu-btn{display:block}
  .site-header .inner{height:80px;padding-block:10px}
  .site-header.is-scrolled .inner{height:68px}
  .logo__mark,.site-header.is-scrolled .logo__mark{width:38px;height:44px}
  .logo__text,.site-header.is-scrolled .logo__text{font-size:17px}
  .logo{gap:12px}
  .lang__btn{padding:9px 14px;gap:10px;font-size:14px}
  .lang__btn img{width:14px;height:14px}
}
@media (max-width:767px){
  .site-header .inner{height:64px}
  .site-header.is-scrolled .inner{height:58px}
  .logo__mark,.site-header.is-scrolled .logo__mark{width:30px;height:35px}
  .logo__text,.site-header.is-scrolled .logo__text{font-size:14px}
  .logo{gap:8px}
  .util{gap:8px}
  .lang__btn{padding:7px 11px;gap:6px;font-size:12px}
}

/* ---------- mobile menu (body direct child) ---------- */
.menu-layer{z-index:2000}
.mobile-menu{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--c-navy);color:#fff;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .6s var(--ease-out),visibility 0s .6s}
.mobile-menu.is-open{visibility:visible;clip-path:inset(0);transition-delay:0s}
.mobile-menu__head{display:flex;align-items:center;justify-content:space-between;height:80px;padding-inline:var(--gutter);flex-shrink:0}
.mobile-menu__close{position:relative;width:44px;height:44px}
.mobile-menu__close::before,.mobile-menu__close::after{content:"";position:absolute;left:8px;right:8px;top:21px;height:2px;background:#fff;transition:transform .3s var(--ease)}
.mobile-menu__close::before{transform:rotate(45deg)}
.mobile-menu__close::after{transform:rotate(-45deg)}
.mobile-menu__close:hover::before{transform:rotate(135deg)}
.mobile-menu__close:hover::after{transform:rotate(45deg)}
.mobile-menu__body{flex:1;overflow-y:auto;padding:20px var(--gutter) 40px;overscroll-behavior:contain}
.mnav__item{border-bottom:1px solid rgba(255,255,255,.18)}
.mnav__btn,.mnav__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;font-size:22px;font-weight:700;line-height:1.2;text-align:left;transition:color .2s ease}
.mnav__btn:hover,.mnav__link:hover{color:var(--c-orange)}
.mnav__btn::after{content:"";width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .3s var(--ease)}
.mnav__btn[aria-expanded="true"]::after{transform:translateY(3px) rotate(-135deg)}
.mnav__sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.mnav__sub>ul{overflow:hidden}
.mnav__btn[aria-expanded="true"]+.mnav__sub{grid-template-rows:1fr}
.mnav__sub a{display:block;padding:10px 0 10px 14px;font-size:17px;font-weight:500;color:rgba(255,255,255,.8);transition:color .2s ease}
.mnav__sub li:last-child a{margin-bottom:16px}
.mnav__sub a:hover,.mnav__sub a:focus-visible{color:var(--c-orange)}
.mnav__sub a[aria-current="page"]{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.mobile-menu .mobile-menu__body .mnav__item{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .5s var(--ease-out)}
.mobile-menu.is-open .mobile-menu__body .mnav__item{opacity:1;transform:none}
.mobile-menu.is-open .mnav__item:nth-child(2){transition-delay:.04s}
.mobile-menu.is-open .mnav__item:nth-child(3){transition-delay:.08s}
.mobile-menu.is-open .mnav__item:nth-child(4){transition-delay:.12s}
.mobile-menu.is-open .mnav__item:nth-child(5){transition-delay:.16s}
.mobile-menu.is-open .mnav__item:nth-child(6){transition-delay:.2s}
.mobile-menu.is-open .mnav__item:nth-child(7){transition-delay:.24s}
@media (min-width:1280px){.mobile-menu{display:none}}

/* ---------- sub top (visual band) ---------- */
.sub-top{position:relative;color:#fff}
.sub-top__visual{position:relative;display:flex;justify-content:center;padding:19rem 0 11rem;background:var(--c-navy);overflow:hidden}
.sub-top__title{position:relative;z-index:1;font-size:7rem;font-weight:700;line-height:1;white-space:nowrap;text-align:center}
.sub-top__edge{display:block;width:100%;height:2.398rem;background:url("../images/comm/sub_edge.png") center top/auto 100% repeat-x;transform:scaleY(-1)}
.sub-top__dots{position:absolute;inset:0;pointer-events:none}
.sub-top__dots i{position:absolute;width:2rem;height:2rem;border-radius:50%;background:#fff}
.sub-top__dots i:nth-child(1){left:calc(50% - 82.5rem);top:21rem;background:var(--c-coral)}
.sub-top__dots i:nth-child(2){left:calc(50% - 53.8rem);top:24.8rem}
.sub-top__dots i:nth-child(3){left:calc(50% - 95rem);top:31.4rem;background:var(--c-sky)}
.sub-top__dots i:nth-child(4){left:calc(50% + 32rem);top:18rem}
.sub-top__dots i:nth-child(5){left:calc(50% - 33.6rem);top:12.6rem;background:var(--c-sky)}
.sub-top__dots i:nth-child(6){left:calc(50% + 49.7rem);top:31.2rem;background:var(--c-coral)}
.sub-top__dots i:nth-child(7){left:calc(50% + 97.7rem);top:3.2rem;background:var(--c-coral)}
.sub-top__dots i:nth-child(8){left:calc(50% + 61rem);top:24rem;background:var(--c-sky)}
.sub-top__dots i:nth-child(9){left:calc(50% - 105rem);top:13rem}
.sub-top__dots i:nth-child(10){left:calc(50% + 90rem);top:25.8rem}
@media (max-width:1279px){
  .sub-top__visual{padding:150px 0 80px}
  .sub-top__title{font-size:52px}
  .sub-top__dots i{width:14px;height:14px}
}
@media (max-width:767px){
  .sub-top__visual{padding:112px 0 56px}
  .sub-top__title{font-size:36px}
  .sub-top__edge{height:14px}
  .sub-top__dots i{width:10px;height:10px}
  .sub-top__dots i:nth-child(n+7){display:none}
  .sub-top__dots i:nth-child(1){left:12%;top:58%}
  .sub-top__dots i:nth-child(2){left:28%;top:78%}
  .sub-top__dots i:nth-child(3){left:6%;top:86%}
  .sub-top__dots i:nth-child(4){left:76%;top:44%}
  .sub-top__dots i:nth-child(5){left:40%;top:40%}
  .sub-top__dots i:nth-child(6){left:88%;top:80%}
}

/* ---------- sub common content ---------- */
.sub-content{padding-top:15rem}
.page-title{font-size:6rem;font-weight:600;line-height:1;text-align:center}
.page-body{padding-top:7rem;padding-bottom:20rem}
.sec-title{font-size:4.6rem;font-weight:700;line-height:1}
.sec-desc{font-size:max(15px,2.2rem);line-height:1.8}
@media (max-width:1279px){
  .sub-content{padding-top:96px}
  .page-title{font-size:44px}
  .page-body{padding-top:56px;padding-bottom:140px}
  .sec-title{font-size:34px;line-height:1.25}
  .sec-desc{font-size:17px}
}
@media (max-width:767px){
  .sub-content{padding-top:64px}
  .page-title{font-size:30px;line-height:1.25}
  .page-body{padding-top:40px;padding-bottom:110px}
  .sec-title{font-size:26px}
  .sec-desc{font-size:15px;line-height:1.75}
}

/* info rows (label + value) */
.info-list{display:flex;flex-direction:column;gap:3.4rem}
.info-row{display:flex;align-items:center;gap:4rem}
.info-row--top{align-items:flex-start}
.info-label{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:11rem;padding:1rem 0;background:var(--c-222);color:#fff;font-size:max(14px,1.8rem);font-weight:700;line-height:1;white-space:nowrap}
.info-value{font-size:max(15px,1.8rem);line-height:1}
.info-row--top .info-value{line-height:1.6;padding-top:0}
.info-value--multi{line-height:1.6}
.info-value .muted{color:var(--c-444)}
@media (max-width:767px){
  .info-row{gap:14px;align-items:flex-start}
  .info-label{width:84px;padding:8px 0;font-size:14px}
  .info-value{font-size:15px;line-height:1.6;padding-top:4px}
  .info-row--top .info-value{padding-top:4px}
}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;width:30rem;padding:3rem 2rem;background:var(--c-blue);color:#fff;font-size:max(14px,1.8rem);font-weight:600;line-height:1;overflow:hidden;isolation:isolate;transition:color .3s ease}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--c-navy);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease-out)}
.btn:hover::before,.btn:focus-visible::before{transform:scaleX(1);transform-origin:left}
.btn__icon{width:1.6rem;height:1.6rem;flex-shrink:0;transform:rotate(-90deg);transition:transform .35s var(--ease)}
.btn:hover .btn__icon,.btn:focus-visible .btn__icon{transform:rotate(-90deg) translate(-.3rem,.3rem)}
.btn--sm{width:17rem;padding:2rem}
.btn--md{width:35rem}
.btn-row{display:flex;flex-wrap:wrap;gap:2rem;padding-top:3rem;border-top:1px solid var(--c-ddd);width:100%}
@media (max-width:1279px){.btn{width:260px;padding:24px 20px;font-size:16px}.btn--sm{width:160px;padding:18px}.btn--md{width:320px}.btn__icon{width:14px;height:14px}}
@media (max-width:767px){.btn{width:100%;max-width:320px;padding:20px 18px;font-size:15px}.btn--sm{width:auto;min-width:140px;padding:16px}}

/* bordered split box (image | text) */
.split-box{display:flex;align-items:center;gap:10rem;border:1px solid var(--c-black);overflow:hidden}
.split-box__media{align-self:stretch;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:65rem;padding:10rem 5rem;border-right:1px solid var(--c-black)}
.split-box__media img{width:100%;box-shadow:1rem 1rem 3rem rgba(0,0,0,.2)}
.split-box__text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7rem;padding-right:5rem}
.split-box__head{display:flex;flex-direction:column;gap:3rem}
@media (max-width:1279px){
  .split-box{gap:48px}
  .split-box__media{width:42%;padding:64px 36px}
  .split-box__text{gap:40px;padding-block:48px;padding-right:36px}
}
@media (max-width:1023px){
  .split-box{flex-direction:column;align-items:stretch;gap:0}
  .split-box__media{width:100%;padding:48px 24px;border-right:0;border-bottom:1px solid var(--c-black)}
  .split-box__media img{max-width:440px}
  .split-box__text{padding:40px 24px 48px;gap:32px}
}
@media (max-width:767px){
  .split-box__media{padding:32px 20px}
  .split-box__text{padding:32px 20px 36px;gap:28px}
  .split-box__head{gap:18px}
}

/* ---------- footer ---------- */
.site-footer{position:relative;overflow-x:clip;margin-top:25rem;padding:20rem 0 10rem;background:var(--c-111);color:#fff}
.site-footer .inner{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between}
.ribbon{position:absolute;left:50%;z-index:1;width:132%;overflow:hidden;pointer-events:none}
.ribbon--navy{top:-1rem;background:#07131d;transform:translate(-46%,-50%) rotate(-2deg)}
.ribbon--orange{top:1.2rem;background:var(--c-orange);transform:translate(-50%,-50%) rotate(7.31deg)}
.ribbon__track{display:flex;width:max-content;padding:3rem 0}
.ribbon__group{display:flex;align-items:center;gap:7rem;padding-right:7rem}
.ribbon__group span{font-size:max(14px,2.6rem);font-weight:600;line-height:1;white-space:nowrap}
.ribbon__group img{width:3.6rem;height:3.6rem}
.footer-info{display:flex;flex-direction:column;align-items:flex-start;gap:5rem}
.footer-sns{display:block;width:7rem;height:7rem;transition:transform .35s var(--ease),opacity .25s ease}
.footer-sns:hover{transform:translateY(-.4rem);opacity:.8}
.footer-sns img{width:100%;height:100%}
.footer-name{display:flex;flex-direction:column;gap:2rem;line-height:1}
.footer-name strong{font-size:4rem;font-weight:700}
.footer-name span{font-size:max(15px,2.4rem);color:var(--c-gray)}
.footer-slogan{font-size:10rem;font-weight:700;line-height:1;white-space:nowrap}
.footer-copy{font-size:max(12px,1.6rem);font-weight:500;line-height:1;color:var(--c-gray)}
.top-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:8rem;height:8rem;background:#fff;transition:background-color .25s ease}
.top-btn img{width:4rem;height:4rem;transition:transform .35s var(--ease)}
.top-btn:hover{background:var(--c-orange)}
.top-btn:hover img{transform:translateY(-.6rem)}
@media (max-width:1279px){
  .site-footer{margin-top:180px;padding:150px 0 72px}
  .footer-slogan{font-size:72px}
  .footer-name strong{font-size:30px}
  .footer-sns{width:52px;height:52px}
  .top-btn{width:64px;height:64px}
  .top-btn img{width:30px;height:30px}
  .ribbon__track{padding:22px 0}
  .ribbon__group{gap:44px;padding-right:44px}
  .ribbon__group span{font-size:20px}
  .ribbon__group img{width:26px;height:26px}
}
@media (max-width:767px){
  .site-footer{margin-top:120px;padding:110px 0 56px}
  .site-footer .inner{flex-direction:column;gap:36px}
  .footer-info{gap:28px}
  .footer-slogan{font-size:clamp(34px,10.6vw,60px);white-space:normal}
  .footer-name{gap:12px}
  .footer-name strong{font-size:22px}
  .footer-name span{font-size:15px}
  .footer-copy{font-size:12px;line-height:1.5}
  .footer-sns{width:44px;height:44px}
  .top-btn{position:absolute;right:0;top:0;width:52px;height:52px}
  .top-btn img{width:24px;height:24px}
  .ribbon{width:180%}
  .ribbon__track{padding:14px 0}
  .ribbon__group{gap:26px;padding-right:26px}
  .ribbon__group span{font-size:15px}
  .ribbon__group img{width:18px;height:18px}
}