@charset "UTF-8";
@import '../../common/css/font.css';
/*아이폰 노치 안전영역 체크*/
@import '../../common/css/siv/style.css';

:root {
    --safeBtm: var(--safe-bottom, env(safe-area-inset-bottom, 0px));
}

body {
    padding: 0 0 var(--safeBtm);
    height: auto;
    outline: none;
    /*모바일 브라우저 로딩시 첫 가로스크롤 보였다 없어짐 방지*/
    overflow-x: hidden;
}

.noneScroll body {
    overflow: visible;
}

/*
=======================================
 리셋
=======================================
*/
.jj_textarea textarea,
.jj_input[type=checkbox],
.jj_input[type=text],
.jj_input[type=password],
.jj_input[type=number],
.jj_input[type=submit],
.jj_input[type=search],
.jj_input[type=tel],
.jj_input[type=email],
.jj_input[type=button],
.jj_input[type=reset],
.jj_input[type=url],
.jj_select {
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: transparent;
    resize: none;
    letter-spacing: normal;
    font-size: 14px;
    outline: none;
}

.jj_textarea textarea:focus,
.jj_input[type=checkbox]:focus,
.jj_input[type=text]:focus,
.jj_input[type=password]:focus,
.jj_input[type=number]:focus,
.jj_input[type=submit]:focus,
.jj_input[type=search]:focus,
.jj_input[type=tel]:focus,
.jj_input[type=email]:focus,
.jj_input[type=button]:focus,
.jj_input[type=reset]:focus,
.jj_input[type=url]:focus,
.jj_select:focus {
    outline: none;
}

.jj_textarea textarea::-webkit-input-placeholder, .jj_textarea textarea::placeholder,
.jj_input[type=checkbox]::-webkit-input-placeholder,
.jj_input[type=checkbox]::placeholder,
.jj_input[type=text]::-webkit-input-placeholder,
.jj_input[type=text]::placeholder,
.jj_input[type=password]::-webkit-input-placeholder,
.jj_input[type=password]::placeholder,
.jj_input[type=number]::-webkit-input-placeholder,
.jj_input[type=number]::placeholder,
.jj_input[type=submit]::-webkit-input-placeholder,
.jj_input[type=submit]::placeholder,
.jj_input[type=search]::-webkit-input-placeholder,
.jj_input[type=search]::placeholder,
.jj_input[type=tel]::-webkit-input-placeholder,
.jj_input[type=tel]::placeholder,
.jj_input[type=email]::-webkit-input-placeholder,
.jj_input[type=email]::placeholder,
.jj_input[type=button]::-webkit-input-placeholder,
.jj_input[type=button]::placeholder,
.jj_input[type=reset]::-webkit-input-placeholder,
.jj_input[type=reset]::placeholder,
.jj_input[type=url]::-webkit-input-placeholder,
.jj_input[type=url]::placeholder,
.jj_select::-webkit-input-placeholder,
.jj_select::placeholder {
    color: #999 !important;
}

.jj_input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

[class^=jj_] {
    letter-spacing: normal;
}

[class^=jj_] label {
    display: inline-block;
    position: relative;
}

[class^=jj_] * {
    letter-spacing: normal;
}

div[id^=ai_],
div[class^=area],
.ee_rel-box {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

ul li:empty:first-child {
    border: none;
    padding: 0;
}

ul li:empty:first-child + li {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}

ul li:empty {
    border: none;
    padding: 0;
}

ul li:empty + li {
    margin-top: 0;
    padding-top: 0;
}

.jj_header-wrap ~ .contents.mys {
    height: auto;
}

.siv-container.ScrollEl #jj_container,
.siv-container.ScrollEl footer {
    display: none;
}

.jj_header-wrap ~ .contents .wrap.disp {
    padding-top: 0;
}

.closelyr {
    background: none;
}

.searchLyr[style*="display: block"] ~ #ee_container {
    display: none;
}

/* ============== end 리셋 ============== */
/*
=======================================
 swiper
=======================================
*/
:root {
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
}

.jj_btn-top {
    position: fixed;
    bottom: 16px;
    right: 15px;
    z-index: 300;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #ffffff url(../../../assets/common/image/icons/48x48/ico-common-48-top-button.svg) center center no-repeat;
    font-size: 0;
    opacity: 0;
    transition: all 0.3s;
    transform: translateY(50px);
}

.jj_btn-top.on {
    opacity: 1;
    transform: translateY(0);
}

.jj_btn-top-wrap {
    display: flex;
    justify-content: center;
    position: fixed;
    right: 13px;
    bottom: 16px;
    z-index: -1;
    width: 48px;
    opacity: 0;
    transition: all 0.3s;
    transform: translateY(50px);
}

.jj_btn-top-wrap.on {
    opacity: 1;
    transform: translateY(0);
    z-index: 300;
}

.jj_btn-top-wrap .jj_btn-top {
    position: static;
    opacity: 1;
    transform: translateY(0);
}

.jj_swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    /* Scrollbar */
}

.jj_swiper-container.jj_swiper-grid .swiper-wrapper {
    display: block;
}

.jj_swiper-container .swiper-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    overflow: visible;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
}

.jj_swiper-container .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.jj_swiper-container .swiper-slide.jj_video-btn {
    position: relative;
}

.jj_swiper-container .swiper-slide.jj_video-btn::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
}

.jj_swiper-container .swiper-slide.jj_video-btn::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 20px;
    height: 20px;
    background: url(../../common/image/icons/20x20/ico-common-20-play-white.svg) center center no-repeat;
    transform: translate(-50%, -50%);
}

.jj_swiper-container .swiper-slide-invisible-blank {
    visibility: hidden;
}

.jj_swiper-container .swiper-button-prev,
.jj_swiper-container .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2);
}

.jj_swiper-container .swiper-button-prev.swiper-button-disabled,
.jj_swiper-container .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.jj_swiper-container .swiper-button-prev:after,
.jj_swiper-container .swiper-button-next:after {
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.jj_swiper-container .swiper-button-prev,
.jj_swiper-container .swiper-container-rtl .swiper-button-next {
    left: 0;
    right: auto;
}

.jj_swiper-container .swiper-button-prev:after,
.jj_swiper-container .swiper-container-rtl .swiper-button-next:after {
    content: "";
    background: url(../../common/image/icons/32x32/ico-common-arrow-a-back.svg) center center/cover no-repeat;
}

.jj_swiper-container .swiper-button-next,
.jj_swiper-container .swiper-container-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}

.jj_swiper-container .swiper-button-next:after,
.jj_swiper-container .swiper-container-rtl .swiper-button-prev:after {
    content: "";
    background: url(../../common/image/icons/32x32/ico-common-arrow-a-right.svg) center center/cover no-repeat;
}

.jj_swiper-container .swiper-button-prev.swiper-button-white,
.jj_swiper-container .swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.jj_swiper-container .swiper-button-prev.swiper-button-black,
.jj_swiper-container .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.jj_swiper-container .swiper-button-lock {
    display: none;
}

.jj_swiper-container .swiper-pagination {
    position: relative;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    font-size: 0;
    margin-top: 20px;
}

.jj_swiper-container .swiper-pagination.swiper-pagination-bullets {
    bottom: 0;
    padding-bottom: 30px;
}

.jj_swiper-container .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.jj_swiper-container .swiper-pagination-fraction,
.jj_swiper-container .swiper-pagination-custom,
.jj_swiper-container .swiper-container-horizontal > .swiper-pagination-bullets {
    left: 0;
    width: 100%;
}

.jj_swiper-container .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.jj_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.jj_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.jj_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.jj_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.jj_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.jj_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.jj_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.jj_swiper-container .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    background: #ccc;
}

.jj_swiper-container .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 5px;
}

.jj_swiper-container button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.jj_swiper-container .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.jj_swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #222;
}

.jj_swiper-container .swiper-pagination-progressbar {
    margin-top: 0;
    width: 100%;
    height: 1px;
    left: 0;
    position: relative;
    background: #eee;
}

.jj_swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #555;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.jj_swiper-container .swiper-scrollbar {
    position: relative;
    -ms-touch-action: none;
    background: #eee;
}

.jj_swiper-container.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 0;
    z-index: 50;
    height: 1px;
    width: 98%;
}

.jj_swiper-container.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.jj_swiper-container .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #555;
    left: 0;
    top: 0;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.jj_swiper-container .swiper-pagination,
.jj_swiper-container .swiper-button-next,
.jj_swiper-container .swiper-button-prev {
    display: none;
}

.jj_swiper-container.applied-swiper .swiper-pagination {
    display: block;
}

.jj_swiper-container.applied-swiper .swiper-button-next,
.jj_swiper-container.applied-swiper .swiper-button-prev {
    display: flex;
}

/* 커스텀 스와이퍼 페이징 */
.jj_swiper-container[data-swipertype=ty4] .swiper-pagination-custom {
    position: absolute;
    margin-top: 0;
    bottom: 16px;
}

.jj_swiper-container[data-swipertype=ty4] .swiper-pagination-custom .jj_paging {
    display: inline-flex;
    box-sizing: border-box;
    padding: 0 13px;
    height: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    color: #ffffff;
    font-size: 12px;
}

.jj_swiper-container[data-swipertype=ty4] .swiper-pagination-custom .jj_paging .jj_current {
    font-weight: 500;
}

.jj_swiper-container[data-swipertype=ty4] .swiper-pagination-custom .jj_paging .jj_total {
    display: inline-flex;
    align-items: center;
}

.jj_swiper-container[data-swipertype=ty4] .swiper-pagination-custom .jj_paging .jj_total::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 20px;
    margin: 0 2px;
    background: url(../../common/image/icons/etc/ico-common-20-paging-line.svg) 0 0/cover no-repeat;
}

.jj_swiper-container[data-swipertype=ty4] .swiper-pagination-custom .jj_paging .jj_total span {
    opacity: 0.8;
}

/* 메인 특가찬스 스와이퍼 */
.jj_swiper-container[data-swipertype=ty14] .swiper-slide {
    width: clamp(258px, 68.8vw, 516px);
    transform: scale(0.899224);
    transition: transform 200ms cubic-bezier(0.45, 0.04, 0.58, 1);
}

.jj_swiper-container[data-swipertype=ty14] .swiper-slide .jj_thum {
    position: relative;
}

.jj_swiper-container[data-swipertype=ty14] .swiper-slide .jj_thum .jj_goods-bedge {
    position: absolute;
    left: 0;
    top: 0;
}

.jj_swiper-container[data-swipertype=ty14] .swiper-slide .jj_thum .jj_goods-bedge-rate {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #131922;
}

.jj_swiper-container[data-swipertype=ty14] .swiper-slide-active {
    transform: scale(1);
}

/* 메인 비디오 영역 상품 스와이퍼 */
.jj_swiper-container[data-swipertype=ty15] {
    margin: 0 -15px;
    padding-bottom: 20px;
}

.jj_swiper-container[data-swipertype=ty15] .swiper-slide {
    width: 16.5333333333%;
    aspect-ratio: 0.67/1;
}

.jj_swiper-container[data-swipertype=ty15] .swiper-slide .jj_thum {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.jj_swiper-container[data-swipertype=ty15] .swiper-scrollbar {
    width: 50%;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    background: #eee;
}

.jj_swiper-container[data-swipertype=ty15] .swiper-wrapper.swiper-no-swiping + .swiper-scrollbar {
    display: none;
}

.jj_swiper-container.applied-swiper .swiper-wrapper {
    opacity: 1;
}

.jj_swiper-container .swiper-wrapper {
    opacity: 0;
}

.jj_swiper-container .swiper-wrapper .swiper-slide .jj_goods-grid.jj_col2 .jj_goods {
    min-height: 64.4vw;
}

/*개발 요청 ai 리뷰 스와이퍼 넘겼을때 높이값 상이해보이는거 min-height로 처리*/
#ai_review .jj_swiper-container .swiper-wrapper .swiper-slide .jj_goods-grid.jj_col2 .jj_goods {
    min-height: 70vw;
}

div[data-modalid] .jj_swiper-container .swiper-wrapper {
    opacity: 1;
}

/* ============== end swiper ============== */
/*
=======================================
 폰트 컬러
=======================================
*/
.jj_color-222222 {
    color: #222;
}

.jj_color-555555 {
    color: #555;
}

.jj_color-777777 {
    color: #777;
}

.jj_color-FF5432 {
    color: #ff5432;
}

.jj_color-5952ae {
    color: #5952ae;
}

.jj_color-d10011 {
    color: #d10011;
}

/* ============== end 폰트 컬러 ============== */
/*
=======================================
 간격
=======================================
*/
.jj_mt0 {
    margin-top: 0;
}

.jj_mt5 {
    margin-top: 5px;
}

.jj_mt6 {
    margin-top: 6px;
}

.jj_mt10 {
    margin-top: 10px;
}

.jj_mt13 {
    margin-top: 13px;
}

.jj_mt15 {
    margin-top: 15px;
}

.jj_mt16 {
    margin-top: 16px;
}

.jj_mt20 {
    margin-top: 20px;
}

.jj_mt22 {
    margin-top: 20px;
}

.jj_mt25 {
    margin-top: 25px;
}

.jj_mt30 {
    margin-top: 30px;
}

.jj_mt38 {
    margin-top: 38px;
}

.jj_mt40 {
    margin-top: 40px;
}

.jj_mt60 {
    margin-top: 60px;
}

.jj_mb10 {
    margin-bottom: 10px;
}

.jj_ml0 {
    margin-left: 0;
}

.jj_ml5 {
    margin-left: 5px;
}

.jj_pt0 {
    padding-top: 0;
}

.jj_pt20 {
    padding-top: 20px;
}

.jj_pr15 {
    padding-right: 15px;
}

.jj_pb20 {
    padding-bottom: 20px;
}

.jj_pb30 {
    padding-bottom: 30px;
}

.jj_pb60 {
    padding-bottom: 60px;
}

/* ============== end 간격 ============== */
/*
=======================================
 터치 영역
=======================================
*/
[class*=jj_area10] {
    width: 10px;
    height: 10px;
}

[class*=jj_area12] {
    width: 12px;
    height: 12px;
}

[class*=jj_area14] {
    width: 14px;
    height: 14px;
}

[class*=jj_area15] {
    width: 15px;
    height: 15px;
}

[class*=jj_area16] {
    width: 16px;
    height: 16px;
}

[class*=jj_area20] {
    width: 20px;
    height: 20px;
}

[class*=jj_area24] {
    width: 24px;
    height: 24px;
}

[class*=jj_area30] {
    width: 30px;
    height: 30px;
}

[class*=jj_area32] {
    width: 32px;
    height: 32px;
}

[class*=jj_area44] {
    width: 44px;
    height: 44px;
}

/* ============== end 터치 영역 ============== */
.jj_show {
    display: block;
}

.jj_show.jj_quantity {
    display: flex;
}

/*
=======================================
 폼요소A
=======================================
*/
.jj_search-box {
    position: relative;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding-right: 67px;
    border-bottom: 1px solid #222;
}

.jj_search-box .jj_input {
    font-size: 14px;
    color: #222;
}

.jj_search-box .jj_input.on + .jj_btn-del {
    display: inline-block;
    width: auto;
}

.jj_search-box .jj_btn-del {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 37px;
    padding: 5px;
    display: none;
    z-index: 1;
}

.jj_search-box .jj_btn-del .jj_icon-delete.jj_area20 {
    background: url(../../common/image/icons/20x20/ico-input-delete.svg) center center/cover no-repeat;
}

.jj_search-box .jj_btn-search {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    width: 32px;
    height: 32px;
    margin: 0;
}

.jj_input-comp {
    display: flex;
    width: 100%;
}

.jj_input-comp + .jj_input-comp {
    margin-top: 10px;
}

.jj_input-comp + [class*=jj_tit] {
    margin-top: 40px;
}

.jj_input-comp .jj_col {
    flex: 1;
}

.jj_input-comp .jj_col .jj_input-desc {
    display: none;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.4;
}

.jj_input-comp .jj_col + .jj_col {
    margin-left: 15px;
}

.jj_input-comp.jj_gap-5 .col + .col {
    margin-left: 5px;
}

.jj_input-comp .jj_label {
    display: block;
    height: 19px;
    line-height: 19px;
    font-size: 13px;
    color: #555;
}

.jj_input-comp .jj_label + .jj_row {
    margin-top: 5px;
}

.jj_input-comp .jj_row {
    display: inline-flex;
    width: 100%;
    align-items: flex-end;
}

.jj_input-comp .jj_row [class^=btn] {
    height: 34px;
    width: 80px;
    font-size: 11px;
    border-radius: 2px;
    margin-left: 10px;
}

.jj_input-comp .jj_row.jj_half {
    display: flex;
    flex-wrap: wrap;
}

.jj_input-comp .jj_row.jj_half > * {
    width: 50%;
}

.jj_input-text {
    position: relative;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    flex: 1;
    /* 인풋 삭제 버튼 */
}

.jj_input-text input[type=email],
.jj_input-text input[type=tel],
.jj_input-text input[type=number],
.jj_input-text input[type=password],
.jj_input-text input[type=text] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-right: 20px;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #000;
}

.jj_input-text input[type=email]::-webkit-input-placeholder, .jj_input-text input[type=email]::placeholder,
.jj_input-text input[type=tel]::-webkit-input-placeholder,
.jj_input-text input[type=tel]::placeholder,
.jj_input-text input[type=number]::-webkit-input-placeholder,
.jj_input-text input[type=number]::placeholder,
.jj_input-text input[type=password]::-webkit-input-placeholder,
.jj_input-text input[type=password]::placeholder,
.jj_input-text input[type=text]::-webkit-input-placeholder,
.jj_input-text input[type=text]::placeholder {
    color: #999;
}

.jj_input-text input[type=email]:focus,
.jj_input-text input[type=tel]:focus,
.jj_input-text input[type=number]:focus,
.jj_input-text input[type=password]:focus,
.jj_input-text input[type=text]:focus {
    border-color: #ff5432;
}

.jj_input-text input[type=email]:focus + .jj_del,
.jj_input-text input[type=tel]:focus + .jj_del,
.jj_input-text input[type=number]:focus + .jj_del,
.jj_input-text input[type=password]:focus + .jj_del,
.jj_input-text input[type=text]:focus + .jj_del {
    display: block;
}

.jj_input-text input[type=email]:disabled,
.jj_input-text input[type=tel]:disabled,
.jj_input-text input[type=number]:disabled,
.jj_input-text input[type=password]:disabled,
.jj_input-text input[type=text]:disabled {
    opacity: 1;
    color: #aaa;
    -webkit-text-fill-color: #aaa;
    -webkit-opacity: 1;
}

.jj_input-text button.jj_del {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: none;
    width: 20px;
    height: 20px;
    font-size: 0;
    background: url(../../common/image/icons/20x20/ico_input_delete.svg) 50% 50%/contain no-repeat;
}

.jj_fake-input {
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
}

.jj_fake-input .jj_input {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    align-items: center;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #000;
}

.jj_fake-input .jj_disabled {
    opacity: 1;
    color: #999;
}

.jj_input[type=radio],
.jj_input[type=checkbox] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    opacity: 0;
}

.jj_input[type=radio] + span,
.jj_input[type=checkbox] + span {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    box-sizing: content-box;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    color: #777;
}

.jj_input[type=radio] + span::before,
.jj_input[type=checkbox] + span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    padding: 0;
    vertical-align: middle;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}

.jj_input[type=radio]:checked + span,
.jj_input[type=checkbox]:checked + span {
    font-weight: 700;
    color: #222;
}

.jj_input[type=radio].jj_has-subtxt + span,
.jj_input[type=checkbox].jj_has-subtxt + span {
    padding: 1px 0 1px 30px;
}

.jj_input[type=radio].jj_has-subtxt + span .jj_subtxt,
.jj_input[type=checkbox].jj_has-subtxt + span .jj_subtxt {
    display: block;
    margin: 3px 0 0;
    font-size: 11px;
    line-height: 17px;
    color: #999;
}

.jj_input[type=radio].jj_has-subtxt + span::before,
.jj_input[type=checkbox].jj_has-subtxt + span::before {
    top: 0;
    transform: translate(0, 0);
}

.jj_input[type=radio].jj_size12 + span,
.jj_input[type=checkbox].jj_size12 + span {
    font-size: 12px;
}

.jj_input[type=radio].jj_boxwrap + span,
.jj_input[type=checkbox].jj_boxwrap + span {
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 15px 20px 15px 55px;
    transition: all 0.3s;
}

.jj_input[type=radio].jj_boxwrap + span::before,
.jj_input[type=checkbox].jj_boxwrap + span::before {
    left: 20px;
    transition: all 0.3s;
}

.jj_input[type=radio].jj_boxwrap + span .jj_tit,
.jj_input[type=checkbox].jj_boxwrap + span .jj_tit {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.jj_input[type=radio].jj_boxwrap + span .jj_desc,
.jj_input[type=checkbox].jj_boxwrap + span .jj_desc {
    display: block;
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.jj_input[type=radio].jj_boxwrap + span .jj_info,
.jj_input[type=checkbox].jj_boxwrap + span .jj_info {
    margin: 7px 0 0;
    font-size: 0;
}

.jj_input[type=radio].jj_boxwrap + span .jj_info li,
.jj_input[type=checkbox].jj_boxwrap + span .jj_info li {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.jj_input[type=radio].jj_boxwrap + span .jj_info li + li,
.jj_input[type=checkbox].jj_boxwrap + span .jj_info li + li {
    position: relative;
    margin: 0 0 0 21px;
}

.jj_input[type=radio].jj_boxwrap + span .jj_info li + li::before,
.jj_input[type=checkbox].jj_boxwrap + span .jj_info li + li::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 1px;
    height: 10px;
    background: #ddd;
    transform: translateY(-50%);
}

.jj_input[type=radio].jj_boxwrap:checked + span,
.jj_input[type=checkbox].jj_boxwrap:checked + span {
    border-color: #222;
}

.jj_input[type=radio].jj_boxwrap ~ .jj_btn-del,
.jj_input[type=checkbox].jj_boxwrap ~ .jj_btn-del {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: url(../../common/image/icons/20x20/ico-common-20-menu-close.svg) center center no-repeat;
    z-index: 1;
}

/* 체크박스 */
.jj_input[type=checkbox] + span::before {
    background-image: url(../../common/image/icons/20x20/ico-common-20-check-off.svg);
}

.jj_input[type=checkbox]:checked + span::before {
    background-image: url(../../common/image/icons/20x20/ico-common-20-check-on.svg);
}

.jj_input[type=checkbox]:disabled + span::before {
    background-image: url(../../common/image/icons/20x20/ico-common-20-check-disabled.svg);
}

.jj_input[type=checkbox].ty2 + span {
    font-size: 0;
    text-indent: -9999px;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    padding: 10px 10px 10px 0;
}

.jj_input[type=checkbox].ty2 + span::before {
    left: 0;
}

.jj_input[type=checkbox].ty3 + span {
    max-width: calc(100% - 29px);
    padding: 2px 0 2px 29px;
}

.jj_input[type=checkbox].ty3 + span::before {
    width: 24px;
    height: 24px;
    background: url(../../common/image/icons/24x24/ico-common-24-check-gray.svg) center center no-repeat;
}

.jj_input[type=checkbox].ty3 + span .jj_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    width: 100%;
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.jj_input[type=checkbox].ty3 + span .jj_subtxt {
    display: block;
    margin: 1px 0 0;
    font-size: 11px;
    line-height: 17px;
    color: #777;
}

.jj_input[type=checkbox].ty3:checked + span::before {
    background: url(../../common/image/icons/24x24/ico-common-24-check-black.svg) center center no-repeat;
}

.jj_input[type=checkbox].ty4 + span {
    padding: 3px 0 3px 24px;
    font-size: 13px;
    line-height: 18px;
    color: #777;
}

.jj_input[type=checkbox].ty4 + span::before {
    width: 24px;
    height: 24px;
    background: url(../../common/image/icons/24x24/ico-common-24-check-gray.svg) center center no-repeat;
}

.jj_input[type=checkbox].ty4:checked + span {
    font-weight: 500;
    color: #222;
}

.jj_input[type=checkbox].ty4:checked + span::before {
    background: url(../../common/image/icons/24x24/ico-common-24-check-black.svg) center center no-repeat;
}

.jj_input[type=checkbox].ty5 + span {
    padding: 6px 0 6px 29px;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.jj_input[type=checkbox].ty5 + span::before {
    width: 24px;
    height: 24px;
    background: url(../../common/image/icons/24x24/ico-common-24-check-gray.svg) center center no-repeat;
}

.jj_input[type=checkbox].ty5:checked + span::before {
    background: url(../../common/image/icons/24x24/ico-common-24-check-black.svg) center center no-repeat;
}

/* 라디오 버튼 */
.jj_input[type=radio] + span::before {
    background-image: url(../../common/image/icons/20x20/ico-common-20-radio-off.svg);
}

.jj_input[type=radio]:checked + span::before {
    background-image: url(../../common/image/icons/20x20/ico-common-20-radio-on.svg);
}

.jj_input[type=radio].ty2 + span {
    padding: 2px 0 2px 29px;
}

.jj_input[type=radio].ty2 + span::before {
    width: 24px;
    height: 24px;
    background: url(../../common/image/icons/24x24/ico-common-24-radio-off.svg) center center no-repeat;
}

.jj_input[type=radio].ty2 + span .jj_tit {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.jj_input[type=radio].ty2 + span .jj_subtxt {
    display: block;
    margin: 1px 0 0;
    font-size: 11px;
    line-height: 17px;
    color: #777;
}

.jj_input[type=radio].ty2:checked + span::before {
    background: url(../../common/image/icons/24x24/ico-common-24-radio-on.svg) center center no-repeat;
}

.jj_input[type=radio].ty3 + span {
    padding: 6px 0 6px 29px;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.jj_input[type=radio].ty3 + span::before {
    width: 24px;
    height: 24px;
    background: url(../../common/image/icons/24x24/ico-common-24-radio-off.svg) center center no-repeat;
}

.jj_input[type=radio].ty3:checked + span::before {
    background: url(../../common/image/icons/24x24/ico-common-24-radio-on.svg) center center no-repeat;
}

.jj_input-link {
    display: block;
}

.jj_input-link > span {
    box-sizing: border-box;
    width: 100%;
    padding-right: 30px;
}

.jj_input-link button,
.jj_input-link a {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    transform: translateY(-50%);
}

.jj_input-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #ffffff;
}

.jj_input-btn .jj_input[type=checkbox].ty4 + span {
    display: flex;
    align-items: center;
    position: static;
    padding: 0;
}

.jj_input-btn .jj_input[type=checkbox].ty4 + span::before {
    position: relative;
    transform: none;
}

.jj_input-btn .jj_input[type=checkbox].ty4:checked + span::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #222;
    border-radius: 3px;
}

label[class*=jj_area] {
    position: relative;
    display: inline-block;
}

label[class*=jj_area] .jj_input + span {
    font-size: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

label[class*=jj_area] .jj_input + span::before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* 셀렉트 박스 */
.jj_select {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #ffffff url(../../common/image/icons/30x30/ico-common-30-arrow-down.svg) right 5px center no-repeat;
    /*
    ** 커스텀 셀렉트 박스를 위해 .jj_select 클래스 안에 있는 select는 모두 disabled처리해야해서
    ** disabled이지만 정상적으로 보이게 스타일을 설정하였음
    */
}

.jj_select:invalid {
    color: red;
}

.jj_select.jj_disabled select:disabled {
    background: #f7f7f7;
    color: #ccc;
}

.jj_select select {
    border: none;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: 0 45px 0 15px;
    outline: none;
    color: #999;
}

.jj_select select.on {
    color: #333;
}

.jj_select select:disabled {
    background: transparent;
    color: #000;
}

.jj_select.ty2 {
    border: none;
    border-bottom: 1px solid #ddd;
}

.jj_select.ty2 select {
    padding: 10px 30px 10px 0;
    background: #ffffff url(../../common/image/icons/30x30/ico-common-30-arrow-down.svg) right 0 center no-repeat;
}

.jj_select-custom {
    border: 1px solid #ddd;
    border-radius: 3px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.jj_select-custom .jj_selected {
    position: relative;
    display: flex;
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    background: #ffffff;
    align-items: center;
    padding: 0 45px 0 15px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
}

.jj_select-custom .jj_selected::after {
    content: "";
    position: absolute;
    right: 5px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../common/image/icons/32x32/ico-common-arrow-a-down.svg);
    transition: transform 0.1s;
}

.jj_select-custom .jj_selected.on {
    color: #222;
}

.jj_select-custom.is-open .jj_selected::after {
    transform: rotateZ(180deg);
}

.jj_select-custom ul {
    position: relative;
    max-height: 160px;
    overflow: auto;
    height: 0;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
}

.jj_select-custom ul.on {
    border-top: 1px solid #ddd;
}

.jj_select-custom ul li {
    min-height: 40px;
    box-sizing: border-box;
    display: block;
    align-items: center;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jj_select-custom ul li.jj_disabled, .jj_select-custom ul li.jj_no-select {
    color: #aaa;
}

.jj_select-custom ul li button {
    transform: translateY(-2px);
}

.jj_select-custom ul li + li {
    margin-top: 0;
}

.jj_select-custom button {
    flex: 0 0 auto;
    box-sizing: border-box;
    height: 100%;
    text-align: left;
}

.jj_select-custom .jj_btn-line {
    height: auto;
    margin: 0 0 0 5px;
    padding: 0;
}

.jj_select-area {
    width: 100%;
}

.jj_select-area [class*=jj_select] + [class*=jj_select] {
    margin: 10px 0 0;
}

.jj_select-area .jj_btn-wrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.jj_select-area .jj_btn-wrap .jj_btn-line {
    margin-top: 0;
    margin-right: 5px;
}

/* ============== end 폼요소 ============== */
hr,
.jj_hr {
    display: block;
    height: 8px;
    background-color: #f7f7f7;
    border: none;
    margin: 0 -15px;
    padding: 0;
}

hr + .jj_sub-contents,
.jj_hr + .jj_sub-contents {
    margin-top: 30px;
}

hr.jj_light-border {
    height: 1px;
    margin: 0;
}

.jj_hr.jj_mt0 {
    margin-top: 0;
}

.jj_hr.jj_mt10 {
    margin-top: 10px;
}

.jj_hr.jj_mt30 {
    margin-top: 30px;
}

.jj_hr.jj_mt20 {
    margin-top: 20px;
}

.jj_hr.jj_mt37 {
    margin-top: 37px;
}

.jj_contents.jj_main {
    --main-module-row-gap: 48px;
    padding-bottom: var(--main-module-row-gap);
}

.jj_contents.jj_main .jj_tit-wrap {
    margin-top: 0;
    padding: 5px 0;
}

.jj_contents.jj_main .jj_tit-wrap.jj_tite-dense {
    padding-top: 0;
    padding-bottom: 0;
}

.jj_contents.jj_main .jj_tit-wrap + .jj_list-chk, .jj_contents.jj_main .jj_tit-wrap + .jj_goods-grid, .jj_contents.jj_main .jj_tit-wrap + .jj_swiper-container {
    margin-top: 14px;
}

.jj_contents.jj_main .jj_review-md {
    margin-top: 0;
    margin-bottom: -25px;
}

.jj_contents.jj_main .jj_hr {
    background: transparent;
    height: 0;
    border: 0;
    margin-top: var(--main-module-row-gap);
}

.jj_dim {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #000;
    opacity: 0.6;
    z-index: 500;
}

#jj_container {
    padding: 56px 15px 0 15px;
    min-height: calc(100vh - 275px);
}

#jj_container ~ .jj_toast-popup {
    bottom: 77px;
}

.is-prmBn #jj_container {
    margin-top: 50px;
}

.is-prmBn #jj_container.setting_wrap {
    padding-top: 56px !important;
}

.is-prmBn .header ~ #jj_container {
    margin-top: 0;
    padding-top: 106px;
}

.is-prmBn .jj_header-wrap ~ #jj_container {
    margin-top: 0;
    padding-top: 106px;
}

.jj_expand {
    margin: 0 -15px;
}

.jj_fit {
    width: 100%;
}

.jj_fit [class^=jj_btn] {
    flex: 1;
}

/* flex 박스 */
[class*=jj_flex] {
    display: flex;
    width: 100%;
}

[class*=jj_flex].ty2 {
    width: auto;
}

[class*=jj_flex][class*=size40] {
    height: 40px;
}

[class*=jj_flex][class*=size50] {
    height: 50px;
}

[class*=jj_flex] [class*=jj_btn-line] {
    flex: 0 0 auto;
}

[class*=jj_flex].jj_has-line {
    margin: 0 -15px;
    padding: 0 15px;
    border-bottom: 1px solid #eee;
}

[class*=jj_flex][class*=-sb] {
    justify-content: space-between;
    align-items: center;
}

.jj_inline-right {
    text-align: right;
}

.jj_inline-left {
    text-align: left;
}

.jj_inline-center {
    text-align: center;
}

.jj_flex-right {
    justify-content: flex-end;
}

.jj_flex-left {
    justify-content: flex-start;
}

.jj_flex-center {
    justify-content: center;
}

/* 플래그 */
[class*=jj_flag] {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    min-width: 45px;
    height: 18px;
    line-height: 16px;
    letter-spacing: normal;
    border: 1px solid;
    border-radius: 2px;
    margin: 0 2px 0 0;
    padding: 0 5px;
    font-weight: 700;
    font-size: 10px;
    text-align: center;
}

[class*=jj_flag][class*=wrap] {
    border: none;
    padding: 0;
    font-size: 0;
    text-align: left;
    min-width: auto;
    height: auto;
}

[class*=jj_flag][class*=round] {
    padding: 0 10px;
    border-radius: 10px;
    -webkit-font-smoothing: initial;
}

[class*=jj_flag][class*=size16] {
    min-width: auto;
    height: 16px;
    line-height: 14px;
    padding: 0 4px;
    font-weight: 700;
    font-size: 9px;
}

[class*=jj_flag][class*=size20] {
    min-width: auto;
    height: 20px;
    line-height: 18px;
    padding: 0 5px;
    font-weight: 700;
    font-size: 11px;
}

[class*=jj_flag-hot] {
    border-color: #ff5432;
    background: #ff5432;
    color: #ffffff;
}

[class*=jj_flag-new] {
    border-color: #ff5432;
    background: #ffffff;
    color: #ff5432;
}

[class*=jj_flag1] {
    border-color: #333;
    background: #333;
    color: #ffffff;
}

[class*=jj_flag2] {
    border-color: #777;
    background: #777;
    color: #ffffff;
}

[class*=jj_flag3] {
    border-color: #999;
    background: #999;
    color: #ffffff;
}

[class*=jj_flag4] {
    border-color: #eee;
    background: #eee;
    color: rgba(34, 34, 34, 0.5);
}

[class*=jj_flag5] {
    border-color: #ccc;
    background: #ffffff;
    color: #999;
}

[class*=jj_flag6] {
    border-color: #555;
    background: #555;
    color: #ffffff;
}

[class*=jj_flag7] {
    border-color: #999;
    background: #ffffff;
    color: #777;
}

.jj_flag20 {
    line-height: 18px;
    height: 20px;
    padding: 0 5px;
    font-size: 11px;
    background: #ffffff;
    color: #ff5432;
    border: 1px solid #ff5432;
    font-weight: 400;
}

.jj_flag20.tyb {
    border-color: #9d56e9;
    color: #9d56e9;
}

.jj_flag20.tyl {
    border-color: #6682d4;
    color: #6682d4;
}

.jj_flag20.tyq {
    border-color: #2fbdad;
    color: #2fbdad;
}

/* 전시 메인 상단 */
.jj_header-main {
    z-index: 100;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 0 16px 0 0;
    background: #ffffff;
}

.jj_header-main:after {
    opacity: 0;
    content: "";
    position: absolute;
}

.jj_header-main .jj_header-logo.jj_header-logo {
    position: relative;
    height: 100%;
}

.jj_header-main .jj_header-logo.jj_header-logo h1 {
    display: block;
    height: 100%;
}

.jj_header-main .jj_header-logo.jj_header-logo h1 a {
    position: relative;
    display: block;
    width: 110px;
    padding: 0 24px;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    text-indent: 200%;
}

.jj_header-main .jj_header-logo.jj_header-logo h1 a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translate(0, -50%);
    width: 57px;
    height: 17px;
    background: url(../../../assets/jaju/image/logo/header.svg) center center/100% auto no-repeat;
    image-rendering: -webkit-optimize-contrast;
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall {
    position: absolute;
    top: 52px;
    left: 0;
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-toggle {
    position: absolute;
    top: -40px;
    left: 81px;
    width: 32px;
    height: 32px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-toggle:before, .jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 8px;
    height: 2px;
    background: #000;
    transform-origin: center center;
    transition: transform 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-toggle:before {
    right: 50%;
    transform: rotate(45deg);
    margin: -1px -2px 0 0;
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-toggle:after {
    left: 50%;
    transform: rotate(-45deg);
    margin: -1px 0 0 -2px;
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-toggle.ready:before {
    transform: rotate(-45deg);
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-toggle.ready:after {
    transform: rotate(45deg);
}

.open-header-toggle-layer .jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-toggle:before {
    transform: rotate(-45deg);
}

.open-header-toggle-layer .jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-toggle:after {
    transform: rotate(45deg);
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-list {
    position: relative;
    margin-left: 24px;
    padding: 24px 16px;
    background: #fff;
    flex-direction: column;
    row-gap: 24px;
    display: none;
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-item .mall {
    position: relative;
    display: block;
    padding: 3px 0 1px 32px;
    min-width: 124px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #131922;
    box-sizing: border-box;
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-item .mall:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    margin-right: 8px;
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-item .mall.siv:before {
    background-image: url("/mo/assets/comm/image/mall_icon_v.png");
}

.jj_header-main .jj_header-logo.jj_header-logo .jj_header-mall .mall-item .mall.jaju:before {
    background-image: url("/mo/assets/jaju/image/logo/mall_jaju.png");
}

.jj_header-main .jj_right-slot .jj_btn-icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.jj_header-main .jj_right-slot .jj_btn-icon + .jj_btn-icon {
    margin-left: 8px;
}

.open-header-toggle-layer .jj_header-wrap {
    z-index: 600;
}

.open-header-toggle-layer .jj_header-wrap:after {
    z-index: 601;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    bottom: -10px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.64);
    opacity: 1;
    transition: opacity 0.05s linear;
}

.open-header-toggle-layer .jj_header-wrap .jj_header-main {
    z-index: 602;
}

.open-header-toggle-layer .jj_header-wrap .jj_header-main:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.64);
    opacity: 1;
    transition: opacity 0.05s linear;
}

.open-header-toggle-layer .jj_header-wrap .jj_header-main .jj_header-mall .mall-list {
    z-index: 2;
    display: flex;
}

/* 카트 버튼 */
.jj_cart.jj_cart-amount span {
    position: absolute;
    right: 0;
    top: 0;
    /* display: inline-block; */
    min-width: 16px;
    height: 16px;
    box-sizing: border-box;
    border-radius: 9px;
    background-color: #ff5432;
    color: #fff;
    text-align: center;
    width: auto;
    display: block;
    font-size: 8px;
    letter-spacing: normal;
    white-space: nowrap;
    line-height: 16px;
}

.jj_sticky-menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-bottom: var(--safeBtm);
    background: #ffffff;
    z-index: 500;
}

.jj_sticky-menu ~ footer, .jj_sticky-menu ~ .jj_footer {
    padding-bottom: 92px;
}

.jj_sticky-menu ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 15px 0 17px;
}

.jj_sticky-menu ul:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: -100;
    background: #ddd;
}

.jj_sticky-menu ul li {
    position: relative;
    flex: 1 0;
}

.jj_sticky-menu ul li + li {
    margin-left: 13px;
}

.jj_sticky-menu ul li.on::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    z-index: -100;
}

.jj_sticky-menu ul li a {
    display: block;
    padding: 8px;
    text-align: center;
}

.jj_sticky-menu ul li a span {
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    text-indent: -10000px;
}

.jj_sticky-menu ul li:last-child {
    max-width: 48px;
    height: 48px;
    margin: -14px 0 0 27px;
}

.jj_sticky-menu ul li:last-child:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -15px;
    width: 78px;
    height: 15px;
    background: url("../../common/image/icons/etc/ico-bottom-tapbar-line.svg") no-repeat 0 0/100%;
    z-index: -1;
}

.jj_sticky-menu ul li:last-child a {
    width: 48px;
    height: 48px;
    margin-top: 6px;
    padding: 10px 5px 5px;
    border-radius: 50%;
    box-sizing: border-box;
    background: #f7f7f7;
}

/* 상품목록 siv헤더 있을 때 상단 스크롤 안되게 */
.siv-header .header {
    position: absolute;
}

.ee_header-wrap ~ #jj_container {
    margin-top: 0;
    padding-top: 0;
}

.jj_header-wrap {
    z-index: 110;
    position: fixed;
    top: 0;
    width: 100%;
    transition: transform 0.35s;
}

.jj_header-wrap:after {
    opacity: 0;
    content: "";
}

.jj_header-wrap.jj_no-fix {
    position: relative;
}

.jj_header-wrap.jj_no-fix [class^=jj_header] {
    position: relative;
}

.jj_header-wrap.jj_no-fix ~ #jj_container, .jj_header-wrap.jj_no-fix ~ #ee_container {
    margin-top: 0;
    padding-top: 0;
}

.scrollDown .jj_header-wrap {
    transform: translate3d(0, -56px, 0);
}

.scrollDown .is-prmBn .jj_header-wrap {
    transform: translate3d(0, -106px, 0);
}

.dispNavFixed .jj_header-wrap {
    transition: transform 0.5s;
}

/* 배너가 없고 스크롤 올렸을 때 */
.dispNavFixed.scrollUp .jj_header-wrap {
    transform: translate3d(0, 0, 0);
}

/* 배너가 있고 스크롤 올렸을 때 */
.dispNavFixed.scrollUp .is-prmBn .jj_header-wrap {
    transform: translate3d(0, 0, 0);
}

/* 배너가 없고 스크롤 내렸을 때 */
.dispNavFixed.scrollDown .jj_header-wrap {
    transform: translate3d(0, -56px, 0);
}

/* 배너가 존재하고 스크롤 내렸을 때 */
.dispNavFixed.scrollDown .is-prmBn .jj_header-wrap {
    transform: translate3d(0, -106px, 0);
}

/* APP일 경우(header 노출 없음) */
.app_siv.dispNavFixed .schNav .navCnt {
    top: 0;
    transform: translate3d(0, 0, 0);
}

.app_siv.dispNavFixed.scrollUp .schNav .navCnt {
    transform: translate3d(0, 0, 0);
}

.jj_top-banner {
    position: relative;
    height: 50px;
}

.jj_top-banner a {
    width: 100%;
    height: auto;
    background: #f8ecd5;
    text-align: center;
    display: block;
}

.jj_top-banner a img {
    display: inline-block;
    width: 100%;
    max-width: 375px;
    height: auto;
    vertical-align: middle;
}

.jj_top-banner button {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    width: 20px;
    height: 20px;
    background: url("../../common/image/icons/20x20/ico-tooltip-delete.svg") no-repeat 0 0/100%;
    font-size: 0;
}

/* 서브페이지 상단 */
.jj_header-sub {
    position: relative;
    display: flex;
    height: 56px;
    width: 100%;
    z-index: 300;
    background-color: #fff;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 90px;
    transition: transform 0.2s;
    border-bottom: 1px solid #eee;
}

.jj_header-sub h1 {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: normal;
    color: #222;
}

.jj_header-sub .jj_ham {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    width: 32px;
    height: 32px;
    background: url(../../common/image/icons/32x32/ico-common-32-menu.svg) center center/cover no-repeat;
    font-size: 0;
    text-indent: -9999px;
}

.jj_header-sub .jj_ham + .jj_prev {
    left: 42px;
}

.jj_header-sub .jj_prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    width: 32px;
    height: 32px;
    background: url(../../common/image/icons/32x32/ico-gnb-arrow-left.svg) center center/cover no-repeat;
    font-size: 0;
    text-indent: -9999px;
}

.jj_header-sub .jj_prev.jj_siv {
    left: 42px;
}

.jj_header-sub .jj_home {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 48px;
    width: 32px;
    height: 32px;
    background: url(../../common/image/icons/32x32/ico-gnb-home.svg) center center/cover no-repeat;
    font-size: 0;
    text-indent: -9999px;
}

.jj_header-sub .jj_home-logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    width: 100px;
    height: 100%;
    background: url(../../../assets/jaju/image/logo/header_detail.svg) center center/63px 24px no-repeat;
    font-size: 0;
    text-indent: -9999px;
    transform: translate(-50%, -50%);
    image-rendering: -webkit-optimize-contrast;
}

.jj_header-sub .jj_right-slot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    height: 32px;
    font-size: 0;
}

.jj_header-sub .jj_right-slot a,
.jj_header-sub .jj_right-slot button {
    display: inline-block;
}

.jj_header-sub .jj_right-slot a + a, .jj_header-sub .jj_right-slot a + button,
.jj_header-sub .jj_right-slot button + a,
.jj_header-sub .jj_right-slot button + button {
    margin-left: 8px;
}

/* 상세보기 스티키 활성화시 메뉴 설정 */
.jj_header-sub.scroll-down {
    transform: translateY(-60px);
}

.jj_header-sub.is-sticky-tab-on.scroll-up {
    transform: translateY(-60px);
}

/* 노데이터 */
.jj_nodata {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #777;
    position: relative;
    margin: 60px 0 0;
    border: none;
    padding: 70px 0 30px;
    line-height: 19px;
}

.jj_nodata::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url(../../common/image/icons/60x60/ico-common-error.svg) center center no-repeat;
    transform: translateX(-50%);
}

.jj_nodata p {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #999;
    line-height: 19px;
}

.jj_nodata .jj_tit {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #222;
}

.jj_nodata .jj_desc {
    margin: 10px 0 0;
    line-height: 19px;
}

.jj_nodata.ty2 {
    height: calc(100vh - 385px);
    padding-bottom: 0;
}

.jj_nodata .jj_btn-wrap {
    margin: 10px 0 0;
}

.jj_nodata-search {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #777;
    position: relative;
    margin: 60px 0 0;
    border: none;
    padding: 70px 0 30px;
    line-height: 19px;
}

.jj_nodata-search::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url(../../common/image/icons/60x60/ico-common-find-grey.svg) center center no-repeat;
    transform: translateX(-50%);
}

.jj_nodata-search p {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #999;
    line-height: 19px;
}

.jj_nodata-search p + a {
    margin-top: 13px;
}

.jj_select-modal > ul {
    position: absolute;
    height: 0;
    overflow: hidden;
}

.jj_select-modal .jj_selected {
    display: inline-block;
}

/* 레이어 모달 */
[class^=jj_modal] {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100vw;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0px 30px;
    opacity: 0;
    z-index: 500;
}

[class^=jj_modal].on {
    display: flex;
}

[class^=jj_modal].check-height {
    display: flex;
    opacity: 0;
}

[class^=jj_modal].has-sticky-bottom .jj_wrap .jj_inner {
    padding-bottom: 90px;
}

[class^=jj_modal] .jj_wrap {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 100%;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}

[class^=jj_modal] .jj_wrap button.jj_close {
    position: absolute;
    display: inline-block;
    top: 15px;
    right: 10px;
    z-index: 20;
    width: 30px;
    height: 30px;
    font-size: 0;
}

[class^=jj_modal] .jj_wrap .jj_inner {
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    /*height: calc(100% - 45px);*/
    padding: 0 0 15px;
}

[class^=jj_modal] .jj_wrap .jj_inner.ty2 {
    padding: 0 10px 15px;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_guide-txt {
    padding: 35px 0 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    text-align: center;
    word-break: keep-all;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_guide-txt ~ .jj_btn-wrap {
    margin: 30px 0 0;
}

[class^=jj_modal] .jj_header {
    position: relative;
    margin: 0 0 15px;
}

[class^=jj_modal] .jj_header.jj_has-line {
    border-bottom: 1px solid #eee;
    padding: 0 0 14px;
}

[class^=jj_modal] .jj_header .jj_tit {
    padding: 4px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #222;
}

[class^=jj_modal][class*=jj_btn-base] span {
    font-weight: 700;
}

[class^=jj_modal] .jj_swiper-modal {
    position: fixed;
    top: 50%;
    z-index: 50;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    opacity: 1;
}

[class^=jj_modal] .jj_swiper-modal.swiper-button-prev {
    left: 0;
    background: url(../../common/image/icons/40x40/99-01-40-arrow-left-dim.svg) center center no-repeat;
}

[class^=jj_modal] .jj_swiper-modal.swiper-button-next {
    right: 0;
    background: url(../../common/image/icons/40x40/99-01-40-arrow-right-dim.svg) center center no-repeat;
}

[class^=jj_modal] .jj_swiper-modal.swiper-button-prev:after, [class^=jj_modal] .jj_swiper-modal.swiper-button-next:after {
    content: none;
}

[class^=jj_modal] .jj_swiper-modal:disabled {
    opacity: 0.3;
}

[class^=jj_modal][data-modalid=modal-stamp-deli] .jj_inner {
    position: relative;
    z-index: 30;
}

[class^=jj_modal][class*=ty2] .jj_wrap {
    height: 100%;
}

/* 풀 모달 */
[class^=jj_modal][class*=jj_full] {
    padding: 0;
    opacity: 1;
}

[class^=jj_modal][class*=jj_full] button.jj_close {
    top: 14px;
    right: 8px;
    width: 32px;
    height: 32px;
}

[class^=jj_modal][class*=jj_full] button.jj_close .jj_icon-delete {
    background: url(../../common/image/icons/32x32/ico-gnb-close.svg) center center no-repeat;
}

[class^=jj_modal][class*=jj_full] .jj_header {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 60px;
    margin: 0;
    padding: 0 20px;
    text-align: center;
}

[class^=jj_modal][class*=jj_full] .jj_header.jj_has-line {
    box-sizing: content-box;
    border-bottom: 1px solid #555;
    padding: 0 0 10px;
}

[class^=jj_modal][class*=jj_full] .jj_header [class*=jj_tit] {
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
}

[class^=jj_modal][class*=jj_full] .jj_wrap {
    border-radius: 0;
    height: 100%;
    padding: 0 15px 30px;
}

[class^=jj_modal][class*=jj_full] .jj_inner {
    overflow-y: auto;
    height: calc(100% - 50px);
    margin: 0 -15px;
    padding: 0 15px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

[class^=jj_modal][class*=jj_full] .jj_inner.jj_inner_pd {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

[class^=jj_modal][class*=jj_full] .jj_header.jj_has-line ~ .jj_inner {
    height: calc(100% - 60px);
}

[class^=jj_modal][class*=jj_full] .jj_sticky-bottom {
    border: none;
    padding-top: 0;
}

[class^=jj_modal][class*=jj_full].has-sticky-bottom .jj_wrap {
    padding-bottom: 0;
}

[class^=jj_modal][class*=jj_full][data-modalid=modal-image-view] .jj_wrap {
    padding: 0;
    height: 100vh;
}

[class^=jj_modal][class*=jj_full][data-modalid=modal-image-view] .jj_inner {
    height: 100%;
    margin: 0;
    padding: 0;
}

[class^=jj_modal][class*=jj_full][data-modalid=modal-image-view] .jj_image-top {
    margin-left: 0;
}

[class^=jj_modal][class*=jj_full][data-modalid=modal-image-view] .jj_swiper-custom {
    height: 100vh;
}

[class^=jj_modal][data-modalid^=modal-alert] .jj_wrap {
    padding-bottom: 20px;
}

[class^=jj_modal][data-modalid^=modal-alert] .jj_inner {
    padding: 15px 0 0 0;
}

[class^=jj_modal][data-modalid^=modal-alert] .jj_alert-txt {
    margin: 0 -5px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    color: #222222;
    word-break: keep-all;
}

[class^=jj_modal][data-modalid^=modal-alert] .jj_alert-txt strong {
    display: block;
    margin-bottom: 10px;
}

[class^=jj_modal][data-modalid^=modal-alert] .jj_alert-txt ~ .jj_btn-wrap.jj_fit {
    display: block;
    width: auto;
    margin: 30px -5px 0;
    font-size: 0;
    text-align: center;
}

[class^=jj_modal][data-modalid^=modal-alert] .jj_alert-txt ~ .jj_btn-wrap.jj_fit [class^=jj_btn] {
    display: inline-block;
    width: auto;
    min-width: 100px;
    max-width: 180px;
    padding-right: 15px;
    padding-left: 15px;
    vertical-align: middle;
}

/* 하단 모달 */
[class^=jj_modal].jj_bottom {
    padding: 0;
}

[class^=jj_modal].jj_bottom .jj_wrap {
    position: absolute;
    bottom: 0;
    padding: 30px 15px 0 15px;
    border-radius: 0;
    transform: translate(0, 100%);
    min-height: auto;
    max-height: 80vh;
    border-top: 1px solid #555;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_close {
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
    width: 67px;
    height: 17px;
    background: url("../../common/image/icons/etc/ico-common-modal.svg") no-repeat 0 0/100%;
    z-index: 10;
    font-size: 0;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_inner {
    margin: 0 -15px;
    padding: 0 15px 20px;
    max-height: calc(80vh - 45px);
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_reject {
    margin: 15px 0 30px;
    text-align: center;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_reject .jj_desc {
    margin: 15px 0 10px;
    font-size: 13px;
    line-height: 20px;
    color: #555;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_regular-delivery {
    margin: 20px 0 0;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_quantity {
    margin: 30px 0 0;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_price-area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 0 10px;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_price-area .jj_sort {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_price-area .jj_price {
    display: flex;
    margin: 0 0 0 10px;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_price-area .jj_price .number {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_btn-box {
    margin: 20px 0 0;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_sticky-bottom {
    border: none;
}

[class^=jj_modal].jj_bottom .jj_wrap .jj_option-list ~ .jj_btn-wrap {
    display: flex;
    flex: 1 0 100px;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 0;
}

[class^=jj_modal].jj_bottom .jj_container {
    padding: 20px 0 0 0;
    overflow-y: auto;
}

[class^=jj_modal].jj_bottom .jj_scroll-wrap {
    max-height: 385px;
    overflow-y: auto;
}

[class^=jj_modal].jj_bottom .jj_btn-box.jj_sticky-bottom {
    border-top: none;
}

[class^=jj_modal].jj_bottom .jj_option-tit {
    border-radius: 3px;
    padding: 10px 20px;
    background: #f7f7f7;
}

[class^=jj_modal].jj_bottom .jj_option-tit .jj_tit {
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

[class^=jj_modal].jj_bottom .jj_option-tit .jj_tit + .jj_selected-option {
    margin: 4px 0 0;
}

[class^=jj_modal].jj_bottom .jj_option-tit .jj_subtit {
    margin: 4px 0 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class^=jj_modal].jj_bottom .jj_option-tit .jj_selected-option {
    margin: 2px 0 0;
}

[class^=jj_modal].jj_bottom .jj_option-tit .jj_selected-option li {
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

[class^=jj_modal].jj_bottom .jj_option-tit .jj_selected-option li + li {
    margin: 2px 0 0;
}

[class^=jj_modal].jj_bottom .jj_option-detail {
    margin: 20px 0 0;
}

[class^=jj_modal].jj_bottom.jj_modal-category .jj_wrap {
    padding-top: 35px;
}

[class^=jj_modal].jj_bottom.jj_modal-category .jj_category-list li:first-child a {
    padding-top: 0;
}

[class^=jj_modal].jj_bottom.jj_modal-category .jj_category-list li a {
    display: flex;
    padding: 9px 0;
    height: 32px;
    align-items: center;
    justify-content: space-between;
}

[class^=jj_modal].jj_bottom.jj_modal-category .jj_category-list li a span {
    font-size: 15px;
    color: #555;
}

[class^=jj_modal].jj_bottom.jj_modal-category .jj_category-list li a.on span {
    font-weight: 700;
    color: #222;
}

[class^=jj_modal].jj_bottom.jj_modal-category .jj_category-list li a.on:after {
    content: "";
    display: inline-flex;
    margin-left: auto;
    width: 32px;
    height: 32px;
    background: url("../../common/image/icons/32x32/ico-common-check-b-large-on.svg") no-repeat 0 0/100%;
}

[class^=jj_modal].jj_bottom.has-sticky-bottom .jj_wrap .jj_price-area {
    position: fixed;
    padding: 20px 15px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    bottom: 65px;
    background-color: #ffffff;
}

[class^=jj_modal].jj_bottom.has-utilbr .jj_wrap .jj_inner {
    padding-bottom: 56px;
}

/* 안드로이드 앱 안에 바텀 모달 */
.android.app_jaju.no_header [class^=jj_modal].jj_bottom.jj_modal-category {
    padding: 0 30px;
}

.android.app_jaju.no_header [class^=jj_modal].jj_bottom.jj_modal-category[data-modalid=modal-select-gender] .jj_wrap {
    position: fixed;
    left: 30px;
    right: 30px;
    top: 451px;
    width: auto;
}

.android.app_jaju.no_header [class^=jj_modal].jj_bottom.jj_modal-category .jj_wrap {
    position: relative;
    bottom: auto;
    border: none;
    border-radius: 5px;
    padding: 15px 20px;
    transform: none;
    max-height: none;
}

.android.app_jaju.no_header [class^=jj_modal].jj_bottom.jj_modal-category .jj_wrap .jj_inner {
    padding-bottom: 0;
    max-height: none;
}

.android.app_jaju.no_header [class^=jj_modal].jj_bottom.jj_modal-category .jj_wrap .jj_close {
    display: none;
}

.android.app_jaju.no_header.webview-mixed-content .siv-wrap {
    display: none;
}

.android.app_jaju.no_header.webview-mixed-content [data-modalid=modal-photo-review-detail],
.android.app_jaju.no_header.webview-mixed-content [data-modalid=modal-review-report] {
    position: relative;
    bottom: auto;
    top: auto;
}

.android.app_jaju.no_header.webview-mixed-content [data-modalid=modal-photo-review-detail] .jj_inner,
.android.app_jaju.no_header.webview-mixed-content [data-modalid=modal-review-report] .jj_inner {
    max-height: none;
    padding-bottom: 15px;
}

.android.app_jaju.no_header.webview-mixed-content [data-modalid=modal-review-report] .jj_inner {
    max-height: none;
    padding-bottom: 15px;
}

.android.app_jaju.no_header.webview-mixed-content [data-modalid=modal-review-report] .ee_sticky-bottom {
    position: relative;
    left: auto;
    right: auto;
    margin-top: 45px;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

[class^=jj_modal].jj_bottom.jj_bottom-space .jj_wrap .jj_inner {
    padding-bottom: 107px;
}

[class^=jj_modal].jj_bottom.jj_bottom-space .jj_wrap .jj_price-area {
    position: fixed;
    padding: 20px 15px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    bottom: 45px;
    background-color: #ffffff;
}

/* 사이드 모달 */
[class^=jj_modal].jj_side {
    padding: 0;
    opacity: 1;
    left: -100%;
    right: auto;
}

[class^=jj_modal].jj_side .jj_wrap {
    border-radius: 0;
    height: 100%;
    padding: 0;
}

[class^=jj_modal].jj_side .jj_wrap .jj_inner {
    height: 100%;
    padding-bottom: 100px;
}

/*선물포장 서비스 모달*/
.jj_modal[data-modalid=modal-wrapping-gift] .jj_wrap {
    height: 60vh;
}

.jj_option-detail dt {
    display: flex;
    align-items: flex-start;
}

.jj_option-detail dt .jj_sort {
    flex: 0 0 auto;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.jj_option-detail dt .jj_detail {
    position: relative;
    margin: 0 0 0 7px;
    padding: 0 0 0 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

.jj_option-detail dt .jj_detail::before {
    display: block;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    bottom: 6px;
    width: 1px;
    height: auto;
    background: #d8d8d8;
}

.jj_option-detail dt .jj_detail .pixibo-entry-point-wrapper {
    top: auto !important;
    left: auto !important;
}

.jj_option-detail dt .jj_detail .pixibo-entry-point-wrapper button {
    display: inline-flex;
    border: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    min-width: auto;
    background-color: transparent;
}

.jj_option-detail dt .jj_detail .pixibo-entry-point-wrapper button::after {
    display: block;
    content: "";
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    padding: 5px 2px;
    background: url(../../common/image/icons/10x10/ico-common-10-arrow-black.svg) center center no-repeat;
}

.jj_option-detail dt .jj_detail .pixibo-entry-point-wrapper button svg {
    display: none;
}

.jj_option-detail dt .jj_detail .pixibo-entry-point-wrapper button .pixibo-text-container {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #222;
    text-decoration: none;
}

.jj_option-detail dd {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 10px 0 0;
}

.jj_option-detail dd + dt {
    margin: 20px 0 0;
}

.jj_option-detail dd .jj_btn-line {
    margin: 0 5px 0 8px;
    padding: 6px 0;
}

.jj_option-detail dd .jj_btn-wrap {
    flex: 0 0 auto;
    width: auto;
}

.jj_option-detail dd .jj_select-area .jj_btn-line {
    padding: 0;
}

.jj_option-list {
    font-size: 0;
    margin: -10px 0 0 -8px;
}

.jj_option-list li {
    display: inline-block;
    position: relative;
    margin: 10px 0 0 8px;
}

/* tab */
[class*=jj_tab] {
    display: flex;
    justify-content: space-between;
    position: relative;
    box-sizing: border-box;
    margin: 0 -15px;
    padding: 0 15px;
    font-size: 0;
}

[class*=jj_tab] button,
[class*=jj_tab] a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    color: #555;
    line-height: 20px;
    flex: 1 1;
    padding: 0;
    font-size: 15px;
}

[class*=jj_tab] button span,
[class*=jj_tab] a span {
    position: relative;
    display: inline-block;
    line-height: 50px;
}

[class*=jj_tab] .on {
    font-weight: 700;
    color: #222;
}

[class*=jj_tab] .on span::after {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #222;
}

[class*=jj_tab][data-tabscroll] {
    padding-left: 5px;
}

[class*=jj_tab][class*=ty1]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    height: 1px;
    background-color: #eee;
}

[class*=jj_tab][class*=ty1] button {
    height: auto;
}

[class*=jj_tab][class*=ty1] span {
    line-height: 40px;
}

[class*=jj_tab][class*=orange] .on {
    color: #ff5432;
}

[class*=jj_tab][class*=orange] .on span::after {
    background-color: #ff5432;
}

.jj_tab[class*=ty2] {
    margin: 0;
    padding: 0;
}

.jj_tab[class*=ty2] button,
.jj_tab[class*=ty2] a {
    margin: 0 0 0 -1px;
    border: 1px solid #ddd;
}

.jj_tab[class*=ty2] button:first-child,
.jj_tab[class*=ty2] a:first-child {
    margin: 0;
    border-radius: 3px 0 0 3px;
}

.jj_tab[class*=ty2] button:last-child,
.jj_tab[class*=ty2] a:last-child {
    border-radius: 0 3px 3px 0;
}

.jj_tab[class*=ty2] button span,
.jj_tab[class*=ty2] a span {
    font-size: 13px;
    line-height: 19px;
    color: #999;
}

.jj_tab[class*=ty2] .on {
    z-index: 1;
    border-color: #222;
}

.jj_tab[class*=ty2] .on span {
    font-weight: 700;
    color: #222;
}

.jj_tab[class*=ty2] .on span::after {
    display: none;
}

.jj_tab[class*=ty2][class*=size40] button,
.jj_tab[class*=ty2][class*=size40] a {
    height: 40px;
}

.jj_tab[class*=ty3] {
    height: auto;
}

.jj_tab[class*=ty3] .on span::after {
    display: none;
}

.jj_tab[class*=ty3] ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f7f7f7;
}

.jj_tab[class*=ty3] ul li {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 33.3%;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.jj_tab[class*=ty3] ul li:nth-child(3n) {
    border-right: none;
}

.jj_tab[class*=ty3] ul li:nth-last-child(1), .jj_tab[class*=ty3] ul li:nth-last-child(2), .jj_tab[class*=ty3] ul li:nth-last-child(3) {
    border-bottom: none;
}

.jj_tab[class*=ty3] ul li:nth-child(1) button,
.jj_tab[class*=ty3] ul li:nth-child(1) a {
    border-top-left-radius: 3px;
}

.jj_tab[class*=ty3] ul li:nth-child(1) button.on span::after,
.jj_tab[class*=ty3] ul li:nth-child(1) a.on span::after {
    border-top-left-radius: 3px;
}

.jj_tab[class*=ty3] ul li:nth-child(3) button,
.jj_tab[class*=ty3] ul li:nth-child(3) a {
    border-top-right-radius: 3px;
}

.jj_tab[class*=ty3] ul li:nth-child(3) button.on span::after,
.jj_tab[class*=ty3] ul li:nth-child(3) a.on span::after {
    border-top-right-radius: 3px;
}

.jj_tab[class*=ty3] ul li:nth-last-child(1) button,
.jj_tab[class*=ty3] ul li:nth-last-child(1) a {
    border-bottom-right-radius: 3px;
}

.jj_tab[class*=ty3] ul li:nth-last-child(1) button.on span::after,
.jj_tab[class*=ty3] ul li:nth-last-child(1) a.on span::after {
    border-bottom-right-radius: 3px;
}

.jj_tab[class*=ty3] ul li:nth-last-child(3) button,
.jj_tab[class*=ty3] ul li:nth-last-child(3) a {
    border-bottom-left-radius: 3px;
}

.jj_tab[class*=ty3] ul li:nth-last-child(3) button.on span::after,
.jj_tab[class*=ty3] ul li:nth-last-child(3) a.on span::after {
    border-bottom-left-radius: 3px;
}

.jj_tab[class*=ty3] ul li button,
.jj_tab[class*=ty3] ul li a {
    position: relative;
    box-sizing: border-box;
    min-height: 40px;
    max-height: 51px;
    height: 100%;
    padding: 4px 9px;
    background: #ffffff;
}

.jj_tab[class*=ty3] ul li button span,
.jj_tab[class*=ty3] ul li a span {
    position: static;
}

.jj_tab[class*=ty3] ul li button span .jj_txt,
.jj_tab[class*=ty3] ul li a span .jj_txt {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 39px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 11px;
    line-height: 13px;
    color: #999;
}

.jj_tab[class*=ty3] ul li button span .jj_subtxt,
.jj_tab[class*=ty3] ul li a span .jj_subtxt {
    display: block;
    font-size: 10px;
    line-height: 11px;
    color: #999;
}

.jj_tab[class*=ty3] ul li button.on > span .jj_txt,
.jj_tab[class*=ty3] ul li a.on > span .jj_txt {
    position: static;
    font-weight: 700;
    color: #222;
}

.jj_tab[class*=ty3] ul li button.on > span .jj_subtxt,
.jj_tab[class*=ty3] ul li a.on > span .jj_subtxt {
    font-weight: 700;
    color: #222;
}

.jj_tab[class*=ty3] ul li button.on > span::after,
.jj_tab[class*=ty3] ul li a.on > span::after {
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    height: auto;
    background: none;
    border: 1px solid #222;
}

.jj_tab-sub--best {
    border-bottom: 1px solid #e0e0e0;
}

.jj_tab-sub--best.jj_tab-sub--best {
    margin-bottom: 9px;
}

.jj_tab-sub--best.jj_tab-sub--best.has-scroll {
    padding: 12px 0;
}

.jj_tab-sub--best.jj_tab-sub--best .scroll-wrap.scroll-wrap {
    display: flex;
    gap: 24px;
    padding: 0 24px;
}

.jj_tab-sub--best.jj_tab-sub--best a.on span {
    color: #131922;
    font-weight: 500;
}

.jj_tab-sub--best.jj_tab-sub--best a span {
    font-size: 16px;
    color: #929292;
    line-height: 24px;
}

.jj_tab-sub--best.jj_tab-sub--best a span:after {
    content: none;
}

/*tab data-scroll*/
[data-tabscroll] {
    white-space: nowrap;
}

[class*=jj_tab].has-scroll,
[class*=jj_list].has-scroll {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
    height: auto;
    background: #fff;
}

[class*=jj_tab].has-scroll:before,
[class*=jj_list].has-scroll:before {
    display: none;
}

[class*=jj_tab].has-scroll .scroll-wrap,
[class*=jj_list].has-scroll .scroll-wrap {
    display: block;
    white-space: nowrap;
    overflow-y: hidden;
}

[class*=jj_tab].has-scroll .scroll-wrap > *,
[class*=jj_list].has-scroll .scroll-wrap > * {
    width: auto;
}

[class*=jj_tab].has-scroll .scroll-wrap span,
[class*=jj_list].has-scroll .scroll-wrap span {
    display: block;
    white-space: nowrap;
}

/*
=======================================
 스티키 탭
=======================================
*/
.jj_sticky-tab {
    position: relative;
    margin: 0 -15px;
    height: 50px;
    transition: transform 0.2s;
    z-index: 100;
}

.jj_sticky-tab .jj_wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding: 0 15px;
    display: flex;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

.jj_sticky-tab .jj_wrap button,
.jj_sticky-tab .jj_wrap a {
    position: relative;
    flex: 1;
    display: inline-flex;
    justify-content: center;
    padding: 0 17px;
    text-align: center;
}

.jj_sticky-tab .jj_wrap button span,
.jj_sticky-tab .jj_wrap a span {
    padding-top: 10px;
    font-size: 12px;
}

.jj_sticky-tab .jj_wrap button i,
.jj_sticky-tab .jj_wrap a i {
    display: block;
    font-size: 12px;
    color: #555;
    font-style: normal;
    font-weight: 500;
}

.jj_sticky-tab .jj_wrap button.on::before,
.jj_sticky-tab .jj_wrap a.on::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 17px;
    right: 17px;
    bottom: -1px;
    height: 2px;
    background-color: #222;
}

.jj_sticky-tab .jj_wrap button.on span,
.jj_sticky-tab .jj_wrap button.on i,
.jj_sticky-tab .jj_wrap a.on span,
.jj_sticky-tab .jj_wrap a.on i {
    color: #222;
    font-weight: 700;
}

.jj_sticky-tab.on .jj_wrap {
    position: fixed;
}

/* ========== end 스티키 탭 ============= */
.jj_sorting {
    display: inline-flex;
}

.jj_sorting button,
.jj_sorting a {
    position: relative;
}

.jj_sorting button + button, .jj_sorting button + a,
.jj_sorting a + button,
.jj_sorting a + a {
    margin: 0 0 0 21px;
}

.jj_sorting button + button::before, .jj_sorting button + a::before,
.jj_sorting a + button::before,
.jj_sorting a + a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 1px;
    height: 6px;
    margin: -3px 0 0;
    background: #ddd;
}

.jj_sorting button span,
.jj_sorting a span {
    font-size: 13px;
    line-height: 19px;
    color: #999;
}

.jj_sorting button.on span,
.jj_sorting a.on span {
    color: #222;
    font-weight: 500;
}

.jj_sorting.ty2 button span,
.jj_sorting.ty2 a span {
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.has-scroll {
    position: relative;
}

.has-scroll .scroll-wrap {
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    height: 100%;
    padding: 0 15px;
    font-size: 0;
}

.has-scroll .scroll-wrap::-webkit-scrollbar {
    display: none;
}

/*전시 상단 탭메뉴*/
.jj_tab-main.has-scroll .scroll-wrap {
    padding: 0 15px 0 5px;
}

.jj_tab-main a {
    flex: 1;
    padding: 9px 10px 12px;
}

.jj_tab-main a:last-of-type {
    margin-right: 0;
}

.jj_tab-main a span {
    position: relative;
    color: #777;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
}

.jj_tab-main a .ico {
    display: inline-flex;
    margin-right: 2px;
    width: 24px;
    height: 24px;
}

.jj_tab-main a .ico img {
    width: 100%;
}

.jj_tab-main a.on span {
    color: #222;
}

.jj_tab-main a.on span::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
}

.jj_tab-main.ty2 a {
    padding: 10px 7px 15px;
}

.jj_tab-main.ty2 a span {
    font-weight: 400;
    font-size: 14px;
}

.jj_tab-main.ty2 a.on span {
    font-weight: 700;
}

.jj_tab + .jj_tab-sub {
    padding: 15px 0;
}

.jj_tab-sub[data-tabscroll] {
    padding-left: 15px;
}

.jj_tab-sub {
    padding: 15px 0 15px 0;
}

.jj_tab-sub::before {
    display: none;
}

.jj_tab-sub.jj_has-line {
    border-top: 1px solid #f4f4f4;
}

.jj_tab-sub [class*=jj_btn-round-size] {
    border-radius: 17px;
    background: #ffffff;
    border: 1px solid #ddd;
}

.jj_tab-sub [class*=jj_btn-round-size] + [class*=jj_btn-round-size] {
    margin-left: 5px;
}

.jj_tab-sub [class*=jj_btn-round-size] span {
    font-size: 13px;
    color: #555;
}

.jj_tab-sub [class*=jj_btn-round-size] span:after {
    display: none;
}

.jj_tab-sub [class*=jj_btn-round-size].on {
    background: #333;
    border-color: #333;
}

.jj_tab-sub [class*=jj_btn-round-size].on span {
    color: #ffffff;
    font-weight: 700;
}

.jj_tab-sub + .jj_sub-contents .jj_cont:first-of-type {
    margin-top: 0;
}

.jj_tab-sub.has-scroll {
    padding: 15px 0;
}

/*
=======================================
 테이블
=======================================
*/
.jj_tbl.ty1 th {
    background-color: #f7f7f7;
    font-size: 12px;
    color: #555;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
    border: 1px solid #eee;
    border-left: none;
}

.jj_tbl.ty1 td {
    font-size: 12px;
    color: #999;
    padding-left: 10px;
    padding-right: 15px;
    line-height: 16px;
    vertical-align: middle;
    border: 1px solid #eee;
}

.jj_tbl.ty1 tr td:last-child {
    border-right: none;
}

.jj_tbl.ty1 span {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    letter-spacing: normal;
}

.jj_tbl.ty1 span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/16x16/ico-common-16-check-white.svg) center center/cover no-repeat;
}

.jj_tbl.ty1 .on {
    color: #222;
}

.jj_tbl.ty1 .on span::before {
    background-image: url(../../common/image/icons/16x16/ico-common-16-check-black.svg);
}

/* ============== end 테이블 ============== */
/* 수량 */
.jj_quantity {
    height: 32px;
    font-size: 0;
}

.jj_quantity .jj_minus {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../common/image/icons/32x32/ico_common_spinner_minus.svg) 50% 50%/cover no-repeat;
    font-size: 0;
    vertical-align: middle;
}

.jj_quantity .jj_plus {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../common/image/icons/32x32/ico_common_spinner_plus.svg) 50% 50%/cover no-repeat;
    font-size: 0;
    vertical-align: middle;
}

.jj_quantity .jj_input,
.jj_quantity input[type=text],
.jj_quantity input[type=tel] {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0 5px;
    line-height: 20px;
    font-weight: 700;
    font-size: 13px;
    color: #222;
    text-align: center;
    vertical-align: middle;
}

.jj_quantity input[type=text],
.jj_quantity input[type=tel] {
    height: 100%;
    transform: none;
}

.jj_quantity.ty2 {
    height: 20px;
}

.jj_quantity.ty2 .jj_minus {
    width: 20px;
    height: 20px;
    background-image: url(../../common/image/icons/20x20/ico-pay-20-spinner-minus.svg);
}

.jj_quantity.ty2 .jj_minus:disabled {
    background-image: url(../../common/image/icons/20x20/ico-pay-20-spinner-minus-disabled.svg);
}

.jj_quantity.ty2 .jj_minus:disabled + .jj_input {
    color: #ccc;
}

.jj_quantity.ty2 .jj_plus {
    width: 20px;
    height: 20px;
    background-image: url(../../common/image/icons/20x20/ico-pay-20-spinner-plus.svg);
}

.jj_quantity.ty2 .jj_plus:disabled {
    background-image: url(../../common/image/icons/20x20/ico-pay-20-spinner-plus-disabled.svg);
}

.jj_quantity.ty2 .jj_input {
    width: 36px;
}

.jj_quantity.ty3 {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.jj_quantity.ty3 .jj_minus {
    box-sizing: content-box;
    width: 38px;
    height: 38px;
    border-right: 1px solid #ddd;
    background: url(../../common/image/icons/30x30/ico-pay-30-spinner-minus-empty.svg) center center no-repeat;
}

.jj_quantity.ty3 .jj_plus {
    box-sizing: content-box;
    width: 38px;
    height: 38px;
    border-left: 1px solid #ddd;
    background: url(../../common/image/icons/30x30/ico-pay-30-spinner-plus-empty.svg) center center no-repeat;
}

.jj_quantity.ty3 .jj_input,
.jj_quantity.ty3 input[type=text],
.jj_quantity.ty3 input[type=tel] {
    font-size: 15px;
    line-height: 38px;
}

/* ============== ranking 랭킹  ============== */
.jj_ranking {
    display: flex;
    align-items: center;
}

.jj_ranking .jj_rank {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    color: #222;
}

.jj_ranking .jj_rank .jj_number {
    font-family: "Roboto";
    margin-right: 1px;
    font-size: 15px;
    font-weight: 700;
}

.jj_rank-status {
    display: flex;
    margin-left: 8px;
    font-family: "Roboto";
    font-size: 10px;
    color: #ff5432;
}

.jj_rank-status::before {
    content: "";
    display: inline-flex;
    align-self: center;
    width: 10px;
    height: 10px;
    margin-right: 1px;
    background: url(../../common/image/icons/10x10/ico-common-arrow-b-up-small-orange.svg) center center no-repeat;
}

.jj_rank-status.down {
    color: #777;
}

.jj_rank-status.down::before {
    background: url(../../common/image/icons/10x10/ico-common-arrow-b-down-small-gray.svg) center center no-repeat;
}

.jj_rank-status.new {
    font-weight: 700;
    color: #222;
}

.jj_rank-status.new:before {
    display: none;
}

.jj_rank-status.freeze::before {
    background: url(../../common/image/icons/10x10/ico-common-keep-small.svg) center center no-repeat;
}

/* ============== ranking 랭킹 end  ============== */
/*
=======================================
 상품 컴포넌트
=======================================
*/
[class*=jj_goods-comp] {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    /* 품절 */
    /* 판매종료 */
}

[class*=jj_goods-comp] + [class*=jj_goods-comp] {
    margin-top: 20px;
}

[class*=jj_goods-comp] a {
    display: block;
}

[class*=jj_goods-comp] a img {
    width: 100%;
}

[class*=jj_goods-comp] .jj_btn-del {
    position: absolute;
    top: 5px;
    right: 2px;
}

[class*=jj_goods-comp] .jj_thum {
    position: relative;
    width: 90px;
}

[class*=jj_goods-comp] .jj_thum img {
    height: 90px;
}

[class*=jj_goods-comp] .jj_thum label {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}

[class*=jj_goods-comp] .jj_comp-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 0 0 15px;
    box-sizing: border-box;
}

[class*=jj_goods-comp] .jj_comp-data a {
    width: 100%;
}

[class*=jj_goods-comp] .jj_comp-data .jj_tit {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    padding: 0 25px 0 0;
    font-size: 14px;
    color: #222;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 40 pxpx;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

[class*=jj_goods-comp] .jj_comp-data .jj_subtit {
    margin: 0 0 3px;
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

[class*=jj_goods-comp] .jj_comp-data .jj_option {
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

[class*=jj_goods-comp] .jj_comp-data .jj_select {
    margin-top: 10px;
}

[class*=jj_goods-comp] .jj_comp-data .jj_btn-link {
    margin-top: 10px;
}

[class*=jj_goods-comp] .jj_comp-data .jj_guide-txt {
    margin-top: 10px;
}

[class*=jj_goods-comp] .jj_comp-data .jj_price-box .jj_del {
    padding-top: 2px;
}

[class*=jj_goods-comp] .jj_comp-data .jj_info-guide {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=jj_goods-comp] .jj_comp-data .jj_info-guide:first-child {
    margin: 0;
}

[class*=jj_goods-comp] .jj_comp-data .jj_info-guide [class*=jj_icon] {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

[class*=jj_goods-comp] .jj_comp-data .jj_info-guide .jj_txt {
    display: inline-block;
    vertical-align: top;
}

[class*=jj_goods-comp] .jj_pay-comp {
    height: 22px;
    padding: 0;
    margin-top: 8px;
    background-color: transparent;
}

[class*=jj_goods-comp] .jj_pay-comp .jj_txt {
    font-size: 13px;
    line-height: 16px;
    color: #555;
}

[class*=jj_goods-comp] .jj_etc {
    width: 100%;
    border-top: 1px solid #f4f4f4;
    margin-top: 11px;
    padding-top: 10px;
}

[class*=jj_goods-comp] .jj_etc .jj_points {
    font-size: 0;
}

[class*=jj_goods-comp] .jj_etc .jj_points .jj_point {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 18px;
    color: #777;
    margin-right: 20px;
}

[class*=jj_goods-comp] .jj_etc .jj_points .jj_point i {
    margin-right: 5px;
}

[class*=jj_goods-comp] .jj_etc .jj_btn-wrap {
    display: block;
    margin: 10px 0 0;
}

[class*=jj_goods-comp] .jj_etc .jj_btn-wrap [class*=jj_btn] {
    width: 100%;
}

[class*=jj_goods-comp] .jj_etc .jj_btn-wrap [class*=jj_btn] + [class*=jj_btn] {
    margin: 5px 0 0;
}

[class*=jj_goods-comp] .jj_etc .jj_bundle {
    margin: 10px 0 0;
}

[class*=jj_goods-comp] .jj_etc .jj_bundle .jj_desc {
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=jj_goods-comp] .jj_etc .jj_bundle .jj_btn-link {
    margin: 2px 0 0;
}

[class*=jj_goods-comp] .jj_etc .jj_btn-line {
    flex: 0 0 auto;
}

[class*=jj_goods-comp] .jj_etc .jj_free-gift {
    margin: 10px 0 0;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 10px 15px 15px;
}

[class*=jj_goods-comp] .jj_etc .jj_free-gift dl dt {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=jj_goods-comp] .jj_etc .jj_free-gift dl dt + dd {
    margin: 4px 0 0;
}

[class*=jj_goods-comp] .jj_etc .jj_free-gift dl dd {
    margin: 2px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

[class*=jj_goods-comp] .jj_etc .jj_free-gift dl dd > span {
    padding-left: 5px;
}

[class*=jj_goods-comp] .jj_etc .jj_free-gift dl dd .jj_view-btn {
    display: inline-block;
    margin: -5px -5px -5px 0;
    padding: 5px;
    font-size: 0;
    vertical-align: middle;
}

[class*=jj_goods-comp] .jj_etc .jj_free-gift dl dd .jj_view-btn span {
    font-size: 0;
}

[class*=jj_goods-comp] .jj_etc .jj_free-gift dl dd.jj_guide {
    color: #999;
}

[class*=jj_goods-comp] .jj_etc .jj_free-gift dl dd .jj_btn-link {
    margin: 0;
}

[class*=jj_goods-comp].jj_soldout .jj_thum {
    display: block;
    position: relative;
}

[class*=jj_goods-comp].jj_soldout .jj_thum::before {
    display: block;
    content: "품절";
    position: absolute;
    top: 70px;
    right: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(34, 34, 34, 0.5);
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
    text-align: center;
}

[class*=jj_goods-comp].jj_end-sale .jj_thum::before {
    display: block;
    content: "판매종료";
    position: absolute;
    left: 0;
    top: 70px;
    right: 0;
    height: 20px;
    background-color: rgba(34, 34, 34, 0.5);
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
}

[class*=jj_goods-comp] ~ .jj_guide-txt {
    margin: 10px 0 0 95px;
}

[class*=jj_goods-comp] .jj_btn-icon .jj_icon-heart {
    background: url(../../common/image/icons/16x16/ico-pay-16-like-off.svg) center center/cover no-repeat;
}

[class*=jj_goods-comp] .jj_btn-icon.jj_area20 {
    background: url("../../common/image/icons/20x20/ico-common-like-small.svg") no-repeat 0 0/100%;
}

[class*=jj_goods-comp] .jj_btn-icon.on .jj_icon-heart {
    background: url(../../common/image/icons/20x20/ico-common-like-on-small.svg) center center/cover no-repeat;
}

[class*=jj_goods-comp].jj_overflow {
    align-items: flex-start;
}

[class*=jj_goods-comp].jj_overflow .jj_thum {
    flex: 0 0 90px;
    position: relative;
    text-align: center;
}

[class*=jj_goods-comp].jj_overflow .jj_thum .jj_btn-box {
    margin: 10px 0 0;
    font-size: 0;
}

[class*=jj_goods-comp].jj_overflow .jj_thum .jj_btn-box .jj_btn-icon-wish {
    display: inline-block;
    vertical-align: middle;
    margin: -5px;
    padding: 5px;
    font-size: 0;
}

[class*=jj_goods-comp].jj_overflow .jj_thum .jj_btn-box .jj_btn-icon-wish .jj_icon-heart {
    display: inline-block;
    vertical-align: middle;
}

[class*=jj_goods-comp].jj_overflow .jj_thum .jj_btn-box .jj_btn-icon-wish .jj_txt {
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

[class*=jj_goods-comp].jj_overflow .jj_thum .jj_btn-box .jj_btn-icon-wish:disabled {
    background: none;
}

[class*=jj_goods-comp].jj_overflow .jj_thum .jj_btn-box .jj_btn-icon-wish:disabled .jj_icon-heart {
    background-image: url(../../common/image/icons/16x16/ico-pay-16-like-disabled.svg);
}

[class*=jj_goods-comp].jj_overflow .jj_thum .jj_btn-box .jj_btn-icon-wish.on .jj_icon-heart {
    background-image: url(../../common/image/icons/16x16/ico-pay-16-like-on.svg);
}

[class*=jj_goods-comp].jj_overflow .jj_thum .jj_btn-box .jj_btn-icon-wish + .jj_btn-line {
    margin-left: 12px;
}

[class*=jj_goods-comp].jj_overflow .jj_thum .jj_btn-box .jj_btn-line {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=jj_goods-comp].jj_overflow .jj_thum .jj_btn-box .jj_btn-line:disabled {
    background: none;
}

[class*=jj_goods-comp].jj_overflow .jj_thum .jj_btn-box .jj_btn-line:disabled span {
    color: #ccc;
}

[class*=jj_goods-comp].jj_overflow .jj_comp-data {
    align-content: normal;
    padding-top: 5px;
}

[class*=jj_goods-comp].jj_overflow .jj_comp-data .jj_flag-wrap {
    margin: 0 0 6px;
    padding: 0 25px 0 0;
    font-size: 0;
    text-align: left;
}

[class*=jj_goods-comp].jj_overflow .jj_comp-data .jj_tit {
    margin: 0 0 6px;
}

[class*=jj_goods-comp].jj_overflow .jj_comp-data .jj_tit .jj_brand {
    display: inline;
}

[class*=jj_goods-comp].jj_overflow .jj_comp-data .jj_option + .jj_option {
    margin-top: 3px;
}

[class*=jj_goods-comp].jj_overflow .jj_price-box {
    width: auto;
}

.jj_brand {
    display: inline;
    font-style: normal;
    font-weight: 700;
    width: auto;
}

.jj_brand + a {
    display: inline;
    width: auto;
}

/*
=======================================
 상품 리스트
=======================================
*/
[class*=jj_goods-grid] {
    display: grid;
    /*제품 리스트 row 타입*/
    /*제품 리스트 col 타입*/
}

[class*=jj_goods-grid] a {
    display: block;
}

[class*=jj_goods-grid] + .jj_btn-more {
    margin-top: 20px;
}

[class*=jj_goods-grid] .jj_thum a {
    position: relative;
    width: 100%;
    padding-top: 100%;
    height: 0;
    background: #f7f7f7;
    overflow: hidden;
}

.jj_main [class*=jj_goods-grid] .jj_thum a {
    padding-top: 150%;
}

[class*=jj_goods-grid] .jj_thum a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

[class*=jj_goods-grid] .jj_goods-data {
    /*상품목록 브랜드*/
}

[class*=jj_goods-grid] .jj_goods-data .jj_brand {
    font-size: 13px;
    line-height: 15px;
    color: #999;
    margin-top: 14px;
    display: inline-block;
}

[class*=jj_goods-grid] .jj_goods-data .jj_flag-wrap {
    height: 16px;
    overflow: hidden;
}

[class*=jj_goods-grid] .jj_goods-data .jj_goods-data .jj_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

[class*=jj_goods-grid][class*=jj_row] {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 15px;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods {
    position: relative;
    /* 품절 */
    /* 판매종료 */
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods a {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods .jj_goods-box {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods .jj_goods-box ~ * {
    display: none;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods.jj_soldout .jj_thum {
    display: block;
    position: relative;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods.jj_soldout .jj_thum::before {
    display: block;
    content: "품절";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background-color: rgba(34, 34, 34, 0.5);
    font-weight: 500;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods.jj_end-sale .jj_thum {
    display: block;
    position: relative;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods.jj_end-sale .jj_thum::before {
    display: block;
    content: "판매종료";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background-color: rgba(34, 34, 34, 0.5);
    font-weight: 500;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods .jj_thum {
    position: relative;
    width: 109px;
    padding-top: 109px;
    overflow: hidden;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods .jj_thum:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03);
    z-index: 3;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods .jj_thum img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods .jj_thum .jj_times {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 5px;
    background: #ffffff;
    color: #222;
    line-height: 16px;
    font-size: 9px;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods .jj_thum .jj_times i {
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods .jj_goods-data {
    margin-left: 15px;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods .jj_goods-data .jj_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

[class*=jj_goods-grid][class*=jj_row] .jj_goods .jj_btn-icon {
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
}

[class*=jj_goods-grid][class*=jj_row][class*=size62] {
    row-gap: 15px;
    margin-top: 20px;
}

[class*=jj_goods-grid][class*=jj_row][class*=size62] .jj_thum {
    position: relative;
    width: 62px;
    padding-top: 62px;
    height: 0;
}

.jj_main [class*=jj_goods-grid][class*=jj_row][class*=size62] .jj_thum {
    padding-top: 93px;
}

[class*=jj_goods-grid][class*=jj_row][class*=size62] .jj_thum img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

[class*=jj_goods-grid][class*=jj_row][class*=size62] .jj_goods-data {
    /*.jj_tit {
              @include ellipsis(17, 1);
          }*/
}

[class*=jj_goods-grid][class*=jj_row][class*=size62] .jj_goods-data .jj_desc {
    display: block;
    margin: 2px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

[class*=jj_goods-grid][class*=jj_row][class*=size62] .jj_goods-data [class*=jj_price-box] {
    margin: 2px 0 0;
}

[class*=jj_goods-grid][class*=jj_row][class*=size62].ty2 {
    row-gap: 10px;
}

[class*=jj_goods-grid][class*=jj_row][class*=size62].ty2 .jj_goods button {
    right: -5px;
}

[class*=jj_goods-grid][class*=jj_row][class*=size90] {
    row-gap: 10px;
}

[class*=jj_goods-grid][class*=jj_row][class*=size90] .jj_thum {
    position: relative;
    width: 90px;
    height: 0;
    padding-top: 90px;
}

[class*=jj_goods-grid][class*=jj_row][class*=size90] .jj_goods-data {
    margin-right: 15px;
}

[class*=jj_goods-grid][class*=jj_row][class*=size90] [class*=jj_btn-round] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

[class*=jj_goods-grid][class*=jj_row][class*=size90].jj_has-btn a {
    padding-right: 80px;
}

[class*=jj_goods-grid][class*=jj_row].jj_has-heart a {
    padding-right: 35px;
}

[class*=jj_goods-grid][class*=jj_row].jj_has-check {
    row-gap: 20px;
}

[class*=jj_goods-grid][class*=jj_row].jj_has-check .jj_goods {
    position: relative;
    padding: 0 0 0 30px;
}

[class*=jj_goods-grid][class*=jj_row].jj_has-check .jj_goods label {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 10;
}

[class*=jj_goods-grid][class*=jj_row].jj_has-check .jj_goods .jj_select-custom,
[class*=jj_goods-grid][class*=jj_row].jj_has-check .jj_goods .jj_quantity {
    margin: 10px 0 0;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods .jj_thum .jj_ranking {
    position: absolute;
    top: 1px;
    left: 1px;
    padding: 0 5px;
    background: #ffffff;
    z-index: 1;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods .jj_thum .jj_ranking .jj_rank {
    font-size: 9px;
    line-height: 20px;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods .jj_thum .jj_ranking .jj_rank .jj_number {
    font-size: 12px;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods .jj_thum .jj_ranking .jj_rank-status {
    margin-left: 2px;
    line-height: 20px;
    /*&.freeze {
                  margin-right: 7px;
              }*/
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods .jj_thum .jj_ranking .jj_rank-status.new {
    font-size: 9px !important;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods.jj_has-rank {
    padding: 25px 0 0 0;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods.jj_has-rank .jj_thum a {
    overflow: visible;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods.jj_has-rank .jj_ranking {
    top: -25px;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods.jj_has-rank .jj_ranking:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods.jj_has-rank .jj_ranking .jj_rank {
    font-size: 11px;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods.jj_has-rank .jj_ranking .jj_rank .jj_number {
    font-size: 15px;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods.jj_has-rank .jj_ranking .jj_rank-status {
    display: flex;
    margin-left: 8px;
    font-size: 10px;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods-data .jj_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    margin: 0;
    text-align: left;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods-data .jj_tit em {
    color: #d10011;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods-data .jj_option-txt {
    display: block;
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods-data .jj_option-txt ~ .jj_price-box {
    margin-top: 8px;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods-data .jj_price-box {
    margin-top: 3px;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods-data .jj_price-box .jj_number {
    margin-right: 1px;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods-data .jj_price-box .jj_del {
    color: #999;
    font-weight: 400;
    font-size: 10px;
}

[class*=jj_goods-grid][class*=jj_col] .jj_goods-data .jj_price-box .jj_del .jj_number {
    font-size: 11px;
}

[class*=jj_goods-grid][class*=jj_col] + .jj_btn-more {
    margin-top: 20px;
}

[class*=jj_goods-grid][class*=jj_col1] .jj_goods + .jj_goods {
    margin-top: 25px;
}

[class*=jj_goods-grid][class*=jj_col2] {
    grid-template-columns: repeat(2, minmax(calc(50% - 9px), 1fr));
    -moz-column-gap: 9px;
    column-gap: 9px;
    row-gap: 25px;
}

.jj_main [class*=jj_goods-grid][class*=jj_col2] {
    row-gap: 34px;
}

[class*=jj_goods-grid][class*=jj_col2] .jj_goods .jj_goods-data a {
    display: block;
    padding-top: 12px;
}

[class*=jj_goods-grid][class*=jj_col2] .jj_goods .jj_ranking + .jj_thum {
    margin-top: 5px;
}

[class*=jj_goods-grid][class*=jj_col3] {
    grid-template-columns: repeat(3, minmax(calc(33% - 9px), 1fr));
    -moz-column-gap: 9px;
    column-gap: 9px;
    row-gap: 15px;
}

[class*=jj_goods-grid][class*=jj_col3] .jj_goods-data a {
    display: block;
    padding-top: 12px;
}

[class*=jj_goods-grid][class*=jj_col3] .jj_goods-data a .jj_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

[class*=jj_goods-grid][class*=jj_col3] .jj_goods-data a .jj_price-box {
    flex-wrap: wrap;
    margin-top: 3px;
    text-align: left;
    font-size: 12px;
}

[class*=jj_goods-grid][class*=jj_col3] .jj_goods-data a .jj_price-box .jj_del {
    margin: 0;
}

[class*=jj_goods-grid][class*=jj_col3] .jj_tit {
    margin: 9px 5px 0;
    text-align: center;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

[class*=jj_goods-grid].swiper-container {
    margin: 0 -15px;
    padding: 0 24px;
}

[class*=jj_goods-grid].jj_square_type .jj_thum a {
    padding-top: 100%;
}

/*제품 리스트 아이템*/
[class*=jj_goods] .jj_video {
    position: relative;
    padding: 0 0 100%;
}

[class*=jj_goods] .jj_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}

[class*=jj_goods] .jj_thum {
    position: relative;
    flex: 0 0 auto;
}

[class*=jj_goods] .jj_thum a::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03);
    z-index: 1;
}

[class*=jj_goods] .jj_thum .jj_btn-icon {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 1;
}

[class*=jj_goods] .jj_thum img {
    width: 100%;
}

[class*=jj_goods] .jj_thum .jj_goods-soldout {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    background: rgba(196, 196, 196, 0.8);
}

[class*=jj_goods] .jj_btn-icon {
    padding: 5px;
    font-size: 0;
}

[class*=jj_goods] .jj_goods-data {
    position: relative;
}

[class*=jj_goods] .jj_goods-data a {
    display: block;
    padding-top: 12px;
}

[class*=jj_goods] .jj_goods-data .jj_brand + .jj_tit {
    margin-top: 4px;
}

[class*=jj_goods] .jj_goods-data .jj_tit-brand + .jj_tit {
    margin: 5px 0 0 0;
}

[class*=jj_goods] .jj_goods-data .jj_tit {
    display: block;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

[class*=jj_goods] .jj_goods-data .jj_price-box {
    margin-top: 5px;
}

[class*=jj_goods] .jj_goods-data .jj_star-wrap {
    margin-top: 8px;
}

[class*=jj_goods] .jj_goods-data .jj_option-list {
    margin: -5px 0 0 -5px;
}

[class*=jj_goods] .jj_goods-data .jj_tit-brand {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #999;
    line-height: 15px;
    word-break: break-word;
}

[class*=jj_goods] .jj_goods-data .jj_offshop {
    margin-bottom: 6px;
    color: #555;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*list case : 1줄 케이스  start*/
.jj_line-list {
    margin: 15px auto 40px;
}

.jj_line-list li {
    position: relative;
    box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    overflow: hidden;
}

.jj_line-list li + li {
    margin-top: 16px;
}

.jj_line-list li a {
    display: block;
}

.jj_line-list li .jj_thum {
    display: block;
}

.jj_line-list li .jj_thum img {
    width: 100%;
}

.jj_line-list li .desc {
    padding: 20px;
    border: solid 1px #eeeeee;
    border-top: none;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    background: #fff;
}

.jj_line-list li .desc .jj_tit {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.jj_line-list li .desc .jj_txt {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    color: #222;
    line-height: 1.43;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.jj_line-list li .desc .jj_date {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
    color: #999;
}

.jj_btn-icon .jj_icon-heart {
    background: url(../../common/image/icons/20x20/ico-common-like-small.svg) center center/cover no-repeat;
}

.jj_btn-icon.on .jj_icon-heart {
    background: url(../../common/image/icons/20x20/ico-common-like-on-small.svg) center center/cover no-repeat;
}

/* 결제예정금액 */
.jj_pay-comp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 16px 0 10px;
    border-radius: 3px;
    background-color: #f7f7f7;
}

.jj_pay-comp .jj_flex {
    flex: 1;
    display: inline-block;
    margin-left: -8px;
    font-size: 0;
}

.jj_pay-comp .jj_flex > * {
    display: inline-flex;
    margin-left: 8px;
}

.jj_pay-comp .jj_price-box {
    display: inline-flex;
}

.jj_pay-comp .jj_price-box .jj_label {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    padding-top: 1px;
}

.jj_pay-comp .jj_price-box .jj_label + .jj_number {
    margin-left: 10px;
}

.jj_pay-comp[class*=ty2] {
    height: 40px;
    padding: 0 11px 0 15px;
}

.jj_board-list {
    border-top: 1px solid #eee;
}

.jj_board-list > li {
    border-bottom: 1px solid #eee;
}

.jj_board-list > li:last-child {
    border-bottom: none;
}

.jj_board-list > li.jj_nodata {
    margin: 0 auto;
    padding: 40px 0;
    border-bottom: none;
}

.jj_board-list > li.jj_nodata span {
    display: block;
    text-align: center;
    color: #999;
    font-size: 13px;
    line-height: 17px;
}

.jj_board-list > li.jj_nodata::before {
    display: none;
}

.jj_board-list .jj_tit-box {
    display: block;
    position: relative;
    padding: 20px 0;
}

.jj_board-list .jj_tit-box::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../../common/image/icons/20x20/ico-common-arrow-a-right-small.svg) center center no-repeat;
}

.jj_board-list .jj_tit-box > *:first-child {
    margin-top: 0;
}

.jj_board-list .jj_tit-box .jj_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    position: relative;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222;
    letter-spacing: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jj_board-list .jj_tit-box .jj_data-box {
    display: block;
    margin-top: 5px;
}

.jj_board-list .jj_tit-box .jj_data-box span {
    color: #999;
    font-size: 12px;
    line-height: 18px;
}

.jj_board-list.ty2 {
    padding-bottom: 0px;
}

.jj_board-list.ty2 .jj_nodata {
    padding: 30px 0 0;
}

.jj_tit-wrap + .jj_board-list {
    margin-top: 15px;
}

/*
=======================================
 버튼
=======================================
*/
/* 버튼 타입별 스타일 */
[class*=jj_btn] {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[class*=jj_btn][class*=wrap] {
    font-size: 0;
}

[class*=jj_btn][class*=wrap] > * + * {
    margin: 5px 0 0;
}

[class*=jj_btn][class*=wrap].jj_fit {
    display: flex;
}

[class*=jj_btn][class*=wrap].jj_fit > * + * {
    margin: 0 0 0 5px;
}

[class*=jj_btn][class*=wrap].jj_flex {
    justify-content: center;
}

[class*=jj_btn][class*=wrap].jj_flex > * + * {
    margin-top: 0;
    margin-left: 5px;
}

[class*=jj_btn][class*=wrap] [class*=jj_btn] {
    flex: 0 1 auto;
}

[class*=jj_btn][class*=ty1] {
    border-color: #555;
    background: #555;
}

[class*=jj_btn][class*=ty1] span {
    color: #ffffff;
}

[class*=jj_btn][class*=ty2] {
    border-color: #ccc;
    background: #ffffff;
}

[class*=jj_btn][class*=ty2] span {
    color: #555;
}

[class*=jj_btn][class*=ty2]:disabled {
    background: #f4f4f4;
}

[class*=jj_btn][class*=ty2]:disabled span {
    color: rgba(85, 85, 85, 0.3);
}

[class*=jj_btn][class*=ty2]:disabled i {
    opacity: 0.3;
}

[class*=jj_btn][class*=ty3] {
    border-color: #999;
    background: #ffffff;
}

[class*=jj_btn][class*=ty3] span {
    color: #555;
}

[class*=jj_btn][class*=ty4] {
    border-color: #ddd;
    background: #ffffff;
}

[class*=jj_btn][class*=ty4] span {
    color: #555;
}

[class*=jj_btn][class*=ty5] {
    border-color: #ffffff;
    background: #ffffff;
}

[class*=jj_btn][class*=ty5] span {
    color: #555;
}

[class*=jj_btn][class*=ty6] {
    border-color: #777;
    background: #777;
}

[class*=jj_btn][class*=ty6] span {
    font-weight: 700;
    color: #ffffff;
}

[class*=jj_btn][class*=ty7] {
    border-color: #ccc;
    background: #ccc;
}

[class*=jj_btn][class*=ty7] span {
    font-weight: 500;
    color: #ffffff;
}

[class*=jj_btn][class*=ty8] {
    border-color: #333;
    background: #333;
}

[class*=jj_btn][class*=ty8] span {
    font-weight: 500;
    color: #ffffff;
}

[class*=jj_btn][class*=ty9] {
    border-color: #666;
    background: #666;
}

[class*=jj_btn][class*=ty9] span {
    font-weight: 500;
    color: #ffffff;
}

[class*=jj_btn][class*=ty10] {
    border-color: #ddd;
    background: #f4f4f4;
}

[class*=jj_btn][class*=ty10] span {
    font-weight: 500;
    color: #222;
}

[class*=jj_btn] > span + i {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

[class*=jj_btn] i + span {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

[class*=jj_btn] .jj_icon-like + span {
    margin-left: 0;
}

/* 네모버튼 */
[class*=jj_btn-base] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border: none;
    border-radius: 3px;
    background: #ffffff;
    text-align: center;
}

[class*=jj_btn-base] span {
    display: inline-block;
    vertical-align: middle;
}

[class*=jj_btn-base] i {
    display: inline-block;
    vertical-align: middle;
}

[class*=jj_btn-base][class*=size30] {
    height: 30px;
    border: 1px solid #555;
}

[class*=jj_btn-base][class*=size30] span {
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    color: #555;
}

[class*=jj_btn-base][class*=size40] {
    height: 40px;
    border: 1px solid #555;
}

[class*=jj_btn-base][class*=size40] span {
    font-weight: 500;
    font-size: 13px;
    line-height: 38px;
    color: #555;
}

[class*=jj_btn-base][class*=size45] {
    height: 45px;
    border: 1px solid #555;
}

[class*=jj_btn-base][class*=size45] span {
    font-weight: 500;
    font-size: 16px;
    line-height: 43px;
    color: #555;
}

[class*=jj_btn-base][class*=size50] {
    height: 50px;
    border: 1px solid #555;
}

[class*=jj_btn-base][class*=size50] span {
    font-weight: 700;
    font-size: 15px;
    line-height: 48px;
    color: #555;
}

.jj_common-btn-wrap {
    display: flex;
    align-items: center;
    font-size: 0;
    margin: 0 -15px;
}

[class*=jj_btn-flat] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: #ffffff;
    text-align: center;
}

[class*=jj_btn-flat] span {
    display: inline-block;
    vertical-align: middle;
}

[class*=jj_btn-flat] i {
    display: inline-block;
    vertical-align: middle;
}

[class*=jj_btn-flat][class*=size45] {
    height: 45px;
    border: 1px solid;
}

[class*=jj_btn-flat][class*=size45] span {
    font-size: 16px;
    line-height: 43px;
}

/* 라운드버튼 */
/*basic*/
[class*=jj_btn-round] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #ffffff;
    text-align: center;
}

[class*=jj_btn-round] input[type=checkbox],
[class*=jj_btn-round] input[type=radio] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 0;
    opacity: 0;
}

[class*=jj_btn-round] span {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
}

[class*=jj_btn-round] i {
    display: inline-block;
    vertical-align: middle;
}

[class*=jj_btn-round][class*=size24] {
    height: 24px;
    border-radius: 12px;
    padding: 0 9px;
}

[class*=jj_btn-round][class*=size24] span {
    border-radius: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: #777;
}

[class*=jj_btn-round][class*=size30] {
    height: 30px;
    border-radius: 15px;
    padding: 0 14px;
}

[class*=jj_btn-round][class*=size30] span {
    border-radius: 15px;
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    color: #555;
    white-space: nowrap;
}

[class*=jj_btn-round][class*=size36] {
    height: 36px;
    border-radius: 18px;
    padding: 0 15px;
}

[class*=jj_btn-round][class*=size36] span {
    border-radius: 18px;
    font-weight: 400;
    font-size: 13px;
    line-height: 34px;
    color: #777;
    white-space: nowrap;
}

[class*=jj_btn-round][class*=size45] {
    height: 45px;
    border-radius: 25px;
    padding: 0 70px;
}

[class*=jj_btn-round][class*=size45] span {
    font-weight: 500;
    font-size: 16px;
    line-height: 43px;
    color: #ffffff;
}

[class*=jj_btn-round].jj_floating-btn {
    position: fixed;
    bottom: 11.9791666667vh;
    left: 50%;
    transform: translateX(-50%);
    height: 40px;
    border-radius: 20px;
    background: #ffffff;
}

[class*=jj_btn-round].jj_floating-btn span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #ff5432;
    text-align: center;
    padding: 0 20px;
}

label[class*=jj_btn-round] {
    border: none;
    padding: 0;
}

label[class*=jj_btn-round] span {
    display: block;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 0 14px;
    background: none;
    text-align: center;
}

label[class*=jj_btn-round][class*=case1] input[type=checkbox]:checked ~ span,
label[class*=jj_btn-round][class*=case1] input[type=radio]:checked ~ span {
    border-color: #555;
    font-weight: 700;
}

label[class*=jj_btn-round][class*=case2] input[type=checkbox]:checked ~ span,
label[class*=jj_btn-round][class*=case2] input[type=radio]:checked ~ span {
    border-color: #555;
    background: #555;
    font-weight: 700;
    color: #ffffff;
}

label[class*=jj_btn-round][class*=case3] input[type=checkbox]:checked ~ span,
label[class*=jj_btn-round][class*=case3] input[type=radio]:checked ~ span {
    border-color: #333;
    background: #333;
    font-weight: 700;
    color: #ffffff;
}

/* 삭제버튼 */
[class*=jj_btn-del] {
    border: none;
    padding: 0;
    min-width: auto;
    height: auto;
    background-color: transparent;
    font-size: 0;
}

/* 토글 버튼 */
[class*=jj_btn-toggle] span {
    font-size: 13px;
    line-height: 19px;
    color: #222;
    text-decoration: underline;
    text-underline-position: under;
}

[class*=jj_btn-toggle].on i {
    transform: rotate(180deg);
}

/* 인포 더보기 버튼 */
.jj_more-info {
    height: 20px;
    font-size: 13px;
    color: #555;
}

.jj_more-info::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../common/image/icons/20x20/ico-common-arrow-a-down-small.svg) center center/cover no-repeat;
    vertical-align: middle;
}

.jj_more-info.on::after {
    transform: rotateZ(180deg);
}

.jj_more-info span {
    display: inline-block;
    vertical-align: middle;
}

/* 텍스트 버튼 */
[class*=jj_btn-txt] {
    border: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    min-width: auto;
    display: inline-block;
    background: none;
    font-size: 0;
}

[class*=jj_btn-txt] span {
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #777;
    vertical-align: middle;
}

[class*=jj_btn-txt] i {
    vertical-align: middle;
}

[class*=jj_btn-txt] i ~ span {
    margin: 0 0 0 2px;
}

[class*=jj_btn-txt].case1 span {
    color: #555;
}

[class*=jj_btn-txt].case2 span {
    color: #222;
}

[class*=jj_btn-txt][class*=size12] span {
    font-size: 12px;
    line-height: 18px;
}

[class*=jj_btn-txt][class*=size14] span {
    font-size: 14px;
    line-height: 20px;
}

/* 링크 버튼 */
[class*=jj_btn-link] {
    display: inline-flex;
    border: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    min-width: auto;
    background-color: transparent;
}

[class*=jj_btn-link]::after {
    display: block;
    content: "";
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    padding: 5px 2px;
    background: url(../../common/image/icons/10x10/ico-common-10-arrow-black.svg) center center no-repeat;
}

[class*=jj_btn-link] span {
    display: block;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: #222;
}

[class*=jj_btn-link].case2 span {
    color: #777;
}

[class*=jj_btn-link].case2::after {
    background: url(../../common/image/icons/10x10/ico-common-arrow-c-down-small-white.svg) center center no-repeat;
}

[class*=jj_btn-link].case3 span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=jj_btn-link].case3::after {
    padding: 4px 2px;
    background: url(../../common/image/icons/10x10/ico-common-10-arrow-gray.svg) center center no-repeat;
}

[class*=jj_btn-link].case4 span {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #555;
}

[class*=jj_btn-link].case5 span {
    font-weight: 500;
    line-height: 20px;
}

[class*=jj_btn-link].case6 span {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

[class*=jj_btn-link].case6::after {
    padding: 4px 2px;
    background: url(../../common/image/icons/10x10/ico-common-10-arrow-gray.svg) center center no-repeat;
}

[class*=jj_btn-link].case7 {
    display: block;
}

[class*=jj_btn-link].case7 span {
    display: inline;
    font-weight: normal;
    font-size: 12px;
    color: #777;
    line-height: 18px;
}

[class*=jj_btn-link].case7::after {
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    padding: 0;
    display: inline-block;
    background-image: url(../../common/image/icons/10x10/ico-common-10-arrow-gray.svg);
}

[class*=jj_btn-link].case8::after {
    display: none;
}

[class*=jj_btn-link].case8 span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=jj_btn-link].case8 span::after {
    display: inline-block;
    content: "";
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    padding: 4px 2px;
    background: url(../../common/image/icons/10x10/ico-common-10-arrow-gray.svg) center center no-repeat;
    vertical-align: middle;
}

/* 라인 버튼 */
[class*=jj_btn-line] {
    border: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    min-width: auto;
    display: inline-flex;
    text-align: left;
    background: none;
}

[class*=jj_btn-line] span {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    color: #555;
    line-height: 18px;
    text-decoration: underline;
    background-color: transparent;
}

[class*=jj_btn-line] li {
    margin: 8px 0 0;
    padding: 0 0 0 15px;
    font-size: 12px;
    line-height: 18px;
    text-indent: -15px;
}

[class*=jj_btn-line] li:first-child {
    margin: 0;
}

[class*=jj_btn-line].case2 span {
    color: #ccc;
}

[class*=jj_btn-line].case3 span {
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

[class*=jj_btn-line].case4 span {
    font-size: 11px;
    line-height: 16px;
}

[class*=jj_btn-line].case5 span {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

[class^=jj_btn][class*=ty1] {
    border-color: #555;
    background: #555;
}

[class^=jj_btn][class*=ty1] span {
    color: #ffffff;
}

[class^=jj_btn][class*=ty2] {
    border-color: #ccc;
    background: #ffffff;
}

[class^=jj_btn][class*=ty2] span {
    color: #555;
}

[class^=jj_btn][class*=ty2]:disabled {
    background: #f4f4f4;
}

[class^=jj_btn][class*=ty2]:disabled span {
    color: rgba(85, 85, 85, 0.3);
}

[class^=jj_btn][class*=ty2]:disabled i {
    opacity: 0.3;
}

[class^=jj_btn][class*=ty3] {
    border-color: #999;
    background: #ffffff;
}

[class^=jj_btn][class*=ty3] span {
    color: #555;
}

[class^=jj_btn][class*=ty4] {
    border-color: #ddd;
    background: #ffffff;
}

[class^=jj_btn][class*=ty4] span {
    color: #555;
}

[class^=jj_btn][class*=ty5] {
    border-color: #ffffff;
    background: #ffffff;
}

[class^=jj_btn][class*=ty5] span {
    color: #555;
}

[class^=jj_btn][class*=ty6] {
    border-color: #777;
    background: #777;
}

[class^=jj_btn][class*=ty6] span {
    font-weight: 700;
    color: #ffffff;
}

[class^=jj_btn][class*=ty7] {
    border-color: #ccc;
    background: #ccc;
}

[class^=jj_btn][class*=ty7] span {
    font-weight: 500;
    color: #ffffff;
}

[class^=jj_btn][class*=ty8] {
    border-color: #333;
    background: #333;
}

[class^=jj_btn][class*=ty8] span {
    font-weight: 500;
    color: #ffffff;
}

[class^=jj_btn][class*=ty9] {
    border-color: #666;
    background: #666;
}

[class^=jj_btn][class*=ty9] span {
    font-weight: 500;
    color: #ffffff;
}

[class^=jj_btn][class*=ty10] {
    border-color: #ddd;
    background: #f4f4f4;
}

[class^=jj_btn][class*=ty10] span {
    font-weight: 500;
    color: #222;
}

/* 사이즈 선택 버튼 */
.jj_btn-size {
    display: block;
    box-sizing: border-box;
    min-width: auto;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0;
    background: #ffffff;
}

.jj_btn-size span {
    display: block;
    font-weight: 700;
    font-size: 11px;
    line-height: 28px;
    color: #555;
    text-align: center;
}

.jj_btn-size.on {
    border-color: #222;
}

.jj_btn-size.on span {
    color: #222;
}

.jj_btn-size.jj_fake-disabled, .jj_btn-size:disabled {
    border: 1px solid #ddd;
    background: #f4f4f4;
}

.jj_btn-size.jj_fake-disabled.on, .jj_btn-size:disabled.on {
    border-color: #222;
}

.jj_btn-size.jj_fake-disabled span, .jj_btn-size:disabled span {
    position: relative;
    color: #ccc;
}

.jj_btn-size.jj_fake-disabled span::before, .jj_btn-size:disabled span::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 40px;
    background: #ddd;
    transform: translate(-50%, -50%) rotate(45deg);
}

.jj_btn-size.case2 {
    min-width: 30px;
    width: auto;
    padding: 0 9px;
}

.jj_btn-size.case2 span {
    white-space: nowrap;
}

.jj_btn-size.case2.on {
    border-color: #222;
}

.jj_btn-size.case2.on span {
    color: #222;
}

.jj_btn-size.case2:disabled span::before {
    height: 40px;
}

/* 컬러 선택 버튼 */
.jj_btn-color {
    display: block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    min-width: auto;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0;
    background: none;
}

.jj_btn-color img {
    width: 100%;
    height: 100%;
}

.jj_btn-color.on {
    border: 1px solid #222;
}

.jj_btn-color.on::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: auto;
    height: auto;
    border: 2px solid #ffffff;
    border-radius: 2px;
    background: none;
    transform: translate(0, 0);
}

.jj_btn-color.jj_fake-disabled, .jj_btn-color:disabled {
    border: 1px solid #ccc;
}

.jj_btn-color.jj_fake-disabled::after, .jj_btn-color:disabled::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 42px;
    background: #ddd;
    transform: translate(-50%, -50%) rotate(45deg);
}

.jj_btn-color.jj_fake-disabled.on, .jj_btn-color:disabled.on {
    border-color: #222;
}

.jj_btn-color-size20 {
    display: block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    min-width: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 0;
    background: none;
}

.jj_btn-color-size20 img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.jj_btn-color-size20.on {
    border: 1px solid #222;
}

.jj_btn-color-size20.on::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: auto;
    height: auto;
    border: 1px solid #ffffff;
    background: none;
    transform: translate(0, 0);
}

.jj_btn-color-size20:disabled, .jj_btn-color-size20.disabled {
    border: 1px solid #ccc;
}

.jj_btn-color-size20:disabled::before, .jj_btn-color-size20.disabled::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 42px;
    background: #ddd;
    transform: translate(-50%, -50%) rotate(45deg);
}

.jj_sticky-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 10px 15px calc(var(--safeBtm) + 10px);
    border-top: 1px solid #eee;
    background-color: #fff;
    z-index: 499;
}

.jj_sticky-bottom ~ footer, .jj_sticky-bottom ~ .jj_footer {
    padding-bottom: 150px;
}

.jj_sticky-bottom.ty2 {
    z-index: 499;
    padding: 0 0 var(--safeBtm);
    border: none;
}

.jj_sticky-bottom.ty2 .jj_common-btn-wrap {
    margin: 0;
}

.jj_sticky-bottom [class*=jj_btn][class*=size45] {
    border-color: #333;
    color: #333;
}

.jj_sticky-bottom [class*=jj_btn][class*=size45].ty1 {
    background: #333;
    border-color: #333;
    color: #333;
}

/* 버튼 컨테이너 슬롯영역 */
.jj_slot {
    display: inline-block;
    width: 50px;
    height: 45px;
    font-size: 0;
}

.jj_slot .jj_btn-ico {
    display: inline-block;
    vertical-align: middle;
}

.jj_slot .jj_btn-ico.on .jj_btn-heart {
    background-image: url(../../common/image/icons/24x24/ico-common-24-like-white.svg);
}

.jj_slot .jj_btn-ico .jj_btn-heart {
    display: block;
    width: 50px;
    height: 45px;
    background: #999 url(../../common/image/icons/24x24/ico-common-24-like-white-off.svg) center center no-repeat;
    font-size: 0;
    transition: all 0.3s;
}

.jj_slot .jj_btn-ico .jj_btn-gift {
    display: block;
    width: 50px;
    height: 45px;
    font-size: 0;
    background: #999 url(../../common/image/icons/24x24/ico-common-24-gift-white.svg) center center no-repeat;
}

.jj_slot .jj_btn-ico .jj_txt {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #222;
    text-align: center;
}

.jj_gray-area {
    border-radius: 3px;
    padding: 12px 20px;
    background: #f7f7f7;
}

.jj_gray-area.ty2 {
    padding: 12px 15px;
}

.jj_gray-area.ty3 {
    padding: 15px;
}

.jj_gray-area.ty3 label {
    display: block;
}

.jj_gray-area.ty3 label + label {
    margin: 5px 0 0;
}

.jj_gray-area.ty4 {
    padding: 20px 25px;
}

.jj_gray-area.ty5 {
    text-align: center;
    padding: 20px 20px 18px 20px;
}

.jj_gray-area.ty5 p {
    color: #777;
    line-height: 19px;
}

.jj_line-area {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 20px;
}

.jj_info-area[data-toggleid] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s;
}

.jj_info-area[data-toggleid] .jj_info-inner {
    text-align: center;
    padding: 20px 20px 18px 20px;
    background-color: #f4f4f4;
    border-radius: 3px;
    margin-top: 10px;
}

.jj_info-area[data-toggleid].on {
    max-height: 107px;
}

.jj_info-area[data-toggleid] p {
    color: #777;
}

.jj_note li {
    position: relative;
    padding: 0 0 0 7px;
    font-size: 11px;
    line-height: 17px;
    color: #999;
}

.jj_note li::before {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #999;
}

.jj_note li + li {
    margin: 5px 0 0;
}

.jj_note li.jj_caution {
    color: #d10011;
}

.jj_note li.jj_caution::before {
    background: #d10011;
}

.jj_note.ty2 li {
    padding: 0 0 0 8px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.jj_note.ty2 li::before {
    background: #777;
}

.jj_note.ty2 li + li {
    margin: 8px 0 0;
}

.jj_note.ty3 li {
    padding: 0 0 0 8px;
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.jj_note.ty3 li::before {
    top: 9px;
    background: #555;
}

.jj_note.ty3 li + li {
    margin: 8px 0 0;
}

.jj_note.ty4 li {
    padding: 0 0 0 8px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.jj_note.ty4 li::before {
    background: #999;
}

.jj_note.ty4 li + li {
    margin: 8px 0 0;
}

.jj_note.jj_has-line {
    border-top: 1px solid #eee;
    padding: 20px 0 0;
}

/* 모달안 안내문구 */
.jj_note:not(ul) {
    text-align: center;
}

.jj_note:not(ul).jj_alarm {
    margin-top: 15px;
}

.jj_note:not(ul).jj_alarm::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    background: url(../../common/image/icons/60x60/ico-common-60-alarm.svg) center center/cover no-repeat;
}

.jj_note:not(ul).jj_alarm > p {
    font-size: 15px;
    font-weight: 500;
    color: #222;
    line-height: 21px;
}

.jj_note:not(ul).jj_alarm > p + .jj_ps {
    margin-top: 10px;
}

.jj_note:not(ul).jj_alarm .jj_ps {
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.jj_star-point {
    position: relative;
    width: 80px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-star-gray-small-five.svg) 0 0 no-repeat;
}

.jj_star-point .jj_star {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    background: url(../../common/image/icons/etc/ico-common-16-star-yellow-small-five.svg) no-repeat;
}

.jj_star-point.jj_size20 {
    width: 100px;
    height: 20px;
    background-image: url(../../common/image/icons/etc/ico-common-5-star-grey-reveiw.svg);
}

.jj_star-point.jj_size20 .jj_star {
    background-image: url(../../common/image/icons/etc/ico-common-5-star-yellow-reveiw.svg);
}

.jj_star-point.jj_size20 + .jj_star-info .jj_point {
    font-size: 14px;
    line-height: 20px;
}

.jj_star-wrap {
    display: flex;
}

.jj_star-wrap .jj_star-point .jj_star {
    display: inline-block;
    margin: 0 3px 0 0;
    font-weight: 700;
    color: #555;
}

.jj_star-wrap .jj_goods-star {
    position: relative;
    width: 10px;
    height: 17px;
    background: url(../../common/image/icons/etc/ico-common-star-darkgrey-small.svg) 0 0 no-repeat;
}

.jj_star-wrap .jj_goods-star + .jj_star-info {
    font-size: 11px;
    line-height: 17px;
}

.jj_star-wrap .jj_goods-star + .jj_star-info .jj_point {
    display: inline-block;
    font-size: 11px;
}

.jj_star-wrap .jj_star-info {
    margin: 0 0 0 3px;
    font-size: 13px;
    line-height: 16px;
    color: #777;
}

.jj_star-wrap .jj_star-info .jj_point {
    font-weight: 700;
    color: #555;
}

.jj_star-wrap .jj_star-info .jj_total {
    margin: 0 0 0 3px;
}

[class*=jj_price-box] {
    display: block;
    font-size: 0;
    /*세일 이전 가격*/
}

[class*=jj_price-box] .jj_price {
    display: inline-flex;
    align-items: baseline;
    font-size: 11px;
    line-height: 12px;
    color: #222;
    vertical-align: baseline;
}

[class*=jj_price-box] .jj_price .jj_number {
    font-family: "Roboto";
    letter-spacing: -0.5px !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    transform: translateY(1px);
    margin-right: 1px;
}

[class*=jj_price-box] .jj_original {
    margin: 0 0 0 8px;
}

[class*=jj_price-box] .jj_original span {
    display: inline-flex;
    align-items: baseline;
    font-size: 10px;
    line-height: 18px;
    color: #999;
    vertical-align: baseline;
}

[class*=jj_price-box] .jj_original span .jj_number {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    transform: translateY(1px);
}

[class*=jj_price-box] .jj_original i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 4px;
}

[class*=jj_price-box] .jj_del {
    display: inline-flex;
    align-items: baseline;
    margin: 0 0 0 3px;
    font-size: 10px;
    line-height: 12px;
    color: #999;
    vertical-align: baseline;
}

[class*=jj_price-box] .jj_del .jj_number {
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    color: #999;
    transform: translateY(0);
}

[class*=jj_price-box] .jj_del [class*=jj_icon] {
    align-self: center;
    margin: 0 0 0 5px;
}

[class*=jj_price-box].jj_original .jj_price .jj_number {
    font-size: 11px;
    color: #999;
}

[class*=jj_price-box][class*=size13] .jj_price {
    font-size: 13px;
    line-height: 19px;
}

[class*=jj_price-box][class*=size13] .jj_price .jj_number {
    font-size: 13px;
    line-height: 19px;
}

[class*=jj_price-box][class*=size15] .jj_price {
    font-size: 12px;
}

[class*=jj_price-box][class*=size15] .jj_price .jj_number {
    font-size: 15px;
    margin-right: 1px;
}

[class*=jj_price-box][class*=size15] .jj_del {
    margin: 0 0 0 8px;
}

[class*=jj_price-box][class*=size22] .jj_price {
    font-size: 15px;
    vertical-align: middle;
}

[class*=jj_price-box][class*=size22] .jj_price .jj_number {
    font-size: 22px;
    line-height: 30px;
}

[class*=jj_price-box][class*=size22] .jj_del {
    margin: 0 0 0 10px;
    font-size: 13px;
    vertical-align: middle;
}

[class*=jj_price-box][class*=size22] .jj_del .jj_number {
    font-size: 15px;
}

[class*=jj_price-box][class*=size22] .jj_del.jj_txt {
    align-items: center;
}

[class*=jj_price-box][class*=size22] .jj_del.jj_txt .jj_number {
    font-size: 13px;
}

[class*=jj_price-box].jj_original {
    margin-top: 1px;
}

[class*=jj_price-box].jj_original .jj_price {
    font-size: 10px;
    color: #999;
}

[class*=jj_price-box].jj_original .jj_price .jj_number {
    line-height: 17px;
    font-size: 11px;
}

[class*=jj_price-box] .jj_tool-tip {
    margin: 0 0 0 10px;
}

@media (max-width: 360px) {
    [class*=jj_price-box] .jj_number {
        letter-spacing: -1px;
    }
}

.jj_btn-more {
    height: 40px;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.jj_btn-more span {
    color: #555;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.jj_btn-more .ico {
    display: inline-block;
    margin-right: 1px;
    -o-object-fit: fill;
    object-fit: fill;
    width: 20px;
    height: 20px;
    transform: translateY(-1px);
}

.jj_btn-more em {
    color: #9539fa;
    font-size: 13px;
}

.jj_btn-more.ty2 .ico {
    margin-right: 5px;
}

.jj_btn-more.ty2 .jj_count {
    margin-left: 3px;
    font-weight: 400;
    color: #999;
}

.jj_btn-more.ty2 .jj_count span {
    color: #555;
}

.jj_btn-more.ty3 {
    color: #999;
    height: auto;
    border: none;
}

.jj_btn-more.ty4 .ico {
    margin-right: 5px;
}

.jj_btn-more.ty4 em {
    color: #ff5432;
}

.jj_btn-more.ty4 span {
    color: #777;
}

.jj_btn-more.ty4 .jj_count {
    color: #999;
}

.jj_btn-more.ty4 .jj_count span {
    color: #555;
}

/*
=======================================
 아이콘
=======================================
*/
[class^=jj_icon] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
}

[class^=jj_icon][class*=delete] {
    background: url(../../common/image/icons/20x20/ico-common-20-close.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=delete].jj_area32 {
    background: url(../../common/image/icons/32x32/ico-common-32-menu-close.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=delete].jj_area30 {
    background: url(../../common/image/icons/30x30/ico-common-30-popup-close.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=heart] {
    background: url(../../common/image/icons/16x16/ico-pay-16-like-off.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=point-si] {
    background: url(../../common/image/icons/16x16/ico-pay-16-point-si.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=point-si-dark] {
    background: url(../../common/image/icons/16x16/ico-pay-16-point-si-dark.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=point-e] {
    background: url(../../common/image/icons/16x16/ico-pay-16-point-e.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=point-e-dark] {
    background: url(../../common/image/icons/16x16/ico-pay-16-point-e-dark.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=plus] {
    background: url(../../common/image/icons/20x20/ico-pay-20-total-plus.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=minus] {
    background: url(../../common/image/icons/20x20/ico-pay-20-total-minus.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=file] {
    background: url(../../common/image/icons/20x20/ico-camera-small.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=calendar] {
    background: url(../../common/image/icons/16x16/ico-common-16-calendar.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=gift] {
    background: url(../../common/image/icons/16x16/ico-common-16-gift.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=arrow] {
    background: url(../../common/image/icons/10x10/ico-common-10-arrow-gray.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=arrow30] {
    background: url(../../common/image/icons/30x30/ico-common-30-arrow-right.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=arrow-down] {
    background: url(../../common/image/icons/20x20/ico-common-arrow-a-down-small.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=arrow-down].jj_area20 {
    background-image: url(../../common/image/icons/20x20/ico-common-arrow-a-down-medium-999.svg);
}

[class^=jj_icon][class*=move] {
    margin: 0;
    background: url(../../common/image/icons/20x20/ico-common-20-arrow-right-gray.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=list] {
    margin: 0;
    background: url(../../common/image/icons/20x20/ico-pay-20-full.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=warning] {
    background: url(../../common/image/icons/32x32/ico-common-32-warning.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=view] {
    background: url(../../common/image/icons/16x16/ico-pay-16-view.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=lock] {
    background: url(../../common/image/icons/20x20/ico-common-20-privacy.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=detail] {
    background: url(../../common/image/icons/32x32/ico-common-32-blowup.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=download] {
    background: url(../../common/image/icons/20x20/ico-pay-20-download.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=downarrow] {
    background: url(../../common/image/icons/20x20/ico-common-20-jaju-move-on.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=gnb-search] {
    background: url(../../common/image/icons/32x32/ico-gnb-seach.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=gnb-main-search] {
    background: url(../../common/image/icons/32x32/ico-gnb-main-seach.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=icon-search] {
    background: url(../../common/image/icons/32x32/ico-common-search.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=cart] {
    background: url(../../common/image/icons/32x32/ico-gnb-bag.svg) center center/cover no-repeat;
}

.jj_header-main [class^=jj_icon][class*=cart] {
    background-image: url(../../common/image/icons/32x32/ico-gnb-bag-main.svg);
}

[class^=jj_icon][class*=home] {
    background: url(../../common/image/icons/32x32/ico-gnb-home.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=share] {
    background: url(../../common/image/icons/20x20/ico-common-20-share.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=question] {
    background: url(../../common/image/icons/16x16/ico-common-16-question.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=set] {
    background: url(../../common/image/icons/20x20/ico-common-20-set-select.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=reset] {
    background: url(../../common/image/icons/20x20/ico-common-20-reset.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=more] {
    background: url(../../common/image/icons/20x20/ico-common-20-more.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=time] {
    background: url(../../common/image/icons/20x20/ico-common-20-time.svg) center center/cover no-repeat;
}

[class^=jj_icon][class*=dropdown] {
    background: url(../../common/image/icons/10x10/ico-common-10-arrow-dropdown.svg) center center/cover no-repeat;
    margin: 0 0 0 2px;
}

[class^=jj_icon][class*=like] {
    background: url(../../common/image/icons/16x16/ico-sns-like-small.svg) center center/cover no-repeat;
    margin: 0 2px 0 0;
}

[class^=jj_icon][class*=level-vvip] {
    width: 30px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-vvip.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-vip] {
    width: 24px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-vip.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-prestige] {
    width: 21px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-pr.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-premium] {
    width: 23px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-pm.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-welcome] {
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-w.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-all] {
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-a-gray.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-jajubest] {
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-b.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-jajugreat] {
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-t.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-jajugood] {
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-d.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-jajuwelcome] {
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-w.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-diamond] {
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-d.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-platinum] {
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-p.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-gold] {
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-g.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-silver] {
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-s.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=jj_icon][class*=level-bronze] {
    width: 16px;
    height: 16px;
    background: url(../../common/image/icons/etc/ico-common-16-grade-b.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class*=jj_btn].on .jj_icon-like {
    background-image: url(../../common/image/icons/16x16/ico-sns-like-on-small.svg);
}

/*
=======================================
 title 관련 css
=======================================
*/
[class^=jj_tit] {
    color: #333;
}

.jj_tit20 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}

.jj_main .jj_tit20 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.jj_tit22 {
    font-size: 22px;
    font-weight: 500;
}

.jj_tit23 {
    font-size: 23px;
    font-weight: 700;
}

.jj_tit18 {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}

.jj_tit16 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

.jj_tit13 {
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
}

.jj_tit14 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.jj_tit15 {
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
}

.jj_tit-wrap {
    padding-top: 15px;
    /*  [class^="jj_tit"] {
        .jj_count{
            margin-left:5px;
        }
    }*/
}

.jj_tit-wrap.jj_pt6 {
    padding-top: 6px;
}

.jj_tit-wrap .jj_more {
    display: flex;
    padding: 4px 5px;
    margin-right: -10px;
    align-items: center;
    flex-shrink: 0;
}

.jj_tit-wrap .jj_more span {
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.jj_tit-wrap .jj_more:after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 2px;
    background: url("../../common/image/icons/20x20/ico-common-arrow-a-right-small.svg") no-repeat 0 0/100%;
}

.jj_tit-wrap.jj_flex-sb [class*=jj_tit] ~ .jj_tool-tip {
    margin-right: auto;
}

.jj_tit-wrap .jj_tool-tip.jj_n-line {
    align-self: flex-end;
    transform: translateY(3px);
}

.jj_section .jj_list-chk + .jj_goods-grid {
    margin-top: 20px;
}

.jj_section .jj_suggest-btn-list + .jj_swiper-container {
    margin-top: 15px;
}

.jj_section + .jj_goods-grid {
    margin-top: 10px;
}

.jj_section + .jj_goods-grid.jj_mt15 {
    margin-top: 15px;
}

.jj_section + .jj_goods-grid + .jj_more-btn {
    margin-top: 20px;
}

.jj_section .jj_goods-grid {
    margin-top: 10px;
}

.jj_section .jj_goods-grid .jj_nodata {
    margin-top: 50px;
    padding: 60px 0 62px;
    grid-column: 1/4;
}

.jj_section .jj_goods-grid .jj_nodata p {
    margin-top: 10px;
}

.jj_section .jj_goods-grid .jj_nodata button {
    padding: 0 32px;
}

.jj_section .jj_swiper-container {
    margin-top: 10px;
}

.jj_section .jj_swiper-container .jj_goods-grid {
    margin-top: 0;
}

.jj_section .jj_swiper-container .swiper-pagination.jj_pb0 {
    padding-bottom: 0;
}

.jj_section .jj_banner {
    margin-top: 10px;
}

.jj_section .jj_swiper-container[data-swipertype=ty3] {
    margin-left: -15px;
    margin-right: -15px;
}

.jj_section .jj_best-wrap [data-swipertype=ty13] > .swiper-wrapper > .swiper-slide {
    box-sizing: border-box;
}

.jj_section .jj_best-wrap [data-swipertype=ty13-1] .jj_nodata {
    width: 100%;
}

.jj_section .jj_best-wrap [data-swipertype=ty13-1] .swiper-slide {
    display: grid;
    grid-template-rows: repeat(4, 130px);
    row-gap: 7px;
    width: calc(100vw - 65px);
}

.jj_section .jj_best-wrap [data-swipertype=ty13-1] .swiper-slide .jj_goods {
    position: relative;
    display: flex;
    padding-left: 24px;
    gap: 13px;
    align-items: center;
    width: calc(100% - 15px);
    box-sizing: border-box;
    /*확인 후 삭제 */
}

.jj_section .jj_best-wrap [data-swipertype=ty13-1] .swiper-slide .jj_goods .jj_thum {
    width: 87px;
    flex-shrink: 0;
}

.jj_section .jj_best-wrap [data-swipertype=ty13-1] .swiper-slide .jj_goods .jj_thum a {
    padding-top: 150%;
}

.jj_section .jj_best-wrap [data-swipertype=ty13-1] .swiper-slide .jj_goods .jj_goods-data {
    min-width: 0;
    flex-grow: 1;
}

.jj_section .jj_best-wrap [data-swipertype=ty13-1] .swiper-slide .jj_goods .jj_goods-data .jj_tit {
    -webkit-line-clamp: 3;
    max-height: 50px;
}

.jj_section .jj_best-wrap [data-swipertype=ty13-1] .swiper-slide .jj_goods::before {
    position: absolute;
    content: attr(data-rank);
    left: 0;
    top: 0;
    font-size: 16px;
    color: #999;
    font-weight: bold;
}

.jj_section .jj_best-wrap [data-swipertype=ty13-1] .swiper-slide-active.swiper-slide {
    opacity: 1;
}

.jj_section .jj_best-wrap [data-swipertype=ty13-1] .swiper-slide-active .jj_goods::before {
    color: #000;
}

.jj_section .jj_best-wrap .jj_best-button {
    display: block;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    border: 1px solid #ddd;
    font-size: 13px;
    color: #555;
}

/*
=======================================
 토스트 팝업
=======================================
*/
.jj_toast-popup {
    position: fixed;
    bottom: 20px;
    left: 50%;
    width: calc(100% - 50px);
    padding: 11px 25px;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.75);
    transform: translateX(-50%);
    z-index: 50;
    display: none;
    opacity: 0;
}

.jj_toast-popup.on {
    display: block;
}

.jj_toast-popup.ty2 {
    bottom: calc(68px + var(--safeBtm));
}

/* ============== end 토스트 팝업 ============== */
/*
=======================================
 아코디언
=======================================
*/
.jj_accordion {
    /* 아코디언 내용 */
}

.jj_accordion .jj_acc-expand {
    opacity: 0;
}

.jj_accordion.is-init .jj_acc-expand {
    opacity: 1;
}

.jj_accordion li.on .jj_tit::before {
    transform: translateY(-50%) rotateZ(180deg);
}

.jj_accordion .jj_data-box {
    margin-top: 5px;
    font-size: 0;
}

.jj_accordion .jj_data-box .jj_date {
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.jj_accordion .jj_data-box .jj_date + .jj_date {
    margin: 0 0 0 21px;
}

.jj_accordion .jj_data-box .jj_date + .jj_date::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 1px;
    height: 10px;
    background: #eee;
    transform: translateY(-50%);
}

.jj_accordion .jj_acc-tit {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 15px 0 14px;
}

.jj_accordion .jj_acc-tit .jj_status {
    margin: 0 0 10px;
    font-size: 0;
}

.jj_accordion .jj_acc-tit .jj_status span {
    vertical-align: middle;
}

.jj_accordion .jj_acc-tit .jj_status i {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.jj_accordion .jj_acc-tit .jj_tit {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 30px;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222;
}

.jj_accordion .jj_acc-tit .jj_tit::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    transform: translateY(-50%) rotateZ(0deg);
    width: 30px;
    height: 30px;
    background-image: url(../../common/image/icons/30x30/ico-common-30-arrow-down.svg);
    transition: transform 0.2s;
}

.jj_accordion .jj_acc-tit .jj_tit.jj_size13 {
    font-size: 13px;
    line-height: 19px;
}

.jj_accordion .jj_acc-tit .jj_cate {
    display: block;
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.jj_accordion .jj_acc-tit .jj_tit-info {
    margin: 5px 0 0;
    font-size: 0;
}

.jj_accordion .jj_acc-tit .jj_tit-info li {
    display: inline-block;
    position: relative;
    margin: 0 0 0 21px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.jj_accordion .jj_acc-tit .jj_tit-info li::before {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    left: -11px;
    width: 1px;
    height: 8px;
    background: #ddd;
}

.jj_accordion .jj_acc-tit .jj_tit-info li:first-child {
    margin: 0;
}

.jj_accordion .jj_acc-tit .jj_tit-info li:first-child::before {
    display: none;
}

.jj_accordion .jj_acc-expand {
    height: 0;
    overflow: hidden;
    /* 질문 답 아코디언 박스 */
}

.jj_accordion .jj_acc-expand .jj_qa-wrap {
    box-sizing: border-box;
    padding: 20px 15px;
    background-color: #f7f7f7;
    font-size: 13px;
    color: #555;
    line-height: 19px;
}

.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_question {
    position: relative;
    padding: 0 0 0 35px;
}

.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_question::before {
    content: "";
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../common/image/icons/20x20/ico-common-20-question-small.svg) 50% 50%/cover no-repeat;
}

.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_answer {
    position: relative;
    margin: 32px 0 0;
    border-top: 1px solid #eee;
    padding: 15px 0 0 35px;
    font-size: 13px;
    line-height: 18px;
    color: #555;
}

.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_answer::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 5px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../common/image/icons/20x20/ico-common-20-answer-small.svg) 50% 50%/cover no-repeat;
}

.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_btn-wrap {
    margin-top: 5px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_btn-wrap button,
.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_btn-wrap a {
    position: relative;
    padding: 0 12px;
}

.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_btn-wrap button + button, .jj_accordion .jj_acc-expand .jj_qa-wrap .jj_btn-wrap button + a,
.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_btn-wrap a + button,
.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_btn-wrap a + a {
    margin: 0 0 0 1px;
}

.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_btn-wrap button + button::before, .jj_accordion .jj_acc-expand .jj_qa-wrap .jj_btn-wrap button + a::before,
.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_btn-wrap a + button::before,
.jj_accordion .jj_acc-expand .jj_qa-wrap .jj_btn-wrap a + a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -1px;
    width: 1px;
    height: 6px;
    background: #ddd;
    transform: translateY(-50%);
}

.jj_accordion .jj_relation {
    position: relative;
}

.jj_accordion .jj_relation .jj_acc-tit {
    position: relative;
}

.jj_accordion .jj_relation .jj_acc-expand {
    position: absolute;
    left: 100px;
    top: 17px;
    height: 18px;
    display: inline-block;
    width: 56vw;
}

.jj_accordion .jj_relation .jj_note li:first-child {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.jj_accordion .jj_relation.on .jj_note li:first-child {
    overflow: visible;
    max-height: none;
    -webkit-line-clamp: inherit;
}

.jj_accordion.jj_has-line > li {
    margin: 0 -15px;
    border-top: 1px solid #eee;
    padding: 0 15px;
}

.jj_accordion.jj_has-line-narrow > li {
    border-bottom: 1px solid #eee;
}

.jj_accordion.jj_has-line-narrow > li:last-child {
    border-bottom: none;
}

.jj_accordion.jj_has-line-narrow > li.on .jj_acc-tit {
    border-bottom: 1px solid #eee;
}

.jj_accordion.ty2 li.on .jj_acc-tit::before {
    transform: translateY(-50%) rotateZ(180deg);
}

.jj_accordion.ty2 .jj_acc-tit {
    position: relative;
    padding-right: 32px;
}

.jj_accordion.ty2 .jj_acc-tit::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    transform: translateY(-50%) rotateZ(0deg);
    width: 20px;
    height: 20px;
    background: url(../../common/image/icons/20x20/ico_common_arrowA_down_small.svg);
    transition: transform 0.2s;
}

.jj_accordion.ty2 .jj_acc-tit .jj_tit {
    position: relative;
    padding: 0;
}

.jj_accordion.ty2 .jj_acc-tit .jj_tit::before {
    display: none;
}

.jj_accordion.ty3 > li {
    border-top: 1px solid #f4f4f4;
}

.jj_accordion.ty3 > li:last-child {
    border-bottom: 1px solid #f4f4f4;
}

.jj_accordion.ty3 > li:last-child.on {
    border-bottom: none;
}

.jj_accordion.ty3 > li.on + li {
    border-top: none;
}

.jj_accordion.ty3 .jj_acc-tit {
    padding: 20px 0;
}

.jj_accordion.ty3 .jj_acc-tit .jj_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.jj_accordion.ty3 .jj_acc-tit .jj_option {
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #777;
}

.jj_accordion.ty3 > li.on .jj_tit {
    overflow: visible;
    max-height: initial;
    text-overflow: initial;
    white-space: normal;
    -webkit-line-clamp: initial;
}

.jj_accordion.ty4 .jj_acc-tit {
    padding: 15px 0;
}

.jj_accordion.ty4 .jj_acc-tit .jj_tit::before {
    width: 30px;
    height: 30px;
    background-image: url(../../common/image/icons/30x30/ico-common-30-plus-small.svg);
    transition: none;
}

.jj_accordion.ty4 .jj_cont-wrap {
    padding-bottom: 20px;
}

.jj_accordion.ty4 li.on .jj_tit::before {
    background-image: url(../../common/image/icons/30x30/ico-common-30-minus-small.svg);
}

.jj_accordion.ty4 li.on + li {
    border-top: 1px solid #f4f4f4;
}

.jj_accordion + .jj_accordion {
    border-top: 1px solid #f4f4f4;
}

/* ============== end 아코디언 ============== */
/*
=======================================
 배너 영역
=======================================
*/
.jj_banner a {
    display: block;
}

.jj_banner a + a {
    margin-top: 5px;
}

.jj_banner img {
    width: 100%;
}

/* ============== end 배너 영역 ============== */
/*
=======================================
 해시태그 박스
=======================================
*/
.jj_hash-box {
    box-sizing: border-box;
    padding: 10px 15px 15px 10px;
    background-color: #eee;
    border-radius: 3px;
    margin-top: 10px;
    font-size: 0;
}

.jj_hash-box a {
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
}

/* ============== end 해시태그 박스 ============== */
/*
=======================================
 댓글영역
=======================================
*/
.jj_input-type {
    display: flex;
    margin-top: 15px;
}

.jj_input-type .jj_text-input {
    flex: 1 1 auto;
    position: relative;
    height: 40px;
    padding: 5px 56px 5px 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #ffffff;
    box-sizing: border-box;
}

.jj_input-type .jj_text-input .jj_input {
    font-size: 14px;
}

.jj_input-type .jj_text-input .jj_text-count {
    position: absolute;
    top: 50%;
    right: 8px;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    color: #999;
    transform: translateY(-50%);
}

.jj_input-type .jj_text-input .jj_text-count em {
    color: #222;
    font-weight: 500;
}

.jj_input-type .jj_text-input.jj_price-input {
    padding: 0 24px 0 0;
}

.jj_input-type .jj_text-input.jj_price-input .jj_input {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-weight: 700;
    font-size: 15px;
    line-height: 38px;
    color: #222;
    text-align: right;
}

.jj_input-type .jj_text-input.jj_price-input .jj_input::-webkit-input-placeholder {
    color: #222;
}

.jj_input-type .jj_text-input.jj_price-input .jj_input:disabled {
    color: #222;
}

.jj_input-type .jj_text-input.jj_price-input .jj_won {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #222;
    transform: translateY(-50%);
}

.jj_input-type .jj_text-input.jj_price-input.jj_no-line {
    border: none;
}

.jj_input-type .jj_text-input ~ button[class*=jj_btn] {
    width: 80px;
    flex: 0 0 auto;
    margin-left: 5px;
}

.jj_input-type[data-selftarget] {
    max-height: 0;
    overflow: hidden;
}

.jj_input-type[data-selftarget].on {
    max-height: 50px;
}

.jj_comment {
    padding: 17px 0 30px;
}

.jj_comment .jj_tit-wrap {
    padding-top: 0;
}

.jj_comment .jj_comment-list {
    margin-top: 15px;
}

.jj_comment .jj_comment-list li {
    position: relative;
    padding: 15px 0 10px;
}

.jj_comment .jj_comment-list li + li {
    border-top: 1px solid #eee;
}

.jj_comment .jj_comment-list li:first-child {
    padding-top: 0;
}

.jj_comment .jj_comment-list li .jj_tit13 {
    color: #555;
}

.jj_comment .jj_comment-list li .jj_data {
    margin-top: 5px;
}

.jj_comment .jj_comment-list li .jj_data [class^=jj_] {
    font-size: 12px;
    font-weight: 400;
}

.jj_comment .jj_comment-list li .jj_data .jj_delete {
    font-size: 12px;
}

.jj_comment .jj_comment-list li .jj_data .jj_delete .jj_delete-btn {
    color: #999;
}

.jj_comment .jj_comment-list li .jj_data .jj_left .jj_btn-icon {
    align-items: center;
}

.jj_comment .jj_comment-list li .jj_btn-icon {
    margin: -5px -5px 0 auto;
    padding: 5px;
}

.jj_comment .jj_comment-list li .jj_btn-icon .jj_icon-like {
    background: url("../../common/image/icons/16x16/ico-sns-like-small.svg") no-repeat 0 0/100%;
    margin: 0;
    vertical-align: middle;
    font-size: 0;
}

.jj_comment .jj_comment-list li .jj_btn-icon span {
    margin-left: 2px;
    font-size: 13px;
    color: #222;
}

.jj_comment .jj_comment-list li .jj_btn-icon.on .jj_icon-like {
    background: url("../../common/image/icons/16x16/ico-sns-like-on-small.svg") no-repeat 0 0/100%;
}

.jj_comment .jj_btn-more.jj_fit {
    margin-top: 5px;
}

.jj_data.ty2 {
    margin-top: 10px;
}

.jj_data.ty2 .jj_left {
    align-items: flex-start;
}

.jj_data.ty2 .jj_left span + span {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}

.jj_data.ty2 .jj_left span + span::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 8px;
    background: #ddd;
    transform: translateY(-50%);
}

.jj_data.ty2 [class^=jj_] {
    display: flex;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    color: #999;
}

.jj_data.ty2 .jj_like {
    padding-left: 20px;
    background: url(../../common/image/icons/15x15/ico-openidea-like.svg) no-repeat left center/15px 15px;
}

.jj_data.ty2 .jj_talk {
    margin-left: 10px;
    padding-left: 20px;
    background: url(../../common/image/icons/15x15/ico-openidea-talk.svg) no-repeat left center/15px 15px;
}

/* ============== end 댓글영역 ============== */
/*
=======================================
 모달 type5
=======================================
*/
.jj_swiper-custom[data-swipertype=ty5] .jj_image-top {
    margin-left: -15px;
}

.jj_swiper-custom[data-swipertype=ty5] .jj_image-top .swiper-pagination-custom {
    position: absolute;
    margin-top: 0;
    bottom: 16px;
}

.jj_swiper-custom[data-swipertype=ty5] .jj_image-top .swiper-pagination-custom .jj_paging {
    display: inline-flex;
    box-sizing: border-box;
    padding: 0 13px;
    height: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    color: #ffffff;
    font-size: 12px;
}

.jj_swiper-custom[data-swipertype=ty5] .jj_image-top .swiper-pagination-custom .jj_paging .jj_current {
    font-weight: bold;
}

.jj_swiper-custom[data-swipertype=ty5] .jj_image-top .swiper-pagination-custom .jj_paging .jj_total {
    display: inline-flex;
    align-items: center;
}

.jj_swiper-custom[data-swipertype=ty5] .jj_image-top .swiper-pagination-custom .jj_paging .jj_total::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 20px;
    margin: 0 2px;
    background: url(../../common/image/icons/etc/ico-common-20-paging-line.svg) 0 0/cover no-repeat;
}

.jj_swiper-custom[data-swipertype=ty5] .jj_image-top .swiper-pagination-custom .jj_paging .jj_total span {
    opacity: 0.8;
}

.jj_swiper-custom[data-swipertype=ty5] .jj_image-thumb {
    height: 62px;
    box-sizing: border-box;
    margin: 15px -15px 0;
    padding: 0 15px;
}

.jj_swiper-custom[data-swipertype=ty5] .jj_image-thumb .swiper-slide {
    width: 62px;
    height: 100%;
}

.jj_swiper-custom[data-swipertype=ty5] .jj_image-thumb .swiper-slide img {
    max-width: 100%;
}

.jj_swiper-custom[data-swipertype=ty5] .jj_image-thumb .swiper-slide-thumb-active {
    border: 1px solid #222;
    box-sizing: border-box;
}

.jj_swiper-custom[data-swipertype=ty5] .jj_image-thumb.jj_has-video {
    position: relative;
}

/* ============== end 모달 type5 ============== */
.jj_swiper-custom[data-swipertype=ty12] {
    height: 100%;
}

.jj_swiper-custom[data-swipertype=ty12] .jj_image-top {
    width: calc(100% + 30px);
    height: calc(100% - 95px);
    margin: 0 -15px;
}

.jj_swiper-custom[data-swipertype=ty12] .jj_image-thumb {
    height: 65px;
    box-sizing: border-box;
    margin: 15px -15px 0;
    padding: 0 15px;
}

.jj_swiper-custom[data-swipertype=ty12] .jj_image-thumb .swiper-slide {
    width: 65px;
    height: 65px;
}

.jj_swiper-custom[data-swipertype=ty12] .jj_image-thumb .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top;
}

.jj_swiper-custom[data-swipertype=ty12] .jj_image-thumb .swiper-slide-thumb-active {
    border: 1px solid #222;
    box-sizing: border-box;
}

/*
=======================================
  첨부파일
=======================================
*/
.jj_file-wrap .jj_filebox {
    position: relative;
}

.jj_file-wrap .jj_filebox label span {
    font-weight: 700;
}

.jj_file-wrap .jj_filebox input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.jj_file-wrap .jj_attached-image {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.jj_file-wrap .jj_attached-image li {
    position: relative;
    display: inline-flex;
    width: 18.5%;
    height: 0;
    margin-top: 5px;
    padding-top: 18.5%;
    overflow: hidden;
    /*개발 :: attached file */
}

.jj_file-wrap .jj_attached-image li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 9;
}

.jj_file-wrap .jj_attached-image li > img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jj_file-wrap .jj_attached-image li .jj_btn-del {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.jj_file-wrap .jj_attached-image li .jj_btn-del i {
    width: 20px;
    height: 20px;
    background: url(../../common/image/icons/20x20/ico-camera-camera-close.svg) no-repeat center;
}

.jj_file-wrap .jj_attached-image li span.img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jj_file-wrap .jj_attached-image li span.img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.jj_file-wrap .jj_attached-image li + li {
    margin-left: 1.5%;
}

.jj_file-wrap .jj_attached-image li:nth-child(6n) {
    margin-left: 0;
}

.jj_file-wrap .jj_attached-image li:nth-child(-n+5) {
    margin-top: 0;
}

.jj_file-wrap .jj_note {
    margin: 20px 0 0;
}

/* ============== end 첨부파일 ============== */
/* ============== jj_wide ============== */
.jj_wide {
    margin-left: -15px;
    margin-right: -15px;
}

.jj_wide.jj_swiper-container .jj_goods-grid.jj_col2 {
    padding: 0 15px;
}

/* ============== jj_wide end ============== */
.jj_btn-question {
    display: inline-block;
    margin: -5px -5px -5px 0;
    padding: 5px;
    font-size: 0;
    vertical-align: middle;
}

/* ============== swiper type 2 ============== */
.jj_goods-also[data-swipertype=ty2] [class*=jj_goods-grid] {
    margin-top: 15px;
}

.jj_goods-also[data-swipertype=ty2] [class*=jj_goods-grid] .jj_goods-data .jj_tit {
    -webkit-line-clamp: initial;
    max-height: initial;
    text-align: left;
    word-break: keep-all;
}

.jj_goods-also[data-swipertype=ty2] [class*=jj_goods-grid] .jj_goods-data .jj_price-box {
    flex-direction: column;
    align-items: flex-start;
}

.jj_goods-also[data-swipertype=ty2] [class*=jj_goods-grid] .jj_goods-data .jj_price-box .jj_price {
    margin-top: 3px;
}

.jj_goods-also[data-swipertype=ty2] [class*=jj_goods-grid] .jj_goods-data .jj_price-box .jj_del {
    margin: 0;
}

/* ============== 이미지 상세보기 스와이퍼 ============== */
.jj_zoom-view {
    height: 100%;
}

.jj_zoom-view + .jj_image-thumb {
    position: fixed;
    left: 15px;
    right: 15px;
    bottom: 15px;
    margin-top: 0;
}

.jj_zoom-view .swiper-slide {
    overflow: hidden;
}

.jj_zoom-view .jj_video {
    width: 100%;
    padding-top: 56.25%;
}

.jj_zoom-view .jj_video video {
    width: 100%;
    height: auto;
}

.jj_zoom-view .swiper-zoom-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.jj_zoom-view .swiper-zoom-container img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2000px;
    height: 2000px;
    -o-object-fit: fill;
    object-fit: fill;
}

.jj_tool-tip {
    z-index: 2;
    position: relative;
    display: inline-block;
}

.jj_tool-tip > span {
    cursor: pointer;
    padding: 5px;
}

.jj_tool-tip.jj_has-icon .jj_tit {
    color: #ffffff;
}

.jj_tool-tip.on.jj_has-icon .jj_tip-txt {
    top: 33px;
}

.jj_tool-tip.on.jj_has-icon .jj_icon-info::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 11px;
    height: 5px;
    background: url("../../common/image/icons/etc/ico_common_tooltip_triangle.svg") no-repeat 0 0/100%;
    z-index: 12;
}

.jj_tool-tip.on.jj_has-icon .jj_tit:after {
    display: none;
}

.jj_tool-tip.on.jj_has-icon .jj_btn .jj_icon-info::before {
    bottom: -2px;
}

.jj_tool-tip.on .jj_tip-txt {
    display: inline-block;
    min-width: 150px;
    text-align: left;
}

.jj_tool-tip.on .jj_tit:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 11px;
    height: 5px;
    background: url("../../common/image/icons/etc/ico_common_tooltip_triangle.svg") no-repeat 0 0/100%;
    z-index: 450;
}

.jj_tool-tip .jj_tit {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    vertical-align: middle;
    color: #222;
}

.jj_tool-tip .jj_tit.ty2 {
    color: #ffffff;
}

.jj_tool-tip .jj_tit .jj_icon-info {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    transform: translateY(-1px);
    background: url("../../common/image/icons/15x15/ico-common-title-question-space.svg") no-repeat 0 0/100%;
}

.jj_tool-tip .jj_btn {
    display: block;
    font-size: 0;
}

.jj_tool-tip .jj_btn .jj_icon-info {
    width: 16px;
    height: 22px;
    background: url("../../common/image/icons/etc/ico-common-title-question-big.svg") no-repeat 0 0/100%;
}

.jj_tool-tip .jj_btn .jj_icon-info.gray {
    background: url("../../common/image/icons/etc/ico-common-title-question-big-gray.svg") no-repeat 0 0/100%;
}

.jj_tool-tip .jj_tip-txt {
    display: none;
    position: absolute;
    top: 33px;
    left: 0;
    right: 0;
    transform: translateX(-50%);
    width: 100vw;
    color: #222;
}

.jj_tool-tip .jj_tip-txt .jj_wrap {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    padding: 20px 30px 20px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    font-size: 13px;
    line-height: 19px;
    background-color: #ffffff;
    word-break: keep-all;
}

.jj_tool-tip .jj_tip-txt .jj_wrap [class*=jj_tit] {
    font-weight: 700;
}

.jj_tool-tip .jj_tip-txt .jj_wrap .jj_note li {
    color: #222;
}

.jj_tool-tip .jj_tip-txt button {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url("../../common/image/icons/20x20/ico-tooltip-delete.svg") no-repeat 0 0/100%;
}

.jj_level-wrap {
    margin: -8px 0 0 -15px;
}

.jj_level-wrap .jj_level {
    display: inline-block;
    margin: 8px 0 0 15px;
}

.jj_level-wrap .jj_level i {
    display: inline-block;
    vertical-align: middle;
}

.jj_level-wrap .jj_level .jj_level-txt {
    display: inline-flex;
    margin: 0 0 0 6px;
    font-size: 13px;
    line-height: 19px;
    color: #555;
    vertical-align: middle;
}

@-webkit-keyframes clickAction {
    50% {
        transform: rotate(45deg) scale(0.9);
    }
    100% {
        transform: rotate(90deg) scale(1);
    }
}

@keyframes clickAction {
    50% {
        transform: rotate(45deg) scale(0.9);
    }
    100% {
        transform: rotate(90deg) scale(1);
    }
}

[data-tabcont] > div {
    display: none;
}

[data-tabcont] > div.on {
    display: block;
}

[data-chkaction] .jj_desc-info {
    margin: 0;
}

[data-chkaction] [data-chkid] {
    display: none;
}

[data-chkaction] [data-chkid].on {
    display: block;
}

[data-chkaction] [data-chkid].on ~ .jj_desc-info {
    margin: 20px 0 0;
}

footer.jj_footer {
    margin-top: 40px;
}

footer.jj_footer.jj_space {
    padding-bottom: 77px;
}

footer.jj_footer.jj_common-space {
    padding-bottom: 150px;
}

footer.jj_footer .jj_f-links {
    display: flex;
    justify-content: space-between;
    border: solid #eee;
    border-width: 1px 0;
    padding: 11px 30px;
}

footer.jj_footer .jj_f-links li a {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

footer.jj_footer .jj_f-info {
    margin: 11px 0 0;
    text-align: center;
}

footer.jj_footer .jj_f-info-inner .jj_btn-toggle span {
    font-size: 12px;
    line-height: 18px;
    color: #222;
    text-decoration: none;
}

footer.jj_footer .jj_f-info-inner .jj_btn-toggle.on ~ .jj_toggle-wrap {
    max-height: 500px;
}

footer.jj_footer .jj_f-info-inner .jj_toggle-wrap {
    overflow: hidden;
    max-height: 0;
    transition: all 0.3s;
}

footer.jj_footer .jj_f-info-inner .jj_f-txt {
    margin: 11px 15px 0;
    padding: 0 0 9px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    text-align: left;
}

footer.jj_footer .jj_f-info-inner .jj_f-txt a {
    color: inherit;
}

footer.jj_footer .jj_f-info-menu {
    margin: 12px 0 0;
    display: flex;
    justify-content: center;
}

footer.jj_footer .jj_f-info-menu li + li {
    margin: 0 0 0 20px;
}

footer.jj_footer .jj_f-info-menu li.jj_privacy a {
    color: #777;
}

footer.jj_footer .jj_f-info-menu li a {
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

footer.jj_footer .jj_f-info .social-link {
    margin: 12px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

footer.jj_footer .jj_f-info .social-link__item + .social-link__item {
    position: relative;
    padding-left: 13px;
    margin-left: 13px;
}

footer.jj_footer .jj_f-info .social-link__item + .social-link__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 8px;
    background: #ddd;
    transform: translate(0, -50%);
}

footer.jj_footer .jj_f-info .social-link__item a {
    display: block;
    padding: 2px 2px 1px;
}

footer.jj_footer .jj_f-info .social-link__item img {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
}

footer.jj_footer .jj_f-info .jj_copy {
    margin: 11px 0 0;
    font-size: 11px;
    line-height: 17px;
    color: #999;
}

.jj_dynamic-select li button {
    display: flex;
    padding: 9px 0;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
}

.jj_dynamic-select li button span {
    font-size: 15px;
    color: #555;
}

.jj_dynamic-select li.on button span {
    font-weight: 700;
    color: #222;
}

.jj_dynamic-select li.on button::after {
    content: "";
    display: inline-flex;
    margin-left: auto;
    width: 32px;
    height: 32px;
    background: url(../../common/image/icons/32x32/ico-common-check-b-medium-on.svg) no-repeat 0 0/100%;
}

.jj_dynamic-select li:first-child button {
    padding-top: 0;
}

.jj_loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7) url(../../common/image/etc/loading.svg) 50% 50%/30px 30px no-repeat;
    z-index: 500;
}

/*.jj_loading-wrap {
    position: relative;
    min-height: 260px;
    .jj_loading {
        position: absolute;
        z-index: 200;
        .jj_loading-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
}*/
.bottom-menu {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 120;
    transition: all 0.5s;
}

.bottom-menu__list {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: flex-end;
    z-index: 31;
    background: #fff;
}

.bottom-menu__item {
    position: relative;
    height: 56px;
    width: 100%;
    flex: 1;
    min-width: 0;
    border-top: 1px solid #ddd;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-menu__item .button {
    width: 100%;
    height: 100%;
    padding: 6px 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
}

.bottom-menu__item .button .name {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
    padding-bottom: 3px;
    color: #929292;
}

.bottom-menu__item .button .name:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-bottom: 2px;
    background-repeat: no-repeat;
    background-size: cover;
}

.bottom-menu__item.category .name:before {
    background-image: url("../../common/image/icons/24x24/ico-bottom-tapbar-category.svg");
}

.bottom-menu__item.wish .name:before {
    background-image: url("../../common/image/icons/24x24/ico-bottom-tapbar-wish.svg");
}

.bottom-menu__item.mypage .name:before {
    background-image: url("../../common/image/icons/24x24/ico-bottom-tapbar-mypage.svg");
}

.bottom-menu__item.recent .name:before {
    background-image: url("../../common/image/icons/24x24/ico-bottom-tapbar-recent.svg");
}

.bottom-menu__item.recent .thumbnail {
    display: block;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 2px;
    margin-bottom: 5px;
    box-sizing: border-box;
    border: solid 1px rgba(0, 0, 0, 0.12);
}

.bottom-menu__item.recent .thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bottom-menu__item.home {
    position: relative;
    flex-shrink: 0;
    width: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-menu__item.home .logo {
    position: relative;
    width: 44px;
    height: 44px;
    text-indent: 100%;
    line-height: 2;
    white-space: nowrap;
    overflow: hidden;
}

.bottom-menu__item.home .logo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../../jaju/image/logo/ico-common-home-jaju.png") no-repeat 0 0/100%;
}

.siv-wrap ~ .jj_sticky-bottom {
    transition: transform 0.3s;
}

.siv-wrap.side-active ~ .jj_sticky-bottom {
    transform: translateX(-100%);
}

.jj_sticky-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 200;
    height: 45px;
    overflow: hidden;
    margin: 0 -15px;
    padding: 0 15px;
    border-bottom: 1px solid #f4f4f4;
}

.search_layer.on ~ #jj_container .jj_sticky-wrap {
    z-index: auto;
}

.jj_modal.jj_bottom .jj_inner .jj_scroll-wrap .jj_dynamic-select li {
    width: 100%;
}

.jj_modal.jj_bottom .jj_inner .jj_scroll-wrap .jj_dynamic-select li span {
    white-space: nowrap;
}

#diviGoodView .ee_view-mode {
    padding: 15px 15px 0;
}

#ee_container #diviGoodView .ee_view-mode,
#jj_container #diviGoodView .ee_view-mode {
    padding: 0;
}

/* ============== 모바일 가로 모드 대응 ============== */
@media (orientation: landscape) {
    [class^=jj_modal]:not(.jj_bottom):not(.jj_category):not(.jj_side-right):not(.jj_full) {
        padding: 30px;
        overflow-y: auto;
    }

    [class^=jj_modal]:not(.jj_bottom):not(.jj_category):not(.jj_side-right):not(.jj_full) .jj_wrap {
        max-width: 315px;
        max-height: none;
    }

    [class^=jj_modal]:not(.jj_bottom):not(.jj_category):not(.jj_side-right):not(.jj_full) .jj_wrap .jj_inner {
        background-color: #fff;
    }

    [class^=jj_modal][class*=jj_insta]:not(.jj_bottom),
    [class^=jj_modal]:not(.jj_bottom).ty2 {
        align-items: normal;
    }

    .app_aos [class^=jj_modal][class*=jj_insta]:not(.jj_bottom),
    .app_aos [class^=jj_modal]:not(.jj_bottom).ty2 {
        align-items: center;
    }

    .jj_sort-right-ham.jj_side-right.on {
        padding: 0;
    }

    .jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con.jj_cleared::before, .jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con.jj_eventEnd::before {
        width: 100%;
        left: 0;
    }

    .jj_zoom-view .jj_video {
        padding: 0;
        height: 100%;
    }
}

/* ============== 모바일 가로 모드 대응 end ============== */
/* ============== app일때 페이지 간격 start ============== */
.no_header #jj_container {
    padding-top: 0;
}

.no_header .jj_footer {
    padding-bottom: 20px;
}

/* ============== app일때 페이지 간격 end ============== */
.popup-category-recent {
    z-index: 507 !important;
}

.jj_sub-contents {
    padding-top: 15px;
    display: block;
}

.jj_sub-contents .jj_cont {
    position: relative;
    margin-top: 40px;
}

.jj_sub-contents .jj_cont:first-of-type {
    margin-top: 0;
}

.jj_sub-contents .jj_cont.jj_video-type.on .jj_thum:after {
    display: none;
}

.jj_sub-contents .jj_cont.jj_video-type .jj_thum {
    font-size: 0;
    background: rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.jj_sub-contents .jj_cont.jj_video-type .jj_thum:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

.jj_sub-contents .jj_cont.jj_video-type .jj_thum video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.jj_sub-contents .jj_cont.jj_video-type .jj_thum video:-webkit-full-screen {
    object-fit: contain;
    height: auto;
}

.jj_sub-contents .jj_cont.jj_video-type .jj_thum video:fullscreen {
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
}

.jj_sub-contents .jj_cont.jj_video-type .jj_thum button.jj_play-btn {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
}

.jj_sub-contents .jj_cont > a {
    padding: 0 0 15px;
}

.jj_sub-contents .jj_cont a {
    display: block;
}

.jj_sub-contents .jj_cont .jj_thum {
    display: block;
    position: relative;
    aspect-ratio: 1.07/1;
    overflow: hidden;
}

.jj_sub-contents .jj_cont .jj_thum img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.jj_sub-contents .jj_cont .jj_flag20 {
    margin-top: 15px;
    overflow: hidden;
    max-width: 100%;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-align: left;
    border: none;
    color: #222;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
}

.jj_sub-contents .jj_cont .jj_tit23 {
    line-height: 40px;
}

.jj_sub-contents .jj_cont .jj_tit20 {
    overflow: hidden;
    line-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-align: left;
    margin-top: 5px;
    color: #222;
}

.jj_sub-contents .jj_cont .jj_desc {
    overflow: hidden;
    line-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-align: left;
    margin-top: 5px;
    font-size: 13px;
    color: #777;
}

.jj_sub-contents + .jj_btn-more {
    margin-top: 20px;
}

.jj_sub-contents .jj_section {
    display: none;
    margin-top: 37px;
}

.jj_sub-contents .jj_section .jj_goods-grid[class*=jj_col2] {
    -moz-column-gap: 3px;
    column-gap: 3px;
    row-gap: 3px;
    margin-top: 10px;
}

.jj_sub-contents .jj_section .jj_goods-grid[class*=jj_col2] li {
    position: relative;
    box-sizing: border-box;
}

.jj_sub-contents .jj_section .jj_goods-grid[class*=jj_col2] li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(50% - 24px);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 3%, #000000);
    opacity: 35%;
    z-index: 1;
}

.jj_sub-contents .jj_section .jj_goods-grid[class*=jj_col2] li a {
    position: relative;
    display: block;
    padding-top: 100%;
    overflow: hidden;
}

.jj_sub-contents .jj_section .jj_goods-grid[class*=jj_col2] li a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.jj_sub-contents .jj_section .jj_goods-grid[class*=jj_col2] li .jj_data {
    z-index: 2;
    position: absolute;
    left: 12px;
    bottom: 8px;
}

.jj_sub-contents .jj_section .jj_goods-grid[class*=jj_col2] li .jj_data .jj_avatar {
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
}

.jj_sub-contents .jj_section .jj_goods-grid[class*=jj_col2] li .jj_data .jj_avatar img {
    position: static;
    width: 100%;
}

.jj_sub-contents .jj_section .jj_goods-grid[class*=jj_col2] li .jj_data .jj_tit {
    font-size: 13px;
    line-height: 19px;
    color: #ffffff;
}

.jj_sub-contents .jj_section .jj_goods-grid[class*=jj_col2] li .jj_data .jj_desc {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 17px;
    color: #ffffff;
}

.jj_tab-sub + .jj_sub-contents {
    padding-top: 0;
}

.jj_small-list {
    font-size: 0;
    display: flex;
    width: auto;
}

.jj_small-list li {
    display: inline-flex;
    width: 62px;
}

.jj_small-list li + li {
    margin-left: 2.5%;
}

.jj_small-list li a {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.jj_small-list li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03);
    z-index: 3;
}

.jj_small-list li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2;
}

.jj_keyword-list {
    margin-top: 13px;
    display: flex;
    gap: 6px;
}

.jj_keyword-item {
    height: 17px;
    box-sizing: border-box;
    border: 1px solid #999;
    color: #999;
    padding: 0 5px;
    font-size: 10px;
    line-height: 16px;
    font-weight: bold;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 1 auto;
}

.jj_tit-wrap .jj_insta-more {
    position: relative;
    padding: 5px 5px 5px 21px;
    margin-right: -5px;
}

.jj_tit-wrap .jj_insta-more span {
    color: #555;
    font-size: 13px;
    line-height: 19px;
}

.jj_tit-wrap .jj_insta-more::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("../../common/image/icons/15x15/ico-sns-instagram-small.svg") no-repeat 50% 50%/100%;
}

.jj_insta-grid {
    display: grid;
    margin-top: 15px;
    grid-template-columns: repeat(3, minmax(auto, 1fr));
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
    -moz-column-gap: 9px;
    column-gap: 9px;
    row-gap: 9px;
    grid-auto-flow: dense;
}

.jj_insta-grid li {
    position: relative;
}

.jj_insta-grid li a {
    position: relative;
    display: block;
    padding-top: 100%;
    overflow: hidden;
}

.jj_insta-grid li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.jj_insta-grid li:nth-child(1) {
    grid-column: auto/span 2;
    grid-row: auto/span 2;
}

.jj_insta-grid li:nth-child(24n+1) {
    grid-column: auto/span 2;
    grid-row: auto/span 2;
}

.jj_insta-grid li:nth-child(24n+14) {
    grid-column: auto/span 2;
    grid-row: auto/span 2;
}

.jj_insta-grid li.jj_insta-pieces:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: url("../../common/image/icons/32x32/ico-common-images.svg") no-repeat 0 0/100%;
}

.jj_insta-grid + .jj_btn-more {
    margin-top: 20px;
}

.jj_list-chk {
    margin-top: 20px;
}

.jj_list-chk.has-scroll {
    margin-top: 20px;
}

.jj_list-chk label[class*=jj_btn-round][class*=size30] {
    padding: 0;
}

.jj_list-chk label span {
    white-space: nowrap;
}

.jj_list-chk label + label {
    margin-left: 5px;
}

.jj_full-box {
    position: relative;
    margin: 10px -15px 0;
    padding: 27px 110px 25px 25px;
    background: #8a2fed;
}

.jj_full-box.jj_mt0 {
    margin-top: 0;
}

.jj_full-box.jj_mt16 {
    margin-top: 16px;
}

.jj_full-box [class*=jj_tit] {
    color: #ffffff;
    font-weight: 400;
    word-break: keep-all;
}

.jj_full-box [class*=jj_tit] strong {
    font-weight: 700;
}

.jj_full-box .jj_btn-link {
    padding: 5px;
    margin-left: -5px;
}

.jj_full-box .jj_btn-link span {
    font-weight: 400;
    color: #ffffff;
}

.jj_full-box .jj_btn-round {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    height: 40px;
    padding: 0 25px;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
}

.jj_full-box .jj_btn-round span {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    vertical-align: middle;
}

.jj_full-box.ty2 {
    padding: 28px 105px 28px 25px;
    background: #e8d3ff;
}

.jj_full-box.ty2 [class*=jj_tit] {
    position: relative;
    color: #222;
    z-index: 2;
}

.jj_full-box.ty2 [class*=jj_tit] strong {
    position: relative;
}

.jj_full-box.ty2 [class*=jj_tit] strong:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #8a2fed;
    opacity: 0.2;
}

.jj_full-box.ty2:after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -o-object-fit: contain;
    object-fit: contain;
    width: 90px;
    height: 100px;
    background: url("../../common/image/icons/etc/img-common-pattern.svg") 0 0/100% no-repeat;
}

.jj_btn-select-style-round {
    display: inline-block;
    padding: 0 10px 0 15px;
    border: 1px solid #555;
    border-radius: 17px;
}

.jj_btn-select-style-round span {
    position: relative;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    padding: 0 25px 0 15px;
    color: #222;
}

.jj_btn-select-style-round span:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 10px;
    height: 15px;
    background: url("../../common/image/icons/etc/ico-common-womman.svg") no-repeat 0 0/100%;
}

.jj_btn-select-style-round span:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 20px;
    height: 20px;
    background: url("../../common/image/icons/20x20/ico-common-arrow-a-down-small.svg") no-repeat 0 0/100%;
}

.jj_btn-select-style-round span.jj_man:before {
    background: url("../../common/image/icons/etc/ico-common-man.svg") no-repeat 0 0/100%;
}

.jj_btn-select-style-round + [class*=jj_btn] {
    margin-left: 5px;
}

.jj_goods-big {
    position: relative;
}

.jj_goods-big .jj_goods-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.5) 81%);
    padding: 52px 30px 45px 15px;
    box-sizing: border-box;
}

.jj_goods-big .jj_goods-data .jj_tit {
    width: calc(100% - 66px);
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: #ffffff;
}

.jj_goods-big .jj_goods-data .jj_price-box {
    align-self: flex-start;
    margin-top: 0px;
    font-size: 11px;
}

.jj_goods-big .jj_goods-data .jj_price-box span {
    color: #ffffff;
}

.jj_goods-big .jj_goods-data .jj_price-box .jj_number {
    font-size: 16px;
    margin-right: 1px;
}

.jj_section {
    /*swiper + 리스트*/
}

.jj_section .jj_goods-mix {
    margin-top: 10px;
}

.jj_section .jj_goods-mix .jj_goods-big .jj_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.jj_section .jj_goods-mix .jj_goods-big .jj_thum {
    position: relative;
    width: 100%;
    padding-top: 92%;
    overflow: hidden;
}

.jj_section .jj_goods-mix .jj_goods-big img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.jj_section .jj_goods-mix .jj_goods-grid[class*=size62] {
    margin-top: 0;
}

.jj_section .jj_goods-mix .jj_goods-grid[class*=size62] .jj_goods {
    margin: 0 15px;
}

.jj_section .jj_goods-mix .jj_swiper-container {
    margin-top: -29px;
    padding-top: 20px;
    background: #ffffff;
    border-radius: 0 20px 0 0;
}

.jj_section .jj_goods-mix .jj_swiper-container .swiper-pagination.swiper-pagination-bullets {
    margin-top: 20px;
}

.jj_suggest-btn-list {
    margin-top: 14px;
}

.jj_suggest-btn-list li {
    display: inline-block;
    font-size: 0;
}

.jj_suggest-btn-list .jj_btn-round-size30 {
    border: 1px solid rgba(255, 84, 50, 0.3);
}

.jj_suggest-btn-list .jj_btn-round-size30 span {
    color: #ff5432;
}

.jj_main .jj_suggest-btn-list + .jj_swiper-container {
    margin-top: 15px;
}

.jj_category-btn-wrap {
    display: flex;
    margin: 14px -15px 0;
    padding: 0 15px;
}

.jj_category-btn-wrap.has-scroll .scroll-wrap {
    display: inline-flex;
    margin: 0 -15px;
    overflow-y: hidden;
}

.jj_category-btn-wrap .jj_category-btn {
    display: inline-block;
    flex: 0 0 80px;
    width: 80px;
    text-align: center;
}

.jj_category-btn-wrap .jj_category-btn .thum {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
}

.jj_category-btn-wrap .jj_category-btn .thum img {
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.jj_category-btn-wrap .jj_category-btn .thum + span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #555;
    word-break: keep-all;
}

.jj_category-btn-wrap.jj_swiper-container .swiper-slide {
    width: auto;
    overflow: hidden;
    display: flex;
}

.jj_category-btn-wrap.jj_swiper-container .swiper-slide .jj_swiper-inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, 1fr);
    grid-auto-flow: column;
    grid-template-rows: auto auto;
    justify-content: space-between;
    grid-auto-columns: 60px;
    grid-gap: 11px;
    row-gap: 10px;
    margin-top: 6px;
    padding-bottom: 15px;
}

.jj_category-btn-wrap.jj_swiper-container .swiper-slide .jj_swiper-inner .jj_category-btn {
    width: auto;
    height: auto;
    padding-bottom: 0;
}

.jj_category-btn-wrap.jj_swiper-container .swiper-slide .jj_swiper-inner .jj_category-btn .thum {
    margin-top: 0;
    font-size: 0;
    width: 60px;
    height: 60px;
}

.jj_category-btn-wrap.jj_swiper-container .swiper-slide .jj_swiper-inner .jj_category-btn span:not(.thum) {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 14;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-top: 3px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
    font-size: 12px;
    line-height: 15px;
}

.jj_category-btn-wrap.jj_swiper-container .swiper-scrollbar {
    width: 50%;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.jj_service-btn-wrap {
    display: flex;
    margin: 14px -15px 20px;
    padding: 0 15px;
}

.jj_service-btn-wrap.has-scroll .scroll-wrap {
    display: inline-flex;
    margin: 0 -15px;
    overflow-y: hidden;
}

.jj_service-btn-wrap .jj_service-btn {
    display: inline-block;
    flex: 0 0 80px;
    width: 80px;
    text-align: center;
}

.jj_service-btn-wrap .jj_service-btn .thum {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
}

.jj_service-btn-wrap .jj_service-btn .thum img {
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.jj_service-btn-wrap .jj_service-btn .thum + span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #555;
    word-break: keep-all;
}

.jj_service-btn-wrap.jj_swiper-container .swiper-slide {
    width: auto;
    overflow: hidden;
    display: flex;
}

.jj_service-btn-wrap.jj_swiper-container .swiper-slide .jj_swiper-inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, 1fr);
    grid-auto-flow: column;
    grid-template-rows: auto;
    justify-content: space-between;
    grid-auto-columns: 60px;
    grid-gap: 11px;
    row-gap: 10px;
    margin-top: 6px;
    padding-bottom: 15px;
}

.jj_service-btn-wrap.jj_swiper-container .swiper-slide .jj_swiper-inner .jj_service-btn {
    width: auto;
    height: auto;
    padding-bottom: 0;
}

.jj_service-btn-wrap.jj_swiper-container .swiper-slide .jj_swiper-inner .jj_service-btn .thum {
    margin-top: 0;
    font-size: 0;
    width: 60px;
    height: 60px;
}

.jj_service-btn-wrap.jj_swiper-container .swiper-scrollbar {
    width: 50%;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.jj-textLink {
    margin-top: 15px;
    border-radius: 5px;
    background-color: #f7f7f7;
}

.jj-textLink > ul {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
}

.jj-textLink > ul > li {
    position: relative;
    width: 33.33%;
    text-align: center;
    padding: 14px 0 15px;
}

.jj-textLink > ul > li > a {
    font-size: 14px;
    color: #222;
}

.jj-textLink > ul > li > a > span {
    width: 82%;
    padding: 0 10px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.jj-textLink > ul > li.lk_1::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0rem;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: #ccc;
}

.jj-textLink > ul > li.lk_2::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0rem;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: #ccc;
}

.jj-textLink > ul > li.lk_4 {
    padding: 0 0 12px 0;
    margin-top: -3px;
}

.jj-textLink > ul > li.lk_4::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0rem;
    width: 1px;
    height: 15px;
    background-color: #ccc;
}

.jj-textLink > ul > li.lk_5 {
    padding: 0 0 12px 0;
    margin-top: -3px;
}

.jj-textLink > ul > li.lk_5::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0rem;
    width: 1px;
    height: 15px;
    background-color: #ccc;
}

.jj-textLink > ul > li.lk_6 {
    padding: 0 0 12px 0;
    margin-top: -3px;
}

.jj_bnrPromo {
    position: relative;
}

.jj_bnrPromo .bnrSet .cmbnr_lnk {
    display: block;
    position: relative;
}

.jj_bnrPromo .bnrSet .cmbnr_img {
    display: block;
    overflow: hidden;
}

.jj_bnrPromo .bnrSet .cmbnr_img img {
    width: 100%;
    vertical-align: top;
}

.jj_bnrPromo .bnrSet + .bnrSet {
    margin-top: 10px;
}

.jj_insta.jj_modal {
    padding: 0 30px;
}

.jj_insta.jj_modal .jj_wrap {
    padding: 14px 20px 28px;
    width: 100%;
    max-width: 315px;
    height: 510px;
}

.jj_insta.jj_modal .jj_header {
    display: flex;
    padding-bottom: 0;
}

.jj_insta.jj_modal .jj_header .jj_date {
    display: block;
    font-size: 12px;
    color: #777;
}

.jj_insta.jj_modal .jj_header .jj_profile {
    position: relative;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border: 1px solid #eee;
    border-radius: 50%;
    overflow: hidden;
}

.jj_insta.jj_modal .jj_header .jj_profile img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.jj_insta.jj_modal .jj_inner {
    overflow-y: hidden;
    height: auto;
    padding: 0;
}

.jj_insta.jj_modal .jj_inner.jj_wide {
    margin: 0 -20px;
}

.jj_insta.jj_modal .jj_inner.jj_wide .jj_swiper-container .swiper-pagination {
    margin-top: 0;
    bottom: 18px;
    padding-bottom: 0;
    height: 0;
}

.jj_insta.jj_modal .jj_inner.jj_wide .jj_swiper-container .swiper-pagination span.swiper-pagination-bullet {
    opacity: 0.5;
    background: #ffffff;
}

.jj_insta.jj_modal .jj_inner.jj_wide .jj_swiper-container .swiper-pagination span.swiper-pagination-bullet[class*=active] {
    opacity: 1;
}

.jj_insta.jj_modal .jj_inner.jj_wide .jj_goods {
    position: relative;
    max-height: 315px;
    overflow: hidden;
}

.jj_insta.jj_modal .jj_inner.jj_wide .jj_goods .jj_thum {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    background: #f7f7f7;
}

.jj_insta.jj_modal .jj_inner.jj_wide .jj_goods .jj_thum img {
    /**/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    max-height: 100%;
}

.jj_insta.jj_modal .jj_inner.jj_wide .jj_goods button[data-modalid] {
    position: absolute;
    top: 100px;
    left: 20px;
    width: 40px;
    height: 40px;
    background: url("../../common/image/icons/40x40/ico-common-tag-off.svg") 0 0/100% no-repeat;
    font-size: 0;
}

.jj_insta.jj_modal .jj_inner .jj_desc {
    display: block;
    height: 93px;
    margin: 15px 0 20px;
    padding: 0 15px;
    font-size: 13px;
    word-break: break-all;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    box-sizing: border-box;
    overflow: scroll;
}

.jj_insta.jj_modal .jj_inner .jj_desc p {
    font-size: 13px;
    line-height: 19px;
}

.jj_insta.jj_modal .jj_inner .jj_desc p + p {
    margin-top: 10px;
}

.jj_modal.jj_insta-detail {
    background: transparent;
    padding: 64px 30px;
}

.jj_modal.jj_insta-detail .jj_wrap {
    width: 315px;
    padding: 65px 30px 96px;
    height: 510px;
}

.jj_modal.jj_insta-detail .jj_inner {
    padding: 0;
    height: auto;
}

.jj_modal.jj_insta-detail .jj_inner .jj_goods img {
    width: 100%;
}

.jj_modal.jj_insta-detail .jj_inner .jj_goods .jj_tit {
    display: block;
    margin-top: 15px;
    font-size: 16px;
    color: #222;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 44px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.jj_modal.jj_insta-detail .jj_inner .jj_goods .jj_price-box.jj_flex {
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding: 10px 0;
    border-top: 1px solid #eee;
}

.jj_modal.jj_insta-detail .jj_inner .jj_goods .jj_price-box.jj_flex .jj_price {
    font-weight: 700;
    font-size: 16px;
}

.jj_modal.jj_insta-detail .jj_inner .jj_goods .jj_price-box.jj_flex .jj_price span {
    font-size: 12px;
    font-weight: 400;
}

.jj_modal.jj_insta-detail .jj_inner button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 60px);
    height: 40px;
}

.jj_modal.jj_insta-detail .jj_inner button span {
    font-weight: 400;
    line-height: 38px;
}

.jj_content-detail > .jj_thum {
    margin: 0 -15px;
    position: relative;
    width: calc(100% + 30px);
    height: 0;
    padding-top: calc(100% + 30px);
    overflow: hidden;
}

.jj_content-detail > .jj_thum img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    width: 100%;
    z-index: 0;
}

.jj_content-detail > .jj_thum.jj_video {
    padding-top: 0;
    height: auto;
    font-size: 0;
}

.jj_content-detail > .jj_thum.jj_video:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

.jj_content-detail > .jj_thum.jj_video.on:after {
    content: none;
}

.jj_content-detail > .jj_thum.jj_video .jj_play-btn {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
}

.jj_content-detail .jj_tit-wrap {
    position: relative;
    padding-top: 15px;
    display: grid;
    grid-template-columns: auto 60px;
}

.jj_content-detail .jj_tit-wrap .jj_flag20 {
    overflow: hidden;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-align: left;
    border: none;
    color: #222;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.jj_content-detail .jj_tit-wrap .jj_tit22 {
    grid-column: 1/-1;
    margin-top: 7px;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 30px;
    font-weight: 700;
}

.jj_content-detail .jj_tit-wrap .jj_tit22 + .jj_desc {
    margin-top: 5px;
}

.jj_content-detail .jj_tit-wrap .jj_desc {
    margin-top: 5px;
    grid-column: 1/-1;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-align: left;
    color: #777;
}

.jj_content-detail .jj_tit-wrap .jj_btn-wrap {
    position: absolute;
    top: 5px;
    right: 0;
}

.jj_content-detail .jj_tit-wrap .jj_btn-wrap button {
    font-size: 0;
    padding: 5px;
}

.jj_content-detail .jj_tit-wrap .jj_btn-wrap button.jj_btn-heart .jj_icon-heart {
    background: url("../../common/image/icons/20x20/ico-common-like-small.svg") 0 0/100% no-repeat;
}

.jj_content-detail .jj_tit-wrap .jj_btn-wrap button.jj_btn-heart.on .jj_icon-heart {
    background: url("../../common/image/icons/20x20/ico-common-like-on-small.svg") 0 0/100% no-repeat;
}

.jj_content-detail .jj_editor-desc {
    margin-top: 20px;
}

.jj_content-detail .jj_editor-desc strong {
    display: block;
    font-size: 15px;
    line-height: 21px;
}

.jj_content-detail .jj_editor-desc .jj_desc {
    margin-top: 10px;
    word-break: keep-all;
    line-height: 20px;
}

.jj_content-detail .jj_editor-desc img {
    width: 100%;
    height: auto;
}

.jj_content-detail ~ .jj_section {
    padding-top: 30px;
}

.jj_contents .separate-product {
    margin: 0 -15px 0;
}
:where(.jj_contents .separate-product, .jj_contents .separate-product *) {
    font-family: var(--v-font-sans);
}

.jj_contents .separate-product:has(.event-separator-tab) {
    margin-top: 30px;
}
.jj_contents .separate-product .event-product-filter:has(.event-separator-select) {
    padding: 24px 24px 0;
}
.jj_contents .separate-product .event-product-filter:has(.event-separator-tab) .product-filter-controls {
    padding: 0 24px;
}
.jj_contents .separate-product .event-separator-select .selected {
    position: relative;
    height: 44px;
    border-color: #ddd;
    background: none;
}
.jj_contents .separate-product .event-separator-select .selected:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M0.353516 3L6.35352 9L12.3535 3' stroke='%23999999'/%3E%3C/svg%3E");
    transition: transform 0.3s ease-in-out;
}
.jj_contents .separate-product .event-separator-select .selected span {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
    color: #000;
}
.jj_contents .separate-product .event-separator-select .selected.on {
    border-color: #000;
}
.jj_contents .separate-product .event-separator-select .selected.on:after {
    transform: rotate(180deg);
}
.jj_contents .separate-product .event-separator-select .selectbox-wrap {
    border-color: #000;
}
.jj_contents .separate-product .event-separator-select .selectbox .option {
    height: 44px;
}
.jj_contents .separate-product .event-separator-select .selectbox .option p {
    height: 44px;
    padding: 0 16px;
}
.jj_contents .separate-product .event-separator-select .selectbox .option p span {
    color: #000;
}
.jj_contents .separate-product .event-separator-select .selectbox .option input[type=radio]:checked ~ p span {
    color: #000;
    font-weight: 700;
}
.jj_contents .separate-product .event-separator-select .selectbox .option.on p span {
    color: #000;
    font-weight: 700;
}
.jj_contents .separate-product .event-separator-tab {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
}
.jj_contents .separate-product .event-separator-tab li {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}
.jj_contents .separate-product .event-separator-tab li:nth-child(odd) {
    border-right: 1px solid #ddd;
}
.jj_contents .separate-product .event-separator-tab li:nth-child(-n+2) {
    border-top: 1px solid #ddd;
}
.jj_contents .separate-product .event-separator-tab li a {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #000;
}
.jj_contents .separate-product .event-separator-tab li a.on {
    background-color: #000;
    color: #fff;
}
.jj_contents .separate-product .event-product-filter {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 114;
    background-color: #fff;
}
.jj_contents .separate-product .event-product-filter.is-pinned {
    border-bottom: 1px solid #eee;
}
.jj_contents .separate-product .product-filter-controls {
    height: 48px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}
.jj_contents .separate-product .product-filter-controls > li {
    position: relative;
}
.jj_contents .separate-product .product-filter-controls > li ~ li {
    padding-left: 12px;
}
.jj_contents .separate-product .product-filter-controls > li ~ li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: #ddd;
}
.jj_contents .separate-product .product-filter-controls .v-checkbox-wrap {
    --v-checkbox-margin-right: 8px;
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
    align-items: center;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    color: #929292;
}
.jj_contents .separate-product .product-filter-controls .siv-selectbox {
    height: 26px;
}
.jj_contents .separate-product .product-filter-controls .siv-selectbox .selected {
    position: relative;
    background: none;
}
.jj_contents .separate-product .product-filter-controls .siv-selectbox .selected:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    width: 8px;
    height: 5px;
    margin-top: -2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M0.353516 0.353516L4.35352 4.35352L8.35352 0.353516' stroke='%23929292'/%3E%3C/svg%3E");
    transition: transform 0.3s ease-in-out;
}
.jj_contents .separate-product .product-filter-controls .siv-selectbox .selected span {
    font-size: 12px;
    font-weight: 400;
    color: #929292;
}
.jj_contents .separate-product .product-filter-controls .siv-selectbox .selected.on:after {
    transform: rotate(180deg);
}
.jj_contents .separate-product .product-filter-controls .siv-selectbox .selectbox-wrap {
    width: auto;
    min-width: 100%;
    max-height: none;
    margin-top: 26px;
    border: 1px solid #999;
}
.jj_contents .separate-product .product-filter-controls .siv-selectbox .selectbox .option {
    height: 28px;
}
.jj_contents .separate-product .product-filter-controls .siv-selectbox .selectbox .option input[type=radio] ~ p {
    height: 28px;
    padding: 0 16px;
    margin: auto;
}
.jj_contents .separate-product .product-filter-controls .siv-selectbox .selectbox .option input[type=radio] ~ p span {
    font-size: 12px;
    font-weight: 400;
    color: #6d6d6d;
}
.jj_contents .separate-product .product-filter-controls .siv-selectbox .selectbox .option input[type=radio]:checked ~ p span {
    color: #000;
    font-weight: 700;
}
.jj_contents .separate-product .product-filter-controls .siv-selectbox .selectbox .option.on p span {
    color: #000;
    font-weight: 700;
}
.jj_contents .separate-product .event-detail__product .product__item:not(.big) .product__data-brand,
.jj_contents .separate-product .event-detail__discount-product .product__item:not(.big) .product__data-brand {
    max-height: 40px;
    padding-right: 0;
}
.jj_contents .separate-product .event-detail__discount-product {
    padding-top: 16px;
    margin-bottom: 48px;
}
.jj_contents .separate-product .event-detail__discount-product-title {
    margin-bottom: 16px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #131922;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.jj_goods-menu {
    display: flex;
    justify-content: space-between;
    padding-bottom: 9px;
}

.jj_goods-menu + [class*=jj_goods-grid] {
    position: relative;
    padding-top: 15px;
}

.jj_goods-menu + [class*=jj_goods-grid]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 30px);
    height: 1px;
    background: #f7f7f7;
}

.jj_goods-menu .jj_sorting {
    margin-left: auto;
}

.jj_select-btn {
    position: relative;
    padding-right: 20px;
}

.jj_select-btn span {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #222;
}

.jj_select-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 20px;
    height: 20px;
    background: url("../../common/image/icons/20x20/ico-common-arrow-a-down-small.svg") no-repeat 0 0/100%;
}

.jj_best-area .jj_flex {
    margin-top: 13px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}

.jj_my-info.ty2 .jj_overwrap {
    background: #c2c822;
}

.jj_my-info.ty2 .jj_progress-bar .jj_progress-value {
    width: calc(50% - 1px);
    background: linear-gradient(to right, #ddd929 7%, #c2c822 84%);
}

.jj_my-info.ty3 .jj_overwrap {
    background: #8a2fed;
}

.jj_my-info.ty3 .jj_progress-bar .jj_progress-value {
    width: calc(75% - 1px);
    background: linear-gradient(to right, #9861d4 7%, #8a2fed 84%);
}

.jj_my-info.ty4 .jj_overwrap {
    background: #ff5432;
}

.jj_my-info.ty4 .jj_progress-bar .jj_progress-value {
    width: 100%;
    background: linear-gradient(to right, #ff7932 7%, #ff5432 84%);
}

.jj_my-info.ty4 .jj_overwrap .jj_btn-question {
    margin: 0;
}

.jj_my-info.case2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    padding: 10.5px 0;
}

.jj_my-info.case2 .jj_tit13 {
    color: #777;
}

.jj_my-info.case2 .jj_tool-tip .jj_tit {
    color: #777;
}

.jj_my-info.case2 .jj_tool-tip .jj_icon-info {
    background: url("../../../assets/common/image/icons/15x15/ico-common-title-question-small-grey.svg") no-repeat 0 0/100%;
}

.jj_my-info.case2 + .jj_full-box {
    margin-top: 0;
}

.jj_my-info + .jj_full-box {
    background: #131922;
    padding-right: 122px;
}

.jj_overwrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 50px;
    margin: 0 -15px;
    padding: 0 15px 20px;
    background: #131922;
}

.jj_overwrap .jj_link {
    display: block;
    margin-left: auto;
}

.jj_overwrap .jj_link:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 8px;
    margin-left: 10px;
    background: #ffffff;
}

.jj_overwrap .jj_link span {
    font-size: 13px;
    line-height: 19px;
    color: #ffffff;
}

.jj_overwrap .jj_link + .jj_tool-tip {
    margin-left: 5px;
}

.jj_overwrap .jj_tit13 {
    font-weight: 400;
    color: #ffffff;
}

.jj_overwrap .jj_tool-tip {
    margin-right: -5px;
}

.jj_overwrap .jj_tool-tip .jj_tit {
    color: #ffffff;
}

.jj_overwrap .jj_tool-tip .jj_icon-info {
    background: url("../../common/image/icons/15x15/ico-common-title-question-space.svg") no-repeat 0 0/100%;
}

.jj_grade-wrap {
    position: relative;
    margin: -20px -15px 0;
    padding: 35px 30px 30px;
    border-radius: 20px 20px 0 0;
    background: #ffffff;
    border-bottom: 1px solid #eee;
}

.jj_grade-wrap .jj_flex-sb {
    align-items: flex-start;
}

.jj_grade-wrap .jj_flex-sb .jj_tit24 {
    font-family: "Roboto";
    font-size: 24px;
    font-weight: 700;
    color: #222;
}

.jj_grade-wrap .jj_flex-sb .jj_btn-round {
    padding: 0 10px;
    border-radius: 11.5px;
    border: 1px solid #ccc;
}

.jj_grade-wrap .jj_flex-sb .jj_btn-round span {
    font-size: 12px;
    line-height: 21px;
    color: #777;
}

.jj-action-wrap {
    gap: 8px;
    padding-top: 13px;
    margin-top: 24px;
    align-items: center;
    border-top: 1px solid #eee;
}
.jj-action-wrap .jj-action-button {
    color: #6d6d6d;
}

.jj_my-club-wrap {
    position: relative;
    margin: -20px -15px 0;
    padding: 35px 30px 44px;
    border-radius: 20px 20px 0 0;
    background: #ffffff;
    border-bottom: 1px solid #eee;
}

.jj_my-club-wrap .jj_tit24 {
    font-size: 24px;
    font-weight: bold;
    color: #222;
}

.jj_my-club-wrap .jj_coupon-area {
    width: 280px;
    height: 155px;
    box-sizing: border-box;
    margin: 16px auto 0;
    padding: 35px 60px 25px 25px;
    background: url(/mo/assets/jaju/image/logo/club-coupon.png) no-repeat center/cover;
}

.jj_my-club-wrap .jj_coupon-area [class^=jj_coupon] {
    color: #fff;
}

.jj_my-club-wrap .jj_coupon-area .jj_coupon-discount {
    font-size: 30px;
    line-height: 47px;
    display: flex;
    align-items: baseline;
}

.jj_my-club-wrap .jj_coupon-area .jj_coupon-discount .jj_number {
    font-size: 85px;
    font-weight: 500;
    letter-spacing: -7.08px;
    margin-right: 10px;
}

.jj_my-club-wrap .jj_coupon-area .jj_coupon-title {
    font-size: 11px;
    line-height: 22px;
}

.jj_my-club-wrap .jj_coupon-area .jj_coupon-desc {
    font-size: 9px;
    line-height: 20px;
    opacity: 0.7;
}

.jj_my-club-wrap .jj_coupon-area + .jj_btn-wrap {
    margin-top: 20px;
}

.jj_my-club-wrap .jj_club-text {
    font-size: 14px;
    line-height: 22px;
    color: #787878;
    text-align: center;
    margin-top: 24px;
}

.jj_my-club-wrap .jj_club-link {
    display: block;
    text-decoration: underline;
    font-size: 12px;
    line-height: 15px;
    color: #222;
    margin-top: 16px;
}

.jj_progress-wrap .jj_progress-bar {
    position: relative;
    width: 100%;
    height: 10px;
    padding: 4px 0;
    margin: 33px auto 0;
    border-radius: 5px;
    box-sizing: border-box;
    background: #f7f7f7;
}

.jj_progress-wrap .jj_progress-bar .jj_progress-value {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(25% - 1px);
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(to right, #3fd6c4 7%, #00bfa8 84%);
}

.jj_progress-wrap .jj_progress-grade {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.jj_progress-wrap .jj_progress-grade .jj_grade {
    position: relative;
    padding-top: 10px;
    flex: 1 1 0;
    font-size: 0;
    text-align: center;
}

.jj_progress-wrap .jj_progress-grade .jj_grade .jj_tit {
    font-family: "Roboto";
    font-size: 12px;
    color: #999;
    text-decoration: underline;
}

.jj_progress-wrap .jj_progress-grade .jj_grade:before {
    content: "";
    z-index: 10;
    position: absolute;
    top: -9px;
    right: 0;
    width: 1px;
    height: 8px;
    background: url("../../common/image/icons/etc/ico-common-progress-bar-line.svg") no-repeat 0 0/100%;
}

.jj_progress-wrap .jj_progress-grade .jj_grade.on .jj_tit {
    color: #222;
    font-weight: 500;
}

.jj_progress-wrap .jj_progress-grade .jj_grade .jj_tip-txt .jj_note li {
    font-size: 13px;
    line-height: 19px;
}

.jj_point-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 23px;
}

.jj_point-wrap li {
    position: relative;
    flex: 1 0;
}

.jj_point-wrap li a {
    display: block;
}

.jj_point-wrap li + li {
    margin-left: 20px;
}

.jj_point-wrap li + li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    width: 1px;
    height: 25px;
    background: #eee;
}

.jj_point-wrap li span {
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.jj_point-wrap li .jj_point {
    margin: 5px 0;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #222;
}

.jj_point-wrap li .jj_ico {
    position: relative;
    margin: 0 auto;
    width: 32px;
}

.jj_point-wrap li .jj_ico .jj_count {
    position: absolute;
    top: -5px;
    right: -11px;
    min-width: 16px;
    height: 16px;
    white-space: nowrap;
    font-size: 8px;
    line-height: 16px;
    border-radius: 9px;
    background: #ff5432;
    color: #ffffff;
}

.jj_point-info {
    position: relative;
    margin-top: 20px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 5px;
    border: 1px solid #f4f4f4;
}

.jj_point-info p {
    color: #777;
    font-size: 14px;
    line-height: 20px;
}

.jj_point-info p + p {
    margin-top: 5px;
}

.jj_point-info .jj_btn-question {
    position: absolute;
    top: 17px;
    right: 15px;
    width: 15px;
    height: 15px;
    padding: 5px;
}

.jj_order-step {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 17px;
}

.jj_order-step li {
    position: relative;
    flex: 1 0 0;
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #777;
    text-align: center;
}

.jj_order-step li .jj_num {
    display: block;
    margin-bottom: 4px;
    font-family: "Roboto";
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #222;
}

.jj_order-step li .jj_num.zero {
    color: #aaa;
}

.jj_order-step li + li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -5px;
    width: 10px;
    height: 10px;
    background: url("../../common/image/icons/10x10/ico-common-arrow-d-down-small-ccc.svg") no-repeat 0 0/100%;
}

.jj_favorite-store {
    position: relative;
    min-height: 120px;
    margin: 15px 0 25px;
    padding: 14px 20px 20px;
    border-radius: 5px;
    border: 1px solid #eee;
    box-sizing: border-box;
    box-shadow: 2px 1px 8px 0 rgba(0, 0, 0, 0.04);
}

.jj_favorite-store .jj_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    width: calc(100% - 30px);
    font-size: 15px;
    font-weight: 700;
    color: #222;
}

.jj_favorite-store .jj_adr {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-top: 5px;
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.jj_favorite-store a {
    display: block;
    padding: 5px;
    margin: 10px 0 0 -5px;
}

.jj_favorite-store a span {
    font-size: 12px;
    line-height: 19px;
    color: #777;
    text-decoration: underline;
}

.jj_favorite-store .jj_btn {
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 5px;
}

.jj_favorite-store .jj_btn span {
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.jj_favorite-store.ty2 {
    border: 1px dashed #ddd;
    box-shadow: none;
    padding: 25px 15px;
}

.jj_favorite-store.ty2 p {
    color: #777;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
}

.jj_favorite-store.ty2 .jj_btn-base-size40 {
    margin-top: 10px;
    background: #f7f7f7;
    border-color: #ddd;
    text-align: center;
    font-size: 0;
}

.jj_favorite-store.ty2 .jj_btn-base-size40 span {
    margin: 0;
    font-size: 13px;
    text-align: center;
    color: #555;
}

.jj_grade-area .jj_grade-myinfo {
    box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.06);
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 25px 0 0;
    text-align: center;
    font-size: 12px;
}

.jj_grade-area .jj_grade-myinfo i.jj_ico-grade {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.jj_grade-area .jj_grade-myinfo i.jj_ico-grade img {
    width: 100%;
}

.jj_grade-area .jj_grade-myinfo .jj_tit15 {
    margin-top: 15px;
    color: #222;
}

.jj_grade-area .jj_grade-myinfo .jj_tit15 strong {
    font-family: "Roboto";
    font-weight: 700;
}

.jj_grade-area .jj_grade-myinfo .jj_tit15 + .jj_desc {
    margin-top: 15px;
    font-size: 12px;
    word-break: keep-all;
    line-height: 19px;
    color: #777;
}

.jj_grade-area .jj_grade-myinfo .jj_tit15 + .jj_desc span,
.jj_grade-area .jj_grade-myinfo .jj_tit15 + .jj_desc strong {
    font-family: "Roboto";
    font-size: 12px;
    color: #222;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom {
    border-top: 1px solid #eee;
    margin: 35px 0 0;
    padding: 20px 25px 20px;
    box-sizing: border-box;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_tit {
    color: #999;
    font-size: 13px;
    text-align: left;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_tit strong {
    font-weight: 700;
    color: #555;
    font-size: 14px;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap .jj_progress-bar {
    margin-top: 10px;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap .jj_progress-grade {
    display: flex;
    margin: 0;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap .jj_progress-grade .jj_grade {
    font-size: 11px;
    color: #999;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap .jj_progress-grade .jj_grade span {
    display: block;
    font-size: 13px;
    padding-bottom: 2px;
    color: #777;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap .jj_progress-grade .jj_grade:first-child span {
    font-weight: 700;
    color: #222;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap[class*=ty] .jj_grade:first-child span {
    font-weight: 400;
    color: #777;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap.ty2 .jj_progress-bar .jj_progress-value {
    width: calc(50% - 1px);
    background: linear-gradient(to right, #ddd929 7%, #c2c822 84%);
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap.ty2 .jj_grade:nth-child(2) span {
    font-weight: 700;
    color: #222;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap.ty3 .jj_progress-bar .jj_progress-value {
    width: calc(75% - 1px);
    background: linear-gradient(to right, #9861d4 7%, #8a2fed 84%);
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap.ty3 .jj_progress-grade .jj_grade:nth-child(3) span {
    font-weight: 700;
    color: #222;
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap.ty4 .jj_progress-bar .jj_progress-value {
    width: 100%;
    background: linear-gradient(to right, #ff7932 7%, #ff5432 84%);
}

.jj_grade-area .jj_grade-myinfo .jj_info-bottom .jj_progress-wrap.ty4 .jj_progress-grade li:last-child span {
    font-weight: 700;
    color: #222;
}

.jj_grade-area .jj_section {
    padding: 30px 0;
}

.jj_grade-area .jj_section:last-of-type {
    padding-bottom: 0px;
}

.jj_grade-area .jj_section [class*=jj_tit] {
    text-align: center;
}

.jj_grade-area .jj_section [class*=jj_tit] em {
    position: relative;
    font-weight: 700;
}

.jj_grade-area .jj_section [class*=jj_tit] em:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 8px;
    background: #ff5432;
    opacity: 0.2;
}

.jj_grade-area .jj_section [class*=jj_tit] + .jj_desc {
    text-align: center;
    font-size: 12px;
    color: #777;
    margin-top: 5px;
}

.jj_grade-area .jj_section.jj_gray-area {
    margin: 30px -15px 0;
    background: #f9f9f9;
}

.jj_grade-area .jj_section.jj_gray-area .jj_tit20 {
    font-weight: 700;
    color: #222;
    line-height: 28px;
    text-align: center;
}

.jj_grade-area .jj_section.jj_gray-area .jj_grade-table {
    margin: 20px 15px 0;
    padding: 0 20px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);
}

.jj_grade-area .jj_section.jj_gray-area .jj_grade-table .jj_row {
    display: flex;
    align-items: flex-start;
    padding: 20px 0;
}

.jj_grade-area .jj_section.jj_gray-area .jj_grade-table .jj_row + .jj_row {
    border-top: 1px solid #f4f4f4;
}

.jj_grade-area .jj_section.jj_gray-area .jj_grade-table .jj_row .jj_desc {
    margin: 0 0 0 15px;
}

.jj_grade-area .jj_section.jj_gray-area .jj_grade-table .jj_row .jj_desc .jj_tit {
    text-align: left;
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    color: #222;
}

.jj_grade-area .jj_section.jj_gray-area .jj_grade-table .jj_row .jj_desc .jj_tit span {
    font-family: "Roboto";
}

.jj_grade-area .jj_section.jj_gray-area .jj_grade-table .jj_row .jj_desc p {
    margin-top: 5px;
    line-height: 19px;
    color: #222;
}

.jj_grade-area .jj_section.jj_gray-area .jj_grade-table .jj_row .jj_desc .jj_txt {
    font-size: 13px;
    line-height: 19px;
    color: #999;
}

.jj_grade-area .jj_section .jj_point-graph {
    margin-top: 20px;
    display: flex;
}

.jj_grade-area .jj_section .jj_point-graph .jj_row {
    position: relative;
    margin: 10px 0 0;
}

.jj_grade-area .jj_section .jj_point-graph .jj_row li {
    display: block;
    font-size: 11px;
    line-height: 17px;
    text-align: right;
    white-space: nowrap;
    color: #aaa;
}

.jj_grade-area .jj_section .jj_point-graph .jj_row li + li {
    margin-top: 17px;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    margin: 17px 0 0 10px;
    padding: 0 14px;
    background: url("../../common/image/etc/ico-common-dotted-line.svg") 0 0 repeat-x;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li:nth-child(2) .jj_line {
    background: #c2c822;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li:nth-child(3) .jj_line {
    height: 69px;
    background: #8a2fed;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li:nth-child(4) .jj_line {
    height: 103px;
    background: #ff5635;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li .jj_line {
    position: relative;
    width: 50px;
    height: 35px;
    margin: 0 auto;
    background: #4ac6b7;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li .jj_line span {
    position: absolute;
    bottom: 8px;
    width: 50px;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li .jj_desc {
    margin-top: 10px;
    white-space: nowrap;
    text-align: center;
    font-size: 13px;
    color: #555;
    line-height: 20px;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li .jj_desc span {
    display: block;
    font-size: 11px;
    line-height: 17px;
    color: #999;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li:nth-child(2).jj_current-level::after {
    border-color: #b0b61a;
    color: #b0b61a;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li:nth-child(2).jj_current-level::before {
    background: #b0b61a;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li:nth-child(3).jj_current-level::after {
    border-color: #8a2fed;
    color: #8a2fed;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li:nth-child(3).jj_current-level::before {
    background: #8a2fed;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li:nth-child(4).jj_current-level::after {
    border-color: #ff5432;
    color: #ff5432;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li:nth-child(4).jj_current-level::before {
    background: #ff5432;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li.jj_current-level {
    position: relative;
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li.jj_current-level::before {
    display: block;
    content: "";
    position: absolute;
    top: -11px;
    left: 50%;
    width: 1px;
    height: 11px;
    background: #00bfa8;
    transform: translateX(-50%);
}

.jj_grade-area .jj_section .jj_point-graph .jj_line-wrap li.jj_current-level::after {
    display: block;
    content: "현재등급";
    position: absolute;
    top: -35px;
    left: 50%;
    box-sizing: border-box;
    border: 1px solid #00bfa8;
    border-radius: 12px;
    padding: 0 10px;
    background: #ffffff;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    color: #00bfa8;
    text-align: center;
    transform: translateX(-50%);
    white-space: nowrap;
}

.jj_grade-area .jj_section + .jj_hr {
    margin-top: 0;
}

.jj_grade-area .jj_hr + .jj_section {
    padding-top: 0;
}

.jj_grade-area .jj_accordion.jj_has-line-narrow {
    border-top: none;
}

.jj_grade-area .jj_accordion.jj_has-line-narrow li.on {
    border-bottom: none;
}

.jj_grade-area .jj_accordion.jj_has-line-narrow li.on .jj_acc-expand {
    overflow: visible;
}

.jj_grade-area .jj_accordion.jj_has-line-narrow .jj_tit {
    text-align: left;
}

.jj_grade-area .jj_accordion.jj_has-line-narrow .jj_note {
    margin-top: 20px;
}

.jj_grade-area .jj_accordion.jj_has-line-narrow .jj_note li + li {
    margin-top: 8px;
}

.jj_nodata.jj_only-txt {
    margin: 0;
    padding: 40px 0 35px;
}

.jj_nodata.jj_only-txt:before {
    display: none;
}

.jj_modal[data-modalid=modal-store] .jj_flex-sb .jj_select + .jj_select {
    margin-left: 5px;
}

.jj_modal[data-modalid=modal-store] .jj_input-type .jj_search-box .jj_btn-search {
    width: auto;
}

.jj_modal[data-modalid=modal-store] .jj_info-box {
    padding-top: 60px;
    font-size: 13px;
    line-height: 19px;
    color: #777;
    text-align: center;
}

.jj_modal[data-modalid=modal-store] .jj_info-box:before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    background: url("../../../assets/common/image/icons/60x60/ico-common-60-store.svg") no-repeat 0 0/100%;
}

.jj_modal[data-modalid=modal-store] .jj_adr-list {
    margin-top: 20px;
}

.jj_modal[data-modalid=modal-store] .jj_adr-list li {
    position: relative;
    padding: 20px 66px 20px 0;
}

.jj_modal[data-modalid=modal-store] .jj_adr-list li strong {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: block;
    color: #222;
    font-size: 15px;
    font-weight: 500;
}

.jj_modal[data-modalid=modal-store] .jj_adr-list li .jj_adr {
    margin-top: 5px;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 13px;
    color: #555;
}

.jj_modal[data-modalid=modal-store] .jj_adr-list li a {
    display: block;
    padding: 5px 0;
}

.jj_modal[data-modalid=modal-store] .jj_adr-list li a span {
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.jj_modal[data-modalid=modal-store] .jj_adr-list li button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-radius: 12px;
    padding: 0 10px;
    border: 1px solid #ccc;
}

.jj_modal[data-modalid=modal-store] .jj_adr-list li button span {
    font-size: 12px;
    line-height: 21px;
    color: #777;
    white-space: nowrap;
}

.jj_modal[data-modalid=modal-store] .jj_adr-list li + li {
    border-top: 1px solid #eee;
}

.jj_modal[data-modalid=modal-store] .jj_adr-list li.jj_nodata {
    margin: 60px 0 0;
    padding: 70px 0 0;
}

.jj_modal[data-modalid=modal-store] .jj_adr-list li.jj_nodata:before {
    background: url("../../common/image/icons/60x60/ico-common-find-grey.svg") no-repeat 0 0/100%;
}

.jj_modal[data-modalid=modal-family-sale] .jj_note {
    margin-top: 15px;
}

.jj_modal[data-modalid=modal-family-sale] .jj_note li {
    font-size: 14px;
    color: #222;
    line-height: 20px;
}

.jj_modal[data-modalid=modal-family-sale] .jj_note li + li {
    margin-top: 8px;
}

.jj_modal[data-modalid=modal-family-sale] .jj_note li:before {
    background: #222;
}

.jj_modal[data-modalid=modal-family-sale] .jj_gray-area {
    margin-top: 20px;
    padding: 20px;
}

.jj_modal[data-modalid=modal-family-sale] .jj_gray-area ol {
    margin-left: 20px;
}

.jj_modal[data-modalid=modal-family-sale] .jj_gray-area ol li {
    list-style: decimal;
    font-size: 13px;
    line-height: 19px;
    color: #555;
    font-weight: 700;
}

.jj_modal[data-modalid=modal-family-sale] .jj_gray-area ol li p {
    color: #777;
    line-height: 19px;
    margin-top: 5px;
}

.jj_modal[data-modalid=modal-family-sale] .jj_gray-area ol li + li {
    margin-top: 15px;
}

.jj_modal[data-modalid=modal-nextmm-grade] .jj_btn-wrap .jj_btn-base-size45.ty8 span {
    font-weight: 400;
}

.jj_footer.ty2 {
    margin-top: 21px;
    /*  & + .jj_footer {
      margin-top: 0;
  }*/
}

.jj_footer.ty2.jj_space {
    padding-bottom: 45px;
}

.jj_footer.ty2 + .jj_space {
    margin-top: 0;
    padding-top: 0;
}

.jj_footer.ty2 ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 5px;
    background: #f7f7f7;
}

.jj_footer.ty2 ul li {
    display: flex;
}

.jj_footer.ty2 ul li + li:before {
    content: "";
    display: inline-flex;
    align-self: center;
    width: 1px;
    height: 6px;
    background: #dddddd;
}

.jj_footer.ty2 ul li a {
    display: block;
    padding: 5px 10px;
}

.jj_footer.ty2 ul li a span {
    font-size: 13px;
    line-height: 19px;
    color: #777;
    white-space: nowrap;
}

.jj_nodata.ty3 {
    margin: 15px 0 0 0;
    padding: 70px 0 0 0;
}

.jj_nodata.ty3 p {
    color: #777;
}

.jj_nodata.ty3::before {
    background: url("../../common/image/icons/60x60/ico-common-60-none.svg") no-repeat 0 0/100%;
}

.jj_main-banner-swiper .swiper-pagination.swiper-pagination-bullets {
    padding-bottom: 0;
}

.jj_main-banner-swiper .swiper-pagination.swiper-pagination-bullets.jj_mt15 {
    margin-top: 15px;
}

.jj_main-banner-swiper .jj_full-banner a {
    aspect-ratio: 750/200;
}

.jj_main-banner-swiper .jj_full-banner img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.jj_tit-wrap.jj_pt0 {
    padding-top: 0;
}

.jj_accordion.ty2 li.on {
    border-bottom: none;
}

.jj_accordion.ty2 li:last-child {
    border-bottom: none;
}

.jj_accordion.ty2 .jj_acc-tit {
    padding-left: 34px;
}

.jj_accordion.ty2 .jj_acc-tit .ico {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.jj_accordion.ty2 .jj_acc-tit .jj_tit {
    font-size: 15px;
    color: #222;
    line-height: 21px;
}

.jj_accordion.ty2 .jj_acc-expand .jj_my-menu {
    background: #f7f7f7;
    padding: 10px 0;
    border-top: 1px solid #eee;
}

.jj_accordion.ty2 .jj_acc-expand .jj_my-menu li a {
    display: block;
    padding: 10px 0 10px 35px;
}

.jj_accordion.ty2 .jj_acc-expand .jj_my-menu li a span {
    color: #555;
    font-size: 13px;
    line-height: 19px;
}

.jj_refresh-time {
    display: flex;
    align-items: center;
}

.jj_refresh-time .jj_time {
    font-size: 12px;
    color: #999;
    line-height: 18px;
}

.jj_refresh-time .jj_btn-refresh {
    font-size: 0;
    padding: 6px 6px 6px 0;
    margin: -6px -6px -6px 0;
    width: 24px;
    height: 24px;
    background: url("../../common/image/icons/24x24/ico-common-reset.svg") no-repeat 0 0/100%;
}

.jj_main-swiper {
    margin: 0 -15px;
}

.jj_main-swiper .jj_goods a {
    position: relative;
    display: block;
}

.jj_main-swiper .jj_goods .jj_thum {
    position: relative;
    padding-top: 112%;
}

.jj_main-swiper .jj_goods .jj_thum:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 75%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    pointer-events: none;
}

.jj_main-swiper .jj_goods .jj_thum img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.jj_main-swiper .jj_goods .desc {
    position: absolute;
    left: 36px;
    right: 36px;
    bottom: 13.0952380952%;
    z-index: 2;
}

.jj_main-swiper .jj_goods .desc .jj_tit {
    font-size: 30px;
    font-weight: 500;
    line-height: 37px;
    color: #fff;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.jj_main-swiper .jj_goods .desc .jj_txt {
    display: block;
    margin-top: 13px;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jj_main-swiper .swiper-pagination.swiper-pagination-custom {
    left: auto;
    right: 21px;
    bottom: 21px;
    width: auto;
}

.jj_main-swiper .swiper-pagination.swiper-pagination-custom .jj_paging {
    margin: 0;
    height: 23px;
    position: relative;
    padding: 0 25px 0 15px;
    background-color: rgba(0, 0, 0, 0.25);
}

.jj_main-swiper .swiper-pagination.swiper-pagination-custom .jj_paging .jj_total:before {
    margin: 0 4px;
}

.jj_main-swiper .jj_btn-plus {
    z-index: 100;
    position: absolute;
    bottom: 21px;
    right: 21px;
    height: 23px;
    padding: 4px 6px 4px 40px;
    box-sizing: content-box;
    box-sizing: border-box;
}

.jj_main-swiper .jj_btn-plus img {
    vertical-align: top;
    opacity: 0.66;
}

.jj_main-event-swiper .swiper-slide .jj_banner {
    margin-top: 0;
    padding: 0 15px;
}

.jj_main-event-swiper .swiper-slide .jj_goods-grid .jj_goods {
    width: calc(100% - 30px);
    margin: 0 auto;
}

.jj_main-event-swiper .swiper-slide .jj_goods-grid.jj_row-size62.jj_mt20 {
    margin-top: 20px;
}

.jj_main-event-swiper.jj_swiper-container .swiper-pagination.swiper-pagination-bullets {
    padding-bottom: 0px;
}

.jj_tab-main-small [class*=jj_btn].on {
    background: #ff5432;
    border-color: #ff5432;
}

.jj_tab-main-small [class*=jj_btn].on span {
    color: #ffffff;
    font-weight: 700;
}

.jj_tab-main-small [class*=jj_btn].on span:after {
    display: none;
}

.jj_tab-main-small [class*=jj_btn] + [class^=jj_btn] {
    margin-left: 5px;
}

.jj_modal[data-modalid=modal-view-all] .jj_wrap {
    padding-bottom: 0;
}

.jj_event-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    -moz-column-gap: 9px;
    column-gap: 9px;
    row-gap: 42px;
    padding-bottom: 42px;
}

.jj_event-list li a {
    position: relative;
    display: block;
}

.jj_event-list li .jj_thum {
    position: relative;
    padding-top: 111.9047619048%;
}

.jj_event-list li .jj_thum img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.jj_event-list li .desc {
    padding: 21px 0 16px;
}

.jj_event-list li .desc .jj_tit {
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.27;
    color: #222;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jj_event-list li .desc .jj_txt {
    display: block;
    margin-top: 5px;
    height: 38px;
    font-size: 13px;
    line-height: 19px;
    color: #222;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.jj_main-video-wrap {
    margin: 13px -15px 0;
    height: auto;
    font-size: 0;
}

.jj_main-video-wrap video {
    width: 100%;
    height: auto;
    font-size: 0;
}

.jj_main-video-title {
    margin-top: 20px;
}

.jj_main-video-title .jj_tit20 {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 24px;
    color: #222;
}

.jj_main-video-title .jj_tit15 {
    margin-top: 6px;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 19px;
    color: #000;
}

.jj_main-today-first-modal {
    height: auto;
}

.jj_main-today-first-modal.hide-control .swiper-button-next,
.jj_main-today-first-modal.hide-control .swiper-button-prev,
.jj_main-today-first-modal.hide-control .swiper-pagination {
    display: none;
}

.jj_main-today-first-modal .jj_wrap {
    padding: 0;
    overflow: hidden;
    width: 300px;
}

.jj_main-today-first-modal .jj_wrap .jj_inner {
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.jj_main-today-first-modal .jj_wrap .jj_inner .jj_btn {
    width: 50%;
    height: 45px;
    box-sizing: border-box;
}

.jj_main-today-first-modal .jj_wrap .jj_inner .jj_btn.jj_close {
    position: static;
}

.jj_main-today-first-modal .jj_wrap .jj_inner .jj_btn + .jj_btn {
    border-left: 1px solid #eee;
}

.jj_main-today-first-modal .jj_wrap .jj_inner .jj_btn span {
    font-size: 15px;
}

.jj_main-today-first-modal .jj_wrap .jj_inner .jj_swiper-container {
    position: relative;
    border-radius: 5px 5px 0 0;
    z-index: 0;
}

.jj_main-today-first-modal .jj_wrap .jj_inner .jj_swiper-container .swiper-wrapper .swiper-slide a {
    display: block;
    width: 100%;
}

.jj_main-today-first-modal .jj_wrap .jj_inner .jj_swiper-container .swiper-wrapper .swiper-slide img {
    width: 300px;
    height: 390px;
    vertical-align: top;
}

.jj_main-today-first-modal .jj_wrap .jj_inner .jj_swiper-container .swiper-pagination {
    bottom: 50px;
}

.jj_main-today-first-modal .jj_wrap .jj_inner .jj_swiper-container .swiper-pagination .jj_paging {
    position: absolute;
    right: 10px;
    padding: 0 10px;
}

.jj_main-today-first-modal .jj_wrap .jj_inner .jj_swiper-container .swiper-pagination span {
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
}

.jj_main-today-first-modal .jj_wrap .jj_inner .jj_swiper-container .swiper-pagination span[class*=current] {
    font-weight: 700;
}

.jj_main-app-modal {
    background-color: rgba(0, 0, 0, 0.8);
}

.jj_main-app-modal .jj_wrap {
    padding: 30px 0;
    background-color: transparent !important;
}

.jj_main-app-modal .jj_wrap .jj_inner {
    text-align: center;
    padding-bottom: 0;
}

.jj_main-app-modal .jj_wrap .jj_inner .jj_thum {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.jj_main-app-modal .jj_wrap .jj_inner .jj_thum img {
    width: 100%;
}

.jj_main-app-modal .jj_wrap .jj_inner .jj_btn-round {
    margin-top: 17px;
    width: 100%;
    max-width: 280px;
    height: 50px;
    border-radius: 5px;
    border-color: #ffffff;
    background: #ffffff;
}

.jj_main-app-modal .jj_wrap .jj_inner .jj_btn-round span {
    font-size: 18px;
    line-height: 40px;
    color: #111111;
    font-family: "SF Pro Display", "Apple SD Gothic Neo", "Apple-Gothic", "Roboto", "Noto Sans KR", "Droid Sans", "dotum", sans-serif;
    letter-spacing: -1.2px;
}

.jj_main-app-modal .jj_wrap .jj_inner .pop_text p {
    margin-top: 20px;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    margin: 20px 0;
    letter-spacing: -0.04em;
    font-family: "SF Pro Display", "Apple SD Gothic Neo", "Apple-Gothic", "Roboto", "Noto Sans KR", "Droid Sans", "dotum", sans-serif;
}

.jj_main-app-modal .jj_wrap .jj_inner .pop_text span {
    font-family: "SF Pro Display", "Apple SD Gothic Neo", "Apple-Gothic", "Roboto", "Noto Sans KR", "Droid Sans", "dotum", sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.35;
    display: inline-block;
    letter-spacing: -0.04em;
}

.jj_main-app-modal .jj_wrap .jj_inner .pop_text .pop_Highlight {
    position: relative;
    display: inline-block;
    margin: 3px 5px;
    color: #000;
    font-weight: 600;
}

.jj_main-app-modal .jj_wrap .jj_inner .pop_text .pop_Highlight::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-4.5deg);
    width: 45px;
    height: 22px;
    background-color: #fff05d;
    z-index: -1;
}

.jj_main-app-modal .jj_wrap .jj_inner .jj_btn-line {
    display: block;
    margin: 15px auto 0;
    text-align: center;
}

.jj_main-app-modal .jj_wrap .jj_inner .jj_btn-line span {
    font-size: 14px;
    color: #b8b8b8;
    text-align: center;
    background-color: #000;
    padding: 3px 10px;
}

.jj_app-gate-wrap .jj_img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.jj_app-gate-wrap .jj_tit {
    margin-top: 10px;
    font-size: 15px;
    line-height: 21px;
    color: #222;
    text-align: center;
}

.jj_sns-share {
    padding: 20px 10px;
}

.jj_sns-share ul {
    display: flex;
    justify-content: space-around;
}

.jj_sns-share ul li {
    width: 25%;
    text-align: center;
}

.jj_sns-share ul li button {
    width: 100%;
    text-align: center;
}

.jj_sns-share ul li button img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: inline-block;
}

.jj_sns-share ul li .jj_txt {
    display: block;
    margin: 5px -10px 0;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

.jj_hot-key {
    padding: 10px 0 0;
}

.jj_hot-key .jj_ranking-search {
    margin: 0 -15px 0;
}

.jj_hot-key .jj_ranking-search li {
    margin: 5px 0 0;
    border: none;
    /* &.on {
      .jj_txt {
          //font-weight: 700;//기획 요청에 의한 삭제
      }
  }*/
}

.jj_hot-key .jj_ranking-search li:first-child {
    margin: 0;
}

.jj_hot-key .jj_ranking-search li .jj_keyword {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 15px;
}

.jj_hot-key .jj_ranking-search li .jj_keyword .jj_number {
    width: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #222;
    text-align: left;
}

.jj_hot-key .jj_ranking-search li .jj_keyword .jj_txt {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-align: left;
    /*  position: absolute;
  right: 60px;
  left: 35px;*/
    flex: 1 0;
    margin: 0 17px 0 5px;
    font-size: 14px;
    color: #222;
    vertical-align: middle;
}

.jj_hot-key .jj_ranking-search li .jj_keyword .jj_change {
    flex: 0 0 auto;
    position: relative;
    margin: 0 0 0 10px;
    padding: 0 0 0 12px;
    font-size: 0;
    text-align: right;
}

.jj_hot-key .jj_ranking-search li .jj_keyword .jj_change::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(../../../assets/common/image/icons/10x10/ico-common-keep-small.svg) center center no-repeat;
    transform: translateY(-50%);
}

.jj_hot-key .jj_ranking-search li.jj_up .jj_change {
    font-size: 13px;
    color: #ff5432;
}

.jj_hot-key .jj_ranking-search li.jj_up .jj_change::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    background: url(../../common/image/icons/10x10/ico-common-arrow-b-up-small-orange.svg) center center no-repeat;
    transform: translateY(-50%);
}

.jj_hot-key .jj_ranking-search li.jj_down .jj_change {
    font-size: 13px;
}

.jj_hot-key .jj_ranking-search li.jj_down .jj_change::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    background: url(../../common/image/icons/10x10/ico-common-arrow-b-down-small-gray.svg) center center no-repeat;
    transform: translateY(-50%);
}

.jj_hot-key .jj_ranking-search li.jj_new .jj_change {
    font-weight: 700;
    font-size: 10px;
    color: #222;
}

.jj_review-list > li {
    border-top: 1px solid #f4f4f4;
    padding: 20px 0;
    /*&:first-child {
      padding-top: 10px;
      border-top: none;
  }*/
}

.jj_review-list > li.on .jj_review-info .jj_sorting {
    opacity: 0;
    transform: translateX(120%) scaleX(0);
}

.jj_review-list > li.on .jj_review-cont .jj_txt {
    overflow: visible;
    max-height: initial;
    text-overflow: initial;
    white-space: normal;
    -webkit-line-clamp: initial;
}

.jj_review-list > li.on .jj_review-cont .jj_thumb {
    flex: 1;
    margin: 0;
    height: 0;
}

.jj_review-list > li.on .jj_img-area {
    max-height: 500px;
    margin: 15px 0 0;
}

.jj_review-list > .content-block .jj_review-cont .jj_txt {
    height: 19px;
}

.jj_review-list > .content-block .jj_review-cont .jj_txt span {
    z-index: 2;
    position: relative;
}

.jj_review-list > .content-block .jj_review-cont .jj_thumb {
    display: none;
}

.jj_review-list > .content-block.on .jj_review-cont {
    overflow: hidden;
}

.jj_review-list > .content-block .jj_img-area {
    display: none;
}

.jj_review-list .jj_review-summ .jj_user-info {
    margin: 5px 0 0;
    font-size: 0;
}

.jj_review-list .jj_review-summ .jj_user-info li {
    display: inline-block;
    position: relative;
    font-size: 13px;
    line-height: 19px;
    color: #999;
}

.jj_review-list .jj_review-summ .jj_user-info li + li {
    margin: 0 0 0 10px;
    padding: 0 0 0 11px;
}

.jj_review-list .jj_review-summ .jj_user-info li + li::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 8px;
    margin: -4px 0 0;
    background: #ddd;
}

.jj_review-list .jj_review-info {
    margin: 10px 0 0;
}

.jj_review-list .jj_review-info.jj_flex-sb {
    overflow: hidden;
}

.jj_review-list .jj_review-info .jj_tit {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.jj_review-list .jj_review-info .jj_option {
    margin: 2px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.jj_review-list .jj_review-info .jj_sorting {
    overflow: hidden;
    display: block;
    width: auto;
    opacity: 1;
}

.jj_review-list .jj_review-cont {
    margin: 10px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.jj_review-list .jj_review-cont .jj_txt {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 76px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    width: 100%;
    font-size: 13px;
    line-height: 19px;
    color: #222;
    text-align: left;
    position: relative;
}

.jj_review-list .jj_review-cont .jj_txt [class*=jj_flag] {
    margin: 0 5px 0 0;
    vertical-align: text-bottom;
}

.jj_review-list .jj_review-cont .jj_thumb {
    overflow: hidden;
    display: block;
    flex: 0 0 70px;
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 0 0 25px;
}

.jj_review-list .jj_review-cont .jj_thumb img {
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
}

.jj_review-list .jj_review-cont .jj_thumb .jj_num {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.3);
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
    text-align: center;
}

.jj_review-list > li.on .jj_review-hide {
    display: block;
}

.jj_review-list .jj_review-hide {
    display: none;
    margin-top: 15px;
}

.jj_review-list .jj_review-hide .jj_btn_review_hide {
    text-align: right;
    font-size: 0;
    padding-bottom: 5px;
}

.jj_review-list .jj_review-hide .jj_btn_review_hide li {
    display: inline-block;
    position: relative;
    padding: 0 5px;
    font-size: 0;
    width: auto;
    margin: 0;
}

.jj_review-list .jj_review-hide .jj_btn_review_hide li.jj_hide_block {
    padding-left: 0;
}

.jj_review-list .jj_review-hide .jj_btn_review_hide li.jj_hide_block::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 10px;
    background-color: #ccc;
    transform: translate(0, -50%);
}

.jj_review-list .jj_review-hide .jj_btn_review_hide li.jj_hide_report {
    padding-right: 0;
}

.jj_review-list .jj_review-hide .jj_btn_review_hide li button {
    text-decoration: underline;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    font-size: 13px;
}

.jj_review-list .jj_review-hide.div-on {
    display: block;
}

.jj_review-list .jj_img-area {
    position: relative;
    overflow: hidden;
    max-height: 0;
}

.jj_review-list .jj_img-area ul {
    margin: -5px 0 0 -5px;
    font-size: 0;
    text-align: left;
}

.jj_review-list .jj_img-area ul li {
    display: inline-block;
    width: calc((100% - 25px) / 5);
    margin: 5px 0 0 5px;
}

.jj_review-list .jj_img-area ul li button {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 100%;
    font-size: 0;
}

.jj_review-list .jj_img-area ul li button img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.jj_review-list .jj_btn-block {
    position: absolute;
    right: 0;
    bottom: 0;
}

.jj_review-list > .review-block .jj_thumb {
    display: none;
}

.jj_review-list > .review-block .jj_img-area > ul {
    display: none;
}

.jj_review-list > .review-block .jj_img-area .jj_review-hide {
    margin-top: 0;
}

.jj_review-list > .review-block .jj_img-area .jj_review-hide .jj_btn_review_hide {
    margin: 0;
}

.jj_review_block .jj_wrap {
    width: auto;
    height: auto;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.jj_review_block .jj_wrap button.jj_close {
    position: inherit;
    top: 0;
    left: 0;
    font-size: 13px;
}

.jj_review_block .jj_review_block_box {
    width: 300px;
}

.jj_review_block .jj_review_block_box .jj_block_pop_inner {
    background-color: #ffffff;
}

.jj_review_block .jj_review_block_box .jj_block_pop_inner .block_pop_top {
    height: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #333;
}

.jj_review_block .jj_review_block_box .jj_block_pop_inner .block_pop_bottom {
    height: 40px;
    font-size: 0;
}

.jj_review_block .jj_review_block_box .jj_block_pop_inner .block_pop_bottom button {
    display: inline-block;
    width: 50%;
    height: 100%;
    line-height: 40px;
}

.jj_review_block .jj_review_block_box .jj_block_pop_inner .block_pop_bottom button:first-child {
    border-right: 1px solid #333;
}

.jj_review_block .jj_review_block_box.jj_review_block_pop {
    display: block;
}

.jj_review_block .jj_review_block_box.jj_review_block_check {
    display: none;
}

.jj_review_block .jj_review_block_box.jj_review_block_check .block_pop_bottom button {
    width: 100% !important;
    border-right: none !important;
}

.jj_home-live-pop {
    position: fixed;
    left: 50%;
    bottom: 68px;
    transform: translateX(-50%);
    width: 62%;
    height: 33px;
    border-radius: 6px;
    z-index: 99;
    background-color: #fff;
    box-shadow: 2px 3px 11px 7px rgba(0, 0, 0, 0.15);
}

.jj_home-live-pop a {
    display: block;
    height: 100%;
}

.jj_main-livepop .jj_inner {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 74%;
    text-align: center;
    margin-top: -1px;
}

.jj_main-livepop .jj_inner .livepop_text {
    font-size: 13px;
    letter-spacing: -0.3px;
}

.jj_main-livepop .jj_inner .live-time {
    display: inline-block;
    color: #ff5432;
    font-size: 12px;
    vertical-align: 1px;
}

.jj_main-livepop .jj_inner .live-time .col {
    margin: 0 0px;
}

.jj_main-livepop .jj_icon-delete {
    position: absolute;
    top: 51%;
    right: 0;
    width: 14px;
    height: 10px;
    transform: translate(-10px, -50%);
}

.jj_main-livepop img {
    width: 5%;
    position: absolute;
    left: 21%;
    top: 28%;
}

.jj_photo-review-detail {
    box-sizing: border-box;
}

.jj_photo-review-detail .jj_swiper-container .swiper-slide {
    height: auto;
}

.jj_photo-review-detail .jj_review-list .jj_review-info {
    margin: 10px 0 0;
}

.jj_photo-review-detail .jj_review-list .jj_review-info .jj_option {
    margin: 0;
}

.jj_photo-review-detail .jj_review-list .jj_review-info ~ .jj_review-info {
    margin: 15px 0 0;
}

.jj_photo-review-detail .jj_review-list .jj_txt {
    overflow: visible;
    max-height: initial;
    text-overflow: initial;
    white-space: normal;
    -webkit-line-clamp: initial;
}

.jj_photo-review-detail .jj_review-list .jj_img {
    margin: 15px 0 0;
}

.jj_photo-review-detail .jj_review-list .jj_img img {
    display: block;
    width: 100%;
}

.jj_photo-review-detail .jj_review-list .jj_img img ~ img {
    margin: 10px 0 0;
}

.jj_review-list .jj_btn-round-size30 {
    padding: 0 12px;
}

.jj_review-list .jj_btn-round-size30 span {
    font-size: 13px;
    color: #222;
}

.jj_goods-sort {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 10px;
}

.jj_goods-sort .jj_goods-sort-inner {
    padding: 10px 0 0;
}

.jj_goods-sort .jj_goods-sort-inner .jj_goods-sort-thumb {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.jj_goods-sort .jj_goods-sort-inner .jj_goods-sort-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}

.jj_goods-sort .jj_goods-sort-inner .jj_goods-sort-txt {
    position: relative;
    margin: 20px 0 0;
    padding: 10px 0 0;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    color: #222;
    text-align: center;
}

.jj_goods-sort .jj_goods-sort-inner .jj_goods-sort-txt::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 10px;
    height: 1px;
    background: #555;
    transform: translateX(-50%);
}

@-webkit-keyframes rotateImg {
    from {
        opacity: 0;
        transform: rotate(180deg) scale(1.2);
    }
    to {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
}

@keyframes rotateImg {
    from {
        opacity: 0;
        transform: rotate(180deg) scale(1.2);
    }
    to {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
}

.jj_review-md {
    margin: 20px 0 0;
}

.jj_review-md .jj_flex-size40 {
    align-items: center;
}

.jj_review-md .jj_flex-size40 + .jj_md-list {
    margin-top: 5px;
}

.jj_review-md .jj_md-list {
    overflow-y: visible;
    margin: 0 -15px;
    padding: 0 15px 25px;
}

.jj_review-md .jj_md-list .swiper-slide {
    overflow: hidden;
    width: 222px !important;
    border-radius: 5px;
    box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.jj_review-md .jj_md-list .swiper-slide .jj_md-pick {
    display: block;
}

.jj_review-md .jj_md-list .swiper-slide .jj_md-pick .jj_img {
    display: block;
    overflow: hidden;
    position: relative;
    height: 190px;
}

.jj_review-md .jj_md-list .swiper-slide .jj_md-pick .jj_img img {
    display: block;
    width: 222px;
    height: 190px;
    -o-object-fit: cover;
    object-fit: cover;
}

.jj_review-md .jj_md-list .swiper-slide .jj_md-pick .jj_info {
    display: block;
    padding: 15px 20px;
    text-align: center;
    min-height: 159px;
    box-sizing: border-box;
}

.jj_review-md .jj_md-list .swiper-slide .jj_md-pick .jj_info .jj_star-wrap .jj_star-point {
    margin: 0 auto;
}

.jj_review-md .jj_md-list .swiper-slide .jj_md-pick .jj_info .jj_option {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.jj_review-md .jj_md-list .swiper-slide .jj_md-pick .jj_info .jj_desc {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 76px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    min-height: 76px;
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

.jj_review-md .jj_md-list .swiper-slide .jj_content-block .jj_img {
    display: block;
    overflow: hidden;
    position: relative;
    height: 190px;
}

.jj_review-md .jj_md-list .swiper-slide .jj_content-block .jj_img img {
    position: relative;
    display: block;
    width: 222px;
    height: 190px;
    -o-object-fit: cover;
    object-fit: cover;
}

.jj_review-md .jj_md-list .swiper-slide .jj_content-block .jj_img:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    color: #ffffff;
}

.jj_review-md .jj_review-list > li:first-child {
    border: none;
}

.jj_modal .conTxt {
    overflow-x: auto;
}

.jj_modal .sizeNotice .conTxt,
.jj_modal .jsSelect .conTxt {
    display: none;
    position: relative;
}

.jj_modal .select {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #ffffff url(../../common/image/icons/30x30/ico-common-30-arrow-down.svg) right 5px center no-repeat;
}

.jj_modal .select select {
    border: none;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: 0 45px 0 15px;
    outline: none;
    color: #999;
}

.jj_modal .select select.on {
    color: #333;
}

.jj_modal .select select:disabled {
    background: transparent;
    color: #000;
}

.jj_modal .select ~ .conTxt {
    margin: 10px 0 0;
}

.jj_modal .sizeNotice .prdList {
    overflow-x: auto;
    min-width: 100%;
}

.jj_modal .sizeNotice .prdList .head {
    width: auto;
    min-width: 100%;
    white-space: nowrap;
}

.jj_modal .sizeNotice .prdList .head thead th {
    padding-left: 7px;
    padding-right: 7px;
}

.jj_modal .m-tbl table caption {
    display: none;
}

.jj_modal .m-tbl table {
    table-layout: auto;
    width: 100%;
    max-width: initial;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f3f3f3;
}

.jj_modal .m-tbl tbody th,
.jj_modal .m-tbl tbody td {
    padding: 15px 10px;
    border-top: 1px solid #f3f3f3;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    word-break: keep-all;
}

.jj_modal .m-tbl .l_line th {
    border-left: 1px solid #f0f0f0;
    font-weight: bold;
    text-align: center;
}

.jj_modal .m-tbl .l_line td {
    border-left: 1px solid #f0f0f0;
}

.jj_modal .m-tbl .l_line th:first-child,
.jj_modal .m-tbl .l_line td:first-child {
    border-left: none;
}

.jj_modal .m-tbl .noDataCnt {
    padding: 66px 0 !important;
    color: #999;
}

.jj_modal .m-tbl .nohead td {
    padding: 20px 0;
    text-align: left;
}

.jj_modal .m-tbl .emp th,
.jj_modal .m-tbl .emp td {
    color: #212121;
}

.jj_modal .m-tbl .nor th,
.jj_modal .m-tbl .nor td {
    color: #999;
}

.jj_modal .m-tbl table.head thead th {
    padding: 10px 15px;
    border-bottom: 1px solid #f3f3f3;
    background: #f9f9f9;
    font-size: 12px;
    color: #212121;
}

.jj_modal .m-tbl table.head tbody td {
    padding: 13px 10px;
    font-size: 12px;
}

.jj_modal .m-tbl.data-tbl thead th {
    padding: 15px 10px;
    border: 1px solid #f0f0f0;
    color: #212121;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    background: #f7f7f7;
}

.jj_modal .m-tbl.data-tbl tbody th,
.jj_modal .m-tbl.data-tbl tbody td {
    padding: 15px 10px;
    border: 1px solid #f0f0f0;
    font-size: 12px;
    text-align: center;
}

.jj_modal .m-tbl.data-tbl tbody th {
    background: #f7f7f7;
    font-weight: normal;
    color: #212121;
}

.jj_modal .m-tbl.data-tbl tbody td.thick {
    color: #212121;
}

.jj_modal .m-tbl.align_l tbody th,
.jj_modal .m-tbl.align_l tbody td {
    text-align: left;
}

.jj_modal .m-tbl .l_line.another thead th {
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
}

.jj_modal .m-tbl .l_line.another tbody td:first-child {
    text-align: left;
}

.jj_modal .tableHover thead th {
    background-color: #e5e5e5 !important;
}

.jj_modal .tableHover .activeRow th,
.jj_modal .tableHover .activeRow td,
.jj_modal .tableHover td.activeCol {
    background: #f7f7f7;
}

.jj_modal .tableHover td.hover {
    color: #ffffff !important;
    background: #666666;
}

.jj_jaju-club {
    margin: 0 -15px;
    padding: 0 15px;
}

.jj_jaju-club .jj_number {
    font-family: "Roboto";
}

.jj_jaju-club .jj_club-coupon {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 155px;
    margin: 25px auto 0;
    padding: 25px 30px;
    background: url(../../common/image/etc/ico-illust-jajuclub-coupon-red.svg) center center no-repeat;
}

.jj_jaju-club .jj_club-coupon .jj_subtit {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #ffffff;
}

.jj_jaju-club .jj_club-coupon .jj_price {
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
}

.jj_jaju-club .jj_club-coupon .jj_price .jj_number {
    margin-right: 2px;
    font-size: 40px;
    line-height: 50px;
}

.jj_jaju-club .jj_club-coupon .jj_tit {
    margin: 15px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #ffffff;
    opacity: 0.7;
}

.jj_jaju-club .jj_club-coupon.jj_done {
    background-image: url(../../common/image/etc/ico-illust-jajuclub-coupon-download-complete.svg);
}

.jj_jaju-club .jj_club-coupon.jj_done::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 90px;
    height: 90px;
    background: url(../../common/image/etc/ico-illust-down-complete.svg) center center/100% 100% no-repeat;
    transform: translate(-50%, -50%);
}

.jj_jaju-club .jj_club-coupon.jj_done .jj_subtit,
.jj_jaju-club .jj_club-coupon.jj_done .jj_price {
    opacity: 0.3;
}

.jj_jaju-club .jj_club-coupon.jj_done .jj_tit {
    opacity: 0.21;
}

.jj_jaju-club .jj_jaju-club-logout {
    padding: 30px 0 0;
}

.jj_jaju-club .jj_jaju-club-logout .jj_tit-area .jj_subtit {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #222;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-logout .jj_tit-area .jj_tit {
    margin: 2px 0 0;
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    color: #222;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-logout .jj_club-guide {
    margin: 20px 0 0;
}

.jj_jaju-club .jj_jaju-club-logout .jj_club-guide ul {
    display: flex;
    justify-content: center;
}

.jj_jaju-club .jj_jaju-club-logout .jj_club-guide ul li {
    position: relative;
    padding: 0 20px;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-logout .jj_club-guide ul li + li::before {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    left: -1px;
    bottom: 5px;
    width: 1px;
    background: #f4f4f4;
}

.jj_jaju-club .jj_jaju-club-logout .jj_club-guide ul li .jj_txt {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

.jj_jaju-club .jj_jaju-club-logout .jj_btn-wrap {
    margin: 30px 0 0;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-logout .jj_btn-wrap [class^=jj_btn] {
    width: 255px;
}

.jj_jaju-club .jj_jaju-club-logout .jj_guide-txt {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-login.on .jj_note {
    max-height: 2000px;
}

.jj_jaju-club .jj_jaju-club-login.on .jj_more-wrap .jj_btn-moreview {
    transform: rotate(180deg);
}

.jj_jaju-club .jj_jaju-club-login .jj_note {
    overflow: hidden;
    max-height: 140px;
    margin: 20px 0 0;
    padding: 0 0 0 5px;
    transition: all 0.3s;
}

.jj_jaju-club .jj_jaju-club-login .jj_note li + li {
    margin-top: 5px;
}

.jj_jaju-club .jj_jaju-club-login .jj_more-wrap {
    margin: 5px 0 0;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-login .jj_more-wrap .jj_btn-moreview {
    margin: -5px;
    padding: 5px;
}

.jj_jaju-club .jj_jaju-club-login .jj_join-date {
    margin: 0 -15px;
    padding: 11px 15px 10px;
    background: #f9f9f9;
    font-size: 13px;
    line-height: 19px;
    color: #777;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-login .jj_club-coupon {
    margin-top: 30px;
}

.jj_jaju-club .jj_jaju-club-login .jj_btn-wrap {
    margin: 30px 0 0;
}

.jj_jaju-club .jj_jaju-club-login .jj_btn-wrap [class^=jj_btn-base] span {
    font-weight: 700;
}

.jj_jaju-club .jj_jaju-club-login .jj_btn-wrap [class^=jj_btn-base] span + i {
    margin-left: 0;
}

.jj_jaju-club .jj_jaju-club-login .jj_btn-wrap [class^=jj_btn-base]:disabled {
    border-color: #ddd;
    cursor: default;
}

.jj_jaju-club .jj_jaju-club-login .jj_btn-wrap [class^=jj_btn-base]:disabled span {
    color: #ccc;
}

.jj_jaju-club .jj_jaju-club-login .jj_btn-wrap [class^=jj_btn-base]:disabled .jj_icon-download {
    background-image: url(../../common/image/icons/20x20/ico-common-20-jaju-download-off.svg);
}

.jj_jaju-club .jj_jaju-club-login .jj_btn-wrap [class^=jj_btn-base]:disabled .jj_icon-downarrow {
    background-image: url(../../common/image/icons/20x20/ico-common-20-jaju-move-off.svg);
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status {
    position: relative;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    margin: 15px 0 0;
    border-radius: 10px;
    padding: 24px 15px 15px;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status.jj_best {
    background: #ff5635;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_coupon-area {
    display: flex;
    position: relative;
    margin: 15px 0 0;
    border-radius: 10px;
    background: #ffffff;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_coupon-area::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 100%;
    border-left: 1px dashed #ffccc2;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_coupon-area .jj_coupon-box {
    width: 50%;
    padding: 20px;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_coupon-area .jj_coupon-box:first-child::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    width: 10px;
    height: 5px;
    background: url(../../../assets/common/image/etc/ico-illust-jajuclub-coupon-best-up-arrow.svg) center center no-repeat;
    transform: translateX(-50%);
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_coupon-area .jj_coupon-box:last-child::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 10;
    width: 10px;
    height: 5px;
    background: url(../../../assets/common/image/etc/ico-illust-jajuclub-coupon-best-up-arrow.svg) center center no-repeat;
    transform: rotate(180deg) translateX(50%);
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_coupon-area .jj_coupon-box .jj_subtit {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_coupon-area .jj_coupon-box .jj_price {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #222;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_coupon-area .jj_coupon-box .jj_price .jj_number {
    font-family: "Roboto";
    font-size: 24px;
    line-height: 33px;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_coupon-area .jj_coupon-box .jj_desc {
    margin: 2px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_coupon-area .jj_coupon-box .jj_info {
    display: inline-block;
    margin: 10px 0 0;
    border-radius: 3px;
    padding: 9px 13px 8px;
    background: #f7f7f7;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status.jj_great {
    background: #8a2fed;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status.jj_great .jj_coupon-area::after {
    border-color: #dbc0f9;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status.jj_great .jj_coupon-area .jj_coupon-box::after {
    background: url(../../../assets/common/image/etc/ico-illust-jajuclub-coupon-great-up-arrow.svg) center center no-repeat;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status.jj_good {
    background: #bfc517;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status.jj_good .jj_coupon-area::after {
    border-color: #e7e9a7;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status.jj_good .jj_coupon-area .jj_coupon-box::after {
    background: url(../../../assets/common/image/etc/ico-illust-jajuclub-coupon-good-up-arrow.svg) center center no-repeat;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status.jj_welcome {
    padding: 24px 30px 30px;
    background: #00bfa8;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status.jj_welcome .jj_img {
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: 100%;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status.jj_welcome .jj_tit-area {
    padding: 0;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status.jj_welcome .jj_btn-wrap {
    margin: 30px 0 0;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_tit-area {
    position: relative;
    z-index: 20;
    padding: 0 15px;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_tit-area .jj_tit {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_tit-area .jj_tit .jj_status {
    margin: 0 3px 0 0;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 30px;
    line-height: 42px;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_tit-area .jj_desc {
    margin: 2px 0 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_img {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 100px;
    height: auto;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_btn-wrap {
    margin: 30px 10px 0;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_btn-wrap .jj_btn-shopping {
    display: inline-block;
    border-radius: 20px;
    padding: 8px 15px;
    background: rgba(0, 0, 0, 0.3);
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_btn-wrap .jj_btn-shopping span {
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    vertical-align: middle;
}

.jj_jaju-club .jj_jaju-club-login .jj_member-status .jj_btn-wrap .jj_btn-shopping i {
    display: inline-block;
    margin: 0;
    background: url(../../common/image/icons/20x20/ico-common-20-jaju-move-white.svg) center center no-repeat;
    vertical-align: middle;
}

.jj_jaju-club ~ .jj_section {
    margin-top: 10px;
}

.jj_jaju-club ~ .jj_section .jj_accordion li .jj_acc-tit .jj_tit {
    font-weight: 700;
}

.jj_jaju-club .jj_jaju-club-contents .jj_tit-area {
    padding: 30px 0 0;
}

.jj_jaju-club .jj_jaju-club-contents .jj_tit-area .jj_subtit {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #222;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-contents .jj_tit-area .jj_tit {
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    color: #222;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-contents .jj_tit-area .jj_tit .jj_underline {
    position: relative;
}

.jj_jaju-club .jj_jaju-club-contents .jj_tit-area .jj_tit .jj_underline::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    height: 10px;
    background-color: #ff5432;
    opacity: 0.6;
    width: 100%;
}

.jj_jaju-club .jj_jaju-club-contents .jj_coupon-area {
    width: 280px;
    height: 155px;
    box-sizing: border-box;
    margin: 16px auto 0;
    padding: 35px 60px 25px 25px;
    background: url(/mo/assets/jaju/image/logo/club-coupon.png) no-repeat center/cover;
}

.jj_jaju-club .jj_jaju-club-contents .jj_coupon-area [class^=jj_coupon] {
    color: #fff;
}

.jj_jaju-club .jj_jaju-club-contents .jj_coupon-area .jj_coupon-discount {
    font-size: 30px;
    line-height: 47px;
    display: flex;
    align-items: baseline;
}

.jj_jaju-club .jj_jaju-club-contents .jj_coupon-area .jj_coupon-discount .jj_number {
    font-size: 85px;
    font-weight: 500;
    letter-spacing: -7.08px;
    margin-right: 10px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_coupon-area .jj_coupon-title {
    font-size: 11px;
    line-height: 22px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_coupon-area .jj_coupon-desc {
    font-size: 9px;
    line-height: 20px;
    opacity: 0.7;
}

.jj_jaju-club .jj_jaju-club-contents .jj_coupon-area + .jj_btn-wrap {
    margin-top: 20px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_btn-wrap {
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-contents .jj_btn-wrap [class^=jj_btn] {
    width: 255px;
    padding: 0;
}

.jj_jaju-club .jj_jaju-club-contents .jj_join-date {
    margin: 0 -15px;
    padding: 11px 15px 10px;
    background: #f9f9f9;
    font-size: 13px;
    line-height: 19px;
    color: #777;
    text-align: center;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_note.ty2 {
    padding: 0 33px;
    margin-top: 26px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_note.ty2 li + li {
    margin-top: 2px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_note.ty2 li a {
    color: #000;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_note.ty2 li a .jj_underline {
    text-decoration: underline;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_club-logout {
    padding-bottom: 30px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_club-logout .jj_btn-wrap {
    margin-top: 20px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_club-logout .jj_tit {
    margin: 3px 0 0;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_club-login {
    padding-bottom: 40px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_club-login.not-joined {
    position: relative;
    overflow: hidden;
    margin: 0 -15px;
    background: url(/mo/assets/common/image/etc/img-banner-jajuclub-welcome-coupon-01.jpg) no-repeat center/100%;
    padding-bottom: 69.8666666667%;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_club-login.not-joined .jj_btn-wrap {
    position: absolute;
    left: 50%;
    bottom: 12.5%;
    transform: translateX(-50%);
    width: 68%;
    padding-bottom: 12%;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_club-login.not-joined img {
    display: block;
    width: 100%;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_club-login.coupon-done {
    padding-bottom: 40px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_club-login.coupon-done .jj_coupon-area {
    background: url(../../common/image/etc/ico-illust-jajuclub-coupon-gray.png) no-repeat center/cover;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-coupons .jj_club-login.joined {
    padding-bottom: 40px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit {
    margin: 0 -15px;
    background-color: #f9f9f9;
    padding-bottom: 32px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-title {
    font-size: 20px;
    line-height: 28px;
    color: #222;
    text-align: center;
    padding-top: 30px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list {
    margin: 20px 15px 0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item {
    padding: 22px 0;
    margin: 0 20px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item .jj_item-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item .jj_item-wrap::before {
    flex-shrink: 0;
    content: "";
    display: block;
    width: 77px;
    height: 77px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item .jj_txt-wrap {
    min-width: 0;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item .jj_txt-wrap .jj_txt {
    font-size: 15px;
    line-height: 21px;
    color: #222;
    font-weight: bold;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item .jj_txt-wrap .jj_sub {
    display: block;
    font-size: 13px;
    line-height: 19px;
    color: #222;
    margin-top: 5px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item:first-child {
    padding-top: 30px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item:last-child {
    padding-bottom: 30px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item.item-new .jj_item-wrap::before {
    background-image: url(/mo/assets/jaju/image/logo/club-benefit-new.png);
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item.item-monthly .jj_item-wrap::before {
    background-image: url(/mo/assets/jaju/image/logo/club-benefit-monthly.png);
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit-list-item.item-additional .jj_item-wrap::before {
    background-image: url(/mo/assets/jaju/image/logo/club-benefit-additional.png);
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit .jj_note {
    margin-top: 8px;
    padding: 0 13px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_club-benefit .jj_note li {
    font-size: 12px;
    line-height: 24px;
    color: #999;
}

.jj_jaju-club .jj_jaju-club-contents .jj_accordion {
    margin: 0 -15px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_accordion > li:not(:last-child) {
    border-bottom: 8px solid #eee;
}

.jj_jaju-club .jj_jaju-club-contents .jj_accordion .jj_acc-tit {
    margin: 0 15px;
}

.jj_jaju-club .jj_jaju-club-contents .jj_accordion .jj_acc-expand {
    padding: 0 15px;
}

.jj_club-stamp {
    margin: 0 -15px;
    padding: 30px 15px;
    background: rgba(248, 226, 186, 0.5);
}

.jj_club-stamp .jj_img {
    width: 235px;
    margin: 20px auto 0;
}

.jj_club-stamp .jj_img img {
    width: 100%;
}

.jj_club-stamp .jj_btn-wrap {
    margin: 5px 0 0;
    text-align: center;
}

.jj_grade-area .jj_section.jj_club-stamp.jj_pb30 {
    padding-bottom: 30px;
}

.jj_photo-review {
    box-sizing: border-box;
    padding-bottom: 77px;
}

.jj_photo-review .jj_goods-grid.jj_row-size62 {
    margin-top: 0;
}

.jj_photo-review .jj_goods-grid {
    margin: 0 -15px;
    border-bottom: 1px solid #eee;
    padding: 15px 15px;
}

.jj_photo-review .jj_review-list {
    margin: 12px 0 0;
}

.jj_photo-review .jj_review-list .jj_review-info {
    margin: 15px 0 0;
}

.jj_photo-review .jj_review-list .jj_review-info .jj_option {
    margin: 0;
}

.jj_photo-review .jj_review-list .jj_review-info ~ .jj_review-info {
    margin: 15px 0 0;
}

.jj_photo-review .jj_review-list .jj_txt {
    overflow: visible;
    max-height: initial;
    text-overflow: initial;
    white-space: normal;
    -webkit-line-clamp: initial;
}

.jj_photo-review .jj_review-list .jj_img {
    margin: 15px 0 0;
}

.jj_photo-review .jj_review-list .jj_img img {
    display: block;
    width: 100%;
}

.jj_photo-review .jj_review-list .jj_img img ~ img {
    margin: 10px 0 0;
}

.jj_content-block .jj_review-list .jj_img {
    position: relative;
    margin: 15px 0 0;
}

.jj_content-block .jj_review-list .jj_img img {
    display: block;
    width: 100%;
}

.jj_content-block .jj_review-list .jj_img img ~ img {
    margin: 10px 0 0;
}

.jj_content-block .jj_review-list .jj_img:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    text-align: center;
}

.jj_jajuclub-offline {
    padding: 15px 0 0;
    text-align: center;
}

.jj_jajuclub-offline .jj_tit {
    margin: 20px 0 0;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #222;
}

.jj_jajuclub-offline .jj_desc {
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

.jj_img-detail li + li {
    margin: 10px 0 0;
}

.jj_img-detail li img {
    width: 100%;
    height: auto;
}

.jj_rel-box {
    margin-top: 20px;
}

.jj_rel-box .jj_tit {
    font-size: 23px;
    line-height: 28px;
    font-weight: 700;
    color: #222;
}

.jj_fixed-page {
    height: 100vh;
}

.jj_fixed-page .jj_contents {
    height: calc(100vh - 50px);
}

.jj_app .jj_section {
    display: flex;
    padding: 20px 0;
}

.jj_app .jj_section .jj_left {
    flex: 1 1 auto;
}

.jj_app .jj_section .jj_left .jj_sub {
    margin-top: 9px;
    padding-right: 46px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.jj_app .jj_section .jj_right {
    display: flex;
    margin-left: auto;
}

.jj_app .jj_section .jj_right .jj_switch {
    width: 50px;
    height: 30px;
}

.jj_app .jj_section .jj_right .jj_switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.jj_app .jj_section .jj_right .jj_switch input:checked + span {
    background-color: #555;
}

.jj_app .jj_section .jj_right .jj_switch input:checked + [class^=slider]::before {
    transform: translateX(20px);
    background-image: none;
}

.jj_app .jj_section .jj_right .jj_switch [class^=slider] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    padding: 0;
    line-height: normal;
    background-color: #eee;
    transition: 0.3s;
}

.jj_app .jj_section .jj_right .jj_switch [class^=slider]::before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    left: 2px;
    top: 2px;
    box-sizing: border-box;
    transform: translateY(0);
    border-radius: 50%;
    transition: 0.3s;
    background-color: #ffffff;
    background-image: none;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.04);
}

.jj_app .jj_section .jj_right .jj_switch [class^=slider][class*=round] {
    border-radius: 15px;
}

.jj_app .jj_section .jj_right .cash-delete-btn {
    display: flex;
    align-items: flex-start;
    height: 20px;
    font-weight: 500;
    color: #777;
}

.jj_app .jj_section .jj_right .jj_btn-line span {
    color: #ff5432;
}

.jj_app .jj_section .jj_right .jj_verChk {
    color: #aaa;
    line-height: 19px;
}

.jj_app .jj_section + .jj_section {
    padding-top: 20px;
    border-top: 1px solid #f4f4f4;
}

.jj_app.jj_gray-bg {
    background: #f9f9f9;
    width: calc(100% + 30px);
    height: 100%;
    margin-left: -15px;
    padding: 16px 15px;
    box-sizing: border-box;
}

.jj_app .jj_app-noti {
    display: block;
    padding-left: 20px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #777;
    background: url(../../common/image/icons/15x15/ico-common-title-info.svg) no-repeat left center/15px 15px;
}

.jj_app .jj_noti-list {
    margin-top: 16px;
}

.jj_app .jj_noti-list li {
    display: block;
    padding: 20px 20px;
    border-radius: 5px;
    background: #ffffff;
}

.jj_app .jj_noti-list li .jj_tit14 {
    position: relative;
    padding-right: 35px;
}

.jj_app .jj_noti-list li .jj_new {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #ff5432;
}

.jj_app .jj_noti-list li .jj_data {
    display: flex;
    margin-top: 5px;
}

.jj_app .jj_noti-list li .jj_data .jj_date {
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.jj_app .jj_noti-list li .jj_data .jj_setting {
    display: flex;
    margin-left: auto;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.jj_app .jj_noti-list li + li {
    margin-top: 10px;
}

.jj_app .jj_subtxt {
    margin-top: 20px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #999;
}

.jj_open-idea .jj_section > .jj_select-modal {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid #ddd;
    height: 40px;
    border-radius: 3px;
}

.jj_open-idea .jj_section > .jj_select-modal .jj_selected {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 45px 0 15px;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}

.jj_open-idea .jj_section > .jj_select-modal::after {
    content: "";
    position: absolute;
    right: 5px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../common/image/icons/32x32/ico-common-arrow-a-down.svg);
    transition: transform 0.1s;
}

.jj_open-idea .jj_filter {
    display: flex;
}

.jj_open-idea .jj_filter .jj_left {
    align-self: center;
}

.jj_open-idea .jj_filter .jj_right {
    display: flex;
    margin-left: auto;
}

.jj_open-idea .jj_filter .jj_right .jj_select-modal .jj_selected {
    display: flex;
    align-items: center;
    height: 100%;
    padding-right: 25px;
    background: url(../../common/image/icons/20x20/ico-common-filter-small.svg) no-repeat right center;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #555;
}

.jj_open-idea .jj_data {
    display: flex;
}

.jj_open-idea .jj_data .jj_left {
    align-self: center;
    flex: 1 1 auto;
    font-size: 0;
}

.jj_open-idea .jj_data .jj_right {
    display: flex;
    flex: 0 0 auto;
}

.jj_open-idea .jj_hr + .jj_section {
    padding: 10px 0 70px;
}

.jj_open-idea .jj_top {
    display: flex;
}

.jj_open-idea .jj_top [class*=jj_idea] {
    padding: 3px 5px;
    border-radius: 2px;
    font-size: 10px;
}

.jj_open-idea .jj_top [class*=jj_idea][class*=adopt] {
    border: 1px solid #ff5432;
    color: #ff5432;
}

.jj_open-idea .jj_top [class*=jj_idea][class*=complete] {
    border: 1px solid #777;
    color: #777;
}

.jj_open-idea .jj_top [class*=jj_idea][class*=notice] {
    display: inline-flex;
    margin-right: 7px;
    padding: 0 5px;
    border-radius: 2px;
    font-size: 10px;
    background: #555;
    color: #ffffff;
}

.jj_open-idea .jj_top [class*=jj_idea] + .jj_tit12 {
    align-self: center;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #555;
}

.jj_open-idea .jj_top .jj_flag-wrap [class*=jj_flag] {
    min-width: auto;
    height: 17px;
    padding: 0 5px;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 10px;
}

.jj_open-idea .jj_top .jj_flag-wrap [class*=jj_flag-best] {
    border-color: #ff5432;
    background: #ff5432;
    color: #ffffff;
}

.jj_open-idea .jj_top .jj_flag-wrap [class*=jj_flag-open10] {
    border-color: #9d56e9;
    background: #ffffff;
    color: #9d56e9;
}

.jj_open-idea .jj_top .jj_flag-wrap [class*=jj_flag-open20] {
    border-color: #6682d4;
    background: #ffffff;
    color: #6682d4;
}

.jj_open-idea .jj_top .jj_flag-wrap [class*=jj_flag-open30] {
    border-color: #999999;
    background: #ffffff;
    color: #999999;
}

.jj_open-idea .jj_top .jj_flag-wrap [class*=jj_flag-open50] {
    border-color: #2fbdad;
    background: #ffffff;
    color: #2fbdad;
}

.jj_open-idea .jj_top .jj_flag-wrap [class*=jj_flag-open60] {
    border-color: #c2c822;
    background: #ffffff;
    color: #c2c822;
}

.jj_open-idea .jj_top .jj_open-status {
    align-self: center;
    margin-left: auto;
    min-width: 70px;
    text-align: right;
}

.jj_open-idea .jj_top .jj_open-status [class*=jj_] {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #777;
    padding-left: 18px;
}

.jj_open-idea .jj_top .jj_open-status .jj_adoption {
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    color: #222;
    padding-left: 18px;
    background: url("../../common/image/icons/20x20/ico-input-success.svg") no-repeat left;
}

.jj_open-idea .jj_data {
    margin-top: 8px;
}

.jj_open-idea .jj_data .jj_left [class^=jj_],
.jj_open-idea .jj_data .jj_right [class^=jj_] {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #999;
    line-height: 17px;
}

.jj_open-idea .jj_data .jj_left span + span {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}

.jj_open-idea .jj_data .jj_left span + span::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 8px;
    background: #ddd;
    transform: translateY(-50%);
}

.jj_open-idea .jj_data .jj_left .jj_delete .jj_delete-btn {
    color: #777;
}

.jj_open-idea .jj_data .jj_left .jj_nickname.jj_lock {
    position: relative;
    padding-left: 18px;
}

.jj_open-idea .jj_data .jj_left .jj_nickname.jj_lock::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 0;
    background: url("../../common/image/icons/16x16/ico-common-16-lock-small.svg") no-repeat center;
    transform: translateY(-50%);
}

.jj_open-idea .jj_data .jj_like {
    padding-left: 20px;
    background: url(../../common/image/icons/15x15/ico-openidea-like.svg) no-repeat left center/15px 15px;
}

.jj_open-idea .jj_data .jj_talk {
    margin-left: 10px;
    padding-left: 20px;
    background: url(../../common/image/icons/15x15/ico-openidea-talk.svg) no-repeat left center/15px 15px;
}

.jj_open-idea .jj_open-top {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 34px 20px 35px;
    background: #f7f7f7;
    box-sizing: border-box;
}

.jj_open-idea .jj_open-top .jj_tit15 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 60px;
    margin: 0 auto;
    box-sizing: border-box;
    word-break: keep-all;
}

.jj_open-idea .jj_open-top .jj_tit15::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 14px;
    background: url(../../common/image/icons/60x60/ico-common-find.svg) no-repeat center/60px 60px;
    box-sizing: border-box;
    background-size: cover;
    padding-left: 60px;
}

.jj_open-idea .jj_open-top .jj_btn-round-size40 {
    display: block;
    width: 100%;
    height: 40px;
    margin: 19px auto 0;
    border: none;
    border-radius: 20px;
    background: #ff5432;
}

.jj_open-idea .jj_open-top .jj_btn-round-size40 span {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
}

.jj_open-idea .jj_filter label {
    display: inline-flex;
}

.jj_open-idea .jj_filter label .jj_input.jj_my + span {
    margin-left: 15px;
}

.jj_open-idea .jj_filter label .jj_input:checked + span {
    font-weight: 700;
}

.jj_open-idea .jj_filter .jj_sort {
    align-self: center;
    padding-right: 25px;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #555;
    background: url(../../common/image/icons/20x20/ico-common-filter-small.svg) no-repeat right center;
}

.jj_open-idea .jj_open-tab .jj_tab-sub {
    border-bottom: 1px solid #eee;
}

.jj_open-idea .jj_open-tab.on {
    position: fixed;
    width: 100%;
    left: auto;
    top: 0;
    z-index: 9;
    transition: transform 0.35s;
}

.jj_open-idea .jj_idea-list {
    flex-direction: column;
}

.jj_open-idea .jj_idea-list li a {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.jj_open-idea .jj_idea-list li a .jj_tit15 {
    margin-top: 10px;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.jj_open-idea .jj_idea-list li a .jj_sub-txt {
    margin-top: 5px;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #555;
    line-height: 19px;
}

.jj_open-idea .jj_search-bar {
    display: flex;
    height: 40px;
    margin-top: 10px;
}

.jj_open-idea .jj_search-bar div {
    position: relative;
    width: calc((100% - 5px) / 2);
}

.jj_open-idea .jj_search-bar div .jj_select-modal {
    display: block;
    height: 100%;
    background: none;
}

.jj_open-idea .jj_search-bar div .jj_select-modal .jj_selected {
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 5px 38px 5px 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #222;
    line-height: 20px;
}

.jj_open-idea .jj_search-bar div .jj_select-modal .jj_selected::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../common/image/icons/32x32/ico-common-arrow-a-down.svg);
    transition: transform 0.1s;
    transform: translateY(-50%);
}

.jj_open-idea .jj_search-bar .jj_depth2 {
    position: relative;
    margin-left: 5px;
    box-sizing: border-box;
}

.jj_open-idea .jj_search-bar .jj_depth2 .jj_select-modal {
    display: none;
}

.jj_open-idea .jj_search-bar .jj_depth2 .jj_select-modal.jj_disabled {
    background: #f7f7f7;
    display: block;
}

.jj_open-idea .jj_search-bar .jj_depth2 .jj_select-modal.jj_disabled .jj_selected {
    color: #ccc;
}

.jj_open-idea .jj_search-bar .jj_depth2 .jj_select-modal.jj_disabled .jj_selected::after {
    opacity: 0.3;
}

.jj_open-idea .jj_search-bar .jj_depth2 .jj_search-box {
    display: none;
    position: absolute;
    height: 40px;
    padding: 5px 67px 5px 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #ffffff;
    box-sizing: border-box;
}

.jj_open-idea .jj_search-bar .jj_depth2 .jj_search-box input {
    font-size: 14px;
}

.jj_open-idea .jj_search-bar .jj_depth2 .jj_search-box.on {
    display: block;
}

.jj_open-idea .jj_search-bar + .jj_srh-reset {
    margin-top: 15px;
}

.jj_open-idea.jj_detail .jj_detail-top {
    padding: 16px 0 23px;
}

.jj_open-idea.jj_detail .jj_detail-top .jj_top .jj_detail-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.jj_open-idea.jj_detail .jj_detail-top + .jj_section {
    border-top: 1px solid #eee;
    padding: 20px 0 30px;
}

.jj_open-idea.jj_detail .jj_detail-top + .jj_section .jj_tit15 {
    font-weight: 700;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 42px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.jj_open-idea.jj_detail .jj_detail-top + .jj_section .jj_tit15 + .jj_paragraph {
    margin-top: 15px;
}

.jj_open-idea.jj_detail .jj_detail-top .jj_top-notice .jj_tit15 {
    font-weight: 700;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 42px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.jj_open-idea.jj_detail .jj_paragraph p,
.jj_open-idea.jj_detail .jj_paragraph pre {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #555;
    line-height: 20px;
    white-space: pre-line;
}

.jj_open-idea.jj_detail .jj_paragraph pre {
    white-space: pre-line;
}

.jj_open-idea.jj_detail .jj_paragraph .jj_attach-url {
    display: flex;
    margin-top: 10px;
}

.jj_open-idea.jj_detail .jj_paragraph .jj_attach-url .jj_txt {
    flex: 0 0 30px;
    padding: 0 5px 0 0;
    color: #222;
    line-height: 19px;
}

.jj_open-idea.jj_detail .jj_paragraph .jj_attach-url .jj_link {
    flex: 1 1 auto;
    color: #777;
    text-decoration: underline;
    line-height: 19px;
}

.jj_open-idea.jj_detail .jj_detail-like {
    display: flex;
    align-items: center;
    height: 40px;
    margin: 30px auto 0;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #555;
    border: 1px solid #eee;
    border-radius: 20px;
}

.jj_open-idea.jj_detail .jj_detail-like .jj_like-ico {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(../../common/image/icons/20x20/ico-common-like-small.svg) center center/cover no-repeat;
}

.jj_open-idea.jj_detail .jj_detail-like span {
    margin-left: 3px;
}

.jj_open-idea.jj_detail .jj_detail-like.on {
    font-weight: 700;
}

.jj_open-idea.jj_detail .jj_detail-like.on .jj_like-ico {
    background: url(../../common/image/icons/20x20/ico-common-like-on-small.svg) center center/cover no-repeat;
}

.jj_open-idea.jj_detail .jj_attached-list {
    display: flex;
    margin-top: 20px;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}

.jj_open-idea.jj_detail .jj_attached-list a {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
}

.jj_open-idea.jj_detail .jj_attached-list a img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    vertical-align: middle;
    z-index: 2;
    -o-object-fit: cover;
    object-fit: cover;
}

.jj_open-idea.jj_detail .jj_attached-list a + a {
    margin-left: 9px;
}

.jj_open-idea.jj_detail .jj_attached-list .scroll-wrap {
    font-size: 0;
    white-space: nowrap;
    padding: 0 15px;
}

.jj_open-idea.jj_detail .jj_detail-answer {
    margin-top: 20px;
    padding: 20px 20px;
    background: #f7f7f7;
    border-radius: 3px;
}

.jj_open-idea.jj_detail .jj_detail-answer .jj_paragraph {
    position: relative;
    margin: 0;
    padding-left: 30px;
}

.jj_open-idea.jj_detail .jj_detail-answer .jj_paragraph::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background: url(../../common/image/icons/20x20/ico-common-20-jaju-symbol.svg) center center/cover no-repeat;
}

.jj_open-idea.jj_detail .jj_comment {
    padding-top: 0;
}

.jj_open-idea.jj_detail .jj_comment hr {
    margin-bottom: 17px;
}

.jj_open-idea .jj_btn-wrap.jj_fit {
    margin-top: 40px;
    padding-bottom: var(--safeBtm);
}

.jj_open-idea .jj_require::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 19px;
    margin-left: 2px;
    vertical-align: top;
    background: url(../../common/image/icons/etc/ico-common-lable-aster.svg);
}

.jj_open-idea .jj_tit16 + .jj_section {
    margin-top: 10px;
}

.jj_open-idea .jj_section + .jj_tit16 {
    margin-top: 40px;
}

.jj_open-idea .jj_textarea {
    margin-top: 10px;
}

.jj_open-idea .jj_input-type {
    margin-top: 11px;
}

.jj_open-idea .jj_input-type .jj_text-input {
    padding-right: 15px;
}

.jj_open-idea .jj_comment-top .jj_input-type .jj_text-input {
    padding-right: 49px;
}

.jj_open-idea .jj_file-wrap .jj_filebox [class*=jj_btn-base] button {
    width: 100%;
}

.jj_floating-area {
    display: flex;
    justify-content: center;
    position: fixed;
    right: 0;
    bottom: 70px;
    min-width: 70px;
    width: 16.6666666667%;
    z-index: 301;
}

.jj_floating-area .jj_floating-btn {
    bottom: 70px;
    width: 46px;
    height: 46px;
    border-radius: 46px;
    background: #ff5432;
    box-sizing: border-box;
    box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.2);
}

.jj_floating-area .jj_floating-btn .jj_icon-write {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../common/image/icons/40x40/ico-common-floating-button.svg) no-repeat center;
}

.jj_floating-area .jj_floating-btn.on {
    display: block;
}

.jj_paging {
    margin-top: 20px;
    text-align: center;
    font-size: 0;
    z-index: 1;
}

.jj_paging a {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.jj_paging a.jj_prev {
    width: 30px;
    height: 30px;
    background: url(../../common/image/icons/20x20/ico-common-16-arrow-left-gray.svg) no-repeat center;
    font-size: 0;
}

.jj_paging a.jj_next {
    width: 30px;
    height: 30px;
    background: url(../../common/image/icons/20x20/ico-common-20-arrow-right-gray.svg) no-repeat center;
    font-size: 0;
}

.jj_paging a.jj_first {
    width: 30px;
    height: 30px;
    background: url(../../common/image/icons/20x20/ico-common-16-arrow-left-gray-double.svg) no-repeat center;
    font-size: 0;
}

.jj_paging a.jj_last {
    width: 30px;
    height: 30px;
    background: url(../../common/image/icons/20x20/ico-common-16-arrow-right-gray-double.svg) no-repeat center;
    font-size: 0;
}

.jj_paging a.jj_current span {
    color: #222;
    font-weight: 500;
}

.jj_paging a span {
    font-size: 14px;
    color: #ccc;
    display: inline-block;
}

.jj_paging a.disabled {
    opacity: 0.2;
}

.jj_notice-swiper {
    position: relative;
    box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.06);
    margin: 5px 0 30px;
    border: 1px solid #eee;
    border-radius: 10px;
    background: #ffffff;
}

.jj_notice-swiper::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -30px;
    left: 0;
    width: calc(100% + 30px);
    height: 8px;
    background-color: #f7f7f7;
    margin: 0 -15px;
}

.jj_notice-swiper.on .jj_swiper-container {
    padding: 0 0 20px;
}

.jj_notice-swiper.on .jj_swiper-container .swiper-wrapper {
    height: auto !important;
}

.jj_notice-swiper.on .jj_swiper-container .swiper-pagination {
    opacity: 1;
}

.jj_notice-swiper.on .jj_swiper-container .swiper-slide {
    max-height: 1000px !important;
    height: auto !important;
}

.jj_notice-swiper .jj_swiper-container .swiper-wrapper {
    height: auto !important;
}

.jj_notice-swiper .jj_swiper-container .swiper-pagination {
    bottom: 0;
    opacity: 0;
    transition: all 0.3s;
}

.jj_notice-swiper .jj_swiper-container .swiper-pagination .jj_paging {
    margin: 0;
    background: #f7f7f7;
}

.jj_notice-swiper .jj_swiper-container .swiper-pagination .jj_paging .jj_current {
    color: #777;
}

.jj_notice-swiper .jj_swiper-container .swiper-pagination .jj_paging .jj_total {
    color: #999;
}

.jj_notice-swiper .jj_swiper-container .swiper-pagination .jj_paging .jj_total::before {
    background-image: url(../../../assets/common/image/icons/etc/ico-common-paging-line-gray.svg);
}

.jj_notice-swiper .jj_swiper-container .swiper-slide {
    overflow: hidden;
    box-sizing: content-box;
    width: calc(100% - 40px) !important;
    padding: 10px 20px 5px;
    transition: all 0.3s;
}

.jj_notice-swiper .jj_swiper-container .swiper-slide .jj_notice + .jj_notice {
    margin: 15px 0 0;
    border-top: 1px solid #eee;
    padding: 15px 0 0;
}

.jj_notice-swiper .jj_swiper-container .swiper-slide .jj_notice a {
    display: block;
}

.jj_notice-swiper .jj_swiper-container .swiper-slide .jj_notice a .jj_top {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 42px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #555;
    line-height: 21px;
}

.jj_notice-swiper .jj_swiper-container .swiper-slide .jj_notice a .jj_data {
    margin-top: 2px;
}

.jj_notice-swiper .jj_swiper-container .swiper-slide .jj_notice a .jj_data .jj_left .jj_date {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #999;
}

.jj_notice-swiper .jj_btn-open {
    display: block;
    width: 100%;
    margin: 15px 0 0;
    border-top: 1px solid #eee;
}

.jj_notice-swiper .jj_btn-open .jj_txt {
    display: inline-block;
    padding: 12px 0;
    font-size: 13px;
    line-height: 16px;
    color: #999;
}

.jj_notice-swiper .jj_btn-open .jj_txt::after {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../../../assets/common/image/icons/20x20/ico-common-arrow-a-down-small-999.svg) center center no-repeat;
    vertical-align: middle;
}

.jj_notice-swiper .jj_btn-open.on .jj_txt::after {
    transform: rotate(180deg);
}

.jj_textarea {
    position: relative;
    padding: 15px 20px 33px 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
}

.jj_textarea textarea {
    display: inline-block;
    font-size: 14px;
    color: #222;
    line-height: 20px;
    width: 100%;
    min-height: 102px;
}

.jj_textarea textarea::-webkit-input-placeholder, .jj_textarea textarea::placeholder {
    color: red;
}

.jj_textarea .jj_check-length {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 2px;
    height: 18px;
    font-size: 12px;
    font-weight: 500;
    color: #222;
}

.jj_textarea .jj_check-length em {
    font-weight: 400;
    color: #999;
}

.jj_modal.jj_category {
    width: 100%;
    box-sizing: border-box;
    z-index: 1000;
}

.jj_modal.jj_category .jj_wrap .jj_close {
    top: 10px;
    width: 32px;
    height: 32px;
}

.jj_modal.jj_category .jj_wrap .jj_close .jj_area30 {
    width: 32px;
    height: 32px;
    background: url(../../common/image/icons/32x32/ico-common-32-menu-close.svg) center no-repeat;
}

.jj_modal.jj_category .jj_header {
    margin: 0;
}

.jj_modal.jj_category .jj_category-top {
    display: flex;
    align-items: center;
    padding: 15px 15px 20px;
    border-bottom: 1px solid #eee;
}

.jj_modal.jj_category .jj_category-top .jj_user-image {
    flex: 0 0 40px;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    overflow: hidden;
}

.jj_modal.jj_category .jj_category-top .jj_user-image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.jj_modal.jj_category .jj_category-top .jj_user-image.jj_good {
    width: 40px;
    height: 40px;
    background: url(../../common/image/icons/40x40/ico-common-good-small.svg) no-repeat center;
}

.jj_modal.jj_category .jj_category-top .jj_user-image.jj_welcome {
    width: 40px;
    height: 40px;
    background: url(../../common/image/icons/40x40/ico-common-welcome-small.svg) no-repeat center;
}

.jj_modal.jj_category .jj_category-top .jj_user-image.jj_great {
    width: 40px;
    height: 40px;
    background: url(../../common/image/icons/40x40/ico-common-great-small.svg) no-repeat center;
}

.jj_modal.jj_category .jj_category-top .jj_user-image.jj_best {
    width: 40px;
    height: 40px;
    background: url(../../common/image/icons/40x40/ico-common-best-small.svg) no-repeat center;
}

.jj_modal.jj_category .jj_category-top .jj_user-image.jj_login {
    width: 40px;
    height: 40px;
    background: url(../../common/image/icons/40x40/ico-common-login-small.svg) no-repeat center;
}

.jj_modal.jj_category .jj_category-top .jj_user-image.jj_symbol {
    width: 40px;
    height: 40px;
    background: url(../../common/image/icons/40x40/ico-common-jaju-small-symbol.svg) no-repeat center;
}

.jj_modal.jj_category .jj_category-top .jj_user-info .jj_text {
    line-height: 21px;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: #222;
}

.jj_modal.jj_category .jj_category-top .jj_user-info .jj_btn-link::after {
    vertical-align: middle;
}

.jj_modal.jj_category .jj_category-top .jj_user-login .jj_btn-link.case8 span {
    display: inline-block;
    line-height: 21px;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: #222;
}

.jj_modal.jj_category .jj_category-top .jj_user-login .jj_btn-link.case8 span::after {
    display: none;
}

.jj_modal.jj_category .jj_category-top .jj_user-login .jj_btn-link.case8::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    vertical-align: middle;
    background: url(../../common/image/icons/20x20/ico-common-arrow-a-right-small.svg) center center no-repeat;
}

.jj_modal.jj_category .jj_category-top .jj_user-login .jj_text {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #777;
}

.jj_modal.jj_category .jj_cate-hr {
    height: 1px;
    background: #eee;
}

.jj_modal.jj_category .jj_category-con {
    margin-top: 30px;
    padding: 0 15px;
}

.jj_modal.jj_category .jj_category-con .jj_full-banner {
    margin-top: 30px;
}

.jj_modal.jj_category .jj_category-con .jj_cate-popular {
    margin-top: 40px;
}

.jj_modal.jj_category .jj_category-con .jj_cate-popular .jj_top-10 {
    margin-left: -5px;
}

.jj_modal.jj_category .jj_category-con .jj_cate-popular .jj_top-10 [class*=jj_btn-round] {
    margin-top: 10px;
    margin-left: 5px;
}

.jj_modal.jj_category .jj_category-con .jj_cate-popular .jj_top-10 [class*=jj_btn-round]:nth-child(-n+3) {
    border: 1px solid rgba(255, 84, 50, 0.3);
}

.jj_modal.jj_category .jj_category-con .jj_cate-popular .jj_top-10 [class*=jj_btn-round]:nth-child(-n+3) span {
    color: #ff5432;
}

.jj_modal.jj_category .jj_category-con .jj_total-service {
    margin-top: 40px;
    box-sizing: border-box;
}

.jj_modal.jj_category .jj_category-con .jj_total-service .service-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.jj_modal.jj_category .jj_category-con .jj_total-service .service-list li {
    display: flex;
    align-items: center;
    position: relative;
    width: 50%;
    height: 50px;
    border: 1px solid #eee;
    border-top: none;
    box-sizing: border-box;
}

.jj_modal.jj_category .jj_category-con .jj_total-service .service-list li a {
    display: block;
    width: 100%;
    padding: 15px 30px 15px 15px;
}

.jj_modal.jj_category .jj_category-con .jj_total-service .service-list li a span {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #222;
}

.jj_modal.jj_category .jj_category-con .jj_total-service .service-list li:nth-child(1), .jj_modal.jj_category .jj_category-con .jj_total-service .service-list li:nth-child(2) {
    border-top: 1px solid #eee;
}

.jj_modal.jj_category .jj_category-con .jj_total-service .service-list li:nth-child(even) {
    border-left: none;
}

.jj_modal.jj_category .jj_category-con .jj_total-service .service-list li::after {
    content: "";
    display: inline-block;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    position: absolute;
    background: url(../../common/image/icons/20x20/ico-common-arrow-a-right-small.svg);
    transform: translateY(-50%);
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu {
    display: flex;
    flex-wrap: wrap;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1 {
    position: relative;
    flex: 0 0 25%;
    width: 25%;
    margin-top: 15px;
    text-align: center;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1.on {
    z-index: 1;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1 .jj_depth1-tit span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #555;
    line-height: 14px;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1 .jj_depth1-tit img {
    width: 60px;
    height: 60px;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1 .jj_depth-wrap {
    z-index: 2;
    width: calc(400% + 30px);
    height: 0;
    margin-left: -15px;
    overflow: hidden;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1 .jj_depth-wrap ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 15px;
    background: #f7f7f7;
    box-sizing: border-box;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1 .jj_depth-wrap ul::before {
    content: "";
    display: block;
    position: absolute;
    top: -18px;
    left: 13%;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid #f7f7f7;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1 .jj_depth-wrap ul::after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #f7f7f7;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1 .jj_depth-wrap ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33.33%;
    height: 50px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1 .jj_depth-wrap ul > li:nth-child(3n+3) {
    border-right: none;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1 .jj_depth-wrap ul > li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #555;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1:nth-child(-n+4) {
    margin-top: 0;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1:nth-child(4n+2) .jj_depth-wrap {
    margin-left: calc(-100% - 15px);
    position: relative;
    z-index: 1;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1:nth-child(4n+2) .jj_depth-wrap ul::before {
    left: 35.5%;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1:nth-child(4n+3) .jj_depth-wrap {
    margin-left: calc(-200% - 15px);
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1:nth-child(4n+3) .jj_depth-wrap ul::before {
    left: 59%;
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1:nth-child(4n) .jj_depth-wrap {
    margin-left: calc(-300% - 15px);
}

.jj_modal.jj_category .jj_category-con .jj_cate-menu .jj_depth1:nth-child(4n) .jj_depth-wrap ul::before {
    left: 82%;
}

.jj_full-banner {
    overflow: hidden;
    font-size: 0;
}

.jj_full-banner a {
    display: block;
}

.jj_full-banner a img {
    width: 100%;
}

.jj_full-banner a + a {
    margin-top: 10px;
}

.jj_full-banner.jj_wide img, .jj_full-banner.jj_product img {
    border-radius: 0;
}

.jj_full-banner.jj_product {
    margin-top: 15px;
}

.jj_full-banner + .jj_sort-scroll-pswrap {
    margin-top: 10px;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop {
    padding-top: 10px;
    padding-bottom: 57px;
    border-top: none;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top {
    position: relative;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top .jj_barcode {
    margin-top: 10px;
    text-align: center;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top .jj_barcode > img,
[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top .jj_barcode > svg {
    max-width: 100%;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top .jj_barcode .jj_member-num {
    display: block;
    margin-top: 8px;
    text-align: center;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top .jj_pop-login {
    display: flex;
    margin-top: 19px;
    align-items: center;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top .jj_pop-login .jj_login-txt {
    flex: 1 1 auto;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #222;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top .jj_pop-login .jj_login-txt em {
    font-weight: 700;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top .jj_pop-login [class*=jj_btn-round] {
    flex: 0 0 auto;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top .jj_close {
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: none;
    transform: none;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top .jj_input[type=checkbox] + span {
    padding-top: 6px;
    padding-bottom: 4px;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_pop-top .jj_input[type=checkbox]:checked + span {
    font-weight: 700;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_full-banner {
    margin-top: 15px;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_full-banner .jj_link {
    position: relative;
    height: 0;
    padding-top: 26.6666666667%;
    border-radius: 5px;
    overflow: hidden;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_full-banner .jj_link img {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    border-radius: 0;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list {
    margin-top: 5px;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item {
    display: block;
    position: relative;
    padding-left: 37px;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item .jj_link,
[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item .jj_text {
    display: block;
    padding: 18px 44px 18px 0;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 32px;
    height: 32px;
    transform: translateY(-50%);
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item[class*=jj_ico][class*=coupon]::before {
    background-image: url("../../common/image/icons/32x32/ico-my-daily-coupon.svg");
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item[class*=jj_ico][class*=review]::before {
    background-image: url("../../common/image/icons/32x32/ico-my-daily-review.svg");
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item[class*=jj_ico][class*=stamp]::before {
    background-image: url("../../common/image/icons/32x32/ico-my-daily-stamp.svg");
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item em {
    color: #ff5432;
    font-weight: 700;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item em span {
    font-weight: 400;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item em.jj_text-black {
    color: #222;
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item .jj_link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background: url("../../common/image/icons/20x20/ico-common-arrow-a-right-small.svg") no-repeat center;
    transform: translateY(-50%);
}

[class^=jj_modal].jj_bottom .jj_home-user-pop .jj_link-list .jj_link-item + .jj_link-item {
    border-top: 1px solid #eee;
}

.jj_thum .jj_badge-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0;
}

.jj_thum .jj_badge-wrap [class*=jj_badge] {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    height: 16px;
    line-height: 16px;
    letter-spacing: normal;
    border: 1px solid;
    padding: 0 12px;
    font-weight: 500;
    font-size: 9px;
    text-align: center;
}

.jj_thum .jj_badge-wrap [class*=jj_badge1] {
    border-color: #333;
    background: #333;
    color: #ffffff;
}

.jj_thum .jj_badge-wrap [class*=jj_badge2] {
    border-color: #777;
    background: #777;
    color: #ffffff;
}

.jj_thum .jj_payback {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 5px;
    left: 5px;
    right: auto;
    bottom: auto;
}

[class*=jj_flag].ty2.jj_flag1 {
    background: red;
}

[class*=jj_goods] .jj_goods-data .jj_option-list + .jj_flag-wrap {
    margin-top: 10px;
}

[class*=jj_goods] .jj_goods-data .jj_star-wrap + .jj_flag-wrap {
    margin-top: 5px;
}

.jj_goods-depth-wrap {
    position: relative;
}

.jj_goods-depth-wrap .jj_depth-tit {
    display: none;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    color: #222;
    text-transform: uppercase;
}

.jj_goods-depth-wrap .jj_goods-tab-dimmed {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0);
}

.jj_goods-depth-wrap .jj_tab-sub {
    padding: 15px 0;
}

.jj_goods-depth-wrap .jj_tab-sub .jj_depth-tit + a {
    margin-left: 15px;
}

.jj_goods-depth-wrap .jj_tab-sub .scroll-wrap a {
    margin-left: 0;
}

.jj_goods-depth-wrap .jj_tab-sub [class*=jj_btn-round].on {
    background: #222;
    border-color: #222;
}

.jj_goods-depth-wrap .jj_tab-sub [class*=jj_btn-round].on span {
    color: #ffffff;
    white-space: nowrap;
}

.jj_goods-depth-wrap .jj_tab-sub [class*=jj_btn-round] + [class*=jj_btn-round] {
    margin-left: 5px;
}

.jj_goods-depth-wrap .jj_depth-toggle {
    position: absolute;
    top: 0;
    right: -15px;
    width: 45px;
    height: 100%;
    background: #ffffff;
}

.jj_goods-depth-wrap .jj_depth-toggle::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 45px;
    width: 20px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.jj_goods-depth-wrap .jj_depth-toggle .jj_icon-toggle {
    background: url(../../common/image/icons/30x30/ico-common-30-arrow-down.svg);
}

.jj_goods-depth-wrap.on {
    height: 60px;
}

.jj_goods-depth-wrap.on .jj_depth-tit,
.jj_goods-depth-wrap.on .jj_goods-tab-dimmed {
    display: block;
    z-index: 4;
}

.jj_goods-depth-wrap.on .jj_tab-sub {
    position: absolute;
    top: 0;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
    z-index: 5;
}

.jj_goods-depth-wrap.on .jj_tab-sub .scroll-wrap {
    overflow-x: hidden;
    white-space: normal;
}

.jj_goods-depth-wrap.on .jj_tab-sub .scroll-wrap [class*=jj_btn-round] {
    margin: 10px 5px 0 0;
}

.jj_goods-depth-wrap.on .jj_depth-toggle {
    background: none;
    z-index: 6;
}

.jj_goods-depth-wrap.on .jj_depth-toggle::before {
    display: none;
}

.jj_goods-depth-wrap.on .jj_depth-toggle .jj_icon-toggle {
    position: absolute;
    right: 17px;
    top: 9px;
    background: url(../../common/image/icons/30x30/ico-common-30-popup-close.svg);
}

.jj_goods-depth-wrap + .jj_sort-scroll-pswrap {
    margin-top: 0;
}

.jj_goods-list-swiper {
    border: 1px solid #eee;
    border-radius: 10px;
}

.jj_goods-list-swiper .jj_thum {
    position: relative;
    height: 0;
    padding-top: 93%;
    overflow: hidden;
}

.jj_goods-list-swiper .jj_thum img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.jj_goods-list-swiper .jj_goods-text {
    padding: 20px;
}

.jj_goods-list-swiper .jj_goods-text .jj_tit {
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #222;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.jj_goods-list-swiper .jj_goods-text .jj_sub {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #222;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.jj_goods-list-swiper .swiper-pagination-custom {
    position: absolute;
    margin-top: 0;
    bottom: 100px;
}

.jj_goods-list-swiper .swiper-pagination-custom .jj_paging {
    display: inline-flex;
    box-sizing: border-box;
    margin: 0;
    padding: 0 13px;
    height: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    color: #ffffff;
    font-size: 12px;
}

.jj_goods-list-swiper .swiper-pagination-custom .jj_paging .jj_current {
    font-weight: bold;
}

.jj_goods-list-swiper .swiper-pagination-custom .jj_paging .jj_total {
    display: inline-flex;
    align-items: center;
}

.jj_goods-list-swiper .swiper-pagination-custom .jj_paging .jj_total::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 20px;
    margin: 0 2px;
    background: url(../../common/image/icons/etc/ico-common-20-paging-line.svg) 0 0/cover no-repeat;
}

.jj_goods-list-swiper .swiper-pagination-custom .jj_paging .jj_total span {
    opacity: 0.8;
}

.jj_goods-list-swiper .swiper-button-prev {
    top: 40%;
}

.jj_goods-list-swiper .swiper-button-prev::after {
    content: "";
    background: url(../../common/image/icons/40x40/ico-common-40-arrow-left.svg) center center/cover no-repeat;
}

.jj_goods-list-swiper .swiper-button-next {
    top: 40%;
}

.jj_goods-list-swiper .swiper-button-next::after {
    content: "";
    background: url(../../common/image/icons/40x40/ico-common-40-arrow-right.svg) center center/cover no-repeat;
}

.jj_sort-scroll-pswrap {
    position: relative;
    box-sizing: border-box;
    padding: 9px 0;
    margin: 16px -15px 0 -15px;
}

.jj_sort-scroll-pswrap.jj_transition .jj_goods-sort-wrap {
    transition: top 0.2s;
}

.jj_sort-scroll-pswrap.jj_transition .jj_list-filter {
    transition: top 0.2s;
}

.jj_sort-scroll-pswrap.on .jj_goods-sort-wrap {
    position: fixed;
    z-index: 30;
    top: 0;
}

.jj_sort-scroll-pswrap.on .jj_list-filter {
    position: fixed;
    z-index: 30;
    top: 32px;
}

.jj_sort-scroll-pswrap.on.jj_scroll-up .jj_goods-sort-wrap {
    top: 40px;
}

.jj_sort-scroll-pswrap.on.jj_scroll-up .jj_list-filter {
    top: 72px;
}

.jj_sort-scroll-pswrap.on.jj_scroll-down .jj_goods-sort-wrap {
    top: 0;
}

.jj_sort-scroll-pswrap.on.jj_scroll-down .jj_list-filter {
    top: 32px;
}

.jj_sort-scroll-pswrap.jj_qr-area {
    margin-top: 0;
}

.jj_goods-sort-wrap {
    background: #ffffff;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px;
}

.jj_goods-sort-wrap .jj_goods-total {
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.jj_goods-sort-wrap .jj_goods-total span {
    color: #222;
}

.jj_goods-sort-wrap .jj_goods-sort {
    padding: 0;
    border: none;
}

.jj_goods-sort-wrap .jj_goods-sort li {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.jj_goods-sort-wrap .jj_goods-sort li .jj_icon-filter1 {
    background: url(../../common/image/icons/32x32/ico-filter-32-fluctuation.svg);
}

.jj_goods-sort-wrap .jj_goods-sort li .jj_icon-filter2 {
    background: url(../../common/image/icons/32x32/ico-filter-32-filter.svg);
}

.jj_goods-sort-wrap .jj_goods-sort li .jj_icon-filter3-col {
    display: none;
    background: url(../../common/image/icons/32x32/ico-filter-32-singular.svg);
}

.jj_goods-sort-wrap .jj_goods-sort li .jj_icon-filter3-wide {
    display: none;
    background: url(../../common/image/icons/32x32/ico-filter-32-multiplex.svg);
}

.jj_goods-sort-wrap .jj_goods-sort li .jj_btn-sort[data-toggleID].on .jj_icon-filter3-col {
    display: none;
}

.jj_goods-sort-wrap .jj_goods-sort li .jj_btn-sort[data-toggleID].on .jj_icon-filter3-wide {
    display: block;
}

.jj_goods-sort-wrap .jj_goods-sort li .jj_btn-sort[data-toggleID] .jj_icon-filter3-col {
    display: block;
}

.jj_goods-sort-wrap .jj_goods-sort li .jj_btn-sort[data-toggleID] .jj_icon-filter3-wide {
    display: none;
}

.jj_goods-sort-wrap .jj_goods-sort li + li {
    margin-left: 5px;
}

.jj_goods-sort-wrap .jj_goods-sort li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -3px;
    width: 1px;
    height: 10px;
    background: #eee;
    transform: translateY(-50%);
}

.jj_view-mode.on .jj_multi {
    display: none;
}

.jj_view-mode.on .jj_large {
    display: grid;
}

.jj_view-mode .jj_multi {
    display: grid;
}

.jj_view-mode .jj_large {
    display: none;
}

.jj_view-mode .jj_goods-grid .jj_goods .jj_goods-data .jj_option-list li {
    margin: 10px 0 0 5px;
}

.jj_goods-grid + .jj_paging {
    margin-top: 48px;
}

.jj_bread-crumb ul {
    display: flex;
}

.jj_bread-crumb ul li {
    position: relative;
}

.jj_bread-crumb ul li + li {
    margin: 0 0 0 22px;
}

.jj_bread-crumb ul li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -16px;
    width: 10px;
    height: 10px;
    background: url(../../common/image/icons/10x10/ico-common-10-arrow-gray.svg) center center no-repeat;
    transform: translateY(-50%);
}

.jj_bread-crumb ul li + li.jj_current {
    padding: 0 11px 0 0;
}

.jj_bread-crumb ul li + li.jj_current::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(../../common/image/icons/10x10/ico-common-10-arrow-dropdown.svg) center center no-repeat;
    transform: translateY(-50%) rotate(0deg);
}

.jj_bread-crumb ul li + li.jj_current.on::after {
    transform: translateY(-50%) rotate(180deg);
}

.jj_bread-crumb ul li + li.jj_current.jj_disabled::after {
    display: none;
}

.jj_bread-crumb ul li a {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.jj_bread-crumb ul li.on a {
    font-weight: 500;
    color: #222;
}

#jj_container.jj_dimmed::after {
    display: block;
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    background: rgba(0, 0, 0, 0.8);
}

.jj_bread-crumb-pswrap {
    position: relative;
    margin: 0 -15px;
    height: 40px;
}

.jj_bread-crumb-pswrap.on .jj_goods-bread-crumb {
    position: fixed;
    top: -40px;
    transition: top 0.2s;
}

.jj_bread-crumb-pswrap.on.jj_scroll-up .jj_goods-bread-crumb {
    top: 0;
}

.jj_bread-crumb-pswrap.on.jj_scroll-down .jj_goods-bread-crumb {
    top: -40px;
}

.jj_bread-crumb-pswrap + .jj_goods-list-swiper {
    margin-top: 20px;
}

.jj_goods-bread-crumb {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 299;
    width: auto;
    height: 40px;
    padding: 11px 15px;
    background: #ffffff;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

.jj_goods-bread-crumb .jj_bread-crumb {
    padding: 0;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap {
    display: none;
    width: calc(100% + 30px);
    height: 100vh;
    margin: 11px -15px 0 -15px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 500;
    /*소카테고리 스타일*/
}

.jj_goods-bread-crumb .jj_goods-cate-wrap.on {
    display: block;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-inner {
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    width: 100%;
    height: 495px;
    background: #f7f7f7;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 10;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-inner .jj_cate-back {
    /*  background: $color-FFFFFF;*/
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-inner .jj_cate-back .jj_btn-back {
    display: block;
    position: relative;
    width: 125px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-align: left;
    background: #f7f7f7;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-inner .jj_cate-back .jj_btn-back .jj_icon-back {
    background: url(../../common/image/icons/20x20/ico-common-16-arrow-back.svg);
    vertical-align: middle;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-list {
    position: relative;
    z-index: 11;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-list > li {
    display: flex;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-list > li [class*=jj_tit] {
    display: block;
    flex-direction: column;
    flex: 1;
    max-width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    color: #555;
    background: #f7f7f7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-list > li .jj_goods-cate-body {
    display: none;
    flex: 0 0 calc(100% - 125px);
    background: #ffffff;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-list > li .jj_goods-cate-body .jj_cate-body-list {
    position: absolute;
    width: calc(100% - 125px);
    top: 0;
    right: 0;
    background-color: #ffffff;
    height: 495px;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-list > li .jj_goods-cate-body .jj_cate-body-list > li .jj_tit {
    padding-left: 25px;
    background: #ffffff;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-list > li .jj_goods-cate-body .jj_cate-body-list > li .jj_tit.jj_cate-all::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../../common/image/icons/10x10/ico-common-10-arrow-gray.svg) center center no-repeat;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-list > li .jj_goods-cate-body .jj_cate-body-list > li .jj_tit.on {
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    color: #222;
    border: none;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-list > li.on .jj_tit-cate {
    background: #ffffff;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap .jj_goods-cate-list > li.on .jj_goods-cate-body {
    display: block;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap.jj_3depth {
    width: calc(100% + 30px);
    margin: 11px -15px 0 -15px;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap.jj_3depth .jj_depth-swiper .swiper-pagination,
.jj_goods-bread-crumb .jj_goods-cate-wrap.jj_3depth .jj_depth-swiper .swiper-button-next {
    display: none;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap.jj_3depth .jj_depth-swiper .swiper-button-prev {
    top: 0;
    width: 125px;
    height: 30px;
    transform: translateY(0);
    background: transparent;
    outline: none;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap.jj_3depth .jj_depth-swiper .swiper-button-prev::after {
    background: none;
}

.jj_goods-bread-crumb .jj_goods-cate-wrap.jj_3depth .jj_3depth-area .jj_cate-body-list {
    top: -30px;
}

.jj_sort-right-ham.jj_side-right {
    justify-content: flex-end;
    padding: 0;
}

.jj_sort-right-ham.jj_side-right.on {
    opacity: 1;
}

.jj_sort-right-ham.jj_side-right .jj_wrap {
    width: 310px;
    height: 100vh;
    right: -100%;
    left: auto;
    padding: 0;
    border-radius: 0;
}

.jj_sort-right-ham.jj_side-right .jj_wrap .closelyr {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 2px;
    right: 4px;
    width: 50px;
    height: 45px;
    margin: 0;
    border: 0;
    padding: 0;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    outline: none;
}

.jj_sort-right-ham.jj_side-right .jj_wrap .closelyr::before, .jj_sort-right-ham.jj_side-right .jj_wrap .closelyr::after {
    content: "";
    position: absolute;
    left: 13px;
    top: 22px;
    width: 20px;
    height: 1px;
    background: #222;
}

.jj_sort-right-ham.jj_side-right .jj_wrap .jj_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0;
}

.jj_sort-right-ham.jj_side-right .jj_wrap .jj_inner .jj_sort-top {
    padding: 9px 15px;
    background: #f4f4f4;
}

.jj_sort-right-ham.jj_side-right .jj_wrap .jj_inner .jj_sort-top .jj_tit {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #333;
}

.jj_sort-right-ham.jj_side-right .jj_wrap .jj_inner .jj_sort-top .jj_tit::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../common/image/icons/32x32/ico-filter-32-fluctuation.svg) no-repeat center;
}

.jj_sort-right-ham.jj_side-right .jj_wrap .jj_inner .jj_sort-body {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 10px;
}

.jj_sort-right-ham.jj_side-right .jj_wrap .jj_inner .jj_sort-body li a {
    display: block;
    padding: 9px 20px;
}

.jj_sort-right-ham.jj_side-right .jj_wrap .jj_inner .jj_sort-body li a span {
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #555;
}

.jj_sort-right-ham.jj_side-right .jj_wrap .jj_inner .jj_sort-body li.on span {
    font-weight: 700;
}

.jj_sort-right-ham.jj_side-right .jj_wrap .jj_inner .jj_sort-body li.on span::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url(../../common/image/icons/24x24/ico-common-24-check-black.svg) center center no-repeat;
}

.jj_rel-box + .jj_goods-sort-wrap {
    margin-top: 30px;
}

.jj_list-filter {
    position: relative;
    width: 100vw;
    border-top: 1px solid #eee;
    background: #f7f7f7;
    margin: 0;
    padding: 10px 50px 10px 15px;
    box-sizing: border-box;
    display: none;
}

.jj_list-filter.on {
    display: block;
}

.jj_list-filter .jj_scroll-wrap {
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
}

.jj_list-filter .jj_scroll-wrap .jj_list li {
    display: inline-block;
    width: auto;
}

.jj_list-filter .jj_scroll-wrap .jj_list li .jj_text {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #777;
    line-height: 19px;
    vertical-align: middle;
}

.jj_list-filter .jj_scroll-wrap .jj_list li .jj_btn-del {
    display: inline-block;
    vertical-align: middle;
}

.jj_list-filter .jj_scroll-wrap .jj_list li + li {
    margin-left: 10px;
}

.jj_list-filter .jj_btn-reset {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 40px;
    background: #f7f7f7;
}

.jj_list-filter .jj_btn-reset .jj_icon-reset {
    background: url(../../common/image/icons/32x32/ico-filter-32-refresh.svg) center center no-repeat;
}

.jj_list-filter .jj_btn-reset::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 45px;
    width: 40px;
    height: 100%;
    background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, #f7f7f7 100%);
}

.jj_goods-bread-crumb + .jj_goods-list-swiper {
    margin-top: 20px;
}

.jj_stamp-wrap {
    padding-bottom: 85px;
}

.jj_stamp-wrap.jj_stamp_main {
    padding-bottom: 0;
    position: relative;
}

.jj_stamp-wrap.jj_stamp_main::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -40px;
    width: calc(100% + 30px);
    height: 40px;
    margin: 0 -15px;
    background: #f9f9f9;
}

.jj_stamp-wrap.jj_stamp_main .jj_overwrap {
    min-height: auto;
    padding: 15px 15px 34px;
}

.jj_stamp-wrap.jj_stamp_main .jj_overwrap [class*=jj_tit] {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.jj_stamp-wrap [class*=jj_tit] {
    margin-top: 20px;
}

.jj_stamp-wrap [class*=jj_tit] + [class*=jj_btn-base][class*=size40] {
    margin-top: 15px;
}

.jj_stamp-wrap .jj_overwrap {
    justify-content: flex-start;
}

.jj_stamp-wrap .jj_overwrap .jj_tit18 {
    margin-top: 0;
    color: #ffffff;
}

.jj_stamp-wrap .jj_overwrap .jj_icon-question-ty2 {
    background: url(../../common/image/icons/etc/ico-common-title-question-big.svg) center center/cover no-repeat;
}

.jj_stamp-wrap .jj_grade-wrap {
    padding: 20px 30px 30px;
}

.jj_stamp-wrap .jj_grade-wrap .jj_progress-wrap .jj_period {
    display: flex;
    justify-content: center;
}

.jj_stamp-wrap .jj_grade-wrap .jj_progress-wrap .jj_period .jj_txt {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #222;
}

.jj_stamp-wrap .jj_grade-wrap .jj_progress-wrap .jj_period .jj_txt em {
    font-size: 14px;
    font-weight: 700;
}

.jj_stamp-wrap .jj_grade-wrap .jj_progress-wrap .jj_period .jj_txt.jj_end {
    font-size: 14px;
}

.jj_stamp-wrap .jj_grade-wrap .jj_progress-wrap .jj_progress-value {
    width: 0;
    background: linear-gradient(to right, #ff7932 7%, #ff5432 84%);
}

.jj_stamp-wrap .jj_grade-wrap .jj_progress-wrap .jj_progress-period {
    position: absolute;
    top: -25px;
    right: 0;
    width: auto;
    min-width: 90px;
    padding: 0 3px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 18px;
    border-radius: 10px;
    background: #ff5432;
    box-sizing: border-box;
    transform: translateX(75%);
}

.jj_stamp-wrap .jj_grade-wrap .jj_progress-wrap .jj_progress-period em {
    font-weight: 700;
}

.jj_stamp-wrap .jj_grade-wrap .jj_progress-wrap .jj_progress-period::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 13%;
    width: 0;
    height: 0;
    border-bottom: 4px solid transparent;
    border-top: 6px solid #ff5432;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-radius: 2px;
}

.jj_stamp-wrap .jj_grade-wrap .jj_progress-wrap .jj_stamp-text {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #777;
}

.jj_stamp-wrap .jj_grade-wrap .jj_progress-wrap .jj_progress-bar {
    margin-top: 15px;
}

.jj_stamp-wrap .jj_stamp-list {
    width: calc(100% + 30px);
    margin: 25px -15px 0 -15px;
    padding: 0;
    text-align: center;
}

.jj_stamp-wrap .jj_stamp-list img {
    max-width: 100%;
}

.jj_stamp-wrap .jj_my-stamp {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 25px 15px 5px;
    background: linear-gradient(to bottom, #fefefe, #f9f9f9);
    box-sizing: border-box;
}

.jj_stamp-wrap .jj_my-stamp .jj_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_top .jj_total {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #aaa;
}

.jj_stamp-wrap .jj_my-stamp .jj_top .jj_total em {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #222;
}

.jj_stamp-wrap .jj_my-stamp .jj_top [class*=jj_tit] {
    margin-top: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body {
    margin-top: 10px;
    padding: 30px 20px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    background: #ffffff;
    box-sizing: border-box;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con {
    position: relative;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp {
    max-width: 260px;
    min-height: 180px;
    margin: 0 auto;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li {
    display: flex;
    justify-content: center;
    position: relative;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 50px;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #ccc;
    background: url("../../common/image/icons/50x50/ico-common-stamp-gray-default.svg") no-repeat center;
    z-index: 2;
    box-sizing: border-box;
    margin-right: 20px;
    margin-top: 15px;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span button,
.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -50%;
    width: 20px;
    height: 1px;
    background: #eee;
    transform: translateX(26%);
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.on {
    color: #ffffff;
    background: url("../../common/image/icons/50x50/ico-common-stamp-color-default.svg") no-repeat center;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.point {
    background: url("../../common/image/icons/50x50/ico-common-stamp-color-point-accumulate-02.svg") no-repeat center;
    font-size: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.point.ing {
    background: url("../../common/image/icons/50x50/ico-common-stamp-color-point-accumulate-01.svg") no-repeat center;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.point.on {
    background: url("../../common/image/icons/50x50/ico-common-stamp-color-point.svg") no-repeat center;
    font-size: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.point.on::after {
    content: "TOUCH";
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 56px;
    height: 25px;
    top: -14px;
    left: 0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: 18px;
    background-image: url("../../common/image/icons/etc/ico-stamp-bubble-56.svg");
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 3px;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.point.on.complete::after {
    content: "교환\a완료";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: normal;
    white-space: pre;
    background: url("../../common/image/icons/50x50/ico-common-stamp-dim.svg") no-repeat center;
    border: none;
    padding: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.coupon {
    background: url("../../common/image/icons/50x50/ico-common-stamp-color-coupon-accumulate-02.svg") no-repeat center;
    font-size: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.coupon.ing {
    background: url("../../common/image/icons/50x50/ico-common-stamp-color-coupon-accumulate-01.svg") no-repeat center;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.coupon.on {
    background: url("../../common/image/icons/50x50/ico-common-stamp-color-coupon.svg") no-repeat center;
    font-size: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.coupon.on::after {
    content: "TOUCH";
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 56px;
    height: 25px;
    top: -14px;
    left: 0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: 18px;
    background-image: url("../../common/image/icons/etc/ico-stamp-bubble-56.svg");
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 3px;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.coupon.on.complete::after {
    content: "교환\a완료";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: normal;
    white-space: pre;
    background: url("../../common/image/icons/50x50/ico-common-stamp-dim.svg") no-repeat center;
    border: none;
    padding: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.gift {
    background: url("../../common/image/icons/50x50/ico-common-stamp-color-gift-accumulate-02.svg") no-repeat center;
    font-size: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.gift.ing {
    background: url("../../common/image/icons/50x50/ico-common-stamp-color-gift-accumulate-01.svg") no-repeat center;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.gift.on {
    background: url("../../common/image/icons/50x50/ico-common-stamp-color-gift.svg") no-repeat center;
    font-size: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.gift.on::after {
    content: "TOUCH";
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 56px;
    height: 25px;
    top: -14px;
    left: 0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: 18px;
    background-image: url("../../common/image/icons/etc/ico-stamp-bubble-56.svg");
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 3px;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.gift.on.complete::after {
    content: "교환\a완료";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: normal;
    white-space: pre;
    background: url("../../common/image/icons/50x50/ico-common-stamp-dim.svg") no-repeat center;
    border: none;
    padding: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.ing {
    background: url("../../common/image/icons/50x50/ico-common-stamp-color-ing.svg") no-repeat center;
    font-size: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li span.ing::after {
    content: "적립\a예정";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #c2c822;
    white-space: pre;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp li:first-child span {
    margin-top: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp .jj_odd {
    justify-content: left;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp .jj_odd span:last-child {
    margin-right: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp .jj_odd span:first-child::before {
    display: none;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp .jj_even {
    flex-direction: row-reverse;
    justify-content: right;
    padding-right: calc(100% - 225px);
    box-sizing: border-box;
    width: 100%;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp .jj_even span:first-child {
    margin-right: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp .jj_odd + .jj_even::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 9px;
    width: 65px;
    height: 65px;
    background: transparent;
    border-top-right-radius: 65px;
    border-bottom-right-radius: 65px;
    border: 1px solid #eee;
    border-left: none;
    transform: translate(52%, -45%);
    z-index: 1;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con .jj_stamp .jj_even + .jj_odd::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 9px;
    width: 65px;
    height: 65px;
    background: transparent;
    border-top-left-radius: 65px;
    border-bottom-left-radius: 65px;
    border: 1px solid #eee;
    border-right: none;
    transform: translate(-52%, -37.3%);
    z-index: 1;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con.jj_cleared::before {
    content: "";
    display: block;
    position: absolute;
    width: 110%;
    height: 110%;
    top: -6%;
    left: -5%;
    background-color: #ffffff;
    opacity: 0.9;
    background-image: url("../../common/image/icons/etc/ico_illust_stamp_bic_clear.svg");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_stamp-con.jj_eventEnd::before {
    content: "";
    display: block;
    position: absolute;
    width: 110%;
    height: 110%;
    top: -6%;
    left: -5%;
    background-color: #ffffff;
    opacity: 0.9;
    background-image: url("../../common/image/icons/etc/ico_illust_stamp_bic_close.svg");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_btn-wrap {
    margin-top: 30px;
    padding-top: 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_body .jj_btn-wrap button span {
    font-weight: bold;
    color: #333;
}

.jj_stamp-wrap .jj_my-stamp .jj_btn-wrap {
    padding: 20px 0 0;
}

.jj_stamp-wrap .jj_my-stamp .jj_btn-wrap .jj_btn-link {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.jj_stamp-wrap .jj_sticky-bottom {
    border: none;
}

.jj_stamp-wrap .jj_sticky-bottom .jj_btn-base-size45:disabled {
    border-color: #ddd;
}

.jj_stamp-wrap .jj_sticky-bottom .jj_btn-base-size45:disabled span {
    color: #ccc;
}

.jj_stamp-wrap .jj_note {
    margin-top: 10px;
    padding-bottom: 20px;
}

.jj_stamp-wrap .jj_coupon-radio-list {
    margin-top: 15px;
    padding-bottom: 30px;
}

.jj_stamp-wrap .jj_coupon-radio-list li {
    position: relative;
    max-width: 345px;
    margin: 0 auto;
}

.jj_stamp-wrap .jj_coupon-radio-list li label {
    width: 100%;
    height: 100%;
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-height: 160px;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 50px 0 0;
    background-color: #f7f7f7;
    text-align: left;
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span::before {
    left: auto;
    right: 14px;
    transform: translateY(-18px);
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span::after {
    content: "선택";
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #555;
    transform: translateY(8px);
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span .jj_coupon-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 160px;
    padding: 20px 20px;
    background: #ffffff;
    box-sizing: border-box;
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span .jj_coupon-box::before {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    right: -9px;
    z-index: 1;
    width: 14px;
    height: 7px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 7px 7px;
    background: #ffffff;
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span .jj_coupon-box::after {
    display: block;
    content: "";
    position: absolute;
    right: -9px;
    bottom: -1px;
    z-index: 1;
    width: 14px;
    height: 7px;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 7px 7px 0 0;
    background: #ffffff;
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span .jj_coupon-box .jj_coupon-number {
    display: block;
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #222;
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span .jj_coupon-box .jj_coupon-number .jj_number {
    font-size: 32px;
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span .jj_coupon-box .jj_tit {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: #222;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span .jj_coupon-box .jj_info li {
    font-size: 13px;
    color: #777;
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span .jj_coupon-box .jj_info li + li {
    margin: 0;
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap + span .jj_coupon-box .jj_info li + li::before {
    display: none;
}

.jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap:checked + span .jj_coupon-box::before, .jj_stamp-wrap .jj_coupon-radio-list li .jj_boxwrap:checked + span .jj_coupon-box::after {
    border-color: #222;
}

.jj_stamp-wrap .jj_coupon-radio-list li::after {
    display: block;
    content: "";
    position: absolute;
    border-left: 1px dashed #ccc;
    top: 8px;
    right: 49px;
    bottom: 8px;
    z-index: 1;
}

.jj_stamp-wrap .jj_coupon-radio-list li + li {
    margin-top: 10px;
}

.jj_stamp-wrap .jj_stamp-gift-item {
    display: flex;
    padding: 20px 0;
}

.jj_stamp-wrap .jj_stamp-gift-item .jj_thumb {
    flex: 0 0 auto;
    width: 90px;
}

.jj_stamp-wrap .jj_stamp-gift-item .jj_thumb .jj_input + span {
    padding: 0;
}

.jj_stamp-wrap .jj_stamp-gift-item .jj_thumb .jj_input + span::before {
    top: 5px;
    left: 5px;
    transform: none;
}

.jj_stamp-wrap .jj_stamp-gift-item .jj_option {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-left: 15px;
}

.jj_stamp-wrap .jj_stamp-gift-item .jj_option .jj_tit14 {
    margin-top: 6px;
    font-weight: 400;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.jj_stamp-wrap .jj_stamp-gift-item .jj_option .jj_select {
    margin-top: 15px;
    height: 31px;
}

.jj_stamp-wrap .jj_stamp-gift-item .jj_option.ty2 {
    justify-content: flex-start;
}

.jj_stamp-wrap .jj_stamp-gift-item .jj_option.ty2 .jj_txt {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #777;
}

.jj_stamp-wrap .jj_stamp-gift-item + .jj_stamp-gift-item {
    border-top: 1px solid #eee;
}

.jj_stamp-wrap .jj_shipping-address {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}

.jj_stamp-wrap .jj_shipping-address .jj_user-address .jj_name {
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.jj_stamp-wrap .jj_shipping-address .jj_user-address .jj_address {
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.jj_stamp-wrap .jj_shipping-address .jj_user-address .jj_cell,
.jj_stamp-wrap .jj_shipping-address .jj_user-address .jj_ship-msg {
    margin-top: 7px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.jj_stamp-wrap .jj_shipping-address .jj_user-address .jj_ship-date {
    position: relative;
    margin-top: 10px;
    padding-left: 8px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #ff5432;
}

.jj_stamp-wrap .jj_shipping-address .jj_user-address .jj_ship-date::before {
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #ff5432;
}

.jj_stamp-wrap .jj_shipping-address [class*=jj_btn] {
    flex: 0 0 auto;
    min-width: 50px;
    margin: 0 0 0 15px;
}

.jj_stamp-wrap .jj_note.jj_red {
    margin-top: 15px;
}

.jj_stamp-wrap .jj_note.jj_red li {
    color: #ff5432;
}

.jj_stamp-wrap .jj_note.jj_red li::before {
    background: #ff5432;
}

.jj_stamp-wrap.jj_event-end .jj_my-info .jj_overwrap::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.4;
}

.jj_stamp-wrap.jj_event-end .jj_grade-wrap .jj_progress-wrap .jj_progress-bar {
    background: #cccccc;
}

.jj_stamp-pop .jj_sub {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #222;
    line-height: 19px;
}

.jj_stamp-pop .jj_info-wrap {
    margin-top: 15px;
    padding: 4px 15px;
    width: 100%;
    background: #f9f9f9;
    border-radius: 3px;
    box-sizing: border-box;
}

.jj_stamp-pop .jj_info-wrap .jj_info {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

.jj_stamp-pop .jj_info-wrap .jj_info .jj_tit {
    width: 50%;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    color: #222;
}

.jj_stamp-pop .jj_info-wrap .jj_info .jj_txt {
    width: 50%;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #222;
}

.jj_stamp-pop .jj_info-wrap .jj_info .jj_txt em {
    font-weight: 500;
}

.jj_stamp-pop .jj_info-wrap .jj_info + .jj_info {
    border-top: 1px solid #eee;
}

.jj_stamp-pop .jj_note {
    margin-top: 10px;
}

.jj_view-mode [class*=jj_goods] .jj_thum a {
    display: block;
    position: relative;
    height: 0;
    padding-top: 155%;
}

.jj_view-mode [class*=jj_goods] .jj_thum a img {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: auto;
    max-height: 100%;
    transform: translateY(-50%);
}

.jj_view-mode.jj_square [class*=jj_goods] .jj_thum a {
    padding-top: 100%;
}

.jj_tab-imgCate {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
}

.jj_tab-imgCate .scroll-wrap .jj_btn-image:first-child .jj_cate-tit {
    margin-left: 0;
}

.jj_tab-imgCate .jj_btn-image {
    height: auto;
    vertical-align: top;
}

.jj_tab-imgCate .jj_btn-image .jj_cate-tit {
    display: block;
    margin-left: 10px;
    width: 60px;
}

.jj_tab-imgCate .jj_btn-image .jj_cate-tit img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    margin: 0 auto;
}

.jj_tab-imgCate .jj_btn-image .jj_cate-tit span {
    position: relative;
    display: block;
    width: 60px;
    left: 50%;
    margin: 5px auto 0;
    padding: 0;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #555;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    transform: translateX(-50%);
}

.jj_tab-imgCate .jj_btn-image + .jj_btn-image {
    margin-left: 27px;
}

.jj_tab-goodAlso.jj_goods-grid[data-tabscroll] {
    padding-left: 15px;
    display: inline-flex;
}

.jj_tab-goodAlso.jj_goods-grid[data-tabscroll].has-scroll {
    padding-left: 0;
    display: block;
}

.jj_tab-goodAlso.jj_goods-grid {
    margin-top: 15px;
}

.jj_tab-goodAlso.jj_goods-grid .scroll-wrap {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
}

.jj_tab-goodAlso.jj_goods-grid .jj_goods {
    width: 133px;
    height: 100%;
    flex: none;
}

.jj_tab-goodAlso.jj_goods-grid .jj_goods a {
    height: auto;
}

.jj_tab-goodAlso.jj_goods-grid .jj_goods .jj_thum .jj_btn-icon {
    width: auto;
    height: auto;
}

.jj_tab-goodAlso.jj_goods-grid .jj_goods .jj_goods-data .jj_tit {
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    white-space: break-spaces;
}

.jj_tab-goodAlso.jj_goods-grid .jj_goods .jj_goods-data .jj_price-box .jj_price,
.jj_tab-goodAlso.jj_goods-grid .jj_goods .jj_goods-data .jj_price-box .jj_del {
    display: block;
    margin: 0;
}

.jj_tab-goodAlso.jj_goods-grid .jj_goods .jj_goods-data .jj_price-box .jj_price > span,
.jj_tab-goodAlso.jj_goods-grid .jj_goods .jj_goods-data .jj_price-box .jj_del > span {
    display: inline-block;
}

.jj_tab-goodAlso.jj_goods-grid .jj_goods + .jj_goods {
    margin-left: 9px;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon {
    position: relative;
    max-width: 275px;
    margin: 40px auto 0;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon::after {
    display: block;
    content: "";
    position: absolute;
    border-left: 1px dashed #ccc;
    top: 8px;
    right: 48px;
    bottom: 8px;
    z-index: 1;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon .jj_coupon {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-height: 128px;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 48px 0 0;
    background-color: #f7f7f7;
    background-image: url(../../common/image/icons/etc/ico-common-coupon-logo-grey.svg);
    background-repeat: no-repeat;
    background-position: right 16px center;
    text-align: left;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon .jj_coupon::before {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    right: 40px;
    z-index: 1;
    width: 14px;
    height: 7px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 7px 7px;
    background: #ffffff;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon .jj_coupon::after {
    display: block;
    content: "";
    position: absolute;
    right: 40px;
    bottom: -1px;
    z-index: 1;
    width: 14px;
    height: 7px;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 7px 7px 0 0;
    background: #ffffff;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon .jj_coupon .jj_coupon-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 128px;
    padding: 15px 15px;
    background-color: #ffffff;
    box-sizing: border-box;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon .jj_coupon .jj_coupon-inner .jj_coupon-box {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #222;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon .jj_coupon .jj_coupon-inner .jj_coupon-box .jj_number {
    font-size: 30px;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon .jj_coupon .jj_coupon-inner .jj_tit {
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    color: #222;
    line-height: 19px;
    word-break: keep-all;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon .jj_coupon .jj_coupon-inner .jj_info {
    margin-top: 5px;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon .jj_coupon .jj_coupon-inner .jj_info li {
    font-size: 11px;
    font-weight: 400;
    text-align: left;
    color: #777;
    line-height: 17px;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_pop-coupon + .jj_guide-txt {
    padding: 15px 0 0;
    font-size: 13px;
    color: #555555;
    line-height: 19px;
}

.jj_modal .jj_btn-wrap [class*=jj_btn-base][class*=size40].jj_close {
    position: relative;
    display: initial;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: 40px;
}

.jj_modal .jj_inner.jj_visible {
    overflow: visible;
}

.jj_modal .jj_inner.jj_visible .jj_pop-point {
    position: relative;
    padding-top: 113px;
}

.jj_modal .jj_inner.jj_visible .jj_pop-point img {
    position: absolute;
    top: -67px;
    left: 50%;
    width: 160px;
    height: 160px;
    transform: translateX(-50%);
}

.jj_modal .jj_inner.jj_visible .jj_pop-point .jj_tit22 {
    line-height: 30px;
    text-align: center;
}

.jj_modal .jj_inner.jj_visible .jj_pop-point .jj_tit22 strong {
    position: relative;
    z-index: 10;
}

.jj_modal .jj_inner.jj_visible .jj_pop-point .jj_tit22 strong::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #ffe00b;
    z-index: -1;
}

.jj_modal .jj_inner.jj_visible .jj_pop-point .jj_gray-txt {
    margin: 20px 0 15px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #999;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_shipping-confirm {
    margin-top: 30px;
    padding: 20px;
    background: #f7f7f7;
    border-radius: 3px;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_shipping-confirm .jj_tit15 {
    font-weight: 700;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_shipping-confirm span {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    color: #555;
    line-height: 19px;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_shipping-confirm span + span {
    margin-top: 5px;
}

[class^=jj_modal] .jj_wrap .jj_inner .jj_shipping-confirm + .jj_guide-txt {
    padding: 15px 0 0;
    font-size: 13px;
    color: #555555;
    line-height: 19px;
}

.jj_myHistory-list li {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.jj_myHistory-list li .jj_orderNm {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #222;
}

.jj_myHistory-list li .jj_history {
    display: flex;
    justify-content: space-between;
}

.jj_myHistory-list li .jj_history .jj_tit15 {
    flex: 1 1 auto;
    padding-right: 23px;
}

.jj_myHistory-list li .jj_history .jj_date {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #999;
}

.jj_myHistory-list li .jj_history .jj_info {
    flex: 0 0 auto;
    text-align: right;
}

.jj_myHistory-list li .jj_history .jj_info .jj_number {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #222;
}

.jj_myHistory-list li .jj_history .jj_info .jj_number.jj_red {
    color: #ff5432;
}

.jj_myHistory-list li .jj_history .jj_point-area {
    flex: 0 0 auto;
    padding-top: 4px;
    text-align: right;
}

.jj_myHistory-list li .jj_history .jj_point-area [class*=jj_point-number] {
    padding: 3px 14px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #ff5432;
    line-height: 20px;
    border: 1px solid rgba(255, 84, 50, 0.2);
    border-radius: 14px;
}

.jj_myHistory-list li .jj_history .jj_point-area [class*=jj_point-number] + .jj_date {
    text-align: right;
}

.jj_myHistory-list li .jj_history .jj_point-area [class*=jj_point-number][class*=minus] {
    color: #8a2fed;
    border: 1px solid rgba(138, 47, 237, 0.2);
}

.jj_myStamp-box {
    display: flex;
    width: 100%;
    margin-top: 15px;
    padding: 20px 25px;
    background: #ff5432;
    border-radius: 6px;
    box-sizing: border-box;
}

.jj_myStamp-box [class*=jj_stamp] {
    width: 50%;
    box-sizing: border-box;
}

.jj_myStamp-box [class*=jj_stamp] .jj_tit13 {
    color: #ffffff;
}

.jj_myStamp-box [class*=jj_stamp] .jj_count {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
}

.jj_myStamp-box [class*=jj_stamp] .jj_count strong {
    font-size: 26px;
}

.jj_myStamp-box [class*=jj_stamp] + [class*=jj_stamp] {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 23px;
}

.jj_myStamp-box ~ div.jj_note {
    text-align: left;
    font-size: 13px;
}

.jj_btn-select-style {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 45px 10px 15px;
    border-radius: 3px;
    background: #ffffff;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    color: #999;
    border: 1px solid #ddd;
}

.jj_btn-select-style::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 5px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../../common/image/icons/32x32/ico-common-arrow-a-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.1s;
}

.jj_btn-select-style:disabled {
    background-color: #f4f4f4;
    color: #ccc;
}

.jj_btn-select-style:disabled::after {
    opacity: 0.3;
}

.jj_rel-box + .jj_sort-scroll-pswrap {
    margin-top: 30px;
}

/*첫구매유도팝업에서만 노출*/
[class^=jj_modal].jj_main-firstPop {
    top: auto;
    background: transparent;
    z-index: 200;
}

[class^=jj_modal].jj_main-firstPop .jj_home-user-pop {
    padding-bottom: 57px;
}

[class^=jj_modal].jj_main-firstPop .jj_home-user-pop .jj_inner {
    padding-bottom: 10px;
}

[class^=jj_modal].jj_main-firstPop .jj_home-user-pop .jj_full-banner {
    margin-top: 10px;
}

[class^=jj_modal].jj_main-firstPop.scrollDown {
    bottom: -100%;
    transition: all 0.8s cubic-bezier(0.26, 0.16, 0.47, 1) 0s;
}

[class^=jj_modal].jj_main-firstPop.scrollUp {
    bottom: 0;
    transition: all 0.5s cubic-bezier(0.07, 0.85, 0.47, 1) 0s;
}

.jj_open-idea-agree .jj_ol-list {
    margin-top: 10px;
    padding: 20px 20px 20px 12px;
    border-radius: 3px;
    background: #f7f7f7;
}

.jj_open-idea-agree .jj_ol-list li {
    list-style-type: decimal;
    margin-left: 20px;
    padding: 0;
    font-size: 12px;
    color: #777;
    line-height: 18px;
}

.jj_open-idea-agree .jj_ol-list li::before {
    display: none;
}

.jj_open-idea-agree .jj_ol-list li + li {
    margin: 3px 0 0 20px;
}

.jj_open-idea-agree .jj_btn-wrap button i {
    background: url(../../common/image/icons/20x20/ico-input-success-white.svg) center center/cover no-repeat;
}

.jj_header-wrap ~ .layer_slide #filter_list {
    padding-top: 10px;
}

.jj_header-wrap ~ .layer_slide #filter_list .fltSearch {
    padding-top: 0;
}

.jj_modal .jj_inner.jj_border {
    border-top: 1px solid #eee;
}

.jj_modal .jj_inner.jj_border .jj_stamp-wrap {
    padding-bottom: 0;
}

.jj_header-wrap ~ #jj_container .wrap_mdFixed {
    position: -webkit-sticky;
    position: sticky;
    top: 45px;
    z-index: 15;
    background: #fff;
    margin: 0 -15px -9px;
}

.jj_header-wrap ~ #jj_container .wrap_mdFixed .mdFixed {
    padding: 9px 15px;
}

.jj_header-wrap ~ #jj_container .jj_line-list ~ .wrap_mdFixed {
    margin-top: -9px;
}

/* 마이 자주 픽스드 처리_as-is 영향으로 인한 important 사용 불가피 */
.scrollDown .jj_header-wrap ~ .contents .wrap_fixedBar .fixedBar,
.scrollDown .jj_header-wrap ~ #jj_container .wrap_fixedBar .fixedBar {
    transform: translate3d(0, -56px, 0) !important;
}

.scrollDown .is-prmBn .jj_header-wrap ~ .contents .wrap_fixedBar .fixedBar,
.scrollDown .is-prmBn .jj_header-wrap ~ #jj_container .wrap_fixedBar .fixedBar {
    transform: translate3d(0, -106px, 0) !important;
}

/* 스탬프, 스탬프 모달 이벤트명 2줄 처리 */
[class^=jj_modal][data-modalid=modal-stamp-desc] .jj_header .jj_tit {
    padding: 4px 25px 0 0;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 44px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

@media (max-width: 360px) {
    .jj_attached-list li + li,
    .jj_file-wrap .jj_attached-image li + li,
    .jj_small-list li + li {
        margin-left: 1.5%;
    }
}

.jj_tab-main.ty2.has-scroll .scroll-wrap {
    padding-left: 8px;
}

.jj_thum_title_area {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 28%;
}

.jj_thum_title_area .jj_thum_text_box {
    width: 92%;
    margin: 6% 6% 5% 5%;
}

.jj_thum_text_box .jj_thum_title {
    font-size: 20px;
    letter-spacing: -0.8px;
    font-weight: 600;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jj_thum_title_area p {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}

.jj_thum_text_box .jj_thum_sub_title {
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
}

.jj_setting_list {
    height: calc(100vh - 56px);
}

.jj_setting_list .jj_setting_item {
    display: flex;
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
}

.jj_setting_list .jj_setting_item .jj_setting_item-text {
    width: calc(100% - 68px);
}

.jj_setting_list .jj_setting_item .jj_setting_item-text .jj_setting_item-text-strong {
    margin-bottom: 6px;
    font-size: 18px;
    color: #000;
}

.jj_setting_list .jj_setting_item .jj_setting_item-text .jj_setting_item-text-description {
    font-size: 13px;
    line-height: 19px;
    color: #929292;
    word-break: keep-all;
}

.jj_setting_list .jj_setting_item .jj_setting_item-icon {
    text-align: right;
}

.jj_setting_list .jj_setting_item .jj_setting_item-icon input {
    display: none;
    outline: 0;
    border: 0;
}

.jj_setting_list .jj_setting_item .jj_setting_item-icon .checkbox-v {
    display: inline-block;
    width: 46px;
    height: 26px;
    border-radius: 20px;
    font-size: 0;
    overflow: hidden;
    text-indent: -9999px;
    background-color: #f0f0f0;
    transition: 0.5s;
    transition-timing-function: ease-in-out;
}

.jj_setting_list .jj_setting_item .jj_setting_item-icon .checkbox-v.on {
    background-color: #222;
}

.jj_setting_list .jj_setting_item .jj_setting_item-icon .checkbox-v.on::after {
    margin-left: 22px;
}

.jj_setting_list .jj_setting_item .jj_setting_item-icon .checkbox-v::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    transition: 0.5s;
    transition-timing-function: ease-in-out;
    margin-top: 2px;
    margin-left: 2px;
}

.jj_setting_list .jj_setting_item .jj_setting_item-icon .delete-cache {
    background: url(../../common/image/icons/24x24/ico-delete.svg) no-repeat center/cover;
    display: block;
    font-size: 0;
    width: 24px;
    height: 24px;
}

.jj_setting_list .jj_setting_item .jj_setting_item-icon .setting_v {
    width: auto;
    font-size: 13px;
    line-height: 19px;
    white-space: nowrap;
    font-weight: 400;
}

.jj_setting_list .jj_setting_item .jj_setting_item-icon .setting_v.new_version {
    color: #929292;
}

.jj_setting_list .jj_setting_item .jj_setting_item-icon .setting_v.old_version {
    color: #ff7f66;
    position: relative;
}

.jj_setting_list .jj_setting_item .jj_setting_item-icon .setting_v.old_version::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ff7f66;
}

.jj_setting_list .jj_setting_item:not(:last-of-type) {
    border-bottom: 1px solid #f0f0f0;
}

.jaju-brand-story {
    margin-inline: -15px;
    letter-spacing: 0.05em;
}

.jaju-brand-story,
.jaju-brand-story div,
.jaju-brand-story p,
.jaju-brand-story strong,
.jaju-brand-story button {
    font-family: "Roboto", "Noto Sans KR", sans-serif;
}

.jaju-brand-story [data-el-aos]:not([data-el-aos=""]) {
    opacity: 0;
    will-change: opacity, transform;
}

.jaju-brand-story [data-el-aos]:not([data-el-aos=""])[data-el-aos=fade-up] {
    transform: translateY(50px);
}

.jaju-brand-story [data-el-aos]:not([data-el-aos=""])[data-el-aos=fade-down] {
    transform: translateY(-50px);
}

.jaju-brand-story [data-el-aos]:not([data-el-aos=""])[data-el-aos=fade-left] {
    transform: translateX(-50px);
}

.jaju-brand-story [data-el-aos]:not([data-el-aos=""])[data-el-aos=fade-right] {
    transform: translateX(50px);
}

.jaju-brand-story [data-el-aos]:not([data-el-aos=""])[data-el-aos=zoom-out] {
    transform: scale(1.2);
}

.jaju-brand-story [data-el-aos]:not([data-el-aos=""]).el-aos-animate[data-el-aos^=fade-], .jaju-brand-story [data-el-aos]:not([data-el-aos=""]).el-aos-animate[data-el-aos^=zoom-] {
    opacity: 1;
    transform: translate(0) scale(1);
    transition: transform 0.7s cubic-bezier(0, 0, 0.58, 1), opacity 0.7s cubic-bezier(0, 0, 0.58, 1);
}

@-webkit-keyframes blur-and-opacity {
    0% {
        filter: blur(30px);
        opacity: 0;
    }
    100% {
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes blur-and-opacity {
    0% {
        filter: blur(30px);
        opacity: 0;
    }
    100% {
        filter: blur(0);
        opacity: 1;
    }
}

.jaju-brand-story .swiper-wrapper {
    overflow: visible;
}

.jaju-brand-story .brand-story-module-banner {
    overflow: hidden;
}

.jaju-brand-story .brand-story-module-banner:has(.banner-caption) {
    --banner-caption-pad-block: 0;
    display: grid;
    position: relative;
    overflow: clip;
}

.jaju-brand-story .brand-story-module-banner:has(.banner-caption) .banner-image {
    grid-column: 1/-1;
    grid-row: 1/-1;
}

.jaju-brand-story .brand-story-module-banner .banner-image {
    position: relative;
}

.jaju-brand-story .brand-story-module-banner .banner-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.jaju-brand-story .brand-story-module-banner .banner-image .fade {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-animation: image-fade 4s infinite linear;
    animation: image-fade 4s infinite linear;
    will-change: opacity;
}

@-webkit-keyframes image-fade {
    0%, 15%, 85%, 100% {
        opacity: 0;
    }
    35%, 50%, 65% {
        opacity: 1;
    }
}

@keyframes image-fade {
    0%, 15%, 85%, 100% {
        opacity: 0;
    }
    35%, 50%, 65% {
        opacity: 1;
    }
}

.jaju-brand-story .brand-story-module-banner .banner-caption {
    z-index: 3;
    grid-column: 1/-1;
    grid-row: 1/-1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(12.8px, 0px + 4vw, 30px);
    padding-block: var(--banner-caption-pad-top, var(--banner-caption-pad-block, clamp(68.2666666667px, 0px + 21.3333333333vw, 160px))) var(--banner-caption-pad-bottom, var(--banner-caption-pad-block, clamp(68.2666666667px, 0px + 21.3333333333vw, 160px)));
    color: #fff;
}

.jaju-brand-story .brand-story-module-banner .banner-caption__title {
    color: inherit;
    font-size: var(--banner-caption-title-font-size, clamp(29.8666666667px, 0px + 9.3333333333vw, 70px));
    font-weight: 700;
    line-height: var(--banner-caption-title-line-height, clamp(38.4px, 0px + 12vw, 90px));
    text-align: center;
}

.jaju-brand-story .brand-story-module-banner .banner-caption__text {
    color: inherit;
    font-size: var(--banner-caption-text-font-size, clamp(13.6533333333px, 0px + 4.2666666667vw, 32px));
    line-height: var(--banner-caption-text-line-height, clamp(20.48px, 0px + 6.4vw, 48px));
    text-align: center;
}

.jaju-brand-story .brand-story-module-grid {
    display: grid;
    grid-template-columns: repeat(var(--module-grid-columns, 2), 1fr);
    gap: var(--module-grid-gap, 0);
}

.jaju-brand-story .brand-story-module-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--module-header-gap, clamp(12.8px, 0px + 4vw, 30px));
    align-items: center;
    margin-bottom: var(--module-header-margin-bottom, clamp(25.6px, 0px + 8vw, 60px));
    padding-block: var(--module-header-pad-block, 0);
}

.jaju-brand-story .brand-story-module-header:not(:has(.header-title, .header-text)) {
    --module-header-margin-bottom: 0;
}

.jaju-brand-story .brand-story-module-header .header-title {
    color: var(--module-header-title-color, #000);
    font-size: var(--module-header-title-font-size, clamp(24.7466666667px, 0px + 7.7333333333vw, 58px));
    font-weight: 700;
    line-height: var(--module-header-title-line-height, clamp(29.0133333333px, 0px + 9.0666666667vw, 68px));
    text-align: center;
}

.jaju-brand-story .brand-story-module-header .header-text {
    color: var(--module-header-text-color, #424242);
    font-size: var(--module-header-text-font-size, clamp(13.6533333333px, 0px + 4.2666666667vw, 32px));
    line-height: var(--module-header-title-line-height, clamp(20.48px, 0px + 6.4vw, 48px));
    text-align: center;
}

.jaju-brand-story .brand-story-module-marquee {
    padding-block: var(--module-marquee-pad-top, var(--module-marquee-pad-block, clamp(42.6666666667px, 0px + 13.3333333333vw, 100px))) var(--module-marquee-pad-bottom, var(--module-marquee-pad-block, clamp(42.6666666667px, 0px + 13.3333333333vw, 100px)));
    overflow: hidden;
}

.jaju-brand-story .brand-story-module-marquee .marquee {
    width: 100%;
    height: var(--marquee-height, clamp(273.0666666667px, 0px + 85.3333333333vw, 640px));
    background-repeat: repeat-x;
    background-position-y: center;
    background-image: var(--marquee-image);
    -webkit-animation: marquee-slide-x 15s linear infinite;
    animation: marquee-slide-x 15s linear infinite;
}

@-webkit-keyframes marquee-slide-x {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: clamp(-3260px, (0px + 434.6666666667vw) * -1, -1390.9333333333px);
    }
}

@keyframes marquee-slide-x {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: clamp(-3260px, (0px + 434.6666666667vw) * -1, -1390.9333333333px);
    }
}

.jaju-brand-story .brand-story-module-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--module-card-gap, clamp(12.8px, 0px + 4vw, 30px));
    padding-block: var(--module-card-pad-top, var(--module-card-pad-block, clamp(68.2666666667px, 0px + 21.3333333333vw, 160px))) var(--module-card-pad-bottom, var(--module-card-pad-block, clamp(68.2666666667px, 0px + 21.3333333333vw, 160px)));
    background: var(--module-card-background, #f9f9f9);
    text-align: center;
}

.jaju-brand-story .brand-story-module-card p {
    color: #424242;
    font-size: var(--module-card-font-size, clamp(13.6533333333px, 0px + 4.2666666667vw, 32px));
    font-weight: var(--module-card-font-weight, 400);
    line-height: var(--module-card-line-height, clamp(20.48px, 0px + 6.4vw, 48px));
}

.jaju-brand-story .brand-story-module-card .card-hilite {
    display: block;
    margin-bottom: clamp(12.8px, 0px + 4vw, 30px);
    color: #000;
    font-size: clamp(24.7466666667px, 0px + 7.7333333333vw, 58px);
    font-weight: 700;
    line-height: clamp(29.0133333333px, 0px + 9.0666666667vw, 68px);
}

.jaju-brand-story .brand-story-hero {
    --marquee-image: url(../image/story/hero-marquee-v2.png);
    padding-top: clamp(42.6666666667px, 0px + 13.3333333333vw, 100px);
}

.jaju-brand-story .brand-story-hero .hero-logo {
    width: clamp(277.3333333333px, 0px + 86.6666666667vw, 650px);
    filter: blur(30px);
    opacity: 0;
    -webkit-animation: blur-and-opacity 1.2s linear forwards;
    animation: blur-and-opacity 1.2s linear forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.jaju-brand-story .brand-story-hero .hero-logo.el-aos-animate {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.jaju-brand-story .brand-story-hero .marquee {
    background-size: clamp(1390.9333333333px, 0px + 434.6666666667vw, 3260px) clamp(273.0666666667px, 0px + 85.3333333333vw, 640px);
}

.jaju-brand-story .brand-story-intro {
    --module-card-font-size: clamp(14.5066666667px, 0px + 4.5333333333vw, 34px);
    --module-card-font-weight: 700;
    --module-card-line-height: clamp(20.48px, 0px + 6.4vw, 48px);
}

.jaju-brand-story .brand-story-intro .banner-image .fade {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.jaju-brand-story .brand-story-intro .banner-image.el-aos-animate .fade {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.jaju-brand-story .brand-story-carousel {
    padding-block: clamp(68.2666666667px, 0px + 21.3333333333vw, 160px);
}

.jaju-brand-story .brand-story-carousel .carousel-swiper {
    position: relative;
    padding: 0 clamp(21.3333333333px, 0px + 6.6666666667vw, 50px) clamp(35.84px, 0px + 11.2vw, 84px);
    overflow: hidden;
}

.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-slide {
    width: clamp(256px, 0px + 80vw, 600px);
}

.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-button-next,
.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-button-prev {
    top: 30.155210643%;
    transform: translateY(0);
    opacity: 1;
    width: clamp(23.8933333333px, 0px + 7.4666666667vw, 56px);
    height: clamp(23.8933333333px, 0px + 7.4666666667vw, 56px);
}

.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-button-next::after,
.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-button-prev::after {
    content: "";
    width: clamp(23.8933333333px, 0px + 7.4666666667vw, 56px);
    height: clamp(23.8933333333px, 0px + 7.4666666667vw, 56px);
}

.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-button-next.swiper-button-disabled,
.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-button-next {
    right: clamp(31.5733333333px, 0px + 9.8666666667vw, 74px);
}

.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-button-next::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 56 56'%3E%3Crect width='56' height='56' fill='%23000' opacity='.4' rx='28'/%3E%3Cpath stroke='%23fff' stroke-linecap='square' stroke-width='1.5' d='m25.004 36.942 8.94-8.94M33.939 28.001 25 19.061'/%3E%3C/svg%3E%0A");
}

.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-button-prev {
    left: clamp(10.24px, 0px + 3.2vw, 24px);
}

.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-button-prev::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 56 56'%3E%3Crect width='56' height='56' fill='%23000' opacity='.4' rx='28' transform='matrix(-1 0 0 1 56 0)'/%3E%3Cpath stroke='%23fff' stroke-linecap='square' stroke-width='1.5' d='m30.996 36.942-8.94-8.94M22.06 28.001l8.94-8.94'/%3E%3C/svg%3E%0A");
}

.jaju-brand-story .brand-story-carousel .carousel-swiper .swiper-pagination-progressbar {
    --swiper-pagination-color: #000;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: clamp(64px, 0px + 20vw, 150px);
    background: #e9e9e9;
}

.jaju-brand-story .brand-story-carousel .carousel-container {
    display: flex;
    flex-direction: column;
    gap: clamp(12.8px, 0px + 4vw, 30px);
}

.jaju-brand-story .brand-story-carousel .carousel-image {
    aspect-ratio: 1/1;
}

.jaju-brand-story .brand-story-carousel .carousel-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.jaju-brand-story .brand-story-carousel .carousel-caption {
    display: flex;
    flex-direction: column;
    gap: clamp(8.5333333333px, 0px + 2.6666666667vw, 20px);
}

.jaju-brand-story .brand-story-carousel .carousel-caption__title {
    color: #000;
    font-size: clamp(16.2133333333px, 0px + 5.0666666667vw, 38px);
    font-weight: 700;
    line-height: clamp(22.1866666667px, 0px + 6.9333333333vw, 52px);
}

.jaju-brand-story .brand-story-carousel .carousel-caption__text {
    color: #424242;
    font-size: clamp(11.9466666667px, 0px + 3.7333333333vw, 28px);
    line-height: clamp(17.0666666667px, 0px + 5.3333333333vw, 40px);
}

.jaju-brand-story .brand-story-symbol .symbol-shape {
    align-content: center;
    height: clamp(106.6666666667px, 0px + 33.3333333333vw, 250px);
    text-align: center;
}

.jaju-brand-story .brand-story-symbol .symbol-shape svg {
    width: clamp(34.1333333333px, 0px + 10.6666666667vw, 80px);
}

.jaju-brand-story .brand-story-symbol .symbol-shape--black {
    color: #222;
    background: #f9f9f9;
}

.jaju-brand-story .brand-story-symbol .symbol-shape--gray {
    color: #f9f9f9;
    background: #222;
}

.jaju-brand-story .brand-story-symbol .symbol-story-controls {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
    margin-top: clamp(34.1333333333px, 0px + 10.6666666667vw, 80px);
    padding: 2px;
    background: #e9e9e9;
}

.jaju-brand-story .brand-story-symbol .symbol-story-controls button {
    height: clamp(41.3866666667px, 0px + 12.9333333333vw, 97px);
    color: #777;
    background: #fff;
    font-size: clamp(13.6533333333px, 0px + 4.2666666667vw, 32px);
    font-weight: 700;
    line-height: clamp(13.6533333333px, 0px + 4.2666666667vw, 32px);
}

.jaju-brand-story .brand-story-symbol .symbol-story-controls button.is-active {
    color: #000;
    outline: 2px solid #000;
}

.jaju-brand-story .brand-story-symbol .symbol-story-viewr {
    position: relative;
}

.jaju-brand-story .brand-story-symbol .symbol-story-viewr .symbol-story-swiper {
    width: clamp(320px, 0px + 100vw, 750px);
    height: clamp(320px, 0px + 100vw, 750px);
    margin-inline: auto;
    overflow: hidden;
}

.jaju-brand-story .brand-story-symbol .symbol-story-viewr .swiper-slide {
    aspect-ratio: 1/1;
}

.jaju-brand-story .brand-story-symbol .symbol-story-viewr .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.jaju-brand-story .brand-story-symbol .symbol-story-content {
    position: relative;
    min-height: clamp(82.7733333333px, 0px + 25.8666666667vw, 194px);
    margin: clamp(34.1333333333px, 0px + 10.6666666667vw, 80px) clamp(21.3333333333px, 0px + 6.6666666667vw, 50px);
}

.jaju-brand-story .brand-story-symbol .symbol-story-caption {
    display: flex;
    flex-direction: column;
    gap: clamp(10.24px, 0px + 3.2vw, 24px);
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.4s linear;
    opacity: 0;
}

.jaju-brand-story .brand-story-symbol .symbol-story-caption.is-active {
    opacity: 1;
}

.jaju-brand-story .brand-story-symbol .symbol-story-caption__title {
    color: #000;
    font-size: clamp(24.7466666667px, 0px + 7.7333333333vw, 58px);
    font-weight: 700;
    line-height: clamp(29.0133333333px, 0px + 9.0666666667vw, 68px);
}

.jaju-brand-story .brand-story-symbol .symbol-story-caption__text {
    color: #424242;
    font-size: clamp(13.6533333333px, 0px + 4.2666666667vw, 32px);
    line-height: clamp(20.48px, 0px + 6.4vw, 48px);
}

.jaju-brand-story .brand-story-lookbook {
    --module-grid-gap: clamp(10.24px, 0px + 3.2vw, 24px);
    padding-top: clamp(68.2666666667px, 0px + 21.3333333333vw, 160px);
}

.jaju-brand-story .brand-story-lookbook.el-aos-animate .banner-image:nth-child(1)::before, .jaju-brand-story .brand-story-lookbook.el-aos-animate .banner-image:nth-child(4)::before, .jaju-brand-story .brand-story-lookbook.el-aos-animate .banner-image:nth-child(5)::before {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.jaju-brand-story .brand-story-lookbook .banner-image:nth-child(1)::after, .jaju-brand-story .brand-story-lookbook .banner-image:nth-child(1)::before, .jaju-brand-story .brand-story-lookbook .banner-image:nth-child(4)::after, .jaju-brand-story .brand-story-lookbook .banner-image:nth-child(4)::before, .jaju-brand-story .brand-story-lookbook .banner-image:nth-child(5)::after, .jaju-brand-story .brand-story-lookbook .banner-image:nth-child(5)::before {
    position: absolute;
}

.jaju-brand-story .brand-story-lookbook .banner-image:nth-child(1)::after, .jaju-brand-story .brand-story-lookbook .banner-image:nth-child(4)::after, .jaju-brand-story .brand-story-lookbook .banner-image:nth-child(5)::after {
    content: "JAJU";
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    overflow: hidden;
}

.jaju-brand-story .brand-story-lookbook .banner-image:nth-child(1)::before, .jaju-brand-story .brand-story-lookbook .banner-image:nth-child(4)::before, .jaju-brand-story .brand-story-lookbook .banner-image:nth-child(5)::before {
    content: "";
    inset: 0;
    -webkit-animation: blur-and-opacity 1.2s linear forwards;
    animation: blur-and-opacity 1.2s linear forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    filter: blur(30px);
    opacity: 0;
    background: center/clamp(84.0533333333px, 0px + 26.2666666667vw, 197px) no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 199 58'%3E%3Cpath fill='%23fff' d='M198.394.495v31.342c0 15.819-9.755 25.262-26.101 25.262-16.345 0-26.1-9.443-26.1-25.262V.495h17.363V32c0 6.943 3.18 10.635 8.737 10.635 5.558 0 8.738-3.692 8.738-10.635V.495h17.363ZM7.748 56.935c-3.287 0-7.142-.358-7.142-.358V42.328h2.086c13.554 0 13.57-8.733 13.57-13.574V.495h17.362v29.378c0 11.438-4.008 27.062-25.876 27.062ZM110.295 56.935c-3.287 0-7.142-.358-7.142-.358V42.328h2.086c13.554 0 13.569-8.733 13.569-13.574V.495h17.363v29.378c0 11.438-4.008 27.062-25.876 27.062ZM79.813 56.598l-13.18-32.006-12.844 32.006H35.71L61.11.495h11.888l25.231 56.103H79.813Z'/%3E%3C/svg%3E%0A");
}

:root {
    --v-font-sans: Pretendard, -apple-system, BlinkMacSystemFont, system-ui,
    Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR",
    "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    sans-serif;
    --v-font-serif: Gloock, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", serif;
    --v-font-regular: 400;
    --v-font-bold: 700;
    --v-font-black: 900;
    --v-space-0: 0;
    --v-space-1: 4px;
    --v-space-2: 8px;
    --v-space-3: 12px;
    --v-space-4: 16px;
    --v-space-5: 20px;
    --v-space-6: 24px;
    --v-space-7: 32px;
    --v-space-8: 40px;
    --v-space-9: 48px;
    --v-space-10: 52px;
    --v-space-11: 56px;
    --v-space-12: 72px;
    --v-space-13: 80px;
}

.v-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: nowrap !important;
}

.v-checkbox {
    --v-checkbox-width: 20px;
    position: relative;
    display: var(--v-checkbox-display, flex);
    width: var(--v-checkbox-width);
    height: var(--v-checkbox-height, var(--v-checkbox-width));
    align-items: center;
    justify-content: center;
    border-width: var(--v-checkbox-border-width, 1px);
    border-style: var(--v-checkbox-border-style, solid);
    border-color: var(--v-checkbox-border-color, #e0e0e0);
    margin-right: var(--v-checkbox-margin-right, 12px);
    background-color: var(--v-checkbox-bg-color, #fff);
}
.v-checkbox::after {
    content: var(--v-checkbox-after-content, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="9" viewBox="0 0 12 9" fill="none"><path d="M1 4L5 7.5L11.5 1.5" stroke="%23E0E0E0" stroke-width="1.4"/></svg>'));
    display: var(--v-checkbox-after-display, inline-block);
    line-height: var(--v-checkbox-after-line-height, 9px);
}
.v-checkbox:has(:checked) {
    --v-checkbox-bg-color: #131922;
    --v-checkbox-border-color: var(--v-checkbox-bg-color);
    --v-checkbox-after-content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="9" viewBox="0 0 12 9" fill="none"><path d="M1 4L5 7.5L11.5 1.5" stroke="%23fff" stroke-width="1.4"/></svg>');
}
.v-checkbox input {
    position: absolute;
    inset: 0;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.v-media-embed {
    position: relative;
    display: block;
    aspect-ratio: var(--v-media-aspect-ratio);
    width: 100%;
    height: auto;
    overflow: clip;
}

.v-media_aspect_default,
.v-media_aspect_2-3 {
    --v-media-aspect-ratio: 2 / 3;
}

.v-media_aspect_square {
    --v-media-aspect-ratio: 1 / 1;
}

.v-media-embed--cover {
    --v-media-fit: cover;
}

.v-media-embed--dim::after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--v-media-dim, rgba(0, 0, 0, 0.03));
}

.v-media-embed__element {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: var(--v-media-aspect-ratio);
    -o-object-fit: var(--v-media-fit, contain);
    object-fit: var(--v-media-fit, contain);
    -o-object-position: var(--v-media-position, center);
    object-position: var(--v-media-position, center);
}

.v-wish-button {
    --v-wish-button-icon-base: #999;
    --v-wish-button-icon-fill: #000;
    --v-wish-button-icon-fill-bg: #fff;
    --v-wish-button-icon-fill-bg-opacity: 0.6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    margin: 0;
    background: transparent;
    width: var(--v-wish-button-width, var(--v-wish-button-size, 36px));
    height: var(--v-wish-button-height, var(--v-wish-button-size, 36px));
    overflow: clip;
    color: var(--v-wish-button-icon-base);
}

.v-wish-button.on {
    color: var(--v-wish-button-icon-fill);
}

.v-wish-button.on path {
    fill: currentColor;
    stroke: currentColor;
    --v-wish-button-icon-fill-bg-opacity: 1;
}

.v-wish-button svg {
    display: block;
    width: var(--v-wish-button-icon-width, var(--v-wish-button-icon-size, 24px));
    height: var(--v-wish-button-icon-height, var(--v-wish-button-icon-size, 24px));
}

.v-wish-button path {
    stroke: var(--v-wish-button-icon-base);
    fill: var(--v-wish-button-icon-fill-bg);
    fill-opacity: var(--v-wish-button-icon-fill-bg-opacity);
}

.v-related-product-list {
    --v-rating-value: 1;
    --v-item-list-gap-y: var(--v-space-6);
    margin-inline: 24px;
}

:where(.v-related-product-list) div, :where(.v-related-product-list) dl, :where(.v-related-product-list) dt, :where(.v-related-product-list) dd, :where(.v-related-product-list) ul, :where(.v-related-product-list) ol, :where(.v-related-product-list) li, :where(.v-related-product-list) h1, :where(.v-related-product-list) h2, :where(.v-related-product-list) h3, :where(.v-related-product-list) h4, :where(.v-related-product-list) h5, :where(.v-related-product-list) h6, :where(.v-related-product-list) pre, :where(.v-related-product-list) form, :where(.v-related-product-list) fieldset, :where(.v-related-product-list) input, :where(.v-related-product-list) select, :where(.v-related-product-list) textarea, :where(.v-related-product-list) p, :where(.v-related-product-list) blockquote, :where(.v-related-product-list) th, :where(.v-related-product-list) td, :where(.v-related-product-list) legend, :where(.v-related-product-list) button {
    font-family: var(--v-font-sans);
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}

:where(.v-related-product-list *, .v-related-product-list *::before, .v-related-product-list *::after) {
    box-sizing: border-box;
}

.v-related-product-list .v-item-list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(var(--v-item-list-columns, 2), minmax(0, 1fr));
    -moz-column-gap: var(--v-item-list-gap-x, var(--v-space-2));
    column-gap: var(--v-item-list-gap-x, var(--v-space-2));
    row-gap: var(--v-item-list-gap-y, var(--v-space-6));
}

.v-related-product-list .v-item-list_col_1 {
    --v-item-list-columns: 1;
}

.v-related-product-list .v-item-list_col_2 {
    --v-item-list-columns: 2;
}

.v-related-product-list .v-item-list_col_3 {
    --v-item-list-columns: 3;
}

.v-related-product-list .v-item-list_col_4 {
    --v-item-list-columns: 4;
}

.v-related-product-list .v-item-list_col_5 {
    --v-item-list-columns: 5;
}

.v-related-product-list .v-star-rating {
    --v-star-icon-gap: 2px;
    --v-star-icon-size: 12px;
    --v-star-font-size: 12px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.v-related-product-list .v-star-rating .v-star-icons {
    display: flex;
    gap: var(--v-star-icon-gap);
    width: calc(var(--v-star-icon-size) * clamp(1, var(--v-rating-value, 1), 5) + var(--v-star-icon-gap) * max(0, round(up, clamp(1, var(--v-rating-value, 1), 5), 1) - 1));
    overflow: hidden;
    overflow: clip;
    color: #131922;
}

.v-related-product-list .v-star-rating .v-star-icons > svg {
    flex-shrink: 0;
    width: calc(var(--v-star-icon-size) * 5 + var(--v-star-icon-gap) * 4);
}

.v-related-product-list .v-star-rating .v-star-meta {
    line-height: var(--v-star-meta-line-height, 1.5);
    color: #000;
}

.v-related-product-list .v-star-rating .v-star-rating__review-count {
    color: #808080;
}

.v-related-product-list .v-product-unit {
    --v-media-aspect-ratio: 1 / 1.5;
    --v-media-fit: contain;
    --v-product-unit-min-col: clamp(100px, 35%, 150px);
    display: flex;
    flex-direction: column;
    gap: var(--v-product-unit-gap, var(--v-space-2));
}

.v-related-product-list .v-product-unit .v-star-rating {
    --v-star-font-size: var(--v-product-unit-base-font-size, 12px);
    --v-star-icon-size: var(--v-star-font-size, 12px);
}

.v-related-product-list .v-product-unit__link {
    display: block;
}

.v-related-product-list .v-product-unit__media-grid {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr);
    grid-template: "tl . tr" ". . ." "bl . br";
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.v-related-product-list .v-product-unit__media-grid .v-product-unit__link {
    grid-column: 1/-1;
    grid-row: 1/-1;
}

.v-related-product-list .v-product-unit__top-left,
.v-related-product-list .v-product-unit__top-right,
.v-related-product-list .v-product-unit__bottom-left,
.v-related-product-list .v-product-unit__bottom-right {
    z-index: 1;
    display: flex;
    width: 100%;
}

.v-related-product-list .v-product-unit__top-left,
.v-related-product-list .v-product-unit__bottom-left {
    justify-content: flex-start;
}

.v-related-product-list .v-product-unit__top-right,
.v-related-product-list .v-product-unit__bottom-right {
    justify-content: flex-end;
}

.v-related-product-list .v-product-unit__top-left {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: tl;
}

.v-related-product-list .v-product-unit__top-right {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: tr;
}

.v-related-product-list .v-product-unit__bottom-left {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: bl;
}

.v-related-product-list .v-product-unit__bottom-right {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: br;
}

.v-related-product-list .v-product-unit__content {
    font-size: var(--v-product-unit-base-font-size, 12px);
    line-height: var(--v-product-unit-base-line-height, 1.3);
}

.v-related-product-list .v-product-unit__content > * {
    margin-top: 4px;
}

.v-related-product-list .v-product-unit__content > *:first-child {
    margin-top: 0;
}

.v-related-product-list .v-product-unit__brand {
    font-weight: var(--v-font-bold);
    line-height: var(--v-product-unit-brand-line-height, 1.2);
}

.v-related-product-list .v-product-unit__name {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: var(--v-product-unit-name-line-height, 1.2);
    color: #6d6d6d;
}

.v-related-product-list .v-product-unit__price-group {
    display: flex;
    gap: var(--v-product-unit-tag-row-gap, 4px) var(--v-product-unit-tag-column-gap, 8px);
    flex-wrap: wrap;
    font-size: var(--v-product-unit-price-font-size, 13px);
}

.v-related-product-list .v-product-unit__price {
    font-weight: var(--v-font-bold);
}

.v-related-product-list .v-product-unit__regular {
    color: #999;
}

.v-related-product-list .v-product-unit__discount {
    color: #da291c;
}

.v-related-product-list .v-product-unit__keywords {
    display: flex;
    flex-wrap: wrap;
    gap: var(--v-product-unit-tag-row-gap, 4px) var(--v-product-unit-tag-column-gap, 8px);
    color: #6d6d6d;
}

.v-related-product-list .v-product-unit__tags {
    -webkit-padding-before: var(--v-product-tags-padding, 6px);
    padding-block-start: var(--v-product-tags-padding, 6px);
    -webkit-padding-start: var(--v-product-tags-padding, 6px);
    padding-inline-start: var(--v-product-tags-padding, 6px);
    display: grid;
    justify-items: start;
    grid-auto-rows: auto;
    grid-template-columns: 1fr;
    gap: var(--v-product-unit-tag-row-gap, 4px) var(--v-product-unit-tag-column-gap, 8px);
    color: #6d6d6d;
}

.v-related-product-list .v-product-unit__tags .v-product-unit__tag {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    height: var(--v-product-tags-height, 24px);
    font-weight: var(--v-font-bold);
    padding: var(--v-product-tags-padding, 6px);
    font-size: var(--v-product-tags-font-size, 12px);
    line-height: var(--v-product-tags-line-height, 1);
    letter-spacing: var(--v-product-tags-letter-spacing, -0.02em);
}

.v-related-product-list .v-product-unit__rank {
    margin: var(--v-product-rank-margin, 5px 1px 5px 5px);
    font-size: var(--v-product-rank-font-size, 20px);
    font-weight: var(--v-font-bold);
    line-height: 1;
    text-align: center;
    color: #6d6d6d;
}

.v-related-product-list .v-product-unit__state {
    display: flex;
}

.v-related-product-list .v-product-unit__state span {
    display: inline-flex;
    align-items: center;
    height: var(--v-product-state-height, 18px);
    background: #6d6d6d;
    color: #fff;
    font-size: var(--v-product-state-font-size, 10px);
    font-weight: var(--v-product-state-font-weight);
    padding: var(--v-product-state-padding, 2px 5px);
    line-height: var(--v-product-state-line-height, 1.3);
}

.v-related-product-list .v-product-unit__ratings:empty, .v-related-product-list .v-product-unit__ratings:not(:has(*)) {
    display: none;
}

.v-related-product-list .v-product-unit__tags:not(:has(.v-product-unit__tag)) {
    display: none;
}

.v-related-product-list .v-product-unit__keywords:not(:has(.v-product-unit__keyword)) {
    display: none;
}

.v-related-product-list .v-soldout .v-product-unit__price,
.v-related-product-list .v-soldout .v-product-unit__regular,
.v-related-product-list .v-soldout .v-product-unit__discount {
    color: #bbb;
}

.v-related-product-list .v-soldout .v-product-unit__colors img,
.v-related-product-list .v-soldout .v-product-unit__colors span {
    filter: grayscale(100%);
}

.v-related-product-list .v-soldout .v-product-unit__tags,
.v-related-product-list .v-soldout .v-product-unit__keywords {
    display: none;
}

.v-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: nowrap !important;
}

.v-line-clamp-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.v-line-clamp-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.v-line-clamp-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.v-line-clamp-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.v-line-clamp-6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.v-line-clamp-7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}

.v-line-clamp-8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}

.v-line-clamp-9 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
}

.v-line-clamp-10 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
}