/* BASIC css start */
/* 하단 */
#footer { position:relative; width:100%; border-top: 1px solid #f2f2f2; margin-top:100px; } 
#footer .go_top { width: 80px; height: 80px; line-height: 14px; text-align: center; font-size: 15px; font-weight: bold; position: absolute; top: 0; right: 0; background: #333; color: #fff; display: flex; align-items: center; justify-content: center; } 
#footer .footerTop { display: flex; margin:0 auto; padding: 60px 0; position:relative; width: 1280px; *zoom:1; justify-content: space-between; } 
#footer .footerTop:after { display:block; clear:both; content:'' } 
#footer .footerTop .infoBx {  } 
#footer .footerTop .infoBx h3 { margin-bottom: 17px;; display: inline-block; font-size: 18px; color: #333; font-weight: bold; line-height: 1; } 
#footer .footerTop .infoBx .tx { font-size: 12px; color: #666666; line-height: 24px; } 
#footer .footerTop .boardInfo { } 
#footer .footerTop .boardInfo ul { } 
#footer .footerTop .boardInfo ul li { margin-bottom: 30px; } 
#footer .footerTop .boardInfo ul li a { display: inline-block; font-size: 18px; color: #333; font-weight: bold; line-height: 1; } 
#footer .footerTop .csInfo {  margin-bottom: 42px; } 
#footer .footerTop .csInfo .tel { margin-bottom: 24px; font-size: 36px; color: #333333; font-weight: bold; line-height: 26px; } 
#footer .footerTop .csInfo .tx { } 
#footer .footerTop .shopInfo { } 
#footer .footerTop .shopInfo .tx span { padding-right:5px } 
#footer .footerTop .shopInfo .tx a { color:#7689de } 
#footer .footerTop .shopInfo .tx a.btn_email { color:#5d5d5d } 
#footer .footerTop .shopInfo .copy { padding-top:5px; color:#a5a5a5 } 
#footer .footerTop .linkInfo { position: absolute;right: 0;bottom: 60px;} 
#footer .footerTop .linkInfo ul { margin-bottom: 26px; text-align: right; } 
#footer .footerTop .linkInfo ul li { padding-bottom: 12px; } 
#footer .footerTop .linkInfo ul li a { font-size: 12px; color: #666666; line-height: 24px; } 
#footer .footerTop .linkInfo dl { display: flex; } 
#footer .footerTop .linkInfo dl dd { display: inline-block; margin-left: 8px; } 
#footer .footerTop .linkInfo dl dd a { display: inline-block; } 
#footer .footerBottom { margin:0 auto; position:relative; width:1100px } 


.kakao-float{
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: #FEE500;
  color: #000;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
  transition: transform .15s ease, opacity .15s ease;
}

.kakao-float:hover{
  transform: translateY(-2px);
  opacity: .95;
}

.kakao-float__icon{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.kakao-float__icon svg{
  fill: #FEE500; /* 말풍선 색 */
}

/* 모바일에선 텍스트 숨기고 아이콘만 */
@media (max-width: 768px){
  .kakao-float{ right: 14px; bottom: 14px; padding: 10px 12px; }
  .kakao-float__text{ display:none; }
}

/* BASIC css end */