@charset "utf-8";
.promotion-h1 { font-size: 30px; }
.promotion-wrap .pr-section{padding-top:90px;margin-top:-90px;}
.promote-list{width:calc( 100% + 40px );margin-left:-10px;margin-right:-10px;}
.promote-item{width:530px;margin:0 12px 50px}
.promote-brand{padding:0 0 15px;display: flex;justify-content: space-between;align-items: baseline;}
.promote-brand .pr-select{display:block;font-size:14px;color:#333;cursor: pointer;}
.promote-brand .pr-select.active:after{transform:rotate(180deg)}
.promote-brand .pr-select img{width:60px;margin:0 10px 0 0;}
.promote-brand .pr-brends{width:135px;padding:0 20px;background:#fff;position:absolute;margin:45px 0 0 0;overflow:hidden;transition:.3s all;color:#333;opacity: 0;}
.promote-brand .pr-brends.on{padding:20px 10px 20px 20px;border:1px solid #ddd;z-index: 20;opacity: 1;}
.promote-brand .pr-brends li{margin:0 0 10px 0;}
.promote-brand .pr-brends li:last-child{margin:0;}
.promote-brand .pr-brends a{display:inline-block;font-size:12px;color:#333;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width:100%;}
.promote-brand .pr-brends a img{width:30px;margin:0 10px 0 0;}
.promote-brand .pr-brends + .pr-select:after{content:'';background: url(../images/common/icons-16-px-arrow-outline-down.svg) center center no-repeat;width: 10px;display: inline-block;height: 10px;margin: 0 0 0 10px;}
.promote-view-top .share {display:inline-block;background-image: url(../images/common/icons-24-px-share.svg);background-repeat: no-repeat;background-position: center;text-indent: -9999px;width: 42px;height: 42px;border:1px solid #ddd}
.promote-view-top .promote-brand{margin-bottom:0}
.brand-filter-wrap{position:relative;}
.btn-brand{height:20px;min-width:90px;padding:0 30px 0 10px;background:url(../images/common/ico-select-down.svg) right 4px center no-repeat;font-size:14px}
.brand-filter-layer{display:none;background-color:#f5f5f5;padding:15px;width:348px;position:absolute;left:-130px;top:-20px;z-index:11}
.brand-filter-layer.on{display:block}
.btn-brand-all{font-size:13px;border-bottom:1px solid #333;color:#333;height:16px;}
.brand-filter-wrap .filter-option{max-height:300px;margin:18px 0;}
.brand-filter-wrap .filter-option ul{padding:0}
.brand-filter-wrap .filter-option ul li{margin:0;width:50%}
.brand-filter-wrap .filter-option ul li button{background-color:#fff;line-height:50px; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.promote-list .pr-block{padding:0;position: relative;}
.promote-list .pr-block h2{margin-top:12px; font-size:18px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.promote-list .pr-block p{margin-top:5px; font-size:14px; color:#888; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.promote-list .pr-block > span{display:block;padding:5px 20px 0 20px;font-size:11px;color:#888;}
.promote-list .pr-block img{width:530px;height:276px}
.promote-list .pr-block .img-wrap{position:relative;}
.pr-block .pd-badge{margin:0;bottom:0;}
.sort-list{display: flex;justify-content: flex-end;align-items: center;border-bottom: 1px solid #ddd;}
.sort-list select,.sort-list select:disabled{color:#333;opacity: 1;}
.pr-brend-all{display: flex;flex-wrap: wrap;}
.pr-brend-all li{width: calc(50% - 5px);margin: 0 10px 10px 0;position:relative;}
.pr-brend-all li:nth-child(2n){margin:0;}
.pr-brend-all li input{position: absolute;}
.pr-brend-all li label{color: #888;font-size: 14px;border: 1px solid #ddd;display: block;height: 40px;line-height: 40px;text-indent:10px;}
.pr-brend-all li input:checked + label{color: #333;border: 1px solid #333;background-image:none;}
.brend-all.on .popup {padding:0 0 50px 0;}
.pr-sticky.fix > div {position:fixed;z-index:55;top:0;width:1640px;height: auto;background:#fff;overflow: visible;}
.pr-section h2{font-size:24px}
.tab-holder.promote-tab ul.fill li:not(:first-child) { border-left: 1px solid #000; } 
.time-sale{height:123px;}
.promote-content-wrap{margin:20px 0 40px 0}
.promote-content-wrap img{width:100%;height:auto}

/* 221212 825 기획전/이벤트 상세페이지 제목 노출건 */
.promote-brand.tit_wrap {width: 95%; padding: 0;}
.promote-brand h1.tit {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 241114 기획전 리스트 타임세일 박스 수정 */
.promote-list .flag .flag-clock {display: flex !important;}
.promote-list .flip-clock-divider.days {display: none !important;}
.promote-list .flip-clock-wrapper a {color: #000;}
.promote-list .flip-clock-wrapper span { 
    color: #000;
    display: inline-block;
    /* vertical-align: middle; */
    margin: 0 5px 0 3px;
    line-height: 3em;
}
/* .promote-list .normal.flip-clock-wrapper .flip-clock-divider.mns,
.promote-list .normal.flip-clock-wrapper .flip-clock-divider.secs {margin: 0 5px 0 0;} */
.promote-list .normal.flip-clock-wrapper ul li a div div.inn {color: #000 !important;}
/* 콜론(:) 검은색 처리 -> .flip-clock-wrapper 클래스에서 white 제거 요망*/
/* .promote-list .small.normal.white .flip-clock-dot {background: #000;} */

/* 타임세일 추가 수정 */
.small.normal .flip-clock-dot {left: 0;}
.promote-list .normal.flip-clock-wrapper .flip-clock-divider.mns,
.promote-list .normal.flip-clock-wrapper .flip-clock-divider.secs {margin: 0;}
