/* Web-planet Solution (Shop style) v1.0.0 | 2019-11-21 Publisher */ #wp_shop .wp_Cont {padding: 0;} #wp_shop input[type="number"], #wp_shop button, #wp_shop select {border-radius:0;-webkit-appearance:none;} #wp_shop select { background: url('/_wp/app/shop/skin/basic/img/wp_select_arrow.png') no-repeat 95% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #wp_shop select::-ms-expand { display: none; } /* shop input number */ #wp_shop input[type="number"]::-webkit-outer-spin-button, #wp_shop input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* 2019-11-19 input 리셋 셀렉 화살표 구현 -webkit-appearance: none; appearance: none; -moz-appearance: textfield; */ #wp_shop .ea_wrap {width: 108px;margin: 0 auto;display: block;} #wp_shop .ea_wrap_view {width: 170px;margin-top: 15px; margin-right: 0;display: block;} #wp_shop .ea_wrap .wp_num_close_btn {} #wp_shop .ea_wrap button { position: relative; width: 36px; height: 36px; border: 1px solid #d4d4d4; border-radius: 0; background: #fff; font-size: 20px; font-weight: 400; color: #a0a0a0; cursor: pointer; text-decoration: none; vertical-align: top; box-sizing: border-box; -webkit-appearance: none; appearance: none; -moz-appearance: none; padding: 0; margin: 0; } #wp_shop .ea_wrap input { width: 35px; height: 36px; border: 1px solid #d4d4d4; border-width: 1px 0; margin: 0; padding: 0; font-size: 14px; font-weight: 500; color: #000; text-align: center; box-sizing: border-box; vertical-align: top; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; border-radius: 0; } #wp_shop .ea_wrap .wp_num_close_btn {background: #000;color: #fff;border: 1px solid #000;line-height: 20px;margin-left: 15px;} .wp_mg0 {padding: 0;} .wp_pd0 {padding: 0;} .wp_mgt15 {margin-top: 15px;} .wp_mgb15 {margin-bottom: 15px;} .wp_pdt15 {padding-top: 15px;} .wp_pdb15 {padding-bottom: 15px;} @media (max-width: 768px){ #wp_shop .prd_choice .ea_wrap {margin-right: 0;display: block;width: 100%;} #wp_shop .ea_wrap button {width: 30px !important;height: 30px;line-height: 20px;padding: 0;} #wp_shop .ea_wrap input {width: 30px !important;height: 30px;line-height: 20px;} } /* pre reset */ .wp_container pre { padding: 0; margin-top : 0; margin-bottom : 0; } .wp_container pre.ellipsis {height: auto;} .wp_container pre,.wp_container pre.ellipsis { display: block; font-family: inherit; white-space: pre-wrap; font-size: inherit; line-height:inherit; color: inherit; word-break: break-all; word-wrap: break-word; background: none; border: none; border-radius: 0px; } .wp_qna_reply_on pre.ellipsis, .reply_view pre.ellipsis { white-space: pre-wrap !important;} .wp_container pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; display: block; font-family: inherit; } /* shop_list */ #wp_shop .wp_container {max-width: 1200px;} #wp_shop .wp_container .wp_shop {overflow:hidden;margin-top:15px; padding: 0px;} #wp_shop .wp_shop ul {overflow:hidden;} #wp_shop .wp_shop > ul {font-size: 0;} /* inline �뺣젹 */ #wp_shop .wp_shop .list_li {font-size: 12px;letter-spacing: -0.2px; /* width: 25%; 부트스트랩으로 대체 */display: inline-block;margin-bottom: 15px;transition: all 0.5s ease-in-out;vertical-align: top; padding: 0 !important;float: none !important;} #wp_shop .wp_shop .list_li .wp_shop_wrap {padding: 10px;} #wp_shop .wp_shop .list_li .wp_shop_wrap .wp_shop_frame { position: relative; padding-top: 99%; overflow: hidden;/* border: 1px solid #ddd; */} /* == wp_shop_frame 비율 == 1:1 : padding-top: 100%; ratio 2:1 : padding-top: 50% 1:2 : padding-top: 200% 4:3 : padding-top: 75% 16:9 : padding-top: 56.25% */ #wp_shop .wp_shop .list_li .wp_shop_wrap .wp_shop_frame img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; margin: auto 0;} #wp_shop .wp_shop .list_li .wp_shop_text .wp_shop_tit {padding: 5px 9px 5px 10px;} #wp_shop .wp_shop_tit {font-weight: bold;color: #121212;font-size: 1.3em;margin-bottom: 0;/* text-decoration: underline; */} #wp_shop .brand {border-top: 1px solid #888;padding-top: 10px;} #wp_shop .discount {padding-top: 10px;} #wp_shop .discount .sell {display: block;color: #aaa; padding-top:0;} #wp_shop .discount .sell .num {text-decoration:line-through;} #wp_shop .discount .sale {display: block;color: #ff4800;padding-top: 0;} #wp_shop .notdiscount .sell {display: block;color: #121212;} #wp_shop .price .soldout * {color: #aaa;text-decoration:line-through;cursor:default;} #wp_shop .sale .num, #wp_shop .sale .price, #wp_shop .notdiscount .num {font-weight: 600;} #wp_shop .wp_shop_frame > img {width: 100%;} #wp_shop .info {padding: 0 10px 10px;color: #5d5d5d;} /* 아이콘 */ #wp_shop .prd_icon { position:absolute; top:100%; left:0; margin-top:-25px;} #wp_shop .prd_icon:after { display:block; clear:both; content:"";} #wp_shop .prd_icon span { display:inline-block; float:left; border-radius:0; border:0; padding:0; font-size:0; font-weight:500; color:#fff; text-align:center; vertical-align:top; text-transform:uppercase; } #wp_shop .prd_icon span:first-of-type { margin-left:0;} /* 아이콘종류 */ #wp_shop .prd_icon .coupon { background:#666;} #wp_shop .prd_icon .best { background:#333;} #wp_shop .prd_icon .new { background:#eea00f;} #wp_shop .prd_icon .sale { background:#ff4800;} #wp_shop .prd_icon .soldout { padding:0 8px; width:auto; font-size:12px; background:#d4d4d4;} /* 장바구니,찜 아이콘 */ #wp_shop .wp_shop_btn {text-align: left;padding-left: 10px;} #wp_shop .wp_shop_btn a { margin: 2px; opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } #wp_shop .wp_shop_btn a i { display: inline-block; font-size: 20px; line-height: 30px; width: 30px; background-color: #ffffff; text-align: center; color: #000000; border: 1px dashed #ddd; } #wp_shop .wp_shop_btn a i:hover { background-color: #4da3e2; color: #ffffff; cursor: pointer; } #wp_shop .list_li:hover a, #wp_shop .list_li.hover a {opacity: 1; transition:all 0.3s; -webkit-transform: translateX(0); transform: translateX(0); width: 40px; } #wp_shop .list_li:hover a:nth-child(2), #wp_shop .wp_shop_btn.hover a:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s;} #wp_shop .list_li:hover a:nth-child(3), #wp_shop .wp_shop_btn.hover a:nth-child(3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s;} #wp_shop .wp_container #wp_skin01 .wp_pager a {font-size: 20px;} #wp_shop .wp_list_footer {border-top:1px solid #d6d6d6;} @media (max-width: 1000px){ /* #wp_shop .wp_shop .list_li {width: 33.33%;} */ /* 부트스트랩으로 대체 */ } @media (max-width: 768px){ #wp_shop .wp_shop .list_li {transition: all 0s ease-in-out;} /* #wp_shop .wp_shop .list_li {width: 50%;} */ /* 부트스트랩으로 대체 */ /* #wp_shop .wp_shop .wp_top1 {width: 100%;} */ /* 부트스트랩으로 대체 */ #wp_shop .wp_shop_btn a {opacity: 1;} #wp_shop .wp_container #wp_skin01 .wp_pager a {font-size: 20px;} } @media (min-width: 768px){ /* #wp_shop .wp_shop .wp_top3 {width: 33.33%;} */ /* 부트스트랩으로 대체 */ } @media (max-width: 640px){ /*20200206추가*/ #wp_shop .wp_shop .list_li .wp_shop_wrap {padding:0;} } @media screen and (min-width:541px) { .prd_icon span { width:25px; height:25px; line-height:25px;} .prd_icon span:first-letter {font-size:12px;} } @media screen and (max-width:540px) { .prd_icon span {width:26px; height:26px; line-height:26px;} .prd_icon span:first-letter {font-size:12px;} } /* shop_view */ #wp_shop .wp_product_detail {width: 100%;} #wp_shop .wp_img_div { width: 50%; float: left; } /* 47 */ #wp_shop .wp_img_div #wp-pager {font-size: 0;margin-top: 5px;} #wp_shop .wp_img_div #wp-pager a {display: inline-block;width: 20%;padding:5px;} #wp_shop .wp_img_div #wp-pager a img {max-width: 100%;} #wp_shop .wp_detail_div { width: 50%; padding-left: 4%; float: left;} /* 48 */ #wp_shop .wp_detail_div .prd_option {padding: 0 15px;} #wp_shop .wp_detail_div .prd_option .prd_option_title {margin-bottom: 0;margin-top: 15px;border-top: 1px dashed #ddd;padding-top: 10px;} #wp_shop .wp_detail_div .prd_choice {padding: 0 5px;} #wp_shop .wp_detail_div .prd_choice > div {margin-top: 15px;} #wp_shop .wp_detail_div .prd_choice > div .wp_td_div {padding: 10px;font-size: 14px;vertical-align: middle;border-bottom: 1px dashed #ddd;} #wp_shop .wp_detail_div .prd_choice > div .wp_choice_right {min-width: 150px;} #wp_shop .wp_detail_div .prd_choice .wp_choice_title {vertical-align: middle;} #wp_shop .wp_detail_div .prd_choice .wp_choice_title .choice_tit_txt {margin: 0;} #wp_shop .wp_detail_div .prd_choice .wp_td_div .wp_choice_price {padding-top: 10px;text-align: right;font-size: 15px;} #wp_shop .wp_detail_div .prd_choice .wp_choice_total {padding:10px;text-align: right;font-size: 13px;} #wp_shop .wp_detail_div .prd_choice .wp_choice_total .wp_choice_total_color {font-size: 30px;color: #ff4800;margin-left: 10px;} /* #wp_shop .wp_detail_div .prd_choice .wp_choice_input {padding: 0;} #wp_shop .wp_detail_div .prd_choice .wp_choice_input i {font-size: 25px;vertical-align: top;} #wp_shop .wp_detail_div .prd_choice .wp_choice_input input{width: 70px;text-align: center;} */ #wp_shop .wp_prd_txt { border-top: 1px solid #888; padding: 24px 15px 10px 15px; } #wp_shop .wp_prd_txt .prd_title { font-size: 20px; line-height: 26px; font-weight: 600; } #wp_shop .wp_prd_txt .prd_rank, .wp_prd_txt .prd_review {display: inline-block;margin-top: 10px;font-size: 13px;font-weight: 600;} #wp_shop .wp_prd_txt .prd_review {padding-left: 15px;} #wp_shop .wp_price{ font-size: 14px; font-weight: 600; text-decoration: line-through; margin-top: 10px; } #wp_shop .wp_price font {color: #a0a0a0; } #wp_shop .wp_sale_default {color: #121212; margin-top: 10px; font-size: 18px; font-weight: 600; } #wp_shop .wp_sale_default p {margin:0;} #wp_shop .wp_sale {color: #ff4800; margin-top: 10px; font-size: 22px; font-weight: 600; } #wp_shop .wp_sale_soldout { color: #aaa; margin-top: 10px; font-size: 22px; font-weight: 600; text-decoration: line-through; } #wp_shop .wp_sale_txt{ color: #ff4800; } #wp_shop .prd_price { border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-top: 20px; margin-bottom: 15px; } #wp_shop .prd_discount { padding-bottom: 10px;} #wp_shop .prd_discount ul { font-size: 13px; line-height: 22px; overflow: hidden;} #wp_shop .prd_discount li:nth-child(odd){ float: left; width: 74px; font-weight: 600; } #wp_shop .prd_discount li:nth-child(2n){ overflow: hidden; color: #303033; font-weight: 500; } #wp_shop .prd_discount li:after{ display: block; clear: both; content: "";} #wp_shop .prd_discount li span{ display: block; font-size: 12px; } #wp_shop .prd_discount li span a{ text-decoration: underline; } #wp_shop .prd_discount .deli_cost_table {max-width: 100%;} #wp_shop .prd_discount .deli_cost_table td {padding: 0px;} #wp_shop .prd_discount .deli_cost_table .deli_cost {padding-left: 15px;} #wp_shop .prd_discount .deli_cost_table .wp_swung_dash {width: 20px;text-align: center;} #wp_shop .prd_sel .wp_prd_option { margin-top: 5px;padding: 10px;width: 100%; } #wp_shop .wp_btn { box-sizing:border-box; float: left; width: 33.33%; height: 50px; line-height: 50px; font-size: 14px; font-family: campton; color: #fff; text-align: center; } /* 2019-12-02 */ #wp_shop .option_btnbx .wp_btn {width: 33.3333%;} #wp_shop .btn_like { background: #ea274b; color: #fff;} #wp_shop .btn_like:hover { color: #fff; } #wp_shop .btn_shopbag { background: #fff; color: #000; border: 1px solid #d4d4d4; } #wp_shop .btn_shopbag:hover {color: #000;} #wp_shop .btn_buynow { background: #000; color: #fff; } #wp_shop .btn_buynow:hover {color: #fff;} #wp_shop .btn_close { background: #888; color: #fff; } #wp_shop .btn_close:hover {color: #fff;} #wp_shop .option_btnbx {margin-top: 15px;padding: 0 15px;} #wp_shop .prd_intro_span { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #888; } #wp_shop .prd_intro_span span { font-size: 13px; font-weight: 600;} #wp_shop .wp_empty {width: 100%;display: inline-block;} /* 빈공간채우기 */ /* 옵션항목 */ #wp_shop .wp_option_wrap {overflow: hidden;border-bottom: 1px solid #888;padding-bottom: 15px;} /* 상세페이지 이미지 반응형 */ #wp_shop .wp_option_wrap img {max-width: 100%;} /* 상세페이지 이미지 반응형 */ #wp_shop .wp_option_wrap .wp_option_li {margin-bottom: 30px;padding: 0 5px !important;} #wp_shop .wp_option_wrap .wp_option_li_title {padding: 5px 0;font-size: 13px;font-weight: 600;} #wp_shop .wp_option_wrap .wp_option_li_ea {font-size: 12px;} /* #wp_shop .wp_option_wrap .wp_option_li_ea input {border: 1px solid #888;width: 40%;text-align: center;} */ #wp_shop .wp_option_wrap .wp_option_li_ea * {display: inline-block;vertical-align: middle;} /* 미디어 쿼리 */ @media screen and (max-width:786px) { #wp_shop .wp_img_div { width: 100%; padding: 0 15px; } #wp_shop .wp_detail_div { width: 100%; padding-left: 0%; } #wp_shop.sel_box .wp_prd_option { margin: 15px auto 0;padding: 10px 30px;width: 100%;display: inline-block; } /* 옵션 */ #wp_shop .wp_img_div #wp-pager {margin: 15px 0;} #wp_shop .wp_img_div #wp-pager a {width: 20%; padding:0;} /* 상세페이지 이미지 반응형 */ .wp_view_sub img {width: 100%;} #wp_shop .wp_btn {font-size: 12px;} } /* shop_basket & wishlist */ #wp_shop .wp_basket_moblie,#wp_shop .wp_basket_moblie_inb {display: none !important;} #wp_shop .wp_shop ul { display: table;width: 100%;} #wp_shop .wp_shop .wp_basket_ul li {width: 100%;vertical-align: middle;overflow: hidden;display: table;} #wp_shop .wp_shop ul .wp_basket_list_title {border-top: 1px solid #121212;border-bottom: 1px solid #ddd;display: table;} #wp_shop .wp_shop ul li > div { display: table-cell;} #wp_shop .wp_shop ul .wp_basket_list_title div {font-size: 15px;vertical-align: middle;text-align: center;padding: 15px 0;} #wp_shop .wp_shop ul .wp_basket_list_title .wp_table_basket01, #wp_shop .wp_shop ul .wp_basket_list_prd .wp_table_basket01 {width: 4.5%;vertical-align: top;} #wp_shop .wp_shop ul .wp_basket_list_title .wp_table_basket02, #wp_shop .wp_shop ul .wp_basket_list_prd .wp_table_basket02 {width: calc(95.5% - 45%);display: block;float: left;} #wp_shop .wp_shop ul .wp_basket_list_title .wp_table_basket03, #wp_shop .wp_shop ul .wp_basket_list_prd .wp_table_basket03 {width: 15%;vertical-align: middle;} #wp_shop .wp_shop ul .wp_basket_list_title .wp_table_basket04, #wp_shop .wp_shop ul .wp_basket_list_prd .wp_table_basket04 {width: 15%;vertical-align: middle;} #wp_shop .wp_shop ul .wp_basket_list_title .wp_table_basket05, #wp_shop .wp_shop ul .wp_basket_list_prd .wp_table_basket05 {width: 15%;vertical-align: middle;} #wp_shop .wp_shop ul .wp_basket_list_title .wp_table_basket06, #wp_shop .wp_shop ul .wp_basket_list_prd .wp_table_basket06 {width: 30%;vertical-align: middle;} #wp_shop .wp_shop li .basket_chk_area {text-align: center; display: table-cell;} #wp_shop .wp_shop li .basket_chk_area input { height: 20px;width: 20px;text-align: center;font-size: 16px;} #wp_shop .wp_order_ul_bdb {border-bottom: 1px solid #121212;} #wp_shop .wp_shop .wp_basket_ul .wp_order_bdt {border-top: 1px dashed #ddd;} #wp_shop .wp_shop .wp_basket_ul .wp_order_bdt:nth-child(1) {border: none;} #wp_shop .wp_shop .wp_basket_ul .wp_order_bdt:nth-child(2) {border: none;} #wp_shop .wp_shop .wp_basket_ul .wp_order_bdt:nth-child(3) {border: none;} #wp_shop .wp_shop .wp_basket_list_prd > div {padding: 30px 60px 30px 0;} #wp_shop .wp_shop .wp_basket_list_prd .basket_chk_area {padding-left: 0;padding-right: 0;} #wp_shop .wp_shop .wp_basket_list_prd .wp_basket_none_msg {text-align: center;font-size: 20px;margin: 50px auto;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_img_wrap {padding: 30px 25px 30px 0;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_img_wrap .basket_prd_img {padding: 0px 25px 0px 0px;float: left;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_img_wrap .basket_prd_img img {max-width: 110px;max-height: 110px;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info {font-size: 15px;vertical-align: middle;display: block;float: left; max-width: calc(100% - 135px);} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info > a {display: block;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info .brand_name {font-size: 12px; line-height: 15px; text-decoration: underline;color: #121212;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info .product_name {margin-top: 5px; font-size: 16px; line-height: 22px;font-weight: 600;color: #121212;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info .product_price {margin-top: 6px; font-size: 13px; color: #303033; line-height: 22px;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info .product_price > span {display: block;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info .product_price .product_price_original{ display: block; margin-top: 2px; color: #121212;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info .product_price .product_price_original .wp_access_msg_c{color: #ff4800; font-weight: 600;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info .product_price .product_price_sale{ text-decoration: line-through; color: #aaa;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info .product_price .product_price_discount{ display: block; margin-top: 2px; color: #ff4800;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info .product_option {display: block; margin-top: 6px; font-size: 12px; line-height: 20px; color: #303033; } #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info .product_option .wp_myorderlist_totalprice {color: #121212;font-size: 15px;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info .product_option .wp_myorderlist_totalprice .wp_access_msg_c {font-weight: 600;} #wp_shop .wp_shop .wp_basket_list_title .wp_basket_ea_area, #wp_shop .wp_shop .wp_basket_list_prd .wp_basket_ea_area {float: left;padding-left: 0;padding-right: 0;} #wp_shop .wp_shop .wp_basket_list_prd .wp_basket_ea_area .ea_wrap {margin: 0 auto;display: block;} #wp_shop .wp_shop .wp_basket_list_prd .wp_basket_ea_area .ea_text {width: 108px;margin: 0 auto;display: block;font-size: 15px;text-align: center;} #wp_shop .wp_shop li .shop_order_price {float: left;font-size: 15px;text-align: center;margin: 0 auto;padding-right: 0;padding-left: 0;} #wp_shop .wp_shop li .shop_order_price .wp_basket_buynow {display: inline-block;width: 100px;margin-top: 17px; border: 1px solid #000; background: #000; text-transform: uppercase; font-size: 13px; color: #fff; font-weight: 500;padding: 5px;} #wp_shop .wp_shop li .shop_order_price .wp_basket_buynow:hover {border: 1px solid #000; background: #fff; color: #000; padding: 5px;} #wp_shop .wp_shop li .shop_order_price .wp_basket_delete {display: inline-block;width: 100px;margin-top: 8px; border: 1px solid #555; background: #555; text-transform: uppercase; font-size: 13px; color: #fff; font-weight: 500;padding: 5px;} #wp_shop .wp_shop li .shop_order_price .wp_basket_delete:hover {border: 1px solid #000; background: #fff; color: #000; padding: 5px;} #wp_shop .wp_shop li .shop_order_price .shop_price {font-size: 15px;} #wp_shop .wp_shop li .shop_delivery_price {float: left; font-size: 15px;text-align: center;margin: 0 auto;padding-right: 0;padding-left: 0;} #wp_shop .wp_shop .wp_footer_btn .wp_basket_f_btn .wp_f_btn_wrap {margin: 5px 0;padding: 0 7.5px;} #wp_shop .wp_shop .wp_footer_btn .wp_btn_footer { display: block; height: 42px; width: 100%; border: 1px solid #ccc; font-size: 15px; line-height: 42px; text-align: center; } #wp_shop .wp_shop .wp_footer_btn .wp_del_ea {background: #fff;color: #121212;} #wp_shop .wp_shop .wp_footer_btn .wp_del_all {background: #fff;color: #121212;} #wp_shop .wp_shop .wp_footer_btn .wp_buy_ea {background: #555;color: #fff;} #wp_shop .wp_shop .wp_footer_btn .wp_buy_all {background: #555;color: #fff;} /* wishlist checkbox */ #wp_shop .wp_shop .wp_wish_ul .list_li .basket_chk_area {padding-top: 5px;} /* basket order price */ #wp_shop .wp_container .wp_shop_order {border-bottom: 1px solid #121212;margin-top: 30px;overflow: hidden;} #wp_shop .wp_container .wp_shop_order .wp_basket_list_title .wp_table_order01 {width: 33.33%;padding-left: 0;padding-right: 0;text-align: center;} #wp_shop .wp_container .wp_shop_order .wp_table_order01 {width: 33.33%;padding-left: 0;padding-right: 0;text-align: center;vertical-align: middle;} #wp_shop .wp_container .wp_shop_order .wp_table_order01 .shop_order_price {font-size: 20px;text-align: center;float: none;} #wp_shop .wp_container .wp_shop_order .wp_table_order01 .shop_order_sub {font-size: 13px;text-align: center;margin-top: 15px;} #wp_shop .wp_container .wp_shop_order .wp_table_order02 {width: 33.33%;padding-left: 0;padding-right: 0;text-align: center;vertical-align: middle;} #wp_shop .wp_container .wp_shop_order .wp_table_order02 .shop_order_price {font-size: 20px;text-align: center;float: none;} #wp_shop .wp_container .wp_shop_order .wp_table_order03 {width: 33.33%;padding-left: 0;padding-right: 0;text-align: center;vertical-align: middle;} #wp_shop .wp_container .wp_shop_order .wp_table_order03 .shop_order_price {font-size: 20px;text-align: center;float: none;} #wp_shop .wp_container .wp_shop_order .wp_table_order06 {width: 33.33%;padding-left: 0;padding-right: 0;text-align: center;} #wp_shop .wp_container .wp_shop_order .wp_table_order06 .shop_order_price {font-size: 20px;text-align: center;float: none;} #wp_shop .wp_container .wp_shop_order .wp_table_order_shape {padding: 0;vertical-align: middle;} #wp_shop .wp_container .wp_shop_order .wp_table_order_shape i {font-size: 20px;background:#121212;color: #fff;padding: 10px;border-radius: 50%;} @media (max-width: 1000px){ #wp_shop .wp_container .wp_shop {padding: 0px;} #wp_shop .wp_basket_moblie {display: block !important;width: 100%;font-size: 13px;border-bottom: 1px solid #ddd;padding: 10px 0px;} #wp_shop .wp_basket_moblie_inb {display: inline-block !important;font-size: 13px;padding: 5px 0px;text-align: left;margin-left: 15px;margin-right: 5px;} #wp_shop .wp_basket_pc {display: none !important;width: 100%;font-size: 13px;border-bottom: 1px solid #ddd;padding: 10px 0px;} #wp_shop .wp_basket_moblie input, #wp_shop .wp_basket_moblie button {vertical-align: bottom;} #wp_shop .wp_basket_moblie input {vertical-align: middle;padding: 15px;width: 20px;height: 20px;margin-top: 0;margin-right: 5px;} #wp_shop .wp_basket_moblie a {float: right;vertical-align: middle;} #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_title {display: none;} #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_title .wp_table_basket01, #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_prd .wp_table_basket01 {width: 10%;display: block;padding: 0;margin: 15px 0;text-align: left;} #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_title .wp_table_basket02, #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_prd .wp_table_basket02 {width: 100%;float: none;padding: 0;} #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_title .wp_table_basket03, #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_prd .wp_table_basket03 {width: 100%;} #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_title .wp_table_basket04, #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_prd .wp_table_basket04 {width: 100%;} #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_title .wp_table_basket05, #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_prd .wp_table_basket05 {width: 100%;vertical-align: top;} #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_title .wp_table_basket06, #wp_shop .wp_shop .wp_basket_ul .wp_basket_list_prd .wp_table_basket06 {width: 100%;vertical-align: top;} #wp_shop .wp_shop .wp_basket_ul li .shop_order_price {position: relative;} #wp_shop .wp_shop .wp_basket_ul li .shop_order_price .shop_price {position: absolute;top: 0;left: 15px;margin-top: 0;font-size: 20px;font-weight: 700;} #wp_shop .wp_shop .wp_basket_ul li .shop_order_price .wp_basket_buynow {position: absolute;top: 0;right: 15px;margin-top: 0;} #wp_shop .wp_shop .wp_basket_ul li .shop_order_price .wp_basket_delete {position: absolute;top: -40px;right: 15px;margin-top: 0;} #wp_shop .wp_shop .wp_basket_list_prd > div {padding: 15px 0;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_info {float: none;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_img_wrap .basket_prd_img {padding: 0px 0px 25px 25px;float: right;} #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_img_wrap .basket_prd_img img {max-width: 150px; max-height: 150px; width: 100%;} #wp_shop .wp_shop .wp_basket_list_prd .wp_basket_ea_area .ea_wrap { width: 108px; display: block;margin-left: 15px;} #wp_shop .wp_shop .wp_basket_list_prd .wp_basket_ea_area .ea_text {} #wp_shop .wp_shop .wp_basket_list_prd .wp_basket_ea_area .ea_text .ea_text_mobile {display: inline !important;border-bottom: none;margin-right: 10px;} #wp_shop .wp_shop .wp_basket_list_prd .shop_delivery_price {display: block;margin: 15px 0; background-color: #000;color: #fff;padding: 10px 0;} #wp_shop .wp_container .wp_shop_order {border-top: 1px solid #121212; margin-top: 30px;margin-bottom: 30px;padding-bottom: 30px;} #wp_shop .wp_container .wp_shop_order .wp_table_order01 {display: block;width: 100%;margin-top: 15px;} #wp_shop .wp_container .wp_shop_order .wp_table_order01 .shop_order_price {display: inline;} #wp_shop .wp_container .wp_shop_order .wp_table_order01 .shop_order_sub {font-size: 20px;display: block;text-align: center;margin-top: 15px;} #wp_shop .wp_container .wp_shop_order .wp_table_order02 {display: block;width: 100%;} #wp_shop .wp_container .wp_shop_order .wp_table_order02 .shop_order_price {display: inline;} #wp_shop .wp_container .wp_shop_order .wp_table_order03 {display: block;width: 100%;} #wp_shop .wp_container .wp_shop_order .wp_table_order03 .shop_order_price {display: inline;} #wp_shop .wp_container .wp_shop_order .wp_table_order_shape {display: none;} #wp_shop .wp_container .wp_shop_order .wp_table_order01 .wp_basket_left {text-align: left;color: #aaa;border-bottom: 1px dotted #ddd;padding-bottom: 3px;font-size: 15px;} #wp_shop .wp_container .wp_shop_order .wp_table_order01 .wp_basket_right {text-align: right;border-bottom: 1px dotted #ddd;padding-bottom: 3px;font-size: 15px;} } @media (max-width: 768px){ #wp_shop .wp_shop .wp_basket_list_prd .basket_prd_img_wrap .basket_prd_img img {max-width: 110px; max-height: 110px; width: 100%;} #wp_shop .wp_shop .wp_basket_ul li .shop_order_price .wp_basket_buynow {position: absolute;top: 0;right: 0px;margin-top: 0;} #wp_shop .wp_shop .wp_basket_ul li .shop_order_price .wp_basket_delete {position: absolute;top: -40px;right: 0px;margin-top: 0;} #wp_shop .wp_shop .wp_footer_btn .wp_f_btn_wrap {margin: 3px 0;padding: 0 5px;} #wp_shop .wp_shop .wp_footer_btn .wp_btn_footer { font-size: 13px; line-height: 42px; text-align: center; } } /* shop_order */ #wp_shop .wp_shop .shop_order_input_wrap {margin-bottom: 20px;} #wp_shop .wp_shop .shop_order_input_wrap .wp_basket_list_agree {} #wp_shop .wp_shop .shop_order_input_wrap .wp_basket_list_agree .wp_term_wrap {} #wp_shop .wp_shop .shop_order_input_wrap .wp_basket_list_agree .wp_term_wrap .wp_term { padding: 20px; width: 100%; height: 150px; overflow: scroll; background-color: #f9f9f9; border: 1px solid #e5e5e5; } #wp_shop .wp_shop .shop_order_input_wrap .wp_basket_list_agree input[type="checkbox"] { width: 20px;height: 20px;float: left; margin-right: 10px;} #wp_shop .wp_shop .shop_order_input_wrap .wp_basket_list_agree .wp_checkbox_div {margin-top: 5px;} #wp_shop .wp_shop .shop_order_input_wrap .wp_basket_list_agree .wp_checkbox_div > label {margin-top: 4px;} #wp_shop .wp_shop .shop_order_input_wrap .shop_orderlist_title {font-size: 18px;margin-top: 15px;} #wp_shop .wp_shop .shop_order_input_wrap .shop_orderlist_title .wp_order_same_btn {font-size: 13px;text-align: right;margin: 0 15px;margin-right: 0;vertical-align: middle;} #wp_shop .wp_shop .shop_order_input_wrap .shop_orderlist_title .wp_order_same_btn input { height: 20px;width: 20px;text-align: center;margin-top: 0;vertical-align: middle;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table {width: 100%;border-top: 1px solid #ddd;padding: 15px 0;} /* border-bottom: 1px solid #ddd; */ #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_tr{margin-bottom: 10px;overflow: hidden;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_th, #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td input, #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td select, #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_addres_sch_btn ,#wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_order_write {padding: 8px 12px;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_addres_sch_btn {background: #121212;color: #fff;width: 100%;border: 0;border-radius: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_addres_sch_btn:hover {background: #777;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_th {line-height: 1.5;padding-left:0;padding-right: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_th span{color: #ea2b15;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td {line-height: 1.5;padding: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td div{margin-bottom: 3px;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td input {width: 100%;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td input[type="text"] {border:1px solid #ddd;border-radius: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table input[type="radio"],#wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td input[type="radio"] {border:1px solid #ddd;border-radius: 0;height: 20px;width: 20px;text-align: center;margin-top: 0;vertical-align: middle;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td select {width: 100%;border:1px solid #ddd;border-radius: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .tel-xs-4 {width: 20%;display: inline-block;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .tel-xs-4:nth-child(1):after {content:"-";} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .tel-xs-4:nth-child(2):after {content:"-";} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_order_pdl0_all {padding-left: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_order_pdr0_all {padding-right: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_reserve_p {padding: 8px 12px;} /*hsh 수정*/ #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_reserve_dn {display: none;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_lack, #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_lack span {display: block;} #wp_shop .wp_shop .wp_last_price_area {border: 2px solid #aaa;margin-bottom: 15px;} #wp_shop .wp_shop .wp_last_price_area p {line-height:1;padding: 15px 30px;text-align: right;font-size: 30px;margin-bottom: 0;} #wp_shop .wp_shop .wp_last_price_area p span.last_price_span {line-height: 1;padding-right: 15px;text-align: right;font-size: 13px;} #wp_shop .wp_shop .wp_last_price_area .wp_price_process {line-height: 1;padding-right: 15px;text-align: right;font-size: 13px;} #wp_shop .wp_shop .wp_last_price_area .wp_last_price {text-align: right;} #wp_shop .wp_shop .wp_order_st_wrap .wp_order_bdt {border-top: 1px dashed #ddd;} #wp_shop .wp_shop .wp_order_st_wrap .wp_order_bdt:nth-child(1) {border: none;} #wp_shop .wp_shop .wp_order_st_wrap .wp_order_bdt:nth-child(2) {border: none;} #wp_shop .wp_shop .wp_order_st_wrap .wp_order_bdt:nth-child(3) {border-top: 1px dashed #ddd;} #wp_shop .wp_shop .wp_last_price_area .wp_last_price_title {float: left;font-size: 20px;} @media (max-width: 1000px){ /* #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table {border-bottom: 1px solid #ddd;} */ #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_th,#wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td {font-size: 13px;} #wp_shop .wp_shop .wp_last_price_area p {line-height:1;padding: 15px 30px;text-align: right;font-size: 18px;margin-bottom: 0;} #wp_shop .wp_shop .wp_last_price_area p span.last_price_span {line-height: 1;padding-right: 15px;text-align: right;font-size: 13px;} #wp_shop .wp_shop .wp_mo_pd0 {padding: 0;} #wp_shop .wp_shop .wp_last_price_area .wp_price_process { line-height: 1;padding-right: 15px;text-align: right;font-size: 13px;text-align: left;padding-bottom: 0;} #wp_shop .wp_shop .wp_last_price_area .wp_price_process > span {display: block;line-height: 1.5;margin: 5px 0;} #wp_shop .wp_shop .wp_last_price_area .wp_price_process > span:last-child {border-bottom: 1px solid #ddd;padding-bottom: 10px;} #wp_shop .wp_shop .wp_last_price_area .wp_last_price_title {display: none;} } @media (min-width: 768px){ #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_order_pdl0 {padding-left: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_order_pdr0 {padding-right: 0;} } @media (max-width: 768px){ #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_order_pdl0 {padding-left: 15px;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_order_pdr0 {padding-right: 15px;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_order_pdl0_all {padding-left: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_order_pdr0_all {padding-right: 0;} } /* shop_order_list */ #wp_shop .wp_shop .shop_orderlist_msg {text-align: center;margin-bottom: 30px;overflow: hidden;padding: 50px 0;} #wp_shop .wp_shop .shop_orderlist_msg .wp_orderlist_icon_wrap i {font-size: 150px;color: #ddd;} #wp_shop .wp_shop .shop_orderlist_msg .wp_orderlist_icon_wrap {text-align: right;display: inline-block;margin-right: 30px;} #wp_shop .wp_shop .shop_orderlist_msg .wp_orderlist_text_wrap {text-align: left;display: inline-block;} #wp_shop .wp_shop .shop_orderlist_msg .wp_access_msg {font-size: 25px;display: block;margin:5px 0 5px;} #wp_shop .wp_shop .shop_orderlist_msg .wp_access_msg_sub {font-size: 18px;display: block;margin: 5px 0 15px;} #wp_shop .wp_shop .shop_orderlist_msg .wp_access_msg_info {font-size: 20px;display: block;margin: 5px 0;font-weight: 600;padding: 0px;} #wp_shop .wp_shop .shop_orderlist_msg .wp_access_msg_info .wp_access_msg_c {color: #ff4800;font-weight: 600;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_order_write {margin-bottom: 0;padding-right: 0;padding-left: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .shop_order_td .wp_order_write {margin-bottom: 0;padding-right: 0;padding-left: 0;} @media screen and (max-width: 1000px) { #wp_shop .wp_shop .shop_orderlist_msg {padding: 0 0 30px;margin-bottom: 0;border-bottom: 1px dashed #ddd;} #wp_shop .wp_shop .shop_orderlist_msg .wp_orderlist_icon_wrap {text-align: center;display: block;margin-right: 0;margin-top: 15px;} #wp_shop .wp_shop .shop_orderlist_msg .wp_orderlist_icon_wrap i {font-size: 100px;} #wp_shop .wp_shop .shop_orderlist_msg .wp_orderlist_text_wrap {text-align: center;display: block;} #wp_shop .wp_shop .shop_orderlist_msg .wp_access_msg_info {font-size: 13px;display: block;margin: 5px 0;font-weight: 600;padding: 3px 0;} #wp_shop .wp_shop .shop_orderlist_msg .wp_access_msg_info:last-child {margin-bottom: 30px;} #wp_shop .wp_shop .shop_orderlist_msg .wp_access_msg {font-size: 18px;display: block;margin:5px 0 15px;} } /* shop_my_oder_list */ #wp_shop .wp_shop .wp_order_sch_box {border: 2px solid #ddd;padding: 30px 15px;overflow: hidden;} #wp_shop .wp_shop .wp_order_sch_box_subtxt {padding: 0px 15px;margin: 10px 0;} #wp_shop .wp_shop .wp_order_sch_box .wp_date_radio_area {line-height: 40px;} #wp_shop .wp_shop .wp_order_sch_box .wp_order_date_title {line-height: 40px;font-size: 20px;} /* 회원등급, order_process */ #wp_shop .wp_shop .wp_order_tit_wrap .wp_cp_tit_div {padding: 65px 20px 15px;border-right: 1px solid #aaa;background-color: #333;float: left;color: #fff;position: relative;} #wp_shop .wp_shop .wp_order_tit_wrap .wp_cp_tit_div:last-child {border: none;} #wp_shop .wp_shop .wp_order_title01 {width: 25%;} #wp_shop .wp_shop .wp_order_title02 {width: 15%;} #wp_shop .wp_shop .wp_order_title03 {width: 15%;} #wp_shop .wp_shop .wp_order_title04 {width: 15%;} #wp_shop .wp_shop .wp_order_title05 {width: 15%;} #wp_shop .wp_shop .wp_order_title06 {width: 15%;} #wp_shop .wp_shop .wp_order_tit_wrap .wp_cp_tit_apsol {position: absolute;top: 15px;color: #aaa;font-size: 15px;} #wp_shop .wp_shop .wp_order_tit_wrap .wp_cp_tit_txt_l {font-size: 50px;color: #fff;display: block;} #wp_shop .wp_shop .wp_order_tit_wrap .wp_cp_tit_txt_l > em {display: block;text-align: right;} #wp_shop .wp_shop .wp_order_tit_wrap .wp_cp_tit_txt_r {color: #fff;padding: 8px 20px 7px;position: absolute;right: 0;right: 26px;bottom: 24px; width: auto; font-weight: 300; line-height: 17px; text-align: center;border: 1px solid #6d6d6d;border-radius: 20px;} @media (max-width: 1000px){ #wp_shop .wp_shop .wp_order_title01 {width: 100%;border-bottom: 1px solid #aaa;display: none;} #wp_shop .wp_shop .wp_order_title02 {width: 33.33%;border-bottom: 1px solid #aaa;} #wp_shop .wp_shop .wp_order_title03 {width: 33.33%;border-bottom: 1px solid #aaa;} #wp_shop .wp_shop .wp_order_title04 {width: 33.33%;border-bottom: 1px solid #aaa;} #wp_shop .wp_shop .wp_order_title05 {width: 50%;} #wp_shop .wp_shop .wp_order_title06 {width: 50%;} } /* 주문조회 form | radio */ #wp_shop .wp_shop .wp_date_radio_area div {height:40px; line-height:40px; border-left:1px solid #ddd; text-align:center; } #wp_shop .wp_shop .wp_date_radio_area div:first-child { border-left:none;} #wp_shop .wp_shop .wp_date_radio_area label { display:block; width:100%; height:100%; color:#121212; vertical-align:middle; box-sizing:border-box; cursor:pointer; } #wp_shop .wp_shop .wp_date_radio_area input[type="radio"] {display: none;-webkit-appearance: none; appearance: none; -moz-appearance: none;} #wp_shop .wp_shop .wp_date_radio_area input[type="radio"]:checked+label { background-color:#121212; color:#fff; } #wp_shop .wp_shop .wp_order_sch_date i {font-size: 20px;line-height: 40px;width: 25px;} #wp_shop .wp_shop .wp_order_sch_date .wp_i_minimal {font-size: 20px;line-height: 40px;} #wp_shop .wp_shop .wp_order_sch_date input[type="text"] {line-height: 40px;height: 40px;vertical-align: top;width: calc(49% - 40px);padding: 0 5px;} #wp_shop .wp_shop .wp_order_sch_box .wp_btn_date_submit {line-height: 40px;height: 40px;color: #fff;background-color: #000;border: 0;text-align: center;width: 100%;} /* 주문조회 전용 S */ #wp_shop .wp_shop .wp_my_order_ul li .shop_order_price .wp_basket_trade_prd {display: inline-block;width: 100px;margin-top: 17px; border: 1px solid #000; background: #000; text-transform: uppercase; font-size: 14px; color: #fff; font-weight: 500;padding: 5px;} #wp_shop .wp_shop .wp_my_order_ul li .shop_order_price .wp_basket_trade_prd:hover {border: 1px solid #000; background: #fff; color: #000; padding: 5px;} #wp_shop .wp_shop .wp_my_order_ul li .shop_order_price .wp_basket_cancle_prd {display: inline-block;width: 100px;margin-top: 8px; border: 1px solid #555; background: #fff; text-transform: uppercase; font-size: 14px; color: #000; font-weight: 500;padding: 5px;} #wp_shop .wp_shop .wp_my_order_ul li .shop_order_price .wp_basket_cancle_prd:hover {border: 1px solid #000; background: #ccc; color: #000; padding: 5px;} #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price .wp_basket_btn01 {display: inline-block;width: 100px;margin-top: 8px; border: 1px solid #555; background: #777; text-transform: uppercase; font-size: 14px; color: #fff; font-weight: 500;padding: 5px;} #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price .wp_basket_btn01:hover {border: 1px solid #000; background: #fff; color: #000;} #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price .wp_basket_detail_view {display: inline-block;width: 100px;/*margin-top: 17px;*/margin-bottom: 15px; border: 1px solid #000; background: #000; text-transform: uppercase; font-size: 13px; color: #fff; font-weight: 500;padding: 5px;} /*hsh 수정*/ #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price .wp_basket_detail_view:hover {border: 1px solid #ff4800; background: #ff4800; color: #fff;} #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price .wp_basket_detail_view1 {display: inline-block;width: 100px;/*margin-top: 17px;*/margin-bottom: 15px; border: 1px solid #555; background: #555; text-transform: uppercase; font-size: 13px; color: #fff; font-weight: 500;padding: 5px;} /*hsh 수정*/ #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price .wp_basket_detail_view1:hover {border: 1px solid #ff4800; background: #ff4800; color: #fff;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_basket_ea_area .ea_text {width: 108px;/* margin: 10px auto; */display: block;font-size: 15px;text-align: center;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_basket_ea_area .ea_text b {font-weight: 600;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_basket_ea_area .ea_text .delivery_num {margin: 5px auto 0;display: block;font-size: 13px;text-align: center;color: #ff4800;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_basket_ea_area .ea_text .delivery_num a {margin: 5px auto 0; font-size: 15px; text-align: center; color: #ff4800; font-weight: 600;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .ea_wrap_box .delivery_num {margin-top: 15px;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .ea_wrap_box .delivery_num a {margin: 5px auto 0;font-size: 15px;text-align: center;color: #ff4800;font-weight: 600;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .option-text_ea {margin-left: 5px;} #wp_shop .wp_shop .wp_my_order_ul .wp_order_num_wrap {font-size: 13px;margin: 0 0 10px;padding: 10px 15px 0;border-top: 1px solid #121212;} #wp_shop .wp_shop .wp_my_order_ul .wp_order_num, #wp_shop .wp_shop .wp_my_order_ul .wp_order_time {font-size: 13px;margin: 0px;display: inline-block;} #wp_shop .wp_shop .wp_my_order_ul .wp_order_num {float: left;} #wp_shop .wp_shop .wp_my_order_ul .wp_order_time {float: right;} #wp_shop .wp_shop .wp_my_order_ul .wp_order_num .wp_access_msg_c { color: #ff4800; font-weight: 600;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_title .wp_table_basket02_modl, #wp_shop .wp_shop ul .wp_basket_list_prd .wp_table_basket02_modl {width: calc(95.5% - 30%); display: block; float: left; } #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_table_basket02_modl {} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_table_basket02_modl .wp_myorderlist_num {color: #121212;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_table_basket02_modl .wp_myorderlist_num .wp_access_msg_c { color: #ff4800; font-weight: 600; } #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_myorderlist_date {color: #121212;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_table_basket02_modl .wp_myorderlist_totalprice {color: #121212;font-size: 15px;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_table_basket02_modl .wp_myorderlist_totalprice .wp_access_msg_c {font-weight: 600; } #wp_shop .wp_shop .wp_my_order_ul li .wp_table_basket03 .wp_basket_btn01_m {display: block;} #wp_shop .wp_shop .wp_my_order_ul li .wp_table_basket05 .wp_basket_btn01 {display: none;} @media (max-width: 1000px){ #wp_shop .wp_shop .wp_order_sch_box {border: 1px solid #ddd; padding: 15px 15px;} #wp_shop .wp_shop .wp_my_order_ul .wp_order_num_wrap {font-size: 13px;padding: 10px 0px;border-top: 1px solid #121212;border-bottom: 1px solid #121212;} #wp_shop .wp_shop .wp_my_order_ul li .shop_order_price .wp_basket_cancle_prd {position: absolute;top: 0;right: 15px;margin-top: 0;} #wp_shop .wp_shop .wp_my_order_ul li .shop_order_price .wp_basket_trade_prd {position: absolute;top: -40px;right: 15px;margin-top: 0;} #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price {position: relative;} #wp_shop .wp_shop .wp_my_order_ul li .shop_order_price .shop_price {position: absolute;top: 0;left: 15px;margin-top: 0;font-size: 20px;font-weight: 700;} #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price {padding: 0;} #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price .wp_basket_btn01 {background: #777;color: #fff;margin: 0;padding: 10px 0;width: 100%;} #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price .wp_basket_detail_view {background: #000;color: #fff;margin: 0;padding: 10px 0;/* width: 100%; */display: inline-block;width: 50%;border: none;} #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price .wp_basket_detail_view:hover {background: #ff4800;color: #fff;border: none;} #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price .wp_basket_detail_view1 {background: #555;color: #fff;margin: 0;padding: 10px 0;/* width: 100%; */display: inline-block;width: 50%;border: none;} #wp_shop .wp_shop .wp_my_order_ul li .shop_delivery_price .wp_basket_detail_view1:hover {background: #ff4800;color: #fff;border: none;} #wp_shop .wp_shop .wp_my_order_ul li .wp_table_basket03 .wp_basket_btn01_m {display: none !important;} #wp_shop .wp_shop .wp_my_order_ul li .wp_table_basket05 .wp_basket_btn01 {display: block;} #wp_shop .wp_shop .wp_my_order_ul li .wp_basket_proc {display: none !important;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_basket_ea_area .ea_text {width: 200px;margin: 0 auto;display: block;font-size: 15px;text-align: left;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_basket_ea_area .ea_text .delivery_num {width: 200px;margin: 5px auto 0;display: block;font-size: 13px;text-align: left;color: #121212;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .wp_basket_ea_area .ea_text .delivery_num a {color: #ff4800;text-decoration: underline;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .ea_wrap_box .ea_text {margin: 0px;text-align: left;} #wp_shop .wp_shop .wp_my_order_ul .wp_basket_list_prd .ea_wrap_box .delivery_num {margin: 0px;text-align: left;} #wp_shop .wp_shop .wp_my_order_ul .wp_order_num, #wp_shop .wp_shop .wp_my_order_ul .wp_order_time {font-size: 13px;margin: 0 0 5px;display: block;float: none;} #wp_shop .wp_shop .wp_order_sch_box .wp_order_date_title, #wp_shop .wp_shop .wp_order_sch_box .wp_order_date_wrap .wp_date_radio_area {margin-bottom: 15px;display: block;/* width: 100%; */padding: 0px;overflow: hidden;} #wp_shop .wp_shop .wp_order_sch_box .wp_order_date_wrap .wp_date_calen_area, #wp_shop .wp_shop .wp_order_sch_box .wp_order_date_submit {margin-bottom: 15px;display: block;width: 50%;padding: 0px;overflow: hidden;} #wp_shop .wp_shop .wp_order_sch_box .wp_order_date_title {text-align: center;} #wp_shop .wp_shop .wp_order_sch_box .wp_order_date_wrap {padding: 0 !important;width: 100%;} #wp_shop .wp_shop .wp_order_sch_date input[type="text"] {padding: 0px;font-size: 13px;} } @media (max-width: 768px){ #wp_shop .wp_shop .wp_order_sch_box .wp_order_date_title, #wp_shop .wp_shop .wp_order_sch_box .wp_order_date_wrap .wp_date_radio_area, #wp_shop .wp_shop .wp_order_sch_box .wp_order_date_wrap .wp_date_calen_area, #wp_shop .wp_shop .wp_order_sch_box .wp_order_date_submit {margin-bottom: 15px;display: block;float: none;width: 100%;padding: 0px;overflow: hidden;text-align: center;} } @media (max-width: 1000px){ } /* process area */ #wp_shop .wp_shop .proc_wrap {padding: 0 15px;width: 100%;} #wp_shop .wp_shop .proc_wrap .step li { display: table-cell; position: relative; padding: 0 2%; text-align: center; vertical-align: top; } #wp_shop .wp_shop .proc_wrap .step .rect { position: relative; } #wp_shop .wp_shop .proc_wrap { position: relative; margin: 15px -2% 0; font-size: 0; } #wp_shop .wp_shop .proc_wrap .step { display: table; width: 100%; margin: 15px 0; table-layout: fixed; } #wp_shop .wp_shop .proc_wrap .step li {padding: 0 2%; display: table-cell; position: relative; text-align: center; vertical-align: top; } #wp_shop .wp_shop .proc_wrap .step .rect { display: block; margin: 0 auto; padding-top: 100%; border-radius: 50%; background: #f4f4f4; font-weight: 500; font-size: 17px; color: #303033; text-align: center; border: 1px solid #ddd;} #wp_shop .wp_shop .proc_wrap .step .wp_proc_active,#wp_shop .wp_shop .proc_wrap .step .rect.wp_proc_active{background-color: #121212;color: #fff;} #wp_shop .wp_shop .proc_wrap .step .rect .wp_proc_span { display: block; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 14px; } #wp_shop .wp_shop .proc_wrap .step li:after { display: block; clear: both; position: absolute; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #a0a0a0; border-right: 2px solid #a0a0a0; content: ""; vertical-align: top; right: -3px; width: 10px; height: 10px; margin-top: -5px; } #wp_shop .wp_shop .proc_wrap .step li:last-child:after {content: none;} #wp_shop .wp_shop .proc_wrap .step .txt { margin-top: 8px; font-size: 14px; line-height: 24px; } @media (max-width: 768px){ #wp_shop .proc_wrap {display: none;} } /* my_order_view.html */ #wp_shop .proc_wrap,#wp_shop .proc_wrap .proc_wrap {margin: 0 auto;} #wp_shop .wp_shop .wp_wrap_title {font-size: 15px;padding: 0 15px;font-weight: 600;} #wp_shop .wp_shop .wp_order_st_wrap .wp_order_bdt {border-top: 1px dashed #ddd;} #wp_shop .wp_shop .wp_order_st_wrap .wp_order_bdt:nth-child(1) {border: none;} #wp_shop .wp_shop .wp_order_st_wrap .wp_order_bdt:nth-child(2) {border: none;} #wp_shop .wp_shop .wp_order_st_wrap .wp_order_bdt:nth-child(3) {border-top: 1px dashed #ddd;} #wp_shop .wp_shop .wp_info_table_bdb_mo {border-bottom: 1px solid #ddd;padding-top: 15px;padding-bottom: 15px;} #wp_shop .wp_shop .wp_info_table_bdb_mo > div {padding: 15px;} #wp_shop .wp_shop .wp_order_info_table > div {border-bottom: 1px solid #ddd;} #wp_shop .wp_shop .wp_order_info_table > div:last-child {border:none;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table {width: 100%;border-top: 1px solid #121212;padding: 15px 0;} /* border-bottom: 1px solid #ddd; */ #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_tr{margin-bottom: 10px;overflow: hidden;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_tr .wp_pay_info_wrap > div {color: #aaa;font-size: 12px;background-color: #ddd;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_th .wp_pay_info_wrap, #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td .wp_pay_info_wrap {padding: 0 !important;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_th, #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td input, #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td select, #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td .wp_addres_sch_btn ,#wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td .wp_order_write {padding: 8px 12px;font-size: 13px;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td .wp_addres_sch_btn {background: #121212;color: #fff;width: 100%;border: 0;border-radius: 0;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td .wp_addres_sch_btn:hover {background: #777;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_th {line-height: 1.5;padding-left:0;padding-right: 0;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_th span{color: #ea2b15;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td {line-height: 1.5;padding: 0;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td div{margin-bottom: 3px;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td input {width: 100%;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td input[type="text"] {border:1px solid #ddd;border-radius: 0;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td select {width: 100%;border:1px solid #ddd;border-radius: 0;} #wp_shop .wp_shop .wp_pay_info .shop_order_th {text-align: left;} #wp_shop .wp_shop .wp_pay_info .shop_order_td {text-align: right;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_info_table .shop_order_td .wp_impact_txt {color: #ff4800;font-weight: 600;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_btn_box {border-top: 1px solid #121212;margin-bottom: 30px;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_btn_wrap {padding-top: 30px;text-align: center;} #wp_shop .wp_shop .shop_order_input_wrap .wp_order_btn_theme {display: inline-block;border: 1px solid #121212;padding: 10px 0px;margin: 0 1%;font-size: 15px;width: 30%;} #wp_shop .wp_shop .shop_order_input_wrap .order_btn_d_01 {background-color: #fff;color: #121212;} #wp_shop .wp_shop .shop_order_input_wrap .order_btn_d_01:hover {background-color: #fff;color: #ff4800;border-color: #ff4800;} #wp_shop .wp_shop .shop_order_input_wrap .order_btn_d_02 {background-color: #777;color: #fff;} #wp_shop .wp_shop .shop_order_input_wrap .order_btn_d_02:hover {background-color: #fff;color: #121212;} #wp_shop .wp_shop .shop_order_input_wrap .order_btn_d_03 {background-color: #121212;color: #fff;} #wp_shop .wp_shop .shop_order_input_wrap .order_btn_d_03:hover {background-color: #ff4800;color: #fff;border-color: #ff4800;} #wp_shop .wp_shop .shop_order_input_wrap .wp_pop_reason > p {font-size: 15px;text-align: left;} #wp_shop .wp_shop .shop_order_input_wrap .wp_pop_reason > textarea {font-size: 15px;width: 100%;padding: 5px;} #wp_shop .wp_shop .shop_order_input_wrap .wp_reason_submit_wrap {margin: 0 auto;text-align: center;} #wp_shop .wp_shop .shop_order_input_wrap .order_btn_submit {display: inline-block;width: 30%;min-width: 180px;background-color: #121212;color: #fff;padding: 10px 0;margin-top: 20px;} @media screen and (min-width: 1000px) { /*hsh 추가*/ #wp_shop .wp_shop .wp_order_info_table > .wp_pc_bdn {border: 0;} } @media screen and (max-width: 1000px) { #wp_shop .wp_shop .wp_order_info_table {width: 100%;} #wp_shop .wp_shop .wp_wrap_title {padding: 0px;} } /* modal */ #wp_shop .modalDialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index: 99999;background:rgba(0, 0, 0, 0.7);opacity:0; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; pointer-events: none;} /*#wp_shop .modalDialog:target{opacity:1;pointer-events:auto;}*/ /* hsh: JS로 open/close */ #wp_shop .popWrap{ position:fixed;top:50%;left:50%;width:100%;max-width:800px;min-width:280px;height:auto;background:#fff; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding-bottom: 30px; overflow-y:scroll;max-height: 650px; } #wp_shop .popWrap h2 {margin: 0;} #wp_shop .popWrap .wp_prd_txt { text-align: left; } #wp_shop .popWrap .option_btnbx {padding-bottom: 30px;} #wp_shop .popWrap .option_btnbx .wp_btn {width: 50%;margin: 0;font-size: 13px;opacity: 1; transition: all 0.3s; -webkit-transform: translateX(0); transform: translateX(0);} #wp_shop .popWrap .option_btnbx .btn_close {display: none;} #wp_shop .popWrap .prd_sel .wp_prd_option {height: 40px;} #wp_shop .popWrap #wp-pager {text-align: left;} #wp_shop .popWrap #wp-pager a {opacity: 1; transition: all 0.3s; -webkit-transform: translateX(0); transform: translateX(0);} #wp_shop .wp_product_detail .wp_img_div .wp_prd_img {width: 100%;} #wp_shop .popTit{height:50px;line-height:50px;text-align:center;color:#121212;border-bottom:2px solid #ddd;font-size:1.5em;width: 100%;} #wp_shop .wp_d_close_btn {background-color: #ddd;color: #fff;font-size: 30px;width: 50px;height: 50px;position: absolute;top: 0;right: 0;text-align: center;} #wp_shop .wp_d_close_btn:hover {background-color: #aaa;transition: all 0.3s;} #wp_shop .wp_d_close_btn span {line-height: 50px; } #wp_shop .popCont{padding:15px;text-align:center;color:#121212;} #wp_shop .popCont p{white-space:pre-line;} #wp_shop .popCont.type02{text-align:left;} #wp_shop .popBtn{text-align:center;background-color:#eceef1;overflow:hidden;font-size: 13px;} #wp_shop .popBtn.wp_type01{padding:10px 80px;} #wp_shop .popBtn.wp_type02{padding:10px;} #wp_shop .popBtn.wp_type02 .wp_prd_modal_detail {font-size: 13px;text-align: left;letter-spacing: -0.7PX;} #wp_shop .popBtn.wp_type02 .btnBx{display:block;float:left;width:50%;} #wp_shop .popBtn.wp_type02 .btnBx .btn{display:block;padding:0 5px;} #wp_shop .popBtn .cmnBtn{height:35px;line-height:35px;opacity: 1; transition: all 0.3s; -webkit-transform: translateX(0); transform: translateX(0);display:inline-block;width:100% !important;height:30px;line-height:30px;text-align:center;color:#7e7e7e;background-color:#f7f7f7;border:1px solid #d0d0d0;} #wp_shop .cmnBtn.on{color:#ddd !important;background-color:#fff;border:1px solid #ddd;} #wp_shop .wp_pop-btn {text-decoration: underline !important;font-weight: 700;} #wp_shop .wp_pop-btn:hover {background-color: #30add5;color: #fff;} @media (max-width: 768px) { #wp_shop .popWrap {max-height: 400px;width: 96%;margin: 0 auto;} } /* shop_reserve S */ #wp_shop .wp_shop .shop_order_input_wrap .wp_reserve_table {padding: 5px 0px 0px;border-bottom: 1px solid #ddd;} #wp_shop .wp_shop .wp_reserve_tit_wrap .wp_cp_tit_div {padding: 65px 20px 15px;border-right: 1px solid #aaa;background-color: #333;float: left;color: #fff;position: relative;} #wp_shop .wp_shop .wp_reserve_tit_wrap .wp_cp_tit_div:last-child {border: none;} #wp_shop .wp_shop .wp_reserve_title01 {width: 50%;} #wp_shop .wp_shop .wp_reserve_title02 {width: 50%;} #wp_shop .wp_shop .wp_reserve_title03 {width: 25%;} #wp_shop .wp_shop .wp_reserve_tit_wrap .wp_cp_tit_apsol {position: absolute;top: 15px;color: #aaa;font-size: 15px;} #wp_shop .wp_shop .wp_reserve_tit_wrap .wp_cp_tit_txt_l {font-size: 50px;color: #fff;display: block;} #wp_shop .wp_shop .wp_reserve_tit_wrap .wp_cp_tit_txt_r {color: #fff;padding: 8px 20px 7px;position: absolute;right: 26px; bottom: 24px; width: auto; font-weight: 300; line-height: 17px; text-align: center;border: 1px solid #6d6d6d; border-radius: 20px;} #wp_shop .wp_shop .wp_order_sch_text input[type="text"] {line-height: 40px; height: 40px; vertical-align: top; width: calc(100% - 40px); padding: 0 5px;} #wp_shop .wp_shop .wp_order_sch_text i { font-size: 20px; line-height: 40px; width: 25px; } #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .wp_reserve_mo_tr_tit_wrap {border-bottom: 1px solid #ddd;padding-bottom: 5px;margin-bottom: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .wp_reserve_mo_tr {border-bottom: 1px dashed #ddd;padding-top: 10px;padding-bottom: 10px;margin-bottom: 0;} #wp_shop .wp_shop .shop_order_input_wrap .shop_order_table .wp_reserve_mo_tr:last-child {border: none;} @media (max-width: 1000px){ #wp_shop .wp_shop .wp_order_sch_box .wp_order_sch_submit {width: 100%;padding: 0;} #wp_shop .wp_shop .wp_reserve_tit_wrap .wp_cp_tit_txt_l {font-size: 30px;} #wp_shop .wp_shop .wp_reserve_title01 {width: 100%;border-bottom: 1px solid #aaa;} #wp_shop .wp_shop .wp_reserve_title02 {width: 100%;} #wp_shop .wp_shop .wp_reserve_title03 {width: 25%;} #wp_shop .wp_shop .wp_reserve_tit_wrap .wp_cp_tit_txt_r {color: #fff;padding: 3px 10px 3px;right: 20px; bottom: auto;top: 15px; width: auto; font-weight: 300; line-height: 17px; text-align: center;border: 1px solid #6d6d6d; border-radius: 20px;} } @media (max-width: 768px){ #wp_shop .wp_shop .wp_reserve_mo_tr_tit_wrap {display: none;} #wp_shop .wp_shop .wp_reserve_mo_tr {line-height: 1.5;} #wp_shop .wp_shop .wp_reserve_mo_th_l {font-weight: 600;text-align: left;display: inline-block;width: 40%;} #wp_shop .wp_shop .wp_reserve_mo_td_r {text-align: right;display: inline-block;width: 60%;} } @media (min-width: 768px){ #wp_shop .wp_shop .wp_reserve_mo_th_l {display: none;} } /* shop_reserve E */ /* shop_bottom_wrap style S */ .wp_tac {text-align: center;} .wp_detail_view .wp_shop_tab .wp_view_title {border-top: 1px solid #888; border-bottom: 1px solid #888; font-size: 20px; font-weight: 600; margin: 0 0 15px; padding: 15px;} .wp_detail_view .wp_shop_tab .wp_view_sub {padding-top: 0;padding-bottom: 50px; line-height: 1.5;padding-left: 0;padding-right: 0;} .wp_bar_b {border-bottom: 1px solid #b5b5b5;} /* link */ #wp_shop_prod_link .shop_link_bn_wrap, #wp_shop_qna_link .shop_link_bn_wrap ,#wp_shop_review_link .shop_link_bn_wrap {padding-top: 30px; width: 50%;} /*#wp_shop_prod_link .shop_link_bn_wrap .shop_link_bn, #wp_shop_qna_link .shop_link_bn_wrap .shop_link_bn, #wp_shop_review_link .shop_link_bn_wrap .shop_link_bn {background-color: #ddd;} #wp_shop_prod_link .shop_link_bn_wrap .shop_link_bn a, #wp_shop_qna_link .shop_link_bn_wrap .shop_link_bn a,#wp_shop_review_link .shop_link_bn_wrap .shop_link_bn a {background-color: #f5f5f5;border: 1px solid #aaa;margin-left: 10px;margin-right: 5px;padding: 5px 10px;} /*20200206 추가*/ .shop_link_bn_table {/*border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #333;*/} .shop_link_bn_table td {width:33.33333%; text-align:center; color:#333; font-size:14px; } .shop_link_bn_table td:nth-child(2) {/*border-left:1px solid #333;border-right:1px solid #333;*/} .shop_link_bn_table td a {display:block; text-decoration:none; padding:10px 0; color:#111;} .shop_link_bn_table td:hover, .shop_link_bn_table td a:hover, .shop_link_bn_table td a.wp_active {background:#333; color:#fff !important;} /* shop_detail_view style S */ #wp_shop_prod_link .wp_container {max-width: 1200px;} #wp_shop_prod_link .wp_detail_view { margin-bottom: 50px; padding: 0px;} #wp_shop_prod_link .wp_detail_view .wp_view_title { border-top: 1px solid #888; border-bottom: 1px solid #888; font-size: 20px; font-weight: 600; margin: 0 0 15px; padding: 15px; } #wp_shop_prod_link .wp_detail_view .wp_view_sub { padding-top: 30px; padding-bottom: 50px; line-height: 1.5; padding-left: 15px;padding-right: 15px;} #wp_shop_prod_link .wp_detail_view .wp_view_sub textarea { width: 100%;} #wp_shop_prod_link .wp_view_sub img {max-width: 100%;} /* 상세페이지 이미지 반응형 */ /* 미디어 쿼리 */ @media screen and (max-width:786px) { #wp_shop_prod_link .wp_img_div { width: 100%; padding: 0 15px; } #wp_shop_prod_link .wp_detail_div { width: 100%; padding-left: 0%; } #wp_shop_prod_link.sel_box .wp_prd_option { margin: 15px auto 0;padding: 10px 30px;width: 100%;display: inline-block; } /* 옵션 */ #wp_shop_prod_link .wp_img_div #wp-pager {margin: 15px 0;} #wp_shop_prod_link .wp_img_div #wp-pager a {width: 25%;} /* 상세페이지 이미지 반응형 */ .wp_view_sub img {width: 100%;} } @media screen and (max-width:480px) { #wp_shop_prod_link .wp_detail_div .prd_choice > table .wp_choice_title {display: block;border-bottom: none;} #wp_shop_prod_link .wp_detail_div .prd_choice > table .wp_choice_right {display: block;} } /* shop_qna style S */ #wp_shop_qna_link .wp_container {max-width: 1200px;} #wp_shop_qna_link #wp_qna .qna_list_wrap>li { position: relative; padding: 15px 15px 10px; border-top: 1px dashed #ddd; } #wp_shop_qna_link #wp_qna .qna_list_wrap .title_type { display: block; margin-bottom: 2px; font-size: 14px; color: #a0a0a0; line-height: 20px; } #wp_shop_qna_link #wp_qna .blind { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 1px; line-height: 100px; white-space: nowrap; } #wp_shop_qna_link #wp_qna .qna_list_wrap .ellipsis { display: inline-block; overflow: hidden; height: auto; width: 94%; height: 22px; font-size: 14px; line-height: 22px; color: #000; text-align: left; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; } #wp_shop_qna_link #wp_qna .qna_list_wrap li:first-child { border-top: 0; } #wp_shop_qna_link #wp_qna .qna_list_wrap li:last-child { border-bottom: 1px dashed #ddd; margin-bottom: 15px;} #wp_shop_qna_link #wp_qna .wp_qna_reply {display: none;} #wp_shop_qna_link #wp_qna .wp_qna_reply .qa_detail .qa_answer input[type="checkbox"] { width: 20px;height: 20px;float: left; margin-right: 10px;} #wp_shop_qna_link #wp_qna .wp_qna_reply_on .wp_qna_reply {display: block;font-size: 15px;line-height: 1.5;padding: 0 15px;background-color: #f1f1f1;} #wp_shop_qna_link #wp_qna .wp_qna_reply_on .ellipsis {white-space: normal;height: auto;} #wp_shop_qna_link #wp_qna .qna_list_wrap .col1 input[type="checkbox"] { width: 20px;height: 20px;float: left; margin-right: 10px;} #wp_shop_qna_link #wp_qna .qna_list_wrap .col2, .qna_list_wrap .col3, .qna_list_wrap .col4 { position: absolute; top: 12px; } #wp_shop_qna_link #wp_qna .qna_list_wrap .col2, .qna_list_wrap .col3 { font-size: 11px; color: #000; line-height: 24px; } #wp_shop_qna_link #wp_qna .qna_list_wrap .col4 span { display: inline-block; min-width: 35px; padding: 1px 5px; border-radius: 2px; font-weight: 200; font-size: 12px; text-transform: lowercase; text-align: center; line-height: 22px; } #wp_shop_qna_link #wp_qna .qna_list_wrap .col4.wp_qna_btn_01 span {background: #888; color: #fff;} #wp_shop_qna_link #wp_qna .qna_list_wrap .col4.wp_qna_btn_02 span {background: #121212; color: #fff;} #wp_shop_qna_link #wp_qna .qna_list_wrap .col4.wp_qna_btn_03 span {background: #ff3300; color: #fff;} #wp_shop_qna_link #wp_qna .qa_detail .qa_answer {padding: 15px 10px 10px; margin-top: 10px;} #wp_shop_qna_link #wp_qna .qa_detail .qa_answer p { margin-top: 5px; } #wp_shop_qna_link #wp_qna .qa_detail .qa_answer .sign {font-size: 13px;line-height: 1.5;margin-top: 15px;} #wp_shop_qna_link #wp_qna .qa_detail .answer_title{background-color: #121212;color: #fff;padding: 1px 5px;margin-bottom: 10px;font-size: 12px;display: inline-block;} @media screen and (min-width: 769px){ #wp_shop_qna_link #wp_qna .qna_list_wrap .col2, .qna_list_wrap .col3, .qna_list_wrap .col4 { text-align: right; vertical-align: top; } #wp_shop_qna_link #wp_qna .qna_list_wrap .col1 { padding: 0 280px 0 10px; margin-bottom: 5px;} #wp_shop_qna_link #wp_qna .qna_list_wrap .col2 { right: 200px; width: 150px; margin-top: 24px; } #wp_shop_qna_link #wp_qna .qna_list_wrap .col3 { right: 100px; width: 74px; margin-top: 24px; } #wp_shop_qna_link #wp_qna .qna_list_wrap .col4 { right: 15px; width: 65px; margin-top: 24px; } #wp_shop_qna_link #wp_qna .qna_list_wrap .ellipsis {padding: 0 280px 0 10px;} } @media screen and (max-width: 768px){ #wp_shop_qna_link #wp_qna .wp_qna_reply_on .wp_qna_reply {padding: 0px;} #wp_shop_qna_link #wp_qna .qna_list_wrap > li { padding-top: 30px; } #wp_shop_qna_link #wp_qna .qna_list_wrap .col1 { padding-right: 50px;margin-top: 5px; margin-bottom: 15px;} #wp_shop_qna_link #wp_qna .qna_list_wrap .col2 { left: 100px; } #wp_shop_qna_link #wp_qna .qna_list_wrap .col3 { left: 15px; } #wp_shop_qna_link #wp_qna .qna_list_wrap .col4 { top: 35px; right: 15px; } /*20200206추가*/ #wp_shop_prod_link .shop_link_bn_wrap, #wp_shop_qna_link .shop_link_bn_wrap, #wp_shop_review_link .shop_link_bn_wrap {margin:0 auto; width:70%;} .shop_link_bn_table td a {padding:15px 0;} } @media screen and (max-width: 767px){ #wp_shop_prod_link .shop_link_bn_wrap, #wp_shop_qna_link .shop_link_bn_wrap, #wp_shop_review_link .shop_link_bn_wrap {width:100%; margin-top:40px; padding:0 15px;} } /* shop_review style S */ #wp_shop_review_link .wp_container {max-width: 1200px;} #wp_shop_review_link #wp_review .review_list_wrap>li { position: relative; padding: 15px 15px 10px; border-top: 1px dashed #ddd; } #wp_shop_review_link #wp_review .review_list_wrap .title_type { display: block; margin-bottom: 5px; font-size: 14px; color: #a0a0a0; line-height: 20px; } #wp_shop_review_link #wp_review .blind { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 1px; line-height: 100px; white-space: nowrap; } #wp_shop_review_link #wp_review .review_list_wrap .ellipsis { display: inline-block; overflow: hidden; height: auto; width: 94%; height: 22px; font-size: 14px; line-height: 22px; color: #000; text-align: left; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; } #wp_shop_review_link #wp_review .review_list_wrap li:first-child { border-top: 0; } #wp_shop_review_link #wp_review .review_list_wrap li:last-child { border-bottom: 1px dashed #ddd; margin-bottom: 15px; } #wp_shop_review_link #wp_review .wp_qna_reply {font-size: 15px;line-height: 1.5;padding: 0 15px;background-color: #f1f1f1;} #wp_shop_review_link #wp_review .wp_qna_reply .qa_detail .qa_answer input[type="checkbox"] { width: 20px;height: 20px;float: left; margin-right: 10px;} #wp_shop_review_link #wp_review .review_list_wrap .col1 input[type="checkbox"] { width: 20px;height: 20px;float: left; margin-right: 10px;} #wp_shop_review_link #wp_review .review_li {padding-left: 15px !important;padding-right: 15px !important;} #wp_shop_review_link #wp_review .review_li:hover {background-color: #f8f8f8;} /* review_reply */ #wp_shop_review_link .list_info_reply {display: none;} #wp_shop_review_link .reply_view .list_info_reply {display: block; background-color: #fff;color: #121212;font-size: 12px;padding: 15px;border: 1px solid #ddd;margin-bottom: 15px;} #wp_shop_review_link .list_info_reply .answer_title {background-color: #121212;color: #fff;padding: 1px 5px;margin-bottom: 5px;font-size: 12px;} #wp_shop_review_link .list_info_reply .review_title {font-size: 15px;margin-top: 5px;margin-bottom: 10px;} #wp_shop_review_link .list_info_reply .review_content {font-size: 13px;margin-top: 5px;margin-bottom: 10px;} #wp_shop_review_link .list_info_reply input[type="checkbox"] { width: 20px;height: 20px;float: left; margin-right: 10px;} @media screen and (min-width: 769px){ #wp_shop_review_link #wp_review .review_list_wrap .col1 { padding: 0 280px 0 10px; margin-bottom: 0px;} } @media screen and (max-width: 768px){ #wp_shop_review_link #wp_review .review_list_wrap > li { padding-top: 10px; } #wp_shop_review_link #wp_review .review_list_wrap .col1 { padding-right: 50px;margin-top: 5px; margin-bottom: 15px;} } #wp_shop_review_link #wp_review .review_info {position: relative;} #wp_shop_review_link #wp_review .wp_rating {display: inline-block; padding: 3px 10px 0 0;margin-bottom: 5px;} #wp_shop_review_link #wp_review .wp_reviewer {display: inline-block; padding: 2px 5px 0; vertical-align: top;margin-bottom: 5px;} #wp_shop_review_link #wp_review .wp_review_date {position: absolute;top: 5px;right: 10px;font-size: 12px;} #wp_shop_review_link #wp_review .wp_photo_wrap {top: 50px; right: 10px; display: block; position: absolute; width: 50px; height: 50px;} #wp_shop_review_link #wp_review .wp_imgbx {display: block; overflow: hidden; position: relative; width: 100%; padding-top: 100%} #wp_shop_review_link #wp_review .wp_review_img { position: absolute;top: 0; left: 0; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: no-repeat 50% 50%; background-size: cover; } #wp_shop_review_link #wp_review .list_info .reply_view .review_title {padding: 0;} #wp_shop_review_link #wp_review .review_list_wrap .reply_view .wp_photo_wrap { /*display: none;*/ } /*hsh 수정*/ #wp_shop_review_link #wp_review .review_list_wrap .reply_view .ellipsis {height: auto; white-space: normal; text-overflow: clip; } #wp_shop_review_link #wp_review .wp_reply_img_wrap {display: none;} #wp_shop_review_link #wp_review .reply_view .wp_reply_img_wrap {/*max-width: 500px;max-height: 500px;*/width:100%; margin-top: 15px;display: inline-block;} /*hsh 수정*/ #wp_shop_review_link #wp_review .reply_view .wp_reply_img_wrap img {width: 100%;} @media(max-width: 768px){ #wp_shop_review_link #wp_review .list_info .review_info {padding: 0 70px 0 0; word-break: break-all;} #wp_shop_review_link #wp_review .list_info .review_title {padding: 0 70px 0 0; word-break: break-all;} #wp_shop_review_link #wp_review .reply_view .list_info .review_title {padding: 0;} #wp_shop_review_link #wp_review .wp_photo_wrap {top: 60px; right: 10px; display: block; position: absolute; width: 50px; height: 50px;} } /* shop_bottom footer S */ #wp_shop .wp_list_footer {border-top:1px solid #d6d6d6;} #wp_shop .wp_list_footer .wp_search_div {margin-top: 10px;padding: 5px;padding-bottom: 15px;} #wp_shop .wp_list_footer .wp_search_div form select {height: 22px;border: none;background-color: #fff;padding-right: 40px;padding-left: 5px;} #wp_shop .wp_list_footer .wp_search_div form .wp_search_input {border: none;border-bottom: 1px solid #ddd;background-color: #fff;} #wp_shop .wp_list_footer .wp_search_div form button {border: none;background: none;} #wp_shop .wp_list_footer .wp_footer_btn_wrap {margin-top: 15px;margin-left: 15px;margin-right: 15px;} #wp_shop .wp_list_footer .wp_footer_btn_wrap .wp_footer_btn {padding: 8px 15px;background: none;border: 1px solid #aaa;} /* #wp_shop_review_link .wp_list_footer,#wp_shop_qna_link .wp_list_footer {border-top:1px solid #d6d6d6;} */ #wp_shop_review_link .wp_list_footer .wp_search_div, #wp_shop_qna_link .wp_list_footer .wp_search_div {margin-top: 10px;padding: 5px;padding-bottom: 15px;} #wp_shop_review_link .wp_list_footer .wp_search_div form select, #wp_shop_qna_link .wp_list_footer .wp_search_div form select {height: 22px;border: none;background-color: #fff;padding-right: 40px;padding-left: 5px;} #wp_shop_review_link .wp_list_footer .wp_search_div form .wp_search_input, #wp_shop_qna_link .wp_list_footer .wp_search_div form .wp_search_input {border: none;border-bottom: 1px solid #ddd;background-color: #fff;} #wp_shop_review_link .wp_list_footer .wp_search_div form button, #wp_shop_qna_link .wp_list_footer .wp_search_div form button {border: none;background: none;} #wp_shop_review_link .wp_list_footer .wp_footer_btn_wrap, #wp_shop_qna_link .wp_list_footer .wp_footer_btn_wrap {margin-top: 15px;margin-left: 15px;margin-right: 15px;} #wp_shop_review_link .wp_list_footer .wp_footer_btn_wrap .wp_footer_btn, #wp_shop_qna_link .wp_list_footer .wp_footer_btn_wrap .wp_footer_btn {padding: 8px 15px;background: none;border: 1px solid #aaa;} /* shop_bottom footer E */