/* BASIC css start */
/* 띠배너 추가됨에 따라 헤더 스타일 추가 수정 */
#header.scroll #topbanner{transform: translateY(0%);max-height: 45px;opacity: 0;pointer-events: none;}
#header.scroll.click.show .open-menu-wrap, .open-menu-wrap[aria-hidden="false"] {top:105px !important;}
#header.scroll.click.show.is-fixed .open-menu-wrap, .open-menu-wrap[aria-hidden="false"] {top:60px !important;}

#topbanner {
    transition: transform .35s ease, max-height .35s ease, opacity .25s ease;
    overflow: hidden;    /* 높이가 줄어들 때 내용물이 삐져나오지 않게 함 */
    max-height: 200px;   /* 실제 배너 높이보다 넉넉하게 설정 */
    opacity: 1;
}
/* 스크롤이 내려갔을 때 배너를 숨김 */
#header.is-fixed #topbanner {
    max-height: 0 !important;   /* 높이를 0으로 줄임 */
    opacity: 0 !important;      /* 투명하게 만듦 */
    padding-top: 0 !important;  /* 패딩이 있다면 이것도 제거 */
    padding-bottom: 0 !important;
    margin: 0 !important;       /* 여백 제거 */
}
/* 헤더를 상단에 고정하고 싶다면 */
#header.is-fixed {
   /* position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;*/
}
/* 모바일: 띠배너 추가됨에 따라 헤더 스타일 추가 수정 */
@media (max-width: 768px) {
    .header-container--md.scroll {
        top: 45px !important;
        z-index: 9999;
    }
    .header-container--md.scroll.is-fixed {
        top: 0px !important;
    }
    .header-container--md.scroll.is-fixed + .m-search-area, .side-menu-wrap.active {
        top: 50px!important;
        padding-top: 0;
    }
    .header-container--md.scroll + .m-search-area, .side-menu-wrap.active {
        top: 94px!important;
    }
    .header-container--md {z-index: 9999;}
    .header-container--md.scroll.is-fixed {top: 45px;}
    .scroll.is-fixed + .side-menu-wrap.active {top: 46px !important;}
    #community.detail-top {margin-top: 95px!important;}
    .side-menu-wrap {z-index: 100 !important;}
}

/*개별*/
.products-wrapper .prds-title, .prds--more, .my-wish-count, .navigation {display: none !important;}

.full-wrapper { max-width: 1828px; padding: 0; }
.navigation { padding: var(--cw-size-20) 0; font-size: var(--cw-size-14); line-height: var(--cw-size-20); color: var(--cw-color-60); }
.search-wrapper { text-align: center; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5);}
.search-wrapper .keyword { padding: var(--cw-size-40) 0 var(--cw-size-16); font-size: var(--cw-size-24); font-weight: 700; line-height: var(--cw-size-32); }
.search-wrapper .search-box { display: inline-flex; align-items: center; justify-content: space-between; max-width: var(--cw-size-850); width: 100%; padding: var(--cw-size-7) 0; border-bottom: 1px solid var(--cw-color-30); }
.search-wrapper .search-box .search-btn { flex: none; width: var(--cw-size-24); }
.search-wrapper .search-box .search-btn img { width: 100%; height: auto; }
.search-wrapper .search-box .cw-textfield { width: 100%; padding: 0; border: 0; font-size: var(--cw-size-14); line-height: var(--cw-size-20); }
.products-wrapper { margin: 50px 0px 160px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5); }
.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(3, 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(3, 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 { text-align: center; }

/* 일반 검색 */
/*
.side-search-overlay { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; background: rgba(0, 0, 0, 0.7); }
.side-search-overlay.active { opacity: 1; visibility: visible; }
.side-search-wrap { z-index: 101; position: fixed; top: 0; right: -100%; width: var(--cw-size-360); height: 100vh; padding: 0 var(--cw-size-24); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: right 0.3s ease; background: var(--cw-color-white); }
.side-search-wrap.active { display: block; right: 0; }
.side-search-wrap .search-header { display: flex; align-items: center; justify-content: space-between; padding: var(--cw-size-17) 0; }
.side-search-wrap .search-header .side-search-close { width: var(--cw-size-24); height: var(--cw-size-24); border: none; outline: none; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_x.svg') no-repeat center center; filter: invert(59%) sepia(0%) saturate(413%) hue-rotate(281deg) brightness(115%) contrast(55%); }
.side-search-wrap :where(.search-title) { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.side-search-wrap .search-box { display: flex; align-items: center; justify-content: space-between; height: var(--cw-size-40); padding: 0 var(--cw-size-12); margin-bottom: var(--cw-size-20); border: 1px solid var(--cw-color-30); }
.side-search-wrap .search-box .cw-textfield { width: 100%; padding: 0; border: 0; font-size: var(--cw-size-14); line-height: var(--cw-size-20); }
.side-search-wrap .search-box .search-btn { flex: none; width: var(--cw-size-24); padding: 0; margin: 0; border: 0; background: none; }
.side-search-wrap .search-box .search-btn img { width: 100%; height: auto; }
.side-search-wrap .search-keyword .search-title { padding: var(--cw-size-11) 0; }
.side-search-wrap .search-keyword .keyword-list { display: flex; flex-wrap: wrap; gap: var(--cw-size-8); }
.side-search-wrap .search-keyword .keyword-list span { display: inline-flex; padding: var(--cw-size-6) var(--cw-size-16); font-size: var(--cw-size-14); line-height: var(--cw-size-20); border-radius: var(--cw-size-24); background-color: var(--cw-color-10); }
*/

/* 다찾다 검색 파인더 - 상품 검색 결과 */
.all-finder-result { display: flex; align-items: center; column-gap: var(--cw-size-16); max-width: var(--cw-size-850); width: 100%; padding: var(--cw-size-10) 0; margin: 0 auto; }
.all-finder-result .btn-refresh img { width: var(--cw-size-16); cursor: pointer; }
.all-finder-result .finder-result-data { display: flex; align-items: center; column-gap: var(--cw-size-16); flex-wrap: wrap; }
.all-finder-result .finder-result-data .finder-option { display: flex; align-items: center; column-gap: var(--cw-size-4); font-size: var(--cw-size-14); font-weight: 700; line-height: var(--cw-size-20); word-break: break-all; text-align: left; }
.all-finder-result .finder-result-data .finder-option img { width: var(--cw-size-12); filter: invert(67%) sepia(0%) saturate(5%) hue-rotate(0deg) brightness(93%) contrast(92%); cursor: pointer; }
.all-finder-guide { display: inline-flex; align-items: center; column-gap: var(--cw-size-10); max-width: var(--cw-size-850); width: 100%; margin-top: var(--cw-size-10); font-size: var(--cw-size-14); line-height: var(--cw-size-20); color: var(--cw-color-80); text-align: left; }
.all-finder-guide .btn-gray { flex: none; }
.all-finder-guide .btn-gray img { width: var(--cw-size-16); }

/* 다찾다 검색 파인더 - 레이어(상단 공통) 
.side-sfinder-overlay { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; background: rgba(0, 0, 0, 0.7); }
.side-sfinder-overlay.active { opacity: 1; visibility: visible; }
.side-sfinder-wrap { z-index: 101; position: fixed; top: 0; right: -100%; width: var(--cw-size-360); height: 100vh; padding-bottom: var(--cw-size-48); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: right 0.3s ease; background: var(--cw-color-white); }
.side-sfinder-wrap.active { display: block; right: 0; }
.sfinder-header { z-index: 1; position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: var(--cw-size-17) var(--cw-size-24); border-bottom: 1px solid var(--cw-color-30); background-color: var(--cw-color-white); }
.sfinder-header .sfider-title { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.sfinder-header .side-sfinder-close { width: var(--cw-size-24); height: var(--cw-size-24); border: none; outline: none; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_x.svg') no-repeat center center; filter: invert(59%) sepia(0%) saturate(413%) hue-rotate(281deg) brightness(115%) contrast(55%); }
.side-sfinder-list .option li { border-bottom: 1px solid var(--cw-color-30); }
.side-sfinder-list .option li .option-title { position: relative; padding: var(--cw-size-12) var(--cw-size-24); border-bottom: 1px solid var(--cw-color-20); font-size: var(--cw-size-16); font-weight: 700; line-height: var(--cw-size-24); cursor: pointer; }
.side-sfinder-list .option li .option-title::after { content: ""; display: block; position: absolute; top: 0; right: 0; transform: translate(calc(var(--cw-size-24) * -1), var(--cw-size-16)); width: var(--cw-size-16); height: var(--cw-size-16); background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-down.svg') no-repeat center center; }
.side-sfinder-list .option li .option-title.on::after { background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-up.svg') no-repeat center center; }
.side-sfinder-list .option li .option-title.on + .finder-subs { display: block; }
.side-sfinder-list .option li .finder-subs { display: none; padding: var(--cw-size-16) var(--cw-size-24); background-color: var(--cw-color-10); }
.side-sfinder-list .option li .finder-subs .form-check-label { display: grid; }
.side-sfinder-list .option li .finder-subs :where(.finder-category, .finder-size) { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cw-size-4); }
.side-sfinder-list .option li .finder-subs :where(.finder-price) { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--cw-size-4); }
.side-sfinder-list .option li .finder-subs :where(.finder-color) { display: flex; flex-wrap: wrap; gap: var(--cw-size-8); }
.side-sfinder-list .option li .finder-subs .finder-options:not(.color-picker) { display: flex; align-items: center; justify-content: center; padding: var(--cw-size-8) var(--cw-size-16); border: 1px solid var(--cw-color-30); border-radius: var(--cw-size-24); font-size: var(--cw-size-12); line-height: var(--cw-size-16); word-break: break-all; background-color: var(--cw-color-white); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side-sfinder-list .option li .finder-subs .finder-options:not(.color-picker).on { border-color: var(--cw-heading-color); font-weight: 700; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); }
.side-sfinder-list .option li .finder-subs .finder-option-color.color-picker { display: inline-flex; width: var(--cw-size-32); height: var(--cw-size-32); border-radius: var(--cw-size-50); text-indent: -9999px; }
.side-sfinder-list .option li .finder-subs .finder-option-color.color-picker.on::after { content: ""; display: inline-flex; width: 100%; height: 100%; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_check.svg') no-repeat center;  background-size: var(--cw-size-20); }
.side-sfinder-list .option li .finder-subs .finder-option-color.color-picker:not(.finder-option-color-white).on::after { filter: invert(1) brightness(2); }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-black { background-color: #000; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-white { background-color: #FFF; border: 1px solid var(--cw-color-30); }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-gray { background-color: #808080; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-beige { background-color: #e5d0b2; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-brown { background-color: #aa6810; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-navy { background-color: #425583; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-blue { background-color: #0000ff; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-light-blue { background-color: #62acff; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-red { background-color: #ff0000; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-orange { background-color: #ffa500; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-yellow { background-color: #ffff00; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-pink { background-color: #ffc0cb; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-purple { background-color: #800080; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-jaju { background-color: #a63f7f; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-khaki { background-color: #2f5e2f; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-green { background-color: #008000; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-light-green { background-color: #72dd95; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-silver { background-color: #dfdfdf; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-gold { background-color: #cfbc4e; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-apricot { background-color: #fbceb1; }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input { position: relative; grid-column: 1 / 3; display: flex; align-items: center; column-gap: var(--cw-size-4); padding-top: var(--cw-size-30); }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input::before { content: "직접입력"; position: absolute; top: var(--cw-size-4); left: 0; display: block; font-size: var(--cw-size-14); font-weight: 700; line-height: var(--cw-size-20); }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input label { display: flex; align-items: center; height: var(--cw-size-40); padding: 0 var(--cw-size-12); border: 1px solid var(--cw-color-30); border-radius: var(--cw-border-radius); font-size: var(--cw-size-14); background: var(--cw-color-white); }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input label .cw-textfield { width: 100%; padding: 0; border: 0; text-align: right; }
.side-sfinder-list .option li .finder-subs .finder-search * { width: 100%; }
.side-sfinder-btns { z-index: 1; position: fixed; bottom: 0; display: grid; grid-template-columns: var(--cw-size-120) var(--cw-size-240); }
.side-sfinder-btns :where(.btn) { padding: 0; border-radius: 0; }
.side-sfinder-btns .btn-gray { border: 0; border-top: 1px solid var(--cw-color-30); }
.side-sfinder-btns .finder-count { color: var(--cw-point-color); }
*/

@media (max-width: 991.98px) {
    .full-wrapper { --bs-gutter-x: var(--cw-size-48); }
    .navigation { display: none; }
    .products-wrapper { margin-bottom: 80px; margin-top: 30px; }
    .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 { gap: var(--cw-size-40) var(--cw-size-20); }
}
@media (max-width: 767.98px) {
    .full-wrapper { --bs-gutter-x: var(--cw-size-32); }
    .search-wrapper .keyword { font-size: var(--cw-size-20); line-height: var(--cw-size-28); }
    .search-wrapper .search-box .cw-textfield { font-size: var(--cw-size-16); line-height: var(--cw-size-24); }
    .products-wrapper .prds-list.gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--cw-size-40); }
    .products-wrapper .prds-btn a { width: 100%; }
}

@media (max-width: 480px) {
    .products-wrapper {
        padding-top: 20px;
        margin-top: 0px;
        margin-bottom: 60px;
    }
}



/* 상품관련 */
.goods--title {
    --cw-font-size: 1.5rem;
    --cw-line-height: 32px;
    --cw-margin-top: 10px;
    color: var(--cw-heading-color);
    font-size: var(--cw-font-size);
    line-height: var(--cw-line-height);
    margin-top: var(--cw-margin-top);
    font-weight: 600;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.goods--title.sm {
    --cw-font-size: .875rem;
    --cw-line-height: 20px;
    --cw-margin-top: 0;
}
.goods--title.opts {
    --cw-font-size: .8125rem;
    --cw-line-height: 18px;
    --cw-margin-top: 0;
}
.goods--subtitle,
.goods--engname {
    --cw-font-size: 1rem;
    --cw-line-height: 24px;
    font-size: var(--cw-font-size);
    color: var(--cw-color-60);
    line-height: var(--cw-line-height);
    margin-top: 4px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.goods--engname {
    color: var(--cw-color-80);
}
.goods--subtitle.sm {
    --cw-font-size: .8125rem;
    --cw-line-height: 18px;
}
.goods--price-wrap {
    --cw-margin-top: 16px;
    display: flex;
    justify-content: space-between;
    margin-top: var(--cw-margin-top);
}
.goods--price-wrap.sm {
    --cw-margin-top: 12px;
}
.goods--price-wrap.opts {
    --cw-margin-top: 0;
}
.goods--price-wrap .prices { display: flex; flex-wrap: wrap; gap: 2px 8px; align-items: center; }
.goods--price-wrap .prices.in-txt { gap: 8px; }
.goods--price-wrap .prices .price { font-size: .875rem; line-height: 20px; color: var(--cw-heading-color); }
.goods--price-wrap .prices .price strong { font-size: 1rem; line-height: 24px; font-weight: 700; }
.goods--price-wrap .prices .original { font-size: .875rem; line-height: 22px; color: var(--cw-color-60); }
.goods--price-wrap .prices .original strong { font-weight: 400; text-decoration: line-through; }
.goods--price-wrap .prices .discount { color: var(--cw-point-color); font-weight: 700; font-size: 1rem; line-height: 1.5rem; }
.goods--price-wrap .share { display: flex; gap: 12px; }
.goods--price-wrap .share img { width: 24px; height: 24px; }
.goods-list { padding: 16px 0; flex-wrap: nowrap; }
.goods-list--item { position: relative; min-width: 0; max-width: 100%; }
.goods-list--item .item-image { margin-bottom: 16px; }
.goods-list--item .item-image img { width: 100%; height: auto; }
.goods-list--item .link { text-indent: -9999px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.goods--colorchip { display: flex; flex-direction: row; gap: 2px; margin-bottom: 12px; }
.goods--colorchip .rectangle { width: 12px; height: 4px; border-width: 1px; border-style: solid; background: var(--rectangle-bg); border-color: var(--rectangle-border-color); }
.goods--price-wrap { align-items: center; }
.goods--price-wrap .normal-txt { font-size: .75rem; font-weight: 400; line-height: 1rem; color: var(--cw-color-80); }
.goods--price-wrap .column-line { width: 1px; height: 14px; background-color: var(--cw-color-30); }
.goods--price-wrap .search-btn { position: relative; z-index: 1; padding: 5px; display: flex; justify-content: center; align-items: self-end; align-self: stretch; }
.goods--icos { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 12px; }
.goods--icos span { display: flex; height: 18px; padding: 0 8px; font-size: .6875rem; font-weight: 400; line-height: 12px; color: var(--cw-color-90); align-items: center; border-radius: 3px; background: var(--cw-color-20); }
.goods--more { position: relative; z-index: 1; display: flex; gap: 4px; margin-top: 12px; align-items: center; }
.goods--more .benefit-btn { display: flex; height: 20px; border: 1px solid var(--cw-heading-color); border-radius: 3px; }
.goods--more .benefit-btn--black { display: flex; width: 20px; align-items: center; justify-content: center; font-size: .75rem; background: var(--cw-heading-color); color: var(--cw-color-white); }
.goods--more .benefit-btn--white { display: flex; height: 20px; padding: 0 4px; align-items: center; justify-content: center; font-size: .6875rem; color: var(--cw-heading-color); white-space: nowrap; }
.goods--more .cw-select-box { --cw-line-height: 14px; padding: 3px 14px 3px 6px; font-size: .6875rem; background-size: 8px 8px; background-position: right 4px center; }
.goods--star { display: flex; gap: 2px; align-items: center; margin-top: 12px; }
.goods--star-cnt { font-size: .75rem; line-height: 1rem; color: var(--cw-heading-color); }
.goods-list--item .item-image .ico-wish { z-index: 1; position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; }

@media (min-width: 768px) and (max-width: 991.98px) {
    .goods-list--item .item-image .ico-wish { width: 24px; height: 24px; top: 8px; right: 8px; }
    .goods--title.sm { --cw-font-size: .8125rem; --cw-line-height: 18px; }
    .goods--subtitle.sm { --cw-font-size: .75rem; --cw-line-height: 16px; }
    .goods--price-wrap .prices { flex-direction: row; }
    .goods-list--item .item-image .ico-wish { top: 8px; right: 8px; width: 24px; height: 24px; }
}

@media (max-width: 767.98px) {
    .goods--title { --cw-font-size: 1.25rem; --cw-line-height: 28px; --cw-margin-top: 10px; }
    .goods--title.sm { --cw-font-size: .8125rem; --cw-line-height: 18px; }
    .goods--subtitle,
    .goods--engname { --cw-font-size: .875rem; --cw-line-height: 20px; }
    .goods--subtitle.sm { --cw-font-size: .75rem; --cw-line-height: 16px; }
    .goods--price-wrap .prices { flex-direction: row; }
    .goods--price-wrap .prices .original { line-height: 16px; }
    .goods-list--item .item-image .ico-wish { top: 8px; right: 8px; width: 24px; height: 24px; }
}
.MS_option_price { color: var(--cw-point-color); }

/* 상품 공통 스타일 */
.prds-list--item { padding:0 !important;
    position: relative; min-width: 0; max-width: 100%;
    .link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-indent: -99999px; }
    .prds--image { 
        border-radius: 30px;
        position: relative;
        img { width: 100%; height: auto; }
        .ico-wish { z-index: 1; position: absolute; top: var(--cw-size-15); right: var(--cw-size-15); display: flex; align-items: center; flex-direction: column; width: var(--cw-size-32); height: var(--cw-size-32); }
        .my-wish-list { background: url('/design/tlkids/accessories/ico_wish_on.svg') no-repeat center top; }
        .my-wish-list.wish-on { background: url('/design/tlkids/accessories/ico_wish_off.svg') no-repeat center top; }
        .my-wish-count { color: var(--cw-color-60); font-size: var(--cw-size-12); }
    }
    .prds--colorchip { 
        display: flex; gap: var(--cw-size-2); flex-wrap: wrap; margin-bottom: var(--cw-size-12); 
        .rectangle { width: var(--cw-size-12); height: var(--cw-size-4); border: 1px solid var(--rectangle-border-color); }
    }
    .prds--name { padding-bottom: 10px;display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: var(--cw-size-14); font-weight: 600; line-height: var(--cw-size-20); }
    .prds--engname { display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: var(--cw-size-13); line-height: var(--cw-size-18); color: var(--cw-color-80); margin-top: var(--cw-size-4); }
    .prds--subname { padding-bottom: 9px;display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: var(--cw-size-13); line-height: var(--cw-size-18); color: var(--cw-color-60); }
    .prds--price-wrap { 
        display: flex; align-items: center; margin: var(--cw-size-12) 0;
        &:not(:has(.price, .original, .discount, .normal-txt, .coupon)) { display: none; }
        &:has(.coupon) { margin-top: calc(var(--cw-size-16) * -1); }
        .prices { 
            display: flex; flex-wrap: wrap; column-gap: var(--cw-size-6); align-items: center;
            .price { font-size: var(--cw-size-14); line-height: var(--cw-size-20); }
            .price strong { font-size: var(--cw-size-16); line-height: var(--cw-size-24); font-weight: 700; }
            .original { font-size: var(--cw-size-14); line-height: var(--cw-size-22); color: var(--cw-color-60); }
            .original span { text-decoration: line-through; }
            .discount { font-size: var(--cw-size-16); line-height: var(--cw-size-24); font-weight: 700; color: var(--cw-point-color); }
            .coupon { font-size: var(--cw-size-12); line-height: var(--cw-size-16); color: var(--cw-error-color); }
            .coupon span { font-size: var(--cw-size-14); line-height: var(--cw-size-20); }
            .coupon span strong { font-size: var(--cw-size-16); line-height: var(--cw-size-24); font-weight: 700; }
            &.in-txt { gap: var(--cw-size-8); }
            &.in-txt .normal-txt { font-size: var(--cw-size-12); line-height: var(--cw-size-16); color: var(--cw-color-80); }
            &.in-txt .column-line { width: 1px; height: var(--cw-size-14); background-color: var(--cw-color-30); }
        }
        .preview-btn { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; align-self: stretch; padding: 0 var(--cw-size-5); }
    }
    .prds--icons { 
        display: flex; align-items: center; gap: var(--cw-size-4); flex-wrap: wrap; margin-top: var(--cw-size-12);
        &:not(:has(img)) { display: none; }
        span { display: inline-flex; align-items: center; gap: var(--cw-size-4); flex-wrap: wrap; }
        img { padding: 0; margin: 0; }
    }
    .prds--more { 
        display: flex; gap: var(--cw-size-4); cursor: pointer; line-height: 0; margin-top: var(--cw-size-12);
        &:not(:has(.benefit-btn, .option-detail)) { display: none; }
        .benefit-btn { position: relative; z-index: 2; display: flex; height: var(--cw-size-20); border: 1px solid var(--cw-heading-color); border-radius: var(--cw-size-3); }
        .benefit-btn--black { display: flex; width: var(--cw-size-20); align-items: center; justify-content: center; font-size: var(--cw-size-12); background: var(--cw-heading-color); color: var(--cw-color-white); }
        .benefit-btn--white { display: flex; height: var(--cw-size-20); padding: 0 var(--cw-size-4); align-items: center; justify-content: center; font-size: var(--cw-size-11); color: var(--cw-heading-color); white-space: nowrap; }
        .option-detail { 
            position: relative; z-index: 2;
            .opt-btn { display: inline-block; width: var(--cw-size-60); height: var(--cw-size-20); background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/btn_opt_view.svg'); text-indent: -9999px; }
            .opt-btn.on { background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/btn_opt_view_on.svg'); }
            .opt-btn.on + .layer-opt-preview { display: block; }
            .layer-opt-preview { display: none; position: absolute; top: var(--cw-size-20); left: 0; }
            .opt-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: var(--cw-size-10); min-width: var(--cw-size-90); padding: var(--cw-size-10); border: 1px solid var(--cw-color-30); border-radius: var(--cw-size-3); background: var(--cw-color-white); }
            .opt-wrapper li .detail-opt dt { font-size: var(--cw-size-11); line-height: var(--cw-size-14); font-weight: 700; }
            .opt-wrapper li .detail-opt dd { font-size: var(--cw-size-11); line-height: var(--cw-size-14); font-weight: 500; color: var(--cw-color-80); margin-top: var(--cw-size-4); }
            .opt-wrapper li .detail-opt dd:is(:first-of-type) { margin-top: var(--cw-size-6); }
        }
    }
    .prds--star { 
        display: flex; gap: var(--cw-size-2); align-items: center; margin-top: var(--cw-size-12);
        .prds--star-cnt { font-size: var(--cw-size-12); line-height: var(--cw-size-16); }
    }
    .prds--hashtag { 
        z-index: 2; position: relative; display: flex; gap: var(--cw-size-6); flex-wrap: wrap; margin-top: var(--cw-size-12); font-size: var(--cw-size-12); line-height: var(--cw-size-16); 
        a { color: var(--cw-heading-color); }
    }
    .prds--ranking { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: var(--cw-size-30); height: var(--cw-size-30); font-size: var(--cw-size-14); line-height: var(--cw-size-20); color: var(--cw-color-white); background-color: var(--cw-color-60); }
    &:nth-child(-n+10) .prds--ranking { background-color: var(--cw-point-color-pri); }
}

/* 상품 공통 스타일 - 리스트형 */
.prds-list.list .prds-list--item { 
    display: grid; /*grid-template-columns: var(--cw-size-240) auto;*/ column-gap: var(--cw-size-24); align-items: center; padding: 0!important ; 
    .prds--price-wrap { justify-content: start; }
}

/* 상품 공통 스타일 - 갤러리형 */
.prds-list.gallery .prds-list--item { flex-direction: column; gap: 0;
    .prds--image { margin-bottom: var(--cw-size-16); }
    .prds--price-wrap { justify-content: start; }
}

@media (max-width: 991.98px) {
    /* 상품 공통 스타일 */
    .prds-list--item { 
        .prds--image .ico-wish { width: var(--cw-size-24); height: var(--cw-size-24); }
        .prds--image .my-wish-list { background-size: auto !important; }
        .prds--image .my-wish-list.wish-on { background-size: auto !important; }
        .prds--name { font-size: var(--cw-size-13); line-height: var(--cw-size-18); }
        .prds--subname { font-size: var(--cw-size-12); line-height: var(--cw-size-16); }
        .prds--price-wrap .prices { 
            column-gap: var(--cw-size-4);
            .price { font-size: var(--cw-size-12); line-height: var(--cw-size-16); }
            .price strong { font-size: var(--cw-size-14); line-height: var(--cw-size-20); }
            .original { font-size: var(--cw-size-12); line-height: var(--cw-size-16); }
            .coupon { font-size: var(--cw-size-11); }
            .coupon span { font-size: var(--cw-size-12); line-height: var(--cw-size-16); }
            .coupon span strong { font-size: var(--cw-size-14); line-height: var(--cw-size-20); }
        }
        .prds--price-wrap .prices-grid { display: grid; }
        .prds--price-wrap .prices-grid .discount { order: -1; grid-column: 1 / 3; font-size: var(--cw-size-14); line-height: var(--cw-size-20); }
        .prds--price-wrap .preview-btn { align-items: flex-end; }
    }

    /* 상품 공통 스타일 - 리스트형 */
    .prds-list.list .prds-list--item { grid-template-columns: var(--cw-size-200) auto; column-gap: var(--cw-size-20); }
}
@media (max-width: 767.98px) {
    .container {
        margin-top: 130px;
    }
    .header-container--md.scroll {
        /*border-bottom: none !important;*/
    }
    
    /* 상품 공통 스타일 - 리스트형 */
    .prds-list.list .prds-list--item { grid-template-columns: var(--cw-size-120) auto; column-gap: var(--cw-size-16); align-items: start; }
    
    /* 베스트 아이템, 추천 아이템, 프로모션 아이템, 판매순위 상품 */
    :where(.best-wrapper, .recmd-wrapper, .promotion-wrapper, .rank-wrapper) { margin-left: calc(-0.5 * var(--bs-gutter-x)) !important; margin-right: calc(-0.5 * var(--bs-gutter-x)) !important; padding: 0 calc(0.5 * var(--bs-gutter-x)) !important; }
}

.cw-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 500; }

@media (max-width: 480px) {
    .prds--subname {
        padding-bottom: 11px !important;
    }
}


/* 숨기기 */
legend,caption, .preview-btn { display: none !important; }
.prds--colorchip{ display: none !important; }
/* BASIC css end */