@charset "UTF-8";

.wFix.footer_wFix{
  max-width: 1720px !important;
  margin: 0 auto !important;
  padding: 0 4em !important;
}

@media screen and (max-width: 500px){
	.wFix.footer_wFix{
	padding: 0 2em !important;}
}

footer {
  background-color: #0e1527;
}

.footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.foot_logo{
	width: 150px;
}

.footer_nav {
  display: flex;
  gap: 3rem;
  align-items: center;
}

.footer_nav a:hover span {
  color: #ffb115 !important;
}

.footer_content {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.footer_info {
  display: flex;
  gap: 1rem;
}

.footer_info span,
.footer_content span,
.footer_right_wrap span {
  color: rgba(255, 255, 255, 0.5);
}

.footer_right_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cs_wrap {
  display: flex;
  align-items: center;
}

.cs_icon {
  width: 16px;
}

/*mobile*/
.mo_logo{
	width: 150px;
}

.mo_foot_title{
	display: flex;
	gap: 20px;
}

/*pagination*/
.swiper-pagination {
  display: flex;
  justify-content: center;
  width: auto !important;
  height: auto !important;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none; /* 클릭 이벤트 막음 */
}

.swiper-pagination-bullet {
  pointer-events: auto; /* 개별 bullet만 클릭 가능 */
}

@media screen and (min-width: 1001px) {
  .mo_footer {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .footer {
    display: none;
  }

  .mo_footer span,
  .mo_footer h2 {
    color: rgba(255, 255, 255, 0.5);
  }

  .mo_cs h2:first-of-type {
    display: flex;
    flex-direction: column;
/*     align-items: center; */
  }

  .mo_logo_cs {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mo_foot_info {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }

  .mo_copyright {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
}

@media screen and (max-width: 600px) {
  .mo_logo {
    display: none;
  }
}
