@font-face {
    font-family: 'NanumSquareNeoLight';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}
@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}


a {
  text-decoration-line: none;
/*   text-decoration-line: underline; */
/*   text-decoration-line: overline; */
/*   text-decoration-line: line-through; */
/*   text-decoration-line: underline line-through overline; */
}
ul, ol {
  list-style-type: none;
}
 
 /* ===== ¸Ç À§·Î ¹öÆ° ===== */
  .floating-wrap {
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    z-index: 10;
  }

  /* ===== °øÅë ¹öÆ° ½ºÅ¸ÀÏ ===== */
  .floating-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center; /* Á¤È®ÇÑ Áß¾ÓÁ¤·Ä */
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.4s ease;
  }

  .floating-wrap.show .floating-btn {
    opacity: 1;
    transform: translateY(0);
  }



  /* ===== ÀüÈ­ ¹öÆ° ===== */
  .call-btn {
    background: #1765c4;
   margin-bottom: 10px;
  }

  .call-btn img {
    width: 30px;
  }

  .call-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 5px 5px rgba(0,0,0,0.4);
  }
  
  

  /* ===== ºí·Î±× ¹öÆ° ===== */
  .blog-btn {
    background: #21ac38;
   margin-bottom: 10px;
  }

  .blog-btn img {
    width: 30px;
  }

  .blog-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 5px 5px rgba(0,0,0,0.4);
  }
  

  /* ===== ÀνºÅ¸ ¹öÆ° ===== */
.insta-btn {
  background: linear-gradient(45deg,
    #feda75 0%,
    #fa7e1e 25%,
    #d62976 50%,
    #962fbf 75%,
    #4f5bd5 100%
  );
  margin-bottom: 10px;
  border: none;
}

  .insta-btn img {
    width: 30px;
  }

  .insta-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 5px 5px rgba(0,0,0,0.4);
  }

 

  /* ===== À¯Æ©ºê ¹öÆ° ===== */
  .youtube-btn {
    background: #e73828;
   margin-bottom: 10px;
  }

  .youtube-btn img {
    width: 30px;
  }

  .youtube-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 5px 5px rgba(0,0,0,0.4);
  }

  /* ===== Ä«Ä«¿À ¹öÆ° ===== */
  .kakao-btn {
    background: #FEE500;
   margin-bottom: 10px;
  }

  .kakao-btn img {
    width: 30px;
  }

  .kakao-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 5px 5px rgba(0,0,0,0.4);
  }

  /* ===== ¸ÇÀ§ ¹öÆ° ===== */
  .top-btn {
    background: linear-gradient(145deg, #111, #333);
  }

  /* È­»ìÇ¥ Á¤È®È÷ Á¤Áß¾Ó */
.arrow1 {
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: translateY(2px) rotate(45deg);
}

  .top-btn:hover {
    background: linear-gradient(145deg, #000, #555);
    transform: translateY(-4px);
  }

  /* ===== ¹ÝÀÀÇü ===== */
  @media (max-width: 1024px) {
    .floating-wrap {
      right: 20px;
      bottom: 20px;
    }
    .floating-btn {
      width: 50px;
      height: 50px;
    }
  }

  @media (max-width: 768px) {
    .floating-wrap {
      right: 16px;
      bottom: 16px;
    }
    .floating-btn {
      width: 44px;
      height: 44px;
    }

    /* ¸ð¹ÙÀÏ¿¡¼­ È­»ìÇ¥ ´õ ÀÛ°Ô */
    .arrow {
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-left: 2px solid #fff;
    }

    .call-btn img {
      width: 25px;
    }

    .blog-btn img {
      width: 25px;
    }

    .insta-btn img {
      width: 25px;
    }

    .youtube-btn img {
      width: 25px;
    }

    .kakao-btn img {
      width: 25px;
    }
  }