@charset "UTF-8";

/* 타임특가 상품상세 */
.timesale-before:after,.product-images .timesale-soldout:after{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.5);z-index:10;content:''}
.timesale-soldout-box{display:none}
.timesale-soldout+.timesale-soldout-box{display:block;position:absolute;left:201px;top:255px;padding:10px 0;width:177px;text-align:center;border-radius:4px;background-color:rgba(0, 0, 0, 0.6);z-index:50}
.timesale-soldout-box .timesale-soldout-msg{display:inline-block;font-size:16px;color:#fff;line-height:20px;letter-spacing:-.5px;vertical-align:top}

.timesale-area{margin:20px 0 14px}
.product-time-box{float:left;width:272px;height:40px;line-height:39px;text-align:center;background:rgba(0, 0, 0, 0.8)}
.product-time-box .time-num{display:inline-block;color:#2ec68e;font-style:normal;font-weight:bold;vertical-align:top}
.product-time-box .time-txt{display:inline-block;padding-left:21px;font-size:16px;color:#fff;letter-spacing:-.5px;background:url(/cjom/web/images/icon/ico_clock.svg) no-repeat 0 12px;background-size:16px 16px}
.product-timesale-label{font-size:0}
.product-timesale-label .label-txt{display:inline-block;padding:0 8px;height:40px;font-size:16px;line-height:39px;vertical-align:top;box-sizing:border-box}
.product-timesale-label .label-txt+.label-txt{margin-left:5px}
.product-time-box+.product-timesale-label{float:left;margin-left:5px}
.label-txt.outofstock{color:#e84e4d;border:1px solid #e84e4d}
.label-txt.remaining-amount{color:#1ba774;border:1px solid #1ba774;font-weight:normal}
.timesale-area:after{display:block;clear:both;content:''}
.detail-btn-group [class^='btn-black'].btn-time-alram--shape01{background-color:#0c8050;border-radius:0}
.detail-btn-group [class^='btn-black'].btn-time-alram--shape01 span,.detail-btn-group [class^='btn-black'].btn-time-alram--shape02 span{color:#fff}
.detail-btn-group [class^='btn-black'].btn-time-alram--shape02{background-color:#bbb;border-color:#bbb;border-radius:0}
.detail-btn-group [class^='btn-black'].btn-time-alram--shape01 span:before,.detail-btn-group [class^='btn-black'].btn-time-alram--shape02 span:before{display:inline-block;margin:18px 8px 0 0;width:24px;height:24px;background:url(/cjom/web/images/icon/ico_alram.svg) no-repeat 0 0;background-size:24px 24px;vertical-align:top;content:''}

/* 장바구니 */
.timesale-end .timesale-end-text{position:absolute;top:50%;left:28px;width:80px;height:80px;border-radius:4px;margin:-40px 0 0;font-size:13px;color:#fff;line-height:80px;text-align:center;letter-spacing:-.5px;background:rgba(0, 0, 0, 0.6);z-index:2}

/* 상품모듈(공통) - 기획전, 더세페 */
.timesale-timeout .thumb:after, .timesale-timeout .thumbnail-img:after, .timesale-soldout .thumb:after, .timesale-soldout .thumbnail-img:after, .timesale-opening .thumb:after ,.timesale-opening .thumbnail-img:after {z-index:4;}
.timeout-msg, .opening-msg{display:none}
.timesale-timeout .thumb:after,.timesale-timeout .thumbnail-img:after,.timesale-soldout .thumb:after,
.timesale-soldout .thumbnail-img:after,.timesale-soldout .thumbnail-img:after,.timesale-opening .thumb:after,.timesale-opening .thumbnail-img:after {position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);border-radius:5px;content:''}
.timesale-opening .opening-msg{display:block;position:absolute;left:0;top:50%;width:100%;font-family:'Roboto', 'Noto Sans KR', sans-serif;font-size:20px;color:#fff;line-height:35px;text-align:center;transform:translate(0, -50%);z-index:10}
.timesale-timeout .timeout-msg,
.timesale-soldout .soldout-msg,
.timesale-opening .open-msg {display:block;position:absolute;left:50%;top:50%;width:130px;height:130px;font-size:0;background:url(/cjom/web/images/icon/bg-timesale-timeout.png) no-repeat 0 0;background-size:130px 130px;transform:translate(-50%, -50%);z-index:10}
.timesale-soldout .soldout-msg{background-image:url(/cjom/web/images/icon/bg-timesale-soldout.png)}
.timesale-opening .open-msg{top:53px;transform:translate(-50%, 0);background-image:url(/cjom/web/images/icon/bg-timesale-open.png)}
.timesale-opening .thumb:after,.timesale-opening .thumbnail-img:after{top:auto;bottom:0;height:100% !important;border-radius:4px !important;}
.timesale-opening .thumb .opening-msg,.timesale-opening .thumbnail-img .opening-msg{top:auto;height: auto;
	bottom:74px;transform:initial;font-size:18px;line-height:23px;text-align:center;font-weight:normal;z-index:10}
.timesale-opening .thumb .opening-msg .emp,
.timesale-opening .thumbnail-img .opening-msg .emp {color:#1ba774;}
.timesale-opening .thumb .opening-msg .ico-clock,.timesale-opening .thumbnail-img .opening-msg .ico-clock{margin-top:6px}
.timesale-opening .time-num{font-size:18px;color:#2ec68e;font-weight:bold}
.product-item.timesale-soldout:after{background-color:transparent}
.product-item-timesale .product-time-box .time-txt{font-family:'Roboto', 'Noto Sans KR', sans-serif;font-size:15px;background-position:0 10px}
.product-item-timesale .product-time-box{position:relative;float:none;padding:0;width:auto;height:36px;line-height:36px;background-color:#333;border-radius:0 0 5px 5px;opacity:1;z-index:10}
.product-item-timesale .product-badge-box{font-size:0}
.product-badge-box .badge.outofstock{color:#fff;background-color:#e84e4d;border-color:#e84e4d}
.product-badge-box .badge.remaining-amount{color:#1ba774;font-weight:normal;background-color:#fff;border-color:#1ba774}
.product-item-timesale .product-timesale-label .label-txt+.label-txt{margin-left:4px}
.product-item-timesale .product-time-box+.product-timesale-label{float:none;margin-left:0}
.product-item-timesale .product-time-box .time-txt{position:absolute;left:0;top:0;padding-left:0;width:100%;background:none}
.product-item-timesale .product-time-box .time-txt:before,.timesale-opening .opening-msg .ico-clock{display:inline-block;margin:10px 5px 0 0;width:16px;height:16px;background:url(/cjom/web/images/icon/ico_clock.svg) no-repeat 0 0;background-size:16px 16px;vertical-align:top;content:''}
.product-item-timesale .product-time-box .time-num{color:#fff}
.product-time-box+.product-badge-box{margin-top:16px}
.product-badge-box+.title{margin-top:4px}
.product-wp .product-item-timesale .thumbnail-img{border-radius:4px 4px 0 0}
.product-wp .product-item-timesale .product-time-box{margin:-16px 0 16px}
.product-wp .product-time-box+.product-badge-box{margin-top:0}
.time-graph-bar{overflow:hidden;width:calc(100% - 56px);margin-left:56px;height:36px;background-color:#333;border-radius:0 0 4px 4px}
.time-graph-bar .bar{display:block;height:100%;background-color:#1ba774}
.time-graph-bar .bar.is-active{animation:stack .7s 1}
@keyframes stack {
	0%{width:100%;opacity:1}
}