/* BASIC css start */
.full-wrapper { max-width: none; --bs-gutter-x: var(--cw-size-200); }



.full-wrapper .no-gutters { --bs-gutter-x: 200px; }
.main-banner-wrapper { padding-left: 0; padding-right: 0; }
.main-banner-wrapper .cowave-swiper { height: 60vh; }
.main-banner-wrapper .cowave-swiper .cowave-swiper-slide { display: flex; justify-content: center; align-items: center; }
.main-banner-wrapper .cowave-swiper .cowave-swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.main-banner-wrapper .cowave-swiper .cowave-swiper-scrollbar {
    --swiper-scrollbar-bottom: 40px;
    --swiper-scrollbar-sides-offset: 30%;
    --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.20);
    --swiper-scrollbar-border-radius: 99px;
    bottom: var(--swiper-scrollbar-bottom, 2px);
    height: var(--swiper-scrollbar-size, 2px);
}
.main-banner-wrapper .cowave-swiper .cowave-swiper-scrollbar-drag {
    --swiper-scrollbar-drag-bg-color: #000;
}
.main-banner-wrapper .cowave-swiper .cowave-swiper-pagination-custom {
    position: absolute; left: auto; right: -30px; bottom: -8px; width: auto; text-align: right;
    --swiper-pagination-fraction-color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: .75rem;
    font-weight: 500;
}
.main-banner-wrapper .cowave-swiper .cowave-swiper-button-prev,
.main-banner-wrapper .cowave-swiper .cowave-swiper-button-next {
    width: 60px;
    height: 60px;
}
.main-banner-wrapper .cowave-swiper .cowave-swiper-button-prev {
    left: calc(0.5 * var(--bs-gutter-x))
}
.main-banner-wrapper .cowave-swiper .cowave-swiper-button-next {
    right: calc(0.5 * var(--bs-gutter-x))
}
.main-banner-wrapper .cowave-swiper .cowave-swiper-button-prev:after {
    content: '';
    background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_cheveron_left_60.svg) no-repeat center center;
    background-size: contain;
    width: 100%; height: 100%;
}
.main-banner-wrapper .cowave-swiper .cowave-swiper-button-next:after {
    content: '';
    background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_cheveron_right_60.svg) no-repeat center center;
    background-size: contain;
    width: 100%; height: 100%;
}



.shopbrand-header { padding-top: var(--cw-size-60); text-align:center;}
.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); text-align:center;}
.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); 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 { padding: var(--cw-size-12) 0; 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-wrapper :where(.active) { margin-bottom: -1px; border-bottom: var(--cw-size-3) solid var(--cw-heading-color); }
.shopbrand-header__nav-wrapper :where(.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); }
.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(6, 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); }



    .shopbrand-header__title {
        text-align: center;
    }

@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-48); }
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) li { padding: var(--cw-size-10) 0; }
    .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-48); left: 0; display: grid; grid-template-columns: repeat(4, 1fr); 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); }
    .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); }
}

    /* ─────────────────────────────
       서브 메뉴 (배경 전체 + 안쪽 max-width)
       ───────────────────────────── */
    .submenu {
      width: 100%;
      padding: 20px 0px;
      background: #ffffff;
     
      border-bottom: 1px solid #e5e7eb;
      /* box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05); */
      position: relative;
      z-index: 10;
    }

    .submenu__inner {
      max-width: 960px;
      margin: 0 auto;
      padding: 0 16px 8px;
    }

    .submenu__title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 16px;
    }

    .submenu__row {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    .submenu__col {
      flex: 1 1 0;
      min-width: 220px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .submenu__label {
      font-size: 12px;
      color: #6b7280;
    }

    .select-wrapper {
      position: relative;
      width: 100%;
    }

    .select-wrapper select {
      width: 100%;
      padding: 10px 40px 10px 12px;
      border-radius: 999px;
      border: 1px solid #d1d5db;
      background: #f9fafb;
      font-size: 14px;
      color: #111827;
      outline: none;
      cursor: pointer;

      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;

      transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background 0.15s ease;
    }

    .select-wrapper select:focus {
      border-color: #111827;
      box-shadow: 0 0 0 1px #11182711;
      background: #ffffff;
    }

    .select-wrapper select:hover {
      border-color: #9ca3af;
      background: #ffffff;
    }

    .select-wrapper::after {
      content: "";
      position: absolute;
      right: 14px;
      top: 50%;
      transform: translateY(-50%);
      border-width: 5px 4px 0 4px;
      border-style: solid;
      border-color: #6b7280 transparent transparent transparent;
      pointer-events: none;
    }
    
    .select-wrapper {
      align-self: flex-start;
    }



    .content {
      padding: 20px;
      column-count: 4;       /* 기본은 4단 */
      column-gap: 30px;      /* 단 사이 간격 */
      /* column-rule: 1px solid #ccc;  단 사이 구분선 */
    }

    /* 화면이 1200px 이하일 때 → 3단 */
    @media (max-width: 1200px) {
      .content {
        column-count: 3;
      }
    }

    /* 화면이 900px 이하일 때 → 2단 */
    @media (max-width: 900px) {
      .content {
        column-count: 2;
      }
    }

    /* 화면이 600px 이하일 때 → 1단 */
    @media (max-width: 600px) {
      .content {
        column-count: 1;
        column-rule: none;
      }
    }
	  
	  	  
	  #history {padding:20px;}

#history ul {margin-bottom:30px; }
#history ul li {margin-bottom:12px; padding:0 15px; font-size:11px;}
#history ul li.year {font-size:18px; color:#000; padding:0;} 
#history a {text-decoration:underline; color:blue;}


/* BASIC css end */