/* BASIC css start */
body .top_banner {display:block;}
body .header-container {border-bottom: 0;}

select:not(#date_year, #date_month), .cw-select-box {padding: 10px 32px 10px 12px !important;}

/* 메인 고정 이동 버튼 */
.move-btn {position: fixed;z-index: 100;left: 0;top: 40%;width: 40px;opacity: 0;visibility: hiddem;transition: opacity .3s, left .5s .14s ease;}
.move-btn.on {opacity: 1;visibility: visible;}
.move-btn li {
    display: block;
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    margin: 0 0 0 10px;
    background: url(/design/beseller/images/dotG_7.png) no-repeat 50% 50%;
    cursor: pointer;
    transition: all .3s ease;
}

.move-btn li.on {
    background: url(/design/beseller/images/dotB_7.png) no-repeat 50% 50%;
}

.move-btn li:hover {
    z-index: 1;
    background: url(/design/beseller/images/dotB_7.png) no-repeat 50% 50%;
}
.move-btn li div {
    position: absolute;
    display: block;
    top: -6px;
    left: -200px;
    max-width: 120px;
    line-height: 26px;
    padding: 0 10px 0 15px;
    border-right: 1px solid rgba(0, 0, 0, .1);
    background: url(/design/beseller/images/arrow.gif) no-repeat rgba(255, 255, 255, .9);
    opacity: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
    transition: opacity .3s ease;
}

.move-btn li:hover div, .move-btn li.on div {
    left: 17px;
    opacity: 1;
}

.full-wrapper { max-width: none; --bs-gutter-x: 200px; }
.full-wrapper .no-gutters { --bs-gutter-x: 200px; }
.main-banner-wrapper { padding-left: 0; padding-right: 0; }
.main-banner-wrapper .cowave-swiper {}
.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%;}
.main-banner-wrapper .cowave-swiper .cowave-swiper-slide img.mb_img {display:none;}
.main-banner-wrapper .cowave-swiper .cowave-swiper-scrollbar {
    --swiper-scrollbar-bottom: 40px;
    --swiper-scrollbar-sides-offset: 44%;
    --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.20);
    --swiper-scrollbar-border-radius: 99px;
    bottom: var(--swiper-scrollbar-bottom, 2px);
    width:auto;
    height: var(--swiper-scrollbar-size, 2px);
    background: none;
}
.main-banner-wrapper .cowave-swiper .cowave-swiper-scrollbar-drag {
    --swiper-scrollbar-drag-bg-color: #000;
}


.cowave-swiper-pagination-custom {
    display: flex;
    gap: 8px;
}

.cowave-swiper-pagination-custom .bar {
    width: 110px;
    text-align: center;
    position: relative;
    height: 3px;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(255,255,255,0.5);
    transition: height .25s ease;
}

.cowave-swiper-pagination-custom .bar span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0%;
    background: #fff;
    transition: width 4s linear;
}

/* 로딩 중인 bar */
.cowave-swiper-pagination-custom .bar.active {
    background: #000;
}

.cowave-swiper-pagination-custom .bar.active span {
    background: rgba(255, 255, 255, .5);
}

/* 버튼 텍스트 */
.cowave-swiper-pagination-custom .bar-label {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    white-space: nowrap;
    background: rgba(255,255,255,.5);
    opacity: 0;
    transition: transform .25s ease, opacity .25s ease;
}

.cowave-swiper-pagination-custom .bar.active .bar-label {
    background: #000;
    color:#fff;
}

/* hover 시 노출 */
.main-banner-wrapper:hover 
.cowave-swiper-pagination-custom .bar {
    height: 34px;                   /* label 포함 높이 */
}

.main-banner-wrapper:hover 
.cowave-swiper-pagination-custom .bar-label {
    opacity: 1;
}


.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(1.2 * var(--bs-gutter-x))
}
.main-banner-wrapper .cowave-swiper .cowave-swiper-button-next {
    right: calc(1.2 * var(--bs-gutter-x))
}
.main-banner-wrapper .cowave-swiper .cowave-swiper-button-prev:after {
    content: '';
    background: url(/design/beseller/images/arrowLW_50.gif) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: -5px;
    width: 65px;
    height: 85px;
    background-color: rgba(0, 0, 0, .05);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50px auto;
    transition: all .3s;
    text-indent: -9999px;
    opacity: 0;
}
.main-banner-wrapper .cowave-swiper:hover .cowave-swiper-button-prev:after {
    opacity: 1;
    transition: all .3s;
}
.main-banner-wrapper .cowave-swiper .cowave-swiper-button-next:after {
    content: '';
    background: url(/design/beseller/images/arrowRW_50.gif) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: -5px;
    width: 65px;
    height: 85px;
    background-color: rgba(0, 0, 0, .05);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50px auto;
    transition: all .3s;
    text-indent: -9999px;
    opacity: 0;
}
.main-banner-wrapper .cowave-swiper:hover .cowave-swiper-button-next:after {
    opacity: 1;
    transition: all .3s;
}

.main-banner-wrapper .cowave-swiper .cowave-swiper-button-prev:hover:after,
.main-banner-wrapper .cowave-swiper .cowave-swiper-button-next:hover:after {
    background-color: rgba(0, 0, 0, .2);
}

.sub-banner-wrapper {max-width: 1260px;margin: 40px auto 0; display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: center;margin-top: 40px;}
.sub-banner--content {width: 33.33333%;}
.sub-banner--content img { display: block; width: 100%; height: auto; }
.products-wrapper {max-width: 1260px;margin: 0 auto; padding-top: 60px; }
.products-wrapper .prds--image {position: relative; margin-bottom: 16px; }
.products-wrapper .prds--image .main_icons img {border: 1px solid #eee;}
.products-wrapper .list_button {position: absolute;z-index: 10;bottom: 4px;left: 4px;opacity: 0; visibility:hidden;transition: all 0.3s ease;}
.products-wrapper .list_button span {display: block;position: relative;width: 25px !important;height: 25px;margin: 2px 0 0;cursor: pointer;text-align: center;font-size: 11px;}
.products-wrapper .list_button .desc { position: absolute;left: 25px;width: 60px;top: 0;height: 25px;background: rgba(0, 0, 0, 0.3);color: #fff;line-height: 25px;opacity: 0; visibility:hidden;}
.products-wrapper .list_button .option {background:url('/design/beseller/images/mov_option.png') no-repeat;width:25px;height:25px;background-size:contain;display:inline-block;}
.products-wrapper .list_button .option img {opacity: 0;}

.products-wrapper .prds-list--item:hover .list_button {opacity: 1; visibility: visible;transition: all 0.3s ease;}
.products-wrapper .prds-list--item:hover .list_button .zoom:hover {background: rgba(0, 0, 0, 0.4);}
.products-wrapper .prds-list--item:hover .list_button .zoom:hover .desc1 {opacity: 1; visibility: visible;}

.products-wrapper .prds-list--item:hover .list_button .option:hover {background: rgba(0, 0, 0, 0.4) url('/design/beseller/images/mov_option.png') no-repeat;}
.products-wrapper .prds-list--item:hover .list_button .option:hover .desc2 {opacity: 1; visibility: visible;}

.products-wrapper .prds-list--item:hover .list_button .wish:hover {background: rgba(0, 0, 0, 0.4);}
.products-wrapper .prds-list--item:hover .list_button .wish:hover .desc3 {opacity: 1; visibility: visible;}


.products-wrapper .prds-list--item .add_info_list p {font-size:12px;color:#d91818;}
.products-wrapper .prds-list--item .add_info_list p .red {}


/* 메인 게시판 */
.sub-banner-wrapper .tab_content {display: none;}
.sub-banner-wrapper .tab_content {height:20px;overflow: hidden;position: relative;}
.sub-banner-wrapper .tab_content ul {position: relative;margin: 0;padding: 0;list-style: none;}
.sub-banner-wrapper .tab_content ul li {height:20px;line-height:20px;}
.sub-banner-wrapper .tab_content.active {display: block;}
.sub-banner-wrapper .notice_tab .tab_btn ul {display: flex;}
.sub-banner-wrapper .notice_tab .tab_btn ul li {display: inline-block;position: relative;top: -1px;width: 100px;height: 32px;line-height: 32px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border-bottom: 2px solid #ddd;color: #999;text-align: center;font-size: 15px;letter-spacing: -0.05em;cursor: pointer;transition: all .2s ease;}
.sub-banner-wrapper .notice_tab .tab_btn ul li.active {font-weight:700;color:#000;border-bottom:2px solid #000;}
.sub-banner-wrapper .notice_tab .qna_board ul li {display: inline-block;width: 100%;margin: 0 0 0 1%;font-size: 10px;color: #aaa;}
.sub-banner-wrapper .notice_tab .qna_board ul li a {display: inline-block;width: 72%;color: #555;font-size: 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sub-banner-wrapper .notice_tab ul li .num {position: relative;top: 2px;float: left;width: 17px;height: 17px;line-height: 17px;margin: 0 5px 0 0;background: rgba(0, 0, 0, .07);font-size: 10px;color: #666;text-align: center;transition: all .3s ease;}
.sub-banner-wrapper .notice_board ul li {display: inline-block;width: 100%;margin: 0 0 0 1%;font-size: 10px;color: #aaa;}
.sub-banner-wrapper .notice_board ul li a {display: inline-block;width: 72%;margin: 0 0 0 1%;color: #555;font-size: 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} 
.sub-banner-wrapper #tab {height: 155px;padding: 10px 0;overflow:hidden;}

.products-wrapper .prds--price-wrap { justify-content: space-between; }
.products--title {border-bottom: 1px solid #1e1e1e;color: #1e1e1e;display: inline-block;min-width: 25%;padding: 15px 30px;position: relative;left: 50%;transform: translate(-50%, 0);text-align: center;}
.products--title h3 {font-size:25px;line-height: 38px;font-weight: 600;}
.products--title p {display: block;text-align: center;font-size: 16px;font-weight: normal;color: #888;}
.products-wrapper .goods-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 60px 20px; padding: 40px 0 60px 0; }
.products-wrapper .btns { display: flex; align-items: center; flex-direction: column; padding-bottom: 60px; }
.products-wrapper .btns .more-btn {
    --bs-btn-line-height: 40px;
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 500;
    display: flex; width: 300px; justify-content: center; align-items: center; gap: 8px;
}
.in-banner-wrapper { display: flex; padding: 40px 0 60px 0; justify-content: flex-end; align-items: stretch; gap: 20px; align-self: stretch; }
.in-banner-wrapper .goods-list { flex: 1; padding: 0; gap: 40px 20px; }

.goods-list--item .item-image .ico-wish { display: flex; align-items: center; flex-direction: column; }
.goods-list--item .item-image .my-wish-list { display: inline-block; width: 32px; height: 32px; padding-top: 27px; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_wish_off.svg'); }
.goods-list--item .item-image .my-wish-list.wish-on { background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_wish_on.svg'); }
.goods-list--item .item-image .my-wish-count { color: var(--cw-color-60); font-size: .75rem; }
.goods-list--item .goods--engname { display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: .813rem; line-height: 18px; color: var(--cw-color-80); margin-top: 4px; }
.goods--icons { display: flex; align-items: center; gap: 4px; margin-top: 12px; }
.goods--icons span { display: flex; flex-wrap: wrap; gap: 4px; padding: 0; }

/* 옵션 미리보기 */
.mk_opt_top_text { color: var(--cw-heading-color); font-weight: 700; font-size: .75rem; white-space: nowrap; }
.mk_prd_option_list { width: 100px !important; padding: 10px !important; font-family: var(--bs-body-font-family) !important; color: var(--cw-color-80); font-size: .688rem !important; font-weight: 500; border: 1px solid var(--cw-color-30) !important; border-radius: 3px; }
.mk_prd_option_list .option-name { padding: 10px 0 6px !important; font-size: .688rem !important; color: var(--cw-heading-color) !important; background: none !important; border: 0 !important; font-weight: 700; }
.mk_opt_unit { display: flex !important; align-items: center; gap: 4px; white-space: nowrap; }
.mk_opt_top_close a,
.mk_bt_opt_close a { color: var(--cw-color-80); }

@media (max-width: 1680px) {
    .main-banner-wrapper .cowave-swiper .cowave-swiper-slide img {height: 50vh;object-fit: cover;}
}

@media (max-width: 1200px) {
    .products-wrapper .goods-list {grid-template-columns: repeat(4, 1fr);}
}


@media (max-width: 890px) {
    .sticky.is-stuck {transform: translateY(-50px) !important;}
} 


/* 태블릿 */
@media (min-width: 768px) and (max-width: 991.98px) {
    .header-container--md { display: none !important; }
    .header-container { display: flex !important; }
    .full-wrapper { --bs-gutter-x: 24px; padding-bottom: 80px; }
    .full-wrapper .no-gutters { --bs-gutter-x: 24px; }
    .main-banner-wrapper .cowave-swiper .cowave-swiper-button-prev,
    .main-banner-wrapper .cowave-swiper .cowave-swiper-button-next { display: none; }
    .main-banner-wrapper .cowave-swiper .cowave-swiper-scrollbar { --swiper-scrollbar-bottom: 20px; }
    .sub-banner-wrapper {gap: 4px; }
    .sub-banner--content {width:33.3333%; justify-content: space-between; }
    .sub-banner-wrapper .notice_tab {margin-top: 20px;}
    .products-wrapper { padding-top: 50px; }
    .products--title { font-size: 1.25rem; line-height: 28px; }
    .products-wrapper .goods-list { padding: 16px 0 40px 0; gap: 40px 16px; }
    .products-wrapper .btns { padding-bottom: 0; }
    .in-banner-wrapper { flex-direction: column; gap: 16px; padding: 16px 0 0 0; }
    .in-banner-wrapper .goods-list { padding: 0 0 30px 0; }
    .in-banner-wrapper .goods-list--item { flex: 0 0 calc(25% - 12px); min-width: calc(25% - 12px); }
    .products-wrapper .goods-list::-webkit-scrollbar { height: 2px; }
    .products-wrapper .goods-list::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.10); }
    .products-wrapper .goods-list::-webkit-scrollbar-thumb { background: #000; }
}

/* 모바일 */
@media (max-width: 767.98px) {
    .header-container--md { display: none !important; }
    .header-container { display: flex !important; }
    .full-wrapper { --bs-gutter-x: 16px; padding-bottom: 60px; }
    .full-wrapper .no-gutters { --bs-gutter-x: 16px; }
    .main-banner-wrapper .cowave-swiper .cowave-swiper-button-prev,
    .main-banner-wrapper .cowave-swiper .cowave-swiper-button-next { display: none; }
    .main-banner-wrapper .cowave-swiper .cowave-swiper-scrollbar { display:none; --swiper-scrollbar-bottom: 20px; }
    .sub-banner-wrapper { flex-wrap: wrap; gap: 4px; }
    .sub-banner--content { justify-content: space-between; width: 49%;max-width: 100%; }
    .sub-banner-wrapper #tab {min-height:auto;}
    .sub-banner--content.notice_tab {width:100%;margin-top:20px;border-bottom: 1px solid #eee;}
    .products-wrapper { padding-top: 30px; }
    .products--title { font-size: 1.25rem; line-height: 28px; }
    .products-wrapper .btns { padding-bottom: 0; }
    .products-wrapper .btns .more-btn { width: 100%; max-width: none; }
    .in-banner-wrapper { flex-direction: column; gap: 20px; padding: 20px 0 0 0; }
    .in-banner-wrapper .goods-list { padding: 0 0 40px 0;}
    .in-banner-wrapper .goods-list--item { flex: 0 0 calc(50% - 4px); min-width: calc(50% - 4px); }
    .products-wrapper .goods-list::-webkit-scrollbar { height: 2px; }
    .products-wrapper .goods-list::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.10); }
    .products-wrapper .goods-list::-webkit-scrollbar-thumb { background: #000; }
    
    .main-banner-wrapper .cowave-swiper .cowave-swiper-slide img.pc_img {display:none;}
    .main-banner-wrapper .cowave-swiper .cowave-swiper-slide img.mb_img {display:block !important;}
    .main-banner-wrapper .cowave-swiper .cowave-swiper-slide img {height:40vh}
    .products-wrapper .goods-list {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 540px) {
    .main-banner-wrapper .cowave-swiper .cowave-swiper-slide img {height: 32vh;}
    .products-wrapper .goods-list { padding: 20px 0 40px 0; gap: 20px 8px; grid-template-columns: repeat(2, 1fr); }
    .sub-banner-wrapper .notice_board ul li a {width: 77%;}
    .sub-banner-wrapper .notice_tab .qna_board ul li a {width: 77%;}
}
/* BASIC css end */