@charset "utf-8";

/* =========================================================
   푸터 회사정보/고객센터 2단 레이아웃 (2026-06-29)
   ---------------------------------------------------------
   ● main.css / default.css 를 "덮어쓰지" 않고 이 파일에서만 조정.
   ● PC: 좌측 회사정보 / 우측 고객센터(전화 크게) 양옆 배치.
   ● 모바일(≤768px): 위아래로 쌓임.
   ● 되돌리기: shop.head.php 의 이 파일 add_stylesheet 한 줄 삭제 +
     shop.tail.php 의 .hs-foot-cols 블록을 백업본으로 복원.
   ========================================================= */

/* 2단 컨테이너 (PC) */
.foot .foot_inner .hs-foot-cols {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
  max-width: 1100px;
  margin: 40px auto 0;
  text-align: left;
}

/* 좌측: 회사정보 */
.foot .foot_inner .hs-foot-company {
  font-style: normal;
}
.foot .foot_inner .hs-foot-company .line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}
.foot .foot_inner .hs-foot-company dl {
  display: flex;
  gap: 8px;
  margin: 0;
}
.foot .foot_inner .hs-foot-company dt {
  font-size: 14px;
  font-weight: bold;
  color: #999;
  font-style: normal;
}
.foot .foot_inner .hs-foot-company dd {
  font-size: 14px;
  color: #999;
  margin: 0;
  font-style: normal;
}
.foot .foot_inner .hs-foot-company .hs-foot-disc {
  max-width: 480px;
  margin-top: 14px;
  font-size: 12px;
  color: #929292;
  line-height: 1.6;
  font-style: normal;
}

/* 우측: 고객센터 */
.foot .foot_inner .hs-foot-cs {
  flex: 0 0 auto;
  text-align: right;
}
.foot .foot_inner .hs-foot-cs .cs-label {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: bold;
  color: #999;
}
.foot .foot_inner .hs-foot-cs .cs-tel {
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: bold;
  color: #333;
  line-height: 1.1;
}
.foot .foot_inner .hs-foot-cs .cs-tel a {
  color: #333;
  text-decoration: none;
}
.foot .foot_inner .hs-foot-cs .cs-line {
  margin: 2px 0;
  font-size: 13px;
  color: #999;
}
.foot .foot_inner .hs-foot-cs .cs-line a {
  color: #999;
  text-decoration: none;
}

/* 모바일: 위아래로 쌓이게 */
@media screen and (max-width: 768px) {
  .foot .foot_inner .hs-foot-cols {
    flex-direction: column;
    align-items: center;
    gap: 26px;
    max-width: none;
    text-align: center;
  }
  .foot .foot_inner .hs-foot-company .line { justify-content: center; }
  .foot .foot_inner .hs-foot-company .hs-foot-disc { margin-left: auto; margin-right: auto; }
  .foot .foot_inner .hs-foot-cs { text-align: center; }
}