/* BASIC css start */
@charset "UTF-8";

.footer-text 
{
  color: #6d6d6f;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.footer-highlight 
{
  color: #1d1d1f;
  font-weight: 500;
}

.footer-divider 
{
  color: #6d6d6f;
  opacity: 0.3;
}

footer 
{
  background-color: #fafafa;
}

/* 메뉴 링크 */
.footer-menu 
{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-menu li a 
{
  font-size: 14px;
  color: #6d6d6f;
  text-decoration: none;
  transition: color 0.2s;
}

.footer-menu li a:hover 
{
  color: #1d1d1f;
}

.footer-menu li:not(:last-child)::after 
{
  content: "|";
  margin-left: 12px;
  opacity: 0.3;
}

@media (max-width: 640px) 
{
    .footer-menu li:nth-of-type(4)::after 
    {
        content: none;
    }    
}

/* 고객센터 정보 스타일 */
.footer-service-info 
{
  text-align: center;
}

.footer-service-number 
{
  display: block;
  color: #1A1B1D;
  font-size: 18px;
  font-weight: 600;
}

.footer-service-time 
{
  display: block;
  color: #707a89;
  font-size: 13px;
}

/* 소셜 아이콘2 FOOTER */
.social-icon2 
{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d9d9d9;
  color: #4a4a4a;
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  filter: grayscale(100%);
}

/* YouTube - 사각형 배경 */
.social-icon2.youtube-icon 
{
  border-radius: 8px;
}

/* Facebook - 파란색 */
.social-icon2[data-icon="facebook"]:hover 
{
  background-color: #1877f2;
  color: white;
  filter: grayscale(0%);
  transform: scale(1.025);
}

/* 네이버 */
.social-icon2[data-icon="naver"] 
{
  color: #555; /* 기본 N 컬러 */
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* hover */
.social-icon2[data-icon="naver"]:hover 
{
  background-color: #00c73c;
  color: white;
  transform: scale(1.025);
  filter: grayscale(0%);
}

/* YouTube 아이콘 */
.social-icon2[data-icon="youtube"]:hover 
{
  background-color: #ff0000;
  color: white;
  filter: grayscale(0%);
  transform: scale(1.025);
}

/* Instagram - 그라데이션 */
.social-icon2[data-icon="instagram"]:hover 
{
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  color: white;
  filter: grayscale(0%);
  transform: scale(1.025);
}

/* 768px 미만 모바일에서 구분선 숨김 */
.footer-divider 
{
  /* 모바일에서 구분선 | 숨기기 */
  display: none;
}

/* 768px (md) 이상에서 다시 보이도록 설정 */
@media (min-width: 768px) 
{
  .footer-divider 
  {
    display: inline;
  }
}
/* BASIC css end */