/* BASIC css start */
.full-wrapper { max-width: none; --bs-gutter-x: var(--cw-size-200); }
.shopbrand-header { padding-top: var(--cw-size-60); }
.shopbrand-header__title { display: flex; align-items: center; gap: var(--cw-size-10); font-size: var(--cw-size-24); line-height: var(--cw-size-32); font-weight: 700; color: var(--cw-heading-color); }
.shopbrand-header__title .category-count { display: flex; align-items: center; justify-content: center; height: var(--cw-size-24); padding: 0 var(--cw-size-12) 0 var(--cw-size-30); border: 1px solid var(--cw-color-30); border-radius: 999px; font-size: var(--cw-size-12); font-weight: 400; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart.svg') no-repeat 10px center / 14px; }
.shopbrand-header__title .category-count.count-on { background-image: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart_fill.svg'); }
.shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; min-width: 0; scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.1) transparent; display: flex; align-items: center; column-gap: var(--cw-size-48); height: var(--cw-size-48); margin-top: var(--cw-size-20); border-bottom: 1px solid var(--cw-color-20); }
.shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) li { display: flex; align-items: center; height: 100%; flex: 0 0 auto; white-space: nowrap; }
.shopbrand-header__nav-wrapper :where(:has(li)) a { font-size: var(--cw-size-16); line-height: var(--cw-size-24); color: var(--cw-heading-color); }
.shopbrand-header__nav .active { padding: var(--cw-size-11) 0; border-bottom: var(--cw-size-2) solid var(--cw-heading-color); }
.shopbrand-header__nav .active a { font-weight: 700; }
.shopbrand-header__nav + .shopbrand-header__nav__s { column-gap: var(--cw-size-40); padding: 0 var(--cw-size-10); margin-top: 0; border-bottom: 0; }
.shopbrand-header__nav + .shopbrand-header__nav__s li { padding: 0; }
.shopbrand-header__nav + .shopbrand-header__nav__s li a { display: inline-block; padding: var(--cw-size-16) 0; font-size: var(--cw-size-14); line-height: var(--cw-size-20); color: var(--cw-color-80); }
.shopbrand-header__nav + .shopbrand-header__nav__s .active a { color: var(--cw-heading-color); font-weight: bold; }
.shopbrand-header__nav__s:not(:has(li)) + .shopbrand-header__nav { display: none; }
.shopbrand-header__nav__s .btn-arr { display: none; }
.category-title { padding: var(--cw-size-48) 0; }
.category-title img { max-width: 100%; }
.best-wrapper { margin-top: var(--cw-size-48); }
.best-wrapper .title-btns { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.best-wrapper .title-btns span { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.best-wrapper .title-btns a { display: inline-block; width: var(--cw-size-28); height: var(--cw-size-28); }
.best-wrapper .title-btns a.disable { opacity: .3; }
.best-wrapper .best-scrollbar { display: none; }
.recmd-wrapper { margin-top: var(--cw-size-48); }
.recmd-wrapper .title-btns { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.recmd-wrapper .title-btns span { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.recmd-wrapper .title-btns a { display: inline-block; width: var(--cw-size-28); height: var(--cw-size-28); }
.recmd-wrapper .title-btns a.disable { opacity: .3; }
.recmd-wrapper .recmd-scrollbar { display: none; }
.promotion-wrapper { margin-top: var(--cw-size-48); }
.promotion-wrapper .title-btns { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.promotion-wrapper .title-btns span { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.promotion-wrapper .title-btns a { display: inline-block; width: var(--cw-size-28); height: var(--cw-size-28); }
.promotion-wrapper .title-btns a.disable { opacity: .3; }
.promotion-wrapper .promotion-scrollbar { display: none; }
.products-wrapper { padding-top: var(--cw-size-60); }
.products-wrapper .prds-title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.products-wrapper .prds-title h2 { font-weight: 400; font-size: var(--cw-size-14); line-height: var(--cw-size-20); color: var(--cw-heading-color); }
.products-wrapper .prds-title strong { font-weight: 700; }
.products-wrapper .prds-title .cw-select-box { min-width: var(--cw-size-100); }
.products-wrapper .prds-title .thumbnail-type { display: flex; flex-wrap: wrap; align-items: center; }
.products-wrapper .prds-title .thumbnail-type .type::before { content: ""; display: inline-block; width: 1px; height: var(--cw-size-14); margin: 0 var(--cw-size-16); background-color: var(--cw-color-30); vertical-align: middle; }
.products-wrapper .prds-list.list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cw-size-40) var(--cw-size-20); margin-top: var(--cw-size-40); }
.products-wrapper .prds-list.gallery { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--cw-size-60) var(--cw-size-20); margin-top: var(--cw-size-60); }
.products-wrapper :where(.prds-list.list, .prds-list.gallery):first-of-type { margin-top: 0 !important; }
.products-wrapper .prds-btn { margin-top: var(--cw-size-60); text-align: center; }
.products-wrapper .prds-btn a { width: var(--cw-size-300); height: var(--cw-size-46); line-height: var(--cw-size-46); }
.products-wrapper .list-none { margin-top: var(--cw-size-120); text-align: center; }
.products-wrapper.upper .prds-title a { margin-bottom: var(--cw-size-8); }
.products-wrapper.upper .prds-title a img { max-width: 100%; }
.products-wrapper.upper .prds-title h2 { font-size: var(--cw-size-18); line-height: var(--cw-size-26); }
.products-wrapper.upper .prds-title .thumbnail-type { width: 100%; justify-content: flex-end; }
.products-wrapper.upper .prds-list + .prds-title { margin-top: var(--cw-size-120); }

@media (max-width: 991.98px) {
    .full-wrapper { --bs-gutter-x: var(--cw-size-48); }
    .shopbrand-header { z-index: 99; position: sticky; top: var(--cw-size-52); padding-top: 0; background-color: var(--cw-color-white); }
    .shopbrand-header__title { display: none; }
    .shopbrand-header__nav-wrapper { position: relative; margin-left: calc(-0.5 * var(--bs-gutter-x)); margin-right: calc(-0.5 * var(--bs-gutter-x)); background-color: var(--cw-color-white); }
    .shopbrand-header__nav-wrapper.on { padding-bottom: var(--cw-size-40); }
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) { overflow-x: auto; column-gap: var(--cw-size-40); margin: 0; padding: 0 calc(0.5 * var(--bs-gutter-x)); height: var(--cw-size-40); }
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) li a { font-size: var(--cw-size-14); line-height: var(--cw-size-20); }
    .shopbrand-header__nav + .shopbrand-header__nav__s { column-gap: var(--cw-size-32); padding: 0 calc(0.5 * var(--bs-gutter-x)); position: relative; overflow-x: hidden; height: var(--cw-size-40); padding-right: var(--cw-size-60); border-bottom: 1px solid var(--cw-color-20); }
    .shopbrand-header__nav + .shopbrand-header__nav__s li a { padding: var(--cw-size-11) 0; font-size: var(--cw-size-13); line-height: var(--cw-size-18); }
    .shopbrand-header__nav + .shopbrand-header__nav__s .btn-arr { z-index: 1; position: absolute; top: 0; right: 0; display: inline-block; width: var(--cw-size-40); height: var(--cw-size-40); }
    .shopbrand-header__nav + .shopbrand-header__nav__s::before { display: none; content: "카테고리"; position: absolute; top: 0; left: 0; padding: var(--cw-size-11) 0 0 var(--cw-size-16); font-size: var(--cw-size-13); line-height: var(--cw-size-18); }
    .shopbrand-header__nav + .shopbrand-header__nav__s::after { content: ""; position: absolute; top: 0; right: 0; width: var(--cw-size-40); height: var(--cw-size-40); background: var(--cw-color-white) url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-down.svg') center center no-repeat; }
    .shopbrand-header__nav + .shopbrand-header__nav__s.on::before { display: block; }
    .shopbrand-header__nav + .shopbrand-header__nav__s.on::after { background-image: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-up.svg'); }
    .shopbrand-header__nav + .shopbrand-header__nav__s.on { z-index: 1; position: absolute; top: var(--cw-size-40); left: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; width: 100%; height: auto; padding: var(--cw-size-40) var(--cw-size-16) var(--cw-size-12); background: var(--Neutral-White, #FFF); box-shadow: 0 var(--cw-size-3) var(--cw-size-4) 0 rgba(0, 0, 0, 0.10); }
    .shopbrand-header__nav + .shopbrand-header__nav__s.on li { white-space: normal; }
    .category-title { padding: var(--cw-size-40) 0; }
    .best-wrapper { margin-top: var(--cw-size-40); }
    .best-wrapper .title-btns { margin-bottom: var(--cw-size-12); }
    .recmd-wrapper { margin-top: var(--cw-size-40); }
    .recmd-wrapper .title-btns { margin-bottom: var(--cw-size-12); }
    .promotion-wrapper { margin-top: var(--cw-size-40); }
    .promotion-wrapper .title-btns { margin-bottom: var(--cw-size-12); }
    .products-wrapper { padding-top: var(--cw-size-50); }
    .products-wrapper .prds-title { margin-bottom: var(--cw-size-12); }
    .products-wrapper .prds-list.list { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: var(--cw-size-20); margin-top: var(--cw-size-20); }
    .products-wrapper .prds-list.gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--cw-size-60) var(--cw-size-16); }
    .products-wrapper.upper .prds-title a { margin-bottom: var(--cw-size-4); }
    .header-container--md .navi-title { display: flex; gap: 8px; }
    .header-container--md .navi-title .category-count { display: flex; align-items: center; justify-content: center; height: var(--cw-size-24); padding: 0 var(--cw-size-12) 0 var(--cw-size-30); border: 1px solid var(--cw-color-30); border-radius: 999px; font-size: var(--cw-size-12); font-weight: 400; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart.svg') no-repeat 10px center / 14px; }
    .header-container--md .navi-title .category-count.count-on { background-image: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart_fill.svg'); }
}

@media (max-width: 767.98px) {
    .full-wrapper { --bs-gutter-x: var(--cw-size-32); }
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) { gap: var(--cw-size-36); }
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) li a { font-size: var(--cw-size-13); line-height: var(--cw-size-18); }
    .shopbrand-header__nav + .shopbrand-header__nav__s { gap: var(--cw-size-28); }
    .shopbrand-header__nav + .shopbrand-header__nav__s li a { padding: var(--cw-size-12) 0; font-size: var(--cw-size-12); line-height: var(--cw-size-16); }
    .shopbrand-header__nav + .shopbrand-header__nav__s.on::before { font-size: var(--cw-size-12); line-height: var(--cw-size-16); }
    .category-title { padding: var(--cw-size-32) 0; }
    .best-wrapper { margin-top: var(--cw-size-32); }
    .best-wrapper .title-btns { margin-bottom: var(--cw-size-8); }
    .best-wrapper .title-btns span { font-size: var(--cw-size-16); line-height: var(--cw-size-24); }
    .best-wrapper .title-btns .best-btn { display: none; }
    .best-wrapper .prds-list { padding-bottom: var(--cw-size-20); }
    .best-wrapper .best-scrollbar { display: block; --swiper-scrollbar-size: var(--cw-size-2); --swiper-scrollbar-drag-bg-color: var(--cw-color-80); --swiper-scrollbar-bottom: 0; left: 0; }
    .recmd-wrapper { margin-top: var(--cw-size-32); }
    .recmd-wrapper .title-btns { margin-bottom: var(--cw-size-8); }
    .recmd-wrapper .title-btns span { font-size: var(--cw-size-16); line-height: var(--cw-size-24); }
    .recmd-wrapper .title-btns .recmd-btn { display: none; }
    .recmd-wrapper .prds-list { padding-bottom: var(--cw-size-20); }
    .recmd-wrapper .recmd-scrollbar { display: block; --swiper-scrollbar-size: var(--cw-size-2); --swiper-scrollbar-drag-bg-color: var(--cw-color-80); --swiper-scrollbar-bottom: 0; left: 0; }
    .promotion-wrapper { margin-top: var(--cw-size-32); }
    .promotion-wrapper .title-btns { margin-bottom: var(--cw-size-8); }
    .promotion-wrapper .title-btns span { font-size: var(--cw-size-16); line-height: var(--cw-size-24); }
    .promotion-wrapper .title-btns .promotion-btn { display: none; }
    .promotion-wrapper .prds-list { padding-bottom: var(--cw-size-20); }
    .promotion-wrapper .promotion-scrollbar { display: block; --swiper-scrollbar-size: var(--cw-size-2); --swiper-scrollbar-drag-bg-color: var(--cw-color-80); --swiper-scrollbar-bottom: 0; left: 0; }
    .products-wrapper .prds-list.gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cw-size-40) var(--cw-size-8); margin-top: var(--cw-size-40); }
    .products-wrapper .prds-btn a { width: 100%; }
    .products-wrapper.upper .prds-title { margin-bottom: var(--cw-size-8); }
    .products-wrapper.upper .prds-list + .prds-title { margin-top: var(--cw-size-80); }
}

/* Wepokl Mall category-page header logo */
header .craft-css-1deej1t a{position:relative;display:block!important;min-width:196px;height:46px;border:0;border-radius:0;background-color:transparent!important;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDgiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCAyNDggNTYiIHJvbGU9ImltZyIgYXJpYS1sYWJlbGxlZGJ5PSJ0aXRsZSBkZXNjIj4KICA8dGl0bGUgaWQ9InRpdGxlIj5XZXBva2wgU2hvZSBTZWxlY3Q8L3RpdGxlPgogIDxkZXNjIGlkPSJkZXNjIj5BIG1vZGVybiBzaG9lIHNpbGhvdWV0dGUgYmVzaWRlIHRoZSBXZXBva2wgd29yZG1hcmsuPC9kZXNjPgogIDxyZWN0IHdpZHRoPSIyNDgiIGhlaWdodD0iNTYiIHJ4PSI2IiBmaWxsPSIjMTAxMjE0Ii8+CiAgPHBhdGggZD0iTTEzIDM0YzcuNS0uMyAxMy4xLTMuOCAxNy4xLTEwLjRsNC4xLTYuOCA1IDIuMiAzIDcuMiAxMCAzLjFjMy44IDEuMiA2IDMuMiA2LjggNkgxNi41Yy0yIDAtMy4yLS40LTMuNS0xLjNaIiBmaWxsPSIjZmZmIi8+CiAgPHBhdGggZD0iTTE1IDM4aDQ1Yy0uNiAzLjMtMy4xIDUtNy41IDVIMjEuNGMtNC4xIDAtNi4yLTEuNy02LjQtNVoiIGZpbGw9IiNEOEZGNDUiLz4KICA8cGF0aCBkPSJtMjkuNyAyNS4zIDEwLjggNC44TTM0IDIwLjFsMTAuMiA1LjEiIHN0cm9rZT0iIzEwMTIxNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8cGF0aCBkPSJNNzIgMTF2MzQiIHN0cm9rZT0iI0Q4RkY0NSIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPHRleHQgeD0iODQiIHk9IjMwIiBmaWxsPSIjZmZmIiBmb250LWZhbWlseT0iQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyMSIgZm9udC13ZWlnaHQ9IjkwMCI+V0VQT0tMPC90ZXh0PgogIDx0ZXh0IHg9Ijg1IiB5PSI0MyIgZmlsbD0iI0Q4RkY0NSIgZm9udC1mYW1pbHk9IkFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjcwMCIgbGV0dGVyLXNwYWNpbmc9IjIiPlNIT0UgU0VMRUNUPC90ZXh0Pgo8L3N2Zz4K")!important;background-position:center;background-repeat:no-repeat;background-size:contain;overflow:visible;box-shadow:none}
header .craft-css-1deej1t a:before,header .craft-css-1deej1t a:after{content:none!important}
header .craft-css-1deej1t img{display:none!important}
@media (max-width:991.98px){
  header .craft-css-1deej1t{display:flex!important;align-items:center!important;justify-content:center!important;min-width:158px!important;height:52px!important}
  header .craft-css-1deej1t a{min-width:158px!important;height:38px!important;border:0!important;border-radius:0!important;background-position:center!important;box-shadow:none!important}
}

/* BASIC css end */

