/* BASIC css start */
/* 하단 */
#footer {
    margin-top: 110px;
    border-top: 1px solid #ddd; /* 하단에 회색 줄 추가 */
}
#footer .inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 20px 40px; /* 좌우 패딩 추가 */
  box-sizing: border-box;  /* 패딩 포함 너비 계산 */
}


.section4 {
  display: flex;
  align-items: center;
  gap: 10px; /* 아이콘 간격 */
  margin-top: 20px; /* 전체 위쪽 여백 */
  
}

.section4 img {
  width: 40px;      /* 아이콘 크기 통일 */
  height: auto;
  display: inline-block;
  margin-top: 5px;  /* 아이콘 위쪽 여백 */
}


/* 모바일 대응 */
@media screen and (max-width: 768px) {
  #footer .inner {
    padding: 20px 12px 30px;
  }
}
#footer .inner .link_info {margin-bottom:24px;}
#footer .inner .link_info ul li {display:inline-block; vertical-align:top; }
#footer .inner .link_info ul li:after {content:''; display:inline-block; width:1px; height:10px; background:#ccc; margin:0 12px; vertical-align: middle;}
#footer .inner .link_info ul li:last-child:after {display:none;}
#footer .inner .link_info ul li a {font-size:13px; color:var(--txt); }
#footer .inner .link_info ul li a b {color:#121212;}
#footer .inner .link_info ul li a:hover {font-weight: bold; }
#footer .inner .ft_info {display:flex; justify-content:space-between;}
#footer .inner .ft_info h3 {font-size:15px; font-weight:600; margin-bottom:3px;}
#footer .inner .ft_info .ft_left {}
#footer .inner .ft_info .ft_left p {font-size:13px; color: var(--txt); line-height:22px;}
#footer .inner .ft_info .ft_left p span {margin-right:20px;}
#footer .inner .ft_info .ft_left p span a {vertical-align: baseline; border-bottom:1px solid var(--txt); color: var(--txt);}


#footer .inner .ft_info .ft_right {width:250px;}
#footer .inner .ft_info .ft_right p {margin-bottom:10px; color: var(--txt); font-size:13px; line-height: 1;  /* 텍스트의 위아래 간격을 조정 */}
#footer .inner .ft_info .ft_right div {display:flex; gap:4px;}
#footer .inner .ft_info .ft_right div a {padding:4px 8px; display:inline-block; border:1px solid #cdcdcd; color: var(--txt); font-size:11px; border-radius: 12px; /* 둥근 테두리 */}
#footer .inner .ft_info .ft_right div a:hover {
  background-color: #333; /* 배경색 */
  color: #fff;           /* 글자색 */
  border-color: #333;    /* 테두리색 */
  transition: all 0.3s ease; /* 부드러운 전환 */
}

.ft_right ul {
  display: flex;
  gap: 10px; /* 아이콘 사이 간격 */
  padding: 0;
  margin: 0 0 20px 0; /* 아래쪽 마진 추가하여 고객센터와 공간 확보 */
  list-style: none;
}

.ft_right ul li {
  display: flex;
  align-items: center;
}

.ft_right ul li a {
  display: inline-block;
}

.ft_right ul li img {
  display: block;
  width: 100%;  /* 아이콘 크기 조절 가능 */
  height: 100%;
}


#footer .inner .ft_bottom {height:20px; display:flex; justify-content:space-between; padding-top:0px;}
#footer .inner .ft_bottom p {
  color: var(--light_txt);
  font-size: 10px;
  margin-top: 10px; /* 위쪽 여백 추가 */
}
#footer .inner .ft_bottom ul {display:flex; gap:16px;}
.fix_btn {position:fixed; right:16px; bottom:24px; text-align:center; z-index:8;}
.fix_btn a {display:inline-block; margin-top:10px; width:42px; line-height:42px; background: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08); border-radius:50%;}
/* BASIC css end */