/* 장바구니 담기 알림 팝업 */ #cart_qa_pop{width:500px;background:transparent;margin:0 auto; overflow:hidden; font-size:17px;font-weight:600;letter-spacing:-1px; border-radius:20px;} #cart_qa_pop > div.title{cursor:move;padding:15px 20px;font-size:19px;font-weight:300;border-bottom:1px solid #ddd;background:#3d3d3d;color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;position:relative;} #cart_qa_pop > div.cont{padding:10px 20px 10px 20px; background:#fff;} #cart_qa_pop span.msg{font-size:15px;font-weight:300;color:#fff;display:inline-block;margin-left:10px;} #cart_qa_pop .close_btn{position:absolute;right:25px;top:15px;} #cart_qa_pop #pop_cont{color:#333;font-size:17px;padding:30px;} #cart_qa_pop .cart_desc{padding:20px 10px;text-align:center;line-height:180%;font-size:17px;font-weight:500;color:#000;letter-spacing:-1px;} #cart_qa_pop .vbtn1{display: inline-block; font-size: 20px; font-weight: 500; width: 48%; padding: 12px 0; text-align: center; border: 2px solid #B80120; cursor: pointer; font-weight: 400; letter-spacing: -0.5px; margin-right: 1%; border-radius: 8px; background-color:#fff; color:#B80120} #cart_qa_pop .vbtn2{display: inline-block; font-size: 20px; font-weight: 500; width: 48%; padding: 12px 0; text-align: center; border: 2px solid #B80120; cursor: pointer; font-weight: 400; letter-spacing: -0.5px; margin-right: 1%; border-radius: 8px; background-color:#B80120; color:#fff;} /* 장바구니 옵션변경 팝업 */ #opt_rpop{position:relative; width:750px; margin:0 auto; overflow:hidden; border-radius:20px;box-shadow: 0 0 2px 0 rgb(95 95 95 / 50%);} #opt_rpop div.title{cursor:move;padding:20px;font-size:17px;border-bottom:1px solid #ddd;background:#4d515a;color:#fff;position:relative;} #opt_rpop div.cont{padding:10px 30px 10px 30px;} #opt_rpop .close_btn{position:absolute;right:25px;top:15px;} #opt_rpop .cont{padding:30px; background:#fff;} #opt_rpop .in_title{display:inline-block;width:150px; font-size:17px;font-weight:300;vertical-align:bottom;padding-bottom:5px;} #opt_rpop input{font-family:'CarmenSansOTF-UltraLight';} .star img{vertical-align:middle;margin:0 0 8px 0;cursor:pointer;} #opt_rpop .wbtn{background:#B80120; color:#fff; border:0;} #opt_rpop .gname{font-size:17px;} #opt_rpop .opt_row > li{float:left; height:42px; line-height:42px; padding:0 8px;} #opt_rpop .opt_row > li:nth-child(1){width:30%;} #opt_rpop .opt_row > li:nth-child(2){width:70%;} #opt_rpop .opt_list{overflow:hidden;} #opt_rpop .opt_list > li{float:left;} #opt_rpop .opt_list > li:nth-child(1){width:30%}; #opt_rpop .opt_list > li:nth-child(2){width:70%}; #opt_rpop .opt_add{padding:8px;border-bottom:1px solid #ddd;background:#fff;} #opt_rpop .opt_add:last-child{border-bottom:0;} #opt_rpop .opt_add img.qtn{display: block;vertical-align:top;cursor:pointer;} #opt_rpop .opt_add img.drop_opt{vertical-align:middle;cursor:pointer;padding-bottom:3px;margin-left:5px;} /* #opt_rpop .opt_add > ul{display: table;width:100%;} #opt_rpop .opt_add > ul > li.opt_vals{padding:0 10px;} #opt_rpop .opt_add > ul > li{display:table-cell;vertical-align:middle;min-height:38px;} #opt_rpop .opt_add > ul > li:nth-child(1){width:100%;} #opt_rpop .opt_add > ul > li:nth-child(2){width:0%;text-align:center;} #opt_rpop .opt_add > ul > li:nth-child(2) input{font-family:'CarmenSansOTF-UltraLight'; font-size:16px;vertical-align:middle;width:55px;height:34px;padding:6px;} #opt_rpop .opt_add > ul > li:nth-child(3){width:30%;text-align:right;} #opt_rpop .opt_add .input_qty{border:1px solid #ddd;padding:7px 8px;width:45px;text-align:center;float:left;margin-right:3px;} #opt_rpop .opt_add > ul > li.opt_qty ul{vertical-align:middle;} */ #opt_rpop .mfp-close{background:url('/images/common/ico-wx.png') center center no-repeat !important; right:8px; top:8px;} #opt_rpop .opt_add{padding:8px;border-bottom:1px solid #ddd;background:#fff;} #opt_rpop .opt_add:last-child{border-bottom:0;} #opt_rpop .opt_add img.qtn{display: block;vertical-align:top;cursor:pointer;} #opt_rpop .opt_add img.drop_opt{vertical-align:middle;cursor:pointer;padding-bottom:3px;margin-left:5px;} #opt_rpop .opt_add > ul{display: flex;width:100%; align-items: center; justify-content: center; flex-wrap: wrap;} #opt_rpop .opt_add > ul > li.opt_vals{padding:0 10px 5px 0;} #opt_rpop .opt_add > ul > li{/*display:table-cell;*/vertical-align:middle;min-height:38px;} #opt_rpop .opt_add > ul > li:nth-child(1){width:55%;} #opt_rpop .opt_add > ul > li:nth-child(2){width:25%;text-align:center;} #opt_rpop .opt_add > ul > li:nth-child(2) input{font-size:16px;vertical-align:middle;width:55px;padding:6px;} #opt_rpop .opt_add > ul > li:nth-child(3){width:20%;text-align:right;} #opt_rpop .opt_add .input_qty{border:1px solid #ddd;padding:7px 8px;width:45px;text-align:center; margin-right:3px;} #opt_rpop .opt_add > ul > li.opt_qty ul{vertical-align:middle;} #opt_rpop .opt_add .qty_box{position:relative; display:inline-block; border:0px solid #ddd; border-radius:0px; overflow:hidden;} #opt_rpop .opt_add .qty_box > span{display:inline-block; width:36px; height:100%; text-align:center; line-height:34px; cursor:pointer; font-family:'CarmenSansOTF-Regular'; font-size:20px; border:1px solid #ddd; border-radius:20px; vertical-align:middle;} #opt_rpop .opt_add .qty_box > span.qty_drop_pop{user-select:none;} #opt_rpop .opt_add .qty_box > span.qty_add_pop{user-select:none;} #opt_rpop .opt_add .input_qty{width:65px; height:34px; border:1px solid #ddd; padding:6px; text-align:center; font-family:'CarmenSansOTF-UltraLight'; font-size:16px; border-radius:6px;} #opt_rpop .opt_add2{padding:8px;border-bottom:1px solid #ddd;background:#fff;} #opt_rpop .opt_add2:last-child{border-bottom:0;} #opt_rpop .opt_add2 img.qtn{display: block;vertical-align:top;cursor:pointer;} #opt_rpop .opt_add2 img.drop_opt{vertical-align:middle;cursor:pointer;padding-bottom:3px;margin-left:5px;} #opt_rpop .opt_add2 > ul{display: flex;width:100%; align-items: center; justify-content: center; flex-wrap: wrap;} #opt_rpop .opt_add2 > ul > li.opt_vals{padding:0 10px 5px 0;} #opt_rpop .opt_add2 > ul > li{/*display:table-cell;*/vertical-align:middle;min-height:38px;} #opt_rpop .opt_add2 > ul > li:nth-child(1){width:55%;} #opt_rpop .opt_add2 > ul > li:nth-child(2){width:25%;text-align:center;} #opt_rpop .opt_add2 > ul > li:nth-child(2) input{font-size:16px;vertical-align:middle;width:55px;padding:6px;} #opt_rpop .opt_add2 > ul > li:nth-child(3){width:20%;text-align:right;} #opt_rpop .opt_add2 .input_qty{border:1px solid #ddd;padding:7px 8px;width:45px;text-align:center; margin-right:3px;} #opt_rpop .opt_add2 > ul > li.opt_qty ul{vertical-align:middle;} #opt_rpop .opt_add2 .qty_box{position:relative; display:inline-block; border:0px solid #ddd; border-radius:0px; overflow:hidden;} #opt_rpop .opt_add2 .qty_box > span{display:inline-block; width:36px; height:100%; text-align:center; line-height:34px; cursor:pointer; font-family:'CarmenSansOTF-Regular'; font-size:20px; border:1px solid #ddd; border-radius:20px; vertical-align:middle;} #opt_rpop .opt_add2 .qty_box > span.qty_drop_pop{user-select:none;} #opt_rpop .opt_add2 .qty_box > span.qty_add_pop{user-select:none;} #opt_rpop .opt_add2 .input_qty{width:65px; height:34px; border:1px solid #ddd; padding:6px; text-align:center; font-family:'CarmenSansOTF-UltraLight'; font-size:16px; border-radius:6px;} #opt_rpop .item_total{text-align:right;padding:15px 2px 5px 2px;font-size:19px;font-family:'CarmenSansOTF-UltraLight';font-size:20px;font-weight:500;color:#222;} /* 상품문의 팝업 */ #qna_rpop{position:relative;width:1000px; margin:0 auto; overflow:hidden; border-radius:20px;box-shadow: 0 0 2px 0 rgb(95 95 95 / 50%);} #qna_rpop div.title{cursor:move;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;} #qna_rpop div.cont{padding:10px 30px 10px 30px;} #qna_rpop .close_btn{position:absolute;right:25px;top:15px;} #qna_rpop .cont{padding:30px;background:#fff;} #qna_rpop .in_title{display:inline-block;width:100px;font-size:17px;font-weight:300;vertical-align:bottom;padding-bottom:5px;} #qna_rpop .wbtn{background:#B80120; color:#fff; border:0;} #qna_rpop .title_stitle{font-size:17px; padding:10px 0;} #qna_rpop .col_item{padding:10px;border-bottom:1px solid #ddd;} #qna_rpop #editor_box{border:1px solid #ddd;height:265px; display:block;} #qna_rpop #subject{width:80%;font-size:16px;height:38px;border:1px solid #ddd; padding-left:8px; border-radius:4px;} #qna_rpop #question{width:100%; margin:0 auto; padding:15px; height:200px; border-radius:8px;} #qna_rpop .mfp-close{background:url('/images/common/ico-wx.png') center center no-repeat !important; right:8px; top:8px;} /* 상품후기 등록 팝업 - 수정시 member 디렉토리의 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'; padding:6px; vertical-align:middle; border-radius:4px; border:1px solid #ddd;} .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 #subject{width:85%;font-size:17px;height:38px;border:1px solid #ddd;padding:8px; border-radius:4px;} #review_rpop #comment{width:100%; margin:0 auto; padding:10px; height:200px;} #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; } /* 메인공지팝업 */ .shop_mpop{position:absolute;min-width:200px;min-height:100px;border:1px solid #ddd;background:#fff;margin:0;padding:0;border-radius:10px; overflow:hidden;} .shop_mpop .pop_cont{min-height:100px;} .shop_mpop .btc{position:relative;padding:8px 15px;text-align:right;border-top:1px solid #ddd;font-family:'CarmenSansOTF-UltraLight';font-size:15px;font-weight:300;color:#000;letter-spacing:-1px;cursor:move;} .shop_mpop .btc label{display:inline-block;position:absolute;left:15px;top:8px;cursor:pointer;} @media (max-width: 768px) { .shop_mpop{width:95% !important; left:2% !important;} .shop_mpop .pop_cont img{width:100% !important;} /* 장바구니 담기 알림 팝업 */ #cart_qa_pop{width:95%; max-width:500px;} #cart_qa_pop #pop_cont{padding:15px;} #cart_qa_pop .cart_desc{font-size:16px;} #cart_qa_pop .cart_des{font-size:16px;} #cart_qa_pop .vbtn1{font-size:16px;} #cart_qa_pop .vbtn2{font-size:16px;} /* 장바구니 옵션변경 팝업 */ #opt_rpop{width:90%;} #opt_rpop .opt_row > li:nth-child(1){display:none;} #opt_rpop .opt_row > li:nth-child(2){width:100%;} #opt_rpop .opt_add > ul > li:nth-child(1){width:100%;} #opt_rpop .opt_add > ul > li:nth-child(2){width:50%;} #opt_rpop .opt_add > ul > li:nth-child(3){width:50%;} #opt_rpop .opt_add2 > ul > li:nth-child(1){width:100%;} #opt_rpop .opt_add2 > ul > li:nth-child(2){width:50%;text-align:center;} #opt_rpop .opt_add2 > ul > li:nth-child(3){width:50%;text-align:right;} #opt_rpop .opt_add{padding:8px 0;} #opt_rpop .opt_add2{padding:8px 0;} #opt_rpop .opt_add > ul > li:nth-child(2){text-align:left:} /* 상품문의 팝업 */ #qna_rpop div.cont{padding:10px 20px;} #qna_rpop{width:90%; font-size:16px;} #qna_rpop .in_title{display:block; width:100%;font-size:16px;} #qna_rpop > div.title{font-size:16px;} #qna_rpop .title_stitle{font-size:16px !important;} #qna_rpop textarea{font-size:16px !important;} #qna_rpop > div.cont{padding:15px 20px;} #qna_rpop #editor_box{position:fixed; left:999999px;} #qna_rpop #rboard_comment{display:block !important;letter-spacing:-1px; border-radius:4px;} #qna_rpop .wbtn{width:100%; padding:14px 0;} #qna_rpop #subject{width:100%;font-size:16px;} #qna_rpop .col_item{padding:10px 2px;} /* 상품후기 등록 팝업 - 수정시 member 디렉토리의 popup.css 파일도 수정요망 */ #review_rpop{width:90%; margin:0 auto; font-size:15px;} #review_rpop .in_title{display:block; width:100%;font-size:15px;} #review_rpop > div.title{font-size:15px;} #review_rpop .title_stitle{font-size:15px !important;} #review_rpop textarea{font-size:15px; 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;} #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) { /* 상품후기 등록 팝업 - 수정시 member 디렉토리의 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;} }