/* popup */
#popup-wrap{position: fixed;display:none;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;}
#popup-wrap .popup{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:40px;width:620px;max-height:780px;background:#fff;box-sizing: border-box;}
#popup-wrap .popup .popup-top{padding-bottom:39px;font-size:26px;text-align: center;font-weight:600;border-bottom:1px solid #eee;}
#popup-wrap .popup .popup-contents{min-height:150px;max-height:595px;box-sizing:border-box;padding-bottom:75px;overflow-y: auto;}
#popup-wrap .popup .popup-contents .chkAll{display:block;box-sizing:border-box;padding:10px 0;font-size:14px;font-weight: 400;border-bottom:2px solid #222;}
#popup-wrap .popup .popup-contents .write-review{height:620px;}
#popup-wrap .popup .popup-contents .write-review .prd{padding:15px 0;display: flex;align-items:center;border-bottom:1px solid #eee;}
#popup-wrap .popup .popup-contents .write-review .prd .img{width:100px;}
#popup-wrap .popup .popup-contents .write-review .prd .txt-box{padding-left:30px;}
#popup-wrap .popup .popup-contents .write-review .prd .txt-box .tit{color:#333;font-size:16px;font-weight:400;}
#popup-wrap .popup .popup-contents .write-review .prd .txt-box .txt{margin-top:10px;color:#777;font-size:14px;font-weight:400;}
#popup-wrap .popup .popup-contents .write-review .write-box{padding-top:40px;}
#popup-wrap .popup .popup-contents .write-review .write-box .star{text-align: center;}
#popup-wrap .popup .popup-contents .write-review .write-box .star strong{display:block;width:100%;color:#000;font-size:20px;font-weight:500;}
#popup-wrap .popup .popup-contents .write-review .write-box .star span{display:inline-block;font-size:0;width:200px;height:50px;background:url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position:-100px -50px;}
#popup-wrap .popup .popup-contents .write-review .write-box .star span.star1{background-position:-100px -100px;}
#popup-wrap .popup .popup-contents .write-review .write-box .star span.star2{background-position:-100px -150px;}
#popup-wrap .popup .popup-contents .write-review .write-box .star span.star3{background-position:-100px -200px;}
#popup-wrap .popup .popup-contents .write-review .write-box .star span.star4{background-position:-100px -250px;}
#popup-wrap .popup .popup-contents .write-review .write-box .star span.star5{background-position:-100px -300px;}
#popup-wrap .popup .popup-contents .write-review .write-box .star span i{display:inline-block;width:40px;height:50px;cursor: pointer;}
#popup-wrap .popup .popup-contents .write-review .write-box .txt-area{margin-top:30px;}
#popup-wrap .popup .popup-contents .write-review .write-box .txt-area textarea{padding:20px;width:100%;height:185px;border:0;background:#f9f9f9;box-sizing: border-box;resize: none;}
#popup-wrap .popup .popup-contents .write-review .write-box .txt-area .filebox{margin-top:20px;position: relative;}
#popup-wrap .popup .popup-contents .write-review .write-box .txt-area .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
#popup-wrap .popup .popup-contents .write-review .write-box .txt-area .filebox label {display:inline-block;position:absolute;top:0;left:0;width:100%;height:50px;line-height:50px;color:#333;font-size:16px;text-align:center;font-weight:400;cursor:pointer;background: #fff;border: 1px solid #ccc;box-sizing: border-box;}
#popup-wrap .popup .popup-contents .write-review .write-box .txt-area .filebox label:before{content: "";display:inline-block;width:50px;height:50px;background:url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position: -200px 0px;vertical-align: top;}
#popup-wrap .popup .popup-contents .write-review .write-box .txt-area .filebox .upload-name {position:relative;display:block;width:100%;height:50px;box-sizing:border-box;border:1px solid #ccc;text-align:center;-webkit-appearance: none; -moz-appearance: none; appearance: none; }
#popup-wrap .popup .popup-contents .forgot-email{text-align: center;padding:50px 0;font-size:20px;}
#popup-wrap .popup .popup-contents .forgot-email strong{display: block;margin-top:20px;}
#popup-wrap .popup .popup-contents .product-modify{}
#popup-wrap .popup .popup-contents .product-modify .prd{position:relative;padding:15px 30px;display: flex;align-items:center;border-bottom:1px solid #eee;}
#popup-wrap .popup .popup-contents .product-modify .prd input[type="checkbox"]{position:absolute;top:50%;left:0;transform: translateY(-50%);}
#popup-wrap .popup .popup-contents .product-modify .prd .img{width:100px;}
#popup-wrap .popup .popup-contents .product-modify .prd .txt-box{padding-left:30px;}
#popup-wrap .popup .popup-contents .product-modify .prd .txt-box .tit{color:#333;font-size:16px;font-weight:400;}
#popup-wrap .popup .popup-contents .product-modify .prd .txt-box .txt{margin-top:10px;color:#777;font-size:14px;font-weight:400;}
#popup-wrap .popup .popup-contents .product-modify .prd .txt-box select{display:inline-block;margin-left:10px;border:1px solid #ccc;padding:0 25px 0 10px;font-size:12px;height: 25px;}
#popup-wrap .popup .popup-contents .product-modify .write-box{padding-top:40px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .col{padding:5px 0;font-size:0;}
#popup-wrap .popup .popup-contents .product-modify .write-box .col span{display:inline-block;font-size:13px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .col span:first-child{width:100px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .col span + span{margin-left:10px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .col select{display:inline-block;border:1px solid #ccc;padding:0 25px 0 10px;width:200px;font-size:12px;height: 35px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .col input[type="text"]{box-sizing:border-box;display:inline-block;border:1px solid #ccc;padding:0 10px;width:200px;font-size:12px;height: 35px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .star{text-align: center;}
#popup-wrap .popup .popup-contents .product-modify .write-box .star strong{display:block;width:100%;color:#000;font-size:20px;font-weight:500;}
#popup-wrap .popup .popup-contents .product-modify .write-box .star span{display:inline-block;font-size:0;width:200px;height:50px;background:url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position:-100px -50px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .star span.star1{background-position:-100px -100px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .star span.star2{background-position:-100px -150px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .star span.star3{background-position:-100px -200px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .star span.star4{background-position:-100px -250px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .star span.star5{background-position:-100px -300px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .star span i{display:inline-block;width:40px;height:50px;cursor: pointer;}
#popup-wrap .popup .popup-contents .product-modify .write-box .txt-area{margin-top:30px;}
#popup-wrap .popup .popup-contents .product-modify .write-box .txt-area textarea{padding:20px;width:100%;height:150px;border:0;background:#f9f9f9;box-sizing: border-box;resize: none;}
#popup-wrap .popup .popup-bottom{position:absolute;left:0;bottom:40px;display:flex;padding:0 40px;width:100%;box-sizing: border-box;}
#popup-wrap .popup .popup-bottom button{flex:1;display:inline-block;border:1px solid #ff3333;background:#ff3333;color:#fff;font-size:16px;line-height:48px;}
#popup-wrap .popup .popup-bottom button:first-child{border-color:#555;background:#fff;color:#555;}