@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

* {font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

.topBanner + .header {position:absolute; top:36px;}
.ui-mobile.down .topBanner + .header {position:absolute; top:0;}
.topBanner {display:block; width:100%; height:36px; color:#fff; text-align:center; line-height:36px; vertical-align:top; background:#007afb;}

.topBanner .inner {display:inline-block; clear:both; overflow:hidden; width:1000px; height:100%;}
.topBanner .inner .txt {display:inline-block; height:100%; font-size:13px; font-weight:500; vertical-align:top;}
.topBanner .inner .txt strong {font-weight:700;}
.topBanner .inner .btnBox {display:inline-block; margin:5px 0 0 0; line-height:18px; vertical-align:top;}
.topBanner .inner .btnBox a {display:inline-block; width:auto; height:auto; margin:0 5px 0 0; padding:4px 5px 2px 5px; color:#000; font-size:11px; font-weight:500; line-height:18px; border:1px solid #000; background:none; transition:all 0.4s ease-out;}
.topBanner .inner .btnBox a:last-child {margin:0;}
.topBanner .inner .btnBox a:hover {border:1px solid #fff; background:rgba(255,255,255,0.3); transition:all 0.4s ease-out;}

.topBanner.bg_clr {background:#ececdc;}
.topBanner.bg_clr .inner .txt a {color:#1b1b1b; font-size:13px; font-weight:400;}
.topBanner.bg_clr .inner .txt {color:#1b1b1b; font-size:13px; font-weight:400;}
.topBanner.bg_clr_bk {background:#1b1b1b;}
.topBanner.bg_clr_bk .inner .txt a {color:#fffef1; font-size:13px; font-weight:400;}
.topBanner.bg_clr_bk .inner .txt {color:#fffef1; font-size:13px; font-weight:400;}

#product-category>li.on {font-weight:600}
#product-category>li {cursor:pointer}
.sec2>.area {max-width:1200px; width:auto}
.column-product.soldout>dt.product-list-first-thumb,.column-product.soldout>dt.product-list-second-thumb {opacity:.5}
.column-product.soldout>dd>.kit-price>.p-price,.column-product.soldout>dd>.p-desc,.column-product.soldout>dd>.p-name {color:#b2b2b2}
/* header ui color bk>w */
.header .cover h1 a {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_white.svg) no-repeat center 16px/contain}
.header .cover.active h1 a {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_b.svg)}
.header .cover.mobile-menu-container.active, .header .cover.mobile-menu-container.cover {transition:none; background-color:transparent;}
.header .cover ul.list-gnb.mobile>li {color:#fff}
.header .cover ul.list-gnb.mobile.main>li {color:#fff}
.header .cover ul.list-gnb.mobile>li.cart {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_w.svg) no-repeat center top/28px 28px}
.header .cover ul.list-gnb.mobile>li.cart .cart-count {color:#fff}
.header .cover ul.list-gnb.mobile>li.login {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login-w.svg) no-repeat center top/28px 28px}
.header .cover ul.list-gnb.mobile>li.like {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_w.svg) no-repeat center top/28px 28px}
.header .cover ul.list-gnb.gt-780>li.ico-cart a {color:#fff; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_w.svg)}
.header .cover ul.list-gnb.gt-780>li.ico-like a {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_w.svg)}
.header .cover ul.list-gnb.gt-780>li.ico-lang button {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_w.svg)}
.cover ul.list-gnb.mobile li.ico-lang button {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_w.svg)}
.header .cover ul.list-gnb.mobile.m-sub-menu>li>a {padding:0}
.header .cover .navTrigger i {background-color:#fff}
.header .cover ul.list-filter>li,.header .cover ul.list-filter>li {color:#fff}
.header .cover ul.list-gnb.mobile.m-sub-menu.main>li>a {color:#fff}
.header .cover ul.list-gnb>li {color:#fff}
.header .cover ul.list-snb>li {color:#fff}

ul.list-products li.prod_item {float:left; width:calc(25% - 50px); margin:30px 25px;}
ul.list-products li.prod_item>a {display:block;}
ul.list-products li.prod_item>a .thumb {display:block; overflow:hidden; position:relative; width:100%; aspect-ratio:8/9;}
ul.list-products li.prod_item>a .thumb img {display:block; width:100%;}
ul.list-products li.prod_item>a .thumb img.img_hover {display:none;}
ul.list-products li.prod_item>a .thumb span.timeDeal {position:absolute; bottom:0; left:0; width:100%; color:#d92c2c; font-size:14px; font-weight:700; text-align:center;}
ul.list-products li.prod_item>a .thumb span.timeDeal:before {content:'오늘핫딜'; display:inline-block; width:auto; height:16px; margin:0 5px 0 0; padding:0 0 0 18px; color:#1b1b1b; vertical-align:top; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/icons/ico_timedeal_red.svg") no-repeat left 50%/auto 100%;}
ul.list-products li.prod_item>a .thumb span.disc_per {position:absolute; top:0; left:0; width:60px; height:60px; font-family:"SUIT", sans-serif !important; color:#ffffff; font-size:26px !important; font-weight:500; text-align:center; line-height:54px !important; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/icons/ico_badge_black.svg") no-repeat 50% 50%/100% 100%;}
ul.list-products li.prod_item>a .thumb span.disc_per:after {content:'%'; display:inline-block; font-size:15px; font-weight:200;}
ul.list-products li.prod_item>a .thumb span.disc_per.bg_skyBlue {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260625/ui/ico_store_badge.png") no-repeat 50% 50%/100% 100%;}

ul.list-products li.prod_item>a .thumb span.ico_badge {overflow:hidden; position:absolute; top:15px; left:15px; padding:3px; font-size:1.25rem; line-height:1.0;}
ul.list-products li.prod_item>a .thumb span.ico_badge.bg_bk {color:#ebeade; background:#1b1b1b;}
ul.list-products li.prod_item>a .thumb span.ico_badge.bg_w {color:#1b1b1b; background:#ebeade;}
ul.list-products li.prod_item>a .thumb span.ico_badge.txt_en {font-weight:700;}
ul.list-products li.prod_item>a .thumb span.ico_badge.txt_ko {font-weight:900;}

ul.list-products li.prod_item>a .thumb span.ico_badge.nego {width:60px; height:21px; background:transparent url("https://tul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rateoun28.s3.ap-northeast-2.amazonaws.com/img/renew/icons/ico_negowang_clr.png") no-repeat 50% 50%/100% 100%;}
ul.list-products li.prod_item>a>button {overflow:hidden; position:absolute; top:15px; width:23px; height:23px; text-indent:-999px; background-color:none; opacity:1.0; z-index:1000;}
ul.list-products li.prod_item>a>button.btn_cart_add {left:15px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item>a>button.btn_like_add {right:15px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item>a>button.btn_like_add.like {right:15px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_heart_pos_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item>a .info {display:block; position:relative; text-align:center; letter-spacing:-0.5px;}
ul.list-products li.prod_item>a .info span {display:block;}
ul.list-products li.prod_item>a .info span.prod_point {display:-webkit-box; overflow:hidden; margin:20px 0 7px 0; font-size:13px; font-weight:300; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
ul.list-products li.prod_item>a .info span.prod_name {display:-webkit-box; overflow:hidden; max-height:44px; margin:0 0 5px 0; font-size:15px; font-weight:600; line-height:22px; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.list-products li.prod_item>a .info span.prod_name .ft_clr_blue {display:inline-block; margin:0 5px 0 0; color:#007aff; font-weight:600;}
ul.list-products li.prod_item>a .info span.prod_price {margin:5px 0 0 0;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b {display:block; line-height:18px;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i {display:inline-block; font-size:15px; font-weight:700; font-style:normal;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i:after {content:'';}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_prime {position:relative; padding:0 2px; font-size:13px; font-weight:300; line-height:16px; vertical-align:top; opacity:0.5;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_prime:before {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#1b1b1b; opacity:0.5;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_prime:empty:before {display:none;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_prime:empty:after {content:'';}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rate {display:inline-block; margin:0 3px 0 0; color:#007aff; font-size:16px; font-weight:700; line-height:17px; vertical-align:top;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rate:after {content:'%'; display:inline-block; font-weight:700;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rate:empty:before {content:'';}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rate:empty:after {content:'';}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_sell {font-size:16px; font-weight:700; line-height:17px; vertical-align:top;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_sell:after {content:'원'; display:inline-block; margin:0 0 0 1px; font-weight:700;}
ul.list-products li.prod_item .btn-cart {width:26px; height:26px;}
ul.list-products li.prod_item>a .info span.prod_price.nego em.cl_b i.prod_sell {color:#1b1b1b;}

ul.list-products li.prod_item>a .info span.event_price {margin:5px 0 0 0;}
ul.list-products li.prod_item>a .info span.event_price em.cl_b {display:block; line-height:18px;}
ul.list-products li.prod_item>a .info span.event_price em.cl_b i {display:inline-block; color:#46a3eb; font-style:normal;}
ul.list-products li.prod_item>a .info span.event_price em.cl_b i.event_sell {font-size:16px; font-weight:700; line-height:17px; vertical-align:middle;}
ul.list-products li.prod_item>a .info span.event_price em.cl_b i.event_sell:before {content:'최대 할인'; display:inline-block; margin:0 5px 0 0; font-size:14px; font-weight:500;}
ul.list-products li.prod_item>a .info span.event_price em.cl_b i.event_sell:after {content:'원'; display:inline-block; margin:0 0 0 1px; font-size:16px; font-weight:500;}
ul.list-products li.prod_item>a .info span.event_price em.cl_b a.btn_event_tip {position:absolute; top:4px; right:0; width:16px; height:16px; margin:0; padding:0; color:#999; font-size:10px; font-weight:500; text-align:center; line-height:14px; text-indent:0;  border:1px solid #999; border-radius:30px; background:none; z-index:1;}

ul.list-products li.prod_item>a .crew-pirce {clear:both; overflow:hidden; margin-top:5px; text-align:center;}

ul.list-products li.prod_item>a .crew-pirce .cl_b {display:flex; align-items:center; justify-content:center; gap:5px;}
ul.list-products li.prod_item>a .crew-pirce .cl_b:last-child {margin-bottom:0;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .crew_price {display:flex; align-items:center; margin:0; color:#007afb; font-size:15px; font-weight:600; letter-spacing:-0.5px;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .crew_price:before {content:'크루'; display:none; margin:0 3px 0 0; font-weight:500;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .crew_price:after {content:'원'; margin:0;}
ul.list-products li.prod_item>a .crew-pirce .cl_b button.btn_tip {display:flex; align-items:center; justify-content:center; height:16px; padding:0; color:#007afb; font-size:12px; font-weight:500; background:none; z-index:1;}

ul.list-products li.prod_item>a .max-pirce {clear:both; overflow:hidden; margin-top:5px; text-align:center;}

ul.list-products li.prod_item>a .max-pirce .cl_b {display:flex; align-items:center; justify-content:center; gap:5px;}
ul.list-products li.prod_item>a .max-pirce .cl_b:last-child {margin-bottom:0;}
ul.list-products li.prod_item>a .max-pirce .cl_b .max_off {display:flex; align-items:center; margin:0; color:#007afb; font-size:15px; font-weight:600; font-style:normal; letter-spacing:-0.5px;}
ul.list-products li.prod_item>a .max-pirce .cl_b .max_off:before {content:'최대할인가'; display:inline-block; margin:0 3px 0 0; font-weight:500;}
ul.list-products li.prod_item>a .max-pirce .cl_b .max_off:after {content:'원'; margin:0;}
ul.list-products li.prod_item>a .max-pirce .cl_b .btn_tip {display:flex; align-items:center; justify-content:center; width:16px; height:16px; padding:0; color:#999999; font-style:normal; font-size:12px; font-weight:500; text-align:center; border:1px solid #999999; border-radius:12px; background:none; z-index:1;}

ul.list-products li.prod_item>a .crew-pirce .cl_b .mileage {display:none; color:#007afb; font-size:16px; font-weight:600; letter-spacing:-0.5px;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .mileage:before {content:'마일리지 적립'; margin:0 3px 0 0; font-size:12px; font-weight:400;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .mileage:after {content:'원'; margin:0;}
ul.list-products li.prod_item>a .crew-pirce .cl_c {clear:both; overflow:hidden; width:100%; margin:15px 0 0 0;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_blue {display:block; clear:both; overflow:hidden; width:100%; padding:12px 0; color:#fffef1; font-size:15px; text-align:center; background:#007afb;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_blue span {display:block; font-weight:400;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_blue span strong {font-weight:600;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_blue span + span {margin:5px 0 0 0; font-size:13px; font-weight:300;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_blue span + span:after {content:'>'; display:inline-block; margin:0 0 0 5px;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_black {display:block; clear:both; overflow:hidden; width:100%; padding:12px 0; color:#fffef1; font-size:13px; text-align:center; background:#1b1b1b;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_black span {display:block; font-weight:300;}

ul.list-products li.prod_item>a:hover .thumb img.img_hover {display:block;}
ul.list-products li.prod_item>a:hover .thumb img.img_hover + img {display:none;}
ul.list-products li.prod_item.soldout {}
ul.list-products li.prod_item.soldout a .thumb:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(252,250,247,0.7); z-index:1;}
ul.list-products li.prod_item.soldout a .thumb img {filter:grayscale(50%);}
ul.list-products li.prod_item.soldout a .thumb:after {content:'sold out'; position:absolute; top:50%; left:50%; width:100px; height:auto; padding:7px 5px; color:#1b1b1b; font-size:15px; font-weight:700; text-align:center; line-height:1.0; text-transform:uppercase; transform:translate(-50%,-50%) rotate(-0deg); z-index:5555; opacity:0.9;}
ul.list-products li.prod_item.soldout a .info {opacity:0.5;}
ul.list-products li.prod_item.soldout a .info span.prod_price em.cl_b i {font-size:15px; font-weight:500;}
ul.list-products li.prod_item.soldout>a .crew-pirce {display:none;}

ul.list-products li.prod_item_banner {float:left; width:100%; margin:0;}
ul.list-products li.prod_item_banner img {width:100%; object-fit:cover;}
ul.list-products li.prod_item_banner img.pc {display:block;}
ul.list-products li.prod_item_banner img.mo {display:none;}

.slider-visual .slick-track{overflow:hidden;}

.container-products .sub_category_banner {display:block; margin-top:0;}
.container-products .sub_category_banner button {display:block; position:relative;}
.container-products .sub_category_banner button:disabled {cursor:pointer; pointer-events:none;}
.container-products .sub_category_banner button:disabled:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/mv/img_cBnr_251028_pc_off.jpg") no-repeat 50% 50%/100%;}
.container-products .sub_category_banner button:disabled img {opacity:0.2;}
.container-products .sub_category_banner img {width:100%; object-fit:cover;}
.container-products .sub_category_banner img.pc {display:block;} 
.container-products .sub_category_banner img.mo {display:none;} 
.container-products .sub_category_banner + .list-products.type-flex {margin-top:20px;}

.header>.area .line-gnb.mobile-menu-container.active {background-color:rgba(252,250,247,.95);}
.line-gnb.active{background-color:rgba(252,250,247,.95);}
.category-filter{background-color:rgba(252,250,247,.95);}

/* 카테고리(NEW) */
.new_category {display:block; padding:20px 0;}
.new_category .inner {max-width:1200px; margin:0 auto; padding:0 7%;}
.new_category .lst_category {display:flex; align-items:flex-start; justify-content:space-between; gap:30px;}
.new_category .lst_category .category_item {flex:1 1 0; min-width:0; text-align:center; cursor:pointer;}
.new_category .lst_category .category_item span {display:flex; align-items:center; justify-content:center; width:100%; max-width:180px; aspect-ratio:1 / 1; margin:0 auto; border-radius:50%; background:#f5f3f0; overflow:hidden;}
.new_category .lst_category .category_item span img {display:block; width:100%; height:100%; object-fit:contain;}
.new_category .lst_category .category_item em {display:block; margin:10px 0 0; font-size:1rem; line-height:1.2; font-style:normal; word-break:keep-all;}

/* 스토어-띠배너 */
.store_banner {display:block; text-align:center;}
.store_banner .inner {overflow:hidden; max-width:1200px; margin:10px auto; border-radius:12px;}
.store_banner .inner .swiper .swiper-wrapper .swiper-slide {text-align:center;}
.store_banner .inner .swiper .swiper-wrapper .swiper-slide img {width:100%; height:auto; object-fit:cover;}
.store_banner .inner .swiper .swiper-wrapper .swiper-slide img.pc {display:block;} 
.store_banner .inner .swiper .swiper-wrapper .swiper-slide img.mo {display:none;} 


/* 스토어-실시간순위 */
.rb-reset * {box-sizing:border-box; margin:0; padding:0; --rb-bg:#ffffff; --rb-fg:#16161a; --rb-sub:#8a8a93; --rb-line:#ececef; --rb-soft:#f6f6f8; --rb-accent:#222226; --rb-live:#e2483d; --rb-up:#1a8f5c; --rb-down:#c2403a; --rb-radius:14px; --rb-font:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",-apple-system,BlinkMacSystemFont,sans-serif;}

.rb-rank {font-family:var(--rb-font); display:flex; align-items:center; gap:12px;}
.rb-num {flex:0 0 auto; width:26px; height:26px; border-radius:4px; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; letter-spacing:-0.02em; background:var(--rb-soft); color:var(--rb-sub);}
.rb-rank[data-top="1"] .rb-num {background:var(--rb-accent); color:#fff;}
.rb-rank[data-top="2"] .rb-num {background:#3c3c44; color:#fff;}
.rb-rank[data-top="3"] .rb-num {background:#6b6b76; color:#fff;}
.rb-name {flex:1 1 auto; min-width:0; font-size:15px; font-weight:600; color:var(--rb-fg); letter-spacing:-0.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rb-move {flex:0 0 auto; font-size:12px; font-weight:600; color:var(--rb-sub); display:inline-flex; align-items:center; gap:2px;}
.rb-move.up {color:var(--rb-up);}
.rb-move.down {color:var(--rb-down);}

.rb-live {display:inline-flex; align-items:center; gap:6px; font-family:var(--rb-font); font-size:12px; font-weight:700; letter-spacing:0.04em; color:var(--rb-fg);}
.rb-live .dot {width:7px; height:7px; border-radius:50%; background:var(--rb-live); animation:rb-pulse 1.4s ease-in-out infinite;}
@keyframes rb-pulse {0%,100% {opacity:1; transform:scale(1);} 50% {opacity:.35; transform:scale(.8);}}

.rb-banner {font-family:var(--rb-font); width:100%; background:var(--rb-bg); border:1px solid var(--rb-line); border-radius:8px; padding:14px 18px; display:flex; align-items:center; gap:18px;}
.rb-banner .head {flex:0 0 auto; display:flex; flex-direction:column; gap:3px; padding-right:18px; border-right:1px solid var(--rb-line);}
.rb-banner .head .ttl {font-size:13px; font-weight:700; color:var(--rb-fg); letter-spacing:-0.02em;}
.rb-rotator {flex:1 1 auto; min-width:0; height:26px; position:relative; overflow:hidden;}
.rb-rotator .rb-rank {position:absolute; inset:0; opacity:0; transform:translateY(100%); transition:opacity .5s ease, transform .5s ease;}
.rb-rotator .rb-rank.active {opacity:1; transform:translateY(0);}
.rb-rotator .rb-rank.leaving {opacity:0; transform:translateY(-100%);}
.rb-banner .more {flex:0 0 auto; border:none; background:var(--rb-soft); font-family:var(--rb-font); font-size:12px; font-weight:600; color:var(--rb-fg); padding:7px 13px; border-radius:4px; cursor:pointer; letter-spacing:-0.02em; transition:background .15s ease;}
.rb-banner .more:hover {background:#ececef;}

.rb-overlay {position:fixed; inset:0; z-index:9999; background:rgba(20,20,26,.45); display:none; align-items:center; justify-content:center; padding:20px; animation:rb-fade .2s ease;}
.rb-overlay.open {display:flex;}
@keyframes rb-fade {from {opacity:0;} to {opacity:1;}}
.rb-modal {font-family:var(--rb-font); width:100%; max-width:360px; background:var(--rb-bg); border-radius:20px; padding:22px 22px 16px; box-shadow:0 18px 50px rgba(0,0,0,.22); animation:rb-pop .24s cubic-bezier(.2,.9,.3,1.2);}
@keyframes rb-pop {from {opacity:0; transform:translateY(14px) scale(.97);} to {opacity:1; transform:none;}}
.rb-modal .top {display:flex; align-items:center; justify-content:space-between; margin-bottom:4px;}
.rb-modal .top .x {border:none; background:none; cursor:pointer; color:var(--rb-sub); font-size:20px; line-height:1; padding:2px 4px; border-radius:6px;}
.rb-modal .top .x:hover {background:var(--rb-soft); color:var(--rb-fg);}
.rb-modal .sub {font-size:12px; color:var(--rb-sub); margin:2px 0 16px; letter-spacing:-0.02em;}
.rb-list {display:flex; flex-direction:column;}
.rb-list .rb-rank {padding:11px 0; border-bottom:1px solid var(--rb-line);}
.rb-list .rb-rank:last-child {border-bottom:none;}
.rb-modal .foot {text-align:center; font-size:11px; color:var(--rb-sub); margin-top:12px; letter-spacing:-0.01em;}

/* 데모 페이지용 (실제 임베드 시 무시) */
.demo-wrap {max-width:760px; margin:0 auto; padding:40px 20px; font-family:var(--rb-font);}
.demo-wrap h1 {font-size:18px; font-weight:700; margin-bottom:4px; letter-spacing:-0.02em;}
.demo-wrap p.lead {font-size:13px; color:var(--rb-sub); margin-bottom:26px;}
.demo-open {margin-top:24px; border:1px solid var(--rb-line); background:var(--rb-bg); font-family:var(--rb-font); font-size:13px; font-weight:600; color:var(--rb-fg); padding:11px 18px; border-radius:11px; cursor:pointer;}
.demo-open:hover {background:var(--rb-soft);}

@media screen and (max-width:780px) {	
/* 스토어-실시간순위 */
.demo-wrap {padding:15px 20px;}
.rb-banner {display:grid; grid-template-columns:1fr auto; grid-template-areas:"head more" "rank rank"; align-items:start; gap:10px; padding:14px 16px;}
.rb-banner .head {grid-area:head; width:auto; padding-right:0; border-right:0; gap:3px;}
.rb-banner .more {grid-area:more; margin:0; align-self:start; justify-self:end; padding:7px 12px;}
.rb-rotator {grid-area:rank; width:100%; height:30px; margin-top:0;}
.rb-rotator .rb-rank {gap:12px;}
.rb-rotator .rb-name {font-size:15px;}
	
ul.list-products li.prod_item>a .max-pirce {text-align:left;}
ul.list-products li.prod_item>a .max-pirce .cl_b {justify-content:left;}
	
/* 스토어-띠배너 */
.store_banner {padding:0 20px;}
.store_banner .inner .swiper .swiper-wrapper .swiper-slide img.pc {display:none;} 
.store_banner .inner .swiper .swiper-wrapper .swiper-slide img.mo {display:block;} 

/* 카테고리(NEW) */
.new_category {padding:0;}
.new_category .inner {overflow-x:auto; padding:0 0 20px 0;}
.new_category .lst_category {justify-content:flex-start; gap:10px; min-width:max-content; padding:0 15px;}
.new_category .lst_category .category_item {flex:0 0 75px; width:75px;}
.new_category .lst_category .category_item span {width:75px; max-width:none;}
.new_category .lst_category .category_item em {font-size:0.85rem; margin:7px 0 0;}
	
ul.list-products li.prod_item>a .thumb span.ico_badge {top:10px; left:10px; font-size:0.9rem;} 
.container-products .sub_category_banner button:disabled:after {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/mv/img_cBnr_251028_mo_off.jpg") no-repeat 50% 50%/100%;}

.container-products .sub_category_banner img.pc {display:none;} 
.container-products .sub_category_banner img.mo {display:block;} 
	
.box-category-sub.on {margin:10px auto 0 auto;}
.category-filter {padding:0;}
.container-products .sub_category_banner {margin-top:0;}

.header>.area .line-gnb {height:60px; padding:0;}
ul.list-gnb.mobile.m-sub-menu {display:none !important;}
	
.topBanner + .header {top:30px;}
.topBanner {height:30px; line-height:30px;}
.topBanner .inner {width:100%; padding:0;}	
.topBanner .inner .txt {font-size:11px;}
.topBanner .inner .btnBox {margin:4px 0 0 5px; padding:0;}
.topBanner .inner .btnBox a {float:left; margin:0 5px 0 0; padding:2px 3px 1px 3px; font-size:10px;}

.sec1.section.wide {display:block; height:50px;}
.sec2>.area {width:100%}
	
.list-products.type-flex {margin-top:0;}
ul.list-products li.prod_item {width:50%; margin:0 0 30px 0; padding:0 5px;}
ul.list-products li.prod_item>a .thumb button.btn_like_add {right:0;}
ul.list-products li.prod_item>a .info {padding:0 10px; text-align:left;}
ul.list-products li.prod_item>a .info span.prod_point {margin:8px 0 5px 0; font-size:0.75rem;}
ul.list-products li.prod_item>a .info span.prod_name {max-height:38px; font-size:0.85rem; font-weight:600; line-height:1.4;}
ul.list-products li.prod_item>a .info span.prod_price {margin:3px 0 0 0;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b {line-height:1.0;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_prime {font-size:0.75rem; vertical-align:middle;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rate {margin:0 2px 0 0; font-size:0.95rem; vertical-align:middle;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_sell {font-size:0.95rem; vertical-align:top;}
ul.list-products li.prod_item>a .info span.event_price {margin:7px 0 0 0;}
ul.list-products li.prod_item>a .info span.event_price em.cl_b {line-height:1.0;}
ul.list-products li.prod_item>a .info span.event_price em.cl_b i.event_sell {font-size:0.95rem; vertical-align:top;}
ul.list-products li.prod_item>a .info span.event_price em.cl_b i.event_sell:before {margin:0; font-size:0.7rem;}
ul.list-products li.prod_item>a .info span.event_price em.cl_b i.event_sell:after {font-size:0.95rem;}
ul.list-products li.prod_item>a .crew-pirce {margin:7px 0 0 0; padding:0 10px; text-align:left; line-height:18px;}
ul.list-products li.prod_item>a .crew-pirce .cl_b {justify-content:left;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .crew_price {font-size:0.85rem;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .crew_price:before {}
ul.list-products li.prod_item>a .crew-pirce .cl_b .mileage {font-size:0.85rem;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .mileage:before {font-size:0.65rem;}
ul.list-products li.prod_item.soldout a .thumb:after {font-size:0.875rem;}
	
ul.list-products li.prod_item>a .thumb span.disc_per {width:50px; height:50px; font-size:1.5rem; line-height:46px;}
ul.list-products li.prod_item>a .thumb span.disc_per:after {font-size:0.9rem;}
ul.list-products li.prod_item>a .thumb span.ico_badge.nego {bottom:30px; width:50px; height:17px;}
	
ul.list-products li.prod_item.soldout>a .info span.prod_price em.cl_b:first-child {display:none;} 
	
ul.list-products li.prod_item_banner img.pc {display:none;}
ul.list-products li.prod_item_banner img.mo {display:block;}
	
.header>.area .line-gnb.mobile-menu-container.active {background-color:rgba(252,250,247,.95);}
.line-gnb.active{background-color:rgba(252,250,247,.95);}
.category-filter{background-color:rgba(252,250,247,.95);}
}