/* BASIC css start */
:is(#footer, #footer :is(*)){box-sizing: border-box;}
#footer{width: 100%; background-color: #000; margin-top: 150px;}
#footer :is(*){font-family: 'Noto Sans KR', sans-serif;color: #fff;}
#footer .foot_inner{width: 1400px; margin: 0 auto; padding:20px 0 80px;}
#footer .foot_inner .foot_top{margin-bottom: 35px;}
#footer .foot_inner .foot_top .f_logo{}
#footer .foot_inner .foot_top .f_logo a{display: block;}
#footer .foot_inner .foot_top .f_logo a img{max-width: 200px;}
#footer .foot_inner .foot_bottom{display: flex; justify-content: space-between;}
#footer .foot_inner .foot_bottom>div{}
#footer .foot_inner .foot_bottom>div h4{font-family: 'Montserrat', sans-serif;font-size: 16px; font-weight: 600; margin-bottom: 15px;}
#footer .foot_inner .foot_bottom>div :is(li:not(:has(a)),li a:not(:has(img))){}
#footer .foot_inner .foot_bottom .f1{}
#footer .foot_inner .foot_bottom .f1 ul.f_menu{display: flex; gap: 30px;margin-bottom: 20px;}
#footer .foot_inner .foot_bottom .f1 ul.f_menu li{}
#footer .foot_inner .foot_bottom .f1 ul.f_menu li:nth-child(2) a{font-weight: 500;}
#footer .foot_inner .foot_bottom .f1 ul.f_menu li a{font-size: 15px; font-weight: 300;}
#footer .foot_inner .foot_bottom .f1 ul.f_info{}
#footer .foot_inner .foot_bottom .f1 ul.f_info li{margin: 0 20px 11px 0; color: #aaaaaa;font-size: 14px; font-weight: 400; display: inline-block;}
#footer .foot_inner .foot_bottom .f1 ul.f_info li a{color: #aaaaaa; font-size: inherit; font-weight: inherit;}
#footer .foot_inner .foot_bottom .f1 p.copy{color: #555;font-family: 'Montserrat', sans-serif; font-weight: 600; margin-top: 20px;}
#footer .foot_inner .foot_bottom .f2{}
#footer .foot_inner .foot_bottom .f2 h4{ }
#footer .foot_inner .foot_bottom .f2 h5{font-family: 'Montserrat', sans-serif;font-size: 36px; font-weight: 600;margin-bottom: 15px;}
#footer .foot_inner .foot_bottom .f2 ul{}
#footer .foot_inner .foot_bottom .f2 ul li{display: flex;font-family: 'Montserrat', sans-serif; align-items: center; gap: 6px; font-weight: 600; margin-bottom: 6px;font-size: 16px;line-height: 24px;}
#footer .foot_inner .foot_bottom .f2 ul li span{font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}
#footer .foot_inner .foot_bottom .f3{}
#footer .foot_inner .foot_bottom .f3 h4{margin-bottom: 23px;}
#footer .foot_inner .foot_bottom .f3 ul{display: flex; align-items: center; gap: 22px;}
#footer .foot_inner .foot_bottom .f3 ul li{}
#footer .foot_inner .foot_bottom .f3 ul li a{}
#footer .foot_inner .foot_bottom .f3 ul li a img{}

/* 방법 1: footer 상위 선택자를 포함하여 우선순위 높이기 (가장 추천) */
#footer .pc-kakao-btn,
#footer .pc-kakao-btn :is(*) {
  color: #191919 !important;
}

/* PC 플로팅 버튼 컨테이너 */
.pc-kakao-float-wrap {
  position: fixed !important;
  right: 30px;
  bottom: 30px;
  z-index: 999999 !important; /* 메인 배너나 레이어 팝업보다 위에 노출 */
}

/* 카카오톡 버튼 스타일 */
.pc-kakao-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  background-color: #fee500;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  border-radius: 50px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease-in-out;
}

/* 마우스 호버 효과 (B2B 디테일 UX) */
.pc-kakao-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  background-color: #fdd800;
}

.pc-kakao-btn .kakao-icon {
  width: 18px;
  height: 18px;
  fill: #191919;
}

/* 모바일 접속 시 PC용 버튼 숨김 (모바일 스킨과 충돌 방지) */
@media (max-width: 768px) {
  .pc-kakao-float-wrap {
    display: none !important;
  }
}

/* BASIC css end */