@charset "utf-8";

/**
 * @author  : 김민성
 * @date    : 2026-06-02
 * @desc    : header, footer 및 공통 레이아웃 스타일
 */
 
 
 
#wrap {
   width: 100%;
}

/* 브라우저 크기 조절 중에는 모든 요소의 애니메이션을 강제로 off */
body.is-resizing * {
  transition: none !important;
  animation: none !important;
}

/* header 스타일 */
header {
   display: block;
   position: fixed;
   top: 0;
   width: 100%;
   padding: 0px 80px 0px 80px;
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8);
   /*border-bottom: 1px solid rgba(255, 255, 255, 0.8);*/
   background-color: rgba(0, 0, 0, 0.2);
   transition: all 0.3s ease;
   z-index: 10;
}

.header__box {
   display: flex;
   align-items: center;
   height: 80px;
}

.header__logo-link {
   display: block;
   width: 147px;
}

.header__logo-img {
   width: 100%;
   transition: filter 0.3s ease;
}

/* gnb 스타일 */
.gnb {
   height: 100%;
   margin-left: auto;
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 17px;
   line-height: 17px;
}

.gnb__list {
   display: flex;
   height: 100%;
}

.gnb__item {
   display: flex;
   align-items: center;
   position: relative;
}

.gnb__link {
   margin-left: 40px;
   color: #fff;
   text-decoration: none;
}

.gnb__depth {
   display: none;
   position: absolute;
   top: 81px;
   width: max-content;
   padding: 30px;
   border-radius: 12px;
   background: #fff;
   box-shadow: 0px 1px 10px 0px rgba(195, 214, 212, 0.2);
   z-index: 11;
}

.gnb__depth::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
}

.gnb__item:nth-of-type(1) .gnb__depth {
   left: -2px;
}

.gnb__item:nth-of-type(2) .gnb__depth {
   left: -15px;
}

.gnb__item:nth-of-type(3) .gnb__depth {
   left: -2px;
}

.gnb__depth-item {
   margin-bottom: 20px;
}

.gnb__depth-item:last-child {
   margin-bottom: 0px;
}

.gnb__depth-link {
   display: block;
   padding: 7px 0px;
   background-repeat: no-repeat;
   background-position: left center;
   background-size: 29px;
   text-decoration: none;
   font-size: 15px;
   line-height: 100%;
   text-align: center;
}

/*.gnb__item:nth-of-type(1) .gnb__depth-item:nth-of-type(1) .gnb__depth-link {
   background-image: url(../images/ico-gnb-depth-tour.png);
}

.gnb__item:nth-of-type(1) .gnb__depth-item:nth-of-type(2) .gnb__depth-link {
   background-image: url(../images/ico-gnb-depth-doctor.png);
}

.gnb__item:nth-of-type(2) .gnb__depth-item:nth-of-type(1) .gnb__depth-link {
   background-image: url(../images/ico-gnb-depth-implant.png);
}

.gnb__item:nth-of-type(2) .gnb__depth-item:nth-of-type(2) .gnb__depth-link {
   background-image: url(../images/ico-gnb-depth-wisdom.png);
}

.gnb__item:nth-of-type(2) .gnb__depth-item:nth-of-type(3) .gnb__depth-link {
   background-image: url(../images/ico-gnb-depth-cavity.png);
}

.gnb__item:nth-of-type(2) .gnb__depth-item:nth-of-type(4) .gnb__depth-link {
   background-image: url(../images/ico-gnb-depth-scaling.png);
}

.gnb__item:nth-of-type(2) .gnb__depth-item:nth-of-type(5) .gnb__depth-link {
   background-image: url(../images/ico-gnb-depth-whitening.png);
}

.gnb__item:nth-of-type(2) .gnb__depth-item:nth-of-type(6) .gnb__depth-link {
   background-image: url(../images/ico-gnb-depth-child.png);
}

.gnb__item:nth-of-type(2) .gnb__depth-item:nth-of-type(7) .gnb__depth-link {
   background-image: url(../images/ico-gnb-depth-denture.png);
}

.gnb__item:nth-of-type(3) .gnb__depth-item:nth-of-type(1) .gnb__depth-link {
   background-image: url(../images/ico-gnb-depth-review.png);
}

.gnb__item:nth-of-type(3) .gnb__depth-item:nth-of-type(2) .gnb__depth-link {
   background-image: url(../images/ico-gnb-depth-notice.png);
}*/

/* 로그인 버튼 스타일 */
.header__login {
   margin-left: 100px;
}

.btn-login {
   display: block;
   padding: 12px 29px;
   border-radius: 40px;
   background: url('../images/bg-btn-login.png') no-repeat center / cover;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 16px;
   text-decoration: none;
   color: #fff;
   line-height: 16px;
   transition: all 0.3s ease;
}

/* header hover 스타일 */
header:hover {
   box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
   background-color: rgba(255, 255, 255, 1);
}

header:hover .header__logo-img {
   filter: invert(100%);
}

header:hover .gnb__link {
   color: #000;
}

header:hover .btn-login {
   background: rgba(0, 0, 0, 0.3);
   background-image: none;
}

.gnb__item:hover .gnb__link {
   font-weight: 700;
   color: #6BD9C3;
}

.gnb__item:hover .gnb__depth {
   display: block;
}

/* footer 스타일 */
.footer {
   background: #000 url('../images/bg-footer.jpg') no-repeat center / cover;
}

.footer__box {
   display: flex;
   justify-content: center;
   gap: 120px;
   width: 100%;
   max-width: 1920px;
   margin: 0 auto;
   padding: 160px 0px 80px 0px;
}

.footer__brand-title {
   margin-bottom: 22px;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 19px;
   line-height: 100%;
   color: #6BD9C3;
}

.footer__brand-slogan {
   margin-bottom: 98px;
   font-family: 'maruburi';
   font-weight: 400;
   font-size: 37px;
   line-height: 64px;
   color: #fff;
   letter-spacing: -5%;
}

.footer__brand-slogan--bold {
   font-weight: 600;
   font-size: 42px;
   line-height: 69px;
}

.footer__quick-links {
   display: flex;
   gap: 20px;
   padding: 0px 164px 100px 0px;
   margin-bottom: 60px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer__link {
   display: block;
   padding: 22px 30px 22px 50px;
   border: 1px solid #fff;
   border-radius: 100px;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 16px;
   line-height: 16px;
   color: #fff;
   text-decoration: none;
}

.footer__link-item:nth-child(1) .footer__link {
   background: url(../images/ico-footer-phone.png) no-repeat 30px center;
}

.footer__link-item:nth-child(2) .footer__link {
   padding-left: 58px;
   background: url(../images/ico-footer-kakao.png) no-repeat 30px center;
}

.footer__link-item:nth-child(3) .footer__link {
   padding-left: 58px;
   background: url(../images/ico-footer-naver.png) no-repeat 30px center;
}

.footer_logo-link {
   display: block;
   margin-bottom: 40px;
}

.footer__logo {
   width: 164px;
}

.footer__info-text {
   font-family: 'KoPubWorldDotum';
   font-weight: 300;
   font-size: 11px;
   line-height: 21px;
   color: rgba(255, 255, 255, 0.6);
}

.footer__copyright {
   margin-top: 40px;
   font-family: 'KoPubWorldDotum';
   font-weight: 300;
   font-size: 11px;
   line-height: 21px;
   color: rgba(255, 255, 255, 0.6);
}

.footer__details {
   padding-right: 200px;
}

.footer__detail-list {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
}

.footer__detail-title {
   margin-bottom: 28px;
   padding: 0px 0px 0px 40px;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 26px;
   line-height: 26px;
   color: #fff;
}

.footer__detail-item:nth-of-type(1) .footer__detail-title {
   background: url(../images/ico-footer-detail-time.png) no-repeat left center;
}

.footer__detail-item:nth-of-type(2) .footer__detail-title {
   background: url(../images/ico-footer-detail-map.png) no-repeat left center;
}

.footer__detail-item:nth-of-type(3) .footer__detail-title {
   background: url(../images/ico-footer-detail-qa.png) no-repeat left center;
}

.footer__schedule-item {
   display: flex;
   padding-bottom: 24px;
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 18px;
   line-height: 18px;
   color: #fff;
}

.footer__schedule-item:last-child {
   padding-bottom: 0px;
}

.footer__schedule-day {
   display:block;
   width: 142px;
}

.footer__schedule-item.footer__schedule-item--night {
   font-weight: 700;
   color: #4EFFDC;
}

.footer__schedule-time {
   font-weight: 300;
   color: #D4D4D4;
}

.footer__schedule-time.footer__schedule-time--night {
   font-weight: 500;
   color: #4EFFDC;
}

.footer__detail-text {
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 18px;
   line-height: 34px;
   color: #D4D4D4;
}

.footer__detail-phone {
   padding-bottom: 22px;
   font-family: 'maruburi';
   font-weight: 600;
   font-size: 42px;
   line-height: 42px;
   color: #fff;
}

/* 플로팅 메뉴 */
.floating-menu {
   position: fixed;
   right: 60px;
   bottom: 80px;
   z-index: 9;
}

.floating-menu__button {
   position: relative;
   width: 108px;
   height: 108px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #000;
   transition: opacity 0.3s ease, transform 0.3s ease;
   border-radius: 100%;
}

.floating-menu__button::after {
   content: ""; 
   position: absolute;
   width: 76px;  
   height: 76px;
   border: 1px solid rgba(255, 255, 255, 0.6); 
   border-radius: 50%;
   z-index: 1;
   pointer-events: none;
}

/* 2. 고정된 중앙 로고 이미지 */
.floating-menu__img {
   position: absolute;
   width: 60px;  /* 중앙 로고 크기 */
   height: 60px;
   z-index: 2; /* 글자보다 위로 */
}

/* 3. 회전할 글자 링 이미지 */
.floating-menu__text {
   position: absolute;
   width: 100%; /* 컨테이너 가득 채움 */
   height: 100%;
   z-index: 1;
   /* 10초 동안, 부드럽게, 무한히 회전 */
   animation: spinRing 14s linear infinite;
}

/* 🔄 회전 애니메이션 */
@keyframes spinRing {
   from {
         transform: rotate(0deg);
   }
   to {
         transform: rotate(360deg);
   }
}

.floating-menu__list {
   position: fixed;
   right: 60px;
   bottom: 80px;
   z-index: 10;
   width: 108px;
   height: 417px;
   padding: 20px 10px 0 10px;
   border-radius: 100px;
   background-color: #fff;
   box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.05);
   
   opacity: 0;
   visibility: hidden; /* 보이지 않고 클릭도 안 되게 설정 */
   transform: translateY(15px); /* 아래로 15px 내려놓음 */
   transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.floating-menu__item {
   display: flex;
   justify-content: center;
   align-items: center;
   height: calc((100% - 67px) / 4);
   border-bottom: 1px solid #d7d7d7;
}

.floating-menu__item:last-child {
   height: 67px;
   border-bottom: none;
}

.floating-menu__link {
   display: block;
   padding-top: 32px;
   text-align: center;
   text-decoration: none;
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 15px;
   line-height: 15px;
   color: #000;
}

.floating-menu__item:nth-child(1) .floating-menu__link {
   background: url("../images/icon-floating-call.svg") no-repeat top center;
}

.floating-menu__item:nth-child(2) .floating-menu__link {
   background: url("../images/icon-floating-location.svg") no-repeat top center;
}

.floating-menu__item:nth-child(3) .floating-menu__link {
   background: url("../images/icon-floating-naver.svg") no-repeat top center;
}

.floating-menu__item:nth-child(4) .floating-menu__link {
   background: url("../images/icon-floating-kakao.svg") no-repeat top center / 22px;
}

.floating-menu__item:nth-child(5) .floating-menu__link {
   padding-top: 0px;
}

/* 활성화 상태 (is-active): 리스트를 보여주고 열기 버튼은 숨김 */
.floating-menu.is-active .floating-menu__list {
   opacity: 1;
   visibility: visible;
   transform: translateY(0); /* 원래 위치로 복귀 */
}
.floating-menu.is-active .floating-menu__button {
   opacity: 0;
   visibility: hidden;
   transform: scale(0.8); /* 살짝 작아지며 사라지는 효과 */
}



/* ==========================================================================
   반응형 푸터 스타일 (1024px 및 768px 이하 대응)
   ========================================================================== */

@media screen and (max-width: 1300px) {
   .footer__details {
      padding-right: 0;
   }
}
   
@media screen and (max-width: 1024px) {
   header {
      padding: 0;
      background-color: rgba(0, 0, 0, 0.3);
   }

   /* [추가] 모바일에서는 header 전체 hover 시 배경색/로고가 바뀌는 PC 스타일 강제 해제 */
   header:hover {
      box-shadow: none;
      background-color: rgba(0, 0, 0, 0.3);
   }
   header:hover .header__logo-img {
      filter: none;
   }

   .header__box {
      justify-content: space-between;
      height: 60px;
      padding: 0 24px;
   }

   .header__logo-link {
      width: 92px;
      position: relative;
      z-index: 100; /* [추가] 모바일 메뉴 오버레이보다 위에 보이도록 레이어 순위 격상 */
   }

   .header__login {
      display: none; 
   }

   /* 햄버거 버튼 스타일 */
   .header__toggle {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 24px;
      height: 18px;
      background: none;
      border: none;
      padding: 0;
      cursor: pointer;
      z-index: 100;
   }

   .header__toggle-bar {
      display: block;
      width: 100%;
      height: 2px;
      background-color: #fff;
      transition: all 0.3s ease;
   }

   header:hover .header__toggle-bar,
   header.is-active .header__toggle-bar {
      background-color: #111;
   }

   /* 토글 버튼 X 변환 효과 */
   .header__toggle.is-active .header__toggle-bar:nth-child(1) {
      transform: translateY(8px) rotate(45deg);
   }

   .header__toggle.is-active .header__toggle-bar:nth-child(2) {
      opacity: 0;
   }

   .header__toggle.is-active .header__toggle-bar:nth-child(3) {
      transform: translateY(-8px) rotate(-45deg);
   }

   /* 모바일 GNB 오버레이 스타일 */
   .gnb {
      position: fixed;
      top: 60px;
      right: -100%;
      width: 100%;
      height: 100%;
      background: #fff;
      padding: 30px 0 40px;
      margin-left: 0;
      transition: right 0.4s ease, opacity 0.4s ease;
      z-index: 99;
      box-sizing: border-box;
      
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
   }

   .gnb.is-active {
      right: 0;
      visibility: visible;
      opacity: 1;
      pointer-events: auto;
   }

   .gnb__list {
      display: block;
      height: auto;
      overflow-y: auto;
      max-height: calc(100vh - 120px);
   }

   .gnb__item {
      display: block;
   }

   /* [추가] 모바일 대메뉴 hover 스타일 해제 */
   .gnb__item:hover .gnb__link {
      font-weight: 700;
      color: #111; /* hover 시 민트색으로 변하지 않고 검은색 유지 */
   }
   /* [추가] 모바일 hover 시 서브메뉴 강제 노출 차단 (클릭 `.is-open`으로만 작동하게 설정) */
   .gnb__item:hover .gnb__depth {
      display: none;
   }

   .gnb__link {
      display: block;
      padding: 30px 20px;
      margin-left: 0;
      color: #111;
      font-size: 28px;
      font-weight: 700;
      position: relative;
      line-height: 28px;
   }

   .gnb__item:not(:last-child) .gnb__link::after {
      content: '';
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      width: 17px;
      height: 11px;
      background: url('../images/sub/bg-qa-arrow.png') no-repeat center / contain;
      transition: transform 0.3s ease;
   }

   /* 하위 메뉴가 열렸을 때 (클릭 시 자바스크립트로 .is-open 제어 필요) */
   .gnb__item.is-open .gnb__link {
      color: #6BD9C3; /* 클릭해서 열렸을 때만 민트색 활성화 */
   }

   .gnb__item.is-open .gnb__link::after {
      filter: invert(0) brightness(0) invert(78%) sepia(21%) saturate(1412%) hue-rotate(117deg) brightness(96%) contrast(89%) !important;
      transform: translateY(-50%) rotate(180deg);
   }

   /* 모바일 하위 메뉴(아코디언) 스타일 */
   .gnb__depth {
      display: none;
      position: relative;
      top: 0;
      left: 0 !important;
      width: 100% !important;
      padding: 30px 20px;
      margin-bottom: 15px;
      background-color: #f8f8f8;
      box-shadow: none;
      box-sizing: border-box;
   }

   .gnb__item.is-open .gnb__depth {
      display: block; /* 오직 .is-open일 때만 디스플레이 */
   }

   .gnb__depth-item {
      margin-bottom: 30px;
   }

   .gnb__depth-item:last-child {
      margin-bottom: 0;
   }

   .gnb__depth-link {
      padding: 0;
      font-size: 20px;
      line-height: 20px;
      font-weight: 500;
      color: #111;
      background-image: none !important;
      text-align: left;
   }

   /* 모바일 헤더 활성화 상태 (GNB 열렸을 때) */
   header.is-active {
      background-color: #fff !important;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05) !important;
   }

   header.is-active .header__logo-img {
      filter: invert(100%) !important; /* 배경이 흰색으로 바뀌므로 로고를 검은색으로 반전시켜 노출 */
   }
   
   header.is-active .header__box {
      border-bottom: 1px solid #d9d9d9; /* 선 색상은 원하시는 대로 변경 가능합니다 (#ddd 등) */
   }
   
   .footer__box {
      flex-direction: column;
      gap: 60px;
      padding: 100px 40px 60px;
   }

   .footer__container {
      display: contents; /* 마크업 구조를 유지하되 자식 요소들을 .footer__box의 직접 아이템처럼 배치하여 순서 제어 가능 */
   }

   .footer__brand-section {
      order: 1;
      width: 100%;
   }

   .footer__brand-slogan {
      margin-bottom: 40px;
      font-size: 28px;
      line-height: 48px;
   }

   .footer__brand-slogan--bold {
      font-size: 32px;
      line-height: 52px;
   }

   .footer__quick-links {
      justify-content: center;
      padding-right: 0;
      margin-bottom: 40px;
      padding-bottom: 60px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   }

   .footer__details {
      order: 2;
      width: 100%;
      padding-right: 0;
   }

   .footer__detail-list {
      flex-direction: column;
      gap: 40px;
      height: auto;
   }

   .footer__detail-title {
      font-size: 22px;
      line-height: 1;
      margin-bottom: 20px;
   }

   .footer__schedule-item,
   .footer__detail-text,
   .footer__detail-phone {
      font-size: 16px;
   }

   .footer__detail-phone {
      font-size: 36px;
      line-height: 1.2;
   }

   .footer__info-section {
      order: 3;
      width: 100%;
      border-top: 1px solid rgba(255, 255, 255, 0.15);
      padding-top: 40px;
      margin-top: 20px;
   }

   .footer_logo-link {
      display: inline-block;
      margin-bottom: 24px;
   }
}

@media screen and (max-width: 768px) {
   .footer__box {
      padding: 76px 24px 60px; /* 피그마 top 76px 반영 */
      gap: 55px;
   }

   .footer__brand-title {
      font-size: 12px; /* 피그마 12px */
      margin-bottom: 16px;
   }

   .footer__brand-slogan {
      font-size: 20px; /* 피그마 20px */
      line-height: 32px;
      margin-bottom: 41px;
   }

   .footer__brand-slogan--bold {
      font-size: 26px; /* 피그마 26px */
      line-height: 42px;
   }

   .footer__quick-links {
      display: flex;
      flex-direction: row;
      justify-content: center;
      gap: 16px; /* 피그마 버튼 간격 */
      padding-bottom: 0px;
      margin-bottom: 0;
      border-bottom: none;
   }

   .footer__link-item {
      width: calc((100% - 32px) / 3);
   }

   .footer__link {
      padding: 0 !important;
      width: 100%;
      height: 40px; /* 피그마 40px */
      border-radius: 40px;
      font-size: 12px; /* 피그마 12px */
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      background: none !important; /* 모바일에서 아이콘 제거 */
      border: 1px solid rgba(255, 255, 255, 1);
   }

   .footer__details {
      border-top: 1px solid rgba(255, 255, 255, 0.15); /* 피그마 divider */
      padding-top: 55px;
   }

   .footer__detail-list {
      gap: 55px;
   }

   .footer__detail-title {
      font-size: 20px; /* 피그마 20px */
      padding-left: 30px;
      margin-bottom: 16px;
      background-size: 20px auto !important; /* 아이콘 크기 축소 */
   }

   .footer__schedule-list {
      display: flex;
      flex-direction: column;
   }

   .footer__schedule-item {
      font-size: 14px; /* 피그마 14px */
      line-height: 40px;
      padding-bottom: 0;
      display: flex;
      justify-content: space-between; /* 양쪽 정렬 */
      width: 100%;
   }

   .footer__schedule-day {
      width: auto;
      text-align: left;
   }

   .footer__schedule-time {
      text-align: right;
   }

   .footer__detail-text {
      font-size: 14px; /* 피그마 14px */
      line-height: 24px;
   }

   .footer__detail-phone {
      font-size: 34px; /* 피그마 34px */
      line-height: 1.2;
      padding-bottom: 12px;
   }

   .footer__info-section {
      border-top: 1px solid rgba(255, 255, 255, 0.15); /* 피그마 divider */
      padding-top: 55px;
      margin-top: 0;
   }

   .footer__logo {
      width: 92px; /* 피그마 92px */
      height: auto;
   }

   .footer__info-text {
      font-size: 8px; /* 피그마 8px */
      line-height: 18px;
      color: #a3a3a3; /* 피그마 color */
   }

   .footer__copyright {
      margin-top: 54px;
      font-size: 8px; /* 피그마 8px */
      line-height: 18px;
      color: #a3a3a3;
   }
   
   /* 플로팅 메뉴 */
   .floating-menu {
      width: 100%;
      right: 0px;
      bottom: 0px;
   }

   .floating-menu__button {
      display: none;
      transition: none !important;
   }

   .floating-menu__list {
      display: flex;
      position: static;
      width: 100%;
      height: 100px;
      padding: 0;
      border-radius: 20px 20px 0 0;
      box-shadow: 0 -6px 14px rgba(0, 0, 0, 0.05);
      
      opacity: 1;
      visibility: visible;
      transform: translateY(0%);
      transition: none !important;
   }

   .floating-menu__item {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 25%;
      height: 100%;
      border-bottom:none;
   }

   .floating-menu__item:last-child {
      display: none;
   }

   .floating-menu__link {
      display: block;
      padding-top: 30px;
      font-size: 12px;
      line-height: 12px;
   }

   .floating-menu__item:nth-child(1) .floating-menu__link {
      background: url("../images/icon-floating-call.svg") no-repeat top center / 17px;
   }

   .floating-menu__item:nth-child(2) .floating-menu__link {
      background: url("../images/icon-floating-location.svg") no-repeat top center / 17px;
   }

   .floating-menu__item:nth-child(3) .floating-menu__link {
      background: url("../images/icon-floating-naver.svg") no-repeat top center / 17px;
   }

   .floating-menu__item:nth-child(4) .floating-menu__link {
      background: url("../images/icon-floating-kakao.svg") no-repeat top center / 17px;
   }
   
   .floating-menu__item:nth-child(5) .floating-menu__link {
      display: none;
   }
}