footer {
  height: 540px;
  background: linear-gradient(315deg, #FAF7EE, #D9E3EF);
}
footer.footer {
  position: relative;
  font-size: var(--font-size-base);
}
footer.footer:before {
  content: "";
  background: url(../../common/image/fotter-logo2.webp) no-repeat;
  background-size: cover;
  display: block;
  width: 660px;
  height: 330px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 768px) {
  footer.footer:before {
    width: 330px;
    height: 190px;
  }
}
@media (max-width: 768px) {
  footer {
    height: 700px;
  }
}
footer .footer-inner {
  height: 100%;
}
footer .footer-inner .footer-contents {
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  footer .footer-inner .footer-contents {
    flex-direction: column;
    position: relative;
    gap: 45px;
    padding: 35px 0 0 0;
  }
}
footer .footer-inner .footer-contents .left {
  flex-basis: 50%;
}
@media (max-width: 768px) {
  footer .footer-inner .footer-contents .left {
    width: 100%;
    flex-basis: auto;
  }
}
footer .footer-inner .footer-contents .right {
  flex-basis: 50%;
}
@media (max-width: 768px) {
  footer .footer-inner .footer-contents .right {
    width: 100%;
  }
}
footer .footer-inner .footer-contents .left {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
footer .footer-inner .footer-contents .left .companyName {
  display: flex;
  align-items: center;
  gap: 20px;
}
footer .footer-inner .footer-contents .left .companyName .footelogo {
  max-width: 105px;
}
footer .footer-inner .footer-contents .left .companyName .spNone {
  font-size: var(--font-size-sm);
}
@media (max-width: 768px) {
  footer .footer-inner .footer-contents .left .companyName .spNone {
    display: none;
  }
}
footer .footer-inner .footer-contents .left .address img {
  width: clamp(135px, 8.4375rem + (1vw - 13.66px) * 5.4152, 165px);
  margin-top: 0.5dvh;
}
footer .footer-inner .footer-contents .left .securityWrap {
  display: flex;
  align-items: center;
  gap: 25px;
}
footer .footer-inner .footer-contents .left .securityWrap .securityAction {
  aspect-ratio: 82/89;
  width: 80px;
}
@media (max-width: 768px) {
  footer .footer-inner .footer-contents .left .securityWrap .securityAction {
    width: 90px;
  }
}
footer .footer-inner .footer-contents .left .securityWrap .sgsISOlogo {
  aspect-ratio: 131/100;
  width: 130px;
}
footer .footer-inner .footer-contents .right {
  z-index: 10;
}
footer .footer-inner .footer-contents .right .footerNavi {
  font-family: var(--font-family-2);
  display: flex;
  justify-content: space-between;
  width: 85%;
  margin: 0 0 0 auto;
}
@media (max-width: 768px) {
  footer .footer-inner .footer-contents .right .footerNavi {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-row-gap: 30px;
    width: 100%;
    margin: 0;
  }
  footer .footer-inner .footer-contents .right .footerNavi .navi-1 {
    grid-area: 1/1/2/2;
  }
  footer .footer-inner .footer-contents .right .footerNavi .navi-2 {
    grid-area: 2/1/3/2;
  }
  footer .footer-inner .footer-contents .right .footerNavi .navi-3 {
    grid-area: 1/2/2/3;
  }
  footer .footer-inner .footer-contents .right .footerNavi .navi-4 {
    grid-area: 2/2/3/3;
  }
}
footer .footer-inner .footer-contents .right .footerNavi .nest li {
  font-family: var(--font-family-1);
  font-size: var(--font-size-sm);
  position: relative;
}
footer .footer-inner .footer-contents .right .footerNavi .nest li:before {
  content: "";
  border-top: 1px solid var(--color-underline-3);
  width: 14px;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
@media (max-width: 768px) {
  footer .footer-inner .footer-contents .right .footerNavi .nest li:before {
    width: 10px;
  }
}
footer .footer-inner .footer-contents .right .footerNavi .nest li a {
  margin-left: 1em;
}
footer .footer-inner .footer-contents .right .footerNavi li {
  line-height: 175%;
}
footer .footer-inner .footer-contents .right .contactWrap {
  width: 85%;
  margin: 0 0 0 auto;
  margin-top: var(--spacing-base);
  background-color: var(--color-botton);
  padding: 23px;
}
footer .footer-inner .footer-contents .right .contactWrap .contactWrap-inner {
  justify-content: center;
  display: flex;
  align-items: center;
  color: white;
}
footer .footer-inner .footer-contents .right .contactWrap .contactWrap-inner p {
  font-size: var(--font-size-sm);
}
footer .footer-inner .footer-contents .right .contactWrap .contactWrap-inner .contactEn {
  font-size: var(--font-size-secTitle);
  font-family: var(--font-family-2);
  opacity: 0.3;
  position: relative;
  left: -10px;
}
@media (max-width: 768px) {
  footer .footer-inner .footer-contents .right .contactWrap {
    width: 100%;
    margin: 0;
    padding: 15px;
    position: absolute;
    left: 0;
    bottom: 50px;
  }
}

.contactWrap {
  position: relative;
}
.contactWrap:after {
  content: "";
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  width: 16px;
  height: 16px;
  display: inline-block;
  rotate: 45deg;
  position: absolute;
  top: 50%;
  right: 40px;
  translate: 0 -50%;
}

.copy {
  background-color: var(--color-background-2);
  font-size: var(--font-size-sm);
  color: white;
}
.copy .copyWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}
@media (max-width: 768px) {
  .copy .copyWrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}
.copy .copyWrap .copyNavi {
  flex-grow: 0.2;
}
@media (max-width: 768px) {
  .copy .copyWrap .copyNavi {
    width: 95%;
  }
}
.copy .copyWrap .copyNavi ul {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .copy .copyWrap .copyNavi ul {
    display: block;
  }
  .copy .copyWrap .copyNavi ul li {
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 2px solid var(--color-underline-3);
    line-height: 200%;
  }
  .copy .copyWrap .copyNavi ul li:first-child {
    padding-left: 0;
  }
  .copy .copyWrap .copyNavi ul li:last-child {
    border-right: none;
  }
}
.copy .copyWrap .copyWrap-inner {
  display: flex;
  align-items: center;
  gap: 1.5dvw;
}
@media (max-width: 768px) {
  .copy .copyWrap .copyWrap-inner {
    justify-content: space-between;
    width: 100%;
  }
}
.copy .copyWrap .copyWrap-inner .footerLang {
  display: flex;
  align-items: center;
  gap: 0.75dvw;
}
@media (max-width: 768px) {
  .copy .copyWrap .copyWrap-inner .footerLang {
    gap: 2dvw;
  }
}
.copy .copyWrap .copyWrap-inner .footerLang .footerLang-img {
  width: 20px;
  aspect-ratio: 1/1;
}
.copy .copyWrap .copyWrap-inner .footerLang .langText {
  display: flex;
  align-items: center;
}
.copy .copyWrap .copyWrap-inner .footerLang .langText a {
  color: white;
}
.copy .copyWrap .copyWrap-inner .footerLang .langText .slash:after {
  content: "";
  border-top: 1px solid var(--color-underline-3);
  rotate: 110deg;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 13px;
}
/*# sourceMappingURL=footer.css.map */