/*팝업 css*/

/*정렬방식선택 팝업- 테스트*/
#dim-background{display:none; background:rgba(0,0,0,0.8); width:100%; height:100%; position:absolute; top:0; left:0; z-index:500;}
.popup {overflow: hidden; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); z-index:501; max-width:600px; min-width:320px; width: 100%; height:450px;}
.popup-content-box{background:#fff; height:100%;  overflow-y: scroll;  padding:10px 10px 50px 10px;}
.btn-close-box{background:rgba(0,0,0,0); text-align:center; margin-bottom:12px; overflow:hidden;}
.btn-close{font-size:22px;  padding:5px 10px; color:#fff; background:#000; display:inline-block; border:1px solid #444}
.btn-close-box .fa-times{color:#fff;}
/*팝업내 리스트 형식일 경우 동일 css 적용*/
.pop-color{border-top:1px solid #444;}
.pop-color{display:block; padding:10px 0 10px 10px; }
.pop-color:last-child{border-bottom:1px solid #444;}
.pop-color:active{color:#0abab5; font-weight:500;}

/* 바디에 스크롤 막는 방법 */
.not_scroll{ overflow: hidden; width: 100%; height: 100%}
.not_scroll .cont { position: relative; top: 0;}

/*정기구매 일반구매 장바구니 담기 상세*/
.cart-pop1 .popup-content-box{ overflow:hidden;}
.cart-pop2 .popup-content-box{height:500px; overflow:hidden;}
.option01{border-bottom:1px solid #888; padding:10px 0;}
.option01 li .price-box{padding-bottom:10px;}
.option01 li .price-box p{font-size:1.3em}
.option02 li{border-bottom:1px solid #dcdcdc;  padding:8px 0; overflow:hidden;}

/*같은 내용의 css는 통합*/
.go-cart01{position: fixed; bottom: 0;  width:100%; background: #0edad6; text-align: center; padding: 10px 0; font-size: 16px; color: #fff !important;}
.go-cart02{position: fixed; bottom: 0;  width:100%; background:#0abab5 ; text-align: center; padding: 10px 0; font-size: 16px; color: #fff !important;}
.relative-btn{position: fixed; bottom: 0;  width:100%; background: #000; text-align: center; padding: 10px 0; font-size: 16px; color: #fff !important;}
.save-btn{position: fixed; bottom: 0;  width:100%; background: #000; text-align: center; padding: 10px 0; font-size: 16px; color: #fff !important;}

/*제이쿼리 ui 팝업 사용 시에만 사용*/
.mark1{font-size:30px; color:#0abab5;}

/*팝업안에 슬릭*/