.uhu-footer {
  padding: 80px 24px 40px;

  background: #fafaf8;

  padding: 80px 24px 40px;

  border-top:1px solid rgba(0,0,0,.06);
}

.uhu-footer-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.uhu-footer-top {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
  
    padding-bottom: 36px;
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.uhu-footer-brand {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    gap: 16px;
}

.uhu-footer-brand img {
    width: 160px;
    height: auto;

    transform: translateX(6px);
  }
  
  .uhu-footer-korea {
    margin-top: -12px;
  
    font-family: 'Paperlogy';
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.04em;
  
    color: #111;
  }

.uhu-footer-brand p {
  margin: 0;

  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.uhu-footer-nav {
    grid-column: 2 / 5;
  
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  
    width: 100%;
    height: 100%;
  
    text-align: center;
  }

.uhu-footer-nav a {
  font-family: 'Paperlogy';
  font-size: 18px;
  color: #222;

  text-decoration: none;
}

.uhu-footer-contact {
    grid-column: 5 / 6;
    
    display: flex;
    justify-content: center;
    align-items: center;
  }

.uhu-footer-contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  
    height: 44px;
    padding: 0 24px;
  
    border-radius: 999px;
  
    background: rgba(255,243,106,0.55);
  
    border: 1px solid rgba(255,243,106,0.7);
  
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  
    font-family: 'Paperlogy';
    font-size: 16px;
    font-weight: 500;
  
    color: #111;
    text-decoration: none;
  
    transition: all .25s ease;
  }
  
  .uhu-footer-contact-btn:hover {
    background: rgba(255,243,106,0.75);
  
    transform: translateY(-2px);
  
    box-shadow: 0 8px 24px rgba(255,242,0,.15);
  }

.uhu-footer-bottom {
  padding-top: 32px;

  text-align: center;

  font-size: 15px;
  color: #555;
}

.uhu-footer-bottom-mobile{
  display:none;
}

.uhu-footer-brand,
.uhu-footer-nav {
  position: relative;
}

.uhu-footer-brand::after {
  content: "";

  position: absolute;
  top: 50%;
  right: 0;

  width: 1px;
  height: 132px;

  background: rgba(0,0,0,.15);

  transform: translateY(-50%);
}

.contact-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
  }

  .contact-popup h3 {
    margin: -6px 0 6px;
}

.contact-popup p {
    margin: 0 0 24px;
}
  
  .contact-popup.show {
    display: block;
  }
  
  .contact-popup-bg {
    position: absolute;
    inset: 0;
    background: rgba(140,140,140,.55);
    backdrop-filter: blur(12px);
  }
  
  .contact-popup-panel {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 360px;
    padding: 32px 32px 24px;
    border-radius: 40px;
    background: #fff;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  
  .contact-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    border: 0;
    background: transparent;
    font-size: 24px;
    cursor: pointer;
  }
  
  .contact-popup-links {
    display: flex;
    gap: 12px;
    
  }
  
  .contact-item {
    flex: 1;
    text-align: center;
  }
  
  .contact-item a {
    display: flex;
    align-items: center;
    justify-content: center;
  
    height: 40px;
  
    border-radius: 999px;
  
    background: rgba(255,243,106,.7);
  
    text-decoration: none;
    color: #111;
  
    font-size: 14px;
    font-weight: 600;
    transition: all .2s ease;
  }

  .contact-item a:hover {
    background: rgba(255,243,106,.85);
    transform: translateY(-1px);
  }
  
  .contact-item span {
    display: block;
  
    margin-top: 8px;

    font-size: 12px;
    font-weight: 500;

    color: #888;
  }

  .contact-popup h3,
.contact-item span {
  font-family: 'Paperlogy';
}

/* =========================================================
MOBILE FOOTER
========================================================= */

@media (max-width:960px){

    .uhu-footer{
      padding:80px 24px;
      background:#Fafaf8;
    }
  
    .uhu-footer-top{
      display:flex;
      flex-direction:column;
      align-items:center;
  
      padding-bottom:0;
      border-bottom:0;
    }
  
    .uhu-footer-brand{
      gap:0;
      text-align:center;
    }
  
    .uhu-footer-brand img{
      width:150px;
      height:auto;
      transform:translateX(6px);
    }
  
    .uhu-footer-korea{
      display:block;
  
      margin-top:6px;
  
      font-family:'Paperlogy';
      font-size:20px;
      font-weight:800;
      line-height:1;
      letter-spacing:-0.04em;
  
      color:#111;
  
      transform:none;
    }
  
    .uhu-footer-brand p{
      margin:24px 0 0;
  
      font-family:'Paperlogy';
      font-size:18px;
      font-weight:700;
      line-height:26px;
      letter-spacing:0em;
  
      color:#111;
      text-align:center;
    }
  
    .uhu-footer-nav,
    .uhu-footer-brand::after{
      display:none;
    }
  
    .uhu-footer-contact{
      margin-top:40px;
  
      display:flex;
      justify-content:center;
      align-items:center;
    }
  
    .uhu-footer-contact-btn{
      width:201px;
      height:58px;
      padding:0;
  
      border-radius:999px;
  
      background:rgba(255,243,106,0.48);
      border:1px solid rgba(255,242,0,0.55);
  
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
  
      box-shadow:
      inset 0 1px 0 rgba(255,255,255,.8),
      0 8px 24px rgba(255,242,0,.18);
  
      font-family:'Paperlogy';
      font-size:20px;
      font-weight:700;
      line-height:1;
  
      color:#111;
    }
      .uhu-footer-bottom{
        display:none;
      }
    
      .uhu-footer-bottom-mobile{
        display:block;
    
        padding-top:40px;
    
        font-family:'Paperlogy';
        font-size:12px;
        font-weight:400;
        line-height:1.45;
        letter-spacing:-0.04em;
    
        color:#111;
        text-align:center;
      }
    
    }