@charset "UTF-8";
/*! 협력사 기획전 */
.plan_detail,.plan_mall{padding-bottom:100px}
/*! 협력사 기획전 - 카테고리 */
.plan_mall_cate_wrap{height:53px}
.plan_mall_cate{position:relative;z-index:9;width:100%;padding:0 8px;border-bottom:1px solid #f0f0f0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fafafb}
.plan_mall_cate .swiper-slide{-ms-flex:auto;flex:auto;-webkit-flex:auto;width:auto;text-align:center;-webkit-box-flex:1}
.plan_mall_cate .swiper-slide a{display:block;line-height:20px;padding:16px 8px;font-size:16px;color:#424242;white-space:nowrap}
.plan_mall_cate .swiper-slide.active a{font-weight:700;color:#222}
.plan_mall_cate .swiper-button-next,.plan_mall_cate .swiper-button-prev{overflow:hidden;position:absolute;top:0;z-index:99;width:50px;height:52px;background:url(/resources_new/img/deal/sp_ico_cate.png) 0 0/100px no-repeat;text-indent:-999px;outline:0;-webkit-tap-highlight-color:transparent}
.plan_mall_cate .swiper-button-prev{left:0;background-position:0 -52px}
.plan_mall_cate .swiper-button-next{right:0;background-position:-50px -52px}
.plan_mall_cate .swiper-button-disabled{display:none}
.fixed .plan_mall_cate{position:fixed;top:0;left:0}
.app .plan_mall_cate{position:fixed;top:0;left:0}
/*! 협력사 기획전 - 대표배너 */
.plan_mall_banner img{display:block;width:100%}
/*! 협력사 기획전 - 기획상품 */
.plan_mall_goods{position:relative;margin:0 16px 50px}
.plan_mall_goods .tit{overflow:hidden;height:26px;line-height:26px;margin-right:66px;padding:20px 0 16px;font-weight:700;font-size:22px;color:#222;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis}
.plan_mall_goods .btn_more{position:absolute;top:20px;right:0;line-height:26px;font-weight:700;font-size:14px;color:#777}
.plan_mall_goods .btn_more:after{content:'';display:inline-block;width:6px;height:10px;margin:8px 2px 0 8px;background:url(/resources_new/img/thebanchan/sp_ico_tbc.png) -95px -25px/200px no-repeat}
.plan_mall_goods .list li{width:140px;height:240px;margin-left:12px}
.plan_mall_goods .list li:first-child{margin-left:0}
.plan_mall_goods .goods_wrap{position:relative;width:100%;height:100%}
.plan_mall_goods .goods_wrap a{display:block;width:100%;height:100%}
.plan_mall_goods .goods_img{overflow:hidden;width:140px;height:140px;border-radius:10px}
.plan_mall_goods .goods_img img{width:100%;height:100%}
.plan_mall_goods .goods_name{display:-webkit-box;overflow:hidden;height:40px;line-height:20px;margin-top:10px;font-size:15px;color:#222;letter-spacing:-.025em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.plan_mall_goods .goods_price{height:21px;margin-top:10px}
.plan_mall_goods .goods_price .price{overflow:hidden;height:21px;line-height:21px;color:#222;letter-spacing:-.035em}
.plan_mall_goods .goods_price .price em{font-weight:700;font-size:18px}
.plan_mall_goods .goods_price .price i{margin-left:1px;font-size:11px;vertical-align:1px}
.plan_mall_goods .goods_star{height:13px;margin-top:6px}
.plan_mall_goods .goods_star *{display:inline-block;vertical-align:top}
.plan_mall_goods .goods_star .star{width:14px;height:13px;background:url(/resources_new/img/thebanchan/sp_ico_tbc.png) 0 -50px/200px no-repeat}
.plan_mall_goods .goods_star .score{line-height:1;font-weight:700;font-size:15px;color:#ffb300;letter-spacing:-.025em}
.plan_mall_goods .goods_btn{position:absolute;right:0;bottom:0;z-index:2}
.plan_mall_goods .goods_btn .cart{display:inline-block;width:40px;height:40px;border-radius:6px;background:#eff1f5}
.plan_mall_goods .goods_btn .cart:before{content:'';display:inline-block;width:18px;height:17px;background:url(/resources_new/img/thebanchan/sp_ico_tbc.png) -50px -25px/200px no-repeat;vertical-align:top}
/*! 기획전템플릿 2021 */
.plan_cont .banner_cont{position:static;z-index:1} /* 2024-10-18 유의사항팝업 관련 수정 */
.plan_cont .banner_cont img{display:block;width:100%;}
.plan_tab{overflow:hidden;border-top:10px solid #eee;border-bottom:10px solid #eee}
.plan_tab ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -1px -1px 0}
.plan_tab li{width:50%;height:50px;border-right:1px solid #eee;border-bottom:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box}
.plan_tab li a{display:block;overflow:hidden;line-height:50px;margin:0 16px;font-size:15px;color:#424242;letter-spacing:-.015em;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.plan_tab li.on a{font-weight:700;color:#ff329b}
.plan_cate_wrap{height:60px}
.plan_cate{width:100%;height:56px;padding:10px 16px;-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-04-15 그룹상품 수정 */
.plan_cont+.plan_cate_wrap{margin-top:10px} /* 2025-04-15 그룹상품 수정 */
.main_contents .plan_cont+.plan_cate_wrap{margin-top:10px} /* 2025-04-15 그룹상품 수정 */
.main_contents .plan_cate_wrap{height:56px;margin-top:0} /* 2025-04-15 그룹상품 수정 */
.main_contents .plan_cate{height:56px;padding:10px 16px} /* 2025-04-15 그룹상품 수정 */
.plan_cate.fixed{position:fixed;top:52px;left:0;z-index:10}
.plan_cate.fixed.bnr{top:116px}
.app .plan_cate.fixed.bnr{top:52px !important}
.plan_cate.sfixed{position:fixed;top:60px;left:0;z-index:10}
.plan_cate.sfixed.bnr{top:110px}
.bnr_h64 ~ #contents .plan_cate.sfixed.bnr{top:124px}/* 앱다운로드 배너 높이변경 2023-09-26 */
.plan_cate .swiper-slide{width:auto;margin-left:8px}
.plan_cate .swiper-slide:first-child{margin-left:0}
.plan_cate .swiper-slide a{display:block;height:36px;line-height:34px;padding:0 14px;border:1px solid #eee;border-radius:18px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;font-size:14px;color:#222;letter-spacing:-.015em;font-weight:500;} /* 2025-04-15 그룹상품 수정 */
.plan_cate a[aria-selected=true]{border-color:#222;background-color:#222;color:#fff}
.plan_list{min-height:310px}
.plan_list ul{margin:0 16px}
.plan_list li{padding:0 0 80px}
.plan_list li:nth-child(1){padding-top:10px}
.plan_cont+.plan_list li:nth-child(1),.plan_tab+.plan_list li:nth-child(1){padding-top:20px}
.plan_list .goods_wrap{position:relative;z-index:1}
.plan_list .goods_img{overflow:hidden;border-radius:10px}
.plan_list .goods_img a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:calc(100vw - 32px);background:#f7f7f7}
.plan_list .goods_img img{max-width:100%;max-height:100%}
.plan_list .goods_coupon{position:absolute;top:10px;left:10px}
.plan_list .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}
.plan_list .goods_coupon .coupon span{height:30px;line-height:30px;min-width:27px;padding:0 7px;background:url(/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}
.plan_list .goods_coupon .coupon span .per{font-size:13px}
.plan_list .goods_coupon .coupon span .won{font-size:12px;vertical-align:1px}
.plan_list .goods_coupon .coupon:before{content:'';width:8px;height:30px;background:url(/resources_new/img/sp_coupon_bg.png) 0 0/30px no-repeat}
.plan_list .goods_coupon .coupon:after{content:'';width:8px;height:30px;background:url(/resources_new/img/sp_coupon_bg.png) 100% 0/30px no-repeat}
.plan_list .goods_tag{position:relative;height:30px;padding:5px 0;border-bottom:1px solid #f0f0f0}
.plan_list .goods_tag .tag{display:block;height:30px;line-height:32px;font-weight:700;font-size:15px;letter-spacing:-.015em}
.plan_list .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}
.plan_list .goods_tag .btns button{overflow:hidden;width:30px;height:30px;margin-left:4px;background:url(/resources_new/img/sp_ico_prod_btns.png) 0 0/60px no-repeat;text-indent:100%;white-space:nowrap}
.plan_list .goods_tag .btns .btn_zzim{background-position-y:0}
.plan_list .goods_tag .btns .btn_zzim.active{background-position-y:-30px}
.plan_list .goods_tag .btns .btn_gift{background-position-x:-30px}
.plan_list .goods_name{margin-top:12px}
.plan_list .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}
.plan_list .goods_price{line-height:26px;margin-top:6px;letter-spacing:-.025em}
.plan_list .goods_price>*{display:inline-block;height:26px;vertical-align:top}
.plan_list .goods_price .sale{margin-right:2px;font-size:17px;color:#ff329b}
.plan_list .goods_price .price{margin-right:2px;color:#222}
.plan_list .goods_price .price em{font-weight:700;font-size:19px;vertical-align:-1px}
.plan_list .goods_price .price i{font-size:15px}
.plan_list .goods_price .price_sell{color:#b4b4b4}
.plan_list .goods_price .price_sell em{font-size:14px;text-decoration:line-through}
.plan_list .goods_price .price_sell i{font-size:13px}
.plan_list .goods_benefit{margin-top:6px;font-size:0}
.plan_list .goods_benefit>*{display:inline-block;vertical-align:top}
.plan_list .goods_benefit span{line-height:18px;font-size:13px;color:#6f7b81;letter-spacing:-.035em}
.plan_list .goods_benefit span+span:before{content:'';display:inline-block;width:2px;height:2px;margin:0 5px;border-radius:2px;background:#d4d4d4;vertical-align:3px}
.plan_list .goods_star{height:12px;line-height:1;margin-top:6px;letter-spacing:-.025em}
.plan_list .goods_star:before{content:'';display:inline-block;width:13px;height:12px;background:url(/resources_new/img/main/icon_new_star_s.png) 0 0/13px no-repeat;text-indent:-999em;vertical-align:top}
.plan_list .goods_star .score{display:inline-block;font-weight:700;font-size:13px;color:#ffb300;vertical-align:top}
.plan_list .goods_star .count{display:inline-block;margin-left:-1px;font-size:12px;color:#777;vertical-align:top}
.plan_list.no2 ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.plan_list.no2 li{width:50%;padding:20px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.plan_list.no2 li:nth-child(1),.plan_list.no2 li:nth-child(2){padding-top:10px}
.plan_cont+.plan_list.no2 li:nth-child(1),.plan_cont+.plan_list.no2 li:nth-child(2),.plan_tab+.plan_list.no2 li:nth-child(1),.plan_tab+.plan_list.no2 li:nth-child(2){padding-top:20px}
.plan_cate_wrap+.plan_list.no2 li:nth-child(1),.plan_cate_wrap+.plan_list.no2 li:nth-child(2){padding-top:0}
.plan_list.no2 li:nth-child(odd){padding-right:8px}
.plan_list.no2 li:nth-child(even){padding-left:8px}
.plan_list.no2 .goods_wrap{padding-bottom:40px}
.plan_list.no2 .goods_img a{height:calc(50vw - 24px)}
.plan_list.no2 .goods_name a{line-height:20px;max-height:60px;font-size:14px;-webkit-line-clamp:3}
.plan_list.no2 .goods_price{line-height:23px;margin-top:5px}
.plan_list.no2 .goods_price>*{height:23px}
.plan_list.no2 .goods_price .sale{margin-right:1px;font-size:16px}
.plan_list.no2 .goods_price .price{margin-right:1px}
.plan_list.no2 .goods_price .price em{font-size:18px}
.plan_list.no2 .goods_price .price_sell{display:block}
.plan_list.no2 .goods_price .price_sell em{font-size:13px}
.plan_list.no2 .goods_price .price_sell i{font-size:12px}
.plan_list.no2 .goods_benefit span{line-height:16px;font-size:12px}
.plan_list.no2 .goods_benefit span+span:before{margin:0 4px;vertical-align:3px}
.plan_share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:56px;margin:0 16px;padding:40px 0}
.plan_share .tit{margin-right:10px;font-size:16px;color:#222;letter-spacing:-.025em}
.plan_share ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:254px}
.plan_share li{width:56px;height:56px}
.plan_share li a{display:block;overflow:hidden;width:100%;height:100%;background:url(/resources_new/img/sp_ico_share.png) 0 0/60px no-repeat;text-indent:-999em}
.plan_share li a.kkotalk{background-position:0 0}
.plan_share li a.kkostory{background-position:0 -61px}
.plan_share li a.facebook{background-position:0 -122px}
.plan_share li a.sms{background-position:0 -183px}