@charset "utf-8";

.commonFoot {
  margin-top: var(--section-spacing);
  background-color: var(--color-primary-005);
  padding: var(--article-padding) 0;
  flex: none;
}

.commonFoot .footerBox {
  margin-top: var(--article-padding);
  padding-top: var(--article-padding);
  border-top: var(--border);
}

.commonFoot .footerBox .customer {
  font-size: var(--font-17);
}

.commonFoot .footerBox .address {
  font-size: var(--font-15);
  color: var(--color-07);
}

.commonFoot .menu_ad {
  padding: 0;
}


.commonFoot .contain {
  padding: 0 var(--article-padding);
}

.commonFoot .customModule {
  position: fixed;
  top: auto;
  left: auto;
  right: var(--article-padding);
  bottom: var(--article-padding);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--content-spacing);
  z-index: 100;
}

.commonFoot .customModule .article .contain {
  padding: var(--content-padding);
}

.commonFoot .customModule .customBtn {
  border-radius: var(--button-size-normal);
  width: var(--button-size-normal);
  height: var(--button-size-normal);
  border: var(--border);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--article-bg-color);
  position: relative;
  left: 0;
  top: 0;
  box-shadow: var(--article-shadow);
}

.commonFoot .customModule .customBtn:not(.on) .exitIco,
.commonFoot .customModule .customBtn.on .img {
  display: none;
}

.commonFoot .customModule .customBtn .exit {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.commonFoot .customModule .customBtn .img,
.commonFoot .customModule .customBtn .exitIco,
.commonFoot .customModule .customBtn .exit {
  transition: all .15s;
  color: var(--font-color);
}

.commonFoot .customModule .customBtn:hover .img,
.commonFoot .customModule .customBtn:hover .exitIco {
  transform: rotate(135deg);
  transition: all .45s;
}

.commonFoot .customModule .box {
  display: flex;
  flex-direction: column;
  gap: var(--content-spacing);
}