.needpopup-opened,.needpopup-opened body{overflow:hidden}
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto}
.needpopup-opened.needpopup-scrolled body{position:fixed;width:100%}

.needpopup_wrapper{position:fixed;z-index:999999999999; left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%; min-height:100%; overflow:hidden;  top:0;   transition: all 0.3s ease-out; opacity:0; }
 
.needpopup-opened .needpopup_wrapper {visibility:visible; opacity:1;  }
.needpopup-opened .needpopup_wrapper:after {content:''; width:100%; min-height:100%; background:rgba(0,0,0,.5);   position:absolute; left:0 ; top:0}
 
.needpopup{position:absolute;z-index:9999;left:50%; display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:700px; max-width:100%; max-height:90%; margin-left:-350px; transition: all 1s ease-out; bottom:-100%; padding:40px 20px 100px 20px; background:#fff; border-radius:10px 10px 0 0}
.needpopup-opened .needpopup.opened  {bottom:0; overflow-y:auto}
 

.needpopup.stacked{top:0!important;margin-top:0!important}
.needpopup-overflow.needpopup{left:0;width:auto;margin-left:0}
 .needpopup_remover:hover{color:#111}
.needpopup_remover:before{content:'닫기'}
.needpopup .needpopup_remover{top:20px;right:20px;position:absolute; font-size:1em; line-height:1; font-weight:400; color:#111;  }


.needpopup .needpopup_remover:hover{color:#ccc}

 
 @media screen and (max-width:500px) {
 .needpopup{ max-width:100%; left:0;  margin-left:0;}

}
 
.needpopup .cart_ul {border-top:none; margin-top:0}
.needpopup .select_div {display:flex; justify-content:space-between; align-items:center; border:1px solid #ddd; box-sizing:border-box; padding:10px 10px; margin-top:10px}


.pop_search {width:100%; height:45px; margin-top:10px; display:flex; border:2px solid #ce7f98; box-sizing:border-box}
.pop_search  input {width:calc(100% - 50px); border:1px solid #fff; box-sizing:border-box; padding-left:10px; font-size:1em;  }
.pop_search  input::placeholder {color:#ce7f98}

.pop_search a {width:50px; text-align:Center; background-color:#ce7f98; display:flex; align-items:center; justify-content:center; color:#fff} 


.needpopup .btn {width:100%; display:flex; margin-top:30px}
.needpopup .btn a  {width:50%; line-height:45px; display:inline-block; background-color: #ddd; text-align:center; margin-top:-1px; color:#fff;}
.needpopup .btn a:nth-child(2)  {background-color:#333}