@charset "utf-8";



/* ==================== main contents ==================== */
/* main visual */
.visual__main--section {
  position: relative;
  /* min-height: 54.8rem; */
  min-height: 55.6rem;
  padding: 2.4rem 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 1.6rem;
}
.visual__main--section .visual__main--bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* transition: opacity 0.8s ease;
  -webkit-transition: opacity 0.8s ease; */
}
.visual__main--section .visual__main--back.on {
  opacity: 1;
}
.banner__top--on .visual__main--section {
  min-height: 60rem;
  position: relative;
}
.visual__main--article {
  height: 41.8rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.00) 100%);
  border-radius: 1.8rem;
  overflow: hidden;
  z-index: 2;
}

.visual__main--swiper {
  display: block;
  width: 100%;
  height: 100%;
}
.visual__main--swiper .visual__main--item {
  opacity: 0;
}

.visual__main--swiper .visual__main--item .item__content {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.visual__main--swiper .visual__main--item .item__content .item__images {
  display: flex;
  height: 100%;
  text-align: center;
  justify-content: center;
  overflow: hidden;
}
.visual__main--swiper .visual__main--item .item__content .item__images img {
  width: auto;
  height: 100%;
  max-width: none;
}
.visual__main--swiper .visual__main--item .item__content .item__tit--area {
  position: absolute;
  left: 0;
  bottom: 1.6rem;
  width: 100%;
  color: #FFF;
  text-align: center;
  line-height: 1.5;
}
.visual__main--swiper .visual__main--item .item__content .item__tit--area .item__tit {
  font-size: 2.8rem;
  font-weight: 700;

}
.visual__main--swiper .visual__main--item .item__content .item__tit--area .item__tit-sub {
  font-size: 1.6rem;
  font-weight: 500;
}

.visual__main--section .visual__main--pagination {
  position: relative;
  width: 175px;
  height: 2px;
  margin: .8rem auto 0;
  background: rgba(9, 9, 9, 0.10);
  z-index: 2;
}
.visual__main--section .visual__main--pagination .swiper-scrollbar-drag {
  background-color: #222;
}


/* label list */
.label__link--wrap {
  padding: 0 1.6rem;
  margin-bottom: 4.8rem;
  overflow-x: auto;
}
.label__link--wrap::-webkit-scrollbar {
  display: none;
}
.label__link-list {
  display: flex;
  width: auto;
  max-width: 74.2rem;
}
.label__link-item {
  display: inline-block;
  width: auto;
  flex: 0 0 auto;
}
.label__link-item .label__link-button {
  color: #222;
  font-size: 1.4rem;
  line-height: 1.57;
  font-weight: 600;
  border-radius: 2rem;
  border: .1rem solid #ececec;
  display:inline-flex;
  align-items: center;
  padding: .4rem 1.6rem .4rem .4rem;
  margin-right: .8rem;
  margin-bottom: .8rem;
}
.label__link-item .label__link-button .label__link-img {
  position: relative;
  width: 3.2rem;
  height: 3.2rem;
  margin-right: .8rem;
  border-radius: 50%;
  overflow: hidden;
  background: #f4f7fb;
}
.label__link-item .label__link-button .label__link-img > img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%,-50%);
}

/* 상품 리스트 */
.advertise--wrap {
  padding: 0 1.6rem;
  margin-top: 4.8rem;
  overflow: hidden;
}
.advertise--wrap:last-of-type {
  margin-bottom: 4.8rem;
}
.advertise--wrap + .sub__banner-wrap {
  margin-top: 3.8rem;
}
.advertise--wrap .advertise__title-area {
  position: relative;
  padding-right: 5rem;
  margin-bottom: 1.6rem;
}
.advertise--wrap .advertise__title-area .advertise__title {
  margin-bottom: .4rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.33;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.advertise--wrap .advertise__title-area .advertise__title-sub {
  color: #999;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.57;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.advertise--wrap .advertise__title-area .advertise__title-link {
  position: absolute;
  right: 0;
  top: 0;
  color: #FF3B00;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.28;
}

/* 상품 리스트 공통 사항 */
/* 썸네일 */


/* 상품리스트 - 버튼(담기, 재입고) */
.advertise__list-item .advertise__list-item-button {
  display: flex;
  width: 100%;
  height: 3.2rem;
  margin-bottom: .5rem;
  border: 1px solid #DDE4ED;
  border-radius: .6rem;
  background: none;
  color: #222;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.57;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.advertise__list-item .advertise__list-item-button.add__cart--button > i {
  position: relative;
  top: -1px;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../../images/icon/ico_cart_s.svg);
}

/* 상품 이름 */
.advertise__list-item .advertise__list--name {
  margin-bottom: .6rem;
  color: #222;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.28;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.advertise__list-item .advertise__list--price {
  margin-bottom: .2rem;
  color: #c0c0c0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration-line: line-through;
}
.advertise__list-item .advertise__list--sale {
  display: flex;
  position: relative;
}
.advertise__list-item .item__hart-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../../images/icon/icon_zzim_default.svg);
}
.advertise__list-item .item__hart-button.--on {
  background: url(../../images/icon/icon_zzim_press.svg);
}
.advertise__list-item .advertise__list--sale-par {
  margin-right: .4rem;
  color: #FF3B00;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.57;
}
.advertise__list-item .advertise__list--sale-price {
  color: #222;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.57;
}
.advertise__list-item .advertise__list-point-wrap {
  display: flex;
  gap: .6rem;
}
.advertise__list-item .advertise__list-point {
  display: flex;
  color: #C0C0C0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5; /* 150% */
}
.advertise__list-item .advertise__list-point > i {
  width: 1.6rem;
  height: 1.6rem;
}
.advertise__list-item .advertise__list-point--m > i {
  background: url(../../images/icon/ico_mileage.svg);
}
.advertise__list-item .advertise__list-point--p > i {
  background: url(../../images/icon/ico_point.svg);
}

.advertise--wrap .advertise__list-visual {
  position: relative;
  display: flex;
  width: 100%;

  margin-bottom: 1.6rem;
  border-radius: 4px;
  overflow: hidden;
  flex-direction: column;
}
.advertise--wrap .advertise__list-visual-img {
  position: relative;
  display: flex;
  width: 100%;
  /* height: 23rem; */
  padding-bottom: 67.05%;
  text-align: center;
  background-color: #f4f7fb;
}
.advertise--wrap .advertise__list-visual-img .advertise__list-visual-img-layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
.advertise--wrap .advertise__list-visual-img .advertise__list-visual-img-layout > img {
  width: 100%;
}
.advertise--wrap .advertise__list-visual-img .video__box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: url('../../images/icon/ico_play.svg') top 40% center no-repeat;
}
.advertise--wrap .advertise__list-visual-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(12, 12, 12, 0.65) 24.94%, rgba(255, 255, 255, 0.00) 100%);
  z-index: 2;
}
.advertise--wrap .advertise__list-visual-img > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.advertise--wrap .advertise__list-visual-video {}
.advertise--wrap .advertise__list-visual-txt {
  position: absolute;
  left: 0;
  bottom: 1.2rem;
  padding: 0 1.6rem;
  width: 100%;
  color: #f4f7fb;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.28;
  z-index: 3;
}

.advertise__list--curation .advertise__list {
  display: flex;
  margin-bottom: 1.6rem;
  flex-direction: column;
  gap: 1.6rem;
}
.advertise__list--curation .advertise__list-item {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}
.advertise__list-row {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}
.advertise__list--curation .advertise__list-item-thumb {
  width: 6rem;
  height: 6.8rem;
  margin-right: .8rem;
}
.advertise__list--curation .advertise__list-info {
  display: flex;
  flex: 1 0;
}
.advertise__list--left-box {
  flex: 1 0;
}
.advertise__list--left-box .advertise__list--name {
  margin-bottom: 0.8em;
}
.advertise__list--curation .advertise__list--left-box .advertise__list--sale {
  padding-right: 0;
}
.advertise__list--curation .advertise__list--left-box .advertise__list--sale .advertise__list--sale-par {
  margin-right: .2rem;
}
.advertise__list--right-box {
  display: flex;
  flex-flow: column;
  flex: 0 0 5.6rem;
  margin-left: 2rem;
  align-items: center;
  justify-content: flex-start;
}
.advertise__list--right-box .item__hart-button {
  position: relative;
}
.advertise__list--curation .advertise__list-item-review {
  display: block;
  width: 100%;
  padding-top: 1.6rem;
  color: #222;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.28;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.advertise__list--curation .advertise__list--sale {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 4rem;
  flex-wrap: wrap;
}
.advertise__list--curation .advertise__list--sale .advertise__list--price {
  margin-left: 0.8rem;
}
.advertise__list--curation .advertise__list-item-button {
  margin-bottom: 1.2rem;
}
.advertise__list-container .advertise__list-more-button {
  display: flex;
  width: 100%;
  height: 4.2rem;
  border: 1px solid #DDE4ED;
  border-radius: .6rem;
  background: none;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.advertise__list-container .advertise__list-more-button > span {
  color: #222;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.57; /* 157.143% */
}
.advertise__list--time .advertise__list {
  display: flex;
  flex-flow: column;
  gap: 2.4rem;
}
.advertise__list--time .advertise__list-item {
  position: relative;
  display: flex;
  gap: 12px;
  padding-bottom: 5.6rem;
}
.advertise__list--time .advertise__list-item .advertise__list-item-thumb {
  width: 12rem;
  height: 13.6rem;
}
.advertise__list--time .advertise__list-item .advertise__list-info {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  flex:1;
}
.advertise__list--time .advertise__list-item .advertise__list-item-button {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4.2rem;
}
.advertise__list--time .advertise__list-item .advertise__list-item-time-row {
  display: flex;
  margin-bottom: 1.6rem;
  gap: .4rem;
}
.advertise__list--time .advertise__list-item .advertise__list-item-time-txt {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5; /* 150% */
}

.advertise__list--time .advertise__list-item .advertise__list-item-time-icon {
  width: 2.4rem;
  height: 2.4rem;
  background: url('../../images/icon/ico_time.svg');
}
.advertise__list--time .advertise__list-item .advertise__list-item-title {
  display: block;
  width: 100%;
  margin-bottom: .8rem;
  color: #222;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.57; /* 157.143% */
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.advertise__list--time .advertise__list-item .advertise__list--sale {
  display: flex;
  flex-wrap: wrap;
  padding-right: 2.4rem;
  align-items: center;
}
.advertise__list--time .advertise__list-item .advertise__list--sale .advertise__list--sale-par {
  margin-right: .2rem;
}
.advertise__list--time .advertise__list-item .advertise__list--sale .advertise__list--sale-price {
  margin-right: .8rem;
}

.accordion__wrap .accordion__list {
  display: flex;
  flex-flow: column;
  gap:.8rem;
}
.accordion__wrap .accordion__list .accordion__list-item .accordion__list-item-button {
  display: flex;
  width: 100%;
  padding: .8rem 0;
  background-color: #fff;
  border-top: 1px solid #E3E6F1;
  justify-content: space-between;
  align-items: center;
}
.accordion__wrap .accordion__list .accordion__list-item .accordion__list-item-button .accordion__list-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.accordion__wrap .accordion__list .accordion__list-item .accordion__list-item-button .accordion__list-item-arrow {
  flex-shrink: 0;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../../images/icon/ico_arrow_down.svg);
}
.accordion__wrap .accordion__list .accordion__list-item .accordion__list-item-button.--active .accordion__list-item-arrow {
  transform: rotate(180deg);
}
.accordion__wrap .accordion__list .accordion__list-content {
  display: none;
  margin-top: .8rem;
}
.accordion__wrap .accordion__list .accordion__list-content.--active {
  display: block;
}


.advertise__market-tv-list {
  display: flex;
  flex-flow: column;
  gap: 2.4rem;
}
.advertise__market-tv-item {
  display: flex;
  flex-flow: column;
}
.advertise__market-tv-item .advertise__market-tv-img {
  position: relative;
  display: block;
  width: 100%;
  height: 20rem;
  text-align: center;
  margin-bottom: 1.6rem;
  border-radius: 4px;
  background-color: #f4f7fb;
  overflow: hidden;
}
.advertise__market-tv-item .advertise__market-tv-img > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  height: 100%;
}
.advertise__market-tv-item .advertise__market-tv-img .video__box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: url(../../images/icon/ico_play.svg) top 40% center no-repeat;
}
.video__box .video__box-layout > iframe {
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;

}
.advertise__market-tv-item .advertise__market-tv-tit {
  margin-bottom: 0.8rem;
  color: #222;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.33;
}
.advertise__market-tv-item .advertise__market-tv-tit-sub {
  margin-bottom: 1.6rem;
  color: #222;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.28;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.advertise__market-tv-item .advertise__market-tv-btn {
  display: flex;
  width: 100%;
  height: 4.4rem;
  margin-bottom: .5rem;
  border: 1px solid #DDE4ED;
  border-radius: .6rem;
  background: none;
  color: #222;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.57;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.advertise__market-tv-item .advertise__market-tv-btn > i {
  position: relative;
  top: -1px;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../../images/icon/ico_cart_s.svg);
}
.advertise__list-youtube-vis {
  position: relative;
  display: flex;
  width: 100%;
  margin-bottom: 1.6rem;
  border-radius: 4px;
  overflow: hidden;
  flex-direction: column;
}
.advertise__list-youtube {
  position: relative;
  display: flex;
  width: 100%;
  /* height: 20rem; */
  padding-bottom: 58.3%;
  background-color: #f4f7fb;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6rem;
}
.advertise__list-youtube > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.advertise__list-youtube-txt {
  color: #222;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.285;
  margin-bottom: 1.6rem;
}

/* 서브배너 */
.sub__banner-wrap {
  position: relative;
  width: 100%;
  margin-bottom: 3.6rem;
  padding: 0 1.6rem;
  overflow: hidden;
}
.sub__banner-wrap.swiper-disabled .swiper-wrapper {
  justify-content: center;
}
.sub__banner-swiper {
  position: relative;
}
.sub__banner-page {
  position: absolute;
  right: 6.4%;
  top: .8rem;
  bottom: auto;
  left: auto;
  display: inline-block;
  width: auto;
  padding: .2rem .8rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 10px;
  background: rgba(4, 4, 4, 0.70);
  z-index: 2;
}
.sub__banner-item {
  /* width: 92.14%; */
  /* width: calc(100% - 3.2rem);
  margin: 0 0.4rem; */
  border-radius: 10px;
  overflow: hidden;
}
.sub__banner-link {
  display: flex;
  width: 100%;
}
.sub__banner-img {
  width: 100%;
}
/* ==================== //main contents ==================== */

body.fixed .status__top {}
body.fixed .wjmk__main--home.top--fix .header .wjmk__logo{
  background: url(../../images/logo/bi_market_color.svg) no-repeat center center / 9.8rem 2.8rem;
}
body.fixed.scrollDown .wjmk__main--home .header {
  top: -20rem;
  transition: none;
  -webkit-transition: none;
}
body.fixed.scrollDown .wjmk__main--home .nav__top {
  top: -20rem;
  transition: none;
  -webkit-transition: none;
}