@charset "UTF-8";

/* 타임특가 상품유형(공통) */
.product-time-box{overflow:hidden;position:relative;margin:-13px 0 12px;height:32px;line-height:32px;text-align:center;background-color:#333;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:1}
.product-time-box .time-num{display:inline-block;color:#fff;font-style:normal;font-weight:bold;vertical-align:top}
.product-time-box .time-txt{position:absolute;left:0;top:0;width:100%;font-size:12px;color:#fff}
.product-time-box .time-txt:before{display:inline-block;margin:10px 4px 0 0;width:12px;height:12px;vertical-align:top;background:url(/cjom/mobile/images/icon/ico_clock.svg) no-repeat 0 0;background-size:12px 12px;content:''}
.product-list .product-timesale-li .product-thumb{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.product-timesale-li.timesale-timeout .product-list-top a:after, .product-timesale-li.timesale-soldout .product-list-top a:after,
.product-timesale-li.timesale-opening .product-list-top a:after {position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);border-radius:4px;content:'';z-index:1}
.product-timesale-li.timesale-timeout .product-list-top .timeout-msg, .product-timesale-li.timesale-soldout .product-list-top .soldout-msg,
.product-timesale-li.timesale-opening .product-list-top .open-msg {position:absolute;left:50%;top:50%;width:90px;height:90px;font-size:0;background:url(/cjom/mobile/images/icon/bg-timesale-timeout2.png) no-repeat 0 0;background-size:90px 90px;transform:translate(-50%, -50%);z-index:10}
.product-timesale-li.timesale-soldout .product-list-top .soldout-msg{background-image:url(/cjom/mobile/images/icon/bg-timesale-soldout2.png)}
.product-timesale-li.timesale-opening .product-list-top .open-msg{top:41%;background-image:url(/cjom/mobile/images/icon/bg-timesale-timeout3.png)}
.product-timesale-li.timesale-opening .product-list-top .opening-msg{overflow:hidden;position:absolute;bottom:20%;left:0;width:100%;height:auto;font-size:12px;color:#fff;line-height:16px;text-align:center;z-index:10}
.product-timesale-li.timesale-opening .product-list-top .opening-msg .emp {color:#1ba774;}
.product-timesale-li.timesale-opening .product-list-top .opening-msg .time-txt-num{color:#2ec68e;font-weight:bold;font-style:normal}
.product-timesale-li.timesale-timeout .product-thumb, .product-timesale-li.timesale-opening .product-thumb, .product-timesale-li.timesale-soldout .product-thumb{border-radius:4px}
.product-list .product-timesale-li-event .product-thumb{border-radius:4px}
.time-graph-bar{overflow:hidden;width:calc(100% - 56px);margin-left:56px;height:32px;background-color:#333;}
.time-graph-bar .bar{overflow:hidden;display:block;height:100%;background-color:#1ba774}

/* 타임특가 메인 */
.m_timesale{padding-top:26px}
.m_timesale .m_section-header{padding:11px 16px 14px;font-size:0}
.m_timesale .m_section_title{display:inline-block;width:90px;height:36px;background:url(/cjom/mobile/images/icon/timesale-logo.gif) no-repeat 0 0;background-size:90px 36px;vertical-align:top}
.m_timesale .btn-alram{position:absolute;right:15px;top:14px}
.m_timesale .btn-alram .ico-alram{display:inline-block;width:90px;height:30px;background:url(/cjom/mobile/images/icon/ico_alram_default.gif) no-repeat 0 0;background-size:90px 30px}
.m_timesale .btn-alram.is-loading .ico-alram{background-image:url(/cjom/mobile/images/icon/ico_alram_loading.gif)}
.m_timesale .btn-alram.is-active .ico-alram{width:108px;background-image:url(/cjom/mobile/images/icon/ico_alram_on.png);background-size:108px 30px}
.m_timesale .product-list{position:relative;display:block;padding:0;margin-left:16px;font-size:0;white-space:nowrap}
.m_timesale .product-list li{padding:0;margin-right:16px;width:204px}
.m_timesale .product-list li .product-thumb,.m_timesale .product-list li .product-list-video{overflow:hidden;border-radius:4px 4px 0 0}
.m_timesale .product-list li .product-list-top a:before{border-radius:4px 4px 0 0}
.m_timesale .product-list li .product-price-box{overflow:hidden}
.m_timesale .product-list li .product-price-discount{float:left}
.m_timesale .product-list li .product-price{float:left;margin:4px 0 0 4px}
.m_timesale .product-time-box .time-txt{font-size:13px}
.m_timesale .product-time-box .time-num{margin-top:0;color:#fff;line-height:32px}
.m_timesale .product-time-box .time-txt:before{margin:9px 3px 0 0;width:14px;height:14px;background-size:14px 14px}
.temperature_icon{position:absolute;top:8px;right:8px}
.product-list li .product-badge-box span.outofstock{padding:0 4px;color:#fff;letter-spacing:-.5px;background-color:#e84e4d;border-color:#e84e4d}
.product-list li .product-badge-box span.remaining{color:#1ba774;border:1px solid #1ba774;background-color:#fff}
.m_timesale+.m_hotdeal{padding-top:0 !important;margin-top:-14px}
.m_timesale .product-list li.timesale-timeout .product-list-top a:after,.m_timesale .product-list li.timesale-opening .product-list-top a:after,.m_timesale .product-list li.timesale-soldout .product-list-top a:after{position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);border-radius:4px 4px 0 0;content:'';z-index:1}
.m_timesale .product-list li.timesale-timeout .product-list-top .timeout-msg,.m_timesale .product-list li.timesale-opening .product-list-top .opening-msg,.m_timesale .product-list li.timesale-soldout .product-list-top .soldout-msg{position:absolute;left:50%;top:50%;width:110px;height:110px;background-size:110px 110px;transform:translate(-50%, -50%);z-index:10}
.m_timesale .product-list li.timesale-opening .product-list-top .opening-msg{background-image:url(/cjom/mobile/images/icon/bg-timesale-opening.png?SF=webp)}
.m_timesale .product-list li.timesale-soldout .product-list-top .soldout-msg{background-image:url(/cjom/mobile/images/icon/bg-timesale-soldout.png?SF=webp)}
.m_timesale .product-list li.timesale-timeout .product-list-top .timeout-msg{background-image:url(/cjom/mobile/images/icon/bg-timesale-timeout.png?SF=webp)}
.m_timesale .product-list li.timesale-timeout .time-txt,.m_timesale .product-list li.timesale-timeout .time-num,.m_timesale .product-list li.timesale-soldout .time-txt,.m_timesale .product-list li.timesale-soldout .time-num{color:#666}
.m_timesale .product-list li.timesale-opening .time-num{color:#2ec68e}
.m_timesale .product-list li.timesale-timeout .time-txt:before,.m_timesale .product-list li.timesale-soldout .time-txt:before{opacity:.2}
.m_timesale .product-list li.timesale-opening-type .product-time-box .time-txt:before{display:none}
.m_timesale .timesale-state{display:block;font-weight:bold;font-style:normal}

@keyframes stack {
	0%{width:100%;opacity:1}
}

/* 타임특가 상품상세 */
.sub-new .product-time-box{margin:0;height:40px;line-height:40px;border-radius:0}
.sub-new .product-time-box .time-graph-bar{width:100% !important;margin-left:0 !important;height:40px;border-radius:0}
.sub-new .product-time-box .time-txt{font-size:14px}
.sub-new .product-time-box .time-num{color:#2ec68e}
.sub-new .product-time-box .time-txt:before{margin:13px 4px 0 0;width:14px;height:14px;background-size:14px 14px}
.sub-new .product-time-box .time-graph-bar+.time-txt .time-num{color:#fff}
section.sub-new .product-detail__flag.product-detail__flag_new .prd-flag .outofstock{color:#fff;background-color:#e84e4d;border-color:#e84e4d}
section.sub-new .product-detail__flag.product-detail__flag_new .prd-flag .remaining{color:#1ba774;border:1px solid #1ba774;background-color:#fff}
.btn-box--btm-floating .btn-time-alram--shape01 span{display:inline-block;margin-top:-1px;width:18px;height:18px;background:url(/cjom/mobile/images/icon/ico_alram.svg) no-repeat 0 0;background-size:18px 18px;vertical-align:top}
.btn-box--btm-floating .btn-time-alram--shape02{color:#999;border-color:#ccc}
.btn-box--btm-floating .btn-time-alram--shape02 span{display:inline-block;margin-top:-1px;width:18px;height:18px;background:url(/cjom/mobile/images/icon/ico_alram_gray.svg) no-repeat 0 0;background-size:18px 18px;vertical-align:top}
.module-cart__timeout{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0, 0, 0, .5);font-size:11px;color:#fff;letter-spacing:-.5px}

.sub-new .product-time-box.opening-previous .time-num{color:#2ec68e !important;}		/* 2024-02-20 상품상세 타임특가 오픈전 컬러값 변경 */