@charset "utf-8";

.pr_option .pr_dinfo div.prg_wrap,.pr_option .pr_dinfo div.prg_bar,.pr_option .pr_dinfo div.count_wrap02 ,.pr_option .pr_dinfo div.count_down{border: 0;padding: 0;}
.cl:after{display:block;content:"";clear:both;}
.li .count_wrap{padding: 0;display: block;}
.li.count_wrap01, .count_wrap02 {float:left;}
.count_down{font-size: 0;color: #df1e3b;font-weight: bold;}
.count_down p{display: inline-block;font-size: 2rem;font-weight: bold;}
.count_down_txt{font-size: 1.4rem;color:#131313;padding: 5px 0;line-height: 1;font-weight: bold; }
.count_wrap .count_down p{display: inline-block;font-size: 24px;color: #df1e3b;font-weight: bold;font-family: "proxima nova";}

/*PROGRESS BAR*/
.pr_option div.prg_outwrap{padding: 30px 0 10px;}
div.prg_outwrap + .pr_dinfo{margin-top: 0;}
div.prg_wrap{position: relative;margin-top: 16px;height: 40px;}
div.prg_wrap .prg_bar{width: 100%;height: 10px;background: #fff;position: relative;}
div.prg_wrap .prg_bar.bar_gray{background: #ddd;}
div.prg_wrap .prg_gg{width: 9%;height: 10px;background: #000;position: absolute;top: 0;z-index:1;left: 0;}
div.prg_wrap .txt_min{position: absolute;left: 9%;margin-left: -18px;top: 15px;font-size: 1rem;color: #df1e3b;font-family: "proxima nova"}
div.prg_wrap .txt_min:after{position: absolute;width: 1px;height: 17px;background: #df1e3b;content:"";left: 50%;margin-left:1px;top: -18px;z-index:3;}
div.prg_wrap .txt_max{position:absolute;right: 0;top: 15px;font-size: 1rem;letter-spacing: -0.2px;font-family: "proxima nova"}
.group_plist li div.prc_wrap .ord_num{font-size: 14px;font-weight: bold;font-family: "Noto Sans KR"}
.group_plist li div.prc_wrap .ord_num span{font-size:16px; font-family: "proxima nova"}
.spc_bubble { background: #141414;font-family: "Noto Sans KR" ;color: #fff; display: inline-block; font-size: 1.0rem; line-height: 2.4rem; margin-bottom: 10px; padding: 0 5px; position: absolute;top: -4.0rem;right: 0; text-align: center; vertical-align: top;}
.spc_bubble:after {border: 7px solid transparent;border-top-color: #141414;content: '';margin-left: -3.5px; position: absolute;top: 91%;left: 50%;width: 0;height: 0;border-top: 11px solid #141414;}  
.group_plist li div.img_wrap .count_down{font-size: 0;color: #fff;position: absolute;top: 50%;z-index: 5;text-align: center;width: 100%;font-weight: bold;margin-top: -28px;}
.group_plist li div.img_wrap .count_down p{display: inline-block;font-size: 50px;}

/*common.css 수정*/
div.prg_outwrap .li {display:block;padding:5px 0;overflow:hidden;}
div.prg_outwrap .li strong {display:block;float:left;width:100px;padding-left:3px;font-size:1.1rem;line-height:1.4rem;}
div.prg_outwrap .li span {display:block;padding:0 15px 0 83px;color:#797979;font-size:1.1rem;line-height:1.4rem;}
div.prg_outwrap .li span em{display:block;padding:0 15px 0 83px;color:#797979;font-size:1.1rem;line-height:1.4rem;}
div.prg_outwrap .li strong.grp_bold{font-weight: bold;font-size: 1.3rem;width: auto;margin-right: 2px;}
div.prg_outwrap .li.col_bl span{color: #000;}

.pr_option .pr_dinfo.pr_dinfo.pr_dinfo_st02 .li span{padding-left: 103px;}
.pr_option .pr_dinfo.pr_dinfo_st02 .li strong{width: 100px;}
.pr_option .pr_dinfo.pr_dinfo_st02 .li strong.icon_del:before{content:"";background: url(https://image.nbkorea.com/NBRB_Mobile/product/icon_del.png) no-repeat center center;width: 15px;height: 11px;display: inline-block;margin-right: 10px;background-size: 100%;vertical-align: middle;}
.pr_option .pr_dinfo.pr_dinfo_st02 .li strong.icon_clock:before{content:"";background: url(https://image.nbkorea.com/NBRB_Mobile/product/icon_clock.png) no-repeat center center;width: 15px;height: 15px;display: inline-block;margin-right: 10px;background-size: 100%;vertical-align: middle;}

.grp_notice{margin: 16.55% auto 0;background: #f2f2f2;text-align: center;padding: 10% 5%; box-sizing:border-box; }
.grp_notice .grp_tit{font-size: 1.2rem;font-weight: bold;color: #151515;margin-bottom: 3.6%;}
.grp_notice .grp_tit + p{font-size: 1rem;color: #141414;}
.grp_notice .txt_caution{text-align: left;}

.pr_option .price.grp_price_wrap{margin-top: 11%;position: relative;}
.pr_option .price.grp_price_wrap .sns_wrap {position: absolute;right: 0;top:0;font-size: 0;}
.group_purchase_list .sns_wrap {line-height: 37px;}
.sns_wrap {width: 50%;text-align: right;}
.sns_wrap a{display: block;}
.pr_option .price.grp_price_wrap .sns_wrap li,.select_sns .sns_wrap li{display: inline-block;width: 11%;margin-right: 7%;vertical-align: middle;}
.pr_option .price.grp_price_wrap .sns_wrap li:last-child,.select_sns .sns_wrap li:last-child{margin-right: 0;}

/*BTN STYLE*/
.grp_btnWrap > p > a{width: 100%;padding: 15px 0;color: #fff;font-size: 1.5rem;font-weight: 400;text-align: center;line-height: 1.5;display: block;}
.btn_area .col1 [class*="btn_ty_"].btm.w100{width: 100%;}
.option_layer.grp_option_layer{height: auto;}

/* PRODUCT LIST*/
.skip{width: 1px;height: 1px;position: absolute;}
.sub_tit{position: relative;/*border-bottom: 1px solid #f3f3f3;*/}
.sub_nav ul{font-size: 0;display: block;text-align: center;border-bottom: 1px solid #f3f3f3; width: 100%;}
.sub_nav ul{padding: 0 5%;}
.sub_nav ul li{width:50%;float: left;}
.sub_nav ul li.active a {color: #141414;border-bottom: 2px solid #141414;}
.sub_nav ul li a{font-size:1.3rem;font-family: "ProximaNova",sans-serif;font-weight: bold;color: #dedede;letter-spacing: -0.5px;padding: 16px 0;display: block;}
.group_purchase_list .control_bar{border-top: 0;}
.select_sns{padding:11.38% 8.05% 5.5%;position: relative;}
.select_sns .sns_wrap{float: right;}
.select_sns .select_box {width: 50%;float: left;}

.grp_list_wrap li div.thumb{position: relative;}
.grp_list_wrap li div.thumb .dim{position: absolute;top:0;left: 0;background: rgba(0,0,0,0.15);width:100%;height: 100%;}
.grp_list_wrap li div.thumb .down_per{background:#df1e3b;color: #fff;font-size: 2rem;display: inline-block;padding: 1.7% 2.8%;position: absolute;top: 0;left: 0;font-weight: bold;}
.grp_list_wrap li div.thumb .down_per:after{content:"";background: url(https://image.nbkorea.com/NBRB_Mobile/product/down_arrow.png) no-repeat center center;background-size: contain;width: 6px;height: 15px;display: inline-block;margin-left: 3px;position: relative;top: 1px;}
.grp_list_wrap li div.thumb div.count_down{color: #fff;z-index: 2;position: absolute;width: 100%;text-align: center;top:50%;transform:translateY(-50%);}
.grp_list_wrap li div.thumb div.count_down p{font-size: 5.0rem;}
.grp_list_wrap li div.prd_info{padding:  6.9% 8.05% 13.8%;} 
.grp_list_wrap li div.prd_info p{line-height: 1;}
.grp_list_wrap li div.prd_info p.if_txt01{font-size: 1.2rem;color:#141414; margin-bottom: 4.16%;} 
.grp_list_wrap li div.prd_info p.if_txt02{font-size: 1.1rem;color: #666666;text-decoration: line-through;margin-bottom: 4.16%;} 
.grp_list_wrap li div.prd_info p.if_txt03{font-family: "Noto Sans Kr";font-size: 1.3rem;font-weight: bold;color: #000;margin-bottom: 7%;}
.grp_list_wrap li div.prd_info p.if_txt03 span{font-family: "ProximaNova",sans-serif;font-size: 1.5rem;}
.grp_list_wrap li div.prd_info p.if_txt04{font-weight: bold;font-size: 1.1rem;font-family: "Noto Sans Kr";} 
.grp_list_wrap li div.prd_info p.if_txt04 span{font-size: 1.2rem;font-family: "ProximaNova",sans-serif;} 


/* 20190806 추가*/
.grp_list_wrap.product4 ul:after{display: block;content: "";clear: both;}
.grp_list_wrap.product4 ul{padding: 10px 0;margin-top: 15px;}/*20210219 수정 */
.grp_list_wrap.product4 li{width: calc(50% - 3px);float: left;}/*20210219 수정*/
.grp_list_wrap.product4 li:nth-child(2n){margin-left: 6px;}/*20210219 수정*/
.grp_list_wrap.product4 li div.thumb div.count_down p{font-size: 2.5rem;}
.grp_list_wrap.product4 li div.thumb .down_per{font-size: 1rem;}
.grp_list_wrap.product4 li div.thumb .down_per:after{width: 3px;height: 10px;}
.grp_list_wrap.product4 .spc_bubble{font-size: 0.8rem;}
.grp_list_wrap.product4 div.prg_wrap{position: relative;margin-top: 39px;height: 40px;}
.grp_list_wrap.product4 .spc_bubble {background: #141414;font-family: "Noto Sans KR";color: #fff;display: inline-block;font-size: 1.0rem;line-height: 2rem;margin-bottom: 10px;padding: 0 5px;position: absolute;top: -4.1rem;right: 0;text-align: center;vertical-align: top;margin-top: 10px;}
.grp_list_wrap.product4 .spc_bubble:after {border: 7px solid transparent;border-top-color: #141414;content: '';margin-left: -3.5px;position: absolute;top: 75%;left: 50%;width: 0;height: 0;border-top: 11px solid #141414;}  
.grp_list_wrap li div.prd_info p.if_txt01{display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; width: 100%; height: 30px; line-height: 15px; overflow:hidden;text-overflow:ellipsis;}

/*20190827 추가*/
.flex_ul{display: flex;flex-flow: row wrap;justify-content:space-between;}
.flex_ul li{display: flex;flex-direction: column;}

/*20191105 추가*/
.EventBg{position: relative;}
.EventBg .bfLink{position: absolute;width:81%;height: 3%;bottom: 5.3%;left: 10%;}/* 20191107 수정*/

.KidsRight span.logo_kids{position: absolute;right: 6px;top: 0;z-index: 1;width: 11%;}/*20191107 추가*/

/*20191107 추가*/
.EventBg .bfLink2{position: absolute;width: 84.4%;height: 2%;bottom: 2.5%;left: 7.7%;}
span.blind{position: absolute;top: 0;left: 0;width: 0;height: 0;color: transparent}

/*20200715 추가 :: S*/
.if_txt03.price {min-height:17px;margin-top:5px;overflow:hidden;}
.if_txt03.price span {font-size:9px;}
.if_txt03.price del {display:inline-block;margin-right:10px;color:#9d9d9d;text-decoration:none;letter-spacing:-0.04em;}
.if_txt03.price p {display:inline-block;font-size:15px;font-weight:700;letter-spacing:-0.03em;}
.if_txt03.price p span {font-size:9px;font-weight:400;}
/*20200715 추가 :: E*/

/*20210607-1 추가 :: S */
.pr_option .pr_info .price.grp_price_wrap .sale{display: inline-block;position: relative;font-size: 1.3rem;}
.pr_option .pr_info .price.grp_price_wrap .sale::after{content: '';display: block;width: 100%;height: 1px;background: #000;position: absolute;left: 0;top: 50%;}
.pr_option .pr_info .price.grp_price_wrap .sale strong{font-size: 1.5rem;}
/*20210607-1 추가 :: E */

.pr_option .pr_info .price.grp_price_wrap .bf_saleArea{margin-bottom: 10px;}/* 20211018 추가 :: E */

/* 20211105 상세페이지 할인율 추가 :: S */
.pr_option .pr_info .price .gr_price .won{display: inline-block;vertical-align: middle;}
.gr_price .down_per{display: inline-block;vertical-align: middle;background: #df1e3b;color: #fff;font-weight: 700;font-size: 1.5rem;padding: 0 2px;margin-left: 7px;}
.gr_price .down_per strong{font-weight: 700;}
.gr_price .down_per::after{content: '';display: inline-block;width:5px;height: 10px;background: url(https://image.nbkorea.com/NBRB_Mobile/product/down_per.png) no-repeat left/5px;margin-left: 3px;}
/* 20211105 상세페이지 할인율 추가 :: E */