@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%;
    max-width: 34.3rem;
    /* 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;
    margin: 0 auto;
}

.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__text--group {
    position: absolute;
    bottom: 2.4rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    white-space: nowrap;
    padding: 0 1.6rem;
    overflow: hidden;
}
.visual__main--swiper .visual__main--item .item__content .item__text--group.text--b {
    color: #222;
}
.visual__main--swiper .visual__main--item .item__content .item__text--group.text--w {
    color: #FFF;
}
.visual__main--swiper .visual__main--item .item__content .item__text--group .item__text--box {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.visual__main--swiper .visual__main--item .item__content .item__text--group .item__text--box .text--type-1,
.visual__main--swiper .visual__main--item .item__content .item__text--group .item__text--box .text--type-2 {
    font-size: 2.8rem;
    line-height: 1.28;
    font-weight: 700;
}
.visual__main--swiper .visual__main--item .item__content .item__text--group .item__text--box .text--type-3 {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1.6rem;
}

.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 .swiper-pagination {
    display: none;
}
.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;
    /* display: flex; */
}
.advertise--wrap .advertise__title-area .advertise__title .social--instagram {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .4rem;
    vertical-align: middle;
}
.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;
}

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

.insta--grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .9rem;
}

.insta--grid li {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: .4rem;
}

.insta--grid li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* 상품리스트 - 버튼(담기, 재입고) */
.advertise__list-item .advertise__list-item-button {
    display: flex;
    width: 100%;
    height: 3.2rem;
    margin-bottom: .8rem;
    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.3rem;
    gap: .4rem;
    align-items: center;
}
.advertise__list--time .advertise__list-item .advertise__list-item-time-txt {
    color: #FF3B00;
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.45;
}

.advertise__list--time .advertise__list-item .advertise__list-item-time-icon {
    width: 3.4rem;
    height: 3.4rem;
    background: url('../../images/icon/ico_time_red.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%;
}

/* 타임특가 */
.special__time-sale--wrap {
    background: #FFF1ED;
    padding-top: 2.4rem;
    padding-bottom: 1.6rem;
}
.special__time-sale--wrap .advertise__list--time .advertise__list-item .advertise__list-item-button {
    background: #FFF;
}

/* ==================== //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;
}