/* header */

.header-top {
  width: 100%;
  height: 40px;
  color: #fff;
  background-color: #161616;
  font-size: 0.875rem;
  font-weight: 400;
}

.header-top a {
  color: #fff;
}


.header-top-inner {
  height: 100%;
  margin: auto;
  padding: 0 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-top-link {
  display: flex;
  margin-left:5px;
  align-items: center;
  gap: 24px;
  white-space: nowrap;
}

.header-top-link li:first-child::before {
	display:none;	
}

.header-top-link li {
  display: flex;
  align-items: center;
}

.header-top-link li::before {
	content:'|';
	display:inline-block;
	margin-right:20px;
  font-size: .75rem;
  font-weight: 100;
  color: rgba(255,255,255,.9);
}

/* 헤더 공지사항 */

.header-swiper .swiper-slide a {
  line-height: 24px !important;
}

.header-notice-wrap {
  width: 520px;
  display: flex;
  align-items: center;
  position: relative;
}

.header-notice-wrap h2 {
  color: #df4242;
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 15px;
  white-space: nowrap;
  display: flex;
}

.header-slide-wrap {
  height: 24px;
  display: flex;
  /* position: relative; */
}

.header-swiper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: static !important;
}

.header-swiper .swiper-wrapper {
	width:calc(100% - 80px);	
}

.header-swiper .swiper-slide {
  height: 24px !important;
}
.header-swiper .swiper-slide a {
	display: block;
	height: 100%;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	line-height: 24px !important;
}

.swiper-pagination-header {
  width: 50px !important;
  height: 50%;
  color: #df4242 !important;
  font-size: 0.875rem;
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
}

.header-slide-wrap-inner-right {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 80px;
  height: 24px;
}

.header-slide-wrap-inner-right .swiper-pagination {
	height:15px;
}

.swiper-button-prev-header,
.swiper-button-next-header,
.swiper-header-toggle {
	height: 24px;
  z-index: 9999;
  cursor: pointer;
}

.header-notice-btn-wrap {
  display: flex;
  gap: 5px;
}

@media (max-width: 1600px) {
    .header-top-inner {
        padding: 0 20px;
    }
}
@media (max-width: 1400px) {
    .header-notice-wrap {
      width: 420px;
    }
    .header-slide-wrap {
      width: 385px;
    }
}
@media (max-width: 1240px) {
    .header-top {
      display: none;
    }
}