/* BASIC css start */
@font-face {
    font-family: 'InkLiquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

body {overflow-x:hidden;}
.shopbrand-header { padding-top: 96px; max-width:1500px; margin: 0 auto;}
.shopbrand-header__title { display: flex; align-items: center; /*justify-content: center;*/ font-size: var(--cw-size-30); line-height: 36px; font-weight: 600; }
.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: wrap; min-width: 0; scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.1) transparent; display: flex; align-items: center; /*justify-content: center;*/ gap: 15px; margin-top: var(--cw-size-32);}
.shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s).is-overflow {justify-content: flex-start;}
.shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) li { /*width:128px;*/ padding:0 20px; border-radius:40px; background:#ebebeb; border:1px solid #ebebeb; flex: 0 0 auto; white-space: nowrap; text-align:center;}
.shopbrand-header__nav-wrapper :where(:has(li)) a {display:block; font-size: var(--cw-size-16);  }
.shopbrand-header__nav .active {background:var(--Black); border:1px solid var(--Black);}
.shopbrand-header__nav .active a { font-weight: 500; color:var(--White);}
.shopbrand-header__nav + .shopbrand-header__nav__s { column-gap: var(--cw-size-40); padding: 0 var(--cw-size-10); margin-top: 10px; border-bottom: 0; gap:5px;}
.shopbrand-header__nav + .shopbrand-header__nav__s li { padding: 0; }
.shopbrand-header__nav + .shopbrand-header__nav__s li a { display: inline-block; padding: 0 12px; font-size: var(--cw-size-13); line-height: var(--cw-size-20); color: var(--cw-color-80); }
.shopbrand-header__nav + .shopbrand-header__nav__s .active { background: var(--Black);}
.shopbrand-header__nav + .shopbrand-header__nav__s .active a { color: var(--White);}
.shopbrand-header__nav__s:not(:has(li)) + .shopbrand-header__nav { display: none; }
.shopbrand-header__nav__s .btn-arr { display: none; }
.category-title { }
.category-title img { 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); position:relative; padding-bottom:59px;}
.recmd-wrapper .title-btns { display: flex; gap:16px; align-items: center; margin-bottom: var(--cw-size-16); }
.recmd-wrapper .title-btns span { font-size: var(--cw-size-20); font-weight: 600; line-height: var(--cw-size-26); }
.recmd-wrapper .title-btns a { display: inline-block; }
.recmd-wrapper .title-btns a.disable { opacity: .3; }
.recmd-wrapper .title-btns a:last-child {margin-left:20px;}
.recmd-wrapper .title-btns a img {width:9px;}
.recmd-wrapper .cowave-swiper-scrollbar.recmd-scrollbar { position: absolute; top: auto; left:0; bottom:0; height:3px;}
.recmd-wrapper .cowave-swiper-scrollbar.recmd-scrollbar .cowave-swiper-pagination-progressbar-fill {background: var(--Black);}
.recmd-wrapper .basic-prd .prd-list .item-list {overflow: visible;}
.recmd-wrapper .basic-prd .prd-list .item-list ul {flex-wrap:inherit; gap:inherit;}
.recmd-wrapper .basic-prd .prd-list .item-list ul li .item-img .rank {width:34px; line-height:34px; position:absolute; left:0; top:0; text-align:center; background:var(--White); font-size: var(--cw-size-13); font-weight: 600;}
.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: 80px; }
.products-wrapper .prds-title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.products-wrapper .prds-title h2 { font-weight: 600; font-size: var(--cw-size-15); line-height: var(--cw-size-18); color: var(--cw-heading-color); }
.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 li {width:72px; line-height:28px; border:1px solid var(--Grey-E8); text-align:center; margin-right: -1px;}
.products-wrapper .prds-title .thumbnail-type li.on {border-color:var(--Grey-A6); position: relative;}
.products-wrapper .prds-title .thumbnail-type li a {font-size: var(--cw-size-12); color: var(--Grey-77);}
.products-wrapper .prds-title .thumbnail-type li.on a {font-weight:500;}
.list-none {padding:100px 0; text-align:center;}


/* 선물하기 분류 */
.gift-top {position:relative;}
.gift-bnr {margin-left:-12px; margin-right:-12px;}
.gift-bnr img {width:100%;}
.gift-txt {}
.gift-txt p {font-size: var(--cw-size-44); line-height:53px;}
.gift-txt span {font-size: var(--cw-size-15); padding:14px 0 40px; display:block; line-height:18px;}
.gift-txt .gfit-btn a {position:absolute; height: 60px; bottom: 20%; display:inline-block;}
.gift-txt .gfit-btn a:first-child {width: 266px; left: 30%;}
.gift-txt .gfit-btn a:last-child {width: 266px; left: 49.5%;}
.gfit-cate {padding: 80px 0 40px;}
.gfit-cate h3 {font-size: var(--cw-size-34); font-family: 'InkLiquid',sans-serif; text-align: center; margin-bottom:48px;}
.gfit-cate ul {display: flex; flex-wrap: wrap; gap:24px; align-items: center; justify-content: center;}
.gfit-cate ul li {text-align:center;}
.gfit-cate ul li img {margin-bottom:16px;}
.gfit-cate ul li p {font-size: var(--cw-size-16); font-weight: 500;}



@media (max-width: 991.98px) {
    .shopbrand-header {padding:40px 0 0 12px;}
    .shopbrand-header__title {font-size: var(--cw-size-20); line-height:24px;}
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) {gap:6px; margin-top:20px;}
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) li {line-height:30px; width:auto; padding:0 12px;}
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) li:last-child {margin-right:12px;}
    .shopbrand-header__nav-wrapper :where(:has(li)) a {font-size: var(--cw-size-13);}
    
    .recmd-wrapper {padding-bottom:42px;}
    .recmd-wrapper .title-btns a img {width:7px;}
    .recmd-wrapper .cowave-swiper-scrollbar.recmd-scrollbar {height:2px;}
    .recmd-wrapper .basic-prd .prd-list .item-list ul li .item-info .price-txt .o-price {flex-basis:70%;}
    
    .products-wrapper {padding-top:40px;}
    .products-wrapper .prds-title {margin-bottom:0;}
    .products-wrapper .prds-title h2 {font-size:var(--cw-size-14); width:100%;}
    .products-wrapper .prds-title .thumbnail-type {margin:14px 0; flex:1;}
    .products-wrapper .prds-title .thumbnail-type li {flex:1;}    
    
    .products-wrapper .list-type {display:flex; justify-content: end; margin-bottom: 16px; gap:6px;}
    .products-wrapper .list-type .one-type {width:24px; height:24px; background:url(/design/windygirl78/renewal/img/list-one-off.svg)no-repeat center; }
    .products-wrapper .list-type .one-type.on {background:url(/design/windygirl78/renewal/img/list-one-on.svg)no-repeat center; }
    .products-wrapper .list-type .two-type {width:24px; height:24px; background:url(/design/windygirl78/renewal/img/list-two-off.svg)no-repeat center; }
    .products-wrapper .list-type .two-type.on {background:url(/design/windygirl78/renewal/img/list-two-on.svg)no-repeat center; }
    .basic-prd.type-one .prd-list .item-list ul {gap:40px 0;}
    .basic-prd.type-one .prd-list .item-list ul li {width: calc((100%));}
    .basic-prd.type-two .prd-list .item-list ul {gap: 40px 10px;}
    .basic-prd.type-two .prd-list .item-list ul li {width: calc((100% - 10px) / 2);}
    
    /* 선물하기 분류 */
    .gfit-cate {max-width: 600px; margin: 0 auto; padding:40px 14px 16px; }
    .gfit-cate h3 {text-align:left; margin-bottom:20px; line-height:30px;}
    .gfit-cate ul {gap:24px 13px;}
    .gfit-cate ul li {width: calc(25% - (13px * 3 / 4));}
    .gfit-cate ul li img {width:100%; margin-bottom:8px;}
    .gfit-cate ul li p {font-size: var(--cw-size-13);}
    .gift-txt p {font-size: var(--cw-size-28); line-height:33px;}
    .gift-txt span {padding:12px 0 41px; line-height:14px; font-size: var(--cw-size-12);}
    .gift-txt .gfit-btn a {height: 6vw; bottom: 32.5vw; display:inline-block;}
    .gift-txt .gfit-btn a:first-child {left: 24vw; width:20vw}
    .gift-txt .gfit-btn a:last-child {left: 46vw; width:22vw}
}

/* BASIC css end */

