/*/////////////주문서 리뉴얼/////////////*/ body.orderWrap, .orderWrap-bg{font-size:14px;font-family:"Apple SD Gothic Neo", Malgun Gothic,"맑은 고딕",Dotum,"돋움","Helvetica Neue", Helvetica, Arial, sans-serif;color:#222;background:#f2f4f7} .container-new{position:relative;margin:0 auto;width:900px} /*body.modal-open{overflow:hidden;width:100%;position:fixed;}*/ /*switch*/ .label-switch{position:relative;display:inline-block;cursor:pointer;margin:2px 2px 0 2px;width:53px;height:25px} .label-switch input[type="checkbox"]{width:0;height:0;opacity:0} .label-switch .slider{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50px;background-color:#d4d4d4;-webkit-transition:.4s;transition:.4s;cursor:pointer} .label-switch .slider:before{content:'';position:absolute;width:23px;height:23px;border-radius:50%;left:1px;bottom:1px;box-shadow:0 0 0 2px transparent, 0 1px 3px rgba(0,0,0,.1);background-color:#fff;-webkit-transition:.4s;transition:.4s;text-align:center;padding-top:4px;font-size:11px;color:#777;font-weight:normal} .label-switch input:checked + .slider{background-color:#333} .label-switch input:checked + .slider:before{content:'';color:#333;-webkit-transform:translateX(28px);-ms-transform:translateX(28px);transform:translateX(28px)} .modal .alert-box{border:1px solid #f2f2f2;background:#fcfcfc;padding:13px 12px;margin-bottom:10px;text-align:center} .container-new .col-md-5{width:inherit;padding:0} .container-new .col-md-7{width:inherit;padding:0} .container-new .panel-wrap{padding:0;margin-top:20px;} .form-tbl-new .red-new{color:#f3504e}/*포인트컬러 레드*/ .container-new input,.container-new textarea{-webkit-appearance:none;border-radius:0;} .container-new select{border-radius:0;} .container-new label{outline:none} .container-new input[type="text"], .container-new input[type="tel"]{border:1px solid #f0f1f5 !important;color:#222222 !important;font-size:15px !important;width:100%;height:42px;font-weight:normal;} .container-new input[type="text"][disabled]{background-color:#fafafa;} .container-new select{border:1px solid #f0f1f5 !important;color:#222222 !important;font-size:15px !important;width:100%;height:42px;padding:0 0 0 8px !important;} /*상세이미지 및 상세정보 영역*/ .form-tbl-new .info-left{display:inline-block;width:450px;padding:15px;float:left;position:relative} .form-tbl-new .info-right{display:inline-block;width:450px;padding:15px;} .form-tbl-new .goodimg-wrap{position:relative;width:420px;height:auto} .form-tbl-new .goodimg-wrap .inner{width:100%;height:420px;background:#f7f7f7} .form-tbl-new .goodimg-wrap .img_no{display:inline-block;width:initial;height:initial;background:none;border:0;margin:47% auto;overflow:hidden;color:#888} .form-tbl-new .goodimg-wrap .img_no span{margin-top:0} .form-tbl-new .goodimg-wrap .fix-bot + .swiper-pagination{bottom:40px} /*판매기간표시*/ .fix-bot{position:absolute;bottom:0;left:0;width:100%;z-index:1} .sales-period.v-form{background:rgba(255,255,255,0.85);text-align:center;padding:9px 0 7px 0;font-size:15px;color:#333} .sales-period.v-form em{display:inline-block;width:17px;height:17px;background:url(/img/mall/ico_clock.png)no-repeat;background-size:17px 16px;background-position:0 1px;margin-right:8px;vertical-align:text-top} /*상세설명 보기 버튼*/ .form-tbl-new .btn-default-new-big{color:#222;font-size:20px;border:1px solid #222;line-height:47px;} .form-tbl-new .btn-det-view{width:100%;height:50px;display:inline-block;cursor:pointer} .form-tbl-new .prod_title{font-size:19px;font-weight:bold;padding:20px 0 8px 0} .form-tbl-new .subject_subtitle{padding:0;} .form-tbl-new .blog_allprice{background:transparent;border:0} .form-tbl-new .blog_view_img{margin-top:0} .form-tbl-new .blog_view_img img{width:100%;height:auto;border:0} .form-tbl-new .mark-soldout{margin-left:-91px;position:absolute;top:30%;left:50%;} /*롤링페이징*/ #main-goods-paging{display:inline-block;min-width:42px;border-radius:11px;background:rgba(21,21,22,.3);color:#fff;font-size:12px;padding:3px 5px;width:auto;margin:0 auto;left:45%;letter-spacing:-1.5px} .form-tbl-new .info-right dl.bd1{border-top:1px solid #f0f1f5 !important;} .form-tbl-new .info-right .prodinfo_price_list{border-top:0} .form-tbl-new .prodinfo_price_list dt{background:none;width:100%;margin:0;font-size:15px;display:block;font-weight:normal;padding:16px 0 2px 0} .form-tbl-new .prodinfo_price_list dt span.pdwon{font-size:22px;} .form-tbl-new .prodinfo_price_list dt em{font-size:15px;margin-right:7px;text-decoration:line-through} .form-tbl-new .prodinfo_price_list dd{width:100%;margin:0;padding:0 0 6px 0;text-align:left;} .form-tbl-new .info-right .arrowinputbox{padding-bottom:0;margin-top:-4px} .form-tbl-new .info-right .arrowinputbox a{cursor:pointer} .form-tbl-new .info-right .arrowinputbox input{border:1px solid #f2f2f4;border-left:0;border-right:0;width:50px;height:28px;} .form-tbl-new .info-right .arrowbott{border:1px solid #f2f2f4;border-right:0;border-radius:0;margin:0;} .form-tbl-new .info-right .arrowtop{border:1px solid #f2f2f4;border-left:0;border-radius:0;margin:0;} .form-tbl-new .info-right .blog_allprice{padding:0} .form-tbl-new .prodinfo_priceend span{top:0;font-size:15px;font-weight:normal;} .form-tbl-new .prodinfo_priceend span span{font-size:22px;} .form-tbl-new .prodinfo_priceend dd{padding:15px 10px 15px 0;width:100%;} .form-tbl-new .prodinfo_priceend dd em{font-size:15px;top:1px;position:relative;} .form-tbl-new .info-right .prodinfo_price_top{border-top:1px solid #f0f1f5;color:#222;} .form-tbl-new .info-right .prodinfo_price_top dd{width:100%;padding:16px 10px 2px 0 !important;font-size:15px;} .form-tbl-new .info-right .prodinfo_price_top dd span{font-size:15px;color:#222;font-weight:normal;} .form-tbl-new .info-right .prodinfo_price_top dd span#exppoint{font-size:22px;color:#222;font-weight:normal;} .form-tbl-new .info-right .prodinfo_price_top dd > span{margin-left:5px;position:relative;top:-3px;} .form-tbl-new .goodimg-wrap{position:relative} /*사은품*/ .form-tbl-new .atcwrap{display:inline-block;width:100%;font-size:15px;border-top:1px solid #f0f1f5;padding:15px 0 7px 0} .form-tbl-new .atcwrap dl{display:inline-block;width:100%} .form-tbl-new .atcwrap dt{float:left;width:100%;line-height:26px;font-weight:normal} .form-tbl-new .atcwrap dd{float:left;width:100%;line-height:25px} .form-tbl-new .atcwrap dd a{width:auto;margin:0 10px;line-height:16px} .img_no{display:inline-block;background:#f7f7f7;color:#888;text-align:center} .img_no_thumb{width:60px;height:60px;max-width:60px !important;font-size:11px} .img_no_thumb span{display:inline-block;width:60%;margin-top:23%} /*주문결제페이지 사은품내용*/ .order-gift h4{border-bottom:none !important} .order-gift h4~table{border-top:1px solid #d4d4d4 !important} .order-gift select + select{margin-top:10px} /*상품영역에 추가된 금액소개 부분*/ .form-tbl-new .info-right .allpricecolor{border-top:1px solid #f0f1f5;padding-top:9px;} .form-tbl-new .info-right .allpricecolor dt{font-weight:normal;font-size:14px;} .form-tbl-new .info-right .allpricecolor dd{font-size:14px;padding-right:10px;} .form-tbl-new .info-right .prodinfo_price .delcolor2{letter-spacing:-1px;display:block} .form-tbl-new .info-right .prodinfo_price .pdwon{font-size:14px;font-weight:bold;} .form-tbl-new .option_wrap{padding:0;margin:0;background:none;border:0;border-top:1px solid #f0f1f5;} .form-tbl-new .option_wrap .otbox{padding:0} .form-tbl-new .option_wrap .prodinfo_op_title{margin-left:0;padding:15px 0 5px 0;font-weight:normal;font-size:15px;width:100%;} .form-tbl-new .option_wrap .optionbox{padding:0;margin:0;border:1px solid #f1f0f5;height:40px;margin-bottom:10px} .form-tbl-new .prodinfo_op .xbox{cursor:pointer;} .form-tbl-new #deliveryModify{cursor:pointer;} .form-tbl-new .option_wrap .prodinfo_op3 dt{padding:0px 0 0 0} /*입력옵션*/ .form-tbl-new .prodinfo_op3{border-top:1px solid #f0f1f5;} .form-tbl-new .prodinfo_op3 dt{margin-left:0;width:100%;padding:0} .form-tbl-new .prodinfo_op3 dd{float:left;text-align:left;width:100%;} .form-tbl-new .prodinfo_op3 dd span{color:#222;font-weight:normal;margin-top:15px;display:inline-block;} /*추가구성*/ .form-tbl-new .add_composi_wrap{background:transparent;border-top:1px solid #f0f1f5;} .form-tbl-new .add_composi_wrap .prodinfo_op_title{float:left;font-weight:normal;font-size:15px;margin-left:0;padding:13px 0 5px 0} .form-tbl-new .add_composi_wrap .otbox{padding:0} .form-tbl-new .add_composi_wrap .otbox .optionbox{padding:0;margin:0 0 10px 0;} .form-tbl-new .pricecolor3{background:#fff;border:1px solid #d9d9d9;margin-bottom:10px} .form-tbl-new .pricecolor3 dt{width:50%;height:40px;border-bottom:1px solid #f1f0f5;clear:both;padding:10px;font-size:14px;margin-left:0;} .form-tbl-new .pricecolor3 dd{width:50%;height:40px;border-bottom:1px solid #f1f0f5;padding:10px;text-align:right;color:#222;margin-right:0;} .form-tbl-new .pricecolor3 dd span{color:#222;} /*옵션선택하여 최종나오는부분*/ .form-tbl-new #selectOptionView dl > div{width:100%;border-bottom:1px solid #f1f0f5;display:inline-block} .form-tbl-new #selectOptionView dt.opt-height{width:85%;height:auto;border-bottom:none;padding:10px !important} .form-tbl-new #selectOptionView dt.opt-height span{overflow:hidden;text-overflow:ellipsis;max-height:32px;display:block;line-height:16px;white-space:normal;word-wrap: break-word} .form-tbl-new #selectOptionView dd.opt-close{width:15%;border-bottom:none} /*정보입력테이블 css*/ .container-new .form-tbl-new{border-bottom:1px solid #d0d0d0;background:#fff;margin-bottom:20px;display:inline-block;width:100%;} .container-new h4{font-size:17px;font-weight:bold;text-indent:15px;border-bottom:1px solid #d4d4d4;height:51px;padding:0;margin:0;line-height:3;letter-spacing:-1.2px;clear:both} .container-new h4:before{display:none} .container-new h4 .txt-inline{display:inline-block;line-height:initial !important;width:calc(100% - 110px);padding-top:12px;text-indent:0} .container-new h4 .txt-inline span:nth-child(2){display:inline-block;text-indent:5px} .container-new .table-bordered{border-top:none;margin-bottom:0} .container-new .table-bordered th{height:52px;font-size:15px !important;border-bottom:1px solid #f0f1f5;padding:8px 10px 8px 15px;} .container-new .table-bordered td{height:52px;font-size:15px !important;border-bottom:1px solid #f0f1f5;padding:8px 10px;} .container-new .table-bordered tr:last-child td,.container-new .table-bordered tr:last-child th{border-bottom:none} .container-new .table-bordered th.bdtop-1{border-top:1px solid #f0f1f5} .container-new .table-bordered td.bdtop-1{border-top:1px solid #f0f1f5} .container-new .table-bordered tbody{border-top:none} .container-new .table-bordered .bdtop-0{border-top:none} .form-tbl-new #couponlist div{border-top:1px solid #f0f1f5}/*쿠폰내역 리스트*/ .form-tbl-new input{border:1px solid #f0f1f5;color:#222222;font-size:15px;width:100%;height:42px} .form-tbl-new input:focus{outline:0} .form-tbl-new input[type="text"][readonly]{background:transparent} .form-tbl-new input.w-half{width:50% !important;} .form-tbl-new input.w-half2{width:50% !important;} .form-tbl-new input::placeholder/* Chrome, Firefox, Opera, Safari 10.1+ */{color:#ccc;opacity: 1; /* Firefox */} .form-tbl-new input:-ms-input-placeholder/* Internet Explorer 10-11 */{color:#ccc;} .form-tbl-new input::-ms-input-placeholder/* Microsoft Edge */{color:#ccc;} .form-tbl-new textarea{border:1px solid #f0f1f5;color:#222222;font-size:15px;width:100%;height:42px;resize:none;vertical-align:middle;padding:8px;} .form-tbl-new input#recvAddr1{margin-bottom:10px !important;} .form-tbl-new .card-atc input{border:1px solid #f0f1f5;color:#222222;font-size:15px;width:100%;height:42px} /*체크박스기본*/ .container-new .form-tbl-new label.check-new{color:#888888;margin:0;letter-spacing:-0.5px;font-weight:normal} .container-new .form-tbl-new label.check-new input[type=checkbox]{display:none;} .container-new .form-tbl-new label.check-new span:before{content:"";width:19px;height:19px;display:inline-block;position:relative;top:4px;margin-right:5px;} .container-new .form-tbl-new label.check-new input[type=checkbox] + span::before{background:url(/img/bg_checkbox_off.png)no-repeat;background-size:19px 19px;} .container-new .form-tbl-new label.check-new input[type=checkbox]:checked + span:before{background:url(/img/bg_checkbox_on.png)no-repeat;background-size:19px 19px;} .container-new .form-tbl-new label.check-new input[type=radio]{display:none;} .container-new .form-tbl-new label.check-new span:before{content:"";width:19px;height:19px;display:inline-block;position:relative;top:4px;margin-right:5px;} .container-new .form-tbl-new label.check-new input[type=radio] + span::before{background:url(/img/bg_checkbox_off.png)no-repeat;background-size:19px 19px;} .container-new .form-tbl-new label.check-new input[type=radio]:checked + span:before{background:url(/img/bg_checkbox_on.png)no-repeat;background-size:19px 19px;} .container-new .form-tbl-new .stit-radio{margin-right:10px} .container-new .form-tbl-new .stit-radio label{font-size:15px;color:#222;display:inline;font-weight:normal} /*주문자 정보와 같습니다*/ .form-tbl-new label.sameinfo{float:right;padding:8px 10px 0 0;} /*주소찾기 돋보기버튼*/ .form-tbl-new .form-group .zipinp{width:323px;display:inline-block;vertical-align:middle;} .form-tbl-new .form-group .btn-adress{display:inline-block;width:42px;height:42px;background:#888888 url(/img/icon_search_mobile_wh.png)no-repeat;background-size:18px;background-position:center;border:1px solid #888888;border-left:none;vertical-align:middle} /*정보입력 h4태그 맨 앞에 체크박스 붙을 경우*/ .form-tbl-new h4.agreebox{text-indent:15px;height:50px;padding:0;margin:0;line-height:3;letter-spacing:-1px;border-bottom:none} .form-tbl-new h4.agreebox label{color:#222 !important;font-size:17px;font-weight:bold;text-indent:0;border-bottom:none;padding:0;} .form-tbl-new h4 label.check-new span:before{top:3px !important;} .form-tbl-new .btn-default-new{font-size:13px;color:#222222;border:1px solid #222222;width:73px;height:28px;letter-spacing:-1.2px;font-weight:normal;float:right;margin:11px 10px;text-indent:0;line-height:27px;text-align:center;cursor:pointer;right:0} .form-tbl-new h4.agreebox.bdbot-1{border-bottom:1px solid #d4d4d4;} /*페이코프로모션*/ .form-tbl-new.payco2018{background:#fa2828 url(/img/bg_line_payco.png)no-repeat left top;background-size:auto 100%} .form-tbl-new.payco2018 h4{line-height:2.7} .form-tbl-new.payco2018 h4 > a{display:block;color:#fff;float:inherit;right:0} .form-tbl-new.payco2018 h4 > a strong{padding-left:170px;font-size:19px} .form-tbl-new.payco2018 h4 > a strong span{color:#fffc00;font-weight:normal;margin-left:15px;vertical-align:top} .form-tbl-new.payco2018 .btn-default-new{color:#fff;border-color:#fff} /*네이버페이 프로모션 배너*/ .form-tbl-new.naverpay-banner {background:#fffeea url('../../img/bg_npay.png')no-repeat right;} .form-tbl-new.naverpay-banner .text-box {padding:15px 60px;font-size:17px;} .form-tbl-new.naverpay-banner .nlogo {display:inline-block;width:66px;vertical-align:middle;} .form-tbl-new.naverpay-banner .nlogo img {max-width:100%;} .form-tbl-new.naverpay-banner strong {margin-left:10px;vertical-align:middle;} .form-tbl-new.naverpay-banner strong span {color:#00c73c;} /*총 주문금액*/ .form-tbl-new .pay-wrap{border:0;background:none;padding:15px 10px 20px 10px} .form-tbl-new .pay-wrap .row{margin:0 !important} .form-tbl-new .pay-wrap .deal_price{padding:0 10px 0 10px;font-size:15px;line-height:25px;clear:both} .form-tbl-new .pay-wrap .deal_price span.won{color:#222;margin:0} .form-tbl-new .pay-wrap .price-result-new{background:#fff2f2;color:#f3504e;padding:10px;margin-top:10px} .form-tbl-new .pay-wrap .price-result-new span.won{color:#f3504e;} /*결제 정보*/ .form-tbl-new .payment-heading{padding:5px;border:0;background:none;} .form-tbl-new .payment-heading .radio{text-align:center;margin:5px;width:32.2%} .form-tbl-new label.check-new-pay{padding:0;margin:0;} .form-tbl-new label.check-new-pay input{display:none;} .form-tbl-new label.check-new-pay span{display:inline-block;font-size:18px;color:#222222;font-weight:bold;border:1px solid #222222;padding:25px 0;width:100%;cursor:pointer;line-height:20px;} .form-tbl-new label.check-new-pay input[type=radio]:checked + span{background:#f3504e;border:1px solid #d33230;color:#fff;} .form-tbl-new label.naverpay input[type=radio]:checked + span{background:#00c63b;border:1px solid #00c63b;color:#fff;} .form-tbl-new .cardevent{padding:0;border-bottom:0;} .form-tbl-new .bank-wrap{padding:0;border-bottom:0;} .form-tbl-new .bank-wrap .bank-check{height:59px;border-top:1px solid #f0f1f5;padding:8px 10px 8px 15px;} .form-tbl-new .bank-wrap .bank-check label{font-size:15px;line-height:46px;} .form-tbl-new .bank-wrap .bank-label{margin:0;background:none;padding:0 !important;width:16.66666667%;} .form-tbl-new .bank-wrap .bank-cont{margin:0;padding:0 !important;width:83.33333333%;} /*카드정보*/ .form-tbl-new .card-wrap{padding:0;border-bottom:0;} .form-tbl-new .card-wrap input, .form-tbl-new .card-wrap select{float:left} .form-tbl-new .card-wrap input.col-sm-1{width:8.33333333% !important} .form-tbl-new .card-wrap input.col-sm-2, .form-tbl-new .card-wrap select.col-sm-2{width:16.66666667% !important} .form-tbl-new .card-wrap input.col-sm-3, .form-tbl-new .card-wrap select.col-sm-3{width:25% !important} .form-tbl-new .card-wrap .hyp{line-height:39px;padding:0 5px} .form-tbl-new .card-wrap .s-txt{font-size:13px;color:#888;letter-spacing:-0.5px;line-height:43px} .form-tbl-new .card-wrap .card-atc{height:59px;border-top:1px solid #f0f1f5;padding:8px 10px 8px 15px;} .form-tbl-new .card-wrap .card-atc dt{font-size:15px;line-height:46px;padding:0;font-weight:normal} .form-tbl-new .card-wrap .card-atc dd{margin:0;padding:0} .form-tbl-new .card-tab{border-bottom:2px solid #888;height:42px;text-align:center} .form-tbl-new .card-tab li{float:left;width:50%;height:40px;line-height:40px} .form-tbl-new .card-tab li.active a{background:#888;color:#fff} .form-tbl-new .card-tab li:hover a{opacity:0.8} .form-tbl-new .card-tab li a{display:block;background:#d9d9d9;color:#444;font-weight:bold;font-size:14px} /*페이코&네이버페이 추가, 토스bi로 변경*/ .form-tbl-new label.lb-payco, .form-tbl-new label.lb-toss, .form-tbl-new label.lb-naverpay{line-height:0;display:block;} .form-tbl-new label.check-new-pay span.payco, .form-tbl-new label.check-new-pay span.payco-big{padding:26px 0 24px 0} .form-tbl-new label.check-new-pay input[type=radio] + span.payco::before{content:"";display:none;width:80px;height:19px;background:url(/img/ico_payco.png)no-repeat;background-size:80px 18px;margin:0 auto;background-position:center 1px;} .form-tbl-new label.check-new-pay input[type=radio]:checked + span.payco:before{background:url(/img/ico_payco_selected.png)no-repeat;background-size:80px 18px;} .form-tbl-new label.check-new-pay input[type=radio] + span.payco-big::before{content:"";display:none;width:80px;height:19px;background:url(/img/ico_payco.png)no-repeat;background-size:80px 18px;margin:0 auto;background-position:center 1px;} .form-tbl-new label.check-new-pay input[type=radio]:checked + span.payco-big:before{background:url(/img/ico_payco_selected.png)no-repeat;background-size:80px 18px;} .form-tbl-new label.check-new-pay input[type=radio] + span.toss::before{content:"";display:none;width:55px;height:19px;background:url(/img/ico_toss.png)no-repeat;background-size:55px 19px;margin:0 auto} .form-tbl-new label.check-new-pay input[type=radio]:checked + span.toss:before{background:url(/img/ico_toss_selected.png)no-repeat;background-size:55px 19px;} /* 카카오페이 결제 추가 */ .form-tbl-new label.lb-kakaopay{line-height:0;display:block;} .form-tbl-new label.check-new-pay span.kakaopay{padding:26px 0 24px 0} .form-tbl-new label.check-new-pay span.kakaopay em{color:#41241E;} .form-tbl-new label.check-new-pay input[type=radio] + span.kakaopay::before{content:"";display:none;width:80px;height:19px;background:url(/img/ico_kakaopay.png)no-repeat;background-size:60px 20px;margin:0 auto;background-position:center 1px;} .form-tbl-new label.check-new-pay input[type=radio]:checked + span.kakaopay:before{background:url(/img/ico_kakaopay.png)no-repeat;background-size:60px 20px;} /*결제방식선택 아이콘 추가*/ .form-tbl-new .ico-cardsimple span{background:url(/img/icon_pay_01.png)no-repeat;background-position:63px 27px !important;text-indent:27px} .form-tbl-new .ico-cardsimple label.check-new-pay input[type=radio]:checked + span{background:#f3504e url(/img/icon_pay_01_over.png)no-repeat} .form-tbl-new .ico-card span{background:url(/img/icon_pay_02.png)no-repeat;background-position:88px 27px !important;text-indent:27px} .form-tbl-new .ico-card label.check-new-pay input[type=radio]:checked + span{background:#f3504e url(/img/icon_pay_02_over.png)no-repeat} .form-tbl-new .ico-phone span{background:url(/img/icon_pay_04.png)no-repeat;background-position:92px 23px !important;text-indent:16px} .form-tbl-new .ico-phone label.check-new-pay input[type=radio]:checked + span{background:#f3504e url(/img/icon_pay_04_over.png)no-repeat} .form-tbl-new .ico-transfer span{background:url(/img/icon_pay_06.png)no-repeat;background-position:88px 27px !important;text-indent:27px} .form-tbl-new .ico-transfer label.check-new-pay input[type=radio]:checked + span{background:#f3504e url(/img/icon_pay_06_over.png)no-repeat} .form-tbl-new .ico-transfer span{background:url(/img/icon_pay_06.png)no-repeat;background-position:88px 27px !important;text-indent:27px} .form-tbl-new .ico-transfer label.check-new-pay input[type=radio]:checked + span{background:#f3504e url(/img/icon_pay_06_over.png)no-repeat} .form-tbl-new .ico-virtual span{background:url(/img/icon_pay_07.png)no-repeat;background-position:88px 26px !important;text-indent:24px} .form-tbl-new .ico-virtual label.check-new-pay input[type=radio]:checked + span{background:#f3504e url(/img/icon_pay_07_over.png)no-repeat} .form-tbl-new .ico-mu span{background:url(/img/icon_pay_08.png)no-repeat;background-position:80px 27px !important;text-indent:23px} .form-tbl-new .ico-mu label.check-new-pay input[type=radio]:checked + span{background:#f3504e url(/img/icon_pay_08_over.png)no-repeat} .form-tbl-new .ico-daeri span{background:url(/img/icon_pay_09.png)no-repeat;background-position:88px 26px !important;text-indent:26px} .form-tbl-new .ico-daeri label.check-new-pay input[type=radio]:checked + span{background:#f3504e url(/img/icon_pay_09_over.png)no-repeat} .form-tbl-new .ico-coupon span{background:url(/img/icon_pay_10.png)no-repeat;background-position:73px 29px !important;text-indent:23px} .form-tbl-new .ico-coupon label.check-new-pay input[type=radio]:checked + span{background:#f3504e url(/img/icon_pay_10_over.png)no-repeat} .form-tbl-new label.lb-payco span{background:url(/img/ico_payco.png)no-repeat;background-size:55px 13px !important;background-position:83px 29px !important;text-indent:55px} .form-tbl-new label.lb-payco input[type=radio]:checked + span{background:#f3504e url(/img/ico_payco_selected.png)no-repeat} .form-tbl-new label.lb-toss span{background:url(/img/ico_toss.png)no-repeat;background-size:41px 15px !important;background-position:98px 28px !important;text-indent:41px} .form-tbl-new label.lb-toss input[type=radio]:checked + span{background:#f3504e url(/img/ico_toss_selected.png)no-repeat} .form-tbl-new label.lb-kakaopay span{background:url(/img/ico_kakaopay.png)no-repeat;background-size:60px 20px !important;background-position:63px 27px !important;text-indent:55px} .form-tbl-new label.lb-kakaopay input[type=radio]:checked + span{background:#fedb0a url(/img/ico_kakaopay.png)no-repeat; border:solid 1px #fedb0a;} .form-tbl-new .ico-naverpay span{background:url(/img/ico_npay.png)no-repeat;background-position:38px 21px; text-indent:115px; min-height:46px;} .form-tbl-new .ico-naverpay label.check-new-pay input[type=radio]:checked + span{background:#00c63b url(/img/ico_npay.png)no-repeat; background-position:40px 21px; border:1px solid #00c63b;} .container-new .panel-bottom{background:#fff;max-width:900px}/*하단 업체정보*/ .container-new .bottom_btn{margin:0;padding:10px 0;} .container-new .bottom_btn a{font-weight:bold;}/*하단 버튼*/ .container-new .bottom_btn .btn_red{text-align:center;color:#fff !important;font-size:18px;padding:12px 0;background:#f3504e;border:1px solid #d33230;} .container-new .bottom_btn .btn-shop-order{width:200px} .container-new .m-tooltip{display:inline-block;width:19px;height:19px;background:url(/img/icon_mobile_tooltip.png)no-repeat;background-size:19px 19px;margin:2px 0 0 3px;vertical-align:top;cursor:pointer} .container-new .help-block{font-size:13px;color:#888888;} .container-new .txt-info{line-height:21px;padding-top:5px;padding-bottom:15px} .container-new .txt-info p{padding-left:20px;padding-right:25px} .container-new .txt-info p::before{content:'-';display:inline-block;margin-right:3px} .form-tbl-new .stit-area{text-indent:15px;border-top:1px solid #f0f1f5;font-size:15px;line-height:52px;padding-top:5px;letter-spacing:-0.5px} .form-tbl-new .stit-area.bdtop-0{border-top:none} .form-tbl-new .stit-area .saved-inp{position:relative;top:-4px;} .form-tbl-new .stit-area label.check-new{font-size:15px;color:#222;display:inline;} .container-new #join_member a#checkUsedEmailBtn{margin:8px 0 0 0;}/*회원가입 중복확인 버튼*/ .form-tbl-new .payment-heading.coupon-wrap{border:none;background:inherit;padding:0;} .container-new h4.tit-to div{display:initial;} .form-tbl-new .prod-one-count{margin-top:5px;border-top:0 !important;font-size:15px} .form-tbl-new .prod-one-count .ttt{padding:15px 0 5px 0px} .form-tbl-new .prod-one-count .cnt{padding:0 10px 6px 0px} /*장바구니 주문서*/ .form-tbl-new .orderformtbt3{padding:10px;width:100%;display:inline-block;border-bottom:0;} .form-tbl-new .orderformtbt3 + .orderformtbt3{border-top: 1px solid #e7e7e7;} .form-tbl-new .orderformpdoptiont p{margin:5px 0 2px;font-size:13px;color:#888;} .form-tbl-new .orderformtbt3 .orderformpd{margin-left:100px} .form-tbl-new .orderformpd .pddt{font-size:14px} .form-tbl-new .orderformprice{margin-bottom:0;} .form-tbl-new .orderformprice .pricedt{margin-top:5px;font-size:13px} .form-tbl-new .orderformprice .pricedd{margin-top:5px;font-size:13px;color:#888;font-weight:normal;} .form-tbl-new .orderformprice .pricedd em{margin-right:7px} .form-tbl-new .orderformimg{width:90px;height:90px;background-size:90px 90px} .form-tbl-new .orderformimg img{width:90px;height:90px;} .container-new h2.s_title{margin:0;padding:55px 0;}/*쇼핑몰 주문페이지 타이틀*/ /*모바일샵 주문서*/ .form-tbl-new .orderblock{border-bottom:0;padding:0;margin:0;width:100%;} .form-tbl-new h4.agreebox label span.lineh{margin:0;position:relative;top:-5px;} .modal-mshop{top:60px}/*모바일샵 모달창 위치*/ /*상세설명 레이어창*/ .Products_View_newlayer{width:900px;border:1px solid #d0d0d0;background:#fff;min-height:500px;z-index:1;position:absolute;top:119px;left:50%;margin-left:-450px;} .Products_View_newlayer h4{font-size:17px;padding:15px 15px 0 15px;height:51px;border-bottom:1px solid #d0d0d0;margin:0} .Products_View_newlayer img#btnclose{top:-1px;right:-1px;position:absolute;cursor:pointer;} .Products_View_newlayer #goodContentFrame{padding:30px;} @media (max-width: 900px){ .Products_View_newlayer{width:100%;top:95px;margin-left:0;left:0;} .Products_View_newlayer h4{padding:15px 10px 0 10px;} .Products_View_newlayer #goodContentFrame{padding:20px;} } /*모달창*/ .modal-new h4::before{display:none} .modal-new .modal-header{} .modal-new .modal-header h4{width:80%;font-size:17px;border-bottom:0;text-indent:0;height:inherit;line-height:inherit;padding:6px 0} .modal-new .modal-header button.close{top:15px;right:15px;position:absolute;padding:0 !important;outline:none} .modal-new .modal-footer button,.modal-new .modal-footer a{font-size:13px;} /*쿠폰선택모달*/ .modal-coupon-lst{border-top:2px solid #333;margin-bottom:50px} .modal-coupon-lst li{padding:12px 15px;border-bottom:1px solid #ebebeb;font-size:12px;vertical-align:middle} .modal-coupon-lst li b{font-size:15px;font-family:'Arial black';margin-right:5px} .modal-coupon-lst li p{margin-bottom:0} .modal-coupon-lst li p:first-child{font-size:13px;margin-bottom:3px} .modal-coupon-lst li a{float:right;font-size:11px;padding:2px 4px;margin-top:0;background:#43464c;border:1px solid #2f2f2f;color:#fff !important} /*쇼핑몰 제품상세페이지 헤더,풋터 공지사항 영역*/ .notice_header{background:#fafafa;text-align:center;padding:18px;color:#000000;margin-bottom:28px} .notice_header .header_tit{font-size:25px;font-weight:bold;padding:20px 0px 25px;} .notice_header .header_tit:before{background:url(/img/mall/ico_notice.png)no-repeat;background-size:30px 35px;display:inline-block;width:40px;height:35px;content:"";vertical-align:bottom;} .notice_header .header_txt{font-size:15px;font-weight:500;padding:20px;background:#ffffff;border:#e5e5e5 1px solid;} .notice_footer{background:#fafafa;text-align:center;padding:18px;color:#000000;margin-top:30px;} .notice_footer .footer_tit{font-size:25px;font-weight:bold;padding:20px 0px 25px;} .notice_footer .footer_tit:before{background:url(/img/mall/ico_notice.png)no-repeat;background-size:30px 35px;display:inline-block;width:40px;height:35px;content:"";vertical-align:bottom;} .notice_footer .footer_txt{font-size:15px;font-weight:500;padding:20px;background:#ffffff;border:#e5e5e5 1px solid;} /*주문서-장바구니 버튼3개*/ .bottom_btn_cart{} .bottom_btn_cart a{font-size:15px !important;padding:6px 12px;} .bottom_btn_cart a.btn_red{background:#f3504e;border:1px solid #d33230;color:#fff;} /*대리결제 받는페이지*/ .order-left .stit-area{text-indent:0 !important;padding-top:0 !important;} .order-left .stit-area .d-row{display:inline-block;width:20%;padding-left:15px;margin-right:10px;} .form-tbl-new .info-add1{margin-top:10px;}/*원산지*/ .form-tbl-new .info-add2, .info-add3{margin-top:5px;}/*제조사, 브랜드*/ /*SNS 공유*/ .form-tbl-new .social{text-align:left;margin:10px 10px 0 0;line-height:0} .form-tbl-new .social > a{display:inline-block;width:30px;height:30px;margin:0 0 0 4px;vertical-align:middle} .form-tbl-new .kakao-new{background:url(/img/m_mall/social_icon_kakao.png)no-repeat center;background-size:auto 35px} .form-tbl-new .kakaostory-new{background:url(/img/m_mall/social_icon_kakao_story.png)no-repeat center;background-size:auto 34px} .form-tbl-new .facebook-new{background:url(/img/m_mall/social_icon_facebook.png)no-repeat center;background-size:auto 32px} .form-tbl-new .twitter-new{background:url(/img/m_mall/social_icon_twitter.png)no-repeat center;background-size:auto 35px} .form-tbl-new .band-new{background:url(/img/m_mall/social_icon_nband.png)no-repeat top -2px center;background-size:auto 34px} .form-tbl-new .blog-new{background:url(/img/m_mall/social_icon_nblog.png)no-repeat top -2px center;background-size:auto 36px} /*간편결제동의 영역*/ .container-new .pay-agree{border-top:1px solid #d4d4d4} .container-new .pay-agree .agreebox{height:28px;margin-top:10px} .container-new .pay-agree .agreebox.agree-line{height:38px} .container-new .pay-agree .agreebox.agree-line2{margin-bottom:10px} .container-new .pay-agree .agreebox label{line-height:0;vertical-align:top} .container-new .pay-agree .agreebox a{margin:0 10px 0 0;vertical-align:bottom} /*약관동의모달창*/ .terms_wrap{width:97%;margin:0 auto;font-size:12px;color:#666} .terms_wrap h1{font-size:14px;font-weight:700} /* 페이코프로모션용 퀵배너*/ .float-out-wrap{width:900px;height:0px;margin:0 auto;position:relative;} .float-out-wrap.m-view { display:none; } .float-in-wrap{width:90px;position:absolute;top:20px;right:-100px;display:block} .float-in-wrap .kakao-open-banner { position:fixed; z-index:99999; } .left-float{display:block;position:fixed;width:90px;z-index:999;border:1px solid #e1e1e1;background:#fff;overflow:visible} .left-float.jason-view{border:none;} .quick-bt-banner img{width:100%;height:auto} .kakao-open01{position:absolute;width:90px;bottom:-100px;left:-1px;z-index:1000;} .kakao-open01 img{width:90px} .kakao-open02{position:absolute;width:72px;bottom:-85px;left:8px;z-index:1000;} .kakao-open02 img{width:72px} .kakao-open03{position:absolute;width:72px;bottom:-85px;left:8px;z-index:1000;} .kakao-open03 img{width:72px} .bg-gray-box{display:table;width:100%;padding:15px 20px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;background:#f5f5f5;min-height:150px;text-align:center} .bg-gray-box > ul{display:table-cell;vertical-align:middle} .left-inherit {left:inherit;} /* .left-float.jason-view .kakao-open01{bottom:-90px;} .left-float.jason-view .kakao-open02{bottom:-72px;} .left-float.jason-view .kakao-open03{bottom:-72px;} */ .w100-new{width:100% !important} .fw-nor{font-weight:normal !important;} .fs15{font-size:15px} .fc-222{color:#222;} .fr{float:right;} .fl{float:left;} .h-auto{height:auto !important} .pdb30{padding-bottom:30px !important} .pdr10{padding-right:10px !important;} @media (max-width:900px){ .container-new{width:100%} .container-new .panel-wrap{margin-top:0} .container-new .form-tbl-new{margin-bottom:10px;} .container-new h4{text-indent:10px !important} .container-new .bottom_btn{margin:10px 10px 30px 10px;padding-bottom:0;padding:0} .form-tbl-new .info-left{padding:0;width:100%;} .form-tbl-new .prod_title{padding:7px 10px 4px 10px;} .form-tbl-new .subject_subtitle{padding:0px 10px;} .form-tbl-new .blog_view_img .img_no{width:100%} .form-tbl-new .goodimg-wrap{width:100%;height: auto} .form-tbl-new .goodimg-wrap .inner{width:100%;height:100%;background:#f7f7f7} .form-tbl-new .prod-one-count{margin-top:5px;} .form-tbl-new .prod-one-count .ttt{padding:15px 0 5px 10px} .form-tbl-new .prod-one-count .cnt{padding:0 10px 6px 10px} .form-tbl-new .info-right{padding:0;width:100%;} .form-tbl-new .info-right dt{padding:0 10px !important;} .form-tbl-new .option_wrap .prodinfo_op_title{padding:15px 0 5px 10px} .form-tbl-new .option_wrap .otbox{padding:0; 10px} .form-tbl-new .prodinfo_priceend dd{padding:15px 20px 15px 10px;} .form-tbl-new .pricecolor3{width:inherit;background:#fff;border:1px solid #d9d9d9;margin:0 10px 10px 10px;} .form-tbl-new .info-add1, .info-add2, .info-add3{padding-left:10px;}/*원산지, 제조사, 브랜드*/ .form-tbl-new .info-right .allpricecolor dd{padding-right:10px;} .form-tbl-new .stit-area .saved-inp{width:50% !important;display:inline-block;} .container-new .table-bordered{padding:5px 0;display:inline-block;} .container-new .table-bordered .form-group{width:100%;margin-bottom:10px;} .form-tbl-new .form-group .zipinp{width:calc((100% - 42px) / 1);} .container-new .table-bordered th{display:none} .container-new .table-bordered td{border-bottom:0;border-top:0;padding:5px 10px} .form-tbl-new input.w-half{width:100% !important;} .form-tbl-new input.w-half2{width:70% !important;}/*우측에 버튼이 있는 경우 inputbox 조절*/ .form-tbl-new .payment-heading .radio{width:calc((100% - 20px) / 2);} .form-tbl-new .payment-heading .radio.only-credit{width:calc((100% - 10px) / 1);}/*결제정보가 신용카드만 있을 경우*/ .form-tbl-new .bank-wrap .bank-label{display:none} .form-tbl-new .bank-wrap .bank-cont{width:100%} .form-tbl-new .bank-wrap .bank-check{border-top:none;height:52px;padding:8px 10px} .form-tbl-new .orderSubDiv{padding-bottom:8px;} .form-tbl-new .info-right .prodinfo_price_top dd{padding:15px 20px 15px 10px !important;} .form-tbl-new .stit-area.bdbot-1{border-bottom:1px solid #f0f1f5} .form-tbl-new .card-wrap input.col-sm-1{width:20% !important} .form-tbl-new .card-wrap input.col-sm-2, .form-tbl-new .card-wrap select.col-sm-2{width:22% !important} .form-tbl-new .card-wrap input.col-sm-3, .form-tbl-new .card-wrap select.col-sm-3{width:35% !important} .form-tbl-new .card-wrap .hyp{padding:0 2px} .form-tbl-new .card-wrap .s-txt span{display:block;line-height:21px} .form-tbl-new .card-wrap .card-atc{height:80px} .form-tbl-new .card-wrap .card-atc dt{display:block;line-height:16px;margin-bottom:5px} .form-tbl-new .add_composi_wrap .prodinfo_op_title{padding:13px 10px 5px 10px} .form-tbl-new .add_composi_wrap .prodinfo_op{padding:10px 10px 0 10px;} .form-tbl-new .prodinfo_op{padding:0 10px;} .form-tbl-new .prodinfo_op3 dd{padding-left:10px;} .form-tbl-new #selectOptionView{padding:0} .form-tbl-new #selectOptionView dl{padding:0;} .form-tbl-new #selectOptionView dt .arrowinputbox{margin-top:6px} /*사은품*/ .form-tbl-new .atcwrap dd{padding-left:10px} /*주문결제페이지 사은품내용*/ .order-gift{border-top:1px solid #ddd} .order-gift .txt-gift{height:auto !important;font-size:13px !important} .form-tbl-new .saved-m-area{padding:0 10px;text-indent:0} .form-tbl-new .saved-m-area span.mine{display:inline-block;text-indent:0;} .btn-cart-app{width: calc((100% - 10px) / 2);}/*APP파일 장바구니 버튼*/ .container-new .panel-wrap.cart-top-space{margin-top:10px;} .form-tbl-new .orderformtbt3 .orderformpd{margin-left:70px} .form-tbl-new .orderformimg{width:60px;height:60px;background-size:60px 60px} .form-tbl-new .orderformimg img{width:60px;height:60px;} .container-new .bottom_btn .btn-shop-order{width:calc((100% - 10px) / 2);} .container-new h2.s_title{padding:20px 0 35px 0;}/*쇼핑몰 주문페이지 타이틀*/ .order-left .stit-area .d-row{width:30%;padding-left:10px;} .order-left .stit-area.addr{line-height:30px;} .order-left .stit-area.addr span{display:block;padding:10px 10px;} .order-left .stit-area.addr .d-row{width:100%;height:52px;padding:0 !important;text-indent:10px;margin:0;line-height:52px;} .form-tbl-new label.check-new-pay span{font-size:15px;padding:12px 0;height:46px} .form-tbl-new label.check-new-pay span.pay-2{font-size:18px;padding:25px 0;}/*신용카드,휴대전화*/ /*페이코 추가, 토스bi로 변경*/ .form-tbl-new label.check-new-pay span.payco{padding:13px 0 12px 0;height:46px !important} .form-tbl-new label.check-new-pay span.toss{padding:13px 0 12px 0} .form-tbl-new label.check-new-pay span.kakaopay{padding:13px 0 12px 0;height:46px} .form-tbl-new label.check-new-pay span.payco-big{padding:25px 0 26px 0} .form-tbl-new label.check-new-pay input[type=radio] + span.payco::before{display:block;width:67px;height:19px;background-size:67px 15px;background-position:center 2px} .form-tbl-new label.check-new-pay input[type=radio]:checked + span.payco:before{background-size:67px 15px} .form-tbl-new label.check-new-pay input[type=radio] + span.payco-big::before{display:block;width:80px;height:19px;background-size:80px 18px;background-position:center 1px} .form-tbl-new label.check-new-pay input[type=radio]:checked + span.payco-big:before{background-size:80px 18px} .form-tbl-new label.check-new-pay input[type=radio] + span.toss::before{display:block;width:45px;height:19px;background:url(/img/ico_toss.png)no-repeat;background-size:45px 16px;background-position:center 1px} .form-tbl-new label.check-new-pay input[type=radio]:checked + span.toss:before{background-size:45px 16px;} .form-tbl-new label.check-new-pay input[type=radio] + span.kakaopay::before{display:block;width:60px;height:20px;background-size:60px 20px;background-position:center center} .form-tbl-new label.check-new-pay input[type=radio]:checked + span.kakaopay:before{background-size:60px 20px} .form-tbl-new .ico-naverpay span{background-position:center;} .form-tbl-new .ico-naverpay label.check-new-pay input[type=radio]:checked + span{background-position:center;} /*결제방식선택 아이콘 추가*/ .form-tbl-new .ico-cardsimple span, .form-tbl-new .ico-card span, .form-tbl-new .ico-phone span, .form-tbl-new .ico-transfer span, .form-tbl-new .ico-transfer span, .form-tbl-new .ico-virtual span, .form-tbl-new .ico-mu span, .form-tbl-new .ico-daeri span, .form-tbl-new .ico-coupon span, .form-tbl-new label.lb-payco span, .form-tbl-new label.lb-toss span, .form-tbl-new label.lb-kakaopay span {background:transparent;background-position:initial !important;text-indent:0} .form-tbl-new .ico-cardsimple label.check-new-pay input[type=radio]:checked + span, .form-tbl-new .ico-card label.check-new-pay input[type=radio]:checked + span, .form-tbl-new .ico-phone label.check-new-pay input[type=radio]:checked + span, .form-tbl-new .ico-transfer label.check-new-pay input[type=radio]:checked + span, .form-tbl-new .ico-transfer label.check-new-pay input[type=radio]:checked + span, .form-tbl-new .ico-virtual label.check-new-pay input[type=radio]:checked + span, .form-tbl-new .ico-mu label.check-new-pay input[type=radio]:checked + span, .form-tbl-new .ico-daeri label.check-new-pay input[type=radio]:checked + span, .form-tbl-new .ico-coupon label.check-new-pay input[type=radio]:checked + span, .form-tbl-new label.lb-payco input[type=radio]:checked + span, .form-tbl-new label.lb-toss input[type=radio]:checked + span{background:#f3504e} .form-tbl-new label.lb-kakaopay input[type=radio]:checked + span{background:#fedb0a} .form-tbl-new label.lb-toss input[type=radio]:checked + span{background:#f3504e} .form-tbl-new .ico-naverpay span em{display:none;} .form-tbl-new label.lb-payco span em{display:none} .form-tbl-new label.lb-toss span em{display:none} .form-tbl-new label.lb-kakaopay span em{display:none} /*페이코프로모션*/ .form-tbl-new.payco2018{background:#fa2828} .form-tbl-new.payco2018 h4 > a strong{padding-left:0px} /* 페이코프로모션용 퀵배너*/ .float-out-wrap{position:fixed;width:46px;height:46px;bottom:10px;right:10px;z-index:99} .float-out-wrap.m-view{ display:block; } .float-in-wrap{width:46px;height:46px;right:inherit;position:inherit;top:inherit} .left-float{width:auto;height:auto;position:inherit;border:0;background:transparent} .quick-bt-banner{display:none} .kakao-open01{position:inherit;width:40px;bottom:10px;right:10px;left:inherit} .kakao-open02{position:inherit;width:46px;bottom:7px;right:7px;left:inherit} .kakao-open03{position:inherit;width:46px;bottom:7px;right:7px;left:inherit} .kakao-open01 img, .kakao-open02 img, .kakao-open03 img{width:100%} .bg-gray-box{min-height:auto;margin:20px 0} } @media (max-width:768px) { /*페이코프로모션*/ .form-tbl-new.payco2018 h4{height:auto;line-height:28px;padding:10px 0} .form-tbl-new.payco2018 h4 > a strong{display:inline-block;width:70%} .form-tbl-new.payco2018 h4 > a strong span{display:block;margin-left:0} .form-tbl-new.payco2018 .btn-default-new{margin:15px 10px} } @media (max-width:768px) { /*네이버페이 프로모션 배너*/ .form-tbl-new.naverpay-banner{background:#fffeea;} .form-tbl-new.naverpay-banner .text-box{padding:15px 10px;font-size:13px;} .form-tbl-new.naverpay-banner .nlogo{width:60px;} .form-tbl-new.naverpay-banner strong{display:inline-block;width:75%;} } @media (max-width:500px) { /*대리결제 받는페이지 사칭조심 동의 영역*/ .container-new h4.tit-paywant-agree{height:85px;padding-top:12px;} .container-new h4.tit-paywant-agree label{width:90%;line-height:28px;} /*결제방식선택 아이콘 추가*/ .form-tbl-new .ico-naverpay label.check-new-pay input[type=radio]:checked + span{background:#00c63b url(/img/ico_npay .png)no-repeat; background-position:center;} } @media (max-width:400px){ /*받으시는분 정보 -최근배송지 영역때문에 클래스 부여*/ .container-new h4.tit-to{display:inline-block;height:85px;} .container-new h4.tit-to div{display:inline-block;width:100%;margin-top:-20px} .container-new h4.tit-to div label.sameinfo{float:left !important;} /*페이코프로모션*/ .form-tbl-new.payco2018 h4{line-height:23px} .form-tbl-new.payco2018 h4 > a strong{font-size:15px;width:calc((100% - 105px) / 1)} .form-tbl-new.payco2018 .btn-default-new{margin:9px 10px} } @media (max-width:360px) { .form-tbl-new .saved-m-area{line-height:inherit;padding:12px} .form-tbl-new .orderformprice .pricedd em{display:block;margin-right:0} } @media (max-width:350px) { /*비회원 주문 개인정보 수집동의 320사이즈 리사이징*/ .container-new h4.tit-guest-agree{height:85px;padding-top:12px;} .container-new h4.tit-guest-agree label{width:66%;line-height:28px;} .container-new h4.agree-line2{height:50px !important} .container-new h4.agree-line2 label{width:66%;line-height:19px !important} } /*무이자행사안내 모달창내용*/ .card_event_tb_wrap { width: 100%; padding: 10px 20px 30px 20px; } .card_event_m_tit { font-size:14px; font-weight: bold; color: #252424; display: block; margin: 20px 20px 10px 0; letter-spacing: -0.5px; } .card_event_m_tit>span{ font-weight: normal; } .card_event_s_tit { font-size: 14px; display: block; margin: 5px 20px 10px 0; line-height: 21px; letter-spacing:-0.7px; } .card_event_s_tit .red_tit { color: #f3504e; font-weight: bold; } .red_font{color: #f3504e;} .card_event_s_tit .s_tit { font-size: 12px; color: #666; } .card_event_tb_wrap table { width: 100%; font-size: 12px; color: #3b4658; border-collapse: collapse; border-spacing: 0; letter-spacing: -0.5px; } .card_event_tb_wrap img { display: inline-block; text-align: center; margin: 0 auto; height: 30px; vertical-align: middle; padding-right: 4px; } .card_event_tb_wrap td { padding: 12px; border: 1px solid #e0e0e0; line-height: 18px; } .card_event_tb_wrap td:nth-of-type(1){ text-align: center; } .event_close_btn { width: 100%; background: #e0e0e0; border: 1px solid #e0e0e0; font-size: 14px; padding: 10px 20px; text-align: right; position: fixed; bottom: 0 } .event_close_btn label { float:left } .event_close_btn label, .event_close_btn img, .event_close_btn span { vertical-align: middle; border:0; } .event_close_btn input { vertical-align: sub; } .event_close_btn span { font-size: 13px; } @media screen and (max-width: 640px) { .card_event_tb_wrap {padding:10px 10px 60px 10px;} .card_event_m_tit {font-size: 14px;} .card_event_s_tit {font-size: 13px; margin-top: 0; letter-spacing: -0.5px;} .card_event_s_tit .red_tit {padding: 0 3px;} .card_event_tb_wrap table {font-size:12px;} .card_event_tb_wrap td {padding:10px;} .card_event_tb_wrap img {height: 24px;} .event_close_btn {padding: 10px;} } @media screen and (max-width: 400px) { .card_event_tb_wrap img {display: block; padding-right: 0;} }