/* 적립금 상세 팝업 */
#rev_pop{letter-spacing:0; position:relative; width:800px; margin:0 auto; margin-top:20px !important; margin-bottom:20px !important; min-height:200px; background:#fff; border-radius:12px; padding:45px; font-size:17px; line-height:160%;}
#rev_pop{box-shadow: 0 0 2px 0 rgb(95 95 95 / 50%);}
#rev_pop .title{position:relative; font-family:'CarmenSansOTF-Heavy'; font-size:20px; padding: 0 0 4px 0; border-bottom:2px solid #ddd; margin-bottom:10px;}
#rev_pop .title .qdate{font-family:'CarmenSansOTF-UltraLight'; font-size:16px; color:#666; position:absolute; right:0; bottom:10px; letter-spacing:-0.5px;}
#rev_pop .ans_title{position:relative; margin-top:10px; border-bottom:1px solid #ddd; padding:6px 0;}
#rev_pop .ans_title .adate{position:absolute; right:0; bottom:10px; font-size:16px; color:#666; letter-spacing:-0.5px;}
#rev_pop .question, .ans{padding:10px 0;}
#rev_pop .no-ans{display:inline-block;color:#999; padding:15px 0;}

/* 1:1문의 팝업 */
#mantoman_pop{position:relative; width:800px; margin:0 auto; margin-top:20px !important; margin-bottom:20px !important; min-height:200px; background:#fff; border-radius:12px; padding:45px;}
#mantoman_pop{box-shadow: 0 0 2px 0 rgb(95 95 95 / 50%);}
#mantoman_pop .title{position:relative; font-family:'CarmenSansOTF-Heavy'; font-size:20px; padding: 0 0 4px 0; border-bottom:2px solid #ddd; margin-bottom:10px;}
#mantoman_pop .title .qdate{font-family:'CarmenSansOTF-UltraLight'; font-size:16px; color:#666; position:absolute; right:0; bottom:10px; letter-spacing:-0.5px;}
#mantoman_pop .ans_title{position:relative; margin-top:10px; border-bottom:1px solid #ddd; padding:6px 0;}
#mantoman_pop .ans_title .adate{position:absolute; right:0; bottom:10px; font-size:16px; color:#666; letter-spacing:-0.5px;}
#mantoman_pop .question, .ans{padding:10px 6px;}
#mantoman_pop .no-ans{display:inline-block;color:#999; padding:15px 0;}
#mantoman_pop .attach_wrap{display:inline-block; padding:10px; background:#f9f9f9; border-radius:12px; margin-right:4px;}

/* 상품문의 팝업 */
#gpop{position:relative; width:800px; margin:0 auto; margin-top:20px !important; margin-bottom:20px !important; min-height:200px; background:#fff; border-radius:12px; padding:45px;}
#gpop{box-shadow: 0 0 2px 0 rgb(95 95 95 / 50%);}
#gpop .title{position:relative; font-family:'CarmenSansOTF-Heavy'; font-size:20px; padding: 0 0 4px 0; border-bottom:2px solid #ddd; margin-bottom:10px;}
#gpop .goods{font-size:18px; padding:15px 0; letter-spacing:-1px; border-bottom:1px solid #ddd; margin-bottom:10px;}
#gpop .goods img{border-radius:12px;}
#gpop .title .qdate{font-family:'CarmenSansOTF-UltraLight'; font-size:16px; color:#666; position:absolute; right:0; bottom:10px; letter-spacing:-0.5px;}
#gpop .ans_title{position:relative; margin-top:10px; border-bottom:1px solid #ddd; padding:6px 0;}
#gpop .ans_title .adate{position:absolute; right:0; bottom:10px; font-size:16px; color:#666; letter-spacing:-0.5px;}
#gpop .question, .ans{padding:10px 0;}
#gpop .no-ans{display:inline-block;color:#999; padding:15px 0;}

/* 상품후기 등록 팝업 - 수정시 shop 디렉토리의 popup.css 파일도 수정요망 */
#review_rpop{position:relative; width:800px; margin:0 auto; overflow:hidden; border-radius:20px;box-shadow: 0 0 2px 0 rgb(95 95 95 / 50%);}
#review_rpop div.title{padding:20px;font-size:17px;border-bottom:1px solid #ddd;background:#4d515a;color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;position:relative;}
#review_rpop div.cont{padding:10px 30px 10px 30px;}
#review_rpop .close_btn{position:absolute;right:25px;top:15px;}
#review_rpop .cont{padding:30px; background:#fff;}
#review_rpop .in_title{display:inline-block;width:100px; font-size:17px;font-weight:300;vertical-align:bottom;padding-bottom:7px;}
#review_rpop input{font-family:'CarmenSansOTF-UltraLight';}
.star img{vertical-align:middle;margin:0 0 8px 0;cursor:pointer;}
#review_rpop .wbtn{background:#B80120; color:#fff; border:0;}
#review_rpop #editor_box{border:1px solid #ddd;height:200px; display:block; border-radius:4px; overflow:hidden; padding:10px;}
#review_rpop #editor_box .scrollbar-inner{height:180px;}
#review_rpop #rboard_comment{width:100%; margin:0 auto; padding:10px; height:200px;}
#review_rpop #subject{width:75%;font-size:17px;height:38px;border:0;padding-left:2px;}
#review_rpop .mfp-close{background:url('/images/common/ico-wx.png') center center no-repeat !important; right:8px; top:8px;}
#review_rpop textarea{font-size:17px;}
#review_rpop .title_stitle{font-family:'CarmenSansOTF-UltraLight';font-size:17px;font-weight:300; padding:15px 4px;}
#review_rpop #sel_grade{padding:10px 6px;border-bottom:1px solid #ddd;}
#review_rpop .title_box{padding:10px 6px;border-bottom:1px solid #ddd;}
#review_rpop .wbtn_box{padding:10px 0;clear:both;}
.review_files{display:flex; padding:12px 0; border-bottom:1px solid #ddd;}
.review_files > li{position: relative; width: 85px; height: 60px; margin-right:10px;}
.review_files > li .parea{width: 85px; height: 60px; border: 1px solid #ddd; background: url('/images/common/bg_rec_plus.png') center center no-repeat; border-radius:4px; overflow:hidden;}
.review_files input[type='file']{position: absolute; left:0; top:0; width: 100%; height: 100%; border: 0; opacity: 0; cursor: pointer; z-index: 10;}
.review_files .prev_img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.review_files .del_pbtn{position: absolute; right: 0; top: 0; border: 1px solid #ddd; padding: 1px 6px 3px 6px; background: #fff; opacity: 0.8; z-index: 20; cursor: pointer;}
.review_files .del_pbtn img{width:20px; height:20px;}
.review_files .review_photo{width:100%; overflow-y:hidden; overflow-x:auto; }

@media (max-width: 768px) {
	/* 적립금 상세 팝업 */
	#rev_pop{width:90%; margin: 0 auto; padding:45px 30px 30px 30px;}
	#rev_pop .title .qdate{font-size:14px; bottom:5px;}
	#rev_pop .ans_title .adate{font-size:14px; bottom:5px;}
	#rev_pop{font-size:16px;}

	/* 1:1문의 팝업 */
	#mantoman_pop{width:90%; margin: 0 auto; padding:45px 30px 30px 30px;}
	#mantoman_pop .title .qdate{font-size:14px; bottom:5px;}
	#mantoman_pop .ans_title .adate{font-size:14px; bottom:5px;}

	/* 상품문의 팝업 */
	#gpop{width:90%; margin: 0 auto; padding:45px 30px 30px 30px;}
	#gpop .title .qdate{font-size:14px; bottom:5px;}
	#gpop .ans_title .adate{font-size:14px; bottom:5px;}

	/* 상품후기 등록 팝업 - 수정시 shop 디렉토리의 popup.css 파일도 수정요망 */
	#review_rpop{width:90%; margin:0 auto; font-size:16px;} 
	#review_rpop .in_title{display:block; width:100%;font-size:16px;}
	#review_rpop > div.title{font-size:16px;}
	#review_rpop .title_stitle{font-size:16px !important;}
	#review_rpop textarea{font-size:16px; height:120px;}
	#review_rpop > div.cont{padding:15px 20px;}
	#review_rpop #editor_box{height:120px;}
	#review_rpop #editor_box .scrollbar-inner{height:100px;}
	#review_rpop #rboard_comment{display:block !important; padding:5px; font-family:'CarmenSansOTF-UltraLight';letter-spacing:0px; border-radius:4px;}
	#review_rpop .wbtn{width:100%; padding:14px 0;}
	#review_rpop #subject{width:100%;font-size:16px;padding-left:0;}
	#review_rpop div.cont{padding:10px 20px 10px 20px}
	.review_files > li{position: relative; width: 75px; height: 55px; margin-right:6px; border-radius:2px;}
	.review_files > li .parea{width: 75px; height: 55px; border-radius:4px;}
	.review_files > li:nth-child(n+4):nth-child(-n+5){display:none;}
}

@media (min-width:501px) and (max-width: 768px) {
	/* 상품후기 등록 팝업 - 수정시 shop 디렉토리의 popup.css 파일도 수정요망 */
	.review_files > li{position: relative; width: 85px; height: 60px; margin-right:6px; border-radius:1px;}
	.review_files > li .parea{width: 85px; height: 60px; border-radius:4px;}
	.review_files > li:nth-child(n+4):nth-child(-n+5){display:block;}
}