/* 마무리, 푸터 */

/* CLOSING · 슬로프에 필요한 모든 것 */
#closing{
  --yk:#0C1B2E; --yb:#0082D3;
  position:relative;z-index:2;overflow:hidden;background:#FFFFFF;color:var(--yk);
  font-family:var(--pre);letter-spacing:-.012em}
#closing button{cursor:none}
.closing__glow{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);
  width:min(1300px,130vw);height:min(760px,80vh);pointer-events:none;border-radius:50%;
  filter:blur(70px);background:radial-gradient(50% 50% at 50% 50%,
    rgba(0,130,211,.12),rgba(0,130,211,0) 70%)}

.closing__copy{position:relative;z-index:2;max-width:960px;margin:0 auto;text-align:center;
  padding:clamp(96px,17vh,200px) 24px 0;
  display:flex;flex-direction:column;align-items:center;gap:clamp(15px,2.2vh,22px)}
.closing__copy h2{font-family:var(--kr);font-weight:800;font-size:clamp(31px,5.6vw,72px);
  line-height:1.08;letter-spacing:-.05em;word-break:keep-all}
.closing__copy h2 em{font-style:normal;background:linear-gradient(96deg,#0C1B2E 2%,#0A5FA0 46%,#4FADE8 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.closing__copy p{font-size:clamp(14px,1.45vw,17.5px);line-height:1.8;color:rgba(12,27,46,.52);
  max-width:min(560px,92%);word-break:keep-all}
.closing__cta{display:inline-flex;align-items:center;gap:9px;margin-top:6px;border:0;border-radius:100px;
  padding:15px 30px;background:var(--yk);color:#fff;font-size:15.5px;font-weight:700;
  letter-spacing:-.025em;box-shadow:0 20px 40px -18px rgba(12,27,46,.72);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.closing__cta svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.closing__cta:hover{transform:translateY(-3px);box-shadow:0 28px 52px -18px rgba(12,27,46,.78)}
.closing__store{font-family:var(--dis);font-size:11.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(12,27,46,.36)}

/* 장비 컷 */
.closing__gear{position:relative;z-index:1;margin-top:clamp(6px,1.4vh,20px)}
.closing__gear-inner{will-change:transform}
.closing__gear img{display:block;width:100%;max-width:1600px;margin:0 auto;height:auto}
.closing__gear-fade{display:none}

/* 장비가 밤으로 잠기는 마무리 */
/* 하단바 */
.site-footer{position:relative;z-index:3;background:#FFFFFF;
  margin-top:clamp(120px,19vh,250px)}
.site-footer__top{max-width:1180px;margin:0 auto;padding:clamp(48px,7vh,76px) clamp(22px,4vw,44px) 0;
  display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2.2fr);gap:clamp(30px,5vw,70px)}
.site-footer__brand .lg{display:flex;align-items:center;gap:8px;font-family:var(--dis);
  font-weight:800;font-size:19px;letter-spacing:-.035em;color:var(--yk)}
.site-footer__brand .lg .logo-mark{width:21px;height:21px;flex:0 0 auto;color:#0082D3}
.site-footer__brand p{margin-top:10px;font-size:12px;color:rgba(12,27,46,.36);line-height:1.7}
.site-footer__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.6vw,34px)}
.site-footer__nav h6{font-size:12.5px;font-weight:700;color:rgba(12,27,46,.34);margin-bottom:14px}
.site-footer__nav a{display:block;text-decoration:none;font-size:13.5px;font-weight:600;color:var(--yk);
  padding:5px 0;transition:color .3s var(--ease),transform .3s var(--ease)}
.site-footer__nav a:hover{color:var(--yb);transform:translateX(3px)}
.site-footer__bottom{max-width:1180px;margin:0 auto;padding:clamp(34px,5vh,54px) clamp(22px,4vw,44px) clamp(34px,5vh,52px);
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-footer__social{display:flex;gap:6px}
.site-footer__social a{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;text-decoration:none;
  background:#F4F7FA;transition:background .3s var(--ease),transform .3s var(--ease)}
.site-footer__social a svg{width:16px;height:16px;fill:rgba(12,27,46,.55);transition:fill .3s var(--ease)}
.site-footer__social a:hover{background:var(--yk);transform:translateY(-2px)}
.site-footer__social a:hover svg{fill:#fff}
.site-footer__meta{display:flex;align-items:center;gap:14px;font-size:11.5px;font-weight:600;
  color:rgba(12,27,46,.32)}
.site-footer__meta span{display:inline-flex;align-items:center;gap:6px}
.site-footer__meta i{width:6px;height:6px;border-radius:50%;background:#3FBF87}

@media (max-width:860px){
  .site-footer__top{grid-template-columns:1fr;gap:clamp(26px,4vh,40px)}
  .site-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .site-footer__bottom{flex-direction:column;align-items:flex-start;gap:18px}
}

@media (max-width:860px){
  .closing__gear{margin-top:clamp(20px,4vh,40px)}
}
@media (prefers-reduced-motion:reduce){
  #closing *,#closing *::before,#closing *::after{animation:none!important;transition:none!important}
  .closing__gear-inner{transform:none!important}
}
