/* BASIC css start */
:is(#footer, #footer :is(*)){box-sizing: border-box;}
#footer{width: 100%; background-color: #000; min-width: 320px; max-width: 850px; margin:80px auto 0}
#footer :is(*){font-family: 'Noto Sans KR', sans-serif;color: #fff;}
#footer .foot_inner{padding:  0 5%;}
#footer .foot_inner .foot_top{margin-bottom: 5px; padding-top: 50px;}
#footer .foot_inner .foot_top .f_logo{margin-bottom: 25px;}
#footer .foot_inner .foot_top .f_logo a{display: block;}
#footer .foot_inner .foot_top .f_logo a img{transform: scale(.7); transform-origin: left center; max-width: 300px;}
#footer .foot_inner .foot_top .f_cs{display: flex; justify-content: space-between;}
#footer .foot_inner .foot_top .f_cs>*{flex-grow: 1;}
#footer .foot_inner .foot_top .f_cs h4{font-family: 'Montserrat', sans-serif;font-size: 14px; font-weight: 500; margin-bottom: 11px;}

#footer .foot_inner .foot_top .f_cs h5{font-family: 'Montserrat', sans-serif;font-size: 26px; font-weight: 500;}
#footer .foot_inner .foot_top .f_cs ul li{display: flex;font-family: 'Montserrat', sans-serif; align-items: center; gap: 6px; font-weight: 600; margin-bottom: 6px;font-size: 13px;line-height: 20px;}
#footer .foot_inner .foot_top .f_cs ul li span{font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}

#footer .foot_inner .foot_middle ul.f_info{}
#footer .foot_inner .foot_middle ul.f_info li{margin: 0 15px 5px 0; color: #aaaaaa;font-size: 13px; font-weight: 400; display: inline-block;}
#footer .foot_inner .foot_middle ul.f_info li a{color: #aaaaaa; font-size: inherit; font-weight: inherit;}
#footer .foot_inner .foot_middle p.copy{color: #555;font-family: 'Montserrat', sans-serif; font-weight: 500; margin-top: 20px; font-size: 13px;}


#footer .foot_inner .foot_bottom{border-top: 1px solid #818181; margin-top: 40px; padding-top: 40px; padding-bottom: 60px;}
#footer .foot_inner .foot_bottom ul.f_menu{display: flex;margin-bottom: 35px; justify-content: space-between; flex-wrap:wrap; gap:10px 0;}
#footer .foot_inner .foot_bottom ul.f_menu li{}
#footer .foot_inner .foot_bottom ul.f_menu li:nth-child(2) a{font-weight: 500;}
#footer .foot_inner .foot_bottom ul.f_menu li a{font-size: 12px; font-weight: 300;}
#footer .foot_inner .foot_bottom ul.f_sns{display: flex; align-items: center; gap: 10px;}
#footer .foot_inner .foot_bottom ul.f_sns li{}
#footer .foot_inner .foot_bottom ul.f_sns li:first-child{margin-right: 7px;}
#footer .foot_inner .foot_bottom ul.f_sns li a{display: block;}
#footer .foot_inner .foot_bottom ul.f_sns li a img{transform:scale(.66); transform-origin: left center;}




/* 플로팅 컨테이너 - 화면 우측 하단 고정 */
.lk-floating-wrap {
  position: fixed !important;
  right: 8px;
  bottom: 50px;
  z-index: 999999 !important; /* 타 레이어에 묻히지 않도록 구글/네이버 스크립트보다 높게 설정 */
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* 개별 버튼 공통 스타일 */
.lk-float-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 14px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lk-float-btn:active {
  transform: scale(0.95);
}

.lk-float-btn svg {
  width: 16px;
  height: 16px;
}

/* 전화 상담 버튼 */
.lk-call-btn {
  background-color: #000000;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.lk-call-btn svg {
  fill: #ffffff;
}

/* 카카오톡 상담 버튼 */
.lk-kakao-btn {
  background-color: #fee500;
  color: #191919 !important;
}
.lk-kakao-btn svg {
  fill: #191919;
}

/* 모바일 화면 세부 조절 */
@media (max-width: 768px) {
  .lk-floating-wrap {
    right: 8px;
    bottom: 50px;
    gap: 8px;
  }
  .lk-float-btn {
    padding: 9px 12px;
    font-size: 12px;
  }
}

/* BASIC css end */

