@charset "UTF-8";
/*! TV, 모바일 공통 */
.best_content{position:relative}
.best_content section{border-top:0} /* 2025-01-08 수정 */
.best_content section.bdt_none{border-top:none}
/*! 랭킹 > 카테고리 메뉴 - 2025-04-14 그룹상품 수정 */
.best_content .sort_bx{position:absolute;top:0;left:0;z-index:999;width:100%;height:56px;padding:10px 16px;border-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);} /* 2025-01-15 배경 블러처리 */
.best_content .sort_bx .swiper-wrapper .swiper-slide{width:auto;height:36px;margin-right:8px;}
.best_content .sort_bx .swiper-wrapper .swiper-slide:last-of-type {margin-right: 0;}
.best_content .sort_bx .swiper-wrapper .swiper-slide a{display:flex;flex-shrink:0;align-items:center;height:36px;padding:0 14px;box-sizing:border-box;font-size:14px;font-weight:500;color:#222;border:1px solid #eee;background-color:#fff;border-radius:20px;text-align:center;} /* 2025-01-15 배경 블러처리 */
.best_content .sort_bx .swiper-wrapper .swiper-slide span{display:inline-block;vertical-align:top;font-weight:500;}
.best_content .sort_bx .swiper-wrapper .swiper-slide.active a{background-color:#222;border-color:#222;font-weight:700;color:#fff}
/* 헤더값에 따른 fixed 높이 변경 */
.best_content .sort_bx.fixed{position:fixed;}
#mainHeader ~ #contents .best_content .sort_bx.fixed {top:150px}
#mainHeader.state-nav-only ~ #contents .best_content .sort_bx.fixed {top: 100px;}
.app #mainHeader ~ #contents .best_content .sort_bx.fixed,
#mainHeader.app-banner-closed ~ #contents .best_content .sort_bx.fixed {top:106px}
.app #mainHeader.state-nav-only ~ #contents .best_content .sort_bx.fixed,
#mainHeader.app-banner-closed.state-nav-only ~ #contents .best_content .sort_bx.fixed {top: 56px;}

.best_content .sec_wrap{padding-top:60px}
.best_content .sec_wrap .category_section.cube .category_body {margin-top:10px;}

/*! TV, 모바일 공통 - 상품 리스트 영역 */
.best_content section h3{line-height:26px;padding:30px 0 10px;font-weight:700;font-size:22px;color:#222;letter-spacing:0;text-align:center}
.best_content section>.prd_list>li .goods_wrap .goods_img{position:relative}
.best_content section>.prd_list>li .goods_wrap .goods_img>a{display:block}
.best_content section>.prd_list>li .goods_wrap .goods_img>a .rank{position:absolute;width:24px;height:24px;line-height:25px;border-radius:6px;background-color:#ff329b;font-weight:700;font-size:14px;color:#fff;text-align:center}
.best_content section>.prd_list>li .goods_wrap .goods_img>a .btn_prd_play{position:absolute;right:13px;bottom:13px;width:44px;height:44px;background:url(//img.shinsegaetvshopping.com/resources_new/img/sp_ico_common.png) 0 0/300px no-repeat;color:transparent;text-indent:-9999em}
.best_content section>.prd_list>li .goods_wrap .goods_coupon{position:absolute;top:10px;left:10px}
.best_content section>.prd_list>li .goods_wrap .goods_coupon .coupon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:30px}
.best_content section>.prd_list>li .goods_wrap .goods_coupon .coupon span{height:30px;line-height:30px;min-width:27px;padding:0 7px;background:url(//img.shinsegaetvshopping.com/resources_new/img/sp_coupon_bg.png) 0 -30px/30px repeat-x;font-weight:700;font-size:15px;color:#222;letter-spacing:-.025em;text-align:center}
.best_content section>.prd_list>li .goods_wrap .goods_coupon .coupon span .per{font-size:13px}
.best_content section>.prd_list>li .goods_wrap .goods_coupon .coupon span .won{font-size:12px;vertical-align:1px}
.best_content section>.prd_list>li .goods_wrap .goods_coupon .coupon:before{content:'';width:8px;height:30px;background:url(//img.shinsegaetvshopping.com/resources_new/img/sp_coupon_bg.png) 0 0/30px no-repeat}
.best_content section>.prd_list>li .goods_wrap .goods_coupon .coupon:after{content:'';width:8px;height:30px;background:url(//img.shinsegaetvshopping.com/resources_new/img/sp_coupon_bg.png) 100% 0/30px no-repeat}
.best_content section>.prd_list>li .goods_wrap .prd_detail{margin-bottom:20px}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_tag{position:relative;height:30px;padding:5px 0;border-bottom:1px solid #f0f0f0}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_tag .tag{display:block;height:30px;line-height:32px;font-weight:700;font-size:15px;letter-spacing:-.015em}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_tag .btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:5px;right:0}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_tag .btns button{overflow:hidden;width:30px;height:30px;margin-left:4px;background:url(//img.shinsegaetvshopping.com/resources_new/img/sp_ico_prod_btns.png) 0 0/60px no-repeat;text-indent:100%;white-space:nowrap}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_tag .btns .btn_zzim{background-position-y:0}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_tag .btns .btn_zzim.active{background-position-y:-30px}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_tag .btns .btn_gift{background-position-x:-30px}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_name{margin-top:12px}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_name a{display:block;display:-webkit-box;overflow:hidden;line-height:22px;max-height:44px;font-size:16px;letter-spacing:-.015em;word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_price{line-height:26px;margin-top:6px;letter-spacing:-.025em}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_price>*{display:inline-block;height:26px;vertical-align:top}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_price .sale{margin-right:2px;font-size:17px;color:#ff329b}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_price .price{margin-right:2px;color:#222}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_price .price em{font-weight:700;font-size:19px;vertical-align:-1px}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_price .price i{font-size:15px}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_price .price_sell{color:#b4b4b4}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_price .price_sell em{font-size:14px;text-decoration:line-through}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_price .price_sell i{font-size:13px}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_benefit{margin-top:6px;font-size:0}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_benefit>*{display:inline-block;vertical-align:top}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_benefit span{line-height:18px;font-size:13px;color:#6f7b81;letter-spacing:-.035em}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_benefit span+span:before{content:'';display:inline-block;width:2px;height:2px;margin:0 5px;border-radius:2px;background:#d4d4d4;vertical-align:3px}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_star{height:12px;line-height:1;margin-top:6px;letter-spacing:-.025em}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_star:before{content:'';display:inline-block;width:13px;height:12px;background:url(//img.shinsegaetvshopping.com/resources_new/img/main/icon_new_star_s.png) 0 0/13px no-repeat;text-indent:-999em;vertical-align:top}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_star .score{display:inline-block;font-weight:700;font-size:13px;color:#ffb300;vertical-align:top}
.best_content section>.prd_list>li .goods_wrap .prd_detail .goods_star .count{display:inline-block;margin-left:-1px;font-size:12px;color:#777;vertical-align:top}
/*! TV, 모바일 공통 - 더보기 버튼 */
.best_content section>.btn_area{overflow:hidden;font-size:0}
.best_content section>.btn_area .more{width:100%;height:51px;line-height:50px;border-top:1px solid #f0f0f0;font-size:14px;color:#888;letter-spacing:-.045em}
.best_content section>.btn_area .more span{font-weight:700;color:#f95d55}
.best_content section>.btn_area .more:after{content:'';display:inline-block;width:6px;height:6px;margin:0 0 0 7px;border-bottom:solid 1px #9b9b9b;border-left:solid 1px #9b9b9b;vertical-align:3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
/*! TV 상품일 때 */
.best_content section.prd_list_col1 h3+.prd_list{margin-top:16px}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_img{height:calc(100vw * 360 / 640)}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_img>a:first-child{overflow:hidden;height:100%;text-align:center}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_img>a:first-child img{width:auto;height:100%}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_img>a .rank{display:none}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_img .mark_coupon{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:10px;left:10px}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_img .mark_coupon span{position:relative;height:30px;line-height:30px;min-width:27px;padding:0 7px;background:url(//img.shinsegaetvshopping.com/resources_new/img/sp_coupon_bg.png) 0 -30px/30px repeat-x;font-weight:700;font-size:15px;color:#222;letter-spacing:-.025em;text-align:center}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_img .mark_coupon span em{vertical-align:1px}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_img .mark_coupon span em.per{font-size:13px;letter-spacing:-.025em}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_img .mark_coupon span em.won{font-size:12px;letter-spacing:0}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_img .mark_coupon:before{content:'';width:8px;height:30px;background:url(//img.shinsegaetvshopping.com/resources_new/img/sp_coupon_bg.png) 0 0/30px repeat-x;background-color:#000}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_img .mark_coupon:after{content:'';width:8px;height:30px;background:url(//img.shinsegaetvshopping.com/resources_new/img/sp_coupon_bg.png) -22px 0/30px repeat-x;background-color:#000}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_name{padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap>.goods_name>a{line-height:22px;max-height:44px;font-size:16px}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap .prd_detail{margin-top:6px;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap .prd_detail .star_ct{display:inline-block;line-height:12px;margin-top:0;margin-left:1px;padding-top:0;vertical-align:top}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap .prd_detail .price_comment .goods_benefit+.star_ct:before{content:'';display:inline-block;width:2px;height:2px;margin-right:4px;border-radius:2px;background-color:#d4d4d4;vertical-align:-1px}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap .prd_detail .btn_zzim{right:16px;bottom:0}
.best_content section.prd_list_col1>.prd_list>li+li{border-top:10px solid #eee}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap .prd_detail .prd_price{margin-top:4px;padding-bottom:7px}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap .prd_detail .price_comment .prd_price em{font-size:24px}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap .prd_detail .price_comment .prd_price i{font-size:13px}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap .prd_detail .price_comment .price_sell{padding-left:2px;vertical-align:2px}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap .prd_detail .price_comment .price_sell em{font-weight:400;font-size:15px;color:#888;text-decoration:line-through;vertical-align:-1px}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap .prd_detail .price_comment .price_sell i{color:#888;vertical-align:-1px}
.best_content section.prd_list_col1>.prd_list>li .goods_wrap .prd_detail .goods_benefit{display:inline-block;vertical-align:top}
/*! 모바일 상품일 때 */
.best_content section.prd_list_col2>.prd_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:19px 16px 0;gap:20px 16px}
.best_content section.prd_list_col2>.prd_list>li{width:calc(50% - 8px)}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap{padding-bottom:20px}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .goods_img{overflow:hidden;position:relative;height:0;padding-top:100%;border-radius:10px}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .goods_img a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f7f7f7}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .goods_img a img{width:100%;-o-object-fit:cover;object-fit:cover}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .goods_img a .rank{top:6px;left:6px}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .goods_name a{line-height:20px;max-height:60px;font-size:14px;color:#222;-webkit-line-clamp:3}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .prd_detail .goods_price{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:5px;gap:0 5px}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .prd_detail .goods_price>*{height:23px;line-height:23px}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .prd_detail .goods_price .sale{font-size:16px}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .prd_detail .goods_price .price em{font-size:18px}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .prd_detail .goods_price .price_sell{display:block;width:100%}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .prd_detail .goods_price .price_sell em{font-size:13px}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .prd_detail .goods_price .price_sell i{font-size:12px}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .prd_detail .goods_price .counsel{line-height:22px;font-size:15px;color:#888;letter-spacing:-.025em}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .prd_detail .goods_benefit span{line-height:16px;font-size:12px}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .prd_detail .price_comment{min-height:40px}
.best_content section.prd_list_col2>.prd_list>li .goods_wrap .prd_detail .btn_zzim{top:0;right:0}