/* BASIC css start */
#footer {margin-top:48px; }
#footer .f_sns{display:flex; justify-content:flex-end; align-items:center; gap:12px; font-size:0;}
#footer .f_sns li {margin:0; display:inline-block; color: #000; font-size: 12px; vertical-align:middle; font-family: 'Montserrat', sans-serif;}
#footer .footerMiddle {background-color:#000; text-align:center; padding:0 5%; margin-top:31px; font-size:0;}
#footer .footerMiddle a { display:inline-block; width:23%; color:#ffffff; font-size:12px; line-height:12px; padding:16px 0;}
#footer .footerMiddle a:nth-child(2) {width:31%;}
#footer .footer_csbox {font-size:0px; letter-spacing:0px; width:92%; margin:23px auto;}
#footer .footer_csbox > div{ box-sizing:border-box; vertical-align:top; width:50%; display:inline-block; font-size:12px; font-weight:300 !important; }
#footer .footer_csbox > div dt{color:#2c2c2c; font-size:13px; padding-bottom:10px; font-family: 'Montserrat', sans-serif; font-weight:300 !important;}
#footer .footer_csbox > div dd.tel {padding-bottom:12px;}
#footer .footer_csbox > div dd.tel > a{font-size:19px; line-height:26px; color:#2c2c2c; font-family: 'Montserrat', sans-serif; font-weight:300 !important;}
#footer .footer_csbox > div dd{font-size:12px; color:#2c2c2c; padding-bottom:3px; font-weight:300 !important;}
#footer .footer_csbox .ft_box01{border-right:1px solid #cecece;}
#footer .footer_csbox .ft_box02{padding-left:15px; }
#footer .footerInfo {display: block;}
#footer .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
#footer .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}

#footer address {padding:23px 14px 20px; color:#2c2c2c; border-top:1px solid #cecece; font-size:12px; line-height:19px; font-weight:300 !important;}
#footer address .copy {padding-top:18px; color:#5a5a5a;font-family: 'Montserrat', sans-serif; }

/* 하단 고정 버튼 */
/* scroll btn */
a.btn-scroll {position: fixed; bottom: 50px;right: 5px;display: none; width: 50px; z-index: 100;}
a.btn-scroll img {width: 100%; height: auto;}
a.btn-scroll.btn-scroll-top{bottom: calc(35px + 45px); right: 10px;
}

/* 모바일 footer SNS - 네이버 블로그 아이콘 */
#footer .f_sns{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:18px;          /* 아이콘 사이 간격 */
  padding-right:12px; /* 🔥 오른쪽 여백 추가 */
  font-size:0;
}

#footer .f_sns li{
  display:inline-flex;
  align-items:center;
  margin:0;
  font-size:12px;
  font-family:'Montserrat', sans-serif;
}

#footer .f_sns li img{
  width:20px;        /* 기본 아이콘 크기 */
  height:auto;
  display:block;
}

/* 🔥 페이스북만 살짝 줄이기 */
#footer .f_sns li:nth-child(2) img{
  width:10px;
}

/* 블로그는 동일하게 유지 */
#footer .f_sns li.sns_blog img{
  width:20px;
}
/* BASIC css end */