@charset "utf-8";


/* ==================== for PC ==================== */
body {
    background: #fff;
    /* background: #f3f3f3; */
    /* background: #929292; */
}
.wrap {
    width: 76.8rem;
    margin-left: auto;
    margin-right: auto;
    transition: none;
    background: #fff;
}

.header {
    width: 76.8rem;
    margin-left: auto;
    margin-right: auto;
    transition: none;
}

.banner__main--top {
    width: 100%;

}
.banner__main--top .banner__main--link {
    display: inline-block;
    width: 113rem;
    margin-left: auto;
    margin-right: auto;
    left: auto;
    padding: 0 1.6rem;
}



.nav__bottom,
.bottom__group.--fixed,
    /* .dialog__toast, */
.dialog__bottom,
.dialog--full,
.dialog--full .dialog__header {
    width: 76.8rem;
    margin-left: auto;
    margin-right: auto;
    left: auto; /* common에서 position이 fixed때문에 필요 */

    /* left: 50%;
    transform: translate(-50%, 0); */
}

.dialog__toast {
    width: 76.8rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.wrap.wjmk__main--home .dialog__toast {
    padding: 0;
}


/* custom scroll */
.os-scrollbar-handle {
    background: rgba(0,0,0,.32);
    border-radius: 4px;
}
.os-scrollbar-horizontal, .os-scrollbar-vertical {
    background: transparent;
}

/* ==================== 메인 홈 페이지 ==================== */
.wrap.wjmk__main--home {
    width: 100%;
    transition: none;
    background: #fff;
}

.wrap.wjmk__main--home .dialog__bottom,
.wrap.wjmk__main--home .dialog--full {
    width: 100%;
}

.wrap.wjmk__main--home .dialog__bottom .dialog__wrap,
.wrap.wjmk__main--home .dialog--full .dialog__wrap {
    width: 76.8rem;
}

.wrap.wjmk__main--home .visual__main--section {
    min-width: 76.8rem;
    margin-top: 15.3rem;
    padding-top: 1.6rem;
    padding-bottom: 4.8rem;
}
.wrap.wjmk__main--home.banner__top--on .visual__main--section {
    margin-top: 19.7rem;
}

.wrap.wjmk__main--home .label__link--wrap,
.wrap.wjmk__main--home .advertise--wrap,
.wrap.wjmk__main--home .sub__banner-wrap,
.wrap.wjmk__main--home footer {
    width: 76.8rem;
    margin-left: auto;
    margin-right: auto;
    transition: none;
    padding-left: 0;
    padding-right: 0;
}

.wrap.wjmk__main--home .nav__bottom {
    width: 100%;
}
.wrap.wjmk__main--home .nav__bottom ul {
    width: 76.8rem;
    margin-left: auto;
    margin-right: auto;
    left: auto;
}

/* position: fixed 인 영역 가운데 정렬 */
.wrap.wjmk__main--home .banner__main--top,
.wrap.wjmk__main--home .header,
.wrap.wjmk__main--home .nav__top,
.wrap.wjmk__main--home .nav__bottom {
    left: 0;
    right: 0;
}

.visual__main--article {
    max-width: 112.8rem;
    margin: 0 auto;
    height: 50rem;
    background: none;
}

.visual__main--swiper .swiper-wrapper {
    align-items: center;
}
.visual__main--swiper .swiper-slide {
    height: auto;
    flex: 0 0 auto;
}

.visual__main--swiper .visual__main--item {
    width: 34.3rem;
    opacity: 1;
    border-radius: 1.8rem;
    overflow: hidden;
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.00) 100%); */
    /* background: #F4F7FB; */
}

.visual__main--swiper .visual__main--item.swiper-slide {
    width: 34.3rem !important;
    height: 41.8rem !important;
    /* opacity: 0.6; */
    overflow: hidden;
}

.visual__main--swiper .visual__main--item.swiper-slide-active,
.visual__main--swiper .visual__main--item.swiper-slide-duplicate-active {
    transform: scale(1.196);
    transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
    border-radius: 2.4rem !important;
    opacity: 1;
    z-index: 2;
}

.header__aside-list.header__member.on {
    display: flex;
}

.wrap.wjmk__main--home .status__top {
    border-bottom: .1rem solid #ececec;
}

.banner__main--close {
    position: absolute;
    top: 1rem;
    right: 1.6rem;
}

.wrap.wjmk__main--home .header {
    width: 113rem;
    margin-top: 3.5rem;
    margin-bottom: 3rem;
}
.wrap.wjmk__main--home.banner__top--on .header {
    margin-top: 7.9rem;
}

.wrap.wjmk__main--home .nav__top {
    width: 113rem;
    margin-top: 10.9rem;
    margin-left: auto;
    margin-right: auto;
}
.wrap.wjmk__main--home.banner__top--on .nav__top {
    margin-top: 15.3rem;
}

.wrap.wjmk__main--home .gnb_slide {
    align-items: center;
}

.wrap.wjmk__main--home .gnb_slide .swiper-wrapper .swiper-slide {
    padding: 0 3.4rem;
}
.wrap.wjmk__main--home .gnb_slide .swiper-wrapper .swiper-slide.gnb_slide--home {
    padding: 0 3.4rem 0 0;
}

.visual__main--section .visual__main--pagination {
    display: none;
}

.visual__main--section .swiper-pagination {
    display: block;
    margin: 2.4rem auto 0;
}

.visual__main--section .swiper-pagination.swiper-pagination-progressbar {
    position: relative;
    width: 17.5rem;
    height: .2rem;
}

.visual__main--section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #222;
}

/* 타임특가 */
.special__time-sale--wrap {
    border-radius: 2rem;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* ==================== 카테고리 페이지 ==================== */
.category__top,
.tab__wrap,
.category__header {
    width: 76.8rem;
    margin: 0 auto;
    transition: none;
}

/*  웅진마켓 탭 좌측 메뉴  */
.category__list {
    left: calc(50% - (76.8rem / 2));
}

/*  브랜드 탭 우측 메뉴  */
.brand__nav-wrap {
    right: calc(50% - (76.8rem / 2));
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.brand__nav-wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

/* ==================== 장바구니 페이지 ==================== */
.cart__content-top {
    width: 76.8rem;
    margin: 0 auto;
    transition: none;
}

/* ==================== 오늘한컷 ==================== */
.todayscut_swiper_wrap .item_info_icon > button .icon {
    width: 2.4rem;
    height: 2.4rem;
    background-size: 2.4rem;
}
.todayscut_swiper_wrap .item_info_icon > button .txt {
    font-size: 2rem;
}
.todayscut_swiper_wrap .item_info .info_txt {
    padding: clamp(7.5px, 2vw, 15.36px);
    height: 40rem;
}
.todayscut__area .view_btn_wrap {
    top: 78.5%;
}
.todayscut_area_btn_wrap {
    top: 87.5%
}
.todayscut_area_btn_wrap .todayscut_area_btn {
    height: 10rem;
}
.todayscut_area_btn_wrap .todayscut_area_btn span {
    font-size: 2.8rem;
}

/* ==================== 회원가입 ==================== */
.login__contents {
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.login__contents::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

/* ==================== 리뷰 ==================== */
.photo-review__swiper-bottom {
    position: fixed;
    width: 76.8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/* ==================== 주문 상세 ==================== */
.delivery__progress-bar:after {
    width: calc((76.8rem - (4.8rem + 5rem)) / 3);
}

/* ==================== 검색 ==================== */
.search__suggestions {
    width: 76.8rem;
    margin: 0 auto;
}