@charset "utf-8"; /* 한도 정보 */ .limit-info { margin-bottom:60px; overflow:hidden; } .limit-info > h2 { padding-bottom:6px; font-weight:bold; font-size:20px; color:#000; line-height:1.3em; } .limit-info-box { background:#fafafa; border-top:2px solid #191919; } .limit-info-box:after { display:block; content:""; clear:both; } .limit-info-box > dt { float:left; width:160px; padding:23px 20px 25px; line-height:1.25em; font-weight:bold; font-size:16px; color:#000; font-weight:bold; letter-spacing:0; } .limit-info-box > dd { float:left; display:flex; width:calc(100% - 160px); padding:23px 20px 25px 0; font-size:0; } .limit-info-box > dd span { display:inline-block; line-height:1.25em; font-size:16px; color:#707070; letter-spacing:0; } .limit-info-box > dd span ~ span { padding-left:40px; } .limit-info-box > dd span em { position:relative; display:inline-block; margin-right:10px; padding-right:10px; vertical-align:baseline; letter-spacing:0; } .limit-info-box > dd span em:after { content:""; position:absolute; top:50%; right:0; width:1px; height:12px; transform:translateY(-50%); background:#ddd; } .limit-info-box > dd span strong { display:inline-block; color:#2189FF; vertical-align:baseline; letter-spacing:0; } .limit-info .info-type-1 { padding:24px 20px; border-bottom:1px solid #ebebeb; } .limit-info .info-type-1 > dt { line-height:1.3em; margin-bottom:22px; font-size:14px; color:#000; font-weight:bold; letter-spacing:0; } .limit-info .info-type-1 > dd p { font-size:14px; line-height:1.3em; color:#707070; letter-spacing:0; word-break:keep-all; } .limit-info .info-type-1 > dd p ~ p { padding-top:6px; } .limit-info .info-type-1 > dd p.light { color:#999; } .limit-info .info-type-2 { padding:24px 20px; border-bottom:1px solid #ebebeb; } .limit-info .info-type-2:after { content:""; display:block; clear:both; } .limit-info .info-type-2 .info-type-left { font-size:14px; color:#000; font-weight:bold; letter-spacing:0; } .limit-info .info-type-2 .info-type-left > em { margin-left:6px; font-weight:normal; font-size:inherit; color:#999; letter-spacing:0; } .limit-info .info-type-2 .info-type-right { float:right; line-height:1.29em; font-size:14px; color:#707070; letter-spacing:0; } /* 결제정보 */ .order-content .payment-area { position:absolute; right:24px; top:120px; width:100%; max-width:330px;background:#fff; z-index:10;} .order-excv .payment-area { top:127px; } /* 전담자몰 */ .order-content .payment-area > h2 { padding-bottom:6px; font-size:20px; color:#000; font-weight:bold; border-bottom:2px solid #191919; line-height:1.3em; } .order-content .payment-area .payment-listup { padding:24px 0; border-bottom:1px solid #eaeaea; } .order-content .payment-area .payment-listup > li { display:flex; } .order-content .payment-area .payment-listup > li ~ li { margin-top:12px; } .order-content .payment-area .payment-listup > li > span { width:50%; line-height: 21px; font-size:16px; color:#707070; letter-spacing:0; } .order-content .payment-area .payment-listup > li > span em { display: block; font-size: 12px; } .order-content .payment-area .payment-listup > li > .text { color:#000; text-align:right; line-height:21px; } .order-content .payment-area .payment-listup > li > .text > strong { font-weight:normal; line-height:inherit; vertical-align:bottom; } .order-content .payment-area .payment-listup .color-sb { color:#2188FF !important; } .order-content .payment-area .payment-listup .color-sb > strong { color:inherit; } .order-content .payment-area .cost-listup { padding-top:33px; } .order-content .payment-area .cost-listup > li { display:flex; } .order-content .payment-area .cost-listup > li ~ li { margin-top:12px; } .order-content .payment-area .cost-listup > li > span { width:50%; line-height:1.23em; font-size:16px; color:#000; } .order-content .payment-area .cost-listup > li > span .btn-tooltip { position:relative; display:inline-block; right:initial; top:initial; margin-left:3px; transform:none; } .order-content .payment-area .cost-listup > li > span > strong { font-size:18px; color:inherit; line-height:23px; } .order-content .payment-area .cost-listup > li > span > span { color:inherit; } .order-content .payment-area .cost-listup > li > span > em {color:#2188FF; font-weight:normal; } .order-content .payment-area .cost-listup > li > span.color-sb { color:#2188FF; } .order-content .payment-area .cost-listup > li > .text { text-align:right; } .order-content .payment-area .cost-listup > li > .text:not(.color-sb) { font-weight:bold; } .order-content .payment-area .cost-listup > li > .text > strong { font-family:"Samsung Sharp Sans"; font-size:24px; font-weight:bold; vertical-align:baseline; } .order-content .payment-area .cost-listup > li:first-child > .head { line-height:1.36em; } .order-content .payment-area .cost-listup > li.point-benefit { flex-direction: column; cursor: pointer;} .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-title { display: flex; justify-content: space-between; } .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-title .point-number:after { display: inline-block; content: ""; width: 14px; height: 14px; background: url(/sec/static/_images/common/icon-drop-down.svg) no-repeat right center; padding-left: 10px; } .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-list { width: 100%; height: 0; overflow: hidden; transition: 0.6s; } .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-list.on {height: 200px;} .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-list .dropList{background: #eee; border-radius: 15px; padding: 20px;margin-top: 20px;} .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-list .dropList dl{display: flex; justify-content: space-between; padding: 6px 0;} .payment-area .cost-listup .banner.img {margin-top:24px;padding-top:24px; border-top:1px solid #EBEBEB;} /* kdp-52973 */ .order-content .payment-area .terms-box { position:relative; margin-top:24px; padding-top:30px; border-top:1px solid #191919; } .order-content .payment-area .terms-box > h2 { line-height:1.3em; padding-bottom:24px; font-size:20px; color:#000; font-weight:bold; } .order-content .payment-area .terms-box > .btn-terms-view { position:absolute; right:0; top:38px; padding-right:22px; font-size:14px; color:#000; font-weight:bold; background:url("/sec/static/_images/common/icon-drop-down.svg") no-repeat right center; } .order-content .payment-area .terms-box > .on { background-image:url("/sec/static/_images/common/icon-drop-up.svg")} .order-content .payment-area .terms-box .terms-view { display:none; } .order-content .payment-area .terms-box .terms-view .chk-form { position:relative; } .order-content .payment-area .terms-box .chk-form ~ .chk-form { margin-top:16px; } .order-content .payment-area .terms-box .terms-view .chk-form .btn-underline { position:absolute; bottom:0; right:0; margin:0; } .order-content .payment-area .terms-box .chk-form label { padding-left:26px; padding-right: 51px; color:#000; line-height:1.3; word-break:keep-all; }/* 220208 */ .order-content .payment-area .terms-box .chk-form label:before { position:absolute; left:0; top:0; margin-top:0; } .order-content .payment-area .terms-box .chk-form:checked+label:before { top:0; } .order-content .payment-area .terms-box .terms-view { margin-top:16px; padding:20px; background:#F7F7F7; } .order-content .payment-area .terms-box .terms-view label.inp-box:not(:nth-last-child(1)) { padding-bottom:24px; } .order-content .payment-area .chk-all { display:none; } .order-content .payment-area .btn { width:100%; margin:36px 0 0; font-size:18px; font-weight:normal; } .order-content .payment-area .btn > strong { display:inline-block; margin-bottom:2px; font-family:"Samsung Sharp Sans"; /* margin-right:6px; */ color:#fff; font-size:inherit; font-weight:bold; line-height:1em; } .order-content .payment-area .btn > span { display:inline-block; margin-bottom:3px; font-size:inherit; color:#fff; line-height:1em; } /* 개통폰 멤버쉽 포인트 */ .order-content .payment-area .point-membership{padding-top: 22px;} .order-content .payment-area .point-membership .point-expect{display: flex; justify-content: space-between; padding-top: 16px;} .order-content .payment-area .point-membership .point-expect span{font-size: 16px;} .order-content .payment-area .point-membership .point-expect span.head{line-height: 1.23em; color: #000;} .order-content .payment-area .point-membership .point-expect span.text{} .order-content .payment-area .point-membership .point-expect .btn-point-detail{padding-right: 22px; font-size: 16px; color: #2188FF; font-weight: bold; background: url(/sec/static/_images/common/icon-drop-down.svg) no-repeat right center;} .order-content .payment-area .point-membership .point-expect .btn-point-detail.active{background: url(/sec/static/_images/common/icon-drop-up.svg) no-repeat right center;} .order-content .payment-area .point-membership .point-details{display: none; background: #eaeaea; padding: 16px; margin-top: 16px; color: #707070;} .order-content .payment-area .point-membership .point-details ul{} .order-content .payment-area .point-membership .point-details ul > li{display: flex; justify-content: space-between; padding-bottom: 6px;} .order-content .payment-area .point-membership .point-details ul > li span{line-height: 1.2rem;} .order-content .payment-area .point-membership .point-details > p{margin-top: 10px; padding-top: 10px; border-top: 1px solid #707070; line-height: 1.2rem;} /* 에러 메시지 */ .order-info-detail .error-msg, .input-obj .error-msg { padding-top:6px; } .order-info-detail .input-caution { position: relative; padding: 14px 0 0 10px; font-size: 14px; line-height: 1.25rem; color: #707070; } .order-info-detail .input-caution::before { display: inline-block; content: "*"; position: absolute; left: 0; } .order-info-detail .input-caution.red-color{color:#fa2337}/* KDP-48654 240215 추가 */ @media (max-width:1280px) and (min-width:801px) { .order-info-detail .input-caution {font-size:1.0727vw;} } @media screen and (max-width:800px) { .order-info-detail .input-caution {font-size:11px;} } /* 주문 layout */ .order-content { position:relative; max-width:1440px; padding:50px 410px 0 24px; } .order-content.content { min-height:704px; } /* 주문 페이지에만 적용 */ .layer-pop .order-content { min-height:initial; } .order-content > .tit-box { margin-bottom:40px; } .order-content .order-area { margin-bottom:56px; } .order-content .order-area:nth-last-child(1) { margin-bottom:0; } .order-content .order-area > h2 { padding-bottom:6px; line-height:1.3em; font-size:20px; color:#000; font-weight:bold; border-bottom:2px solid #191919; } .order-content .order-area > h2 span { font-size: inherit; font-weight: inherit; color: #2188FF; vertical-align: baseline; } .order-content .order-area .point-ment.type2 .btn {width: 160px;height: 40px;font-weight:normal;font-size: 14px;text-align: center;border: 1px solid #b2b2b2;border-radius: 20px;} /* KDP-52973 : 240423 추가 */ .order-content .order-area .point-ment.img {max-width:100%;margin-top:0;} .order-content .order-area .point-ment.img a {display:block;} .order-content .order-tbl { display:flex; width:100%; } .order-content .order-tbl +.order-tbl{ border-top:1px solid #eaeaea; } .order-content .order-tbl .order-td { position:relative; padding:40px 0; text-align:left; vertical-align:top; } .order-content .order-tbl .order-image { width:21.5%; padding-right:24px; text-align:center; } .order-content .order-tbl .order-spec { width:24.8%; padding-right:24px; } .order-content .order-tbl .order-select { width:25.2%; } .order-content .order-tbl .order-count { width:15%; padding-right:24px; padding-left:24px; text-align:right; line-height:21px; } .order-content .order-tbl .order-price { width:13.5%; text-align:right; } .coupon-droplist .droplist li {line-height:20px; padding:10px 24px;} .coupon-droplist .droplist li span{font-size:12px;} .layer-bizniIdent .li-star >li::before{color: #2189FF;}/* 2021-04-26 */ /* s : 221229 혜택시뮬레이터 */ .order-content .order-tbl .order-price .price-smaller { display:block; color:#707070; font-size:12px; line-height:16px; letter-spacing:-0.4px; } .order-content .order-tbl .order-price .price-smaller + .price-small { margin-top:6px; } /* e : 221229 혜택시뮬레이터 */ /* 품절 */ .p-soldout > div:not(.cart-sns) { opacity:.3; } .p-soldout > .order-count { opacity:1; } [class*=order-].disabled{color:#a6a6a6 !important} /* 주문 : 사진 */ .order-content .order-tbl .order-image .photo { display:inline-table; width:180px; height:180px; margin:0 auto; } .order-content .order-tbl .order-image .photo a { position:relative; display:inline-block; width:180px; height:180px; margin:0 auto; overflow:hidden; vertical-align:middle; } .order-content .order-tbl .order-image .photo a > img { max-height:100%; width:auto; height:auto; position:absolute; top:0; /*bottom:0;*/ left:0; right:0; margin:auto; } .order-content .order-tbl .order-image .photo .img-pc { display:block; margin:auto; } .order-content .order-tbl .order-image .photo .img-mo { display:none; } /* 주문 : 제품 정보 */ .order-content .order-spec-group .ico-group-t { display:block; margin-bottom:6px; font-size:0; } .order-content .order-spec-group .ico-group-t > span { display:inline-block; height:auto; line-height:1.34em; letter-spacing:0; border-radius:0; } .order-content .order-spec-group .ico-group-t > span ~ span { margin-left:6px; } .order-content .order-spec-group .ico-group-t .ico-b, .order-content .order-spec-group .ico-group-t .ico-t { min-width:auto; padding:0; color:#2188FF; font-weight:700; vertical-align:top; border:0; } .order-content .order-spec-group .ico-group-t .red-color {color: #fa2337;} /* 231012 : 홈클래스 추가 */ .order-content .order-spec-group .ico-group-t .ico-t > .btn-tooltip, .order-content .order-spec-group .ico-group-t .ico-t > .tooltip { float:right; width:20px; height:15px; font-size:1px; color:transparent; opacity:0.6; background:url("/sec/static/_images/common/icon-tooltip4.svg") no-repeat center center; background-size:auto 100%;} .order-content .order-spec-group .o-title { word-break:keep-all; overflow:hidden; } .order-content .order-spec-group .o-title a { display:inline-block; font-size:16px; color:#000; font-weight:bold; line-height:1.36em; letter-spacing:0; } .order-content .order-spec-group .o-label { margin-top:4px; font-size:12px; color:#707070; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group { position:relative; display:block; margin-top:20px; } .order-content .order-spec-group .ico-group .o-spec span { display:inline-block; font-size:12px; color:#707070; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group .o-spec span:nth-last-child(1):after { display:none; } .order-content .order-spec-group .ico-group .o-spec span.end { margin-right:10px; } .order-content .order-spec-group .ico-group .o-spec span.end:after { display:none; } .order-content .order-spec-group .ico-group .o-spec .btn-option { display:inline-block; min-width:61px; height:20px; line-height:20px; font-size:12px; color:#fff; background:#000; border-radius:10px; vertical-align:middle; } .order-content .order-spec-group .o-telecom { margin-top:20px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 { line-height:24px; font-size:0; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li { min-width:inherit; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li ~ li { margin-left:10px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li:first-child { margin-left:0; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label { display:inline-block; height:24px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label span { display:inline-block; min-width:50px; height:24px; line-height:23px; padding:0 15px; font-weight:bold; font-size:12px; letter-spacing:0; vertical-align:top; } .order-content .order-spec-group .o-telecom + .ico-group { margin-top:10px; } /* 주문 : 제품 가격 */ .order-content .order-tbl .order-count span { display:inline-block; line-height:21px; font-size:16px; color:#000; letter-spacing:0; } .order-content .order-tbl .order-price .price-small { position:relative; display:inline-block; line-height:21px; font-size:16px; color:#A6A6A6; letter-spacing:0; } .order-content .order-tbl .order-price .price-small:before { position:absolute; left:0; right:0; top:40%; width:100%; height:1px; background:#A6A6A6; content:""; } .order-content .order-tbl .order-price .price-big { display:block; padding-right:16px; font-size:16px; color:#000; font-weight:bold; line-height:21px; letter-spacing:0; } /* 주문 : 사은품/쿠폰 */ .order-content .order-select .select-noti { width:100%; padding:5px 0 6px; border-bottom:2px solid rgba(178,178,178,0.51); font-size:14px; color:#999; line-height:19px; } .order-content .order-select .select-noti.coupone { margin-top:10px; } .order-content .order-select .selBaseCoupon { margin:6px 0; } .order-content .order-select .gifts-select ~ .gifts-select { margin-top:6px; } .order-content .order-select .gifts-select .imgs { position:absolute; top:50%; left:10px; width:24px; height:24px; transform:translateY(-50%); background:#DFDFDF; border-radius:2px; } .order-content .order-select .gifts-select .imgs img { width:100%; } .order-content .order-select .gifts-select .names { display:block; font-size:14px; color:#000; letter-spacing:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .order-content .order-select .gifts-select .btn-del { position:absolute; right:10px; top:50%; width:16px; height:16px; background:url("/sec/static/_images/common/icon-del-s.svg") no-repeat center center; transform:translateY(-50%); background-size:16px auto; } .order-content .order-select .gifts-coupone { padding-left:10px; } .order-content .order-select .order-select-menu ~ .order-select-menu { margin-top:10px; } .order-content .order-select .order-select-menu .droplist { width:328px; } .order-content .order-select .order-select-menu.active .droplist { padding:14px 0; } .order-content .order-select .order-select-menu .link-gift { position:relative; display:block; line-height:38px; padding-left:40px; padding-right:102px; text-align:left; } .order-content .order-select .order-select-menu .link-gift > span { display:block; font-size:14px; color:#000; } .order-content .order-select .order-select-menu .link-gift > .imgs { position:absolute; display:block; left:14px; top:50%; width:20px; height:20px; transform:translateY(-50%); } .order-content .order-select .order-select-menu .link-gift > .imgs img { vertical-align:top; } .order-content .order-select .order-select-menu .link-gift > .names { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .order-content .order-select .order-select-menu .link-gift > .dates { position:absolute; display:block; right:14px; top:50%; line-height:1; transform:translateY(-50%); z-index:2; } .order-content .order-select .order-select-menu .link-gift.link-coupon { padding-left:20px; padding-right:20px; } .order-content .order-select .order-select-menu .droplist-button .link-gift { padding-left:26px; padding-right:0; } .order-content .order-select .order-select-menu .droplist-button .link-gift > .imgs { left:0; } .order-content .order-select .order-select-menu .droplist-button .link-gift > .dates { display:none; } .order-content .order-select .order-select-menu .droplist li.focused .link-gift > span { font-weight:700; } .wrap-droplist.order-select-menu ~ .order-select-menu { margin-top:12px; } /* 사은품 공통 (장바구니,주문/결제) */ .order-content .order-select .wrap-droplist ~ .selBaseCoupon { margin:0; } .order-select-list { padding:10px; background:#F7F7F7; } .order-select-list .gifts-select { position:relative; display:block; height:40px; line-height:40px; padding:0 36px 0 40px; text-align:left; background:#fff; border-radius:10px; overflow:hidden; } .order-select-list.freebie { position:relative; padding:12px 10px 10px; background:transparent; } .order-select-list.freebie .gifts-select { position:relative; display:block; height:40px; padding:0 0 0 40px; line-height:40px; text-align:left; background:#fafafa; border-radius:10px; overflow:hidden; } .order-content .order-tbl .order-select .sold-out-text:before {content:'*'; display:inline-block; color:#707070;} .order-content .order-tbl .order-select .sold-out-text {font-size:11px; line-height:1.3; color:#707070; text-indent:-3px; padding-left:10px; word-break:break-all; margin-bottom: 6px;} /* 사은품 공통 (나의 쇼핑 > 주문상세, 주문취소 등) */ .conbox-myshopping-list .order-select .gifts-select { position:relative; display:block; height:40px; line-height:40px; padding:0 36px 0 40px; text-align:left; background:#fafafa; border-radius:10px; overflow:hidden; } /* 옴니쿠폰 공통 (장바구니,주문/결제) */ .order-select-list.omni-coupon { position:relative; padding:12px 10px 10px; background:transparent; } .order-select-list.omni-coupon .gifts-coupone { padding:11px 26px 11px 10px; background:#EFF7FF; border-radius:10px; line-height:18px; } .order-select-list.omni-coupon .names .tag { display:inline-block; width:86px; margin-right:10px; font-size:14px; font-weight:bold; color:#000; line-height:18px; } /* 비스포크 */ .order-content .order-tbl .order-spec-group ~ .pc-bespoke { margin-top:42px; } /* 번들 제품 */ .order-content .multi-order-tbl { flex-direction:column; } .multi-order-tbl .order-multi.order-tr { display:flex; width:100%; } /* 정기 배송 */ .input-type-small-2 { width:100%; max-width:354px; } /* 배송,할인,포인트,결제수단 */ .order-info-box > li { position:relative; padding:30px 0; padding-left:236px; border-bottom:1px solid #eaeaea; } .order-info-box > li.sale-li { margin-bottom:0; padding-right:0; border-bottom:0; } .order-info-box > li.deco { padding-bottom:30px !important; border-bottom:1px solid #eaeaea !important; } .order-info-box > li.extra-service .info-extra li .inp-form { vertical-align:top; } .order-info-box > li:nth-last-child(1) { margin-bottom:0; padding-bottom:0; border-bottom:0; } .order-info-box .head { position:absolute; left:0; top:30px; width:18%; max-width:236px; padding:8px 0; color:#444; } /*231011:부천중동 매장픽업*/ .order-info-box .order-btn { position:absolute; right:0; top:30px; padding:8px 0; } .order-info-box > li .inp-inactive { pointer-events:none; } .order-info-box > li .opt-primary { margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #EBEBEB; } /* 2021-07-05 */ .order-info-box > li.homt_desc { padding-left: 0; } .order-info-box-2 { padding:30px 0; } .order-info-box-2 li { position:relative; margin-bottom:14px; padding:0; padding-left:236px; } .order-info-box-2 li:nth-last-child(1) { margin-bottom:0; } .order-info-box-2 > li.deco { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eaeaea; } .order-info-box-2 .head { position:absolute; left:0; top:-2px; width:18%; max-width:118px; padding:8px 0; color:#444; } .order-info-box-2 .order-btn { position:absolute; right:0; top:30px; padding:8px 0; } .order-info-box-2 .order-btn .btn-s { height:28px; line-height:28px; margin:0; } .order-info-box-2 li li { margin-bottom:0; } .order-info-box-2 .event-code-li { padding-top:24px; border-top:1px solid #eaeaea; } .order-info-box-2 .event-code-li .head, .order-info-box-2 .event-code-li .btn-info-sale { top:24px !important; } .order-info-box-2 .event-code-li.cmmall .btn-info-sale {padding-top: 3px;}/* 2023-02-21 */ .order-info-box-2 .event-code-li.cmmall .btn-info-sale .btn-underline {font-size: 16px;font-weight: bold;color: #2189FF;border-bottom: 1px solid #2189FF;padding-top: 0;}/* 2023-02-21 */ .order-info-inner { display:block; width:100%; margin-bottom:12px; padding:11px 0; } .order-info-inner:nth-last-child(1) { margin-bottom:0; } .order-info-inner-maxwidth-1 { max-width:466px; } .order-padding-none { padding-top:0; padding-bottom:0; } .order-padding-none-t { padding-top:0; } .order-padding-none-b { padding-bottom:0; } .order-info-inner span { display:inline-block; vertical-align:middle; } .order-info-inner span:after { display:inline-block; width:1px; height:10px; margin:0 20px; vertical-align:middle; background:#d9d9d9; content:""; } .order-info-inner span:nth-last-child(1):after { display:none; } .order-content .order-box { padding:0; border-bottom:1px solid #eaeaea; } .order-content .order-box:nth-last-child(1) { border-bottom:0; } .order-content .tab-nav { margin-bottom:20px; } .order-content .tab-nav ul:after { display:block; content:""; clear:both; } .order-content .tab-nav li { display:block; float:left; margin-right:10px; } .order-content .tab-nav li:nth-last-child(1) { margin-right:0; } .order-content .tab-nav li button { width:120px; height:40px; margin:0; font-size:14px; color:#000; text-align:center; border:1px solid #b2b2b2; border-radius:20px; } .order-content .tab-nav li .on { color:#fff; background:#000; border-color:#000; } .order-content .tab-nav li .btn-single { cursor: default; } .order-content .tab-view { display:none; } .order-content .radio-nav .chk-form { padding:6px 0; } .order-content .radio-nav + .use-type-1 { margin-top:30px; } .order-content .radio-nav + .use-type-2 { margin-top:24px; padding-top:24px; border-top:1px solid #EBEBEB; } .order-content .sale-option { width:100%; } .order-content .sale-option .head { display:inline-block; width:30%; vertical-align:top; } .order-content .sale-option .head em { color:#1428a0; font-weight:bold; } .order-content .sale-option .result { display:inline-block; width:65%; vertical-align:middle; } .order-content .sale-option .result-input { margin-top:-10px; } .order-content .sale-option .result .dropdownMenu { display:inline-block; margin-right:10px; margin-bottom:0; vertical-align:middle; } .order-content .btn-listup:after { display:block; content:""; clear:both; } .order-content .btn-listup li { float:left; } .order-content .btn-listup .btn:nth-child(1) { margin-left:0; } .order-content .tip-add { position:relative; display:inline-block; width:100%; padding-right:20px; }/* 220208 */ .order-content .tip-add.-inline {width:auto}/* 210917 */ .order-content .btn-tooltip { position:absolute; display:inline-block; right:0; top:50%; width:16px; height:16px; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; background-size:contain; border-radius:50%; transform:translateY(-50%); } .order-content .info-ul, .order-content .fnet-info-ul { position:relative; margin:25px 0 0 236px; } .order-content .info-ul > li { position:relative; padding:5px 0; padding-left:14px; font-size:14px; line-height:1.3; color:#707070; word-break:keep-all; } .order-content .info-ul > li.pickup {color: #000; padding-bottom: 20px;} .order-content .info-ul > li.pickup span {font-size: inherit; vertical-align: baseline;} .order-content .info-ul > .exclusive_point { font-size:16px; font-weight:bold; color:#ff4337; } .order-content .fnet-info-ul > li {position:relative; margin-bottom:10px; font-size:14px; line-height:1.5; color:#707070; word-break:keep-all; }/* 2021-05-03 */ .order-content .info-ul > li:before { position:absolute; left:0; top:5px; content:"※"; } .order-content .info-ul.sub{margin-left: 0;} .order-content .fnet-info-ul>li.ft12 {font-size:14px; font-weight: bold; }/* 2021-03-12 수정 */ .order-content .fnet-info-ul>li.ft12 p.color-red {font-size:100%;color:#ff0000;}/* 2021-03-12 수정 */ /* 231228 일시품절안내문구 (kdp-44683) */ body[data-pagename="fnet"] .order-area .order-tbl {flex-wrap:wrap;} body[data-pagename="fnet"] .order-area .multi-order-tbl .order-multi.order-tr {flex-wrap:wrap;} body[data-pagename="fnet"] .order-area .order-tbl ul.info-ul.sub.nonestockGoodsErr {width:100%;flex:none;} @media screen and (min-width:1101px) { .order-content .info-ul.nonestockGoodsErr {margin-top:0;margin-bottom:1.7361vw} } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-content .info-ul.nonestockGoodsErr {margin-top:0;margin-bottom:1.7361vw} } /* deliveryTable */ .order-content .info-ul li .deliveryTable {margin:10px 0;} .order-content .info-ul li .deliveryTable table {border-collapse:separate; border-spacing:0; color:#464646; font-size:14px;} .order-content .info-ul li .deliveryTable table th, .order-content .info-ul li .deliveryTable table td {padding:10px 20px; text-align:center;} .order-content .info-ul li .deliveryTable table th {background:#DEEDFF;} .order-content .info-ul li .deliveryTable table th:first-child {border-radius:10px 0 0 0;} .order-content .info-ul li .deliveryTable table th:last-child {border-radius:0 10px 0 0;} .order-content .info-ul li .deliveryTable table td {border-bottom:1px solid #EBEBEB; border-left:1px solid #EBEBEB;} .order-content .info-ul li .deliveryTable table td:first-child {border-left:0;} .order-content .info-ul li .deliveryTable table tr:last-child td {border-bottom:0;} @media (max-width: 800px) { .order-content .info-ul li .deliveryTable table {width:100%;} } /* delivery-box */ .order-content .delivery-box { display:block; width:100%; max-width:566px; margin-bottom:30px; padding:30px; border:1px solid #EBEBEB; border-radius:20px; } .order-content .delivery-box > dt .item-tit { position:relative; color:#000; font-size:20px; font-weight:bold; line-height:26px; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .order-content .delivery-box > dt span:not(.item-tit) { position:relative; display:block; font-size:14px; font-weight:400; line-height:20px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .order-content .delivery-type-3 > dd { padding-bottom:0; } .order-content .delivery-box > dd > div { width:100%; } .order-content .delivery-box > dd > .wrap-droplist:not(.plus-details) { margin-top:20px; } .order-content .delivery-box > dd .seg-check-form { width:100%; padding:24px 0; } .order-content .delivery-box > dd .seg-dropdownMenu { width:100%; } .order-content .delivery-box > dd .seg-input { width:100%; margin-top:20px; } .order-content .delivery-box > dd .seg-details { padding:16px; background:#F7F7F7; color:#777; font-size:14px; line-height:21px; } .order-content .delivery-box > dd .search-store { position:relative; } .order-content .delivery-box > dd .search-store input { width:calc(100% - 100px); } .order-content .delivery-box > dd .search-store button { position:absolute; right:0; top:50%; margin:0; transform:translateY(-50%); } .order-content .delivery-box .info-extra { margin-top:20px; } .tooltip-layer .tip-discount-detail {padding-top: 6px;} .tooltip-layer .tip-discount-detail li {font-size: 14px; line-height: 1.42; color: #555;} .tooltip-layer .tip-discount-detail li:before {content: '·';} .tooltip-layer .tip-discount-detail li strong {display: inline-block; padding-left: 4px; padding-right: 8px; font-size: 14px; font-weight: normal;} .tooltip-layer .tip-discount-detail li span, .tooltip-layer .tip-discount-detail li em {font-size: 14px; font-style: normal;} .empty-cart { position:relative; display:none; min-height:200px; text-align:center; background:#f7f7f7; border-top:2px solid #191919; } .empty-cart .empty-text { position:absolute; display:inline-block; left:50%; top:50%; font-size:16px; font-weight:bold; vertical-align:middle; transform:translate(-50%, -50%); } .empty-cart .empty-text:before { display:inline-block; width:35px; height:26px; margin-right:10px; vertical-align:middle; background:url("/sec/static/_images/common/icon-cart.svg") no-repeat center center; content:""; } .pick-store .inp-line { width:100%; } .pick-store .inp-select-store { width:calc(100% - 110px) !important; margin-bottom:5px; } .pick-store .btn { min-width:100px; margin:0; } .order-info-detail .pick-shop {min-height: 32px; border-bottom: 1px solid #b2b2b2;} .order-info-detail .pick-shop > span {font-size: 14px; color: #999; line-height: 1.7;} .order-info-detail { width:100%; max-width:566px; } .order-info-detail > li { position:relative; min-height:32px; margin-bottom:12px; padding:6px 0; } .order-info-detail > li:nth-last-child(1) { margin-bottom:0; } .order-info-detail li, .order-info-detail li > span { font-size:14px; color:#000; vertical-align:baseline; word-break:break-all}/* 210203 : 글자 넘침 처리 */ .order-info-detail .cols-2 { float:left; width:50%; } .order-info-detail .cols-3 { float:left; width:33%; } .order-info-detail .cols-4 { float:left; width:25%; } .order-info-detail .cols-5 { float:left; width:20%; } .order-info-detail .cols-clear { clear:both; } .order-info-detail .cols-another { float:left; width:auto; } .order-info-detail .cols-3-another { float:left; width:67%; } .order-info-detail .cols-4-another { float:left; width:75%; } .order-info-detail .cols-5-another { float:left; width:80%; } .order-info-detail .cols-inline { display:inline-block; } .order-info-detail .cols-inline2 { position:relative; display:inline-block; } .order-info-detail .cols-inline2:after { display:inline-block; width:1px; height:10px; margin:0 20px; vertical-align:middle; background:#d9d9d9; content:""; } .order-info-detail .gift-select { width:100%; } .order-info-detail .gift-select .dropdownMenu { width:100%; } .order-info-detail .anther-service-input { display:inline-block; width:100%; } .order-info-detail .coupon-entry { display:inline-block; width:100%; margin-right:12px; } .order-info-detail .padding-none { padding-top:0; padding-bottom:0; } .order-info-detail .d-padding-add { padding:11px 0; font-size:inherit; } .order-info-detail .wrap-droplist + .d-padding-add { margin-top:6px; } .order-info-detail.use-type-1, .order-info-detail.use-type-2 { max-width:100%; } .order-info-detail.use-type-1 > li, .order-info-detail.use-type-2 > li { max-width:566px; } /* 시간맞춤배송 캘린더 레이어 (230926) */ .ui-datepicker .selectTime {padding:8px; background:#F7F7F7;} .ui-datepicker .selectTime button {display:block; width:100%; margin-bottom:4px; padding:10px 0; border:1px solid #D9D9D9; border-radius:6px; background:#fff; color:#000; font-size:14px; box-sizing:border-box;} .ui-datepicker .selectTime button:disabled {opacity:0.5; pointer-events:none;} .ui-datepicker .selectTime button.ui-state-hover {border:1px solid #0077C8;} .ui-datepicker .selectTime button.active {border:1px solid #0077C8; background:#0077C8; color:#fff;} .ui-datepicker .selectButton {padding:8px;} .ui-datepicker .selectButton button {width:100%;} .ui-datepicker .selectButton button:disabled {opacity:0.5; pointer-events:none;} .ui-datepicker .selectButton button.ui-state-hover {border-color:#212425; background:#212425; color:#fff; font-weight:bold;} /* 분리배송 배송희망일만 분리*/ /* #delivery-tab-view2 .delivery-box .info-extra .error-msg{padding-left:32%;} */ .order-info-detail .inp-form .inp-calendar {cursor:pointer;} /* 2021-08-09 패넷 혼수 이사 합결제 */ .delivery-tab-view div.input-obj {position: relative; min-height: 32px; margin-top: 20px; padding-left: 37%;} .delivery-tab-view div.input-obj .s-head {position: absolute; left: 0; width: 37%; padding: 10px 0; color: #000; font-weight:bold;} /* 트레이드인 추가 */ .order-info-box li.trade-in {padding-bottom: 30px; border-bottom: 1px solid #eaeaea;} .order-info-box .trade-in .order-info-detail .s-head {float: left;} .order-info-box .trade-in .order-info-detail .chk-view {margin-top: 12px;} .order-info-box .trade-in .order-info-detail .chk-view:first-of-type {margin-top: 0;} .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist {margin-bottom: 12px;} .order-info-box .trade-in .order-info-detail .reward-value {line-height: 2.29; text-align: right; font-size: 14px;} .order-info-box .trade-in .order-info-detail .reward-value em {font-size: 16px;} .order-info-box .trade-in .note {margin-top: 14px; } .order-info-box .trade-in .note li {position: relative; margin-top: 5px; padding-left: 14px; font-size: 14px; line-height:1.3;} .order-info-box .trade-in .note li a {font-size: 14px;} .order-info-box .trade-in .note li:before {position: absolute; left: 0; top: 2px; content: "*";} /* UL : 주문자 정보변경 / 매장선택 */ .input-type-small { width:100%; max-width:566px; } .input-type-ul > li, .input-type-div > div { position:relative; min-height:32px; margin-bottom:20px; padding:0; } .input-type-ul > li:nth-last-child(1) { margin-bottom:0; } .input-type-ul > li.input-obj, .input-type-div > div.input-obj { padding-left:37%; } .input-type-ul > li.h-auto { min-height:auto; } .input-type-ul .s-head, .input-type-div .s-head { position:absolute; left:0; width:37%; padding:10px 0; color:#444; } .input-type-ul .select-btn { position:relative; padding-right:102px; } .input-type-ul .select-btn button { position:absolute; right:0;top:0; } .input-type-ul .dropdownMenu { width:100%; } .input-type-ul .dropdownMenu li { padding-left:initial; } /* 할인혜택 */ .discount-area .order-info-box-2 .head { width:113px; } .discount-area .order-info-box-2 .price { color:#2189FF; font-size:16px; text-align:right; } .discount-area .order-info-box-2 .cmmall .head {font-size: 16px;font-weight: bold;color: #2189FF;padding-top: 5px;}/* 2023-02-21 */ /* 포인트 사용 */ /* 221229 혜택시뮬레이터 */ /* .point-area .order-info-box-2 .head { width:113px; } */ .point-area .order-info-box-2 .head { width: 124px; } .point-area .order-info-box-2 .use-type-1 > li { padding:30px; border:2px solid #EBEBEB; border-radius:20px; } .point-area .order-info-box-2 .use-type-1 > li:not(:nth-last-child(1)) { margin-bottom:30px; } .point-area .order-info-box-2 .use-type-2 > li:not(:nth-last-child(1)) { margin-bottom:14px; } .point-area .point-inline-1 { position:relative; display:inline-block; width:calc(38% - 69px); margin-right:66px; padding-right:75px; color:#000; top: 6px; padding-bottom: 32px; } .point-area .point-inline-1 .use-tit { display:inline-block; width:auto; padding-right:3px; font-size:inherit; } .point-area .point-inline-1 .use-point { position:absolute; right:0; font-size:inherit; } .point-area .point-inline-2, .point-area .point-inline-3 { display:inline-block; width:62%; max-width:356px; right: 20px; bottom: 1px; padding-bottom: 22px; } .point-area .point-inline-2 .chk-form, .point-area .point-inline-3 .chk-form { display:inline-block; line-height:32px; } .point-area div.inp-point { position:relative; display:inline-block; width:212px; height:32px; float:right; } .point-area div.inp-point::before { content:""; position:absolute; bottom:0; left:0; right:0; display:block; height:1px; background:#B2B2B2; } .point-area div.inp-point::after { content:"P"; position:absolute; top:9px; right:5px; display:inline-block; color:#000; font-size:14px; } .point-area div.inp-point .inp-line { padding-right:18px; text-align:right; } .point-area .point-line-1 { display:block; padding:10px; color:#707070; font-size:16px; line-height:20px; background:#F7F7F7; } .point-area .point-line-1 em { position:relative; display:inline-block; margin-left:5px; padding-left:10px; font-weight:bold;} .point-area .point-line-1 em::before { content:""; position:absolute; top:5px; left:0; display:inline-block; width:1px; height:12px; background:#ddd; } .point-area .point-line-2 { display:-ms-flexbox; display:flex; -ms-flex-direction:row; flex-direction:row; -ms-flex:1 1 auto; flex:1 1 auto; padding-top:24px; position: relative; padding-bottom: 7px; min-height: 75px; } .point-area .point-line-2 .pd-info { display:inline-block; width:calc(100% - 160px - 75px); margin-right:39px; color:#000; font-weight:bold; line-height:21px; } .point-area .point-line-2 .pd-info .info-name { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .point-area .point-line-2 .pd-info .sub-info { display:block; margin-top:6px; color:#707070; font-size:12px; font-weight:normal; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* 필수항목 추가 */ .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover { display: inline-block; width: 67%; text-align: right; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point { display: inline-block; float: none; width: 62%; vertical-align: middle; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point {position: relative; float: right; display: inline-block; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .btn-point .required-item { right: -6px; } .point-area .point-line-2-cover {display: flex; flex: 1 1 auto; width: 40%; } .point-area .point-line-2-cover::after { content: ''; display: block; clear: both; } .point-area .point-line-2-cover div.inp-point { float: left; width: 100%; } .point-area .point-line-2-cover .btn-point { position: relative; float: left; height: 24px; } .point-area .point-line-2-cover .btn-point .btn-type2 {float: left; margin: 0;} .point-area .btn-point .required-item { position: absolute; right: -9px; top: 50%; transform: translateY(-50%); } .point-area .txt-info { position: absolute; left: 0; bottom: 0; width: 100%; text-align: right; font-size: 12px; color: #707070; } .required-item { color: #FF4337; vertical-align: middle; } .point-area .point-line-2 .inp-point { display:inline-block; width:117px; } .point-ment { position:relative; width:100%; max-width:550px; margin:30px auto 0; padding:10px 0; font-size:16px; color:#707070; font-weight:bold; line-height:21px; overflow:hidden; } .point-ment .btn { position:absolute; right:0; top:0; margin:0; } .point-ment.type2 .btn {transform: translateY(-50%); top:50%;} /* KDP-52973 : 240423 추가 */ .order-info-detail .inp-basic { width:100%; } .order-info-detail.info-extra span { position:relative; display:inline-block; width:31%; color:#444; } .order-info-detail.info-extra span:not(.tooltip-add) { line-height:32px; } .deco.extra-service .order-info-detail.info-extra > li > span.tooltip-add { margin-top:10px; } .order-info-detail .tooltip-add .btn-tip { position:absolute; display:block; left:94px; top:50%; width:18px; height:18px; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; background-size:contain; border-radius:50%; transform:translateY(-50%); } .order-info-detail .inp-form { display:inline-block; width:68%; } .order-info-detail .inp-form > .chk-form { display:inline-block; width:40%; vertical-align:top; } .order-info-detail em { font-size:inherit; color:#2188FF; } .order-info-detail .clear-both { clear:both; } .order-info-detail .inp-block { display:block; } .order-info-detail .inp-block > label { position:absolute; display:block; left:0; top:0; margin-bottom:11px; color:#000; } .order-info-detail .inp-block input:not([type=checkbox]):not([type=radio]) { width:100%; } .order-info-detail .chk-view { display:none; width:68%; margin:0 0 0 auto; margin-top:10px; } .order-info-detail .chk-view .dropdownMenu { width:100%; margin-bottom:10px; } .order-info-detail .chk-view .wrap-droplist { margin-bottom:10px; } .info-sale:after { display:block; content:""; clear:both; } .info-sale > li .account-types > li { padding-left:0; } .info-sale > li:nth-child(1) { float:left; width:37%; } .info-sale > li:nth-child(2) { float:right; width:63%; } .btn-info-sale { top:0 !important; } /* 임직원 인증 */ .inp-button-combo-box { position:relative; padding-right:102px; } .inp-button-combo-box > button { position:absolute; top:0;max-width:92px; margin:0; padding-left:8px; padding-right:8px; } .order-info-box-2 > li:first-child .order-info-detail > li:first-child .inp-button-combo-box > button { right:0; } .order-info-box-2 > li:first-child .order-info-detail > li:not(:first-child) .inp-button-combo-box > button { right:10px; } .order-info-box-2 > li:not(:first-child) .order-info-detail > li .inp-button-combo-box > button { right:10px; } .inp-button-combo-box + .combo-guide { margin-top:14px; font-size:14px; line-height:18px; } /* 단일배송 */ .box-single { position:relative; overflow:hidden; } /* 결제수단 : 결제 형태 */ .order-content .pay-info { margin-bottom:0; } .pay-info .order-info-box > li:not(.card-opt) { border-bottom:none; } .pay-info .order-info-box .pay-input-result { padding:6px 0; } .pay-info .order-info-box .pay-input-result strong { color:#000; line-height:20px; } .pay-info .caution-list { margin-top:30px; } .pay-info .caution-list li { padding-left:6px; text-indent:-6px; font-size:14px; line-height:20px; } .pay-info .caution-list li:not(:nth-child(1)) { margin-top:14px; } .pay-info .caution-list li em { color:#FF4337; font-size:inherit; } .pay-nav-box { display:block; overflow:hidden; } .pay-nav-box > .pay-nav-box-left { float:left; width:250px; max-width:250px; height:100%; overflow:hidden; } .pay-nav-box > .pay-nav-box-right { float:right; width:calc(100% - 250px); max-width:510px; height:100%; overflow:hidden; } .pay-nav-box:after, .pay-nav-box > .pay-nav-box-left:after, .pay-nav-box > .pay-nav-box-right:after { display:block; content:""; clear:both; } .pay-nav-box > .pay-nav-bottom { clear:both; padding-top:20px; } .pay-nav-box .pay-method-pay { width:100%; height:95px; font-size:0; background:url("/sec/static/_images/common/samsung-pay.svg") no-repeat center top; background-size:100%; border-radius:10px; } .pay-nav-box .pay-method-pay.on { background-image:url("/sec/static/_images/common/samsung-pay-on.svg"); } .pay-nav-box .pay-method-pay:focus { border:dashed 2px #2189FF; } .pay-nav-box .pay-tab-nav ul:after { display:block; content:""; clear:both; } .pay-nav-box .pay-tab-nav ul li { float:left; width:160px; height:40px; margin-left:5px; margin-right:5px; margin-bottom:10px; } .pay-nav-box .pay-tab-nav ul li button { width:100%; height:100%; font-size:14px; color:#000; background:#fff; border:1px solid #b2b2b2; border-radius:20px; } .pay-nav-box .pay-tab-nav ul li button.on { color:#fff; background:#212425; border:0; } .pay-input-check { clear:both; display:block; margin-top:24px; } .pay-view > .pay-input-check + .pay-input-check { margin-top:12px; } .pay-input-check .pay-check { padding-top:12px; } .pay-input-check .pay-check:first-child { padding-top:0; } .pay-input-check-none { margin-top:0; } .page-division { width:100%; margin-top:30px; margin-bottom:30px; border-color:#ebebeb; } .info-pay { margin-top:20px; } .info-pay:after { display:block; content:""; clear:both; } .info-pay > li .account-types > li { padding-left:0; } .btn-info-pay { top:0 !important; } /* 결제 수단 */ .pay-view { display:none; margin-top:0; padding-top:0 !important; padding-bottom:0 !important; } .pay-view.creditcard, .pay-view.virtual-account, .pay-view.account-transfer { padding-left:0; } .pay-view .pd-top { position:relative; padding-top:122px !important; } .pay-view .pd-top .card-opt { position:absolute; top:0; left:0; width:100%; height:92px; padding-left:236px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } .pay-view .pd-top .card-opt .radio-nav { position:absolute; top:50%; margin-top:-16px; } .pay-view.creditcard > div:not(.pd-top), .pay-view.creditcard > ul, .pay-view.virtual-account > div, .pay-view.account-transfer > div { padding-left:236px; } .pay-view.creditcard > .page-division, .pay-view.virtual-account > .page-division:not(.full-width), .pay-view.account-transfer > .page-division:not(.full-width) { width:calc(100% - 236px); margin-left:236px; } /* 신용카드 */ .credit-card { display:block; overflow:hidden; margin-left:-5px; margin-right:-5px; } .credit-card > li { display:block; float:left; width:120px; height:90px; margin-left:5px; margin-right:5px; margin-bottom:10px; } .credit-card > li:after { content:''; display:block; clear:both; } .credit-card > li > button { width:100%; height:100%; background-size:contain !important; } .credit-card > li > button.samsung { background:url("/sec/static/_images/common/credit-samsung.svg"), url("/sec/static/_images/common/credit-samsung-on.svg"); background-size:contain, 0% !important; } .credit-card > li > button.kb { background:url("/sec/static/_images/common/credit-kb.svg"), url("/sec/static/_images/common/credit-kb-on.svg"); background-size:contain, 0% !important; } .credit-card > li > button.hyundai { background:url("/sec/static/_images/common/credit-hyundai.svg"), url("/sec/static/_images/common/credit-hyundai-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.shinhan { background:url("/sec/static/_images/common/credit-shinhan.svg"), url("/sec/static/_images/common/credit-shinhan-on.svg"); background-size:contain, 0% !important; } .credit-card > li > button.lotte { background:url("/sec/static/_images/common/credit-lotte.svg"), url("/sec/static/_images/common/credit-lotte-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.nh { background:url("/sec/static/_images/common/credit-nh.svg"), url("/sec/static/_images/common/credit-nh-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.woori { background:url("/sec/static/_images/common/credit-woori.svg"), url("/sec/static/_images/common/credit-woori-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.hana { background:url("/sec/static/_images/common/credit-hana.svg"), url("/sec/static/_images/common/credit-hana-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.citi { background:url("/sec/static/_images/common/credit-citi.svg"), url("/sec/static/_images/common/credit-citi-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.kakao { background:url("/sec/static/_images/common/credit-kakao.svg"), url("/sec/static/_images/common/credit-kakao-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.bc { background:url("/sec/static/_images/common/credit-bc.svg"), url("/sec/static/_images/common/credit-bc-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.etc { background:url("/sec/static/_images/common/credit-etc.svg"), url("/sec/static/_images/common/credit-etc-on.svg"); background-size:contain, 0% !important;} .credit-card > li.on > button.samsung { background:url("/sec/static/_images/common/credit-samsung-on.svg"), url("/sec/static/_images/common/credit-samsung.svg"); } .credit-card > li.on > button.kb { background:url("/sec/static/_images/common/credit-kb-on.svg"), url("/sec/static/_images/common/credit-kb.svg"); } .credit-card > li.on > button.hyundai { background:url("/sec/static/_images/common/credit-hyundai-on.svg"), url("/sec/static/_images/common/credit-hyundai.svg"); } .credit-card > li.on > button.shinhan { background:url("/sec/static/_images/common/credit-shinhan-on.svg"), url("/sec/static/_images/common/credit-shinhan.svg"); } .credit-card > li.on > button.lotte { background:url("/sec/static/_images/common/credit-lotte-on.svg"), url("/sec/static/_images/common/credit-lotte.svg"); } .credit-card > li.on > button.nh { background:url("/sec/static/_images/common/credit-nh-on.svg"), url("/sec/static/_images/common/credit-nh.svg"); } .credit-card > li.on > button.woori { background:url("/sec/static/_images/common/credit-woori-on.svg"), url("/sec/static/_images/common/credit-woori.svg"); } .credit-card > li.on > button.hana { background:url("/sec/static/_images/common/credit-hana-on.svg"), url("/sec/static/_images/common/credit-hana.svg"); } .credit-card > li.on > button.citi { background:url("/sec/static/_images/common/credit-citi-on.svg"), url("/sec/static/_images/common/credit-citi.svg"); } .credit-card > li.on > button.kakao { background:url("/sec/static/_images/common/credit-kakao-on.svg"), url("/sec/static/_images/common/credit-kakao.svg"); } .credit-card > li.on > button.bc { background:url("/sec/static/_images/common/credit-bc-on.svg"), url("/sec/static/_images/common/credit-bc.svg"); } .credit-card > li.on > button.etc { background:url("/sec/static/_images/common/credit-etc-on.svg"), url("/sec/static/_images/common/credit-etc.svg"); } .credit-add .info-pay { width:428px; } .installment { margin-top:17px; max-width:450px; } .installment:after { content:''; display:block; clear:both; } .installment .dropdownMenu { float:left; margin-right:10px; width:320px; } .installment .dropdownMenu + a { float:right; margin:0; } /* u-POINT & 신용카드 */ /* 간편결제 */ .easy-pay { display:block; overflow:hidden; margin-top:10px; margin-left:-5px; margin-right:-5px; } .easy-pay > li { display:block; float:left; width:120px; height:90px; margin-left:5px; margin-right:5px; margin-bottom:10px; } .easy-pay > li:after { content:''; display:block; clear:both; } .easy-pay > li > button { width:100%; height:100%; background-size:contain !important; } .easy-pay > li > button.sspay { background: url("/sec/static/_images/common/easy-ssg.svg"), url("/sec/static/_images/common/easy-ssg-on.svg"); } .easy-pay > li > button.payco { background: url("/sec/static/_images/common/easy-payco.svg"), url("/sec/static/_images/common/easy-payco-on.svg"); } .easy-pay > li > button.kakaopay { background: url("/sec/static/_images/common/easy-kakao.svg"), url("/sec/static/_images/common/easy-kakao-on.svg"); } .easy-pay > li > button.toss { background: url("/sec/static/_images/common/easy-toss.svg"), url("/sec/static/_images/common/easy-toss-on.svg"); } .easy-pay > li > button.lpay { background: url("/sec/static/_images/common/easy-lpay.svg"), url("/sec/static/_images/common/easy-lpay-on.svg"); } .easy-pay > li > button.npay { background: url("/sec/static/_images/common/easy-npay.svg"), url("/sec/static/_images/common/easy-npay-on.svg"); } .easy-pay > li.on > button.sspay { background: url("/sec/static/_images/common/easy-ssg-on.svg"), url("/sec/static/_images/common/easy-ssg.svg"); } .easy-pay > li.on > button.payco { background: url("/sec/static/_images/common/easy-payco-on.svg"), url("/sec/static/_images/common/easy-payco.svg"); } .easy-pay > li.on > button.kakaopay { background: url("/sec/static/_images/common/easy-kakao-on.svg"), url("/sec/static/_images/common/easy-kakao.svg"); } .easy-pay > li.on > button.toss { background: url("/sec/static/_images/common/easy-toss-on.svg"), url("/sec/static/_images/common/easy-toss.svg"); } .easy-pay > li.on > button.lpay { background: url("/sec/static/_images/common/easy-lpay-on.svg"), url("/sec/static/_images/common/easy-lpay.svg"); } .easy-pay > li.on > button.npay { background: url("/sec/static/_images/common/easy-npay-on.svg"), url("/sec/static/_images/common/easy-npay.svg"); } /* 230317 npay money 추가 */ .easy-pay > li > button.npaymoney { background: url("/sec/static/_images/common/easy-npaymoney.svg"); } .easy-pay > li.on > button.npaymoney { background: url("/sec/static/_images/common/easy-npaymoney-on.svg"); } .pay-input-box-1 { position:relative; display:block; margin-top:20px; } .pay-input-box-1 .pay-input, .info-pay > li:nth-child(2) { display:inline-block; width:100%; max-width:428px; margin-right:10px; vertical-align:middle; } .pay-input-box-1 .pay-input .dropdownMenu { width:100%; } .pay-input-box-1 .btn-underline { position:absolute; right:0; top:7px; margin:0; } .pay-input-box-3 { clear:both; position:relative; display:block; width:100%; margin-bottom:14px; padding:0; padding-right:100px; } .pay-input-box-3 > .head-1 { position:relative; display:inline-block; left:initial; top:initial; width:37%; max-width:209px; vertical-align:top; } .pay-input-box-3 > .p-cont { display:inline-block; width:62%; max-width:356px; vertical-align:top; } .pay-input-box-3 > .p-cont .inp-box { width:100%; max-width:450px; } .pay-input-box-3 > .p-cont .inp-box input { width:100%; } .pay-input-box-3 > .p-cont .dropdownMenu { width:100%; max-width:450px; } .pay-input-box-3 > .p-cont .guide { margin-top:10px; font-size:12px; } .pay-input-box-3 > .p-cont .btn-underline { position:absolute; right:0; top:10px; } .pay-input-box-3 > .p-cont:not(.receipt) .chk-form { margin-top:10px; } .pay-input-box-3.first-block { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ebebeb; } .pay-input-box-3 .receipt .chk-form { padding:6px 0; } .pay-input-box-3 .receipt .radio-nav { margin-top:6px; } .pay-input-box-3 .receipt .wrap-droplist { margin-top:14px; } /* 주빈등록번호 */ .resident-num, .card-num, .phone-num, .biz-num { margin-top:14px; } .resident-num .inp-box.front { position:relative; float:left; width:48%; padding-right:26px; } .resident-num .inp-box.front::after { content:""; position:absolute; top:50%; right:10px; display:block; width:6px; height:1px; background:#999; } .resident-num .inp-box.back { float:right; width:52%; } .resident-num .inp-box.back .inp-line { padding-right:30px; text-align:center; } .resident-num .inp-box.back .inp-lock, .card-num.inp-lock { background:url("/sec/static/_images/common/icon-lock-black.svg") no-repeat calc(100% - 6px) 5px; background-size:18px 22px; } .resident-num .inp-line { text-align:center; border-bottom:none; } /* 카드번호 */ .card-num { position:relative; padding-right:30px; border-bottom:1px solid #B2B2B2; } .card-num .inp-box { display:inline-block; } .card-num .inp-box:not(:nth-last-child(1)) { width:25.6% !important; } .card-num .inp-box:nth-last-child(1) { width:18% !important; } .card-num .inp-box:not(:nth-last-child(1)) { position:relative; padding-right:26px; } .card-num .inp-box:not(:nth-last-child(1))::after { content:""; position:absolute; top:50%; right:10px; display:block; width:6px; height:1px; background:#999; } .card-num .inp-line { text-align:center; border-bottom:none; } .card-num input:not([type=checkbox]):not([type=radio]).inp-line { border-bottom:none; letter-spacing:-1px; margin-top:-1px; } /* 툴팁 추가 */ .buy-target-goods .order-price .btn-downtool { width:14px; height:14px; margin:-37px 0 0 ; background:transparent url(/sec/static/_images/common/icon-tooltip-down.svg) no-repeat center; background-size:14px auto; } .buy-target-goods .order-price .btn-downtool.opened { background:transparent url(/sec/static/_images/common/icon-tooltip-up.svg) no-repeat center; background-size:14px auto; } .buy-target-goods .order-price .box-tip li ~ li:not(.total) { margin-top:6px; } .buy-target-goods .order-price .box-tip { display:none; min-width:224px; margin-left:-77px; margin-top:-7px; padding:16px; border:1px solid #000; border-radius:10px; background:#fff; z-index:999; } .buy-target-goods.p-bespoke .order-price .box-tip {top:120px; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .btn-downtool { top: 20px; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .box-tip { top: 41px; } .buy-target-goods .order-price .box-tip .tit, .buy-target-goods .order-price .box-tip .price { display:inline-block; width:50%; color:#707070; font-size:14px; line-height:18px; } .buy-target-goods .order-price .box-tip .tit { text-align:left; } .buy-target-goods .order-price .box-tip .price { text-align:right; } .buy-target-goods .order-price .box-tip .total { padding-top:12px; margin-top:12px; border-top:1px solid #ddd; } .buy-target-goods .order-price .box-tip .total * { color:#000; font-weight:bold; } .buy-target-goods .cart-error-message { margin-bottom:10px; font-size:13px; color:#FF4337; text-align:left; } /** 포인트 적용 버튼 */ .ul-area-membership-point .btn-type2 { min-width: 50px; margin-top: 5px; } .area-membership-point {position: absolute; right: 15%; font-size: inherit; bottom: 3px; } .order-info-detail .btn-s { height: 24px; line-height: 24px; font-weight: normal; } .order-info-detail .btn-type2 { min-width: 50px; } .order-info-detail .btn-point { margin-left: 7px; margin-top: 5px; } #pointUseType2 .btn-cart-point-apply { margin-right: 19.7%; } /* common */ .order-info-detail.-normal >li{margin-bottom:0;line-height:1.4} .order-info-wrap {padding:24px 20px; font-size:14px; letter-spacing:0; border-bottom:1px solid #ebebeb; } .order-info-wrap .point-txt{font-size:inherit; font-weight:bold; color:#fa2337} .board-view-type-3 .btn-underline.-inline{float: none;margin:0 0 0 8px;vertical-align: initial} /*qooker 21-12-20*/ .order-content .qker-brand .order-m-area {margin-bottom: 40px;} .order-content .qker-brand .order-tbl + .order-tbl { border-top: 1px solid #eaeaea;} @media screen and (max-width:1440px) and (min-width:1101px) { /** 포인트 적용 버튼 */ #pointUseType2 .btn-cart-point-apply { margin-right: 17%; } .area-membership-point {position: absolute; right: 13%; font-size: inherit; top: 2px; } .ul-area-membership-point .btn-type2 { min-width: 50px; margin-top: 0px !important; } .order-info-detail .btn-type2 { min-width: 50px; line-height: 23px; } /* 툴팁 추가 */ .buy-target-goods .order-price .btn-downtool { position:relative; right:0; bottom:1.3899vw; width:0.9722vw; height:0.9722vw; margin:0.0694vw 0 0; background:transparent url(/sec/static/_images/common/icon-tooltip-down.svg) no-repeat center; background-size:0.9722vw auto; } .buy-target-goods .order-price .box-tip li ~ li:not(.total) { margin-top:0.4167vw; } .buy-target-goods .order-price .box-tip {position: absolute; right:-0.8333vw; min-width:15.5556vw; padding:1.1111vw; border-radius:0.6944vw; background:#fff; } .buy-target-goods.p-bespoke .order-price .box-tip { top: 7.9545vw; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .btn-downtool { top: 1.3889vw; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .box-tip { top: 2.8472vw; } .buy-target-goods .order-price .box-tip .tit, .buy-target-goods .order-price .box-tip .price { width:50%; font-size:0.9722vw; line-height:1.2500vw; } .buy-target-goods .order-price .box-tip .total { padding-top:0.8333vw; margin-top:0.8333vw; } .buy-target-goods .cart-error-message { margin-bottom:0.6944vw; font-size:0.9028vw; } /* 한도 정보 */ .limit-info { margin-bottom:4.1667vw; } .limit-info > h2 { padding-bottom:0.4167vw; font-size:1.3889vw; } .limit-info-box { background:#fafafa; } .limit-info-box:after { clear:both; } .limit-info-box > dt { width:11.1111vw; padding:1.5972vw 1.3889vw 1.7361vw; line-height:1.25em; font-size:1.1111vw; letter-spacing:0; } .limit-info-box > dd { width:calc(100% - 11.1111vw); padding:1.5972vw 1.3889vw 1.7361vw 0; font-size:0; } .limit-info-box > dd span { line-height:1.25em; font-size:1.1111vw; letter-spacing:0; } .limit-info-box > dd span ~ span { padding-left:2.7778vw; } .limit-info-box > dd span em { margin-right:0.6944vw; padding-right:0.6944vw; letter-spacing:0; } .limit-info-box > dd span em:after { top:50%; right:0; width:0.0694vw; height:0.8333vw; transform:translateY(-50%); background:#ddd; } .limit-info-box > dd span strong { letter-spacing:0; } .limit-info .info-type-1 { padding:1.6667vw 1.3889vw; } .limit-info .info-type-1 > dt { line-height:1.3em; margin-bottom:1.5278vw; font-size:0.9722vw; letter-spacing:0; } .limit-info .info-type-1 > dd p { font-size:0.9722vw; line-height:1.3em; letter-spacing:0; word-break:keep-all; } .limit-info .info-type-1 > dd p ~ p { padding-top:0.4167vw; } .limit-info .info-type-2 { padding:1.6667vw 1.3889vw; } .limit-info .info-type-2:after { clear:both; } .limit-info .info-type-2 .info-type-left { font-size:0.9722vw; letter-spacing:0; } .limit-info .info-type-2 .info-type-left > em { margin-left:0.4167vw; font-size:inherit; letter-spacing:0; } .limit-info .info-type-2 .info-type-right { line-height:1.29em; font-size:0.9722vw; letter-spacing:0; } /* 결제정보 */ .order-content .payment-area { right:1.6667vw; top:8.3333vw; width:100%; max-width:22.9167vw; background:#fff; } .order-excv .payment-area { top:8.8194vw; } /* 전담자몰 */ .order-content .payment-area > h2 { padding-bottom:0.4167vw; font-size:1.3889vw; } .order-content .payment-area .payment-listup { padding:1.6667vw 0; } .order-content .payment-area .payment-listup > li ~ li { margin-top:0.8333vw; } .order-content .payment-area .payment-listup > li > span { width:50%; font-size:1.1111vw; letter-spacing:0; } .order-content .payment-area .cost-listup { padding-top:1.6667vw; } .order-content .payment-area .cost-listup > li ~ li { margin-top:0.8333vw; } .order-content .payment-area .cost-listup > li > span { width:50%; line-height:1.23em; font-size:1.1111vw; } .order-content .payment-area .cost-listup > li > span .btn-tooltip { right:initial; top:initial; margin-left:0.2083vw; transform:none; } .order-content .payment-area .cost-listup > li > span > strong { font-size:1.2500vw; } .order-content .payment-area .cost-listup > li > .text > strong { font-size:1.6667vw; } .order-content .payment-area .cost-listup > li:first-child { padding-top:0.4861vw; } .order-content .payment-area .cost-listup > li:first-child > .head { line-height:1.36em; } .order-content .payment-area .terms-box { margin-top:1.6667vw; padding-top:2.3611vw; } .order-content .payment-area .terms-box > h2 { line-height:1.3em; padding-bottom:1.6667vw; font-size:1.3889vw; } .order-content .payment-area .terms-box > .btn-terms-view { right:0; top:2.6389vw; padding-right:1.5278vw; font-size:0.9722vw; background:url("/sec/static/_images/common/icon-drop-down.svg") no-repeat right center; } .order-content .payment-area .terms-box > .on { background-image:url("/sec/static/_images/common/icon-drop-up.svg")} .order-content .payment-area .terms-box .chk-form ~ .chk-form { margin-top:1.1111vw; } .order-content .payment-area .terms-box .terms-view .chk-form .btn-underline { bottom:0; right:0; margin:0; } .order-content .payment-area .terms-box .chk-form label { padding-left:1.8056vw; padding-right:3.5417vw; line-height:1.3; word-break:keep-all; }/* 220208 */ .order-content .payment-area .terms-box .chk-form label:before { left:0; top:0; margin-top:0; } .order-content .payment-area .terms-box .chk-form:checked+label:before { top:0; } .order-content .payment-area .terms-box .terms-view { margin-top:1.1111vw; padding:1.3889vw; background:#F7F7F7; } .order-content .payment-area .terms-box .terms-view label.inp-box:not(:nth-last-child(1)) { padding-bottom:1.6667vw; } .order-content .payment-area .btn { width:100%; margin:2.5000vw 0 0; font-size:1.2500vw; } .order-content .payment-area .btn > strong { margin-bottom:0.1389vw; margin-right:0.4167vw; font-size:inherit; line-height:1em; } .order-content .payment-area .btn > span { margin-bottom:0.2083vw; font-size:inherit; line-height:1em; } /* 주문 layout */ .order-content { max-width:100.0000vw; padding:3.4722vw 28.4722vw 0 1.6667vw; } .order-content > .tit-box { margin-bottom:2.7778vw; } .order-content .order-area { margin-bottom:3.8889vw; } .order-content .order-area:nth-last-child(1) { margin-bottom:0; } .order-content .order-area > h2 { padding-bottom:0.4167vw; line-height:1.3em; font-size:1.3889vw; } .order-content .order-tbl { width:100%;} .order-content .order-tbl .order-td { padding:2.7778vw 0; } .order-content .order-tbl .order-image { width:21.5%; padding-right:1.6667vw; } .order-content .order-tbl .order-spec { width:24.8%; padding-right:1.6667vw; } .order-content .order-tbl .order-select { width:25.2%; } .order-content .order-tbl .order-count { width:15%; padding-right:1.6667vw; padding-left:1.6667vw; line-height:1.4583vw; } .order-content .order-tbl .order-price { width:13.5%; } /* 주문 : 사진 */ .order-content .order-tbl .order-image .photo { width:100%; height:100%; margin:0 auto; } .order-content .order-tbl .order-image .photo a { width:100%; height:100%; margin:0 auto; vertical-align:top; } .order-content .order-tbl .order-image .photo .img-pc { margin:auto; } /* 주문 : 제품 정보 */ .order-content .order-spec-group .ico-group-t { margin-bottom:0.4167vw; font-size:0; } .order-content .order-spec-group .ico-group-t > span { height:auto; line-height:1.34em; letter-spacing:0; border-radius:0; } .order-content .order-spec-group .ico-group-t > span ~ span { margin-left:0.4167vw; } .order-content .order-spec-group .ico-group-t .ico-b { min-width:auto; padding:0; border:0; } .order-content .order-spec-group .ico-group-t .ico-t { min-width:auto; padding:0; border:0; } .order-content .order-spec-group .ico-group-t .ico-t > .btn-tooltip { width:1.3889vw; height:100%; font-size:0.0694vw; opacity:0.6; background:url("/sec/static/_images/common/icon-tooltip4.svg") no-repeat center center; } .order-content .order-spec-group .o-title { word-break:keep-all; } .order-content .order-spec-group .o-title a { font-size:1.1111vw; line-height:1.36em; letter-spacing:0; } .order-content .order-spec-group .o-label { margin-top:0.2778vw; font-size:0.8333vw; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group { margin-top:1.3889vw; } .order-content .order-spec-group .ico-group .o-spec span { font-size:0.8333vw; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group .o-spec span.end { margin-right:0.6944vw; } .order-content .order-spec-group .ico-group .o-spec .btn-option { min-width:4.2361vw; height:1.3889vw; line-height:1.3889vw; font-size:0.8333vw; background:#000; border-radius:0.6944vw; } .order-content .order-spec-group .o-telecom { margin-top:1.3889vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 { line-height:1.6667vw; font-size:0; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li ~ li { margin-left:0.6944vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label { height:1.6667vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label span { min-width:3.4722vw; height:1.6667vw; line-height:1.5972vw; padding:0 1.0417vw; font-size:0.8333vw; } .order-content .order-spec-group .o-telecom + .ico-group { margin-top:0.6944vw; } /* 주문 : 제품 가격 */ .order-content .order-tbl .order-count span { line-height:1.5em; font-size:1.1111vw; letter-spacing:0; } .order-content .order-tbl .order-price .price-small { line-height:1.33em; margin-bottom:0.1389vw; font-size:1.1111vw; letter-spacing:0; } .order-content .order-tbl .order-price .price-small:after { left:0; right:0; top:40%; width:100%; height:0.0694vw; background:#A6A6A6; } .order-content .order-tbl .order-price .price-big { line-height:1.32em; font-size:1.1111vw; letter-spacing:0; } /* 주문 : 사은품/쿠폰 */ .order-content .order-select .select-noti { width:100%; padding:0.3472vw 0 0.4167vw; font-size:0.9722vw; line-height:1.3194vw; } .order-content .order-select .select-noti.coupone { margin-top:0.6944vw; } .order-content .order-select .gifts-select { height:2.7778vw; line-height:2.7778vw; padding:0 2.5000vw 0 2.7778vw; border-radius:0.6944vw; } .order-content .order-select .gifts-select ~ .gifts-select { margin-top:0.4167vw; } .order-content .order-select .gifts-select .imgs { top:50%; left:0.6944vw; width:1.6667vw; height:1.6667vw; transform:translateY(-50%); background:#DFDFDF; border-radius:0.1389vw; } .order-content .order-select .gifts-select .imgs img { width:100%; } .order-content .order-select .gifts-select .names { font-size:0.9722vw; letter-spacing:0; white-space:nowrap; } .order-content .order-select .gifts-select .btn-del { right:0.6944vw; top:50%; width:1.1111vw; height:1.1111vw; background:url("/sec/static/_images/common/icon-del-s.svg") no-repeat center center; transform:translateY(-50%); background-size:1.1111vw auto; } .order-content .order-select .gifts-coupone { padding-left:0.6944vw; } .order-content .order-select .order-select-menu ~ .order-select-menu { margin-top:0.6944vw; } .order-content .order-select .order-select-menu .droplist { width:22.7778vw; } .order-content .order-select .order-select-menu.active .droplist { padding:0.9722vw 0; } .order-content .order-select .order-select-menu .link-gift { line-height:2.6389vw; padding-left:2.7778vw; padding-right:7.0833vw; } .order-content .order-select .order-select-menu .link-gift > span { font-size:0.9722vw; } .order-content .order-select .order-select-menu .link-gift > .imgs { left:0.9722vw; top:50%; width:1.3889vw; height:1.3889vw; transform:translateY(-50%); } .order-content .order-select .order-select-menu .link-gift > .names { white-space:nowrap; } .order-content .order-select .order-select-menu .link-gift > .dates { right:0.9722vw; top:50%; line-height:1; transform:translateY(-50%); } .order-content .order-select .order-select-menu .link-gift.link-coupon { padding-left:1.3889vw; padding-right:1.3889vw; } .order-content .order-select .order-select-menu .droplist-button .link-gift { padding-left:1.8056vw; padding-right:0; } .order-content .order-select .order-select-menu .droplist-button .link-gift > .imgs { left:0; } .order-content .order-select-list.omni-coupon { padding:0.8333vw 0.6944vw 0.6944vw; background:transparent; } .order-content .order-select-list.omni-coupon .gifts-coupone { padding:0.7639vw 1.8056vw 0.7639vw 0.6944vw; background:#EFF7FF; border-radius:0.6944vw; line-height:1.2500vw; } .order-content .order-select-list.omni-coupon .names .tag { width:5.9722vw; margin-right:0.6944vw; font-size:0.9722vw; line-height:1.2500vw; } /* 비스포크 */ .order-content .order-tbl .order-spec-group ~ .pc-bespoke { margin-top:2.9167vw; } /* 정기 배송 */ .input-type-small-2 { width:100%; max-width:24.5833vw; } /* 배송,할인,포인트,결제수단 */ .order-info-box > li { padding:2.0833vw 0; padding-left:16.3889vw; } .order-info-box > li.sale-li { margin-bottom:0; padding-right:0; border-bottom:0; } .order-info-box > li.deco { padding-bottom:2.0833vw !important; } .order-info-box > li:nth-last-child(1) { margin-bottom:0; padding-bottom:0; border-bottom:0; } .order-info-box .head { left:0; top:2.0833vw; width:18%; max-width:16.3889vw; padding:0.5556vw 0; } /*231011:부천중동 매장픽업*/ .order-info-box .order-btn { right:0; top:2.0833vw; padding:0.5556vw 0; } .order-info-box > li .inp-inactive { pointer-events:none; } .order-info-box > li .opt-primary { margin-bottom:1.6667vw; padding-bottom:1.6667vw; } .order-info-box-2 { padding:2.0833vw 0; } .order-info-box-2 > li { margin-bottom:0.9722vw; padding:0; padding-left:16.3889vw; } .order-info-box-2 li:nth-last-child(1) { margin-bottom:0; } .order-info-box-2 > li.deco { margin-bottom:2.0833vw;} .order-info-box-2 .head { left:0; top:-0.1389vw; width:18%; max-width:8.1944vw; padding:0.5556vw 0; } .order-info-box-2 .order-btn { right:0; top:2.0833vw; padding:0.5556vw 0; } .order-info-box-2 .order-btn .btn-s { height:1.9444vw; line-height:1.9444vw; margin:0; } .order-info-box-2 li li { margin-bottom:0; } .order-info-box-2 .event-code-li { padding-top:1.6667vw; } .order-info-box-2 .event-code-li .head, .order-info-box-2 .event-code-li .btn-info-sale { top:1.6667vw !important; } .order-info-box-2 .event-code-li.cmmall .btn-info-sale .btn-underline{font-size: 1.1vw;}/* 2023-02-21 */ .order-info-inner { width:100%; margin-bottom:0.8333vw; padding:0.7639vw 0; } .order-info-inner:nth-last-child(1) { margin-bottom:0; } .order-info-inner-maxwidth-1 { max-width:32.3611vw; } .order-padding-none { padding-top:0; padding-bottom:0; } .order-padding-none-t { padding-top:0; } .order-padding-none-b { padding-bottom:0; } .order-info-inner span:after { width:0.0694vw; height:0.6944vw; margin:0 1.3889vw; background:#d9d9d9; } .order-content .order-box { padding:0; } .order-content .order-box:nth-last-child(1) { border-bottom:0; } .order-content .tab-nav { margin-bottom:1.3889vw; } .order-content .tab-nav ul:after { clear:both; } .order-content .tab-nav li { margin-right:0.6944vw; } .order-content .tab-nav li:nth-last-child(1) { margin-right:0; } .order-content .tab-nav li button { width:8.3333vw; height:2.7778vw; margin:0; font-size:0.9722vw; border-radius:1.3889vw; } .order-content .tab-nav li .on { background:#000; } .order-content .radio-nav .chk-form { padding:0.4167vw 0; } .order-content .radio-nav + .use-type-1 { margin-top:2.0833vw; } .order-content .radio-nav + .use-type-2 { margin-top:1.6667vw; padding-top:1.6667vw; } .order-content .sale-option { width:100%; } .order-content .sale-option .head { width:30%; } .order-content .sale-option .result { width:65%; } .order-content .sale-option .result-input { margin-top:-0.6944vw; } .order-content .sale-option .result .dropdownMenu { margin-right:0.6944vw; margin-bottom:0; } .order-content .btn-listup:after { clear:both; } .order-content .btn-listup .btn:nth-child(1) { margin-left:0; } .order-content .tip-add { width:100%; padding-right:1.3889vw; }/* 220208 */ .order-content .btn-tooltip { right:0; top:50%; width:1.2500vw; height:1.2500vw; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; background-size:1.2500vw auto; border-radius:50%; transform:translateY(-50%); } .order-content .info-ul, .order-content .fnet-info-ul { margin:1.7361vw 0 0 16.3889vw; } .order-content .info-ul > li { padding:0.3472vw 0; padding-left:0.9722vw; font-size:0.9722vw; line-height:1.3; word-break:keep-all; } .order-content .info-ul > .exclusive_point { font-size:1.1111vw;} .order-content .fnet-info-ul > li {margin-bottom:0.9999vw; font-size:0.9722vw;} .order-content .info-ul > li:before { left:0; top:0.3472vw; content:"※"; } /* .order-content .fnet-info-ul>li.ft12 {font-size:1.2727vw;} *//* 2021-05-03 수정 */ .order-content .delivery-box { width:100%; max-width:39.3056vw; margin-bottom:2.0833vw; padding:2.0833vw; border-radius:1.3889vw; } .order-content .delivery-box > dt { font-size:1.3889vw; line-height:1.8056vw; } .order-content .delivery-box > dt > span { font-size:0.9722vw; line-height:1.3889vw; } .order-content .delivery-type-3 > dd { padding-bottom:0; } .order-content .delivery-box > dd > div { width:100%; } .order-content .delivery-box > dd > .wrap-droplist:not(.plus-details) { margin-top:1.3889vw; } .order-content .delivery-box > dd .seg-check-form { width:100%; padding:1.6667vw 0; } .order-content .delivery-box > dd .seg-dropdownMenu { width:100%; } .order-content .delivery-box > dd .seg-input { width:100%; margin-top:1.3889vw; } .order-content .delivery-box > dd .seg-details { padding:1.1111vw; background:#F7F7F7; font-size:0.9722vw; line-height:1.4583vw; } .order-content .delivery-box > dd .search-store input { width:calc(100% - 6.9444vw); } .order-content .delivery-box > dd .search-store button { right:0; top:50%; margin:0; transform:translateY(-50%); } .order-content .delivery-box .info-extra { margin-top:1.3889vw; } .tooltip-layer .tip-discount-detail {padding-top: 0.417vw;} .tooltip-layer .tip-discount-detail li {font-size: 0.972vw;} .tooltip-layer .tip-discount-detail li strong {padding-left: 0.278vw; padding-right: 0.556vw; font-size: 0.972vw;} .tooltip-layer .tip-discount-detail li span, .tooltip-layer .tip-discount-detail li em {font-size: 0.972vw;} .empty-cart { min-height:13.8889vw; background:#f7f7f7; } .empty-cart .empty-text { left:50%; top:50%; font-size:1.1111vw; transform:translate(-50%, -50%); } .empty-cart .empty-text:before { width:2.4306vw; height:1.8056vw; margin-right:0.6944vw; background:url("/sec/static/_images/common/icon-cart.svg") no-repeat center center; } .pick-store .inp-line { width:100%; } .pick-store .inp-select-store { width:calc(100% - 7.6389vw) !important; margin-bottom:0.3472vw; } .pick-store .btn { min-width:6.9444vw; margin:0; } .order-info-detail .pick-shop {min-height: 2.2222vw;} .order-info-detail .pick-shop > span {font-size: 0.9722vw;} .order-info-detail { width:100%; max-width:39.3056vw; } .order-info-detail > li { min-height:2.2222vw; margin-bottom:0.8333vw; padding:0.4167vw 0; } .order-info-detail > li:nth-last-child(1) { margin-bottom:0; } .order-info-detail li, .order-info-detail li > span { font-size:0.9722vw; } .order-info-detail .cols-2 { width:50%; } .order-info-detail .cols-3 { width:33%; } .order-info-detail .cols-4 { width:25%; } .order-info-detail .cols-5 { width:20%; } .order-info-detail .cols-clear { clear:both; } .order-info-detail .cols-another { width:auto; } .order-info-detail .cols-3-another { width:67%; } .order-info-detail .cols-4-another { width:75%; } .order-info-detail .cols-5-another { width:80%; } .order-info-detail .cols-inline2:after { width:0.0694vw; height:0.6944vw; margin:0 1.3889vw; background:#d9d9d9; } .order-info-detail .gift-select { width:100%; } .order-info-detail .gift-select .dropdownMenu { width:100%; } .order-info-detail .anther-service-input { width:100%; } .order-info-detail .coupon-entry { width:100%; margin-right:0.8333vw; } .order-info-detail .padding-none { padding-top:0; padding-bottom:0; } .order-info-detail .d-padding-add { margin-top:0.4167vw; padding:0.7639vw 0; font-size:inherit; } .order-info-detail.use-type-1, .order-info-detail.use-type-2 { max-width:100%; } .order-info-detail.use-type-1 > li, .order-info-detail.use-type-2 > li { max-width:39.3056vw; } /* 트레이드인 추가 */ .order-info-box li.trade-in {padding-bottom: 2.08vw; border-bottom: 1px solid #eaeaea;} .order-info-box .trade-in .order-info-detail .chk-view {margin-top: 0.83vw;} .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist {margin-bottom: 0.83vw;} .order-info-box .trade-in .order-info-detail .reward-value {font-size: 0.97vw;} .order-info-box .trade-in .order-info-detail .reward-value em {font-size: 1.11vw;} .order-info-box .trade-in .note {margin-top: 0.97vw;} .order-info-box .trade-in .note li {padding-left: 0.97vw; font-size: 0.97vw;} .order-info-box .trade-in .note li a {font-size: 0.97vw;} .order-info-box .trade-in .note li:before {top: 0.14vw;} /* UL : 주문자 정보변경 / 매장선택 */ .input-type-small { width:100%; max-width:39.3056vw; } .input-type-ul > li, .input-type-div > div { min-height:2.2222vw; margin-bottom:1.3889vw; padding:0; } .input-type-ul > li:nth-last-child(1) { margin-bottom:0; } .input-type-ul > li.input-obj, .input-type-div > div.input-obj { padding-left:37%; } .input-type-ul > li.h-auto { min-height:auto; } .input-type-ul .s-head, .input-type-div .s-head { left:0; width:37%; padding:0.6944vw 0; } .input-type-ul .select-btn { padding-right:7.0833vw; } .input-type-ul .select-btn button { right:0;top:0; } .input-type-ul .dropdownMenu { width:100%; } .input-type-ul .dropdownMenu li { padding-left:initial; } /* 할인혜택 */ .discount-area .order-info-box-2 .head { width:7.8472vw; } .discount-area .order-info-box-2 .price { font-size:1.1111vw; } .discount-area .order-info-box-2 .cmmall .head {font-size: 1.1vw;padding-top: 0.5vw;}/* 2023-02-21 */ /* 포인트 사용 */ .point-area .order-info-box-2 .head { width:7.8472vw; } .point-area .order-info-box-2 .use-type-1 > li { padding:2.0833vw; border-radius:1.3889vw; } .point-area .order-info-box-2 .use-type-1 > li:not(:nth-last-child(1)) { margin-bottom:2.0833vw; } .point-area .order-info-box-2 .use-type-2 > li:not(:nth-last-child(1)) { margin-bottom:0.9722vw; } .point-area .point-inline-1 { width:calc(38% - 3.7917vw); margin-right:3.5833vw; padding-right:5.5556vw; top: 12px; padding-bottom: 3.3vw; } .point-area .point-inline-1 .use-tit { width:auto; padding-right:0.2083vw; } .point-area .point-inline-2, .point-area .point-inline-3 { width:62%; padding-bottom: 1.8vw; } .point-area div.inp-point { width:calc(100% - 7.7083vw); height:2.2222vw; padding-right:1.2500vw; } .point-area div.inp-point::before { bottom:0; left:0; right:0; height:0.0694vw; background:#B2B2B2; } .point-area div.inp-point::after { top:0.6250vw; right:0.3472vw; font-size:0.9722vw; } .point-area div.inp-point .inp-line { border-bottom:none; } .point-area .point-line-1 { padding:0.6944vw; font-size:1.1111vw; line-height:1.3889vw; background:#F7F7F7; } .point-area .point-line-1 em { margin-left:0.3472vw; padding-left:0.6944vw; } .point-area .point-line-1 em::before { top:0.3472vw; left:0; width:0.0694vw; height:0.8333vw; background:#ddd; } .point-area .point-line-2 { -ms-flex-direction:row; flex-direction:row; -ms-flex:1 1 auto; flex:1 1 auto; padding-top:1.6667vw; padding-bottom: 1.0vw; min-height: 5.8545vw; } .point-area .point-line-2 .pd-info { width:calc(100% - 11.1111vw - 4.5833vw); margin-right:1.554vw; line-height:1.4583vw; } .point-area .point-line-2 .pd-info .sub-info { margin-top:0.4167vw; font-size:0.8333vw; line-height:1.3889vw; } .point-area .point-line-2 .inp-point { width:7.8232vw; } .point-ment { width:100%; max-width:38.1944vw; margin:2.0833vw auto 0; padding:0.6944vw 0; font-size:1.1111vw; line-height:1.4583vw; } .point-ment .btn { right:0; top:0; margin:0; } .order-info-detail .inp-basic { width:100%; } .deco.extra-service .order-info-detail.info-extra > li > span.tooltip-add { margin-top:0.6944vw; } .order-info-detail .tooltip-add { width:37%; } .order-info-detail .tooltip-add .btn-tip { left:6.5278vw; top:50%; width:1.2500vw; height:1.2500vw; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; background-size:1vw 1vw; border-radius:50%; transform:translateY(-50%); } .order-info-detail .inp-form > .chk-form { width:40%; } .order-info-detail em { font-size:inherit; } .order-info-detail .clear-both { clear:both; } .order-info-detail .inp-block > label { left:0; top:0; margin-bottom:0.7639vw; } .order-info-detail .inp-block input:not([type=checkbox]):not([type=radio]) { width:100%; } .order-info-detail .chk-view {margin:0 0 0 auto; margin-top:0.6944vw; } .order-info-detail .chk-view .dropdownMenu { width:100%; margin-bottom:0.6944vw; } .order-info-detail .chk-view .wrap-droplist { margin-bottom:0.6944vw; } .info-sale:after { clear:both; } .info-sale > li .account-types > li { padding-left:0; } .info-sale > li:nth-child(1) { width:37%; } .info-sale > li:nth-child(2) { width:63%; } .btn-info-sale { top:0 !important; } /* 임직원 인증 */ .inp-button-combo-box { padding-right:7.0833vw; } .inp-button-combo-box > button { right:0;top:0;max-width:6.3889vw; margin:0; padding-left:0.5556vw; padding-right:0.5556vw; } .inp-button-combo-box + .combo-guide { margin-top:0.9722vw; font-size:0.9722vw; line-height:1.2500vw; } /* 결제수단 : 결제 형태 */ .order-content .pay-info { margin-bottom:0; } .pay-info .order-info-box > li:not(.card-opt) { border-bottom:none; } .pay-info .order-info-box .pay-input-result { padding:0.4167vw 0; } .pay-info .order-info-box .pay-input-result strong { line-height:1.3889vw; } .pay-info .caution-list { margin-top:2.0833vw; } .pay-info .caution-list li { padding-left:0.4167vw; text-indent:-0.4167vw; font-size:0.9722vw; line-height:1.3889vw; } .pay-info .caution-list li:not(:nth-child(1)) { margin-top:0.9722vw; } .pay-info .caution-list li em { font-size:inherit; } .pay-nav-box > .pay-nav-box-left { width:17.3611vw; max-width:17.3611vw; height:100%; } .pay-nav-box > .pay-nav-box-right { width:calc(100% - 17.3611vw); max-width:35.4167vw; height:100%; } .pay-nav-box:after, .pay-nav-box > .pay-nav-box-left:after, .pay-nav-box > .pay-nav-box-right:after { clear:both; } .pay-nav-box > .pay-nav-bottom { clear:both; padding-top:1.3889vw; } .pay-nav-box .pay-method-pay { width:100%; height:6.5972vw; font-size:0; background:url("/sec/static/_images/common/samsung-pay.svg") no-repeat center top; background-size:100%; } .pay-nav-box .pay-method-pay.on { background-image:url("/sec/static/_images/common/samsung-pay-on.svg"); } .pay-nav-box .pay-method-pay:focus { border:dashed 2px #2189FF; } .pay-nav-box .pay-tab-nav ul:after { clear:both; } .pay-nav-box .pay-tab-nav ul li { width:11.1111vw; height:2.7778vw; margin-left:0.3472vw; margin-right:0.3472vw; margin-bottom:0.6944vw; } .pay-nav-box .pay-tab-nav ul li button { width:100%; height:100%; font-size:0.9722vw; background:#fff; border-radius:1.3889vw; } .pay-nav-box .pay-tab-nav ul li button.on { background:#212425; border:0; } .pay-input-check { clear:both; margin-top:1.6667vw; } .pay-view > .pay-input-check + .pay-input-check { margin-top:0.8333vw; } .pay-input-check .pay-check { padding-top:0.8333vw; } .pay-input-check .pay-check:first-child { padding-top:0; } .pay-input-check-none { margin-top:0; } .page-division { width:100%; margin-top:2.0833vw; margin-bottom:2.0833vw; } .info-pay { margin-top:1.3889vw; } .info-pay:after { clear:both; } .info-pay > li .account-types > li { padding-left:0; } .info-pay > li:nth-child(1) { width:37%; } .info-pay > li:nth-child(2) { width:63%; } .btn-info-pay { top:0 !important; } /* 결제 수단 */ .pay-view { margin-top:0; padding-top:0 !important; padding-bottom:0 !important; } .pay-view.creditcard, .pay-view.virtual-account, .pay-view.account-transfer { padding-left:0; } .pay-view .pd-top { padding-top:8.4722vw !important; } .pay-view .pd-top .card-opt { top:0; left:0; width:100%; height:6.3889vw; padding-left:16.3889vw; border-bottom:0.0694vw solid #ebebeb; } .pay-view .pd-top .card-opt .radio-nav { top:50%; margin-top:-1.1111vw; } .pay-view.creditcard > div:not(.pd-top), .pay-view.creditcard > ul, .pay-view.virtual-account > div, .pay-view.account-transfer > div { padding-left:16.3889vw; } .pay-view.creditcard > .page-division, .pay-view.virtual-account > .page-division:not(.full-width), .pay-view.account-transfer > .page-division:not(.full-width) { width:calc(100% - 16.3889vw); margin-left:16.3889vw; } /* 신용카드 */ .credit-card { margin-left:-0.3472vw; margin-right:-0.3472vw; } .credit-card > li { width:8.3333vw; height:6.2500vw; margin-left:0.3472vw; margin-right:0.3472vw; margin-bottom:0.6944vw; } .installment { margin-top:1.1806vw; max-width:31.2500vw; } .installment:after { clear:both; } .installment .dropdownMenu { margin-right:0.6944vw; width:22.2222vw; } .installment .dropdownMenu + a { margin:0; } /* 간편결제 */ .easy-pay { margin-top:0.6944vw; margin-left:-0.3472vw; margin-right:-0.3472vw; } .easy-pay > li { width:8.3333vw; height:6.2500vw; margin-left:0.3472vw; margin-right:0.3472vw; margin-bottom:0.6944vw; } .pay-input-box-1 { margin-top:1.3889vw; } .pay-input-box-1 .pay-input, .info-pay > li:nth-child(2) { width:21.6667vw; margin-right:0.6944vw; } .pay-input-box-1 .pay-input .dropdownMenu { width:100%; } .pay-input-box-1 .btn-underline { right:0; top:0.4861vw; margin:0; } .pay-input-box-3 { clear:both; width:100%; margin-bottom:0.9722vw; padding:0; padding-right:6.9444vw; } .pay-input-box-3 > .head-1 { left:initial; top:initial; width:37%; max-width:14.5139vw; } .pay-input-box-3 > .p-cont { width:62%; max-width:24.7222vw; } .pay-input-box-3 > .p-cont .inp-box { width:100%; max-width:31.2500vw; } .pay-input-box-3 > .p-cont .inp-box input { width:100%; } .pay-input-box-3 > .p-cont .dropdownMenu { width:100%; max-width:31.2500vw; } .pay-input-box-3 > .p-cont .guide { margin-top:0.6944vw; font-size:0.8333vw; } .pay-input-box-3 > .p-cont .btn-underline { right:0; top:0.6944vw; } .pay-input-box-3 > .p-cont:not(.receipt) .chk-form { margin-top:0.6944vw; } .pay-input-box-3.first-block { margin-bottom:2.0833vw; padding-bottom:2.0833vw; } .pay-input-box-3 .receipt .chk-form { padding:0.4167vw 0; } .pay-input-box-3 .receipt .radio-nav { margin-top:0.4167vw; } .pay-input-box-3 .receipt .wrap-droplist { margin-top:0.9722vw; } /* 주빈등록번호 */ .resident-num, .card-num, .phone-num, .biz-num { margin-top:0.9722vw; } .resident-num .inp-box.front { width:48%; padding-right:1.8056vw; } .resident-num .inp-box.front::after { top:50%; right:0.6944vw; width:0.4167vw; height:0.0694vw; background:#999; } .resident-num .inp-box.back { width:52%; } .resident-num .inp-box.back .inp-line { padding-right:2.0833vw; } .resident-num .inp-box.back .inp-lock, .card-num.inp-lock { background:url("/sec/static/_images/common/icon-lock-black.svg") no-repeat calc(100% - 0.4167vw) 0.3472vw; background-size:1.2500vw 1.5278vw; } .resident-num .inp-line { border-bottom:none; } /* 카드번호 */ .card-num { padding-right:2.0833vw; } .card-num .inp-box:not(:nth-last-child(1)) { width:25.6% !important; } .card-num .inp-box:nth-last-child(1) { width:18% !important; } .card-num .inp-box:not(:nth-last-child(1)) { padding-right:1.8056vw; } .card-num .inp-box:not(:nth-last-child(1))::after { top:50%; right:0.6944vw; width:0.4167vw; height:0.0694vw; background:#999; } .card-num .inp-line { border-bottom:none; } .card-num input:not([type=checkbox]):not([type=radio]).inp-line { border-bottom:none; letter-spacing:-0.0694vw; margin-top:-0.0694vw; } /* 필수항목 추가 */ .point-area .point-line-2-cover .btn-point .required-item {right: -11px; } .point-area .txt-info { position: absolute; left: 0; bottom: 0; font-size: 0.8333vw; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point { width: 68%; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point { width: auto; margin-left: 2px; display: table; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point span { display: table-cell; } .point-area .point-line-2-cover { height: 2.5222vw; } .point-area .point-line-2-cover .btn-point {display: table; height: 100%; margin-top: 0; } .point-area .point-line-2-cover .btn-point > span { display: table-cell; height: 100%; } .point-area .point-line-2-cover .btn-point .required-item {right: -10px; } .point-area .txt-info { position: absolute; left: 0; bottom: 0; text-align: right; font-size: 1.0909vw; } } @media screen and (max-width:1100px) and (min-width:801px) { /** 포인트 적용 버튼 */ #pointUseType2 .btn-cart-point-apply { margin-right: 0px; } .ul-area-membership-point { float: right; margin-top: 5px; } .area-membership-point { position: initial; top: initial; } .order-info-detail .btn-s { height: 22px !important; line-height: 21px !important; } .ul-area-membership-point .btn-type2 { margin-top: 0px; } /* 툴팁 추가 */ .buy-target-goods .order-price .btn-downtool { position: relative; right:0; bottom:1.8198vw; width:1.2727vw; height:1.2727vw; margin:0.0909vw 0 0; background:transparent url(/sec/static/_images/common/icon-tooltip-down.svg) no-repeat center; background-size:1.2727vw auto; } .buy-target-goods .order-price .box-tip li ~ li:not(.total) { margin-top:0.5455vw; } .buy-target-goods .order-price .box-tip { position:absolute; right:-1.0909vw; min-width:20.3636vw; padding:1.4545vw; border-radius:0.9091vw; background:#fff; } .buy-target-goods.p-bespoke .order-price .box-tip { top: 11.5455vw; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .btn-downtool { top: 1.8182vw; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .box-tip { top: 3.7273vw; } .buy-target-goods .order-price .box-tip .tit, .buy-target-goods .order-price .box-tip .price { width:50%; font-size:1.2727vw; line-height:1.6364vw; } .buy-target-goods .order-price .box-tip .total { padding-top:1.0909vw; margin-top:1.0909vw; } .buy-target-goods .cart-error-message { margin-bottom:0.9091vw; font-size:1.1818vw; } /* 한도 정보 */ .limit-info { margin-bottom:5.4545vw; } .limit-info > h2 { padding-bottom:0.5455vw; font-size:1.8182vw; } .limit-info-box { background:#fafafa; } .limit-info-box:after { clear:both; } .limit-info-box > dt { width:11.5455vw; padding:2.0909vw 1.8182vw 2.2727vw; line-height:1.25em; font-size:1.4545vw; letter-spacing:0; } .limit-info-box > dd { width:calc(100% - 11.5455vw); padding:2.0909vw 1.8182vw 2.2727vw 0; font-size:0; } .limit-info-box > dd span { line-height:1.25em; font-size:1.4545vw; letter-spacing:0; } .limit-info-box > dd span ~ span { padding-left:3.6364vw; } .limit-info-box > dd span em { margin-right:0.9091vw; padding-right:0.9091vw; letter-spacing:0; } .limit-info-box > dd span em:after { background:transparent; } .limit-info-box > dd span strong { letter-spacing:0; } .limit-info .info-type-1 { padding:2.1818vw 1.8182vw; } .limit-info .info-type-1 > dt { line-height:1.3em; margin-bottom:2.0000vw; font-size:1.2727vw; letter-spacing:0; } .limit-info .info-type-1 > dd p { font-size:1.2727vw; line-height:1.3em; letter-spacing:0; word-break:keep-all; } .limit-info .info-type-1 > dd p ~ p { padding-top:0.5455vw; } .limit-info .info-type-2 { padding:2.1818vw 1.8182vw; } .limit-info .info-type-2 .info-type-left { font-size:1.2727vw; letter-spacing:0; } .limit-info .info-type-2 .info-type-left > em { margin-left:0.5455vw; font-size:inherit; letter-spacing:0; } .limit-info .info-type-2 .info-type-right { line-height:1.29em; font-size:1.2727vw; letter-spacing:0; } /* 결제정보 */ .order-content .payment-area { right:2.1818vw; top:10.9091vw; width:100%; max-width:30.0000vw;background:#fff; } .order-excv .payment-area { top:11.5455vw; } /* 전담자몰 */ .order-content .payment-area > h2 { padding-bottom:0.5455vw; font-size:1.8182vw; } .order-content .payment-area .payment-listup { padding:2.1818vw 0; } .order-content .payment-area .payment-listup > li ~ li { margin-top:1.0909vw; } .order-content .payment-area .payment-listup > li > span { width:50%; font-size:1.4545vw; letter-spacing:0; } .order-content .payment-area .cost-listup { padding-top:2.1818vw; } .order-content .payment-area .cost-listup > li ~ li { margin-top:1.0909vw; } .order-content .payment-area .cost-listup > li > span { width:50%; line-height:1.23em; font-size:1.4545vw; } .order-content .payment-area .cost-listup > li > span .btn-tooltip { right:initial; top:initial; margin-left:0.2727vw; transform:none; } .order-content .payment-area .cost-listup > li > span > strong { font-size:1.6364vw; } .order-content .payment-area .cost-listup > li > .text > strong { font-size:2.1818vw; } .order-content .payment-area .cost-listup > li:first-child { padding-top:0.6364vw; } .order-content .payment-area .cost-listup > li:first-child > .head { line-height:1.36em; } .order-content .payment-area .terms-box { margin-top:2.1818vw; padding-top:3.0909vw; } .order-content .payment-area .terms-box > h2 { line-height:1.3em; padding-bottom:2.1818vw; font-size:1.8182vw; } .order-content .payment-area .terms-box > .btn-terms-view { right:0; top:3.4545vw; padding-right:2.0000vw; font-size:1.2727vw; background:url("/sec/static/_images/common/icon-drop-down.svg") no-repeat right center; } .order-content .payment-area .terms-box > .on { background-image:url("/sec/static/_images/common/icon-drop-up.svg")} .order-content .payment-area .terms-box .chk-form ~ .chk-form { margin-top:1.4545vw; } .order-content .payment-area .terms-box .terms-view .chk-form .btn-underline { bottom:0; right:0; margin:0; } .order-content .payment-area .terms-box .chk-form label { padding-left:2.3636vw; padding-right:3.4722vw; line-height:1.3; word-break:keep-all; } .order-content .payment-area .terms-box .chk-form label:before { left:0; top:0; margin-top:0; } .order-content .payment-area .terms-box .chk-form:checked+label:before { top:0; } .order-content .payment-area .terms-box .terms-view { margin-top:1.4545vw; padding:1.8182vw; background:#F7F7F7; } .order-content .payment-area .terms-box .terms-view label.inp-box:not(:nth-last-child(1)) { padding-bottom:2.1818vw; } .order-content .payment-area .btn { width:100%; margin:3.2727vw 0 0; font-size:1.6364vw; } .order-content .payment-area .btn > strong { margin-bottom:0.1818vw; margin-right:0.5455vw; font-size:inherit; line-height:1em; } .order-content .payment-area .btn > span { margin-bottom:0.2727vw; font-size:inherit; line-height:1em; } /* 주문 layout */ .order-content { max-width:130.9091vw; padding:4.5455vw 37.2727vw 0 2.1818vw; } .order-content > .tit-box { margin-bottom:3.6364vw; } .order-content .order-area { margin-bottom:5.0909vw; } .order-content .order-area:nth-last-child(1) { margin-bottom:0; } .order-content .order-area > h2 { padding-bottom:0.5455vw; line-height:1.3em; font-size:1.8182vw; } .order-content .order-tbl { width:100%; } .order-content .order-tbl .order-td { padding:3.6364vw 0; } .order-content .order-tbl .order-image { width:18.5%; padding-right:1.3636vw; } .order-content .order-tbl .order-spec { width:24.8%; padding-right:1.1818vw; } .order-content .order-tbl .order-select { width:28.2%; padding-right:1.1818vw; } .order-content .order-tbl .order-count { width:11.0%; padding-right:1.1818vw; } /* 231228 kdp-44683 일시품절팝업 수정 (기존 12.1% > sum 100%) */ .order-content .order-tbl .order-price { width:17.5%; } /* 주문 : 사진 */ .order-content .order-tbl .order-image .photo { width:100%; height:100%; max-width:7.3636vw; max-height:7.3636vw; margin:0 auto; } .order-content .order-tbl .order-image .photo a { width:100%; height:100%; margin:0 auto; vertical-align:top; } .order-content .order-tbl .order-image .photo .img-pc { margin:auto; } /* 주문 : 제품 정보 */ .order-content .order-spec-group .ico-group-t { margin-bottom:0.5455vw; font-size:0; } .order-content .order-spec-group .ico-group-t > span { height:auto; line-height:1.34em; letter-spacing:0; border-radius:0; } .order-content .order-spec-group .ico-group-t > span ~ span { margin-left:0.5455vw; } .order-content .order-spec-group .ico-group-t .ico-b{font-size: 1.0909vw;}/*22-10-07*/ .order-content .order-spec-group .ico-group-t .ico-b, .order-content .order-spec-group .ico-group-t .ico-t { min-width:auto; padding:0; border:0; } .order-content .order-spec-group .ico-group-t .ico-t > .btn-tooltip { width:1.8182vw; height:100%; font-size:0.0909vw; opacity:0.6; background:url("/sec/static/_images/common/icon-tooltip4.svg") no-repeat center center; } .order-content .order-spec-group .o-title { word-break:keep-all; } .order-content .order-spec-group .o-title a { font-size:1.4545vw; line-height:1.36em; letter-spacing:0; } .order-content .order-spec-group .o-label { margin-top:0.3636vw; font-size:1.0909vw; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group { margin-top:1.8182vw; } .order-content .order-spec-group .ico-group .o-spec span { font-size:1.0909vw; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group .o-spec .btn-option { min-width:5.5455vw; height:1.8182vw; line-height:1.8182vw; font-size:1.0909vw; background:#000; border-radius:0.9091vw; } .order-content .order-spec-group .o-telecom { margin-top:1.8182vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 { line-height:2.1818vw; font-size:0; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li { display:block; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li ~ li { margin-left:0; margin-top:0.2727vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label { height:2.1818vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label span { min-width:4.5455vw; height:2.1818vw; line-height:2.0909vw; padding:0 1.3636vw; font-size:1.0909vw; } .order-content .order-spec-group .o-telecom + .ico-group { margin-top:0.9091vw; } /* 주문 : 제품 가격 */ .order-content .order-tbl .order-count { line-height:1.9091vw; } .order-content .order-tbl .order-count span { line-height:1.5em; font-size:1.4545vw; letter-spacing:0; } .order-content .order-tbl .order-price .price-small { line-height:1.33em; margin-bottom:0.1818vw; font-size:1.4545vw; letter-spacing:0; } .order-content .order-tbl .order-price .price-small:after { left:0; right:0; top:45%; width:100%; height:0.0909vw; background:#A6A6A6; } .order-content .order-tbl .order-price .price-big { line-height:1.32em; font-size:1.4545vw; letter-spacing:0; } /* 주문 : 사은품/쿠폰 */ .order-content .order-select .select-noti { width:100%; padding:0.4545vw 0 0.5455vw; font-size:1.2727vw; line-height:1.7273vw; } .order-content .order-select .select-noti.coupone { margin-top:0.9091vw; } .order-content .order-select .gifts-select { height:3.6364vw; line-height:3.6364vw; padding:0 3.2727vw 0 3.6364vw; border-radius:0.9091vw; } .order-content .order-select .gifts-select ~ .gifts-select { margin-top:0.5455vw; } .order-content .order-select .gifts-select .imgs { top:50%; left:0.9091vw; width:2.1818vw; height:2.1818vw; transform:translateY(-50%); background:#DFDFDF; border-radius:0.1818vw; } .order-content .order-select .gifts-select .imgs img { width:100%; } .order-content .order-select .gifts-select .names { font-size:1.2727vw; letter-spacing:0; white-space:nowrap; } .order-content .order-select .gifts-select .btn-del { right:0.9091vw; top:50%; width:1.4545vw; height:1.4545vw; background:url("/sec/static/_images/common/icon-del-s.svg") no-repeat center center; transform:translateY(-50%); background-size:1.4545vw auto; } .order-content .order-select .gifts-coupone { padding-left:0.9091vw; } .order-content .order-select .order-select-menu ~ .order-select-menu { margin-top:0.9091vw; } .order-content .order-select .order-select-menu .droplist { width:29.8182vw; } .order-content .order-select .order-select-menu.active .droplist { padding:1.2727vw 0; } .order-content .order-select .order-select-menu .link-gift { line-height:3.4545vw; padding-left:3.6364vw; padding-right:9.2727vw; } .order-content .order-select .order-select-menu .link-gift > span { font-size:1.2727vw; } .order-content .order-select .order-select-menu .link-gift > .imgs { left:1.2727vw; top:50%; width:1.8182vw; height:1.8182vw; transform:translateY(-50%); } .order-content .order-select .order-select-menu .link-gift > .names { white-space:nowrap; } .order-content .order-select .order-select-menu .link-gift > .dates { right:1.2727vw; top:50%; line-height:1; transform:translateY(-50%); } .order-content .order-select .order-select-menu .link-gift.link-coupon { padding-left:1.8182vw; padding-right:1.8182vw; } .order-content .order-select .order-select-menu .droplist-button .link-gift { padding-left:2.3636vw; padding-right:0; } .order-content .order-select .order-select-menu .droplist-button .link-gift > .imgs { left:0; } .order-content .order-select-list.omni-coupon { padding:1.0909vw 0.9091vw 0.9091vw; background:transparent; } .order-content .order-select-list.omni-coupon .gifts-coupone { padding:1.0000vw 2.3636vw 1.0000vw 0.9091vw; background:#EFF7FF; border-radius:0.9091vw; line-height:1.6364vw; } .order-content .order-select-list.omni-coupon .names .tag { width:7.8182vw; margin-right:0.9091vw; font-size:1.2727vw; line-height:1.6364vw; } /* 비스포크 */ .order-content .order-tbl .order-spec-group ~ .pc-bespoke { margin-top:3.8182vw; } /* 정기 배송 */ .input-type-small-2 { width:100%; max-width:32.1818vw; } /* 배송 정보 */ .order-content .m-right-space { padding-right:10.9091vw; } .multi-order-tbl .order-multi.order-tr { width:100%; } .multi-order-tbl .order-multi.order-tr .order-select { max-width:15.8182vw } .order-content .info-extra .tooltip-add { width:31%; padding:0.9vw 0; font-size:1.2727vw; } .order-content .info-extra .tooltip-add .btn-tip { left:66px; } .order-content .info-extra .inp-form { display:inline-block; width:68%; } .order-content .info-extra .chk-view { display:inline-block; width:100%; } .order-content .info-extra li { position:relative; } .order-content .info-extra li:nth-child(3) { min-height:11.9444vw; } /* 사은품배송 */ .order-content .info-extra li:nth-child(4) { min-height:8.5455vw; } /* 사전방문 */ .order-content .info-extra li.m-full-width .chk-view { position:absolute; left:0; width:100%; } .order-content .info-extra .inp-form .chk-form { width:49%;} .order-content .info-extra .inp-form .chk-form label { padding-right:0; } .deco.extra-service .order-info-detail.info-extra > li > span.tooltip-add { margin-top:0; } /* 툴팁 있는 레이블 */ .order-info-detail .tooltip-add .btn-tip { left:8.5455vw; width:1.6364vw; height:1.6364vw; } .order-content .btn-tooltip { width:1.6364vw; height:1.6364vw; background-size:1.6364vw auto; } /* 배송,할인,포인트,결제수단 */ .order-info-box > li { padding:2.7273vw 0; padding-left:21.4545vw; } .order-info-box > li.sale-li { margin-bottom:0; padding-right:0; border-bottom:0; } .order-info-box > li.deco { padding-bottom:2.7273vw !important; } .order-info-box > li:nth-last-child(1) { margin-bottom:0; padding-bottom:0; border-bottom:0; } .order-info-box .head { left:0; top:2.7273vw; width:18%; max-width:21.4545vw; padding:0.7273vw 0; } /*231011:부천중동 매장픽업*/ .order-info-box .order-btn { right:0; top:2.7273vw; padding:0.7273vw 0; } .order-info-box > li .inp-inactive { pointer-events:none; } .order-info-box > li .opt-primary { margin-bottom:2.1818vw; padding-bottom:2.1818vw; } .order-info-box-2 { padding:2.7273vw 0; } .order-info-box-2 > li { margin-bottom:1.2727vw; padding:0; padding-left:21.4545vw; } .order-info-box-2 li:nth-last-child(1) { margin-bottom:0; } .order-info-box-2 > li.deco { margin-bottom:2.7273vw;} .order-info-box-2 .head { left:0; top:-0.1818vw; width:18%; max-width:10.7273vw; padding:0.7273vw 0; } .order-info-box-2 .order-btn { right:0; top:2.7273vw; padding:0.7273vw 0; } .order-info-box-2 .order-btn .btn-s { height:2.5455vw; line-height:2.5455vw; margin:0; } .order-info-box-2 li li { margin-bottom:0; } .order-info-box-2 .event-code-li { padding-top:2.1818vw; } .order-info-box-2 .event-code-li .head, .order-info-box-2 .event-code-li .btn-info-sale { top:2.1818vw !important; } .order-info-box-2 .event-code-li.cmmall .btn-info-sale {padding-top: 0.3vw;}/* 2023-02-21 */ .order-info-box-2 .event-code-li.cmmall .btn-info-sale .btn-underline{font-size: 1.5vw;}/* 2023-02-21 */ .order-info-inner { width:100%; margin-bottom:1.0909vw; padding:1.0000vw 0; } .order-info-inner:nth-last-child(1) { margin-bottom:0; } .order-info-inner-maxwidth-1 { max-width:42.3636vw; } .order-padding-none { padding-top:0; padding-bottom:0; } .order-padding-none-t { padding-top:0; } .order-padding-none-b { padding-bottom:0; } .order-info-inner span:after { width:0.0909vw; height:0.9091vw; margin:0 1.8182vw; background:#d9d9d9; } .order-content .order-box { padding:0; } .order-content .order-box:nth-last-child(1) { border-bottom:0; } .order-content .tab-nav { margin-bottom:1.8182vw; } .order-content .tab-nav.split-delivery { margin-top: 3.09vw; } .order-content .tab-nav ul:after { clear:both; } .order-content .tab-nav li { margin-right:0.9091vw; } .order-content .tab-nav li:nth-last-child(1) { margin-right:0; } .order-content .tab-nav li button { width:10.9091vw; height:3.6364vw; margin:0; font-size:1.2727vw; border-radius:1.8182vw; } .order-content .tab-nav li .on { background:#000; } .order-content .radio-nav .chk-form { padding:0.5455vw 0; } .order-content .radio-nav + .use-type-1 { margin-top:2.7273vw; } .order-content .radio-nav + .use-type-2 { margin-top:2.1818vw; padding-top:2.1818vw; } .order-content .sale-option { width:100%; } .order-content .sale-option .head { width:30%; } .order-content .sale-option .result { width:65%; } .order-content .sale-option .result-input { margin-top:-0.9091vw; } .order-content .sale-option .result .dropdownMenu { margin-right:0.9091vw; margin-bottom:0; } .order-content .btn-listup:after { clear:both; } .order-content .btn-listup .btn:nth-child(1) { margin-left:0; } .order-content .tip-add { width:100%; padding-right:2.7273vw; } .order-content .btn-tooltip { right:0; top:50%; width:1.6364vw; height:1.6364vw; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; background-size:1.6364vw auto; border-radius:50%; transform:translateY(-50%); } .order-content .info-ul , .order-content .fnet-info-ul { margin:2.2727vw 0 0 21.4545vw; } .order-content .info-ul > li { padding:0.4545vw 0; padding-left:1.2727vw; font-size:1.2727vw; line-height:1.3; word-break:keep-all; } .order-content .info-ul > .exclusive_point { font-size:1.4545vw; } .order-content .fnet-info-ul > li { font-size:1.2727vw;} .order-content .info-ul > li:before { left:0; top:0.4545vw; content:"※"; } /* .order-content .fnet-info-ul>li.ft12 {font-size:1.2727vw;} *//* 2021-05-03 수정 */ .order-content .delivery-box { width:100%; max-width:56.9091vw; margin-bottom:2.7273vw; padding:2.7273vw; border-radius:1.8182vw; } .order-content .delivery-box > dt { font-size:1.8182vw; line-height:2.3636vw; } .order-content .delivery-box > dt > span { font-size:1.2727vw; line-height:1.8182vw; } .order-content .delivery-type-3 > dd { padding-bottom:0; } .order-content .delivery-box > dd > div { width:100%; } .order-content .delivery-box > dd > .wrap-droplist:not(.plus-details) { margin-top:1.8182vw; } .order-content .delivery-box > dd .seg-check-form { width:100%; padding:2.1818vw 0; } .order-content .delivery-box > dd .seg-dropdownMenu { width:100%; } .order-content .delivery-box > dd .seg-input { width:100%; margin-top:1.8182vw; } .order-content .delivery-box > dd .seg-details { padding:1.4545vw; background:#F7F7F7; font-size:1.2727vw; line-height:1.9091vw; } .order-content .delivery-box > dd .search-store input { width:calc(100% - 9.0909vw); } .order-content .delivery-box > dd .search-store button { right:0; top:50%; margin:0; transform:translateY(-50%); } .order-content .delivery-box .info-extra { margin-top:1.8182vw; } .tooltip-layer .tip-discount-detail {padding-top: 0.545vw;} .tooltip-layer .tip-discount-detail li {font-size: 1.273vw;} .tooltip-layer .tip-discount-detail li strong {padding-left: 0.364vw; padding-right: 0.727vw; font-size: 1.273vw;} .tooltip-layer .tip-discount-detail li span, .tooltip-layer .tip-discount-detail li em {font-size: 1.273vw;} .empty-cart { min-height:18.1818vw; background:#f7f7f7; } .empty-cart .empty-text { left:50%; top:50%; font-size:1.4545vw; transform:translate(-50%, -50%); } .empty-cart .empty-text:before { width:3.1818vw; height:2.3636vw; margin-right:0.9091vw; background:url("/sec/static/_images/common/icon-cart.svg") no-repeat center center; } .pick-store .inp-line { width:100%; } .pick-store .inp-select-store { width:calc(100% - 10.0000vw) !important; margin-bottom:0.4545vw; } .pick-store .btn { min-width:9.0909vw; margin:0; } .order-info-detail .pick-shop > span {font-size: 1.2727vw;} .order-info-detail { width:100%; max-width:51.4545vw; } .order-info-detail > li { min-height:2.9091vw; margin-bottom:1.0909vw; padding:0.5455vw 0; } .order-info-detail > li:nth-last-child(1) { margin-bottom:0; } .order-info-detail li, .order-info-detail li > span { font-size:1.2727vw; } .order-info-detail .cols-2 { width:50%; } .order-info-detail .cols-3 { width:33%; } .order-info-detail .cols-4 { width:25%; } .order-info-detail .cols-5 { width:20%; } .order-info-detail .cols-clear { clear:both; } .order-info-detail .cols-another { width:auto; } .order-info-detail .cols-3-another { width:67%; } .order-info-detail .cols-4-another { width:75%; } .order-info-detail .cols-5-another { width:80%; } .order-info-detail .cols-inline2:after { width:0.0909vw; height:0.9091vw; margin:0 1.8182vw; background:#d9d9d9; } .order-info-detail .gift-select { width:100%; } .order-info-detail .gift-select .dropdownMenu { width:100%; } .order-info-detail .anther-service-input { width:100%; } .order-info-detail .coupon-entry { width:100%; margin-right:1.0909vw; } .order-info-detail .padding-none { padding-top:0; padding-bottom:0; } .order-info-detail .d-padding-add { margin-top:0.5455vw; padding:1.0000vw 0; font-size:inherit; } .order-info-detail.use-type-1, .order-info-detail.use-type-2 { max-width:100%; } .order-info-detail.use-type-1 > li, .order-info-detail.use-type-2 > li { max-width:51.4545vw; } /* 트레이드인 추가 */ .order-info-box li.trade-in {padding-bottom: 2.72vw; border-bottom: 1px solid #eaeaea;} .order-info-box .trade-in .order-info-detail .chk-view {margin-top: 1.09vw;} .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist {margin-bottom: 1.09vw;} .order-info-box .trade-in .order-info-detail .reward-value {font-size: 1.27vw;} .order-info-box .trade-in .order-info-detail .reward-value em {font-size: 1.45vw;} .order-info-box .trade-in .note {margin-top: 1.27vw;} .order-info-box .trade-in .note li {padding-left: 1.27vw; font-size: 1.27vw;} .order-info-box .trade-in .note li a {font-size: 1.27vw;} .order-info-box .trade-in .note li:before {top: 0.18vw;} /* UL : 주문자 정보변경 / 매장선택 */ .input-type-small { width:100%; max-width:51.4545vw; } .input-type-ul > li, .input-type-div > div { min-height:2.9091vw; margin-bottom:1.8182vw; padding:0; } .input-type-ul > li:nth-last-child(1) { margin-bottom:0; } .input-type-ul > li.input-obj, .input-type-div > div.input-obj { padding-left:37%; } .input-type-ul > li.h-auto { min-height:auto; } .input-type-ul .s-head, .input-type-div .s-head { left:0; width:37%; padding:0.9091vw 0; } .input-type-ul .select-btn { padding-right:9.2727vw; } .input-type-ul .select-btn button { right:0;top:0; } .input-type-ul .dropdownMenu { width:100%; } .input-type-ul .dropdownMenu li { padding-left:initial; } /* 할인혜택 */ .discount-area .order-info-box-2 .head { width:10.2727vw; } .discount-area .order-info-box-2 .price { font-size:1.4545vw; } .discount-area .order-info-box-2 .cmmall .head{font-size: 1.45vw;padding-top: 0.4545vw;}/* 2023-02-21 */ /* 포인트 사용 */ .point-area .order-info-box-2 .head { width:10.2727vw; } .point-area .order-info-box-2 .use-type-1 > li { padding:2.7273vw; border-radius:1.8182vw; } .point-area .order-info-box-2 .use-type-1 > li:not(:nth-last-child(1)) { margin-bottom:2.7273vw; } .point-area .order-info-box-2 .use-type-2 > li:not(:nth-last-child(1)) { margin-bottom:1.2727vw; } .point-area .point-inline-1 { width:calc(42% - 2.2727vw); margin-right:2.0000vw; padding-right:7.2727vw } .point-area .point-inline-1 .use-tit { width:auto; padding-right:0.2727vw; font-size:inherit; } .point-area .point-inline-2, .point-area .point-inline-3 { width:58%; padding-bottom: 2.3vw; } .point-area div.inp-point { width:calc(100% - 10.0909vw); height:2.9091vw; padding-right:1.6364vw; } .point-area div.inp-point::before { bottom:0; left:0; right:0; height:0.0909vw; background:#B2B2B2; } .point-area div.inp-point::after { top:0.8182vw; right:0.4545vw; font-size:1.2727vw; } .point-area div.inp-point .inp-line { border-bottom:none; } .point-area .point-line-1 { padding:0.9091vw; font-size:1.4545vw; line-height:1.8182vw; background:#F7F7F7; } .point-area .point-line-1 em { margin-left:0.4545vw; padding-left:0.9091vw; } .point-area .point-line-1 em::before { top:0.4545vw; left:0; width:0.0909vw; height:1.0909vw; background:#ddd; } .point-area .point-line-2 { -ms-flex-direction:row; flex-direction:row; -ms-flex:1 1 auto; flex:1 1 auto; padding-top:2.1818vw; padding-bottom: 1.3vw; position: relative; min-height: 7.4545vw; } .point-area .point-line-2 .pd-info { width:calc(100% - 14.5455vw - 6.0000vw); margin-right: 2.9363vw; line-height:1.9091vw; } .point-area .point-line-2 .pd-info .sub-info { margin-top:0.5455vw; font-size:1.0909vw; line-height:1.8182vw; } .point-area .point-line-2 .inp-point { width:8.2411vw; } .point-ment { width:100%; max-width:50.0000vw; margin:2.7273vw auto 0; padding:0.9091vw 0; font-size:1.4545vw; line-height:1.9091vw; } .point-ment .btn { right:0; top:0; margin:0; } .order-info-detail .inp-basic { width:100%; } .order-info-detail .tooltip-add { width:37%; } .order-info-detail .tooltip-add .btn-tip { left:8.5455vw; top:50%; width:1.6364vw; height:1.6364vw; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; border-radius:50%; transform:translateY(-50%); } .order-info-detail .inp-form { width:62%; } .order-info-detail .inp-form > .chk-form { width:40%; } .order-info-detail em { font-size:inherit; } .order-info-detail .clear-both { clear:both; } .order-info-detail .inp-block > label { left:0; top:0; margin-bottom:1.0000vw; } .order-info-detail .inp-block input:not([type=checkbox]):not([type=radio]) { width:100%; } .order-info-detail .chk-view { width:62%; margin:0 0 0 auto; margin-top:0.9091vw; } .order-info-detail .chk-view .dropdownMenu { width:100%; margin-bottom:0.9091vw; } .order-info-detail .chk-view .wrap-droplist { margin-bottom:0.9091vw; } .info-sale:after { clear:both; } .info-sale > li .account-types > li { padding-left:0; } .info-sale > li:nth-child(1) { width:37%; } .info-sale > li:nth-child(2) { width:63%; } .btn-info-sale { top:0 !important; } /* 임직원 인증 */ .inp-button-combo-box { padding-right:9.2727vw; } .inp-button-combo-box > button { right:0;top:0;max-width:8.3636vw; margin:0; padding-left:0.7273vw; padding-right:0.7273vw; } .inp-button-combo-box + .combo-guide { margin-top:1.2727vw; font-size:1.2727vw; line-height:1.6364vw; } /* 결제수단 : 결제 형태 */ .order-content .pay-info { margin-bottom:0; } .pay-info .order-info-box > li:not(.card-opt) { border-bottom:none; } .pay-info .order-info-box .pay-input-result { padding:0.5455vw 0; } .pay-info .order-info-box .pay-input-result strong { line-height:1.8182vw; } .pay-info .caution-list { margin-top:2.7273vw; } .pay-info .caution-list li { padding-left:0.5455vw; text-indent:-0.5455vw; font-size:1.2727vw; line-height:1.8182vw; } .pay-info .caution-list li:not(:nth-child(1)) { margin-top:1.2727vw; } .pay-info .caution-list li em { font-size:inherit; } .pay-nav-box > .pay-nav-box-left { width:17.7273vw; max-width:22.7273vw; height:100%; } .pay-nav-box > .pay-nav-box-right { width:calc(100% - 18vw); max-width:46.3636vw; height:100%; } .pay-nav-box:after, .pay-nav-box > .pay-nav-box-left:after, .pay-nav-box > .pay-nav-box-right:after { clear:both; } .pay-nav-box > .pay-nav-bottom { clear:both; padding-top:1.8182vw; } .pay-nav-box .pay-method-pay { width:100%; height:6.7273vw; font-size:0; background:url("/sec/static/_images/common/samsung-pay.svg") no-repeat center top; background-size:100%; } .pay-nav-box .pay-method-pay.on { background-image:url("/sec/static/_images/common/samsung-pay-on.svg"); } .pay-nav-box .pay-method-pay:focus { border:dashed 2px #2189FF; } .pay-nav-box .pay-tab-nav ul:after { clear:both; } .pay-nav-box .pay-tab-nav ul li { width:calc(20% + 20px); height:3vw; margin-left:0.4545vw; margin-right:0.4545vw; margin-bottom:0.9091vw; } .pay-nav-box .pay-tab-nav ul li button { width:100%; height:100%; font-size:1.2727vw; background:#fff; border-radius:1.8182vw; } .pay-nav-box .pay-tab-nav ul li button.on { background:#212425; border:0; } .pay-input-check { clear:both; margin-top:2.1818vw; } .pay-view > .pay-input-check + .pay-input-check { margin-top:1.0909vw; } .pay-input-check .pay-check { padding-top:1.0909vw; } .pay-input-check .pay-check:first-child { padding-top:0; } .pay-input-check-none { margin-top:0; } .page-division { width:100%; margin-top:2.7273vw; margin-bottom:2.7273vw; } .info-pay { margin-top:1.8182vw; } .info-pay:after { clear:both; } .info-pay > li .account-types > li { padding-left:0; } .info-pay > li:nth-child(1) { width:37%; } .info-pay > li:nth-child(2) { width:63%; } .btn-info-pay { top:0 !important; } /* 결제 수단 */ .pay-view { margin-top:0; padding-top:0 !important; padding-bottom:0 !important; } .pay-view.creditcard, .pay-view.virtual-account, .pay-view.account-transfer { padding-left:0; } .pay-view .pd-top { padding-top:11.0909vw !important; } .pay-view .pd-top .card-opt { top:0; left:0; width:100%; height:8.3636vw; padding-left:21.4545vw; } .pay-view .pd-top .card-opt .radio-nav { top:50%; margin-top:-1.4545vw; } .pay-view.creditcard > div:not(.pd-top), .pay-view.creditcard > ul, .pay-view.virtual-account > div, .pay-view.account-transfer > div { padding-left:21.4545vw; } .pay-view.creditcard > .page-division, .pay-view.virtual-account > .page-division:not(.full-width), .pay-view.account-transfer > .page-division:not(.full-width) { width:calc(100% - 21.4545vw); margin-left:21.4545vw; } /* 신용카드 */ .credit-card { margin-left:-0.4545vw; margin-right:-0.4545vw; } .credit-card > li { width:10.9091vw; height:8.1818vw; margin-left:0.4545vw; margin-right:0.4545vw; margin-bottom:0.9091vw; } .credit-card > li:after { clear:both; } .installment { margin-top:1.5455vw; max-width:40.9091vw; } .installment:after { clear:both; } .installment .dropdownMenu { margin-right:0.9091vw; width:29.0909vw; } .installment .dropdownMenu + a { margin:0; } /* 간편결제 */ .easy-pay { margin-top:0.9091vw; margin-left:-0.4545vw; margin-right:-0.4545vw; } .easy-pay > li { width:10.9091vw; height:8.1818vw; margin-left:0.4545vw; margin-right:0.4545vw; margin-bottom:0.9091vw; } .easy-pay > li:after { clear:both; } .pay-input-box-1 { margin-top:1.8182vw; } .pay-input-box-1 .pay-input, .info-pay > li:nth-child(2) { width:28.3636vw; margin-right:0.9091vw; } .pay-input-box-1 .pay-input .dropdownMenu { width:100%; } .pay-input-box-1 .btn-underline { right:0; top:0.6364vw; margin:0; } .pay-input-box-3 { clear:both; width:100%; margin-bottom:1.2727vw; padding:0; padding-right:9.0909vw; } .pay-input-box-3 > .head-1 { left:initial; top:initial; width:37%; max-width:19.0000vw; } .pay-input-box-3 > .p-cont { width:62%; max-width:32.3636vw; } .pay-input-box-3 > .p-cont .inp-box { width:100%; max-width:40.9091vw; } .pay-input-box-3 > .p-cont .inp-box input { width:100%; } .pay-input-box-3 > .p-cont .dropdownMenu { width:100%; max-width:40.9091vw; } .pay-input-box-3 > .p-cont .guide { margin-top:0.9091vw; font-size:1.0909vw; } .pay-input-box-3 > .p-cont .btn-underline { right:0; top:0.9091vw; } .pay-input-box-3 > .p-cont:not(.receipt) .chk-form { margin-top:0.9091vw; } .pay-input-box-3.first-block { margin-bottom:2.7273vw; padding-bottom:2.7273vw; } .pay-input-box-3 .receipt .chk-form { padding:0.5455vw 0; } .pay-input-box-3 .receipt .radio-nav { margin-top:0.5455vw; } .pay-input-box-3 .receipt .wrap-droplist { margin-top:1.2727vw; } /* 주빈등록번호 */ .resident-num, .card-num, .phone-num, .biz-num { margin-top:1.2727vw; } .resident-num .inp-box.front { width:48%; padding-right:2.3636vw; } .resident-num .inp-box.front::after { top:50%; right:0.9091vw; width:0.5455vw; height:0.0909vw; background:#999; } .resident-num .inp-box.back { width:52%; } .resident-num .inp-box.back .inp-line { padding-right:2.7273vw; } .resident-num .inp-box.back .inp-lock, .card-num.inp-lock { background:url("/sec/static/_images/common/icon-lock-black.svg") no-repeat calc(100% - 0.5455vw) 0.4545vw; background-size:1.6364vw 2.0000vw; } .resident-num .inp-line { border-bottom:none; } /* 카드번호 */ .card-num { padding-right:2.7273vw; } .card-num .inp-box:not(:nth-last-child(1)) { width:25.6% !important; } .card-num .inp-box:nth-last-child(1) { width:18% !important; } .card-num .inp-box:not(:nth-last-child(1)) { padding-right:2.3636vw; } .card-num .inp-box:not(:nth-last-child(1))::after { top:50%; right:0.9091vw; width:0.5455vw; height:0.0909vw; background:#999; } .card-num .inp-line { border-bottom:none; } .card-num input:not([type=checkbox]):not([type=radio]).inp-line { border-bottom:none; letter-spacing:-0.0909vw; margin-top:-0.0909vw; } /* 필수항목 추가 */ .point-area .order-info-box-2 .order-info-detail .point-inline-2 .chk-form input[type="radio"] + label, .point-area .order-info-box-2 .order-info-detail .point-inline-2 .chk-form input[type="checkbox"] + label { padding-right: 0.7273vw; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover { width: 61%; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point { width: 55%; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point { width: 40%; margin-left: 2px; display: table; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point span { display: table-cell; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point a {min-width: 5.2727vw;} .point-area .point-line-2 .point-line-2-cover { height: 3.1091vw;} .point-area .point-line-2 .point-line-2-cover .inp-point { width: 100%;} .point-area .point-line-2-cover .btn-point {display: table; margin-top: 0; height: 2.9091vw; } .point-area .point-line-2-cover .btn-point > span { display: table-cell; height: 100%; } .point-area .point-line-2-cover .btn-point .required-item {right: -8px; } .point-area .txt-info { position: absolute; left: 0; bottom: 0; text-align: right; font-size: 1.0909vw; } /* 2021-08-09 패넷 혼수 이사 합결제 */ .delivery-tab-view div.input-obj .s-head {padding: 0.9vw 0;} /*qooker 21-12-20*/ .qker-brand .order-brand .brand-amount {width:auto;} /* 번들상품 24-02-05 */ .order-content .benefit.order-area.advance .multi-order-tbl .order-tr {display:block; display:flex; flex-wrap:wrap; margin-bottom:30px; table-layout:initial;} } @media all and (max-width:800px){ /** 포인트 적용 버튼 */ #pointUseType2 .btn-cart-point-apply { margin-right: 0; } .order-info-detail .btn-type2 {color: #fff; background: #212425; float: right; border-color: #212425; font-size: 14px; } .area-membership-point { position: initial; top: 2px; } .ul-area-membership-point .btn-type2 { float: right; } /* 툴팁 추가 */ .buy-target-goods .order-price .btn-downtool { position: relative; right:0; bottom:20px; width:14px; height:14px; margin:1px 0 0; background:transparent url(/sec/static/_images/common/icon-tooltip-down.svg) no-repeat center; background-size:14px auto; } .buy-target-goods .order-price .btn-downtool.opened { background:transparent url(/sec/static/_images/common/icon-tooltip-up.svg) no-repeat center; background-size:14px auto; } .buy-target-goods .order-price .box-tip li ~ li:not(.total) { margin-top:6px; } .buy-target-goods .order-price .box-tip { display:none; min-width:224px; padding:16px; border:1px solid #000; border-radius:10px; background:#fff; z-index:999; } .buy-target-goods.p-bespoke .order-price .box-tip { top: 93px; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .btn-downtool { top: 20px; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .box-tip { top: 41px; } .buy-target-goods .order-price .box-tip .tit, .buy-target-goods .order-price .box-tip .price { display:inline-block; width:50%; color:#707070; font-size:14px; line-height:18px; } .buy-target-goods .order-price .box-tip .tit { text-align:left; } .buy-target-goods .order-price .box-tip .price { text-align:right; } .buy-target-goods .order-price .box-tip .total { padding-top:12px; margin-top:12px; border-top:1px solid #ddd; } .buy-target-goods .order-price .box-tip .total * { color:#000; font-weight:bold; } .buy-target-goods.p-bespoke .pc-bespoke { width:100%; padding:20px; margin-top:0; margin-bottom:30px; background:#f7f7f7; } .buy-target-goods.p-bespoke .bespoke-color-set:nth-last-child(1), .buy-target-goods.p-bespoke .bespoke-color-set:nth-last-child(2) { margin-bottom:0; } .bespoke-selected-opt-list { margin-bottom:30px; } .empty-cart { margin-bottom:initial; } .btn-underline { margin:0; } /* 한도 정보 */ .order-content .limit-info > h2 { padding-bottom:6px; font-size:20px; color:#000; font-weight:bold; } .order-content .limit-info > .limit-info-box > dt { padding:20px 20px 10px; width:16%; } .order-content .limit-info > .limit-info-box > dd { padding:10px 20px 0; } .order-content .limit-info > .limit-info-box > dd > span { margin-bottom:10px; margin-right:10px; } .order-content .limit-info > .limit-info-box > dd > span > em { display:inline-block; width:80px; margin-right:10px; } .order-content .limit-info > .limit-info-box > dd > span > em:after { background:transparent; } .order-content .limit-info .info-type-2 .info-type-left { display:block; float:none; margin-bottom:10px; } .order-content .limit-info .info-type-2 .info-type-right { display:block; float:none; } .input-type-small{max-width:100%; } .input-type-ul > li.input-obj, .input-type-div > div.input-obj {padding-left:30%; } .input-type-ul > li.input-obj > label { width:30%; color:#444; } .info-point.order-info-detail{max-width:100%; } .input-type-div .s-head { width:30%; letter-spacing:-1.5px; } /* 주문 상품 */ .order-content { max-width:100%; padding-top:28px; padding-left:12px; padding-right:12px; } .order-content .order-m-area { padding-bottom:36px; } .order-content .order-m-area:after { height:10px; background:#F7F7F7; } .order-content .order-tbl { position:relative; display:block; padding-top:initial; padding-bottom:18px; border-top:2px solid #191919; border-bottom-width:0; } .order-content .order-tbl .order-td { position:relative; height:auto; padding-top:24px; padding-bottom:30px; text-align:center; } .order-content .order-tbl .order-image { display:inline-block; width:138px; height:150px; padding-right:18px; } .order-content .order-tbl .order-image .photo { width:100%; height:100%; text-align:center; overflow:hidden; } .order-content .order-tbl .order-image .photo > a { width:100%; height:100%; } .order-content .order-tbl .order-image .photo img { max-width:100%; margin:0 auto; } .order-content .order-tbl .order-spec { display:inline-block; width:calc(100% - 142px); max-width:initial; padding-left:0; padding-right:0; padding-bottom:30px; text-align:left; } .order-content .order-tbl .order-spec-group { margin-bottom:0; } .order-content .order-tbl .order-select { width:100%; max-width:initial; padding:0; } .order-content .order-tbl .order-count { display:inline-block; width:49%; height:64px; padding-left:0; text-align:left; } .order-content .order-tbl .order-price { display:inline-block; width:49%; padding-bottom:0; text-align:right; } .order-content .order-area { margin-bottom:40px; } .order-content .order-area h2 { padding-bottom:6px; border-bottom:0; } .order-content .order-area h2.m-secon-tit { margin-bottom:24px; border-bottom:2px solid #191919; } .order-content .p-bespoke .order-image { padding-bottom:20px; } .order-content .p-bespoke .order-spec { padding-bottom:20px; } .order-content .order-tbl .order-select .account-types { width:100%; } .order-content .order-select-menu+.gifts-select { margin-top:-10px; } .order-content .gifts-select+.order-select-menu { margin-top:14px; } .order-content .order-select .order-select-menu.active .droplist > li { font-size:14px; } .order-content .order-m-area { margin-bottom:40px; } .order-content .order-m-area:after { content:""; position:absolute; bottom:0; left:-12px; display:block; width:calc(100% + 24px); height:10px; background:#F7F7F7; } .order-content .photo .img-pc { display:none; } .order-content .photo .img-mo { display:block; } .order-content .order-spec-group { margin-bottom:20px; } .order-content .order-spec-group .ico-group { margin-top:16px; } .order-content .p-soldout > .order-image, .order-content .p-soldout > .order-spec { padding-bottom:0; } .order-content .order-spec-group .o-telecom { margin-top:20px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 { line-height:24px; font-size:0; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li ~ li { margin-left:10px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label { height:24px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label span { min-width:50px; height:24px; line-height:23px; padding:0 15px; font-size:12px; } .order-content .order-spec-group .o-telecom + .ico-group { margin-top:10px; } .order-tbl.p-bespoke .pc-bespoke { width:100%; padding:20px; margin-top:0; margin-bottom:30px; background:#f7f7f7; } .order-tbl.p-bespoke .bespoke-color-set:nth-last-child(1), .order-tbl.p-bespoke .bespoke-color-set:nth-last-child(2) { margin-bottom:0; } .order-content .wrap-droplist.order-select-menu .droplist { width:100%; } .order-info-detail .d-padding-add { margin-top:0; padding:12px 0; } /* 배송지 정보 */ .order-content .delivery-box { max-width:initial; padding:24px 20px 30px 20px; } .order-content .delivery-box > dt { font-size:16px; line-height:21px; } .order-content .delivery-box > dt > span { margin-top:6px; } .order-content .delivery-box > dd { width:100%; } .multi-order-tbl .order-multi.order-tr { display:flex; flex-wrap:wrap; width:100%; } .multi-order-tbl .order-multi.order-tr:not(.top-item) { padding-top:36px; } .multi-order-tbl .order-multi.order-tr .order-td.order-image, .multi-order-tbl .order-multi.order-tr .order-td.order-spec { padding-bottom:0; } .deco.extra-service .order-info-detail.info-extra > li > span.tooltip-add { margin-top:0; } .deco.extra-service .order-info-detail.info-extra > li > span:not(.tooltip-add) { margin-top:7px; margin-right:24px; } .order-content .order-info-box > li { padding:0; margin-bottom:24px; padding-bottom:36px !important; font-size:14px; border-bottom:1px solid #D9D9D9; } .order-content .order-info-box .head { position:relative; display:block; top:inherit; width:50%; margin-bottom:20px; font-size:16px; color:#000; font-weight:bold; } .order-content .order-info-box .order-btn { top:0; } .order-content .order-info-box > li.deco { margin-bottom:0; padding-bottom:36px !important; border:0 !important; } .order-content .order-info-box > li.deco:after { display:none; } .order-content .fnet-info-ul>li.ft12 {font-size:12px; line-height: 18px;}/* 2021-03-12 수정 */ .order-info-box > li.sale-li, .order-info-box > li.sale-li .info-sale { padding:0 0 70px 0; } .order-info-box > li.sale-li .info-sale .btn-underline { border:none; } .order-content .info-ul, .order-content .fnet-info-ul { margin:0; padding-bottom:40px; } .order-content .info-ul > li { padding:0 0 0 14px; font-size:12px; line-height:18px; } .order-content .fnet-info-ul > li{font-size:12px; line-height:18px;} .order-content .info-ul > li:before { top:-2px; } .order-content .info-ul:after { position:absolute; left:-12px; right:-12px; bottom:0; height:1px; background:#d9d9d9; content:""; } .order-content .info-ul.sub { margin-top:36px; padding-bottom:0; } .order-content .info-ul.sub:after { display:none; } .tooltip-layer .tip-discount-detail {padding-top: 6px;} .tooltip-layer .tip-discount-detail li {font-size: 14px;} .tooltip-layer .tip-discount-detail li strong {padding-left: 4px; padding-right: 8px; font-size: 14px;} .tooltip-layer .tip-discount-detail li span, .tooltip-layer .tip-discount-detail li em {font-size: 14px;} .order-content .tab-nav { margin-top:-8px; } .order-content .tab-nav > ul > li { width:calc(100% / 2 - 4px); margin-right:8px; margin-bottom:6px; } .order-content .tab-nav > ul > li:nth-child(even) { margin-right:0; } .order-content .tab-nav > ul > li > button { width:100%; } .order-content .info-extra .tooltip-add { display:block; float:left; width:31%; margin-right:24px; padding:16px 0; font-size:14px; color:#707070; } .order-content .info-extra .tooltip-add .btn-tip { left:66px; } .order-content .info-extra .inp-form { display:inline-block; width:calc(68% - 24px); } .order-content .info-extra .chk-view { display:inline-block; width:100%; } .order-content .info-extra li.m-full-width { position:relative; min-height:85px; } .order-content .info-extra li:nth-child(3) { min-height:120px; } .order-content .info-extra li.m-full-width .chk-view { position:absolute; left:0; width:100%; } .order-content .info-extra .inp-form .chk-form { width:49%; padding:6px 0; } .order-content .info-extra .inp-form .chk-form label { padding-right:0; } .order-content .order-info-box-2 { position:relative; padding:0; } .order-content .order-info-box-2:after { display:block; content:""; clear:both; } .order-content .order-info-box-2 > li { clear:both; min-height:32px; margin-bottom:20px; padding:0 0 0 30%; font-size:14px; } .order-content .order-info-box-2 .head { width:30%; font-size:14px; font-weight:normal; color:#707070; line-height:16px; } .order-content .order-info-box-2 .head .tip-add { width:100%; padding:0; font-size:inherit; color:inherit; } .order-content .info-sale { display:inline-block; width:100%; padding-left:40px; } .order-content .info-sale > li { width:35%; } .order-content .info-sale > li:nth-last-child(1) { width:65%; } .order-content .info-sale > li > .m-coupon-btn { font-size:14px; text-align:right; } .order-content .info-sale > li .dropdownMenu { width:100%; max-width:100%; text-align:left; } .order-content .m-coupon { width:100%;max-width:100%; padding-bottom:104px; } .order-content .m-coupon > li { display:block; width:100%; } .order-content .m-coupon > li.m-full-width { position:absolute; top:42px; left:0; margin-top:0; } .order-content .m-coupon > li.m-full-width .price { margin-top:12px; } .order-content .m-coupon > li:first-child { font-size:14px; text-align:right; } .order-content .m-coupon > li:nth-last-child(1) { width:100%; margin-top:14px; } .order-content .btn-info-sale { left:0; right:initial; top:initial !important; bottom:-85px; } .order-content .order-info-box-2 .event-code-li { padding-top:62px; margin-bottom:0; } .order-content .order-info-box-2 .event-code-li .head { top:58px !important; } .discount-area .order-info-box-2 .cmmall .head{padding-top: 8px;font-size: 14px;}/* 2023-02-21 */ .order-content .discount-area .event-code-li .btn-info-sale { left:auto; right:0; bottom:auto; } .order-info-box-2 .event-code-li.cmmall .btn-info-sale .btn-underline{font-size: 15px;}/* 2023-01-05 */ .order-content .discount-area .sub-btn { margin-bottom:62px; } .order-content .discount-area .sub-btn .btn-info-sale { bottom:-32px; } .order-content .discount-area .sub-btn .btn-info-sale .btn-underline { margin:0; } .order-content .order-info-box-2 .point-inline-1 { display:block; width:100%; margin-bottom:14px; padding:8px 0; } .order-content .order-info-box-2 .point-inline-2 { clear:both; display:block; width:100%; padding-left:0; } .order-content .order-info-box-2 .point-inline-2 .chk-form { position:absolute; left:0; bottom:0; } .order-content .order-info-box-2 .point-inline-2 .chk-form label { padding-right:0; } .order-content .order-info-box-2 .point-inline-2 div.inp-point { position:absolute; left:auto; right:0; top:0; bottom:auto; width:38%; } .order-content .order-info-box-2 .point-inline-2 .inp-line { float:right; max-width:initial; } .order-content .order-info-box-2 .point-inline-3 { clear:both; display:block; width:100%; padding-left:0; padding-bottom:30px; text-align:right; } .order-content .order-info-box-2 .point-inline-3 .chk-form { position:absolute; left:0; bottom:0; } .order-content .order-info-box-2 .point-inline-3 .chk-form label { padding-right:0; } .order-content .order-info-box-2 .point-inline-3 .inp-line { float:right; max-width:initial; } .order-info-detail .pick-shop > span {display: block; min-height: 32px;} .order-info-detail { max-width:100%; } .order-info-detail > li { margin-bottom:20px; font-size:14px; } .order-info-detail .block-form > span { display:block; margin-bottom:14px; padding:6px 0; } .order-info-detail .block-form > span:after { display:none; } .order-info-detail .block-form > span:nth-last-child(1) { margin-bottom:0; } /* 트레이드인 추가 */ .order-info-box .trade-in .order-info-detail .s-head {margin-bottom: 6px;} .order-info-box .trade-in .order-info-detail .wrap-droplist .droplist li:nth-child(3) {min-height: 40px;} .order-info-box .trade-in .order-info-detail .chk-view {margin-top: 20px;} .order-info-box .trade-in .note {margin-top: 36px;} .order-info-box .trade-in .note li{line-height:18px;} .order-info-box .trade-in .note li, .order-info-box .trade-in .note li a {font-size: 12px;} .order-info-box .trade-in .note li:before {top: 1px;} .info-delivery-single .block-form > span { padding:8px 0; } .info-delivery-single li:nth-last-child(1) { margin-top:14px; } .discount-area { position:relative; display:inline-block; width:100%; margin-bottom:40px; padding-bottom:40px; } .discount-area:after { position:absolute; left:-12px; right:-12px; bottom:0; height:1px; background:#d9d9d9; content:""; } .discount-area .sale-li .btn-info-sale { top:102px !important; bottom:initial; } .point-area { position:relative; margin-bottom:40px; padding-bottom:20px; } .point-area:after { position:absolute; left:-12px; right:-12px; bottom:0; height:1px; background:#d9d9d9; content:""; } .point-area .order-info-box-2 > li { padding:0 0 36px 0; } .point-area .order-info-box-2 .head { position:relative; display:block; width:100%; max-width:100%; padding:6px 0; margin-bottom:12px; color:#000; font-size:16px; font-weight:bold; line-height:20px; } .point-area .order-info-box-2 .use-type-1 { margin-bottom:30px; } .point-area .order-info-box-2 .use-type-1 > li { padding:24px 20px 30px 20px; } .point-area .order-info-box-2 .use-type-1 .point-line-2 { flex-direction:column; } .point-area .order-info-box-2 .use-type-1 .point-line-2 .pd-info { width:100%; margin-right:0; } .point-area .order-info-box-2 .use-type-1 .point-line-2 .pd-info .info-name { color:#000; } .point-area .order-info-box-2 .use-type-1 .point-line-2 .pd-info .sub-info { margin-top:0; } .point-area .order-info-box-2 .use-type-1 .point-line-2 .inp-point { width:69%; } .point-area .order-info-box-2 .use-type-2 > li { max-width:100%; } .point-area .order-info-box-2 .use-type-2 > li:not(:nth-last-child(1)) { margin-bottom:20px; } .point-area .order-info-box-2 .use-type-2 .point-inline-1 { width:100%; } .point-area .order-info-box-2 .use-type-2 .point-inline-1 span, .point-area .order-info-box-2 .use-type-2 .point-inline-1 strong, .point-area .order-info-box-2 .use-type-3 .point-inline-1 span, .point-area .order-info-box-2 .use-type-3 .point-inline-1 strong { color:#000; font-size:14px; } .point-area .order-info-box-2 .use-type-2 .point-inline-2 .chk-form { position:relative; } .point-area .point-inline-1 .use-point { position:relative;right:auto; } .point-area .order-info-box-2 .use-type-3 .point-inline-1 { text-align:right; } .point-area .order-info-box-2 .use-type-3 .point-inline-2 { display:flex; justify-content:space-between; align-items:center; max-width:100%; margin-right:0; padding-bottom: 22px; } .point-area .order-info-box-2 .use-type-3 .point-inline-2 .chk-form, .point-area .order-info-box-2 .use-type-3 .point-inline-2 .inp-point { position:relative; } .point-area .order-info-box-2 .use-type-3 > li:not(:nth-last-child(1)) { margin-bottom:20px; } .point-area .order-info-box-2 > li:not(.deco) .head { position:absolute; width:96px; font-size:14px; font-weight:normal; color:#707070; line-height:16px; } .order-content .pay-info > h2 { padding-bottom:6px; border-bottom:2px solid #191919; } .order-content .pay-info .order-info-box > li { padding-top:30px; margin-bottom:0; } .order-content .pay-info .order-info-box > li > .head { display:none; } .order-content .pay-info .pay-check label { padding-right:0; } .pay-view .pd-top .card-opt, .pay-view.creditcard > div:not(.pd-top), .pay-view.creditcard > ul, .pay-view.virtual-account > div, .pay-view.account-transfer > div { padding-left:0; } .pay-view .pd-top .card-opt > .head { display:none; } .point-ment { text-align:center; } .point-ment .txt {display:inline-block; width:100%;} .point-ment .btn { position:relative; right:auto; top:auto; margin-top:24px;} /* 결제 수단 (설명) */ .order-content .pay-info .pay-input-result { padding:0; } .order-content .pay-info .caution-list { margin-top:20px; } .order-content .pay-info .caution-list li:not(:nth-child(1)) { margin-top:24px; } .order-content .payment-area { position:relative; right:0; top:0; max-width:100%; z-index:0; } .order-excv .payment-area { top:initial; } .payment-area > h2 { display:none; } .payment-area .terms-box { margin-bottom:34px; } .payment-area .cost-listup { border-bottom-width:2px; } .payment-area .terms-box { margin-top:24px; } .payment-area .payment-listup { padding:0 0 24px; } .pay-nav-box .pay-method-pay { width:100%; height:0; padding-bottom:38%; } .pay-nav-box .pay-tab-nav ul li { width:calc(100% / 2 - 10px); margin-left:6px !important; margin-right:6px; } .pay-nav-box .pay-tab-nav ul li:nth-child(even) { margin-right:0; } .pay-nav-box .pay-tab-nav ul li:nth-child(2n+1) { margin-left:0; clear:both; } .pay-input-box-3 { margin-bottom:20px; padding:0; } .pay-input-box-3 > .head-1 { width:36%; max-width:initial; padding:8px 0; } .pay-input-box-3 > .p-cont { width:62%; max-width:initial; } .pay-input-box-3 > .p-cont .inp-box { width:100%; max-width:initial; } .pay-input-box-3 > .p-cont .inp-box input { width:100%; } .pay-input-box-3 > .p-cont .dropdownMenu { width:100%; max-width:450px; } .pay-input-box-3 > .p-cont .guide { margin-top:10px; font-size:12px; } .pay-input-box-3 > .p-cont .btn-underline { position:absolute; right:0; top:initial; margin-top:10px; } .pay-input-box-3.first-block { border-bottom:1px solid #ebebeb; } .order-content .pay-info { margin-bottom:0; } .tooltip-box { width:80% !important; } .tooltip-box h2 { margin-bottom:20px; font-size:16px; } .tooltip-box p { font-size:13px; } /* 신용카드 */ .credit-card { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin-left:0; margin-right:0; } .easy-pay { display:flex; flex-direction:row; flex-wrap:wrap; margin-left:0; margin-right:0; } .credit-card > li, .easy-pay > li { width:calc(25% - 12px); height:75%; float:none; } .credit-card > li > button, .easy-pay > li > button { height:0; padding-bottom:75%; } .pay-input-box-1 { padding-bottom:20px; } .info-pay{max-width:100%; } .m-buy-btn-box { position:fixed; display:block; left:0; right:0; bottom:0; max-width:100vw; padding:20px 12px; background:#fff; border-top:1px solid #d9d9d9; box-shadow:0 -8px 10px rgba(0,0,0,.1); z-index:100; } .m-buy-btn-box .btn-show { display:block; width:25px; height:3px; margin:-9px auto 10px; font-size:0; background:#c2c2c2; border-radius:1px; } /* s : 230321 혜택시뮬레이터 고도화 */ .m-buy-btn-box .btn { width: 100%; margin: 0; } .m-buy-btn-box .m-buy-pay + .btn { margin-top: 10px; } .m-buy-btn-box.type .m-buy-pay { margin: 0; } .m-buy-btn-box.type .m-buy-pay + .btn { margin: 0; } /* e : 230321 혜택시뮬레이터 고도화 */ .m-buy-btn-box .btn-l { width:100%; color:#fff; } .m-buy-btn-box .btn-l > strong { font-family:"Samsung Sharp Sans"; margin-right:5px; font-size:18px; color:#fff; font-weight:bold; } .m-buy-btn-box .btn-l > span { font-size:18px; color:#fff; font-weight:bold; } .m-buy-pay { position:relative; margin-top:16px; margin-bottom:12px; } .m-buy-pay:after { display:block; content:""; clear:both; } .m-buy-pay > span { display:inline-block; font-size:14px; } .m-buy-pay .m-buy-total { float:left; } .m-buy-pay .m-buy-total > em { font-style:normal; font-family:"Samsung Sharp Sans"; color:#000; } .m-buy-pay .m-buy-sale { float:right; } .m-buy-pay .m-buy-sale > em { font-style:normal; font-family:"Samsung Sharp Sans"; color:#1428A0; } .resident-num { display:flex; } .order-info-detail.use-type-1 > li { max-width:100%; } /* 필수항목 추가 */ .point-area .point-line-2 { padding-bottom: 23px; } .point-area .order-info-detail .btn-point { margin-left: 8px; } .point-area .txt-info { text-align: left } .point-area .point-line-2-cover { width: 100%; } .point-area .point-line-2-cover .btn-point { width: auto; min-width: 50px; margin-top: 5px; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .txt-info { text-align: right } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .chk-form { width: 28% ;} /* 2021-08-09 패넷 혼수 이사 합결제 */ .delivery-tab-view div.input-obj .s-head {padding: 2.0000vw 0; font-size:14px;} /*qooker 21-12-20*/ .order-content .order-area h2.m-order-tit{border-bottom: 2px solid #191919;} } /* s: 220715 구매시 유의사항 */ .order-content .purchase-notes{ margin-top: 30px; } .order-content .purchase-notes > h2 { padding-bottom: 6px; line-height: 1.3em; font-size: 20px; color: #000; font-weight: bold; border-bottom: 2px solid #191919; } .order-content .purchase-notes .caution-list.column-2 { margin-top: 17px; } .order-content .purchase-notes .caution-list.column-2 li { padding-left: 6px; text-indent: -6px; font-size: 14px; line-height: 20px; color: #707070; text-align: left; } .order-content .purchase-notes .caution-list.column-2 li:not(:nth-child(1)) { margin-top: 13px; } .order-content .purchase-notes .caution-list.column-2 .position-right{position: absolute;text-indent: 0px; right: 0;} #popupPurchaseNotes .product-purchase-wrap .product-purchase-caus_contents .product-purchase-sec_seller dd {padding-left: 134px;} .order-content .purchase-notes .caution-list.column-2 li a{ font-size: 14px; color: #000; } @media (max-width: 800px){ .order-content .purchase-notes .caution-list.column-2{ margin-bottom: 40px; } #popupPurchaseNotes .product-purchase-wrap .product-purchase-caus_contents .product-purchase-sec_seller dd { padding-left: 0.3194vw; } } /* e: 220630 구매시 유의사항 */ .position-right{position: absolute;text-indent: 0px; right: 0;} .caution-list.column-2.pc{margin-top: 6px !important;} @media (max-width: 800px){ .order-content .pay-info .caution-list.column-2 li:not(:nth-child(1)) { margin-top: 12px; } .order-content .pay-info .order-info-box > li.m-orderBox-li{ padding-top: 13px; } } @media (pointer:coarse) { /* custom css for "touch targets" */ } .purchase-notes.mo{ display: none; } .purchase-notes.mo.active { display: block; } @media all and (max-width:674px){ /* 한도 정보 */ .order-content > .tit-box { margin-bottom:24px !important; } /* 한도 정보 */ .order-content .limit-info > h2 { display:none; } .order-content .limit-info > .limit-info-box > dt::after, .limit-info > .limit-info-box > dd::after { display:block; content:""; clear:both; } .order-content .limit-info > .limit-info-box > dt { width:100%; padding:12px 0; text-align:center; } .order-content .limit-info > .limit-info-box > dd { display:block; width:100%; padding:24px 12px; border-bottom:1px solid #EBEBEB; background:#fff; } .order-content .limit-info > .limit-info-box > dd > span { display:block; width:100%; padding-left:0; } .order-content .limit-info > .limit-info-box > dd > span:not(:nth-last-child(1)) { margin-bottom:9px; } .order-content .limit-info > .limit-info-box > dd > span > em { display:inline-block; width:50%; } .order-content .limit-info > .limit-info-box > dd > span > em:after { background:none; } .order-content .limit-info > .limit-info-box > dd > span > strong { float:right; } .order-content .limit-info .info-type-1, .limit-info .info-type-2 { padding:24px 12px; } .order-content .limit-info .info-type-1 > dt { margin-bottom:18px; } .order-content .limit-info .info-type-1 > dd p { font-size:12px; line-height:18px; } .order-content .limit-info .info-type-1 > dd p.light { margin-top:6px; } .order-content .limit-info .info-type-2 .info-type-left { display:block; float:none; margin-bottom:10px; } .order-content .limit-info .info-type-2 .info-type-right { display:block; float:none; } .point-ment .btn{display:inline-block;position:relative;margin-top:18px; } } @media all and (max-width:414px){ /* 주문 상품 */ .pay-nav-box .pay-tab-nav ul li { width:calc(100% / 2 - 10px); } .pay-nav-box > .pay-nav-box-left { float:none; display:block; width:100%; max-width:initial; } .pay-nav-box > .pay-nav-box-right { float:none; display:block; width:100% !important; max-width:initial; margin-top:20px; } .input-type-ul > li.input-obj {padding-left:30%; } .input-type-ul > li.input-obj.message-wide { padding-left:0; } .point-area .order-info-box-2 > li:not(.deco) .head { width:35%; z-index:1; } .credit-card > li { width:calc(50% - 10px); height:75%; float:none; } .pay-input-box-1 .pay-input { width:calc(100% - 100px); margin-right:0; } .easy-pay > li { width:calc(50% - 10px); } } @media all and (max-width:320px){ .m-buy-pay .m-buy-total, .m-buy-pay .m-buy-sale { display:block; float:none; line-height:21px; } .pay-input-box-1 .pay-input, .info-pay > li:nth-child(2) { width:100%; } } /* 21-11-25 point division */ .point-division dt { margin-bottom: 12px; width: 100%; } .point-division dd { position: absolute; right: 0; margin-bottom: 5px; padding-top: 12px; width: calc(100% + 236px); text-align: right; color: #707070; } .point-division dd .detail-point { font-size: inherit; color: #2188FF; vertical-align: baseline; } .point-division .point-inline-2 { vertical-align: top; } .point-division .txt-info { position: static; margin-top: 15px; } @media screen and (max-width: 1440px) and (min-width: 1101px) { .point-division dl { font-size: 0.9722vw; } .point-division dt { margin-bottom: 0.8333vw; font-size: inherit; } .point-division dd { margin-bottom: 0.3472vw; padding-top: .8333vw; line-height: 1vw; font-size: inherit; } .point-division .txt-info { position: static; margin-top: 1.0417vw; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .point-division dl { font-size: 1.2727vw; } .point-division dt { font-size: inherit; } .point-division dd { padding-top: 1.3636vw; font-size: inherit; } } @media (max-width: 800px) { .point-division dd { position: static; font-size: 14px; width: 100%; } .point-division dd .detail-point { color: #2188FF !important; } .point-division .txt-info { position: absolute; margin-top: 0; } } /* 2022-01-13 트레이드인 */ .trade-in .double-droplist { display: -ms-flexbox; display: flex; justify-content: space-between; width: 100%; } .trade-in .double-droplist .wrap-droplist { width:47%; flex:1; } .trade-in .double-droplist .wrap-droplist:last-child { margin-left: 30px; } @media screen and (max-width: 1440px) and (min-width: 1101px) { .trade-in .double-droplist .wrap-droplist:last-child { margin-left: 2.0833vw; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .trade-in .order-content .info-extra .double-droplist .wrap-droplist .droplist li { min-height:2.9091vw; } .trade-in .double-droplist .wrap-droplist:last-child { margin-left: 2.7273vw; } } @media screen and (max-width: 375px) { .trade-in .double-droplist .wrap-droplist:last-child { margin-left: 5.3333vw; } } /* 22-04-18 trade-in */ .trade-item { line-height: 32px; } .trade-item dt { float: left; width: 31%; } .trade-item dd { margin-left: auto; width: 68%; font-weight: 700; } /* 22-05-13 Samsung Care+ */ .order-content .scplus { position: relative; } .order-content .scplus .plan-check { position: absolute; top: 12px; left: 5px; } .order-content .scplus .order-plan { padding-right: 24px; padding-left: 40px; width: 50%; } .order-content .scplus .order-spec { width: 50%; } .order-content .scplus .order-spec-group .o-title { overflow: visible; } .scplus .scplus-plan { line-height: 1.36em; font-weight: 700; letter-spacing: 0; } .scplus .plan-list { margin-top: 12px; } .scplus .plan-list > li { margin-bottom: 6px; font-size: 14px; color: #707070; } .order-content .scplus .head { width: 30%; font-size: 20px; } .order-content .scplus .list { width: 70%; text-align: right; } .order-content .scplus .list dt, .order-content .scplus .list dd { display: inline-block; } .order-content .scplus .list dt, .order-content .scplus .desc { font-size: 14px; color: #707070; } .order-content .scplus .list div { margin-bottom: 5px; } .order-content .scplus .list dd { margin-left: 5px; font-weight: 700; } .order-content .scplus .list span { font-size: 20px; vertical-align: baseline; } /* Samsung Care+ 신용카드 */ .credit-card > li.on > button.samsung.samsung-uncheck { background: url(/sec/static/_images/common/credit-samsung-uncheck.svg); } @media (max-width: 800px) { .order-content .scplus .order-plan, .order-content .scplus .order-spec { width: 100%; text-align: left; } .order-content .scplus .order-plan { padding-right: 0; } .order-content .scplus .order-spec { padding-left: 40px; } .order-content .order-info-box > li.scplus-order-list { padding-bottom: 0 !important; border-bottom: none; } .order-content .scplus-order-list .order-tbl { border-top:none; } .order-content .scplus-order-list .order-tbl .order-spec { padding-bottom: 0; } .order-content .pay-info .order-card-box .pay-input-result { padding: 1vh; } .order-content .order-spec-group.scplus-o-title-box { margin-bottom: 0; } .order-content .scplus-order-list .order-tbl.scplus { border-top: 0; } .order-content .scplus-order-list .order-tbl.scplus > div:first-child { padding-top: 11px; } .order-content .scplus-order-list .order-tbl.scplus > div { padding-top: 30px; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-content .scplus-order-list .scplus .order-spec-group .ico-group .o-spec span { text-align: left; } } /* 22-05-16 Samsung Care+ */ .cta-line-scplus { padding: 24px 0; text-align: right; border-top: solid 1px #eaeaea; } /* 2022-05-27 @HSR Samsung Care+ 구독 상품 선택 */ .order-content .scplus-order-list .scplus .order-plan { width: 100%; } .order-content .scplus-order-list .plan-check { top: 0; } .order-content .scplus-order-list .scplus .order-spec-group { display: flex; justify-content: space-between; } .order-content .scplus-order-list .scplus .order-spec-group .ico-group { width: 50%; text-align: right; } .order-content .scplus-order-list .scplus .order-spec-group .list { width: 50%; } .order-content .scplus-order-list .order-tbl .order-spec { display: inherit; width: 100%; } .order-content .scplus-order-list .order-tbl.scplus .order-plan p { color: #2188FF; } .order-content .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box { margin-top: 12px; } /* 22-06-16 Gift Box */ .gift-box { margin: 0 auto; padding: 85px 0; max-width: 810px; } .gift-box .title { position: relative; margin-bottom: 35px; text-align: center; } .gift-box .title h1 { font-size: 36px; } .gift-box .title .btn-terms-view { position: absolute; top: 12px; right: 0; padding-right: 22px; background: url(/sec/static/_images/common/icon-drop-down.svg) right center no-repeat; } .gift-box .title .change { position: absolute; top: 3px; right: 0; } .gift-box.receipt .title h1, .gift-box.delivery .title h1 { margin-bottom: 20px; } .gift-box .title span { font-weight: 700; color: #2189ff; vertical-align: baseline; } .gift-box .gift-card { margin-bottom: 20px; } .gift-card .slick-list, .gift-box.receipt .gift-card { min-width: 810px; min-height: 540px; background-color: #ececec; border-radius: 18px; } .gift-box.receipt .gift-card { overflow: hidden; } .gift-box .msg-box { margin-bottom: 50px; padding: 30px 50px; line-height: 24px; font-size: 14px; background-color: #f8f8f8; border-radius: 20px; } .gift-box .msg-box .to { margin-bottom: 12px; } .gift-box .order-content { max-width: none; padding: 0; border-bottom: solid 1px #ebebeb; } .gift-box.delivery .order-content { border-bottom: none; } .gift-box .order-content .order-tbl .order-image { width: 35%; } .gift-box .order-content .order-tbl .order-spec { width: 65%; } .gift-box .order-content .order-image .photo, .gift-box .order-content .order-image .photo a { width: 100%; } .gift-thumb { margin-bottom: 50px;padding: 0 15px;} .gift-thumb .slick-dots { display: -ms-flexbox; display: flex; padding: 0 15px; flex-wrap: wrap;} .gift-thumb button { position:absolute; top:50%; transform: translateY(-50%); width:28px; height:28px; font-size:0; z-index: 10; outline: none;} .gift-thumb .slick-prev {left:-10px; background:url('/sec/static/_images/common/icon-slick-prev.svg') center center no-repeat; background-size:16px auto;} .gift-thumb .slick-next {right:-10px; background:url("/sec/static/_images/common/icon-slick-next.svg") center center no-repeat; background-size:14px auto;} .gift-thumb .slick-slide {margin: 0 5px;} .gift-info { margin-bottom: 30px; } .receipt .gift-info { margin-top: 50px; } .gift-info .title { margin-bottom: 25px; text-align: left; border-bottom: solid 2px #191919; } .gift-info .title h2 { line-height: 38px; font-size: 22px; } .gift-info .info-box { padding: 0 20px; } .gift-info dl > div { margin-bottom: 15px; line-height: 36px; } .gift-info dt { float: left; width: 200px; font-size: 16px; font-weight: 700; } .gift-info dt .sub { margin-left: 5px; font-size: 14px; font-weight: 400; color: #707070; vertical-align: baseline; } .gift-info dd { position: relative; margin-left: 200px; } .gift-info dd .change { position: absolute; top: 0; right: 0; } .gift-info .name { font-weight: 700; } .gift-info .input-name { max-width: 260px; } .gift-info .zip-code { max-width: 180px; } .gift-info .zip-code .btn { position: absolute; } .gift-info .text-area { position: relative; margin-top: 20px; margin-bottom: 50px; } .gift-info .text-area textarea { padding: 12px 80px 12px 20px; width: 100%; min-height: 100px; line-height: 24px; border: solid 1px #b2b2b2; border-radius: 10px; resize: none; } .gift-info .text-area .num { position: absolute; right: 20px; bottom: 20px; font-size: 14px; color: #707070; } .gift-info .desc { margin-bottom: 50px; padding: 30px 35px; background-color: #f7f7f7; border: solid 1px #ddd; border-radius: 18px; } .gift-info .desc p { margin-bottom: 24px; font-weight: 700; } .gift-info .desc li { padding-left: 10px; line-height: 24px; font-size: 14px; color: #707070; } .gift-info .desc li::before { content: ""; float: left; margin-top: 10px; margin-left: -10px; width: 3px; height: 3px; background-color: #707070; border-radius: 50%; } .gift-info .terms-view { margin-bottom: 20px; padding: 20px; background-color: #f7f7f7; } .gift-info .terms-view .chk-form { position: relative; margin-bottom: 12px; } .gift-info .terms-view .chk-form:last-child { margin-bottom: 0; } .gift-info .terms-box .chk-form.allChk-box { margin-bottom: 15px; } .gift-info.check { margin: 0 auto 50px; padding: 20px 30px; max-width: 300px; background-color: #f7f7f7; border-radius: 10px; } .gift-info .chk-form { margin: 12px 0; } .layer-pop .gift-info { position: relative; min-height: 250px; } .layer-pop .gift-info .guide-txt { position: absolute; left: 0; bottom: 0; width: 100%; } .layer-pop .gift-info .guide-txt > li { text-align: center; } .layer-pop .gift-info .info-box { margin: 0 auto; width: 95%; } .layer-pop .gift-info dt { width: 25%; } .layer-pop .gift-info dd { margin-left: 25%; } .layer-pop .gift-info .input-type-small-2 { max-width: 70%; } .gift-option { display: -ms-flexbox; display: flex; padding: 15px 0; } .cta-line { text-align: center; } .cta-line.opt { margin-bottom: 50px; } .receipt .cta-line { padding-top: 120px; } .receipt .btn.rcpt { position: relative; overflow: visible; } .receipt .btn.rcpt .rcpt-msg { position: absolute; top: -80px; left: 50%; padding: 5px 25px; min-width: 300px; background-color: #fff; border: solid 1px #ddd; border-radius: 30px; transform: translateX(-50%); } .receipt .btn.rcpt .rcpt-msg::after { content: ""; position: absolute; bottom: -10px; left: 50%; width: 16px; height: 16px; background-color: #fff; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; transform: translateX(-50%) rotate(45deg); } .receipt .btn.rcpt .rcpt-msg p { text-align: center; font-weight: 400; color: #000; } .gift-cancel { margin-bottom: 30px; padding: 20px; text-align: center; background-color: #f7f7f7; } .gift-cancel p { font-size: 18px; } @media (max-width: 1440px) { .gift-card .slick-list, .gift-box.receipt .gift-card { min-width: 100%; min-height: auto; } } @media (max-width: 1100px) { .gift-thumb {margin-left: 0 0.9091vw;margin-right: 0 0.9091vw;} } @media (max-width: 800px) { .gift-box { max-width: 768px; padding: 13.8889vw 8.3333vw; } .gift-box .title h1 { font-size: 6.6667vw; } .gift-box .gift-card { margin-bottom: 5.5556vw; } .gift-box .msg-box { margin-bottom: 8.3333vw; padding: 4.1667vw 4.1667vw; } .gift-box .msg-box .to, .gift-box .msg-box .msg { line-height: 1.4; font-size: 3.3333vw; } .gift-box .order-content .order-tbl { display: flex; border-top: none; } .gift-box .cta-line { position: relative; } .gift-box .cta-line .btn-l { min-width: 45%; } .gift-info .info-box { padding: 0 5vw; } .gift-info dl > div { margin-bottom: 0; padding: 5vw 0; border-bottom: solid 1px #ebebeb; } .gift-info dt { display: block; width: 100%; } .gift-info dd { margin-left: 0; } .receipt .btn.rcpt { position: static; } .receipt .btn.rcpt .rcpt-msg { top: 10vw; } .receipt .gift-info .info-box { padding: 0; } .gift-info .desc { padding: 5vw 4vw; } .gift-info .desc p { margin-bottom: 3.75vw; } .gift-info .terms-view { padding: 5vw; } .gift-info .terms-view .btn-view-agreement { position: absolute; right: 0; bottom: 0; } /*230110*/ .gift-info .chk-form{padding: 3.333vw 0;} #prsntSendForm .chk-form input[name="prsntSndTpCd"][value="K"]{top: 9vw;} #prsntSendForm .chk-form input[name="prsntSndTpCd"][value="S"]{ top: 19vw;} #prsntSendForm .chk-form input[type="radio"][name="prsntSndTpCd"]+label { width: 100%;} } @media (max-width: 300px) {/*230110*/ #prsntSendForm .chk-form input[id="kakao"] {top: 11vw !important; left: 0;} #prsntSendForm .chk-form input[id="sns"] {top: 23.889vw !important; left: 0;} } /* 2022-05-25 @HSR 기프트카드 발송정보 */ .giftcard-box ul > li { display: flex; align-items: center; margin-top: 24px; } .giftcard-box ul li.li-in1 { align-items: inherit; } .giftcard-box ul li.li-in1 .giftcard-info-label { position: absolute; } .giftcard-box ul li.li-in1 ul { margin-top: 24px; } .giftcard-box ul li .giftcard-info-label { width: 180px; font-size: 16px; line-height: 32px; color: #000; } .giftcard-box ul li .giftcard-info-label2 { width: 180px; color: #070707; font-size: 0.9rem; } .giftcard-box ul li .giftcard-personnel-count .personnel-info-inp { display: flex; } .giftcard-box ul li .giftcard-personnel-count .personnel-info-inp .input-name { margin-right: 20px; } .giftcard-box ul li.giftcard-message-box { align-items: inherit; } .giftcard-box ul li.giftcard-message-box .giftcard-info-label { margin-top: 24px; } .giftcard-box .gift-info .desc li::before { margin-top: 0; margin-right: 10px; } .giftcard-box ul li .wrap-droplist button { padding-left: 24px; } .giftcard-box ul li .wrap-droplist ul { min-height: 210px; } .giftcard-box ul li .wrap-droplist ul li { margin-top: 0; } .giftcard-box .giftcard-pers-info-download li { align-items: inherit; } .giftcard-box .giftcard-pers-info-download .btn-box { margin-top: 24px; } .giftcard-box .giftcard-pers-info-download .file-wrap { display: flex; } .giftcard-box ul li .input-name { min-width: 200px; } .giftcard-box ul li .wrap-droplist { min-width: 200px; } .giftcard-box ul li.many-pers-select { display: none; } .giftcard-box ul li.many-pers-select.open { display: flex; } .giftcard-box ul li ul.giftcard-pers-info-download .file-upload-box .file-wrap .btn-box { margin-top: 0; } .giftcard-box ul li ul.giftcard-pers-info-download .file-upload-box .file-wrap .esse-list p { position: relative; padding-left: 10px; font-size: 12px; color: #707070; line-height: 16px; } .giftcard-box ul li ul.giftcard-pers-info-download .file-upload-box .file-wrap .esse-list { margin-top: 10px; } .giftcard-box ul li ul.giftcard-pers-info-download .file-upload-box .file-wrap .esse-list p + p { margin-top: 6px; } .giftcard-box ul li ul.giftcard-pers-info-download .file-upload-box .file-wrap .esse-list p:before { content: '*'; display: inline-block; position: absolute; left: 0; width: 6px; margin-right: 4px; } .giftcard-order-content .order-info-detail li { display: flex; } .giftcard-order-content .order-info-detail li .label { padding-right: 3px; } .giftcard-order-content .order-info-detail li .from-name { display: inherit; width: 100%; text-align: right; margin-top: 10px; } .giftcard-order-content .order-info-detail li .order-personnel-list li { padding-bottom: 5px; } /* @HSR 기프트카드 주문배송조회 */ @media screen and (max-width: 1440px) and (min-width: 1101px) { .giftcard-box ul li .input-name { min-width: 200px; } .giftcard-box ul li .wrap-droplist { min-width: 200px; } } @media screen and (max-width: 376px) { .giftcard-box ul li .giftcard-personnel-count li { align-items: inherit; } .giftcard-box ul li .giftcard-personnel-count .personnel-info-inp { display: block; } .giftcard-box ul li .giftcard-personnel-count .personnel-info-inp .input-name { margin-bottom: 24px; } .giftcard-box ul li .giftcard-personnel-count .personnel-info-inp .input-name:last-of-type { margin-bottom: 0; } } /* 22-06-02 order-promo */ .order-promo-area { margin: 30px auto 40px; padding: 40px 0 50px 45px; max-width: 1440px; background-color: #edf6ff; border-radius: 20px; } .order-promo-area .head, .order-promo-area .list { display: -ms-flexbox; display: flex; } .order-promo-area .head { margin-bottom: 29px; -ms-flex-line-pack: justify; justify-content: space-between; } .order-promo-area .title h1 { margin-bottom: 15px; } .order-promo-area .sub { line-height: 46px; font-size: 40px; font-weight: 700; } .order-promo-area .list { padding-top: 10px; } .order-promo-area .list li { display: inline-block; margin-right: 10px; } .order-promo-area .list dl { padding-right: 30px; font-weight: 700; } .order-promo-area .list dt { float: left; padding-top: 5px; padding-left: 21px; font-size: 18px; color: #390; } .order-promo-area .list dt::before { content: ""; float: left; margin-left: -21px; width: 21px; height: 16px; background: url(//images.samsung.com/kdp/_pub/scplus/icon_scplus_list.png) no-repeat; vertical-align: middle; } .order-promo-area .list dt p { font-size: 16px; } .order-promo-area .list dd { margin-left: 120px; padding: 5px 0; font-size: 18px; } .order-promo-area .list dd:nth-child(2) { padding-bottom: 22px; } .order-promo-area .promo-ctrl { margin-bottom: 24px; padding-right: 30px; text-align: right; } .order-promo-area .slick-arrow { width: 42px; height: 42px; font-size: 1px; background: url(/sec/static/_images/common/icon-b2c-arrow.svg) center no-repeat; } .order-promo-area .slick-arrow > span { display: inline-block; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); overflow: hidden; } .order-promo-area .promo-ctrl .prev { margin-right: 10px; } .order-promo-area .promo-ctrl .next { transform: rotate(180deg); } @media (max-width: 1440px) and (min-width: 1101px) { .order-promo-area .sub { line-height: 3.1944vw; font-size: 2.7778vw; } .order-promo-area .list li img { width: 6.3889vw; } .order-promo-area .item img { width: 42.5vw; } } @media (max-width: 1100px) { .order-promo-area { padding: 3.6364vw 0 4.5455vw 4.0909vw; } .order-promo-area .head { flex-direction: column; } .order-promo-area .title { display: -ms-flexbox; display: flex; margin-bottom: 3.6364vw; flex-direction: row-reverse; -ms-flex-line-pack: justify; justify-content: space-between; } .order-promo-area .title h1 { margin-right: 3.1818vw; } .order-promo-area .sub { line-height: 4.1818vw; font-size: 3.6364vw; } .order-promo-area .list { -ms-flex-align: center; align-items: center; } .order-promo-area .list ul { max-width: 20vw; } .order-promo-area .list li { width: 6.8182vw; } .order-promo-area .list li:nth-child(1), .order-promo-area .list li:nth-child(2) { margin-bottom: 1.3636vw; } } @media (max-width: 1100px) and (min-width: 801px) { .order-promo-area .item img { width: 40.3636vw; } } @media (max-width: 800px) { .order-promo-area .title h1 { max-width: 40%; } .order-promo-area .item img { width: 70vw; } .order-promo-area .list dl { padding-right: 0; } .order-promo-area .list dt, .order-promo-area .list dd { font-size: 2.25vw; } .order-promo-area .list dt { padding-top: 1.675vw; } .order-promo-area .list dd:nth-child(2) { padding-bottom: 2.75vw; } .order-promo-area .list dd { margin-left: 21.5vw; padding: 1.675vw 0; } .order-promo-area .list dt p { font-size: 2vw; } .order-promo-area .list ul { max-width: 24vw; } .order-promo-area .list li { width: 8vw; } } /* 231011 : 부천중동 매장픽업 */ .order-content .payment-area .terms-box .agreement-allCheck-box {margin-bottom:24px; padding:24px 0 16px; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB;} .order-content .payment-area .terms-box .agreement-allCheck-box .chk-form label {font-size:16px; font-weight:bold;} .terms-view .note {display:inline-block; padding-top:12px; font-size:14px; line-height:1.4;} .layer-pop.storepickup .table {margin:15px 0;} .layer-pop.storepickup .table th, .layer-pop.storepickup .table td {padding:6px; border:1px solid #ddd; text-align:center;} @media screen and (max-width:1440px) and (min-width:1101px) { .terms-view .note {font-size:0.9722vw;} } @media screen and (max-width:1100px) and (min-width:801px) { .terms-view .note {font-size:1.2727vw;} } @media (max-width:800px) { .layer-pop.storepickup .table-wrap {overflow-x:auto;} } /* 22-06-07 CE trade in */ .order-info-box .head.xl { max-width: none; width: 21%; } @media (max-width: 1100px) and (min-width: 801px) { .order-info-box .head.xl { width: 32%; } } @media (max-width: 800px) { .order-info-box .head.xl { max-width: 210px; width: auto; } } /* 22-06-13 My gift */ .my-gift-box .rounded-white-box { border-radius: 0 0 20px 20px; } .my-gift-box .title { padding-bottom: 15px; font-size: 20px; font-weight: 700; border-bottom: solid 2px #000; } .my-gift-box .title span { color: #2189ff; vertical-align: baseline; } .conbox-myshopping-list.regular-list .my-gift-box .ordered-list-contents .wrap-order-set {border-bottom: 1px solid #bababa;} /* 221007 추가 */ .my-gift-box .order-tbl { border-bottom: solid 2px #f5f5f5; } .my-gift-box .ordered-list-contents .order-tbl .order-image { padding-left: 24px; width: 168px; } .my-gift-box .ordered-list-contents .order-head-info .tag { margin-left: 12px; font-size: 14px; font-weight: 700; color: #2189ff; } .my-gift-box .spec-flx .o-spec, .my-gift-box .status { display: -ms-flexbox; display: flex; } .my-gift-box .spec-flx .o-spec span + span::before, .my-gift-box .status span + span::before { content: ""; display: inline-block; width: 1px; background-color: #eee; vertical-align: middle; } .my-gift-box .spec-flx .o-spec span + span::before { margin: 0 10px; height: 12px; } .my-gift-box .gift-info { position: relative; padding: 36px 24px 40px; margin-bottom: 0; } /* 221007 수정 */ .my-gift-box .gift-info::after { content: ""; display: block; clear: both; } .conbox-myshopping-list.regular-list .my-gift-box .ordered-list-contents .wrap-order-set:last-child {border-bottom: solid 2px #bababa;} /* 221007 추가 */ .my-gift-box .gift-info .img { float: left; width: 180px; height: auto; border-radius: 10px; overflow: hidden; } .my-gift-box .gift-info .msg { margin-left: 200px; color: #707070; } .my-gift-box .gift-info .msg p { margin-bottom: 20px; } .my-gift-box .gift-info .msg div { line-height: 24px; } .my-gift-box .status { position: absolute; right: 24px; bottom: 30px; } .my-gift-box .status span { color: #707070; } .my-gift-box .status span + span::before { margin: 0 12px; height: 14px; } /* s : 220624 선물함 box 수정 */ .wrap-order-set .gift-info { position: relative; } .giftbox-btns { position: absolute; bottom: 40%; right: 2%; cursor: pointer;} /* 221007 수정 */ .giftbox-btns-wrap {position: absolute; bottom: 44%; right: 2%; display: flex; flex-direction: column;} /* 221007 추가 */ .giftbox-btns-wrap .giftbox-btns {position: static;} /* 221007 추가 */ .giftbox-btns-wrap .giftbox-btns2 {margin-top: 10px;} /* 221007 추가 */ @media (max-width:1100px) and (min-width:801px){ .wrap-order-set .gift-info{ padding-right: 30%; } .my-gift-box .gift-info .img { width: 12.5000vw; } .my-gift-box .gift-info .msg {margin-left: 140px;} .my-gift-box .gift-info .img>img { float: left; width: 12.5000vw; height: auto; border-radius: 10px; overflow: hidden; } .giftbox-btns { right: 2%; } } @media (max-width: 800px) and (min-width:541px) { .my-gift-box .gift-info .img { display: none; } .my-gift-box .gift-info .msg { margin-left: 0px; color: #707070; } .my-gift-box .gift-info .img>img { float: left; width: 12.5000vw; height: auto; border-radius: 10px; overflow: hidden; } .my-gift-box .status { position: absolute; right: 24px; bottom: 14px; } .my-gift-box .gift-info { position: relative; padding: 24px 24px 30%;} /* 221007 수정 */ .giftbox-btns { right: 50%; transform: translateX(50%); } } /* 221007 선물함 cta 추가 */ @media (max-width: 800px) { .giftbox-btns-wrap {bottom: 40%; right: 50%; transform: translateX(50%); width: 100%; flex-direction: row; justify-content: center;} /* 221007 추가 */ .giftbox-btns-wrap .giftbox-btns {transform: translateX(0);} /* 221007 추가 */ .giftbox-btns-wrap .giftbox-btns2 {margin-top: 0;} /* 221007 추가 */ } @media (max-width: 540px) { .my-gift-box .gift-info .img { display: none; } .my-gift-box .gift-info .msg { margin-left: 0px; color: #707070; } .my-gift-box .status { position: absolute; right: 24px; bottom: 14px; } .my-gift-box .gift-info { position: relative; padding: 24px 24px 40%;} /* 221007 수정 */ .giftbox-btns, .giftbox-btns-wrap { bottom: 20%; right: 50%; transform: translateX(50%);} /* 221007 수정 */ } @media (max-width: 540px) and (min-width:460px) { .gift-info .title>h2 { line-height: 9.3333vw; font-size: 22px; } } @media (max-width: 460px) { .gift-info .title>h2 { line-height: 12.3333vw; font-size: 22px; } } @media (max-width: 800px) and (min-width : 500px) { .receipt .select-btns .rcpt .rcpt-msg { top: 4vw; } } @media (max-width: 360px) { .my-gift-box .spec-flx .o-spec {flex-direction: column;} /* 221007 기존 영역이 틀어져있어서 화면 맞춤 */ .my-gift-box .spec-flx .o-spec span + span::before {content: none;} /* 221007 기존 영역이 틀어져있어서 화면 맞춤 */ } /* scplus-main 주문 번호 입력 padding 값 수정 */ @media (max-width: 800px) { .unified-result-search-wrap.scplus .search-box { padding-right: 105px; } } /* 22-06-23 scplus-main 메인 비쥬얼 패딩값 조절 */ .wrap-component.scplus_main { padding: 0; } .wrap-component.scplus_main .component-contents { padding: 0; } @media (max-width: 800px) { .wrap-component .component-contents { padding: 40px 0; } } /* 22-06-23 scplus-main 타이틀 추가 */ .visual .visual-area.ta_c {text-align: center;} .scplus_title_box {margin: 0; text-align: center;} .scplus_title_box .title {font-size: 28px; line-height: 56px; letter-spacing: -.035em; font-weight: bold; font-family: 'SamsungOneKorean'; margin-bottom: 10px;} @media screen and (max-width: 1440px) and (min-width: 1101px) { .scplus_title_box .title {margin-bottom: 0.6944vw;} } @media (max-width: 1100px) and (min-width: 801px) { .scplus_title_box .title {margin-bottom: 0.9091vw;} } @media (max-width: 800px) { .scplus_title_box .title {font-size:20px; margin-bottom: 0;} } /* 20220704 scplus-subscription-list 기획수정*/ .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription { border-top: 2px solid #000; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set { position: relative; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head { width: 100%; overflow: hidden; margin-top: 12px; margin-bottom: -24px; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .s-text { float: left; width: 144px; font-size: 12px; font-weight: 700; text-align: left; color: #2188FF; padding-right: 24px; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .period { float: right; font-size: 12px; color: #707070; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .period .color-b { font-size: 12px; color: #2188FF; font-weight: 700; vertical-align: top; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl { flex-wrap: wrap; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl .order-td.order-func.btn_full { width: 100%; padding: 0 0; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-spec-group .o-label.btn_r { overflow: hidden; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-spec-group .o-label.btn_r button { float: right; font-size: 12px; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order_msg_box { text-align: center; color: #2188FF; font-weight: 700; margin-top: 10px; padding: 20px; border-radius: 10px; background: #eee; } @media (max-width: 1440px) and (min-width: 1101px) { .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .s-text { width: 10vw; padding-right: 1.6667vw; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .s-text { width: 10.3636vw; padding-right: 2.1818vw; } } @media (max-width: 800px) { .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl { padding-bottom: 46px; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head { margin-bottom: -12px; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .s-text { width: 114px; padding-right: 32px;} } /* 20220705 scplus-pd 기획내용 수정 */ .scplus-banner-box.type_02 .inner { padding: 0; border: none; } .scplus-banner-box.type_02 .inner .banner { margin-bottom: 0; } .scplus-banner-box.type_02 .none p { text-indent: -10px; text-align: left; padding-left: 10px; } .scplus-banner-box.type_02 .none p.bl_star { font-size: 14px; font-weight: normal; color: #2189ff; } .tooltip-content .scp_btn_box { margin-top: 10px; } .tooltip-content .scp_btn_box.btn_r { text-align: right; } .btn-underline.color-sb { border-bottom: 1px solid #2188FF; } .color-sb { color:#2188FF !important; } @media (max-width: 800px) { .scplus-banner-box.type_02 { padding: 24px 12px 0; } } /* 20220720 삼성케어플러스 배너(구독하기) 삭제 및 팝업 버튼 삭제, 자세히 보기 버튼 추가 */ .scplus-banner-box.bn_n .title { justify-content: flex-start; gap: 8px; margin-bottom: 0; } .scplus-banner-box.bn_n .title .btn-underline { line-height: 14px; margin-bottom: 5px; } .scplus-banner-box.bn_n .none { padding-top: 12px; } .scplus-banner-box.type_02 .none p { line-height: 20px; } /* 20220707 scplus-order 기획내용 수정 */ .order-promo-wrap { max-width: 1440px; margin: 0 auto 0; padding: 0 24px; } .order-promo-wrap .tit-box { margin-bottom: 30px; } .order-promo-wrap .order-promo-area { margin: auto; max-width: none; } .order-promo-wrap .order-promo-area .title .pc-block { display: block; } .order-promo-wrap .order-promo-area .title .mo-block { display: none; } .order-promo-wrap .order-promo-area .list { gap: 24px; padding-top: 0; align-items: center; } .order-promo-wrap .order-promo-area .slick-initialized .slick-slide { padding-right: 24px; } .type_scp .order-box .order-info-box > li { display: flex; gap: 15px; align-items: center; justify-content: flex-start; padding-left: 0; } .type_scp .order-box .order-info-box > li .order-m-area { flex-grow: 1; } .type_scp .order-box .order-info-box .caution-list { flex-grow: 1; margin-top: -10px; } .type_scp .order-box .order-info-box > li .head { display: none; } .type_scp .scplus-order-list .order-tbl.scplus .order-plan .product_name { color: #000; } .type_scp .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box { padding-left: 0; } .type_scp .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box .o-title { color: #000; font-weight: bold; } .type_scp .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box .o-code-num { display: block; font-size: 13px; color: #707070; margin-top: 4px; } .type_scp .order-m-area .order-spec-group { padding-left: 40px; } .type_scp .order-m-area .order-spec-group .ico-group { margin-top: 0; } .type_scp .payment-area { top: 50px; margin-bottom: 0; } .type_scp .order-box .order-info-box .credit-card > li .selected-sc-card p { word-break: break-all; } @media (max-width: 1440px) and (min-width: 1101px) { .order-promo-wrap .order-promo-area .list { gap: 10px; } .type_scp .order-box .order-info-box .credit-card > li .selected-sc-card { width: 100%; height: 100%; } } @media all and (max-width: 1100px) { .order-promo-wrap .order-promo-area { padding: 2.7273vw 0 3.6364vw 3.1818vw; } .order-promo-wrap .order-promo-area .head {margin-bottom: 1.7500vw; } .order-promo-wrap .order-promo-area .title { margin-bottom: 2.7273vw; } .order-promo-wrap .order-promo-area .title .pc-block { display: none; } .order-promo-wrap .order-promo-area .title .mo-block { display: block; } .order-promo-wrap .head { gap: 0; } .type_scp .order-box .order-info-box .credit-card > li .selected-sc-card { width: 100%; height: 100%; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-promo-wrap { padding: 0 2.1818vw; } .order-promo-wrap .tit-box { margin-top: 1.5000vw; margin-bottom: 3vw; } .type_scp .payment-area { top: 4.5455vw; } .type_scp .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box .o-code-num { font-size: 1.1111vw; } } @media all and (max-width:800px) { .order-promo-wrap { padding: 0 12px; } .order-promo-wrap .tit-box { margin-top: 3.0000vw; margin-bottom: 2.7273vw; } .order-promo-wrap .tit-box { margin-top: 3vw; margin-bottom: 3vw; } .order-promo-wrap .order-promo-area .head { margin-bottom: 2.5vw; } .order-promo-wrap .order-promo-area .title h1 img { height: 7.7500vw; } .order-promo-wrap .order-promo-area .list { gap: 1.5000vw; } .order-promo-wrap .order-promo-area .list dl { flex-grow: 1 } .order-promo-wrap .order-promo-area .list dt { padding-left: 0; } .order-promo-wrap .order-promo-area .list dt, .order-promo-wrap .order-promo-area .list dd { padding-top: 0; } .order-promo-wrap .order-promo-area .list dd { margin-left: 15.625vw; padding-bottom: 2.5vw; } .order-promo-wrap .order-promo-area .list dd:nth-child(2) { padding-bottom: 3.2500vw; } .order-promo-wrap .order-promo-area .list dd:last-child { padding-bottom: 0; } .order-promo-wrap .order-promo-area .list dt::before { width: 2.6250vw; height: 2.0000vw; margin-left: -2.625vw; background-size: 100%; } .order-promo-wrap .order-promo-area .slick-arrow { width: 3.7500vw; height: 3.7500vw; background-size: 100%; } .order-promo-wrap .order-promo-area .promo-ctrl { margin-bottom: 3vw; } .order-promo-wrap .order-promo-area .promo-ctrl .prev { margin-right: 1.2500vw; } .type_scp .payment-area { top: 0; } .type_scp .payment-area .cost-listup { padding-top: 0; } .type_scp .scplus-order-list .order-tbl.scplus > div:first-child { padding-top: 0; } .type_scp .order-box .order-info-box .credit-card > li { width: 120px; } .type_scp .order-box .order-info-box .pay-info .caution-list { margin-top: 0; } .type_scp .order-box .order-info-box .credit-card > li .selected-sc-card { width: 100%; height: 11.2500vw; } } @media all and (max-width:560px) { .type_scp .order-box .order-info-box .credit-card > li .selected-sc-card p { font-size: 3.5714vw; } } /* 20220805 scplus-order 기획내용 수정: 약관 추가 및 결제 정보, 슬라이드 높이 맞춤 */ .order-content.type_01 .tit-box { margin-bottom: 20px; } .order-content.type_01 .order-promo-area { margin-top: 20px; } /* 20220725 scplus-pd 기획내용 수정 */ .order-content.type_01 { padding-top: 0; } .order-content.type_01 .order-promo-area { padding: 20px 0 20px 50px; } .order-content.type_01 .order-promo-area .title h1 { width: 242px; margin-top: 30px; margin-bottom: 10px } .order-content.type_01 .order-promo-area .sub { font-size: 30px; line-height: 36px } .order-content.type_01 .order-promo-area .body { position: relative; } .order-content.type_01 .order-promo-area .body .promo-ctrl { width: 100%; position: absolute; top: 50%; transform: translatey(-50%); z-index: 1; margin-bottom: 0; padding-right: 0; } .order-content.type_01 .order-promo-area .body .promo-ctrl .prev { position: absolute; left: -42px; margin-right: 0; } .order-content.type_01 .order-promo-area .body .text_tip { font-size: 14px; line-height: 18px; } .order-content.type_01 .order-box .order-info-box > li { display: flex; gap: 15px; align-items: center; justify-content: flex-start; padding-left: 0; } .order-content.type_01 .order-box .order-info-box > li .order-m-area { flex-grow: 1; } .order-content.type_01 .order-box .order-info-box .caution-list { flex-grow: 1; margin-top: -10px; } .order-content.type_01 .order-box .order-info-box > li .head { display: none; } .order-content.type_01 .scplus-order-list .order-tbl.scplus .order-plan .product_name { color: #000; } .order-content.type_01 .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box { padding-left: 0; } .order-content.type_01 .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box .o-title { color: #000; font-weight: bold; } .order-content.type_01 .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box .o-code-num { display: block; font-size: 13px; color: #707070; margin-top: 4px; } .order-content.type_01 .order-m-area .order-spec-group { padding-left: 40px; } .order-content.type_01 .order-m-area .order-spec-group .ico-group { margin-top: 0; } .order-content.type_01 .order-box .order-info-box .credit-card > li .selected-sc-card p { word-break: break-all; } .order-content.type_01 .payment-area { top:70px } .order-content.type_01 .payment-area { top: 50px; margin-bottom: 0; } .order-content.type_01 .payment-area .cost-listup > li > span {} .order-content.type_01 .payment-area .cost-listup.box02 { color: #2188FF; } .order-content.type_01 .payment-area .cost-listup.box02 > li > span { color: #2188FF; margin-top: 2px; } .order-content.type_01 .payment-area .cost-listup.box02 dt { color: #2188FF; } .order-content.type_01 .payment-area .cost-listup.box02 dt span { font-size: 12px; margin-right: 5px; } .order-content.type_01 .payment-area .cost-listup.box02 .list { width: 100%; } .order-content.type_01 .payment-area .cost-listup.box03 { margin-top: 28px; padding-top: 33px; border-top: 1px solid #eaeaea; } /* 20240214 패넷 이전설치 카드 */ .order-content .order-area.pay-info.pay-info-type01{margin-bottom: 56px;} .order-content .order-area.pay-info.pay-info-type01 .order-box .order-info-box > li{display: flex; gap: 15px; align-items: center; justify-content: flex-start; padding-left: 0;} .order-content .order-area.pay-info.pay-info-type01 .order-box .order-info-box .caution-list{flex-grow: 1; margin-top: -10px;} @media screen and (max-width: 1100px) and (min-width: 801px){ .order-content .order-area.pay-info.pay-info-type01 .order-box .order-info-box .credit-card > li{width: 100%; height: 100%;} } @media screen and (max-width: 560px){ .order-content .order-area.pay-info.pay-info-type01 .order-box .order-info-box > li{gap: 2.678571429vw;} .order-content .order-area.pay-info.pay-info-type01 .order-box .order-info-box .credit-card > li{width: 21.428571429vw; height: 16.071428571vw;} .order-content .order-area.pay-info.pay-info-type01 .order-box .order-info-box .credit-card > li .selected-sc-card {width: 21.428571429vw; height: 16.071428571vw;} .order-content .order-area.pay-info.pay-info-type01 .order-box .order-info-box .credit-card > li .selected-sc-card p{font-size: 3.571428571vw; word-break: break-all;} .order-content .order-area.pay-info.pay-info-type01 .order-box .order-info-box .caution-list{flex: 1;} } /* 20220725 scplus-pd : 아이콘 박스 */ .icon_box_wrap { display: flex; padding-right: 55px; } .icon_box_wrap dl:nth-child(2) { margin-left: 31px; } .icon_box_wrap dl:nth-child(3) { margin-left: 11px; } .icon_box_wrap dl:nth-child(4) { margin-left: 37px; } .icon_box_wrap dl dt { display: inline-block; text-align: center; min-width: 82px; min-height: 112px; background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 20px no-repeat; background-size: 82px; } .icon_box_wrap dl:nth-child(1) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 20px no-repeat; background-size: 82px; } .icon_box_wrap dl:nth-child(2) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo02.png) center 20px no-repeat; background-size: 82px; } .icon_box_wrap dl:nth-child(3) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo03.png) center 20px no-repeat; background-size: 82px; } .icon_box_wrap dl:nth-child(4) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo04.png) center 20px no-repeat; background-size: 82px; } .icon_box_wrap dl dt span { display: inline-block; min-height: 25px; color: #fff; font-size: 14px; line-height: 18px; padding: 4px 12px 4px 12px; border-radius: 15px; background: #F78383; } .icon_box_wrap dl dd { color: #666666; font-size: 12px; text-align: center; font-weight: 600; line-height: 14px; } /* 20220725 scplus-order : 슬라이드 박스 */ .product_box { position: relative; width: 454px; height: 215px; padding: 19px 0 0 20px; margin-bottom: 18px; margin-right: 20px; border-radius: 20px; background-color: #fff; } .product_box .product_name { font-size: 18px; font-weight: 700; line-height: 30px; } .product_box .product_img { position: absolute; top: 49px; left: 20px; width: 128px; height: 146px; } .product_box .product_img .m_hide { display: block; } .product_box .product_img .m_show { display: none; } .product_box .product_img img { height: 100%; } .product_box .product_desc { min-height: 110px; margin-left: 143px; font-size: 14px; font-weight: 500; line-height:22px; } .sec_apply .sec_category .slider_category_sticky .slider_category_wrap, .product_box .product_desc p { position:relative; } .product_box .product_desc p::before { content:""; display: inline-block; position: relative; top: 0; left: 0; margin-right: 5px; width: 11px; height: 8px; background: url(//images.samsung.com/kdp/event/sec/PM_0607_alarm_samsung_careplus/launching/check_icon_pc.png); background-size: 100%; } .product_box .product_price { margin: 0 0 0 159px; font-size: 18px; font-weight: 700; letter-spacing: -.03em; color: #57a91d; } .product_box .product_price strong { display: inline-block; font-size: 24px; vertical-align: baseline; letter-spacing: -.03em; } .product_box .product_price i { font-size:22px; } .product_box .product_price_desc { margin-left: 159px; font-size:14px; font-weight: 700; vertical-align: baseline; letter-spacing: -.01em; color: #57a91d; } .product_box .product_price_desc span {font-size: 14px; vertical-align: baseline; letter-spacing: -.01em; } @media screen and (max-width:1440px){ .order-content.type_01 .order-promo-area { padding: 1.3889vw 0 1.3889vw 3.4722vw; } .order-content.type_01 .order-promo-area .title h1 { width: 16.8056vw; margin-top: 2.0833vw; margin-bottom: 0.6944vw } .order-content.type_01 .order-promo-area .sub { font-size: 2.0833vw; line-height: 2.5000vw; } .order-content.type_01 .order-promo-area .body .slick-arrow { width: 2.9167vw; height: 2.9167vw; background-size: 1.8056vw; } .order-content.type_01 .order-promo-area .body .promo-ctrl .prev { left: -2.9167vw; } .icon_box_wrap { padding-right:3.8194vw; } .icon_box_wrap dl:nth-child(2) { margin-left: 3.8194vw; } .icon_box_wrap dl:nth-child(3) { margin-left: 0.7639vw; } .icon_box_wrap dl:nth-child(4) { margin-left: 2.5694vw; } .icon_box_wrap dl dt { min-width: 5.6944vw; min-height: 7.7778vw; background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 1.3889vw no-repeat; background-size: 5.6944vw; } .icon_box_wrap dl:nth-child(1) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 1.3889vw no-repeat; background-size: 5.6944vw; } .icon_box_wrap dl:nth-child(2) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo02.png) center 1.3889vw no-repeat; background-size: 5.6944vw; } .icon_box_wrap dl:nth-child(3) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo03.png) center 1.3889vw no-repeat; background-size: 5.6944vw; } .icon_box_wrap dl:nth-child(4) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo04.png) center 1.3889vw no-repeat; background-size: 5.6944vw; } .icon_box_wrap dl dt span { min-height: 1.7361vw; font-size: 0.9722vw; line-height: 1.2500vw; padding: 0.2778vw 0.8333vw 0.2778vw 0.8333vw; } .icon_box_wrap dl dd { font-size: 0.8333vw; line-height: 0.9722vw; } .product_box { width: 31.527777778vw; height: 14.930555556vw; padding: 1.319444444vw 0 0 1.388888889vw; margin-bottom: 1.250000000vw; margin-right: 1.388888889vw; border-radius: 1.388888889vw; } .product_box .product_name { font-size: 1.250000000vw; line-height: 2.083333333vw; } .product_box .product_img { top: 3.402777778vw; left: 1.388888889vw; width: 8.888888889vw; height: 10.138888889vw; } .product_box .product_desc { min-height: 7.638888889vw; margin-left: 9.930555556vw; font-size: 0.972222222vw; line-height: 1.527777778vw; } .product_box .product_desc p::before { top: 0; left: 0; margin-right: .3472222222vw; width: .7638888889vw; height: .5555555556vw; } .product_box .product_price { margin: 0 0 0 11.041666667vw; font-size: 1.250000000vw; } .product_box .product_price strong { font-size: 1.666666667vw; } .product_box .product_price i { font-size: 1.5277777778vw; } .product_box .product_price_desc { margin-left: 11.041666667vw; font-size: 0.972222222vw; } .product_box .product_price_desc span {font-size: 0.972222222vw; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-content.type_01 .order-promo-area { padding: 3.2727vw 0 1.8182vw 3.1818vw; } .order-content.type_01 .order-promo-area .title { flex-direction: column; margin-bottom: 2.3636vw; } .order-content.type_01 .order-promo-area .title h1 { width: 27.8182vw; margin-top: 0; margin-right: 0; margin-bottom: 0.9091vw } .order-content.type_01 .order-promo-area .sub { font-size: 3.8182vw; line-height: 4.3636vw; } .order-content.type_01 .order-promo-area .body .slick-arrow { width: 3.2727vw; height: 3.2727vw; background-size: 2.3636vw; } .order-content.type_01 .order-promo-area .body .promo-ctrl .prev { left: -3.2727vw; } .icon_box_wrap { padding-right: 0; } .icon_box_wrap dl:nth-child(2) { margin-left: 3.1818vw; } .icon_box_wrap dl:nth-child(3) { margin-left: 1.1818vw; } .icon_box_wrap dl:nth-child(4) { margin-left: 3.1818vw; } .icon_box_wrap dl dt { min-width: 8.9091vw; min-height: 12.0000vw; background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 2.2727vw no-repeat; background-size: 8.9091vw; } .icon_box_wrap dl:nth-child(1) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 2.2727vw no-repeat; background-size: 8.9091vw; } .icon_box_wrap dl:nth-child(2) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo02.png) center 2.2727vw no-repeat; background-size: 8.9091vw; } .icon_box_wrap dl:nth-child(3) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo03.png) center 2.2727vw no-repeat; background-size: 8.9091vw; } .icon_box_wrap dl:nth-child(4) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo04.png) center 2.2727vw no-repeat; background-size: 8.9091vw; } .icon_box_wrap dl dt span { min-height: 2.7273vw; font-size: 1.6364vw; line-height: 1.6364vw; padding: 0.7273vw 1.0909vw 0.7273vw 1.0909vw; } .icon_box_wrap dl dd { font-size: 1.6364vw; line-height: 2.0000vw; } .product_box { width: 40.900900901vw; height: 22.702702703vw; padding: 1.711711712vw 0 0 1.801801802vw; margin-bottom: 1.621621622vw; margin-right: 1.801801802vw; border-radius: 1.801801802vw; } .product_box .product_name { font-size: 2.162162162vw; line-height: 2.342342342vw; margin-bottom: 1.081081081vw; } .product_box .product_img { top: 4.414414414vw; left: 1.801801802vw; width: 13.963963964vw; height: 15.675675676vw; top: 5.135135135vw; } .product_box .product_img .m_hide { display: none !important; } .product_box .product_img .m_show { display: block !important; } .product_box .product_desc { min-height: 10.810810811vw; margin-left: 15.765765766vw; font-size: 1.621621622vw; line-height: 2.162162162vw; } .product_box .product_desc p::before { margin-right: 0.363636364vw; width: 1vw; height: 0.727272727vw; } .product_box .product_price { margin: 0 0 0 17.117117117vw; font-size: 1.801801802vw; } .product_box .product_price strong { font-size: 2.522522523vw; } .product_box .product_price i { font-size: 1.5277777778vw; } .product_box .product_price_desc { margin-left: 17.117117117vw; font-size: 1.441441441vw; line-height: 2.702702703vw; } .product_box .product_price_desc span {font-size: 1.441441441vw; } .order-content.type_01 .order-box .order-info-box .credit-card > li { width: 100%; height: 100%; } } @media screen and (max-width:800px){ .order-content.type_01 {padding-top: 28px;} .order-content > .tit-box { margin-bottom: 24PX; } .order-content.type_01 .order-promo-area { padding: 4.5000vw 0 4.5000vw 5.625000000vw; } .order-content.type_01 .order-promo-area .title { flex-direction: column; margin-bottom: 2.5000vw; } .order-content.type_01 .order-promo-area .title h1 { width: 38.2500vw; max-width: 100%; margin-top: 0; margin-right: 0; margin-bottom: 1.5000vw } .order-content.type_01 .order-promo-area .sub { font-size: 5.2500vw; line-height: 6.0000vw; } .order-content.type_01 .order-promo-area .body .slick-arrow { width: 5.250000000vw; height: 5.250000000vw; background-size: 2.625000000vw; } .order-content.type_01 .order-promo-area .body .promo-ctrl .prev { left: -5.250000000vw; } .icon_box_wrap dl:nth-child(2) { margin-left: 4.5000vw; } .icon_box_wrap dl:nth-child(3) { margin-left: 1.6250vw; } .icon_box_wrap dl:nth-child(4) { margin-left: 4.5000vw; } .icon_box_wrap dl dt { min-width: 12.2500vw; min-height: 16.5000vw; background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 3.1250vw no-repeat; background-size: 12.2500vw; } .icon_box_wrap dl:nth-child(1) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 3.1250vw no-repeat; background-size: 12.2500vw; } .icon_box_wrap dl:nth-child(2) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo02.png) center 3.1250vw no-repeat; background-size: 12.2500vw; } .icon_box_wrap dl:nth-child(3) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo03.png) center 3.1250vw no-repeat; background-size: 12.2500vw; } .icon_box_wrap dl:nth-child(4) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo04.png) center 3.1250vw no-repeat; background-size: 12.2500vw; } .icon_box_wrap dl dt span { min-height: 3.7500vw; font-size: 2.2500vw; line-height: 2.2500vw; padding: 1.0000vw 1.5000vw 1.0000vw 1.5000vw; } .icon_box_wrap dl dd { font-size: 2.2500vw; line-height: 2.7500vw; } .product_box { width: 56.750000000vw; height: 31.500000000vw; padding: 2.375000000vw 0 0 2.500000000vw; margin-bottom: 2.250000000vw; margin-right: 2.500000000vw; border-radius: 2.500000000vw; } .product_box .product_name { font-size: 3.000000000vw; line-height: 3.250000000vw; margin-bottom: 1.500000000vw; } .product_box .product_img { top: 6.125000000vw; left: 2.500000000vw; width: 19.375000000vw; height: 21.750000000vw; top: 7.125000000vw; } .product_box .product_img .m_hide { display: none !important; } .product_box .product_img .m_show { display: block !important; } .product_box .product_desc { min-height: 15.000000000vw; margin-left: 21.875000000vw; font-size: 2.250000000vw; line-height: 3.000000000vw; } .product_box .product_desc p { font-size: 2.750000000vw; } .product_box .product_desc p::before { margin-right: 0.750000000vw; width: 1.375000000vw; height:1.000000000vw; } .product_box .product_price { margin: 0 0 0 23.750000000vw; font-size: 2.500000000vw; } .product_box .product_price strong { font-size: 3.500000000vw; } .product_box .product_price_desc { margin-left: 23.750000000vw; font-size: 2.000000000vw; line-height: 3.750000000vw; } .product_box .product_price_desc span {font-size: 2.000000000vw; } .order-content.type_01 .scplus-order-list .order-tbl.scplus > div:first-child { padding-top: 0; } .order-content.type_01 .payment-area { top: 0; } .order-content.type_01 .payment-area .cost-listup.box01 { padding-top: 0; } } @media all and (max-width:560px) { .order-content.type_01 .order-promo-area .body .slick-arrow { width: 42px; height: 42px; background-size: 21px; } .order-content.type_01 .order-promo-area .body .promo-ctrl .prev { left: -30px; } .order-content.type_01 .order-box .order-info-box > li { gap: 2.678571429vw; } .order-content.type_01 .order-box .order-info-box .credit-card > li { width: 21.428571429vw; height: 16.071428571vw; } .order-content.type_01 .order-box .order-info-box .credit-card > li .selected-sc-card { width: 21.428571429vw; height: 16.071428571vw; } .order-content.type_01 .order-box .order-info-box .credit-card > li .selected-sc-card p { font-size: 3.571428571vw; } .order-content.type_01 .order-box .order-info-box .caution-list { flex: 1; } .order-content.type_01 .order-box .order-info-box .caution-list p { } .order-content.type_01 .order-promo-area .body .text_tip { font-size: 2.500000000vw; line-height: 3.214285714vw; } } @media screen and (max-width:414px){ .icon_box_wrap { display: flex; flex-flow: wrap; justify-content: space-around; gap: 15px 15px; } .order-content.type_01 .order-promo-area .title { margin-bottom: 4.8309vw; } .order-content.type_01 .order-promo-area .title h1 { width: 73.9130vw; } .order-content.type_01 .order-promo-area .sub { font-size: 7.7295vw;line-height: 8.6957vw;} .icon_box_wrap { padding-right: 5.625vw; } .icon_box_wrap dl { width: 40%; margin: 0; text-align: center; } .icon_box_wrap dl:nth-child(2) { margin-left: 0; } .icon_box_wrap dl:nth-child(3) { margin-left: 0; } .icon_box_wrap dl:nth-child(4) { margin-left: 0; } .icon_box_wrap dl dt { min-width: 23.6715vw; min-height: 29.7101vw; background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 4.8309vw no-repeat; background-size: 23.6715vw; } .icon_box_wrap dl:nth-child(1) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 4.8309vw no-repeat; background-size: 23.6715vw; } .icon_box_wrap dl:nth-child(2) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo02.png) center 4.8309vw no-repeat; background-size: 23.6715vw; } .icon_box_wrap dl:nth-child(3) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo03.png) center 4.8309vw no-repeat; background-size: 23.6715vw; } .icon_box_wrap dl:nth-child(4) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo04.png) center 4.8309vw no-repeat; background-size: 23.6715vw; } .icon_box_wrap dl dt span { min-height: 6.2802vw; min-width: 33.3333vw; font-size: 3.8647vw; line-height: 4.3478vw; padding: 0.9662vw 2.8986vw; } .icon_box_wrap dl dd { font-size: 4.3478vw; line-height: 5.3140vw; } } /* 20220805 scplus-main 기획내용 수정 : 하단 이미지(삼성케어플러스 구독하기) html 로 변경 */ .s_careplus.slider_box_wrap .m_hide { display: block!important; } .s_careplus.slider_box_wrap .m_show { display: none!important; } .s_careplus.slider_box_wrap { display: block; position: relativ; min-width: 320px; } .s_careplus.slider_box_wrap * { box-sizing:border-box; } .s_careplus.slider_box_wrap .inner_1440 { position: relative; width: 100%; margin: 0 auto; max-width: 1440px; } .s_careplus .title_box.heart { padding-top: 52px; text-align: center; background: url(//images.samsung.com/kdp/event/sec/PM_0607_alarm_samsung_careplus/launching/heart_icon_pc.png) top center no-repeat; background-size: 56px 44px; } .s_careplus .title_box.heart .title { font-size: 47px; line-height: 60px; } .s_careplus .title_box.heart .sub_txt { margin-top: 15px; font-size: 28px; } .s_careplus .sec_subscribe .icon_box .icon_list:last-child::after { display: none; } .s_careplus .sec_subscribe { background-color: #dbf2ca; padding: 78px 0 0; } .s_careplus .sec_subscribe .title_box.heart h3.title { letter-spacing: .01em; } .s_careplus .sec_subscribe .title_box.heart .sub_txt { margin-bottom: 48px; letter-spacing: .01em; } .s_careplus .sec_subscribe .icon_box { display: flex; justify-content: space-between; width: 680px; margin: 0 auto; margin-bottom: 8px; text-align: center; } .s_careplus .sec_subscribe .icon_box .icon_list { width:142px; } .s_careplus .sec_subscribe .icon_box .icon_list::after { content: ""; display: inline-block; position: relative; top: -96px; left: 90px; width:24px; height: 24px; background: url(//images.samsung.com/kdp/event/sec/PM_0607_alarm_samsung_careplus/launching/cross_icon_pc.png); background-size: 100%; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child::after { top: -99px; left: 90px; } .s_careplus .sec_subscribe .icon_box .icon_list .icon_img { width: 86px; margin: 0 auto; margin-bottom: 17px; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child .icon_img { margin-bottom: 14px; } .s_careplus .sec_subscribe .icon_box .icon_list p { font-size: 20px; font-weight: 700; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child p { line-height: 26px; } .s_careplus .sec_subscribe .desc_txt{ width: 1400px; margin: 0 auto; font-size: 16px; text-align: right; letter-spacing: -.03em; } .s_careplus .sec_subscribe .desc_txt01, .s_careplus .sec_subscribe .desc_txt02 { padding:0 40px 5px 0; } .s_careplus .sec_subscribe .order-content.type_01 { padding: 0; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area { margin: 0; padding: 20px 50px 20px 50px; background-color: transparent; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs { display: flex; gap: 20px 20px; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; margin-bottom: 2px; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box { width: 425px; margin-right: 0; margin-bottom: 0; } @media screen and (max-width:1440px){ .s_careplus .title_box.heart { padding-top: 3.6111111111vw; background-size: 3.8888888889vw 3.0555555556vw; } .s_careplus .title_box.heart .title { font-size: 3.2638888889vw; line-height: 4.1666666667vw; } .s_careplus .title_box.heart .sub_txt { margin-top: 1.0416666667vw; font-size: 1.9444444444vw; } .s_careplus .sec_subscribe .icon_box .icon_list p{font-size:1.3888888889vw} .s_careplus .sec_subscribe{ padding:5.4166666667vw 0 0; } .s_careplus .sec_subscribe .title_box.heart .sub_txt { margin-bottom:3.3333333333vw; } .s_careplus .sec_subscribe .icon_box { width: 47.2222222222vw; margin-bottom: .5555555556vw; } .s_careplus .sec_subscribe .icon_box .icon_list { width: 9.8611111111vw; } .s_careplus .sec_subscribe .icon_box .icon_list::after { top: -6.6666666667vw; left: 6.25vw; width: 1.6666666667vw; height: 1.6666666667vw; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child::after { top: -6.875vw; left: 6.25vw; } .s_careplus .sec_subscribe .icon_box .icon_list .icon_img { width: 5.9722222222vw; margin-bottom: 1.1805555556vw; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child .icon_img { margin-bottom: .9722222222vw; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child p { line-height: 1.8055555556vw; } .s_careplus .sec_subscribe .desc_txt { width: 97.2222222222vw; font-size: 1.1111111111vw; } .s_careplus .sec_subscribe .desc_txt01, .s_careplus .sec_subscribe .desc_txt02 { padding:0 3.636363636vw 0.454545455vw 0; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box { width:calc(33.3% - 15px); } } @media screen and (max-width: 1100px) and (min-width: 801px){ .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area { padding: 1.388888889vw 1.388888889vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs { gap: 1.363636364vw 0.454545455vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box { width: 30.909090909vw; height: 16.818181818vw; padding: 1.363636364vw 0 0 1.272727273vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name { font-size: 1.272727273vw; line-height: 2.727272727vw; margin-bottom:0; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img { top: 4.454545455vw; left: 1.363636364vw; width: 8.818181818vw; height: 10vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img .m_hide { display: block; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img .m_show { display: none; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_desc { min-height: 7.727272727vw; margin-left: 9.909090909vw; font-size: 1.272727273vw; line-height: 1.545454545vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_desc p { font-size: 1.090909091vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price { margin: 0 0 0 10.454545455vw; font-size: 1.272727273vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price strong { font-size: 1.636363636vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price_desc { margin-left: 10.454545455vw; font-size: 1.272727273vw; line-height: 1.527777778vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price_desc span {font-size: 1.000000000vw; } .s_careplus .sec_subscribe .desc_txt01, .s_careplus .sec_subscribe .desc_txt02 { padding:0 1.388888889vw 0.454545455vw 0; } } @media screen and (max-width:800px){ .s_careplus.slider_box_wrap .m_hide { display: none !important; } .s_careplus.slider_box_wrap .m_show { display: block !important; } .s_careplus .title_box.heart { padding-top: 76px; padding-top: 10.5555555556vw; text-align: center; background:url(//images.samsung.com/kdp/event/sec/PM_0607_alarm_samsung_careplus/launching/heart_icon_mo.png) top center no-repeat; background-size: 70px 56px; background-size: 9.7222222222vw 7.7777777778vw; } .s_careplus .title_box.heart .title { font-size: 56px; font-size: 7.7777777778vw; line-height: 66px; line-height: 9.1666666667vw; } .s_careplus .title_box.heart .sub_txt { margin-top: 29px; margin-top: 4.0277777778vw; font-size: 30px; font-size: 4.1666666667vw; line-height:42px; line-height:5.8333333333vw; } .s_careplus.slider_box_wrap .inner_1440 { max-width:100%; } .s_careplus .sec_subscribe { padding: 80px 0 78px; padding: 11.1111111111vw 0 10.8333333333vw; } .s_careplus .sec_subscribe .inner_1440 { overflow:hidden; } .s_careplus .sec_subscribe .inner_1440 .title_box.heart .sub_txt { letter-spacing: -.055em; } .s_careplus .sec_subscribe .inner_1440 .icon_box { position: relative; width: 600px; width:83.3333333333vw; margin-bottom: 12px; margin-bottom: 1.6666666667vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list { width: 142px; width:19.7222222222vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list::after { position: absolute; top: 39px; top: 5.4166666667vw; left: 288px; left: 40vw; width: 24px; width: 3.3333333333vw; height: 24px; height: 3.3333333333vw; background: url(//images.samsung.com/kdp/event/sec/PM_0607_alarm_samsung_careplus/launching/cross_icon_mo.png); background-size: 100%; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list:first-child::after { top: 39px; top: 5.4166666667vw; left: 136px; left: 18.8888888889vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list:nth-child(3)::after { top: 39px; top: 5.4166666667vw; left: 441px; left: 61.25vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list .icon_img { width: 101px; width: 14.0277777778vw; margin-bottom: 9px; margin-bottom: 1.25vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list:first-child .icon_img { margin-bottom: 6px; margin-bottom: .8333333333vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list p { font-size: 20px; font-size: 2.7777777778vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list:first-child p { line-height:26px; line-height: 3.6111111111vw; } .s_careplus .sec_subscribe .inner_1440 .desc_txt { width:100%; font-size: 22px; font-size: 3.0555555556vw; text-align: center; letter-spacing: .01em; } .s_careplus .sec_subscribe .inner_1440 .desc_txt01 { margin-bottom: 5px; margin-bottom: .6944444444vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area { padding: 1.388888889vw 3.472222222vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs { gap: 5px 20px; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box { width: 100%; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box + .product_box { margin-top: 2.500000000vw; } } /* 230608 케어플러스메인 */ .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img { top: 24px; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name:before { display: none; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name span { font-size: 13px; color: #777; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price_desc { font-size: 13px; margin-top:5px; } @media screen and (max-width:1440px) and (min-width: 1101px){ .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img { top: 1.667vw; width: 7.639vw; height: 8.333vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_desc { margin-left: 8.333vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name span { font-size: 0.903vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price { margin-left: 8.681vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price_desc { font-size: 0.903vw; margin: 0.347vw 0 0 8.681vw; } } @media screen and (max-width:800px){ .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box { min-height: 31.5vw; height: auto; padding-bottom: 2.5vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img { top: 2.5vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name { font-size: 3.889vw; line-height: 1.2; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name span { font-size: 3.333vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_desc p { font-size: 3.333vw; line-height: 1.2; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price { font-size: 4.444vw; margin-top: 1.2vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price strong { font-size: 4.444vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price_desc { font-size: 3.333vw; } } /* 230530 scplus-order(케어플러스) : 기획수정 */ .order-content.type_01 .intro-careplus .order-promo-area {background:#F6F6F6;padding:48px 0 30px;} .order-content.type_01 .intro-careplus .order-promo-area .head {padding:0 48px;} .order-content.type_01 .intro-careplus .order-promo-area .title h1 {margin:0 0 8px 0;} .order-content.type_01 .intro-careplus .order-promo-area .sub {font-size:28px;} .order-content.type_01 .intro-careplus .order-promo-area .body {padding: 0 28px 0 48px;} .order-content.type_01 .intro-careplus .order-promo-area .body .promo-ctrl {width:95%;top:42%;} .order-content.type_01 .intro-careplus .order-promo-area .body .text_tip {color:#707070;margin:20px 0 0 0;} .order-content.type_01 .intro-careplus .icon_box_wrap {padding:0;} .order-content.type_01 .intro-careplus .icon_box_wrap dl {width:139px;height:76px;padding:12px 10px;border-radius:6px;margin:0 12px 0 0} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt {background:none;min-width:auto;min-height:auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt span {padding:0;font-size:14px;background:none;color:#000;line-height:1.2;min-height:auto;font-weight:bold;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dd {text-align:left;color:#000;font-weight:normal;margin-top:6px;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(1) {background:#FFE4E4 url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo01.png) right 10px bottom 10px no-repeat;background-size: 50px auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(2) {background:#FAEDBD url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo02.png) right 10px bottom 8px no-repeat;background-size: 50px auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(3) {background:#CAEBFF url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo03.png) right 6px bottom 8px no-repeat;background-size: 50px auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(4) {background:#CBBDFB url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo04.png) right 10px bottom 10px no-repeat;background-size: 50px auto;margin-right:0;} .order-content.type_01 .intro-careplus .product_box {padding:20px;border-radius:10px;margin:0 20px 0 0;min-height:240px;height:auto;} .order-content.type_01 .intro-careplus .product_box .product_img {top:20px;} .order-content.type_01 .intro-careplus .product_box .product_name {line-height:1.4;margin-bottom:8px;} .order-content.type_01 .intro-careplus .product_box .product_name:before {display:none;} .order-content.type_01 .intro-careplus .product_box .product_name span{color:#707070;font-size:16px;} .order-content.type_01 .intro-careplus .product_box .product_desc {min-height:158px;font-size:16px;} .order-content.type_01 .intro-careplus .product_box .product_price {margin:0 0 0 144px;color:#2189FF;letter-spacing:0;} .order-content.type_01 .intro-careplus .product_box .product_price strong {font-size:18px;} .order-content.type_01 .intro-careplus .product_box .product_price_desc {margin:4px 0 0 144px;font-weight:normal;color:#707070;} .layer-agreement .layer-content .clause-family .term-tbl.ac th, .layer-agreement .layer-content .clause-family .term-tbl.ac td {padding:8px 0;vertical-align:middle;} @media (max-width: 1440px) and (min-width: 1101px) { .order-content.type_01 .intro-careplus .order-promo-area {padding:3.333vw 0 2.083vw;} .order-content.type_01 .intro-careplus .order-promo-area .head {padding:0 3.333vw;} .order-content.type_01 .intro-careplus .order-promo-area .title h1 {margin:0 0 0.556vw 0;} .order-content.type_01 .intro-careplus .order-promo-area .sub {font-size:1.944vw;} .order-content.type_01 .intro-careplus .order-promo-area .body {padding: 0 1.944vw 0 3.333vw;} .order-content.type_01 .intro-careplus .order-promo-area .body .text_tip {margin:1.389vw 0 0 0;} .order-content.type_01 .intro-careplus .icon_box_wrap dl {width:9.653vw;height:5.278vw;padding:0.833vw 0.694vw;border-radius:0.417vw;margin:0 0.833vw 0 0} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt span {font-size:0.972vw;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dd {margin-top:0.417vw;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(1) {background:#FFE4E4 url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo01.png) right 0.694vw bottom 0.694vw no-repeat;background-size: 3.472vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(2) {background:#FAEDBD url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo02.png) right 0.694vw bottom 0.556vw no-repeat;background-size: 3.472vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(3) {background:#CAEBFF url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo03.png) right 0.417vw bottom 0.556vw no-repeat;background-size: 3.472vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(4) {background:#CBBDFB url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo04.png) right 0.694vw bottom 0.694vw no-repeat;background-size: 50px auto;margin-right:0;} .order-content.type_01 .intro-careplus .product_box {padding:1.389vw 0 1.389vw 1.389vw;border-radius:0.694vw;margin:0 1.389vw 0 0;min-height:16.667vw;} .order-content.type_01 .intro-careplus .product_box .product_img {top:1.389vw;} .order-content.type_01 .intro-careplus .product_box .product_name {line-height:1.4;margin-bottom:0.556vw;} .order-content.type_01 .intro-careplus .product_box .product_name span{font-size:1.111vw;} .order-content.type_01 .intro-careplus .product_box .product_desc {min-height:10.972vw;font-size:1.111vw;} .order-content.type_01 .intro-careplus .product_box .product_price {margin:0 0 0 10vw;} .order-content.type_01 .intro-careplus .product_box .product_price strong {font-size:1.25vw;} .order-content.type_01 .intro-careplus .product_box .product_price_desc {margin:0.278vw 0 0 10vw;} } @media (max-width: 1100px) and (min-width: 801px) { .order-content.type_01 .intro-careplus .order-promo-area {padding:4.364vw 0 2.727vw;} .order-content.type_01 .intro-careplus .order-promo-area .head {padding:0 4.364vw;} .order-content.type_01 .intro-careplus .order-promo-area .title h1 {margin:0 0 0.727vw 0;} .order-content.type_01 .intro-careplus .order-promo-area .sub {font-size:2.545vw;} .order-content.type_01 .intro-careplus .order-promo-area .body {padding: 0 2.545vw 0 4.364vw;} .order-content.type_01 .intro-careplus .order-promo-area .body .promo-ctrl {width:90%;} .order-content.type_01 .intro-careplus .order-promo-area .body .text_tip {margin:1.818vw 0 0 0;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(1) {background:#FFE4E4 url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo01.png) right 0.909vw bottom 0.909vw no-repeat;background-size: 30% auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(2) {background:#FAEDBD url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo02.png) right 0.909vw bottom 0.727vw no-repeat;background-size: 30% auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(3) {background:#CAEBFF url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo03.png) right 0.545vw bottom 0.727vw no-repeat;background-size: 30% auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(4) {background:#CBBDFB url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo04.png) right 0.909vw bottom 0.909vw no-repeat;background-size: 30% auto;margin-right:0;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt span {font-size:1.273vw;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dd {font-size:1.091vw;line-height: 1.3;margin-top:0.545vw;} .order-content.type_01 .intro-careplus .product_box {min-height:21.818vw;} .order-content.type_01 .intro-careplus .product_box .product_name {font-size:1.636vw;} .order-content.type_01 .intro-careplus .product_box .product_desc {min-height:14.364vw;} .order-content.type_01 .intro-careplus .product_box .product_price {margin:1.389vw 0 0 15.765vw;} .order-content.type_01 .intro-careplus .product_box .product_price_desc {margin:0.278vw 0 0 15.765vw;} } @media (max-width: 800px) { .order-content.type_01 .intro-careplus .order-promo-area {padding:6.667vw 0 4.444vw;border-radius:2.778vw;} .order-content.type_01 .intro-careplus .order-promo-area .head {padding:0 3.333vw;margin-bottom:6.667vw;} .order-content.type_01 .intro-careplus .order-promo-area .title {width:50.556vw;margin:0 auto 5.556vw;} .order-content.type_01 .intro-careplus .order-promo-area .sub {font-size:6.111vw;} .order-content.type_01 .intro-careplus .order-promo-area .body {padding:0 0 0 3.333vw;} .order-content.type_01 .intro-careplus .icon_box_wrap {gap:3.333vw;} .order-content.type_01 .intro-careplus .icon_box_wrap dl {margin:0;width:41.667vw;text-align:left;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt {text-align:left;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dd {font-size:3.333vw;line-height:1.3;} .order-content.type_01 .intro-careplus .product_box {margin:0 2.778vw 0 0;padding:3.333vw 0 3.333vw 3.333vw;min-height:46.667vw;} .order-content.type_01 .intro-careplus .product_box .product_img {width:16.667vw;height:18.333vw;top:3.333vw;left:3.333vw;} .order-content.type_01 .intro-careplus .product_box .product_desc {margin-left:18.889vw;min-height:30.556vw;line-height:1.2;} .order-content.type_01 .intro-careplus .product_box .product_desc p {font-size:3.333vw;} .order-content.type_01 .intro-careplus .product_box .product_desc p::before{background-repeat:no-repeat;background-position:left top;width:2.5vw;height:2vw;} .order-content.type_01 .intro-careplus .product_box .product_desc p + p {margin-top:0.556vw;} .order-content.type_01 .intro-careplus .product_box .product_name {font-size:3.889vw;margin-bottom:1.111vw;} .order-content.type_01 .intro-careplus .product_box .product_name span {font-size:3.333vw;} .order-content.type_01 .intro-careplus .product_box .product_price {margin-left:18.889vw;font-size:3.333vw;} .order-content.type_01 .intro-careplus .product_box .product_price strong {font-size:4.444vw;} .order-content.type_01 .intro-careplus .product_box .product_price_desc {margin-left:18.889vw;font-size:3.333vw;letter-spacing: -1px;} .order-content.type_01 .intro-careplus .product_box .product_price_desc span {font-size:3.333vw;} .order-content.type_01 .intro-careplus .promo-ctrl {display:none;} .order-content.type_01 .intro-careplus .order-promo-area .body .text_tip {margin-top:3.333vw;font-size:3.333vw;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(1) {background:#FFE4E4 url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo01.png) right 2.778vw bottom 2.778vw no-repeat;background-size: 13.889vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(2) {background:#FAEDBD url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo02.png) right 2.778vw bottom 2.222vw no-repeat;background-size: 13.889vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(3) {background:#CAEBFF url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo03.png) right 1.667vw bottom 2.222vw no-repeat;background-size: 13.889vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(4) {background:#CBBDFB url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo04.png) right 0.556vw bottom 2.778vw no-repeat;background-size: 13.889vw auto;margin-right:0;} } /* 갤폴드 펼침 802 */ @media all and (max-width:803px) and (min-width:802px) { .order-content.type_01 .intro-careplus .icon_box_wrap dl {padding:12px 0 0 8px;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt span {font-size:11px;text-align:left;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dd {font-size:11px;} .order-content.type_01 .intro-careplus .product_box .product_name {font-size:14px;} .order-content.type_01 .intro-careplus .product_box .product_desc {font-size:13px;} .order-content.type_01 .intro-careplus .product_box .product_desc p::before{top:-1px;} .order-content.type_01 .intro-careplus .order-promo-area .body .text_tip {font-size:12px;} } /* 갤폴드3,4 */ @media all and (max-width:350px) and (min-width:320px) { .order-content.type_01 .intro-careplus .icon_box_wrap dl {width:40vw;} } /* 220714 - 주문/구매시유의사항 팝업 */ #popupPurchaseNotes .product-purchase-wrap .product-purchase-caus_tab li a{ margin: 0 20px; } /*22-10-07 매장픽업*/ .pickup-area.order-area .pickup-store{padding: 24px 20px;background-color: #F7F7F7;} .pickup-area.order-area .pickup-store .store-info{padding-left: 75px;color: #707070;line-height: 24px;margin-top: 5px;} .pickup-area.order-area .pickup-store .store-amount .ico-b{color: #2189FF;border-color: #2189FF;font-weight: bold;} .pickup-area.order-area .pickup-store .store-amount .store-name{font-size: 16px;font-weight: bold;padding-left: 7px;} .order-tbl .pickup-btn-area .btn-pickup {border: 1px solid;line-height: 26px;font-size: 14px;min-width: 90px;height: 26px;} .order-tbl .pickup-btn-area{position: absolute;right: 0;z-index: 1;margin: 20px 0 0;} .order-content .pickup-area .order-tbl .order-td{padding: 60px 0 40px;} .order-content .pickup-area .order-info-wrap{border-top:1px solid #EBEBEB;border-bottom: none;padding-left: 0;padding-right: 0;} .order-content .pickup-area .order-info-wrap .point-txt{font-weight: normal;} .order-content .tab-nav li .order-pickup-btn{width: 120px;height: 40px;margin: 0;font-size: 14px;text-align: center;border: 1px solid #b2b2b2;border-radius: 20px;color: #fff;line-height: 40px;} @media (max-width: 1440px) and (min-width: 1101px) { .order-area .pickup-store .store-amount .ico-b{border-radius: 10px;line-height: normal;} .order-content .tab-nav li .order-pickup-btn{width: 8.3333vw;height: 2.7778vw;margin: 0;font-size: 0.9722vw;border-radius: 1.3889vw;line-height: 2.7778vw;} } @media (max-width: 1100px) and (min-width: 801px) { .order-tbl .pickup-btn-area .btn-pickup {line-height: 2.3636vw;font-size: 1.2727vw;min-width: 10vw;height: 2.3636vw;} .pickup-area.order-area .pickup-store{padding: 2.1818vw 1.8182vw;} .pickup-area.order-area .pickup-store .store-info{padding-left: 7.7273vw;line-height: 2.1818vw;margin-top: 5px;} .pickup-area.order-area .pickup-store .store-amount .ico-b{border-radius: 10px;line-height: initial;} .pickup-area.order-area .pickup-store .store-amount .store-name{font-size: 1.4545vw;} .order-content .pickup-area .order-tbl .order-td{padding: 5.8182vw 0 3.6364vw;} .order-tbl .pickup-btn-area{margin: 1.8182vw 0 0;} .order-content .pickup-area .order-info-wrap{padding-top: 2.1818vw;} .order-content .pickup-area .order-info-wrap .point-txt{font-size: 1.2727vw;} .order-content .tab-nav li .order-pickup-btn{width: 10.9091vw;height: 3.6364vw;margin: 0;font-size: 1.2727vw;border-radius: 1.8182vw;line-height: 3.6364vw;} } @media (max-width: 800px) { .order-area .pickup-store .store-amount .chk-form input[type="checkbox"] + label{padding-right: 0;} .pickup-area.order-area .pickup-store .store-info{line-height: 18px;} .pickup-area.order-area .pickup-store .store-info p{font-size: 12px;} .pickup-area.order-area .pickup-store .store-amount .ico-b{border-radius: 10px;} .pickup-area.order-area h2 + .pickup-store{border-top: 2px solid #191919;} .pickup-area.order-area .pickup-store + .order-tbl{border-top: none;} .order-tbl .pickup-btn-area{margin: 10px 0 0;} .order-content .pickup-area .order-tbl .order-td{padding: 24px 0 30px;} .order-content .pickup-area .order-tbl .order-select{padding: 0;} .order-content .pickup-area .order-tbl .order-count{padding-right: 24px;padding-top: 24px;padding-bottom: 30px;padding-left: 0;} .order-content .pickup-area .order-tbl .order-price{padding-bottom: 0;} .order-content .pickup-area .order-tbl .order-td:nth-child(-n + 3){padding: 50px 0 30px;} .order-content .pickup-area .order-info-wrap .point-txt{font-size: 12px;} .order-content .pickup-area .order-info-wrap{padding-top: 12px;} .order-content .tab-nav li .order-pickup-btn{width: 100%;} } /* 221222 b2c2nd모바일웹접근성 */ .input-type-ul .s-head.accessibility-label, .input-type-div .s-head.accessibility-label{color:transparent;} /* s : 221229 혜택시뮬레이터 */ .order-content .benefit .payment-area .payment-listup > li > span { line-height: 21px; font-size:16px; color:#707070; letter-spacing:0; } .order-content .benefit .payment-area .payment-listup > li > .head { width: 62%; } .order-content .benefit .payment-area .payment-listup > li > .text { width: 38%; } /* cart와 동일한 구조로 수정 */ .order-content .benefit .order-tbl { display: table; table-layout: fixed; width:100%; border-collapse:collapse; border-spacing:0; border-bottom:1px solid #eaeaea; } .order-content .benefit .order-td { display: table-cell; vertical-align:top; height: 165px; } .order-content .benefit .multi-order-tbl .order-tr { display: table; table-layout: fixed; } .order-content .benefit .multi-order-tbl .order-multi + .order-multi .order-td { padding-top: 0; } .order-content .benefit .order-image { width: 22%; padding-right: 0; padding-left: 0; text-align: center; } .order-content .benefit .order-spec { width: 24%; padding-right: 0; } .order-content .benefit .order-spec-group { display: block; width: 100%; min-height: 120px; margin-bottom: 20px; } .order-content .benefit .order-select { width: 100%; min-height: 100px; display: block; padding: 10px 0 0 0; } .order-content .benefit .order-coupon { width: 26%; text-align: center; } .order-content .benefit .order-coupon .coupon-box { width: 85%; margin: 0 auto; } .order-content .benefit .order-count { width: 14%; padding-right: 0; padding-left: 0; text-align: center; } .order-content .benefit .order-count .spinner-box { max-width: 115px; width: 100%; padding: 0; text-align: center; } .order-content .benefit .order-count .spinner-box .number { height: 100%; max-width: 55px; margin: 0 auto; } .order-content .benefit .order-price { width: 14%; text-align: right; } .order-content .benefit .order-price .price-smaller { line-height: 1.2; } .order-content .benefit .order-price .price-small { display: block; text-decoration: line-through; } .order-content .benefit .order-price .price-small:before { display: none; } .order-content .benefit .order-price .price-big { font-family: "Samsung Sharp Sans"; font-weight: bold; display: inline-block; padding-right: 0; font-size:16px; color:#000; letter-spacing:0; } .order-content .benefit .order-price .btn-downtool { display: inline-block; width:14px; height:14px; margin: 0; background:transparent url(/sec/static/_images/common/icon-tooltip-down.svg) no-repeat center; background-size:14px auto; } .order-content .benefit .order-price .btn-downtool.opened { background:transparent url(/sec/static/_images/common/icon-tooltip-up.svg) no-repeat center; background-size:14px auto; } .order-content .benefit .order-price .box-tip { display:none; position: absolute; top: initial; right: 0; min-width:224px; margin-left:-77px; margin-top: 5px; padding:16px; border:1px solid #000; border-radius:10px; background:#fff; z-index: 2; } .order-content .benefit .order-price .box-tip li ~ li:not(.total) { margin-top:6px; } .order-content .benefit .order-price .box-tip .tit, .order-content .benefit .order-price .box-tip .price { display:inline-block; width:50%; color:#707070; font-size:14px; line-height:18px; } .order-content .benefit .order-price .box-tip .tit { text-align:left; } .order-content .benefit .order-price .box-tip .price { text-align:right; } .order-content .benefit .order-price .box-tip .total { padding-top:12px; margin-top:12px; border-top:1px solid #ddd; } .order-content .benefit .order-price .box-tip .total * { color:#000; font-weight:bold; } .order-content .benefit .bespoke-selected-opt-list { margin: 4px 0 10px; } .order-content .benefit .order-recommend { border-top: 1px solid #eaeaea; text-align: right; padding-top: 35px; } /* 주문,장바구니 공통 */ .benefit [class*=-coupon] .coupon-box { padding: 0; margin: 0; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply { cursor: pointer; display: flex; flex-wrap: nowrap; width: auto; height: 32px; border: 1px solid #2189FF; border-radius: 4px; box-sizing: border-box; align-items: center; margin: 0 auto 16px; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p { width: calc(100% - 40px); text-align: center; font-size: 12px; padding-left: 10px; font-weight: bold; text-align: left; line-height: 1.3; padding-top: 2px; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p span { color: #2189FF; margin: 0 2px; display: inline-block; vertical-align: top; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt { display: flex; align-items: center; justify-content: center; width: 40px; height: 100%; background: #2189FF; margin-left: auto; font-size: 12px; color: #fff; position: relative; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt:after { content: ''; display: block; width: 6px; height: 6px; position: absolute; top: 50%;right: -4px; transform: translateY(-50%); border-radius: 50%; background: #fff;} .benefit [class*=-coupon] .coupon-box .inp-coupon-apply { width: auto; border-radius: 4px; box-sizing: border-box;margin: 0 auto 16px; height: 32px; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box { display: flex; flex-wrap: nowrap; height: 100%; align-items: center; margin-left: auto; border-radius: 0 4px 4px 0; overflow: hidden; border-bottom: 1px solid #000; box-sizing: border-box; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input { font-size:12px; width: calc(100% - 40px); height: 100%; border: 0; text-indent: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .benefit [class*=-coupon] .inp-coupon-apply .inp-box input::-ms-input-placeholder { font-size: inherit !important; color:#000 !important; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input::-webkit-input-placeholder { font-size: inherit !important; color:#000 !important; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input::-moz-input-placeholder { font-size: inherit !important; color:#000 !important; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { width: 40px; height: 100%; background: #000; font-size: 12px; color: #fff; margin-left: auto; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .result-box { display: flex; flex-grow:0; align-items: center; flex-wrap: nowrap; height: 100%; border-radius: 0 4px 4px 0; overflow: hidden; border-bottom: 1px solid #000; box-sizing: border-box; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .result-box .btn-delete { width: 16px; height:16px; background: url(/sec/static/_images/common/icon-del.svg) center no-repeat; color: transparent; line-height: 0; overflow: hidden; text-indent: -9999px; margin: 0 auto; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info { width: calc(100% - 56px); max-width: 125px; display: flex; flex-wrap: wrap; align-items: center; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .tit, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price { font-size: 12px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; line-height: 1.2; font-weight: bold; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price span { color: #2189FF; font-weight: bold; } .benefit [class*=-coupon] .coupon-box .txt-coupon-info { width: 100%; text-align: left; margin: 7px auto 0; font-size: 11px; color: #707070; line-height: 1.4; } .benefit [class*=-coupon] .coupon-box .txt-homeclass { vertical-align: top; text-align: left; color: #707070; font-size: 11px; margin-top: 20px; font-weight: bold; } .benefit [class*=-coupon] .coupon-box .txt-homeclass:before { content: '·'; display: inline-block; vertical-align: top; margin-right: 3px; } .benefit [class*=-coupon] .coupon-box .txt-homeclass span { display:inline-block; vertical-align: top; font-size: inherit; } @media screen and (max-width:1440px) and (min-width:1101px) { .order-content .benefit .order-select { padding-top: 0.4167vw; } .order-content .benefit .order-spec-group { width: 100%; min-height: 8.3333vw; margin-bottom: 0; } .order-content .benefit .order-price .price-big { line-height: 1.32em; font-size: 1.1111vw; letter-spacing: 0; } .order-content .benefit .order-price .price-smaller { font-size: 0.8333vw; line-height: 1.1111vw; letter-spacing: -0.0278vw; } .order-content .benefit .order-price .btn-downtool { bottom: initial; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p span, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .tit, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price span, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { font-size: 0.833vw; } .benefit [class*=-coupon] .coupon-box .txt-coupon-info { font-size: 0.764vw; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p { padding-top: 0; } } @media screen and (max-width:1100px) and (min-width:801px) { .order-content .benefit .order-price .price-small { font-size: 1.2vw; } .order-content .benefit .order-price .price-big { font-size: 1.2vw; } .order-content .benefit .order-price .price-smaller { font-size: 1vw; } .order-content .benefit .order-price .btn-downtool { position: relative; top: 0; right: 0; } .order-content .benefit .cart-tbl.multi-order-tbl .cart-multi:not(.top-item) .cart-price .box-tip { top: initial; } .order-content .benefit .cart-tbl.multi-order-tbl .cart-multi:not(.top-item) .cart-price .btn-downtool { top: 0; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p span, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .tit, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price span, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { font-size: 1vw; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p { width: calc(100% - 3.636vw); } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { width: 3.636vw;} .benefit [class*=-coupon] .coupon-box .txt-coupon-info { font-size: 1.0909vw; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p { padding: .2vw 0 0 .5vw; } } @media all and (max-width:800px){ .order-content .benefit .order-tbl { display: flex; flex-wrap: wrap; } .order-content .benefit .order-tbl .order-td { height: auto; } .order-content .benefit .order-image { position: absolute; width: 135px; height: auto; } .order-content .benefit .order-image .photo { width: 120px; height: 120px; text-align: center; overflow: hidden; transform: translateY(-10px); } .order-content .benefit .order-image .photo a > img { z-index: 1; } .order-content .benefit .order-spec { width: 100%; display: flex; flex-wrap: wrap; max-width:initial; padding-left:0; padding-right:0; padding-bottom:0; text-align:left; } .order-content .benefit .order-spec-group { min-height: 120px; width: calc(100% - 150px); margin-left: auto; margin-bottom: 20px; } .order-content .benefit .order-spec .order-select { width: 100%; padding: 0 0 30px 0; min-height: auto; } .order-content .benefit .order-coupon { width: 100%; padding: 0 0 43px 0; } .order-content .benefit .order-coupon .coupon-box { width: 100%; } .order-content .benefit .order-count { display: flex; width:40%; justify-content: flex-start; align-items: center; min-height: auto; padding: 0; vertical-align: middle; text-align: left; } .order-content .benefit .order-price { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; width: 60%; min-height: auto; padding: 0; } .order-content .benefit .order-price .price-small { display: block; width: 100%; } .order-content .benefit .order-price .price-smaller { width: 100%; } .order-content .benefit .order-price .btn-downtool { position: relative; top: 0; margin: 0 0 0 3px; } .order-content .benefit .order-price .box-tip { top: 27px; z-index: 2; } .order-content .benefit .order-price .price-small ~ .box-tip { top: 37px; } .order-content .benefit .order-price .price-smaller + .price-small ~ .box-tip { top: 59px; } .order-content .benefit .multi-order-tbl .order-tr { display: flex; } .order-content .benefit .multi-order-tbl .order-multi.order-tr .order-spec { padding-bottom: 30px; } .order-content .benefit .multi-order-tbl .order-multi + .order-multi { margin-top: 10px; } .order-content .benefit .watch-opt .watch-band { width: 100%; margin: 2% 0 4%; } .order-content .benefit .order-recommend { padding-top: 24px; } /* 비스포크 */ .order-content .order-tbl .order-spec-group ~ .pc-bespoke { margin-top: 0; } /* .benefit [class*=-coupon] .coupon-box .btn-coupon-apply { border: 2px solid #2189FF; } */ .benefit [class*=-coupon] .coupon-box .btn-coupon-apply, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply { max-width: 100%; height: 38px; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p span, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .tit, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price span, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { font-size: 14px; } .benefit [class*=-coupon] .coupon-box .txt-coupon-info { font-size: 12px; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input { width: calc(100% - 56px); } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .result-box .btn-delete { width: 32px; height: 100%; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info { width: calc(100% - 88px); max-width: 100%; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt { width: 56px; } /* .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .result-box, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box { border-bottom: 2px solid #000; } */ .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { width: 58px; } .benefit [class*=-coupon] .coupon-box .txt-coupon-info { margin: 0; max-width: 100%; } } @media all and (max-width: 320px) { .order-content .benefit .order-spec .order-spec-group { width: calc(100% - 135px); } } /* e : 221229 혜택시뮬레이터 */ /* 230207 : 식품관 주문/결제 페이지 디스클레이머 문구 추가 */ .order-content .info-ul.pay-info-disc{margin-top: 0; margin-left: 0; padding-bottom: 30px;} .order-content .info-ul.pay-info-disc > li span, .order-content .info-ul.pay-info-disc > li strong{vertical-align: top;} @media (max-width: 1440px) and (min-width: 1101px) { .order-content .info-ul.pay-info-disc > li span, .order-content .info-ul.pay-info-disc > li strong{font-size: .9722vw;} } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-content .info-ul.pay-info-disc > li span, .order-content .info-ul.pay-info-disc > li strong{font-size: 1.2727vw;} } @media all and (max-width: 800px) { .order-content .info-ul.pay-info-disc > li span, .order-content .info-ul.pay-info-disc > li strong{font-size: 12px;} } /* 230330 수정 : KDP-25929 케어플러스 이전설치 주문/결제 페이지 이전설치 거리 항목 추가 */ .order-content .distance-info { position: relative; padding-top: 25px; padding-left: 14px; font-size: 14px; line-height: 1.3; color: #707070; word-break: keep-all; } .order-content .distance-info::before { position: absolute; left: 0; top: 24px; content: "※"; } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-content .distance-info { padding-top: 2.2727vw; padding-left: 1.2727vw; font-size: 1.2727vw; line-height: 1.3; word-break: keep-all; } .order-content .distance-info::before { top: 2.1818vw; } } @media screen and (max-width:800px) { .order-content .distance-info { font-size: 12px; line-height: 18px; } } /* s : 230407 수정 : KDP-25929 케어플러스 이전설치 팝업 스타일 */ /* s : 230321 : 케어플러스 이전설치 */ .order-content .fnet-order-box { border-bottom: none; } .fnet-order-box .order-info-box .head { max-width: 140px; } .order-content .fnet-order-box .fee-info .caution-list li { font-size: 0; } @media (max-width: 800px) { .order-content .fnet-order-box .fee-info .caution-list li { font-size: 14px; } } /* s : 탭컨텐츠 팝업 css */ .fee-info-popup { max-width: 800px; } /* KDP-30032 수정 */ .fee-info-popup .scp-mo-show {display: none;} .fee-info-popup .scp-pc-show {display: block;} /* 레이어팝업 */ .fee-info-popup {display:none; position:fixed; top: 48%; left: 50%; transform: translate(-50%, -50%); z-index: 300;} .fee-info-popup.active {display:block;} .fee-info-popup .scp_component {position: relative; height: 100%; background-color: #fff; border-radius: 20px;} .fee-info-popup .scp_component > h3 {text-align: center;} .fee-info-popup .pop-close {display: block; position:relative; left: 50%; transform:translateX(-50%); z-index: 300; background: #fff url("/images/kdp/static/mkt/Samsung-Care-Plus/Care-Service-3-5year/icon-close.svg") no-repeat center center; object-fit: cover;} /* 탭 */ .fee-info-popup .scp_component .scp-tab-wrap .scp-tab {display: flex;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn {width: 50%; color:rgba(45,45,45,0.3); background-color: #fff; border: 1px solid #E0E0E0;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn.on {color:#fff; background-color: #313131; border:1px solid #313131; font-weight: bold; z-index: 1;} /* 테이블 공통*/ .fee-info-popup .scp_component table {width: 100%; background-color: #fff;} .fee-info-popup .scp_component table, .fee-info-popup .scp_component th, .fee-info-popup .scp_component td {text-align: center; vertical-align: middle;} .fee-info-popup .scp_component table tbody .table-cl .td-cline {color: #333333;} .fee-info-popup .scp_component table tbody .table-cl .td-cline {border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;} .fee-info-popup .scp_component table tbody .table-cl .td-cline:last-child {border-right: none; border-left: none;} .fee-info-popup .scp_component table tr {border-bottom: 1px solid #fff;} .fee-info-popup .scp_component table td .high-y {font-weight: bold;} .fee-info-popup .scp_component table .table-il .th-index, .fee-info-popup .scp_component table .table-cl .td-index {background-color: #e0e0e0;} .fee-info-popup .scp_component table .table-cl:nth-child(2n) {background-color: #fff;} /* 회색 뒷배경 삭제 */ .fee-info-popup .scp_component table .table-il {background-color: #f7f7f7;} .fee-info-popup .scp_component table .table-cl .td-index {font-weight:bold;} .fee-info-popup .scp_component .table-disclaimer {text-align: left; color: #555555;} /* 테이블 - 한눈에보는 삼케플 가전케어 */ .fee-info-popup .scp_product table tr th {border-right: 1px solid #e0e0e0;} .fee-info-popup .scp_product table tr th:last-child {border-right: none; border-left: none;} .fee-info-popup .scp_product table .table-il .c-h-bg {background-color: #E1E6F8;} .fee-info-popup .scp_product table .table-cl .c-h-bg {background-color:#F5F7FE;} /* 테이블 스크롤 */ .fee-info-popup .scp_component .scp_cont {position: relative; overflow: auto; background-color: #fff;} .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar-thumb {height: 80%; background-clip: padding-box; background-color:#e0e0e0;} .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar-track {background-color: #fff;} /* 레이어팝업 탭 */ .fee-info-popup .scp_component .scp_cont {display: none;} .fee-info-popup .scp_component .scp_cont.on {display: block;} @media (min-width: 801px){ /* 레이어팝업 */ .fee-info-popup { min-width: 750px; height: 44.9722vw;} /* KDP-30032 수정 */ .fee-info-popup .scp_component {padding: 0 2.7778vw;} .fee-info-popup .scp_component > h3 {font-size: 1.6667vw; text-align: left; line-height: 1.575; margin-bottom: 3.1944vw; padding: 2.7778vw 0 0; border-bottom: 2px solid #000;} /* KDP-30032 수정 */ .fee-info-popup .pop-close {top: 1.6667vw; width:2.5000vw; height: 2.5000vw; border-radius:1.2500vw;} /* 탭 */ .fee-info-popup .scp_component .scp-tab-wrap .scp-tab {height: 3.4028vw;} .fee-info-popup .scp_component .scp-tab-wrap {margin-bottom: 2.0833vw;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 1.5278vw;} .fee-info-popup .scp_cont span { display: inline-block; margin-bottom: 4px; } /* KDP-30032 수정 */ /* 테이블 공통*/ .fee-info-popup .scp_component table {font-size: 0.9028vw;} .fee-info-popup .scp_component .table-disclaimer {padding-top: 1.8833vw; } .fee-info-popup .scp_component .table-disclaimer ul li, .fee-info-popup .scp_component .table-disclaimer p {font-size: 0.8333vw; line-height: 1.3333;} /* 테이블 - 한눈에보는 삼케플 가전케어 */ .fee-info-popup .scp_product table th {font-size: 0.9722vw;} .fee-info-popup .scp_product table tr td, .fee-info-popup .scp_component.scp_product table tr td .high-y {font-size: 0.9028vw;} .fee-info-popup .scp_product table .table-il {height: 3.1250vw;} .fee-info-popup .scp_product table .table-il .th-index {width: 8.1944vw;} .fee-info-popup .scp_product table .table-il .th-index, .fee-info-popup .scp_component.scp_product table .table-cl .td-index {font-size: 0.9722vw; line-height: 1.3571;} .fee-info-popup .scp_product table .table-il .th-tit {width: 17.2917vw;} .fee-info-popup .scp_product table .table-il .c-h-bg {width:16.5972vw; line-height: 1.2;} .fee-info-popup .scp_product table .table-cl {height: 7.4306vw;} .fee-info-popup .scp_product table .table-cl .td-cline ul li {font-size: 0.9028vw; line-height: 1.4615;} .fee-info-popup .scp_product table .table-cl .td-cline ul li:first-child {padding-bottom: 0.4861vw;} /* 테이블 스크롤 */ .fee-info-popup .scp_component .scp_cont {height: 23.0277vw; width: calc( 100% + 0.9028vw );} /* KDP-30032 수정 */ .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar {width: 0.9028vw;} .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar-thumb {border-left: 0.6944vw solid transparent;} } @media (min-width: 1440px) { /* 레이어팝업 */ .fee-info-popup { height: 700px; } /* KDP-30032 수정 */ .fee-info-popup .scp_component {padding: 0 40px;} .fee-info-popup .scp_component > h3 {font-size: 24px; text-align: left; line-height: 1.575; margin-bottom: 30px; padding: 40px 0 0; border-bottom: 2px solid #000;} /* KDP-30032 수정 */ .fee-info-popup .pop-close {top: 24px; width:36px; height: 36px; border-radius:18px;} /* 탭 */ .fee-info-popup .scp_component .scp-tab-wrap .scp-tab {height: 49px;} .fee-info-popup .scp_component .scp-tab-wrap {margin-bottom: 30px;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 22px;} .fee-info-popup .scp_cont span { display: inline-block; margin-bottom: 4px; } /* KDP-30032 수정 */ /* 테이블 공통*/ .fee-info-popup .scp_component table {font-size: 13px; line-height: 16px;} .fee-info-popup .scp_component .table-disclaimer {padding-top: 50px; } .fee-info-popup .scp_component .table-disclaimer ul li, .fee-info-popup .scp_component .table-disclaimer p {font-size: 12px; line-height: 1.3333;} /* 테이블 - 한눈에보는 삼케플 가전케어 */ .fee-info-popup .fee-info-popup .scp_product table th {font-size: 14px;} .fee-info-popup .fee-info-popup .scp_product table tr td, .fee-info-popup .scp_component.scp_product table tr td .high-y {font-size: 13px;} .fee-info-popup .scp_product table .table-il {height: 45px; border-bottom: 1px solid #e0e0e0;} .fee-info-popup .scp_product table .table-il .th-index {width: 118px;} .fee-info-popup .scp_product table .table-il .th-index, .fee-info-popup .scp_component.scp_product table .table-cl .td-index {font-size: 14px; line-height: 1.3571;} .fee-info-popup .scp_product table .table-il .th-tit {width: 249px;} .fee-info-popup .scp_product table .table-il .c-h-bg {width:239px; line-height: 1.2;} .fee-info-popup .scp_product table .table-cl {height: 107px;} .fee-info-popup .scp_product table .table-cl .td-cline ul li {font-size: 13px; line-height: 1.4615;} .fee-info-popup .scp_product table .table-cl .td-cline ul li:first-child {padding-bottom: 7px;} /* 테이블 스크롤 */ .fee-info-popup .scp_component .scp_cont {height: 380px; width: calc( 100% + 13px );} /* KDP-30032 수정 */ .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar {width: 13px;} .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar-thumb {border-left: 10px solid transparent;} } @media (max-width: 800px) { .fee-info-popup .scp-mo-show {display: block;} .fee-info-popup .scp-pc-show {display: none;} /* 레이어팝업 */ .fee-info-popup {width: 100%; height: 100%; top: 50%;} .fee-info-popup .scp_component { padding: 11px 12px 24px; border-radius: 0; } /* KDP-30032 수정 */ .fee-info-popup .scp_component > h3 {left: 12px; left: 3.3333vw;} /* KDP-30032 수정 */ .fee-info-popup .pop-close {width: 39px; width: 10.8333vw; height: 39px; height: 5.8333vw; position: fixed; top:4px; left: 100%; transform: translateX(-100%);} /* 탭 */ .fee-info-popup .scp_component .scp-tab-wrap .scp-tab {height: 49px; height: 8.2111vw;} /* KDP-30032 수정 */ .fee-info-popup .scp_component .scp-tab-wrap {margin-bottom: 0;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 4.4444vw; font-weight: bold;} .fee-info-popup .scp_cont span { display: inline-block; line-height: 4vw; font-size: 3.35vw; margin-bottom: .5vw; } /* KDP-30032 수정 */ /* 테이블 공통*/ .fee-info-popup .scp_component table tr, .fee-info-popup .scp_component table td, .fee-info-popup .scp_component table th, .fee-info-popup .scp_component table span {font-size: 12px; font-size: 3.3333vw; line-height: 1.3333; } .fee-info-popup .scp_component .table-disclaimer {position: sticky; position: -webkit-sticky; top: 0; left: 0; padding: 5.5vw 0 0 0; background-color: #fff; text-align: left;} .fee-info-popup .scp_component .table-disclaimer ul li, .fee-info-popup .scp_component .table-disclaimer p {font-size: 12px; font-size: 3.3333vw; line-height: 1.1333;} /* 테이블 - 한눈에보는 삼케플 가전케어 */ .fee-info-popup .scp_component.scp_product> h3 {top: 10px; top: 2.7778vw;} .fee-info-popup .scp_product > h3.scp-mo-show { padding-top: 0; line-height: 40px; width: 100%; font-size: 16.5px; font-size: 20px; text-align: left; border-bottom: 2px solid #000; margin-bottom: 24px;} /* KDP-30032 수정 */ .fee-info-popup .scp_product > h3.scp-mo-show > span {display: block; font-size: 16.5px; font-size: 4.5833vw;} .fee-info-popup .scp_product table tr th:nth-child(n+2):nth-child(-n+5), .fee-info-popup .scp_component.scp_product table tr td:nth-child(n+2):nth-child(-n+5) {border-right: 1px solid #e0e0e0;} .fee-info-popup .scp_product table {overflow: scroll; font-size: 12px; font-size: 3.3333vw; white-space: unset;} /*white-space: nowrap; 삭제*/ .fee-info-popup .scp_product table .table-il {height: 44px; height: 12.2222vw;} .fee-info-popup .scp_product table .table-il .th-index, .fee-info-popup .scp_component.scp_product table .table-cl .td-index {position: sticky; position: -webkit-sticky; left: 0; padding: 0 15px; padding: 0 4.1667vw;} .fee-info-popup .scp_product table .table-cl {height: 107px; height: 29.7222vw;} .fee-info-popup .scp_product table .table-cl .td-cline ul li {font-size: 12px; font-size: 3.3333vw; line-height: 1.25; width: 204px; width: 56.6667vw;} .fee-info-popup .scp_product table .table-cl .td-cline ul li:first-child {margin-bottom: 8px;} .fee-info-popup .scp_product table .table-cl .c-h-bg {padding: 0 36px; padding: 0 10vw; border: 1px solid #e0e0e0;} .fee-info-popup .scp_product table .table-cl .c-h-bg:last-child {border-bottom: none;} /* 테이블 스크롤 */ .fee-info-popup .scp_component .scp_cont {position: sticky; position: -webkit-sticky; padding-top: 2vw; top: 102px; top: 28.3333vw; left: 0; height: calc(100% - 42vw); background-color: #fff;} } @media screen and (max-width:320px) { .fee-info-popup .scp_component .scp_cont { padding-top: 3.5vw; } .fee-info-popup .scp_component .table-disclaimer { padding: 3.6vw 0 0 0; } } /* 0929 - 탭 추가 */ /* 가전케어패키지 테이블 */ .fee-info-popup .scp_product .scp_cont_old > table tr th:last-child, .fee-info-popup .scp_component.scp_product .scp_cont_old > table tr td:last-child {border-left: 0;} @media (min-width: 801px){ .fee-info-popup .scp-tab-btn .scp-pc-show {display: inline-block;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 1.25vw;} /* 가전케어패키지 */ .fee-info-popup .scp_product .scp_cont_old > table .table-il .th-index {width: 10vw;} .fee-info-popup .scp_product .scp_cont_old > table .table-il .th-tit {width: 21.0417vw;} } @media (min-width: 1440px) { .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 18px;} /* 가전케어패키지 */ .fee-info-popup .scp_product .scp_cont_old > table .table-il .th-index {width: 144px;} .fee-info-popup .scp_product .scp_cont_old > table .table-il .th-tit {width: 303px;} } @media (max-width: 800px) { .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 3.75vw; line-height: 1.3333;} } /* KDP-30032 수정 : 거리별 추가 금액 팝업 수정 */ #additional-fee { max-width: 800px; } #additional-fee .noti_txt { font-size: 15px; text-align: right; color: #666; line-height: 30px; } #additional-fee .term-tbl { text-align: center; } #additional-fee .term-tbl thead { background-color: #000; color: #fff; } .fee-info-popup sup { vertical-align: super; font-size: x-small; } /* e : 탭컨텐츠 팝업 css */ /* e : 230407 수정 : KDP-25929 케어플러스 이전설치 팝업 스타일 */ /* KDP-23491 컨시어즈 서비스 도입 (230203) */ .my-boardListWrap .listHeader .opt-select .opt-btnbox .btn.btn-type2 {color:#fff} .layer-pop .order-content.point-simulation {padding:0;} .order-content.point-simulation .limit-tbl table thead th {padding:20px 12px 18px 12px;} .order-content.point-simulation .limit-tbl table thead th:last-child {padding:20px 12px 18px 12px;} .order-content.point-simulation .limit-tbl table tbody tr:last-child th, .order-content.point-simulation .limit-tbl table tbody tr:last-child td {padding:20px 12px 18px 12px;} .order-content.point-simulation .limit-info {margin-bottom:36px;border-bottom:1px solid #EBEBEB;} .order-content.point-simulation .limit-tbl table thead th:last-child, .order-content.point-simulation .limit-tbl table tbody td:last-child {width:auto;} .order-content .point-simulation-prd .order-tbl .order-td {padding:18px 0;} .order-content .point-simulation-prd .order-tbl .order-image {width:12%;min-width:60px;margin-right:18px;} .order-content .point-simulation-prd .order-tbl .order-image .photo {width:100%;height:100%;} .order-content .point-simulation-prd .order-tbl .order-image .photo a {width:100%;height:100%;z-index:1;} .order-content .point-simulation-prd .order-tbl .order-image .photo a > img {bottom:0;} .order-content .point-simulation-prd .order-tbl .order-spec {width:calc(68% - 18px);padding-right:10px;} .order-content .point-simulation-prd .order-spec-group .o-title a {line-height:20px;vertical-align:top;} .order-content .point-simulation-prd .order-spec-group .o-label {line-height:18px;} .order-content .point-simulation-prd .order-spec-group .o-count {margin-top:6px;line-height:18px;color:#707070;font-size:12px;} .order-content .point-simulation-prd .order-tbl .order-price {width:20%;min-width:100px;} .order-content .point-simulation-prd .order-tbl .order-price .price-small {line-height:18px;} .order-content .point-simulation-prd .order-tbl .order-price .price-big {margin-top:2px;padding-right:0;line-height:18px;} .order-content.point-simulation .order-area {margin-bottom:36px;} .order-content.point-simulation .order-area:last-child {margin-bottom:0;} .order-content.point-simulation .multi-order-tbl .order-multi.order-tr {border-bottom:1px solid #EBEBEB;} .order-info-box-2.order-info-simulation li {padding-left:0;} .order-info-box-2.order-info-simulation {padding:12px 0 0;} .order-info-box-2.order-info-simulation > li.deco {margin-bottom:0;border-bottom:none;} .order-info-box-2.order-info-simulation > li.deco:last-child {padding-bottom:0;} .order-info-box-2.order-info-simulation .use-type-2 li {display:flex;} .order-info-box-2.order-info-simulation .use-type-2 li:last-child .point-inline-2 {padding-bottom:0;} .order-info-box-2.order-info-simulation .btn-area {margin-top:20px;text-align:center;} .point-area .order-info-simulation .txt-info {line-height:20px;} .point-area .order-info-box-2.order-info-simulation .point-inline-1 {flex:1 1 auto;top:0;margin-right:0;padding:0;line-height:32px;} .point-area .order-info-box-2.order-info-simulation .point-inline-1 .use-point {position:static;} .point-area .order-info-box-2.order-info-simulation .point-inline-2 {flex:1 1 auto;max-width:none;width:auto;margin-right:0;padding-right:0;padding-bottom:0;} .point-area .order-info-box-2.order-info-simulation .point-line-2 {padding-bottom:0;} .point-area .order-info-box-2.order-info-simulation .point-line-2-cover {padding-bottom:30px;} .point-simulation-benefit .dropOption a.dropButton {padding-right:30px;} .point-simulation-benefit .dropOption a.dropButton:before {top:50%;transform:translateY(-50%);} .point-simulation-benefit .point-benefit-list {padding-bottom:18px;border-bottom:1px solid #EBEBEB;} .point-simulation-benefit .point-benefit-list dl {padding:6px 0;display:flex;justify-content:space-between;font-size:14px;line-height:22px;} .point-simulation-benefit .point-benefit-list dl dt {color:#000;font-size:inherit;} .point-simulation-benefit .point-benefit-list dl dt:before {margin-right:3px;content:"ㄴ";} .point-simulation-benefit .point-benefit-list dl dd {color:#2189FF;font-size:inherit;font-weight:bold;} .point-simulation-benefit .point-benefit-list dl.total {margin:24px 0 12px;padding:0;font-size:16px;} .point-simulation-benefit .point-benefit-list dl.total dt:before {margin-right:0;content:"";} .point-simulation-benefit .point-benefit-list .dropOption .dropList {padding:0;} .point-simulation-benefit .point-use {padding:24px 0;border-bottom:1px solid #EBEBEB;} .point-simulation-benefit .point-use .dropOption .dropList .order-info-box-2.order-info-simulation li a {display:inline-block;} .floatingStyle .LatestItm-result.btns-type:after {clear:both;display:block;content:"";} .floatingStyle .LatestItm-result.btns-type .result-tit {float:left;} .floatingStyle .LatestItm-result.btns-type .btns-area {float:right;} .floatingStyle .LatestItm-result.btns-type .btns-area .btn {margin:0;min-width:auto;height:28px;line-height:26px;color:#000;font-size:14px;font-weight:bold;} .floatingStyle .LatestItm-result.btns-type .btns-area .btn + .btn {margin-left:5px;} .floatingStyle .LatestItm-result.btns-type .btn-allListClear {position:static;right:auto;top:auto;} .floatingStyle .LatestItmList.check-type .chk-form-hidden {position:absolute;left:0;top:50%;transform:translateY(-50%);} .floatingStyle .LatestItmList.check-type .chk-form-hidden label {vertical-align:top;} .floatingStyle .LatestItmList.check-type .LatestItm-img {left:30px;} @media (min-width: 800px) { .point-area .order-info-simulation .point-line-2 .pd-info .info-name {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;} } @media (max-width: 800px) { .order-content.point-simulation .limit-info {margin-bottom:30px;} .order-content.point-simulation .limit-info > h2 {display:block;} .order-content.point-simulation .limit-tbl table thead th, .order-content.point-simulation .limit-tbl table thead th:last-child {padding:12px;} .order-content.point-simulation .order-m-area {margin-bottom:0;padding-bottom:30px;} .order-content.point-simulation .order-m-area:after {display:none;} .order-content .point-simulation-prd .multi-order-tbl .order-multi.order-tr .order-td.order-image {margin-right:4.4444vw;width:18%;height:100%;padding:18px 0 50px;} .order-content .point-simulation-prd .order-tbl {padding-bottom:0;} .order-content .point-simulation-prd .order-tbl .order-image .photo {width:100%;height:100%;} .order-content .point-simulation-prd .order-tbl .order-image .photo a {width:100%;height:100%;} .order-content .point-simulation-prd .order-tbl .order-spec {width:100%;padding:0;} .order-content .point-simulation-prd .order-tbl .order-spec .order-spec-group {margin-bottom:0;padding:18px 0 14px calc(18% + 4.4444vw);min-height:auto;width:100%;} .order-content .point-simulation-prd .order-spec-group .o-title a {font-size:14px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .order-content .point-simulation-prd .order-tbl .order-price {width:100%;padding:0 0 18px calc(18% + 4.4444vw);text-align:left;} .order-content .point-simulation-prd .order-tbl .order-price .price-big {display:inline-block;} .order-content .point-simulation-prd .order-tbl .order-multi.order-tr {position:relative;padding-top:0;} .order-content .point-simulation-prd .order-tbl .order-tr:last-child {border-bottom:none;} .order-content .point-simulation-prd .order-tbl .order-price .price-small {margin-right:2.7778vw;font-size:14px;} .order-content .point-simulation-prd .order-tbl .order-price .price-big {margin-top:0;font-size:14px;} .order-content.point-simulation .order-area h2 {border-bottom:2px solid #000;} .order-content.point-simulation .order-tbl {border-top:none;border-bottom:1px solid #eaeaea} .order-content.point-simulation .order-info-box-2 .point-inline-1 {margin-bottom:0;} .point-area .order-info-box-2.order-info-simulation div.inp-point::before {display:none;} .point-area .order-info-box-2.order-info-simulation .use-type-1 .point-line-2 .inp-point {width:calc(100% - 58px);} .point-area .order-info-box-2.order-info-simulation .use-type-2 .point-inline-2 .chk-form {position:absolute;} .order-info-box-2.order-info-simulation .use-type-2 li .point-inline-2 {padding-bottom:60px;} .order-info-box-2.order-info-simulation .use-type-2 li:last-child .point-inline-2 {padding-bottom:60px;} .point-area .order-info-box-2.order-info-simulation .order-info-detail .point-inline-2 .chk-form {width:100%;} .point-area .order-info-simulation .point-line-2 .pd-info .info-name {text-overflow:initial;overflow:auto;white-space:normal;} .order-content.point-simulation .point-area .dropOption {padding:0 0 24px;} .order-content.point-simulation .point-area .dropOption .order-info-box-2 .use-type-1 {margin-bottom:0;} .order-content.point-simulation .order-area.point-simulation-benefit .point-use .dropOption a.dropButton {padding:24px 0;} .point-simulation-benefit .droptoggle .dropOption {padding:0;} .order-content.point-simulation .order-area .droptoggle .dropOption .dropList {padding-top:0;} .order-content.point-simulation .point-area:after {display:none;} .point-simulation-benefit .point-area .order-info-detail {margin-bottom:0;} .point-simulation-benefit .point-area {padding-bottom:24px;} .point-simulation-benefit .point-benefit-list dl.total {margin:0;padding:24px 0;} .point-simulation-benefit .point-use {padding:0;} .floatingStyle .LatestItm-result.btns-type .btns-area .btn {padding:0 4.4444vw;} } /* KDP-28883 선물하기 카드 템플릿 호출 시 펼쳐짐 오류 현상 */ .gift-box .slick-active, .gift-box .slick-active img {opacity:1 !important;} .gift-box .gift-card {max-height:540px;border-radius:30px;overflow:hidden;} .gift-box .gift-card .slick-current + .gift-box .gift-card .slick-slide img {opacity: .3;} .gift-box .gift-card .item {float:left;} .gift-box .gift-card .item:not(:first-child) {opacity:.3} .gift-box .gift-thumb {height:45px;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;} .gift-box .gift-thumb.slick-slider {display:block;height:auto;} .gift-box .gift-thumb .item {width:calc(100% / 10 - 10px);margin:0 5px; position:relative;} /* 2023 접근성 2차 b2c mo - 24p*/ .gift-box .gift-thumb input[type="radio"] {position: absolute !important; top:0px; left:0; width:100%; height:100%; z-index:3; opacity: 0;} /* .gift-box .gift-thumb input[type="radio"] {position: absolute; width:1px; height:1px;} */ /* .gift-box .gift-thumb input[type="radio"] + label {position:relative; z-index:1; top:-30px;} */ /* .gift-box .gift-thumb input[type="radio"]:checked + label {outline: dashed 2px #2189ff !important;} */ /* .gift-thumb .slick-prev, .gift-thumb .slick-next {top:37px;} */ /* .ins-preview-wrapper a.ins-element-link:focus {outline: dashed 2px #2189ff !important; width: 100%; display: block;} 2023 접근성 2차 b2c pc - 35p */ /* 2023 접근성 3차 b2c - 16p*/ #giftCardThumb .item .img img{position: relative;z-index: 2;/*top: -30px;*/} .gift-box .gift-thumb input[type="radio"]:focus + .img{outline: dashed 2px #2189ff !important;} .gift-box .gift-thumb input[type="radio"]:checked + .img {outline: dashed 2px #2189ff !important;} .gift-thumb .slick-prev:focus {outline:1px solid #2188FF;} .gift-thumb .slick-next:focus {outline:1px solid #2188FF;} .gift-box .gift-thumb input[type="radio"]:focus {outline:1px solid #2188FF;} .gift-box .gift-thumb input[type="radio"] + label:focus {outline:1px solid #2188FF;} .gift-box .gift-thumb label {display:block;} @media (max-width: 1099px) { .gift-box .gift-thumb {height:68px;} .gift-box .gift-thumb .item {width:calc(100% / 7 - 10px);} } @media (max-width: 810px) { .gift-box .gift-card {max-height:66.6667vw;} } @media (max-width: 800px) { .gift-box .gift-thumb {height:8.3750vw;} .gift-box .gift-thumb .item {width:calc(100% / 5 - 10px);} } @media (max-width: 540px) { .gift-box .gift-card {max-height:55.5556vw;} .gift-box .gift-thumb {height:9.2593vw;} .gift-box .gift-thumb .item {width:calc(100% / 5 - 10px);} } @media (max-width: 360px) { .gift-box .gift-thumb {height:8.3333vw;} .gift-box .gift-card {max-height:55.5556vw;} } @media (max-width: 280px) { .gift-box .gift-thumb {height:7.5000vw;} } /* s : 230417 혜택시뮬레이터 고도화 */ /* 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.advance {margin-bottom:80px; width: 1006px;} .order-area.advance .order-info-box > li {display:flex; flex-wrap:nowrap; align-items:flex-start; width:100%;} .order-area.advance .order-info-box .tit {width:236px; min-height:21px; font-size:16px; line-height:1.2;} .order-area.advance .order-info-box .tit span {font-size:inherit;} .order-area.advance .order-info-box .tit span br {display:none;} .order-area.advance .order-info-box .tit .required-item {font-style:normal;} .order-area.advance .order-info-box .tit .btn-tooltip {position:relative; top:initial; right:initial; margin:3px 0 0 2px; transform:initial;} .order-area.advance .order-tbl {display:flex; flex-wrap:wrap; align-items:flex-start; border-bottom:0;} .order-area.advance .order-td {height:auto; padding:40px 0;} .order-area.advance .order-image {width:18%;} .order-area.advance .order-image .photo a > img {position:relative;} .order-area.advance .order-spec {width:25%; padding-left:34px;} .order-area.advance .order-count {width:17%;} .order-area.advance .order-count .spinner-box {height:30px;overflow: hidden;} .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info {max-width:157px;} .order-area.advance .order-price {width:14%;} /* 사은품 */ .advance .order-spec .order-select {min-height:auto; padding:0 !important;} .advance .order-gift {width:100%; margin-bottom:36px; background:#fff;} /* 사은품 장바구니,주문배송 공통 */ .advance .gifts-select {width:100%; display:flex; align-items:center; height:44px; padding:0 8px; border-radius:4px; background:#F8F8F8;} .advance [class*=-select] .gifts-select .imgs {display:inline-block; position:relative; left:initial; top: initial; transform: initial; width:28px; height:28px; margin-right:6px;} .advance [class*=-select] .gifts-select .imgs img {width:100%; min-width:28px; height:auto; vertical-align:top;} .advance [class*=-select] .gifts-select .names {display:-webkit-box; overflow:hidden; color:#000; font-size:12px; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:2; -webkit-box-orient:vertical;} .advance .order-select-list {padding:0; background:none; margin-top:6px;} .advance .gift-list-box {width:100%; display:flex; align-items:center; position:relative; min-height:84px; padding:16px 0; overflow:hidden; border:1px solid #D9D9D9; border-radius:8px; font-size:0; } .advance .gift-list-box .gift-info {display:inline-block; width:215px; margin:0; padding-left:20px; vertical-align:top;} .advance .gift-list-box .gift-info > * {display:block;} .advance .gift-list-box .gift-info .tit {margin-top:2px; font-size:16px;} .advance .gift-list-box .gift-info .price {margin-top:6px; color:#2189FF; font-size:14px; font-weight:bold;} .advance .gift-list-box .gift-info .txt {margin-top:12px; color:#707070; font-size:12px;} .advance .gift-list-box .gift-list {display:inline-block; position:relative; z-index:1; width:calc(100% - 215px); margin:0 auto; padding:0; overflow:hidden; vertical-align:top;} .advance .gift-list-box .gift-list ul {display:flex; position:relative; z-index:1; box-sizing:content-box; transition-property:transform;} .advance .gift-list-box .gift-list li {width:auto;min-width:194px; margin-right:12px;flex-shrink:0; position:relative; height:100%; transition-property:transform;} .advance .gift-list-box .gift-list li .gifts-select {height:52px; padding-right: 10px;background:#F8F8F8;} .advance .gift-list-box .gift-list .imgs {width:auto; height:28px; margin-right:6px; position:relative;left:initial; border-radius: 0;} .advance .gift-list-box .gift-list .imgs img {width:100%; min-width:28px; height:28px; border-radius:0; vertical-align: top;} .advance .gift-list-box .gift-list .names {width:140px; display:-webkit-box; overflow:hidden; color:#000; font-size:14px; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:2; -webkit-box-orient:vertical;} .advance .gift-list-box .gift-list .names br { display: none; } .advance .gift-list-box .gift-list li.full {width:100%; min-width:194px; max-width:220px; margin-right:0;} /* .advance .gift-list-box .gift-list li.full .imgs {width:100%;} */ .advance .gift-list-box .gift-list li.full .names {width:100%;} .advance .gift-list-box .slider-controls { display: none; padding-right: 24px; } .advance .gift-list-box .swiper-scrollbar { margin-top: 12px; height: 4px; background: #F8F8F8; width: 100%; border-radius: 10px; overflow: hidden; } .advance .gift-list-box .swiper-scrollbar * { height: 100%; } .advance .gift-list-box .swiper-scrollbar-drag { background: #CDCDCD; border-radius: 10px; overflow: hidden; } .advance .gift-list-box .slide-move .slider-controls { display: block; } /* 배송 정보 */ .order-area.advance .order-info-box .order-btn {top:26px;} .order-area.advance .order-info-box .extra-service .head {top:32px;} .order-area.advance .order-info-box .deco.extra-service .order-info-detail.info-extra > li > span.tooltip-add {margin-top:2px;} .order-area.advance .order-info-detail.info-extra > li {display:flex; flex-wrap:wrap; align-items:center;} .order-area.advance .order-info-detail.info-extra > li .inp-form {margin-left:auto;} .order-area.advance .order-info-detail.info-extra > li .inp-box {width:100%;} .order-area.advance .order-info-detail.info-extra li.m-full-width .chk-view {position:relative;} /* 포인트 사용 */ .order-area.point-area.advance .order-info-box {padding-top:30px;} .order-area.point-area.advance .order-info-box li {padding:0;} .order-area.point-area.advance .order-info-box .tit {margin-top:6px;} .order-area.point-area.advance .order-info-box .point-detail {flex:1;} .order-area.point-area.advance .order-info-box .point-btn .tit {display:none;} .order-area.point-area.advance .order-info-box .btn-underline {margin:8px 0 0 0; font-size:14px;} .order-area.point-area.advance .order-info-box .point-box {display:flex; align-items:flex-start;} .order-area.point-area.advance .order-info-box .point-keep {width:280px; font-size:14px;} .order-area.point-area.advance .order-info-box .point-count {display:flex; min-height:21px; margin-top:6px; line-height:1.5;} .order-area.point-area.advance .order-info-box .point-count * {font-size:inherit; vertical-align:top;} .order-area.point-area.advance .order-info-box .point-count > span {margin:0 3px 0 auto;} .order-area.point-area.advance .order-info-box .point-count + .point-list {margin-top:18px;} .order-area.point-area.advance .order-info-box .point-count .btn-tooltip {position:relative; top:0; transform:none; margin-top:2px;} .order-area.point-area.advance .order-info-box .point-list li {display:flex; align-items:center; color:#707070;} .order-area.point-area.advance .order-info-box .point-list .btn-tooltip {position:relative; top:initial; transform:initial;} .order-area.point-area.advance .order-info-box .point-list li em {margin-left:auto;} .order-area.point-area.advance .order-info-box .point-list li:before {content:'-'; display:inline-block; position:relative; margin-right:3px; color:#CDCDCD; font-size:22px;} .order-area.point-area.advance .order-info-box .point-list li + li {margin-top:10px;} .order-area.point-area.advance .order-info-box .point-use {width:370px; margin-left:auto;} .order-area.point-area.advance .order-info-box .point-use > div {display:flex; justify-content:flex-start; align-items:center;} .order-area.point-area.advance .order-info-box .point-use .chk-form input[type="checkbox"] + label {padding-right:0;} .order-area.point-area.advance .order-info-box .point-use-box {margin-bottom:16px;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form {margin:6px 2px 0 0;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form input[type="checkbox"] + label {padding-right:10px;} .order-area.point-area.advance .order-info-box .inp-point {width:288px;} .order-area.point-area.advance .order-info-box .inp-point + .btn-point .btn.btn-s {min-width:72px; margin:0 0 0 10px;} .order-area.point-area.advance .order-info-box .txt-info {position:relative; width:auto; margin-left:auto; font-size:14px;} /* 결제 수단 */ .order-area.pay-info.advance .order-info-box {padding-top:14px;} .order-area.pay-info.advance .order-info-box > li {padding:0;} .order-area.pay-info.advance .order-info-box .tit {margin-top:22px;} .order-area.pay-info.advance .order-info-box .pay-detail {flex:1;} /* s : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .pay-detail-list > li {min-height:82px; padding-top:25px; box-sizing:border-box;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li + li {border-top:1px solid #EBEBEB; padding-top: 36px;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li > .chk-form label {padding-right:0; font-size:16px; font-weight:bold;} .order-area.pay-info.advance .order-info-box .pay-detail-list .pay-tit { display: block; font-size: 18px; font-weight: bold; } .order-area.pay-info.advance .order-info-box .samsung-pay-box .btn-samsungpay { width: 240px; height: 90px; background: url("/sec/static/_images/common/btn-samsung-pay.svg") center no-repeat; background-size: 100% 100%; color: transparent; font-size: 1px; line-height: 0; } .order-area.pay-info.advance .order-info-box .samsung-pay-box.on .btn-samsungpay { background: url("/sec/static/_images/common/btn-samsung-pay-on.svg") center no-repeat; background-size: 100% 100%; } /* e : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .payment-type {position:relative;} .order-area.pay-info.advance .order-info-box .tab-style-btn {display:flex; height:46px; margin:0 0 36px; overflow:hidden; border-radius:6px 6px 0 0; background:#F7F7F7;} .order-area.pay-info.advance .order-info-box .tab-style-btn .item {width:50%; overflow:hidden; border-radius:6px 6px 0 0;} .order-area.pay-info.advance .order-info-box .tab-style-btn .btn-tab {display:flex; justify-content:center; align-items:center; height:100%; border-top:2px solid #F7F7F7; color:#999; font-size:16px; font-weight:bold;} .order-area.pay-info.advance .order-info-box .tab-style-btn .btn-tab[aria-selected="true"] {overflow:hidden; border-top:2px solid #000; background:#fff; color:#000;} .order-area.pay-info.advance .order-info-box .credit-card {display:flex; flex-wrap:wrap; margin:0; overflow:initial; justify-content: initial;} .order-area.pay-info.advance .order-info-box .credit-card > li {position:relative; float:initial; width:120px; height:80px; margin: 0 4px 10px; } .order-area.pay-info.advance .order-info-box .credit-card > li:after {display:none;} .order-area.pay-info.advance .order-info-box .credit-card > li > button {position:relative; width:100%; height:100%; padding:0;} .order-area.pay-info.advance .order-info-box .credit-card .flag {position:absolute; top:0; left:0; margin:0; border-radius:6px 0 6px 0; background:#999;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.samsung {background:url("/sec/static/_images/credit-card/credit-samsung.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kb {background:url("/sec/static/_images/credit-card/credit-kb.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hyundai {background:url("/sec/static/_images/credit-card/credit-hyundai.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.shinhan {background:url("/sec/static/_images/credit-card/credit-shinhan.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.lotte {background:url("/sec/static/_images/credit-card/credit-lotte.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.nh {background:url("/sec/static/_images/credit-card/credit-nh.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.woori {background:url("/sec/static/_images/credit-card/credit-woori.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hana {background:url("/sec/static/_images/credit-card/credit-hana.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.citi {background:url("/sec/static/_images/credit-card/credit-citi.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kakao {background:url("/sec/static/_images/credit-card/credit-kakaobank.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.bc {background:url("/sec/static/_images/credit-card/credit-bc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.etc {background:url("/sec/static/_images/credit-card/credit-etc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on button:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #2189FF; border-radius:6px; box-sizing:border-box;} .order-area.pay-info.advance .order-info-box .credit-card > li.on .flag {background:#2189FF;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.samsung {background:url("/sec/static/_images/credit-card/credit-samsung-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kb {background:url("/sec/static/_images/credit-card/credit-kb-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.shinhan {background:url("/sec/static/_images/credit-card/credit-shinhan-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hyundai {background:url("/sec/static/_images/credit-card/credit-hyundai-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.lotte {background:url("/sec/static/_images/credit-card/credit-lotte-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.nh {background:url("/sec/static/_images/credit-card/credit-nh-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.woori {background:url("/sec/static/_images/credit-card/credit-woori-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hana {background:url("/sec/static/_images/credit-card/credit-hana-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.citi {background:url("/sec/static/_images/credit-card/credit-citi-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kakao {background:url("/sec/static/_images/credit-card/credit-kakaobank-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.bc {background:url("/sec/static/_images/credit-card/credit-bc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.etc {background:url("/sec/static/_images/credit-card/credit-etc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit .save-pay {display:inline-block; position:absolute; right:0; bottom:36px;} .order-area.pay-info.advance .order-info-box .pay-instalment {display:flex; align-items:center; padding-top:20px;} .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:336px; margin-right:20px;} .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {height:20px;} .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:336px;} .order-area.pay-info.advance .order-info-box .credit-add .info-pay li {width:100%;} .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment {padding-top:12px;} .order-area.pay-info.advance .order-info-box .flag {display:inline-block; height:20px; padding:4px 8px 3px; border-radius:33px; background:#2189FF; color:#fff; font-size:12px; vertical-align:top;} /* 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box { width:100%; padding:24px 0 36px;} .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box .chk-form {margin-top:24px; text-align:right;} .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box .chk-form label {padding-right:0; font-size:14px;} .order-area.pay-info.advance .order-info-box .easy-pay {display:flex; flex-wrap:wrap; margin:0; overflow:initial;} .order-area.pay-info.advance .order-info-box .easy-pay > li {position:relative; float:initial; width:120px; height:80px; margin: 0 4px 10px; } .order-area.pay-info.advance .order-info-box .easy-pay > li:after {display:none;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button {position:relative; width:100%; height:100%;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.sspay {background:url("/sec/static/_images/credit-card/easy-sspay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.payco {background:url("/sec/static/_images/credit-card/easy-payco.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.kakaopay {background:url("/sec/static/_images/credit-card/easy-kakaopay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.lpay {background:url("/sec/static/_images/credit-card/easy-lpay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npay {background:url("/sec/static/_images/credit-card/easy-npay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npaymoney {background:url("/sec/static/_images/credit-card/easy-npay-money.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on button:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #2189FF; border-radius:6px; box-sizing:border-box;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.sspay {background:url("/sec/static/_images/credit-card/easy-sspay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.payco {background:url("/sec/static/_images/credit-card/easy-payco-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.kakaopay {background:url("/sec/static/_images/credit-card/easy-kakaopay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.lpay {background:url("/sec/static/_images/credit-card/easy-lpay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npay {background:url("/sec/static/_images/credit-card/easy-npay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npaymoney {background:url("/sec/static/_images/credit-card/easy-npay-money-on.svg"); background-size:100% auto;} .order-area.pay-info.advance .order-info-box .receipt-type-sel {margin-top:20px;} .order-area.pay-info.advance .order-info-box .receipt-type-sel .receipt-type .type-item {width:336px; height:32px;} .order-area.pay-info.advance .pay-info-notice .detail-box {position:relative; padding-top:34px; border-top:1px solid #ebebeb;} .order-area.pay-info.advance .pay-info-notice .tit {display:block; margin:0 0 14px 0; font-size:18px;} .order-area.pay-info.advance .pay-info-notice ul {margin:0; padding:20px 24px; border-top:none; border-radius:6px; background:#f7f7f7;} .order-area.pay-info.advance .pay-info-notice li {display:inline-flex; width: 100%; align-items:center; padding-right:12px; } .order-area.pay-info.advance .pay-info-notice li + li {margin-top:10px;} .order-area.pay-info.advance .pay-info-notice .flag {display:inline-flex; height:20px; margin-right:6px; padding:4px 8px 3px; border:1px solid #2189FF; border-radius:33px; background:#fff; color:#2189FF; font-size:12px; vertical-align:top;} .order-area.pay-info.advance .pay-info-notice .link {display:inline-flex; display:-webkit-box; height:20px; padding:0 13px 0 0; overflow:hidden; color:#707070; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:1; -webkit-box-orient:vertical;background-image:linear-gradient(rgba(247, 247, 247, 0.3), rgba(247, 247, 247, 0.3)), url("/sec/static/_images/common/icon_arr_right_gray.svg"); background-repeat:no-repeat; background-position:top 4px right; background-size:auto 10px; font-size:14px;} .order-area.pay-info.advance .pay-info-notice .link em {display:inline-block; margin-right:6px; color:#000; font-size:inherit; vertical-align:top;} /* 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .save-pay {margin-top:36px; } /* 결제 정보 */ .payment-area.advance br {display:none;} .payment-area.advance .tooltip {display:inline-block; width:15px; height:15px; margin-left:6px; background:url("/sec/static/_images/common/icon-tooltip4.svg") center no-repeat; background-size:auto 95%; color:transparent; font-size:0;} .payment-area.advance .payment-listup {padding:24px 0; border-bottom: 0;} .payment-area.advance .payment-listup > li {display:flex; align-items:center; min-height:26px; margin-bottom:0;} .payment-area.advance .payment-listup > li * {vertical-align:top;} .payment-area.advance .payment-listup > li span {width:auto; padding:0; line-height:1.2;} .payment-area.advance .payment-listup > li > .text {margin-left:auto; font-weight:bold; line-height:1.2;} .payment-area.advance .payment-listup > li > .text strong {font-size:inherit; font-weight:bold; line-height:1.2;} .payment-area.advance .payment-listup > li ~ li {margin-top:10px;} .payment-area.advance .payment-listup + .droptoggle {padding:24px 0;} .payment-area.advance .droptoggle {min-height:26px;} .payment-area.advance .droptoggle .dropOption {display:flex; flex-wrap:wrap; align-items:center;} .payment-area.advance .droptoggle .dropOption .head {color:#707070;} .payment-area.advance .droptoggle .dropOption .text {margin-left:auto; font-weight:bold;} .payment-area.advance .droptoggle .dropOption .text * {font-size:inherit; vertical-align:top;} .payment-area.advance .droptoggle .dropButton {width:20px; height:26px; margin:0 0 0 2px;} .payment-area.advance .droptoggle .dropButton .head {color:#707070; font-weight:400;} .payment-area.advance .droptoggle .dropButton .text {margin:0 22px 0 auto;} .payment-area.advance .droptoggle .dropButton:before {top:50%; right:0; transform:translateY(-50%);} .payment-area.advance .droptoggle .dropList {width:100%; padding:0;} .payment-area.advance .droptoggle .payment-listup {margin:16px 0 10px; padding:20px 24px; border:0; border-radius:8px; background:#f7f7f7;} .payment-area.advance .droptoggle .payment-listup > li > span {font-size:14px;} .payment-area.advance .droptoggle .payment-listup > li > .text {font-weight:400;} .payment-area.advance .droptoggle .payment-listup > li > .text strong {font-weight:400;} .payment-area.advance .droptoggle .payment-listup > li ~ li {margin-top:4px;} .payment-area.advance .droptoggle + .droptoggle {margin-top:10px;} .payment-area.advance .droptoggle + .payment-listup {margin-top:-10px; padding:0; border-bottom:0;} .payment-area.advance .card-benefit .dropList {margin:16px 0 0; padding:20px 24px; border:0; border-radius:8px; background:#f7f7f7;} .payment-area.advance .card-benefit .tit {display:block; margin-bottom:9px;} .payment-area.advance .card-benefit .detail-box {display:flex; align-items:center; position:relative;} .payment-area.advance .card-benefit .detail-box .text {font-size:14px;} .payment-area.advance .card-benefit .info-box {width:100%;} .payment-area.advance .discount-price {border-top: 1px solid #EBEBEB;} .payment-area.advance .discount-price + .payment-listup + .cost-listup { margin-top: 24px; } .payment-area.advance .cost-listup {margin-top:0; padding:20px 0 24px; border-top:1px solid #000;} .payment-area.advance .cost-listup > li {display:flex; margin:0;} .payment-area.advance .cost-listup > li:first-child {padding:0;} .payment-area.advance .cost-listup > li > span {width:auto; max-width:none; margin:0; padding:0; font-size:18px; font-weight:bold; line-height:1.2;} .payment-area.advance .cost-listup > li > span > strong {font-size:20px; line-height:1.2} .payment-area.advance .cost-listup > li > .head {padding-top:12px;} .payment-area.advance .cost-listup > li > .text {margin-left:auto;} .payment-area.advance .cost-listup > li > .text > strong {position:relative; top:4px; font-size:32px;} .payment-area.advance .cost-listup .card-discount {display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:20px 24px; border-radius:8px; background:#f7f7f7;} .payment-area.advance .cost-listup .card-discount > * {vertical-align:top;} .payment-area.advance .cost-listup .card-discount > span {width:auto; padding-top:0; font-size:14px; font-weight:400;} .payment-area.advance .cost-listup .card-discount .head {padding-top:0; color:#707070;} .payment-area.advance .cost-listup .card-discount .text {margin-left:12px;} .payment-area.advance .cost-listup .card-discount .text > strong {top:0; padding:0; font-size:16px;} .payment-area.advance .cost-listup + .membership-saving {margin-top: 0;} .payment-area.advance .membership-saving {padding:24px 0; border-top:1px solid #EBEBEB;} .payment-area.advance .membership-saving .payment-listup {margin-bottom:0;padding-bottom: 14px;} .payment-area.advance .membership-saving .info-text {padding: 0 24px 20px; margin-bottom: 10px; border-radius: 0 0 8px 8px; overflow: hidden; background: #f7f7f7;} .payment-area.advance .membership-saving .info-text p {border-top: 1px solid #d9d9d9; font-size: 14px; color: #707070; text-indent: -7px; padding-left: 15px; word-break: break-all; vertical-align: top; line-height: 1.3; padding-top: 16px;} .payment-area.advance .membership-saving .info-text p:before {content:'※';display:inline-block;vertical-align: top;color: #707070;margin-right: 5px;} .payment-area.advance .terms-box {margin-top:0; padding-top:36px;} .payment-area.advance .terms-box .chk-form.allChk-box label {padding-right:0;} /* 주문 완료 */ .order-finish-content.advance .board-view-type-3 .btn-underline {margin-top:14px;} .order-finish-content.advance .board-view-type-3 .btn-underline.-inline {margin-top:2px;} .order-finish-content.advance .order-detail-tbl .order-td {padding:12px 0;} .order-finish-content.advance .board-detail-content .board-con > * {vertical-align:top;} .order-finish-content.advance .order-detail-type2 .order-delivery-tit {width:15%;} .order-finish-content.advance .order-detail-type2 .order-delivery-data span {font-weight:400;} .order-finish-content.advance .order-detail-type2 .order-delivery-data span.bd {font-weight:bold;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit {width:33%; font-size:0; vertical-align:top;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit span {display:inline-block; width:50%; font-size:14px; vertical-align:top;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit .price {color:#2189FF; font-weight:bold;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data {width:67%; padding-bottom:0; vertical-align:top;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span {margin:0 20px 15px 0; color:#707070; vertical-align:top; font-weight:bold;} .order-finish-content.advance .order-detail-type2 .order-payment-info .order-delivery-data span strong {color:#000;} .order-finish-content.advance .order-detail-type2 .order-payment-info .order-delivery-data .blue-color {color:#2189FF;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span:before {left:initial; right:-12px;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span:first-child:before {display:block;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span:last-child:before {display:none;} .order-finish-content.advance .order-detail-type5 .order-td.order-benefit-price {justify-content: flex-start;} .order-finish-content.advance .order-detail-type5 .order-td.order-benefit-price span {width:140px;} .order-finish-content.advance .res-btn-box a.btn-l { height: 40px; line-height: 38px; } .order-finish-content.advance .res-btn-box button.btn-l { height: 40px; line-height: initial; } .order-finish-content.advance .box-btn a.btn-l { height: 40px; line-height: 38px; } .order-finish-content.advance .box-btn button.btn-l { height: 40px; line-height: initial; } /* 마이페이지-주문배송조회 목록,상세 */ .ordered-list-contents.advance .order-head-info ul li ~ li { margin-top: 10px; } .ordered-list-contents.advance .order-tbl {flex-wrap: wrap;} .ordered-list-contents.advance .order-tbl .order-select {width:252px;} .ordered-list-contents.advance .order-select .gifts-select {display:inline-flex; align-items:center; width:100%; height:40px; padding:0 10px; border-radius:4px; background:#F8F8F8;} .ordered-list-contents.advance .order-select .gifts-omnicoupon {background:#EFF7FF;} .ordered-list-contents.advance .order-select .imgs {position:relative; top:initial; left:initial; width:28px; height:28px; margin-right:6px; transform:initial;} .ordered-list-contents.advance .order-select .imgs img {width:100%; min-width:28px; height:auto; vertical-align:top;} .ordered-list-contents.advance .order-select .names {display:-webkit-box; overflow:hidden; color:#777; font-size:12px; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:2; -webkit-box-orient:vertical;} .ordered-list-contents.advance .order-spec .order-select {padding-bottom:0;} .ordered-list-contents.advance .order-spec .order-spec-group + .order-select{ margin-top:20px;} .ordered-list-contents.advance .order-tbl .order-price .price-big { padding-right: 0; } .ordered-list-contents.advance .order-gift {width: 100%;} .ordered-list-contents.advance .order-gift .gift-info {width:145px;} .ordered-list-contents.advance .order-gift .gift-info .price {font-size:12px; color:#707070;} .ordered-list-contents.advance .order-gift .gift-info .txt {font-size:11px;} .ordered-list-contents.advance .order-gift .gift-list {width:calc(100% - 145px);} .ordered-list-contents.advance .detail .order-tbl .order-btn-area .review .btn{padding-left:35px; background: url('/sec/static/_images/common/icon-review-write.svg') center left 12px no-repeat;} @media all and (max-width:1440px) and (min-width:1101px) { .order-area.advance { width: auto; } .order-area.advance .order-image .photo {width:80%;} .order-area.advance .order-info-box .tit {width:16.389vw;} .order-area.advance .order-select {min-height:auto;} .advance .order-select .gifts-select {height:3.056vw; padding:0 0.556vw; border-radius:0.278vw; } .advance [class*=-select] .gifts-select .imgs {width:1.944vw; height:1.944vw; margin-right:0.417vw;} .advance [class*=-select] .gifts-select .imgs img {min-width:1.944vw;} .advance [class*=-select] .gifts-select .names {font-size:0.833vw; } .advance .order-select-list {margin-top:0.556vw;} .advance .gift-list-box {min-height:5.833vw; padding:1.111vw 0; border:0.069vw solid #D9D9D9; border-radius:0.556vw; } .advance .gift-list-box .gift-info {width:14.931vw;padding-left:1.389vw; } .advance .gift-list-box .gift-info .tit {margin-top:0.139vw; font-size:1.111vw;} .advance .gift-list-box .gift-info .price {margin-top:0.417vw; font-size:0.972vw; } .advance .gift-list-box .gift-info .txt {margin-top:0.833vw; color:#707070; font-size:0.833vw;} .advance .gift-list-box .gift-list { z-index:1; width:calc(100% - 14.931vw); } .advance .gift-list-box .gift-list li {min-width:13.472vw; margin-right:0.833vw;} .advance .gift-list-box .gift-list li .gifts-select {height:3.611vw; padding-right: 0.694vw;} .advance .gift-list-box .gift-list .imgs {height:1.944vw; margin-right:0.417vw;} .advance .gift-list-box .gift-list .imgs img {width:100%; min-width:1.944vw; height:1.944vw;} .advance .gift-list-box .gift-list .names {width:9.722vw; font-size:0.972vw;} .advance .gift-list-box .gift-list li.full {min-width:13.472vw; max-width:15.278vw;} .order-area.point-area.advance .order-info-box .point-keep {width:18.056vw;} .order-area.point-area.advance .point-use-box .inp-point .inp-line {padding-right:0.694vw;} .order-area.pay-info.advance .order-info-box .credit-card > li {width:8.333vw; height:5.556vw; margin: 0 0.155vw 0.155vw; } .order-area.pay-info.advance .order-info-box .easy-pay > li {width:8.333vw; height:5.556vw; margin: 0 0.155vw 0.155vw;} .ordered-list-contents.advance .order-tbl .order-select {width:16vw;} /* 결제 정보 */ .payment-area.advance .cost-listup > li > span {font-size:1.25vw;} .payment-area.advance .cost-listup > li > .head {padding-top:0.833vw;} .payment-area.advance .cost-listup > li > .text > strong {font-size:2.222vw;} .payment-area.advance .droptoggle .payment-listup > li > span {font-size:1.111vw;} .payment-area.advance .cost-listup .card-discount {padding:1.111vw;} .payment-area.advance .cost-listup .card-discount .head {font-size:1vw;} .payment-area.advance .cost-listup .card-discount .text {margin-left:0; font-size:1.111vw;} } @media all and (max-width:1100px) and (min-width:803px) { .order-area.advance { width: auto; } .order-area.advance .order-spec{padding:3.636vw 0} .order-area.advance .order-select {min-height:auto;} .advance .order-select .gifts-select {height:4vw; padding:0 0.727vw; border-radius:0.364vw; } .advance [class*=-select] .gifts-select .imgs {width:2.545vw; height:2.545vw; margin-right:0.545vw;} .advance [class*=-select] .gifts-select .imgs img {min-width:2.545vw;} .advance [class*=-select] .gifts-select .names {font-size:1.091vw; } .advance .order-select-list {margin-top:0.727vw;} .advance .gift-list-box {min-height:7.636vw; padding:1.455vw 0; border:0.091vw solid #D9D9D9; border-radius:0.727vw; } .advance .gift-list-box .gift-info {width:19.545vw;padding-left:1.818vw; } .advance .gift-list-box .gift-info .tit {margin-top:0.182vw; font-size:1.455vw;} .advance .gift-list-box .gift-info .price {margin-top:0.545vw; font-size:1.273vw; } .advance .gift-list-box .gift-info .txt {margin-top:1.091vw; color:#707070; font-size:1.091vw;} .advance .gift-list-box .gift-list { z-index:1; width:calc(100% - 19.545vw); } .advance .gift-list-box .gift-list li {min-width:17.636vw; margin-right:1.091vw;} .advance .gift-list-box .gift-list li .gifts-select {height:4.727vw; padding-right: 0.909vw;} .advance .gift-list-box .gift-list .imgs {height:2.545vw; margin-right:0.545vw;} .advance .gift-list-box .gift-list .imgs img {min-width:2.545vw; height:2.545vw;} .advance .gift-list-box .gift-list .names {width:12.727vw; font-size:1.273vw;} .advance .gift-list-box .gift-list li.full {min-width:17.636vw; max-width:20vw;} .order-area.advance .order-info-box .tit {width:21.4545vw;} .order-area.point-area.advance .order-info-box .point-box {flex-wrap:wrap;} .order-area.point-area.advance .order-info-box .point-keep {width:100%;} .order-area.point-area.advance .order-info-box .point-use {width:100%; margin-top:2.727vw; margin-left:0;} .order-area.point-area.advance .order-info-box .inp-point {width:18.182vw; margin-left:auto;} .order-area.point-area.advance .order-info-box .inp-point .inp-line {padding-right:0.694vw;} .order-area.pay-info.advance .order-info-box .credit-card > li {width:23.5%; height:6vw; margin: 0 0.25vw 0.25vw;} .order-area.pay-info.advance .order-info-box .easy-pay > li {width:23.5%; height:6vw; margin: 0 0.25vw 0.25vw;} /* .order-area.pay-info.advance .order-info-box .easy-pay > li:last-child {margin-right:auto; margin-left:0.636vw;} */ .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:16.364vw; margin-right:0.909vw;} .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {font-size:1.091vw;} .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:16.364vw;} .order-area.point-area.advance .order-info-box .txt-info{font-size:1.273vw;} .order-area.advance .order-select .gifts-select {padding:0 1.2vw;} .ordered-list-contents.advance .order-tbl .order-select {width:12vw;} .order-area.pay-info.advance .pay-info-notice .tit {font-size:1.636vw;} .order-area.pay-info.advance .pay-info-notice li {font-size:1.273vw;} .order-area.pay-info.advance .pay-info-notice .link {height:1.818vw;} /* 결제 정보 */ .payment-area.advance .cost-listup > li > span {font-size:1.636vw;} .payment-area.advance .cost-listup > li > .head {padding-top:0.8vw;} .payment-area.advance .cost-listup > li > .text > strong {font-size:2.909vw;} .payment-area.advance .cost-listup .card-discount {padding:1.25vw;} .payment-area.advance .cost-listup .card-discount .head {font-size:1.4545vw;} .payment-area.advance .cost-listup .card-discount .text {margin-left:0;} } /* 갤폴드 펼침 802 */ @media all and (max-width:803px) and (min-width:801px) { .order-area.advance { width: auto; } .advance .chk-form input[type="checkbox"] + label, .advance .chk-form input[type="radio"] + label {padding-left:26px; font-size:12px; line-height:1.5;} .advance .chk-form input[type="checkbox"] + label::before, .advance .chk-form input[type="radio"] + label::before {top:50%; width:20px; height:20px; margin-top:-10px;} .advance .chk-form-hidden input[type="checkbox"] + label {width:20px; height:20px; background-size:60% auto;} .advance .chk-form input[type="checkbox"]:checked + label::before {background-size:65% auto;} .advance .chk-form input[type="radio"]:checked + label::after {top:4px; left:4px; width:12px; height:12px;} .advance .txt-s20 {font-size:24px;} .order-area.advance {margin-bottom:40px;} .order-area.advance > h2 {font-size:20px;} .order-area.advance .order-td {height:auto;} .order-area.advance .order-tbl {display:flex; flex-wrap:wrap; position:relative; padding:24px 0 36px;} .order-area.advance .order-image {position:absolute; z-index:1; left:0; width:120px; height:120px; padding:0;} .order-area.advance .order-image .photo {max-width:100%; max-height:100%;} .order-area.advance .order-image .photo a {display:flex; justify-content:center; align-items:center;} .order-area.advance .order-image .photo a > img {position:relative;} .order-area.advance .order-spec {display:flex; flex-wrap:wrap; width:100%; max-width:initial; padding:0; padding:0 0 20px 150px; text-align:left;} .order-area.advance .order-spec-group {min-height:auto; margin-bottom:20px;} .order-area.advance .order-spec-group .ico-group-t * {line-height:1.4; vertical-align:top;} .order-area.advance .order-spec-group .ico-group-t > span {margin-right:0; font-size:12px;} .order-area.advance .order-spec-group .ico-group-t > span ~ span {margin-left:8px;} .order-area.advance .order-spec-group .ico-group-t .tooltip {width:20px; height:15px; background:url("/sec/static/_images/common/icon-tooltip4.svg") center no-repeat; background-size:auto 96%; opacity:0.6;} .order-area.advance .order-spec-group .o-title a {font-size:16px;} .order-area.advance .order-spec-group .o-label {margin-top:4px; font-size:12px;} .order-area.advance .order-spec-group .ico-group {margin-top:16px;} .order-area.advance .order-spec-group .ico-group .o-spec span {font-size:12px;} .order-area.advance .order-select {min-height:auto;} .order-area.advance .order-select .gifts-select{padding:0 8px; height:40px; border-radius:4px;} .order-area.advance .order-coupon {width:100%; padding:0 0 0 150px;} .order-area.advance .order-coupon .coupon-box {width:100%;} .advance [class*=-coupon] .coupon-box .btn-coupon-apply p {padding-left:12px;} .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info {max-width:230px;} .advance [class*=-coupon] .coupon-box .btn-coupon-apply, .advance [class*=-coupon] .coupon-box .inp-coupon-apply {height:38px;} .advance [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .advance [class*=-coupon] .coupon-box .btn-coupon-apply p {width:calc(100% - 76px);} .advance [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register {width:76px;} .advance [class*=-coupon] .coupon-box .btn-coupon-apply p, .advance [class*=-coupon] .coupon-box .btn-coupon-apply p span, .advance [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .tit, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price span, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register {font-size:14px;} .advance [class*=-coupon] .coupon-box .txt-coupon-info {font-size:12px;} .order-area.advance .order-count {z-index:1; width:100px; margin:30px 0 0 150px; padding:0; text-align:left;} .order-area.advance .order-count .spinner-box {max-width:100px; height:28px;} .order-area.advance .order-count .spinner-box .number {font-size:12px;} .order-area.advance .order-price {position:relative; z-index:0; width:100%; margin-top:-26px; padding:0 0 0 150px; text-align:right;} .order-area.advance .order-price .price-small {display:inline-block; margin:2px 0 0 0; font-size:18px; vertical-align:top;} .order-area.advance .order-price .price-big {display:inline-block; margin-left:12px; font-size:20px; vertical-align:top;} .order-area.advance .order-price .btn-downtool {top:4px; width:16px; height:16px; background-size:auto 100%;} .order-area.advance .order-price .box-tip {position:relative; top:initial; right:0; width:100%; min-width:100%; margin:20px 0 0 0; padding:12px; border:none; background:#F7F7F7;} .order-area.advance .order-price .box-tip * {font-size:14px;} .order-area.advance .order-price .box-tip .total {padding:12px 0 6px;} .order-area.advance .order-price .box-tip .total * {font-size:16px;} .order-area.advance .order-price .box-tip li ~ li:not(.total) {margin-top:10px;} .order-area.advance .order-price .box-tip .total .price {color:#2189FF;} .order-area.advance .order-recommend {padding-top:20px;} .order-area.advance .order-recommend .btn-underline {font-size:12px;} /* 사은품 */ .advance .order-gift {margin:26px 0 0 0; padding-left:150px;} .advance .gift-list-box {flex-wrap:wrap; padding:16px 0 16px 12px;} .advance .gift-list-box .gift-info {display:flex; flex-wrap:wrap; width:100%; padding-left:0;} .advance .gift-list-box .gift-info .price {margin:0 12px 0 auto; font-size:16px;} .advance .gift-list-box .gift-info .txt {width:100%; margin-top:8px; font-size:12px;} .advance .gift-list-box .gift-list {display:block; width:100%; margin-top:12px;} .advance .gift-list-box .gift-list li {width:auto;} .advance .gift-list-box .gift-list li.full {width:97%; min-width:100%; max-width:100%;padding-right:12px;} .advance .gift-list-box .swiper-slide {max-width:100%;} .advance .gift-list-box .slider-controls {padding-right:12px;} /* 배송 정보 - 부가 서비스 */ .order-area.advance .order-info-box > li {padding:30px 0 30px 120px;} .order-area.advance .order-info-box .head {top:26px; padding:0; font-size:14px; font-weight:bold;} .order-area.advance .order-info-box .tit {width:120px; font-size:14px;} .order-area.advance .order-info-box .tit span br {display:block;} .order-area.advance .order-info-detail li {min-height:auto; margin:0; padding:0;} .order-area.advance .order-info-detail li, .order-area.advance .order-info-detail li > span {font-size:12px;} .order-area.advance .order-info-detail li ~ li {margin-top:24px;} .order-area.advance .order-info-box .order-btn {top:22px; margin:0;} .order-area.advance .order-info-box .order-btn .btn-underline {font-size:12px;} .order-area.advance .order-info-box .wrap-droplist .droplist-button {font-size:12px;} .order-area.advance .order-info-box input.inp-line {font-size:12px;} .order-area.advance .order-info-box input.inp-line::-ms-input-placeholder {font-size:12px;} .order-area.advance .order-info-box input.inp-line::-webkit-input-placeholder {font-size:12px;} .order-area.advance .order-info-box input.inp-line::-moz-placeholder {font-size:12px;} .order-area.advance .info-extra .tooltip-add .btn-tip {background-size:auto 97%;} .order-area.advance .info-ul {margin-left:0;} .order-area.advance .order-info-box .pay-detail { width: calc(100% - 120px);} /* 포인트 사용 */ .order-area.point-area.advance .order-info-box {padding-top:24px;} .order-area.point-area.advance .order-info-box > li {padding-left:0;} .order-area.point-area.advance .order-info-box .tit {margin-top:0; font-weight:bold;} .order-area.point-area.advance .order-info-box .btn-underline {margin-top:0;} .order-area.point-area.advance .order-info-box .point-box {flex-wrap:wrap;} .order-area.point-area.advance .order-info-box .point-count {margin-top:0; font-size:14px;} .order-area.point-area.advance .order-info-box .point-count + .point-list {margin-top:12px;} .order-area.point-area.advance .order-info-box .point-keep {width:100%; padding-right:70px;} .order-area.point-area.advance .order-info-box .point-list li {font-size:12px;} .order-area.point-area.advance .order-info-box .point-list li + li {margin-top:4px;} .order-area.point-area.advance .order-info-box .point-use {margin:24px 0 0 0;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form {margin:8px 2px 0 0;} .order-area.point-area.advance .order-info-box .inp-point {width:285px; height:32px;} .order-area.point-area.advance .order-info-box .inp-point input.inp-line {height:100%; font-size:14px;} .order-area.point-area.advance .order-info-box .inp-point::after {top:12px; font-size:12px;} .order-area.point-area.advance .order-info-box .inp-point + .btn-point .btn.btn-s {height:28px; margin-top:2px; font-size:14px; line-height:1.9;} .order-area.point-area.advance .order-info-box .point-use .txt-info {font-size:12px;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form input[type="checkbox"] + label {padding-right:0;} /* 결제 수단 */ .order-area.pay-info.advance {margin-bottom:0;} .order-area.pay-info.advance .order-info-box {padding-top:0;} .order-area.pay-info.advance .order-info-box > li {padding:10px 0 0 0} .order-area.pay-info.advance .order-info-box .tit {margin-top:22px; font-weight:bold;} .order-area.pay-info.advance .order-info-box .pay-detail-list {margin-top:0;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li > .chk-form label {height:20px; font-size:14px;} .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box {padding:24px 0;} .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box .chk-form {margin-top:16px;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li {min-height:68px; padding-top:24px;} .order-area.pay-info.advance .order-info-box .samsung-pay .img-box.pc {display:none;} .order-area.pay-info.advance .order-info-box .samsung-pay .img-box.tb {display:block;} .order-area.pay-info.advance .order-info-box .samsung-pay .img-box.mb {display:none;} .order-area.pay-info.advance .order-info-box .wrap-droplist {width:270px;} .order-area.pay-info.advance .order-info-box .wrap-droplist .droplist-button {font-size:12px;} .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:270px; margin-right:0;} .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {width:80px; margin-left:auto; font-size:12px;} .order-area.pay-info.advance .order-info-box .pay-detail-list .credit .detail-box .chk-form {bottom:26px; margin-top:0;} .order-area.pay-info.advance .pay-info-notice li {display:flex; width:100%} .order-area.pay-info.advance .pay-info-notice .tit {margin:0 0 10px 0; font-size:16px;} .order-area.pay-info.advance .pay-info-notice .link {display:-webkit-box; padding:0 10px 0 0; overflow:hidden; font-size:14px; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:1; -webkit-box-orient:vertical;} .order-area.pay-info.advance .pay-info-notice .link em {font-size:inherit;} .order-area.pay-info.advance .order-info-box .credit-card > li {width:80px; height:74px; margin: 0 5px 8px} .order-area.pay-info.advance .order-info-box .credit-card > li > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on button:after {border-radius:6px;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li {width:80px; height:74px; margin: 0 5px 8px} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.payco {margin-left:auto; background:url("/sec/static/_images/credit-card/mb/easy-payco.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money.svg") no-repeat; background-size:100% auto;} /* .order-area.pay-info.advance .order-info-box .easy-pay > li:last-child {margin-right:auto; margin-left:8px;} */ .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.payco {background:url("/sec/static/_images/credit-card/mb/easy-payco-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money-on.svg"); background-size:100% auto;} /* 결제 정보 */ .payment-area.advance {top:98px; left:inherit !important; right:12px !important; width:256px !important; max-width:100%;} .payment-area.advance > h2 {font-size:20px;} .payment-area.advance .payment-listup br {display:block;} .payment-area.advance .payment-listup > li span {font-size:16px;} .payment-area.advance .droptoggle .dropOption span {font-size:16px;} .payment-area.advance .droptoggle .dropOption .head {line-height:1.4;} .payment-area.advance .cost-listup {padding:20px 0; border-top:1px solid #000;} .payment-area.advance .cost-listup > li > span > strong {font-size:18px;} .payment-area.advance .cost-listup > li > .text > strong {position:relative; top:4px; font-size:28px;} .payment-area.advance .cost-listup > li > .head {padding-top:9px;} .payment-area.advance .cost-listup .card-discount {margin-top:20px; padding:20px 24px; border-radius:8px;} .payment-area.advance .cost-listup .card-discount > span {font-size:14px;} .payment-area.advance .cost-listup .card-discount .head br {display:block;} .payment-area.advance .membership-saving br {display:block;} .payment-area.advance .membership-saving .text {margin-top:2px;} .payment-area.advance .membership-saving .dropButton {margin-top:0;} .payment-area.advance .terms-box > h2 {font-size:20px;} .payment-area.advance .terms-box > .btn-terms-view {top:40px; padding-right:20px; font-size:14px;} .payment-area.advance .terms-box .chk-form label {padding-left:26px; font-size:14px;} .payment-area.advance .chk-form input[type="checkbox"] + label::before, .payment-area.advance .chk-form input[type="radio"] + label::before {top:0; margin-top:0;} .payment-area.advance .btn {height:40px; border-radius:40px; font-size:17px;} /* 주문 완료 */ .order-finish-content.advance .order-detail-tbl *, .order-finish-content.advance .order-detail-tbl.order-detail-type5 .order-td.order-benefit-price *, .order-finish-content.advance .order-detail-tbl.order-detail-type5 .order-td.order-benefit-coupon, .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit span {font-size:1.4545vw;} .order-finish-content.advance .order-detail-type1 .order-itmPrice {padding-right:0;} .order-finish-content.advance .order-detail-type5 .order-td.order-benefit-price {width:33%;} .order-finish-content.advance .order-detail-type5 .order-td.order-benefit-price span {width:100px;} /* 마이페이지-주문배송조회 목록 */ .ordered-list-contents.advance .order-tbl .order-select {width:25%;} .ordered-list-contents.advance .order-tbl .order-select .names {font-size:11px;} /* 마이페이지-주문배송조회 상세 */ .ordered-list-contents.advance .detail .order-tbl .order-image {width:14%; padding-right:0;} .ordered-list-contents.advance .detail .order-tbl .order-spec {width:auto;} .ordered-list-contents.advance .detail .order-tbl .order-spec .order-select {width:100%;padding-top:2vw;} .ordered-list-contents.advance .detail .order-tbl .order-select {width:21%; padding-right:0;} .ordered-list-contents.advance .detail .order-tbl .order-select .names {font-size:11px;} .ordered-list-contents.advance .detail .order-tbl .order-count {width:8%; padding-right:0;} .ordered-list-contents.advance .detail .order-tbl .order-price {width:15%; min-width:auto;} .ordered-list-contents.advance .detail .order-tbl .order-btn-area {width:16%;text-align:right; padding-right:0;} .ordered-list-contents.advance .detail .order-tbl .order-btn-area .review .btn {padding-left:25px; background-size:auto 16px;background-position:left 9px center;} .ordered-list-contents.advance .detail .order-gift {padding:0;margin:0;} .ordered-list-contents.advance .detail .order-gift .gift-info {width:100%; padding:0;} .ordered-list-contents.advance .detail .order-gift .gift-list {width:100%;} .ordered-list-contents.advance .detail .order-gift .gift-info .tit {font-size:14px} .ordered-list-contents.advance .detail .order-gift .gift-info .price {font-size:13px;} .ordered-list-contents.advance .detail .gift-list .names {font-size:12px;} } /* 모바일 */ @media all and (max-width:801px) and (min-width:351px) { .order-area.advance { width: auto; } .tit-box.advance .txt-s20 {font-size:6.667vw;} .order-area.advance .order-tbl {padding-bottom:10vw;} .order-area.advance {margin-bottom:11.111vw;} .order-area.advance > h2 {border-bottom:0.556vw solid #000; font-size:5.556vw;} .order-area.advance h2.m-secon-tit {margin-bottom:8.333vw; font-size:5.556vw;} .order-area.advance .order-tbl .order-td {padding:11.111vw 0 6.667vw;} .order-area.advance .order-info-box .head {margin:0 0 8.333vw 0; padding:0; font-size:4.444vw;} .order-area.advance .order-info-box .order-btn {padding:0;} .order-area.advance .order-info-box .btn-underline {font-size:3.889vw;} .order-area.advance .order-info-detail > li {min-height:auto; margin:0; padding:0; font-size:3.889vw;} .order-area.advance .order-info-detail > li + li {margin-top:6.667vw;} .order-area.advance .order-info-box > li {flex-wrap:wrap; margin:0; padding:0; border-bottom:none;} .order-area.advance .order-info-box .tit {width:100%; margin-top:0; font-size:4.444vw;} .order-area.advance .order-info-box .tit .btn-tooltip {margin:0.833vw 0 0 0.556vw;} .order-area.advance .order-image{width:auto;} .order-area.advance .order-spec {width:100%;padding-bottom:8.333vw;} .order-area.advance .order-spec-group {margin-bottom: 0;min-height:auto;} .order-area.advance .order-spec .order-select{margin-top:5.556vw;} .order-area.advance .order-coupon {width:100%} .order-area.advance .order-tbl .order-coupon {padding:0;} .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info {max-width:69.444vw;} .order-area.advance .order-tbl .order-count {width: 40%;z-index:1; padding:10vw 0 0 0;} .order-area.advance .order-tbl .order-price {position:relative; z-index:0; width:100%; margin-top:-7.222vw; padding:0;} .order-area.advance .order-tbl .order-price .price-small {display:inline-block; width:auto; margin:0.556vw 0 0 0;} .order-area.advance .order-tbl .order-price .price-big {margin-left:3.333vw; font-size:5vw;} .order-area.advance .order-tbl .order-price .price-small ~ .box-tip {top:initial;} .order-area.advance .order-tbl .order-price .btn-downtool {width:5.556vw; height:5.556vw; margin-left:2.778vw; background-size:auto 100%;} .order-area.advance .order-price .box-tip {position:relative; top:initial; width:100%; margin:4.167vw 0 0 0; border:none; background:#F7F7F7;} .order-area.advance .order-price .box-tip .total * {font-size:4.444vw;} .order-area.advance .order-price .box-tip li ~ li:not(.total) {margin-top:2.778vw;} .order-area.advance .order-price .box-tip .total .price {color:#2189FF;} /* 사은품 */ .order-area.advance .order-gift {margin:6.667vw 0 0 0;} .order-area.advance .order-spec .order-select {width:calc(100% - 150px); margin-left:auto; padding:0;} /* 사은품 장바구니,주문배송 공통 */ .advance .gifts-select {height:12.222vw; padding:0 2.222vw; border-radius:1.111vw;} .advance [class*=-select] .gifts-select .imgs {width:7.778vw; height:7.778vw; margin-right:1.667vw;} .advance [class*=-select] .gifts-select .imgs img {min-width:7.778vw;} .advance [class*=-select] .gifts-select .names {font-size:3.333vw;} .advance .order-select-list {margin-top:2.222vw;} .advance .gift-list-box {flex-wrap: wrap; padding:4.444vw 0 4.444vw 3.333vw; border:0.278vw solid #D9D9D9; border-radius:2.222vw;} .advance .gift-list-box .gift-info {display:flex; flex-wrap:wrap; width:100%; padding-left:0;} .advance .gift-list-box .gift-info .tit {margin-top:0.556vw; font-size:4.444vw;} .advance .gift-list-box .gift-info .price {margin:0 3.333vw 0 auto; font-size:4.444vw;} .advance .gift-list-box .gift-info .txt {width:100%; margin-top:2.222vw; font-size:3.333vw;} .advance .gift-list-box .gift-list {display:block; width:100%; margin-top:3.333vw;} .advance .gift-list-box .gift-list li {width:auto;} .advance .gift-list-box .gift-list li .gifts-select {height:14.444vw;padding-right:2.778vw;} .advance .gift-list-box .gift-list li.full {width:97%; min-width:100%; max-width:100%; padding-right:3.333vw;} .advance .gift-list-box .swiper-slide {max-width:100%;} .advance .gift-list-box .slider-controls {padding-right:3.333vw;} /* 배송 정보 - 부가 서비스 */ .order-area.advance .order-info-box > li + li {padding-top:10vw; border-top:0.278vw solid #D9D9D9;} .order-area.advance .order-info-box .extra-service .head {top:0;} .order-area.advance .order-info-box .deco {border-top:0.278vw solid #D9D9D9 !important;} .order-area.advance .order-info-box .deco.extra-service .order-info-detail.info-extra > li > span {margin:0; padding:0 0 4.444vw; font-size:3.889vw;} .order-area.advance .order-info-detail.info-extra > li {position:relative; margin-bottom:0;} .order-area.advance .order-info-detail.info-extra > li + li {margin-top:8.333vw;} .order-area.advance .order-info-detail.info-extra > li .inp-form {width:100%;} .order-area.advance .order-info-detail.info-extra .chk-view {margin:0;} .order-area.advance .deco.extra-service .order-info-detail.info-extra span:not(.tooltip-add) {margin:0; padding:0 0 2.778vw; line-height:1.2;} .order-area.advance .order-info-detail.info-extra > li .tooltip-add .btn-tip {top:-0.556vw; left:19.444vw; transform:none;} /* 포인트 사용 */ .order-area.point-area.advance {padding:0 0 5.556vw 0;} .order-area.point-area.advance:after {height:10px; background:#F7F7F7;} .order-area.point-area.advance .order-info-box {padding-top:6.667vw;} .order-area.point-area.advance .order-info-box .tit {display:none;} .order-area.point-area.advance .order-info-box .point-btn .tit {display:block; margin:0; font-size:4.444vw;} .order-area.point-area.advance .order-info-box .point-btn .btn-underline {position:absolute; top:0.278vw; left:27.778vw; margin:0;} .order-area.point-area.advance .order-info-box .point-detail {margin-top:0;} .order-area.point-area.advance .order-info-box .point-box {flex-wrap:wrap;} .order-area.point-area.advance .order-info-box .point-keep {width:100%; font-size:3.889vw;} .order-area.point-area.advance .order-info-box .point-count {min-height:5.833vw; margin-top:1.667vw; font-size:4.444vw;} .order-area.point-area.advance .order-info-box .point-count + .point-list {margin-top:5vw;} .order-area.point-area.advance .order-info-box .point-list li * {font-size:14px;} .order-area.point-area.advance .order-info-box .point-list li + li {margin-top:1.667vw;} .order-area.point-area.advance .order-info-box .point-use {position:relative; width:100%; margin-top:6.667vw;} .order-area.point-area.advance .order-info-box .point-use .txt-info {margin:0; font-size:3.333vw; text-align:left;} .order-area.point-area.advance .order-info-box .point-use .chk-form {position:absolute; top:1.389vw; right:0;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point {width:48%;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point::after {right:0;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point .inp-line {padding-right:3.889vw;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form input[type="checkbox"] + label {width:30.556vw;} /* 결제 수단 */ .order-area.pay-info.advance .order-info-box {padding-top:0;} .order-area.pay-info.advance .order-info-box > li > .tit {display:none;} .order-area.pay-info.advance .order-info-box .pay-detail-list {margin-top:0; border-top:0;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li {min-height:19.444vw; padding-top:7.778vw;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li > .chk-form label {font-size:5vw;} /* s : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .samsung-pay-box .btn-samsungpay { width: 100%; height: 25.556vw; background: url("/sec/static/_images/common/btn-samsung-pay-m.svg") center no-repeat; background-size: 100% 100%; } .order-area.pay-info.advance .order-info-box .samsung-pay-box.on .btn-samsungpay { background: url("/sec/static/_images/common/btn-samsung-pay-m-on.svg") center no-repeat; background-size: 100% 100%; } /* e : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box {padding:6.667vw 0 10vw;} .order-area.pay-info.advance .order-info-box .pay-detail-list .flag {margin-left:0; padding:1.111vw 2.222vw 0.833vw; border-radius:9.167vw; border-radius:1.667vw 0 1.667vw 0; font-size:3.333vw;} .order-area.pay-info.advance .order-info-box .credit-card > li {width:21.667vw; height:20vw; margin: 0 0.833vw 2.778vw;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on button:after {border-radius:6px;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay { justify-content: flex-start;} .order-area.pay-info.advance .order-info-box .easy-pay > li {width:21.667vw; height:20vw; margin: 0 0.833vw 2.778vw;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.payco {margin-left:auto; background:url("/sec/static/_images/credit-card/mb/easy-payco.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money.svg") no-repeat; background-size:100% auto;} /* .order-area.pay-info.advance .order-info-box .easy-pay > li:last-child {margin-right:auto; margin-left:2.222vw;} */ .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.payco {background:url("/sec/static/_images/credit-card/mb/easy-payco-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money-on.svg"); background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-add {width:100%;} .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:100%; margin-top:5.556vw;} .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment {margin-top:4.444vw;} .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:67%; margin-right:0;} .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {margin-left:auto; font-size:3.889vw;} .order-area.pay-info.advance .pay-info-notice {margin:0; padding:0;} .order-area.pay-info.advance .pay-info-notice .detail-box {padding-top:9.444vw;} .order-area.pay-info.advance .pay-info-notice .tit {display:block; font-size:4.444vw;} .order-area.pay-info.advance .pay-info-notice ul {padding:5vw;} .order-area.pay-info.advance .pay-info-notice li {display:flex; width:100%} .order-area.pay-info.advance .pay-info-notice li + li {margin-top:2.222vw;} .order-area.pay-info.advance .pay-info-notice .flag {height:5.556vw; padding:0.833vw 2.222vw 0; border-radius:9.167vw; font-size:3.333vw;} .order-area.pay-info.advance .pay-info-notice .link {display:-webkit-box; padding:0 2.778vw 0 0; overflow:hidden; font-size:3.889vw; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:1; -webkit-box-orient:vertical;} .order-area.pay-info.advance .pay-info-notice .link em {font-size:inherit;} .order-area.pay-info.advance .order-info-box .save-pay {margin-top:6.667vw;} /* 결제 정보 */ .payment-area.advance:before {content:''; display:block; position:absolute; top:0; left:-12px; width:calc(100% + 24px); height:2.778vw; background:#ebebeb;} .payment-area.advance > h2 {display:block; padding-top:11.111vw; font-size:5.556vw;} .payment-area.advance .tooltip {width:4.167vw; height:4.167vw; margin-left:1.667vw;} .payment-area.advance .payment-listup {padding:6.667vw 0;} .payment-area.advance .payment-listup > li span {font-size:4.444vw;} .payment-area.advance .payment-listup > li ~ li {margin-top:3.889vw;} .payment-area.advance .payment-listup + .droptoggle {margin-top:0;} .payment-area.advance .droptoggle {min-height:16.667vw; padding:4.722vw 0 0; border-top:0.278vw solid #eaeaea;} .payment-area.advance .droptoggle .dropOption {min-height:7.222vw;} .payment-area.advance .droptoggle .dropOption span {font-size:4.444vw;} .payment-area.advance .droptoggle .dropButton {width:5.556vw; height:7.222vw; margin:0 0 0 0.556vw;} .payment-area.advance .droptoggle .dropButton .text {margin:0 6.111vw 0 auto;} .payment-area.advance .droptoggle .payment-listup {margin:4.444vw 0; padding:5.556vw 6.667vw; border-radius:2.222vw;} .payment-area.advance .droptoggle .payment-listup > li > span {font-size:3.889vw;} .payment-area.advance .droptoggle .payment-listup > li ~ li {margin-top:1.111vw;} .payment-area.advance .droptoggle + .payment-listup {margin-top:0;} .payment-area.advance .discount-price {border-top:0.278vw solid #EBEBEB;} .payment-area.advance .cost-listup {padding:5.556vw 0; border-top:0.278vw solid #000;} .payment-area.advance .cost-listup > li > span {font-size:5vw;} .payment-area.advance .cost-listup > li > span > strong {font-size:5.556vw; line-height:1.2} .payment-area.advance .cost-listup > li > .head {padding-top:3.333vw;} .payment-area.advance .cost-listup > li > .text {margin-left:auto;} .payment-area.advance .cost-listup > li > .text > strong {position:relative; top:1.111vw; font-size:8.889vw;} .payment-area.advance .cost-listup .card-discount {margin-top:5.556vw; padding:5.556vw 6.667vw; border-radius:2.222vw;} .payment-area.advance .cost-listup .card-discount > span {font-size:3.889vw;} .payment-area.advance .cost-listup .card-discount .text {margin-left:3.333vw;} .payment-area.advance .cost-listup .card-discount .text > strong {font-size:4.444vw;} .payment-area.advance .membership-saving {border-top:0.278vw solid #EBEBEB; padding: 24px 0; } .payment-area.advance .membership-saving .payment-listup {margin-bottom:0;padding-bottom: 3.889vw;} .payment-area.advance .membership-saving .info-text {padding: 0 6.667vw 5.556vw;} .payment-area.advance .terms-box {padding-top:10vw;} /* 주문 완료 */ .order-finish-content.advance .order-detail-tbl .order-td {padding:1.667vw 0;} .order-finish-content.advance .order-detail-type2 .order-payment-info .order-delivery-tit {margin-bottom:1.111vw;} .order-finish-content.advance .order-detail-type2 .order-delivery-tit {width:35%;} .order-finish-content.advance .order-detail-type2 .order-delivery-data span {line-height:22px;} .order-finish-content.advance .board-view-type-3 .board-tit {width:20%;} .order-finish-content.advance .board-view-type-3 .board-con {width:calc(78% - 10vw);} .order-finish-content.advance .board-view-type-3 .board-con.order-code {width:auto;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span {display:inline-block;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span + strong {margin-left:0;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span + strong:before {content:''; display:inline-block; width:1px; height:10px; margin:0 2.222vw; background:#ddd;} .order-finish-content.advance .board-view-type-3 .btn-underline {margin-left:11.111vw;} .order-finish-content.advance .board-con.gift span {display:inline-block;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo {height:auto; text-overflow:initial;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo span {text-overflow:initial; white-space:initial;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo .btn-underline {margin-left:0;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo span + span {display:none;} .order-finish-content.advance .order-detail-type2.gift > div {display:flex; flex-direction:column;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit {width:100%; padding-bottom:1.389vw;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit span {width:25vw;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit .price {width:calc(100% - 25vw);} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data {width:100%; padding-top:0; padding-left:25vw;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span {display:block; margin:0 0 0.833vw 0;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span:first-child:before {display:none;} .order-finish-content.advance .order-detail-tbl.order-detail-type5 .order-td.order-benefit-price em {margin-left: auto;} /* 마이페이지-주문배송조회 목록 */ .conbox-myshopping-list .ordered-list-contents.advance .order-tbl { position: relative; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-spec { width: 100%; padding: 6.667vw 0 4.444vw; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-select { order: 3; padding: 0 0 5.556vw 114px; width: auto; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-count { order: 5; padding: 0; width: 100%; text-align: left; padding-left: 114px; font-size: 4.444vw; color: #000; font-weight: bold; line-height: 8.889vw; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-btn-area { display: block; height: auto; order: 4; padding: 0; width: auto; position: absolute; bottom: 10vw; left: 0; z-index: 1; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-btn-area:before { display: none; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price { order: 6; padding: 0; width: auto; text-align: right; position: absolute; bottom: 10vw; right: 0; z-index: 1; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price span { display: inline-block;} .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price span + span { margin-left: 1.389vw; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price .price-small { font-size: 3.889vw; } /* 마이페이지-주문배송조회 상세 */ .conbox-myshopping-list .ordered-list-contents.advance .detail .to-print {margin: 0;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-head-info ul li {margin-top:0; padding:2.222vw 0 2.222vw 114px; min-height:9.444vw;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-head-info ul li span {top:2.222vw;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-spec-group {margin-bottom:5.556vw;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-select {order:3; padding:0; width:auto;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-spec + .order-select {width:100%; margin: -2.778vw 0 0 114px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-count {order:4; width:46%; margin-top:5.556vw;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-price {order:5; padding:0; width:54%; text-align:right; position:relative; bottom:initial; right:initial; z-index:1; margin-top:5.556vw;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-btn-area {order:6; display:block; height: auto; margin:6.667vw 0 0 114px; width:auto; position:relative; bottom:initial; left:initial; z-index:1;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-btn-area .review {display:block;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift {order:7; margin:6.667vw 0 0 0;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-list {width:100%;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-info {width:100%;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-info .price {font-size:3.889vw;} .order-area.pay-info.advance .order-info-box > li:last-child { padding-bottom: 0 !important;} } /* 갤폴드3,4 (일부영역이 pc화면과 간격, 텍스트 동일) */ @media all and (max-width:350px) and (min-width:270px) { .order-area.advance {margin-bottom:40px;width: auto;} .order-area.advance > h2 {border-bottom:1px solid #000; font-size:20px;} .order-area.advance .order-tbl {padding-bottom:24px;} .order-area.advance .order-tbl .order-td {padding:30px 0;} .order-area.advance .order-info-box .head {margin-bottom:30px; padding:0; font-size:16px;} .order-area.advance .order-info-box .order-btn {padding:0;} .order-area.advance .order-info-box .btn-underline {font-size:14px;} .order-area.advance .order-info-detail > li {min-height:auto; margin:0; padding:0; font-size:14px;} .order-area.advance .order-info-detail > li + li {margin-top:24px;} .order-area.advance .order-info-box > li {flex-wrap:wrap; margin:0; padding:0; border-bottom:none;} .order-area.advance .order-info-box .tit {width:100%; margin-top:0; font-size:16px;} .order-area.advance .order-info-box .tit .btn-tooltip {margin:3px 0 0 2px;} .order-area.advance .order-image{width:auto;} .order-area.advance .order-spec {width:100%;padding-bottom:30px;} .order-area.advance .order-spec-group {margin-bottom: 0;min-height:auto;} .order-area.advance .order-spec .order-select{margin-top:20px;} .order-area.advance .order-tbl .order-coupon {width:100%;padding:0;} .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info {max-width:250px;} .order-area.advance .order-tbl .order-count {z-index:1; width:30%; padding:36px 0 0 0;} .order-area.advance .order-tbl .order-price {position:relative; z-index:0; width:100%; margin-top:-26px; padding:0;} .order-area.advance .order-tbl .order-price .price-small {display:inline-block; width:auto; margin:2px 0 0 0; font-size: 4.167vw;} .order-area.advance .order-tbl .order-price .price-big {margin-left:12px; font-size:5.556vw;} .order-area.advance .order-tbl .order-price .price-small ~ .box-tip {top:initial;} .order-area.advance .order-tbl .order-price .btn-downtool {width:20px; height:20px; margin-left:6px; background-size:auto 100%;} .order-area.advance .order-price .box-tip {position:relative; top:initial; width:100%; margin:15px 0 0 0; border:none; background:#F7F7F7;} .order-area.advance .order-price .box-tip .total * {font-size:16px;} .order-area.advance .order-price .box-tip li ~ li:not(.total) {margin-top:10px;} .order-area.advance .order-price .box-tip .total .price {color:#2189FF;} /* 사은품 */ .order-area.advance .order-gift {margin:24px 0 0 0;} .order-area.advance .order-spec .order-select {width:calc(100% - 150px); margin-left:auto; padding:0;} .order-area.advance .order-select-list {margin-top:6px;} /* 사은품 장바구니,주문배송 공통 */ .advance .gifts-select {height:44px; padding:0 8px; border-radius:4px;} .advance [class*=-select] .gifts-select .imgs {width:28px; height:28px; margin-right:6px;} .advance [class*=-select] .gifts-select .imgs img {min-width:28px;} .advance [class*=-select] .gifts-select .names {font-size:12px;} .advance .order-select-list {margin-top:8px;} .advance .gift-list-box {flex-wrap: wrap; padding:16px 0 16px 12px; border:1px solid #D9D9D9; border-radius:8px;} .advance .gift-list-box .gift-info {display:flex; flex-wrap:wrap; width:100%; padding-left:0;} .advance .gift-list-box .gift-info .tit {margin-top:2px; font-size:16px;} .advance .gift-list-box .gift-info .price {margin:0 12px 0 auto; font-size:16px;} .advance .gift-list-box .gift-info .txt {width:100%; margin-top:2.222vw; font-size:12px;} .advance .gift-list-box .gift-list {display:block; width:100%; margin-top:12px;} .advance .gift-list-box .gift-list li {width:auto;} .advance .gift-list-box .gift-list li .gifts-select {height:52px;padding-right:10px;} .advance .gift-list-box .gift-list li.full {width:97%; min-width:100%; max-width:100%; padding-right:12px;} .advance .gift-list-box .swiper-slide {max-width:100%;} .advance .gift-list-box .slider-controls {padding-right:12px;} /* 배송 정보 - 부가 서비스 */ .order-area.advance .order-info-box > li + li {padding-top:36px; border-top:1px solid #D9D9D9;} .order-area.advance .order-info-box .extra-service .head {top:0;} .order-area.advance .order-info-box .deco {border-top:1px solid #D9D9D9 !important;} .order-area.advance .order-info-box .deco.extra-service .order-info-detail.info-extra > li > span {margin:0; padding:0 0 16px; font-size:14px;} .order-area.advance .order-info-detail.info-extra > li {position:relative; margin-bottom:0;} .order-area.advance .order-info-detail.info-extra > li + li {margin-top:30px;} .order-area.advance .order-info-detail.info-extra > li .inp-form {width:100%;} .order-area.advance .order-info-detail.info-extra .chk-view {margin:0;} .order-area.advance .deco.extra-service .order-info-detail.info-extra span:not(.tooltip-add) {margin:0; padding:0 0 10px; line-height:1.2;} .order-area.advance .order-info-detail.info-extra > li .tooltip-add .btn-tip {top:-2px; left:70px; transform:none;} /* 포인트 사용 */ .order-area.point-area.advance {padding:0 0 20px 0;} .order-area.point-area.advance:after {height:10px; background:#F7F7F7;} .order-area.point-area.advance .order-info-box {padding-top:24px;} .order-area.point-area.advance .order-info-box .tit {display:none;} .order-area.point-area.advance .order-info-box .point-btn .tit {display:block; margin:0; font-size:16px;} .order-area.point-area.advance .order-info-box .point-btn .btn-underline {position:absolute; top:1px; left:100px; margin:0;} .order-area.point-area.advance .order-info-box .point-detail {margin-top:0;} .order-area.point-area.advance .order-info-box .point-box {flex-wrap:wrap;} .order-area.point-area.advance .order-info-box .point-keep {width:100%; font-size:14px;} .order-area.point-area.advance .order-info-box .point-count {min-height:20.999px; margin-top:0; font-size:16px;} .order-area.point-area.advance .order-info-box .point-count + .point-list {margin-top:18px;} .order-area.point-area.advance .order-info-box .point-list li * {font-size:14px;} .order-area.point-area.advance .order-info-box .point-list li + li {margin-top:6px;} .order-area.point-area.advance .order-info-box .point-use {position:relative; width:100%; margin-top:24px;} .order-area.point-area.advance .order-info-box .point-use .txt-info {margin:0; font-size:12px; text-align:left;} .order-area.point-area.advance .order-info-box .point-use .chk-form {position:absolute; top:5px; right:0;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point {width:48%;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point::after {right:0;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point .inp-line {padding-right:14px;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form input[type="checkbox"] + label {width:110px;} /* 결제 수단 */ .order-area.pay-info.advance .order-info-box {padding-top:0;} .order-area.pay-info.advance .order-info-box > li > .tit {display:none;} .order-area.pay-info.advance .order-info-box .pay-detail-list {margin-top:0; border-top:0;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li {min-height:70px; padding-top:28px;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li > .chk-form label {font-size:18px;} /* s : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .samsung-pay-box .btn-samsungpay { width: 100%; height: 25.556vw; background: url("/sec/static/_images/common/btn-samsung-pay-m.svg") center no-repeat; background-size: 100% 100%; } .order-area.pay-info.advance .order-info-box .samsung-pay-box.on .btn-samsungpay { background: url("/sec/static/_images/common/btn-samsung-pay-m-on.svg") center no-repeat; background-size: 100% 100%; } /* e : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box {padding:24px 0 36px;} .order-area.pay-info.advance .order-info-box .pay-detail-list .flag {margin-left:0; padding:4px 8px 3px; border-radius:32px; border-radius:6px 0 6px 0; font-size:12px;} .order-area.pay-info.advance .order-info-box .credit-card > li {width:31%; height:27vw; margin: 0 0.833vw 1.111vw;} .order-area.pay-info.advance .order-info-box .credit-card > li > button {background-size:100% auto !important;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung.svg") no-repeat;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on button:after {border-radius:6px;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li {width:31%; height:27vw; margin: 0 0.833vw 1.111vw;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button {background-size:100% auto !important;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.payco {margin-left:auto; background:url("/sec/static/_images/credit-card/mb/easy-payco.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.payco {background:url("/sec/static/_images/credit-card/mb/easy-payco-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money-on.svg"); background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-add {width:100%;} .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:100%; margin-top:20px;} .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment {margin-top:16px;} .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:67%; margin-right:0;} .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {margin-left:auto; font-size:12px;} .order-area.pay-info.advance .pay-info-notice ul {padding:16px;} .order-area.pay-info.advance .pay-info-notice li {display:flex; width:100%;} .order-area.pay-info.advance .pay-info-notice li + li {margin-top:8px;} .order-area.pay-info.advance .pay-info-notice .flag {height:20px; padding:3px 8px 0; border-radius:32px; font-size:12px;} .order-area.pay-info.advance .pay-info-notice .link {display:-webkit-box; padding:0 10px 0 0; overflow:hidden; font-size:14px; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:1; -webkit-box-orient:vertical;} .order-area.pay-info.advance .order-info-box .save-pay {margin-top:24px;} /* 결제 정보 */ .payment-area.advance:before {content:''; display:block; position:absolute; top:0; left:-12px; width:calc(100% + 24px); height:10px; background:#ebebeb;} .payment-area.advance > h2 {display:block; padding-top:40px; font-size:20px;} /* 주문 완료 */ .order-finish-content.advance .order-detail-tbl .order-td {padding:6px 0;} .order-finish-content.advance .order-detail-type2 .order-payment-info .order-delivery-tit {margin-bottom:1.111vw;} .order-finish-content.advance .order-detail-type2 .order-delivery-tit {width:35%;} .order-finish-content.advance .order-detail-type2 .order-delivery-data span {line-height:22px;} .order-finish-content.advance .board-view-type-3 .board-tit {width:20%;} .order-finish-content.advance .board-view-type-3 .board-con {width:calc(78% - 36px);} .order-finish-content.advance .board-view-type-3 .board-con.order-code {width:auto;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span {display:inline-block;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span + strong {margin-left:0;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span + strong:before {content:''; display:inline-block; width:1px; height:10px; margin:0 8px; background:#ddd;} .order-finish-content.advance .board-view-type-3 .btn-underline {margin-left:40px;} .order-finish-content.advance .board-con.gift span {display:inline-block;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo {height:auto; text-overflow:initial;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo span {text-overflow:initial; white-space:initial;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo .btn-underline {margin-left:0;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo span + span {display:none;} .order-finish-content.advance .order-detail-type2.gift > div {display:flex; flex-direction:column;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit {width:100%; padding-bottom:5px;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit span {width:90px;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit .price {width:calc(100% - 90px);} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data {width:100%; padding-top:0; padding-left:90px;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span {display:block; margin:0 0 3px 0;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span:first-child:before {display:none;} .order-finish-content.advance .order-detail-tbl.order-detail-type5 .order-td.order-benefit-price em {margin-left: auto;} /* 마이페이지-주문배송조회 목록 */ .conbox-myshopping-list .ordered-list-contents.advance .order-head-info ul li {margin-top:0; padding:8px 0 8px 100px; min-height:34px;} .conbox-myshopping-list .ordered-list-contents.advance .order-head-info .present-reforwarding {top:55px;} .conbox-myshopping-list .ordered-list-contents.advance .order-tbl { position: relative; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-spec { width: 100%; padding: 24px 0 16px; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-select { order: 3; padding: 0 0 20px 114px; width: auto; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-count { order: 5; padding: 0; width: 100%; text-align: left; padding-left: 114px; font-size: 16px; color: #000; font-weight: bold; line-height: 32px; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-btn-area { display: block; height: auto; order: 4; padding: 0; width: auto; position: absolute; bottom: 36px; left: 0; z-index: 1; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-btn-area:before { display: none; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price { order: 6; padding: 0; width: auto; text-align: right; position: absolute; bottom: 36px; right: 0; z-index: 1; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price span { display: inline-block;} .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price span + span { margin-left: 5px; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price .price-small { font-size: 14px; } /* 마이페이지-주문배송조회 상세 */ .conbox-myshopping-list .ordered-list-contents.advance .detail .order-head-info ul li {margin-top:0; padding:8px 0 8px 114px; min-height:34px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-head-info ul li span {top:8px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-spec-group {margin-bottom:20px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-select {order:3; padding:0; width:auto;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-spec + .order-select {width:100%; margin: -10px 0 0 114px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-count {order:4; width:46%; margin-top:20px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-price {order:5; padding:0; width:54%; text-align:right; position:relative; bottom:initial; right:initial; z-index:1; margin-top:20px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-btn-area {order:6; display:block; height: auto; margin:24px 0 0 114px; width:auto; position:relative; bottom:initial; left:initial; z-index:1;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-btn-area .review {display:block;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift {order:7;margin:24px 0 0 0;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-list {width:100%;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-info {width:100%;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-info .price {font-size:14px;} .point-area.advance div.inp-point::before{display: none;} .order-area.point-area.advance .order-info-box .inp-point + .btn-point .btn.btn-s {min-width: auto; padding: 0 4.5vw;} .payment-area.advance .cost-listup > li > span > strong { font-size: 15px; } .payment-area.advance .cost-listup > li > .head { padding-top: 8px; } .payment-area.advance .cost-listup > li > .text > strong { font-size: 26px; } .payment-area.advance .cost-listup .card-discount .text { margin-left: 0;} .payment-area.advance .cost-listup .card-discount {padding: 16px 12px;} .payment-area.advance .membership-saving.droptoggle .dropOption .head { width: 50%; } .order-area.pay-info.advance .order-info-box > li:last-child { padding-bottom: 0 !important;} } @media (max-width:324px) { .order-area.benefit .order-spec .order-spec-group{ width:100%; padding-left: 125px;} .order-area.advance .order-spec .order-select {width:calc(100% - 122px);} } /* s : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .layer-pop.layer-normal.layer-card-info { max-width: 750px; } .layer-pop.layer-normal.layer-card-info .layer-content { min-height: 170px; } .layer-pop.layer-normal.layer-card-info .layer-content ul { overflow: hidden; } @media screen and (max-width: 767px) { .layer-pop.layer-normal.layer-card-info .layer-content { max-height: calc(100vh - 130px); } } /* e : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ /* e : 230417 혜택시뮬레이터 고도화 */ /* KDP-28635 중고가전 추가보상 프로그램 (230425) */ .order-info-detail .trade-item.check-area .inp-form {width:100%;} .order-info-detail .trade-item.check-area .inp-form > .chk-form {width:48%;} .order-info-detail .trade-item.check-area .chk-form input[type="radio"] {top:50%;transform:translateY(-50%);} .order-info-detail .trade-item.check-area .chk-form input[type="radio"] + label {padding-right:20px;font-weight:normal;} .order-info-detail .trade-item.check-area .chk-form input[type="radio"]:checked + label {font-weight:bold;} @media (max-width: 800px) { .order-info-detail .trade-item.check-area .chk-form input[type="radio"] + label {padding-right:10px;} } /* KDP-29203 N Pay 결제 시 현금영수증 발급 영역 추가 */ .receipt-type-sel:after {clear:both;display:block;content:"";} .receipt-type-sel .receipt-type {float:left;width:calc(100% / 2 - 12px);} .receipt-type-sel .receipt-type + .receipt-type {margin-left:24px;} .receipt-type-sel .type-item {display:none;} @media (max-width: 1280px) and (min-width: 800px) { .receipt-type-sel .receipt-type input:not([type=checkbox]):not([type=radio]).inp-line {min-height:2.9091vw;font-size: 1.2727vw;} .receipt-type-sel .receipt-type input:-ms-input-placeholder {font-size: 1.2727vw;} .receipt-type-sel .receipt-type input::-webkit-input-placeholder {font-size: 1.2727vw;} .receipt-type-sel .receipt-type input:-moz-placeholder {font-size: 1.2727vw;} } @media screen and (max-width:1100px){ .receipt-type-sel .wrap-droplist, .receipt-type-sel .receipt-type {width:100%;} .receipt-type-sel .receipt-type + .receipt-type {margin-left:0;margin-top:15px;} } /* /////////////////////////////// s : KDP-31602 장바구니합결제_금액대별 청구할인_트레이드인 수정(230612) /////////////////////////////// */ /* KDP-31602 트레이드인 */ .trade-in2 .order-info-detail > li:nth-child(odd) { margin-top:12px;padding-top:24px;border-top:1px solid #EBEBEB; } .trade-in2 .order-info-detail > li:first-child { margin-top:0;padding-top:0;border-top:none; } .trade-in2 .order-info-detail .s-head { font-size:16px; } .trade-in2 .order-info-detail .chk-view { padding:10px 0 9px 0; } .trade-in2 .order-info-detail .chk-view > .double-droplist, .trade-in2 .order-info-detail .chk-view > .droplist { margin-top:-10px !important; } /* 230703 정지우 추가 */ /* KDP-31602 중고가전 추가보상 프로그램 */ .etrwd-list .etrwd-box .etrwd-tit-box .item-tit { position: relative;color: #000;font-size: 20px;font-weight: bold;line-height: 26px;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .etrwd-list .etrwd-box .etrwd-tit-box span:not(.item-tit) { position: relative;display: block;font-size: 14px;font-weight: 400;line-height: 20px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .etrwd-list .etrwd-box .chk-form-etrwd.style-btn { margin: 10px 0; } .etrwd-list .etrwd-box .chk-form-etrwd.style-btn input[type="radio"] + label { min-width:120px;height:40px;line-height:40px;font-weight:normal;background:#fff;border:1px solid #b2b2b2;border-radius:20px; } .etrwd-list .etrwd-box .chk-form-etrwd.style-btn input[type="radio"]:checked + label { color:#fff;background:#000;border-color:#000; } @media (max-width: 1440px) and (min-width: 1101px) { /* KDP-31602 트레이드인 */ .trade-in2 .order-info-detail .s-head { font-size:1.1111vw; } /* KDP-31602 중고가전 추가보상 프로그램 */ } @media screen and (max-width: 1100px) and (min-width: 801px) { /* KDP-31602 트레이드인 */ .trade-in2 .order-info-detail { /* padding-top:2.7273vw; */padding-right:10.9091vw; } .trade-in2 .order-info-detail .s-head { font-size:1.4545vw !important; } .order-content .trade-in2 .info-extra li:nth-child(3) { min-height:auto !important; } /* KDP-31602 중고가전 추가보상 프로그램 */ } @media (max-width: 800px) { /* KDP-31602 트레이드인 */ /* 230703 정지우 추가 */ .trade-in2 .order-info-detail .chk-view { padding:8px 0 8px 31%; } .trade-in2 .order-info-detail .chk-view > .double-droplist, .trade-in2 .order-info-detail .chk-view > .droplist { margin-top:-8px !important; } .trade-in2 .double-droplist { gap:20px; } .trade-in2 .double-droplist .wrap-droplist { width:calc(50% - 20px); } .trade-in2 .double-droplist .wrap-droplist:last-child { margin-left:0; } .order-content .trade-in2 .info-extra li:nth-child(3) { min-height:auto !important; } /* KDP-31602 중고가전 추가보상 프로그램 */ } @media (max-width: 320px) { /* KDP-31602 트레이드인 */ /* 230703 정지우 추가 */ .trade-in2 .order-info-detail .chk-view > .double-droplist, .trade-in2 .order-info-detail .chk-view > .droplist { margin-top:-3% !important; } } /* /////////////////////////////// e : KDP-31602 장바구니합결제_금액대별 청구할인_트레이드인 수정(230612) /////////////////////////////// */ /* /////////////////////////////// s : KDP-32183 트레이드인 기능 도입(230626 정지우 작업) /////////////////////////////// */ /* 주문/배송 조회 */ .order-tbl2 { flex-wrap:wrap; } .order-tbl2 .note { padding-bottom:36px; } .order-tbl2 .note li { padding:0 0 0 12px;text-indent:-12px;color:#FF4337; } /* .order-area2 .trade-in { margin-top:12px; } .order-area2 .trade-in > div:first-child { margin-top:12px; } .order-area2 .trade-in .info-box dt { top:12px; } 20230627 삭제 */ .order-area2 .trade-in > div:not(:nth-last-of-type(1)) { padding-bottom:12px;border-bottom:1px solid #ebebeb; } .order-area2 .trade-in .info-box { padding-top:12px;padding-bottom:12px;border-bottom:none !important; } .order-area2 .trade-in .info-box > dd .dame-box { position:relative;margin-left:12px;padding-left:10px; } .order-area2 .trade-in .info-box > dd .dame-box:after { content:"";position:absolute;top:50%;left:0;display:block;width:1px;height:14px;margin-top:-7px;background:#d9d9d9; } .trade-in-return2.row1 { padding-bottom:12px;border-bottom:1px solid #EBEBEB; } /* 취소 상세 */ .info-section.tir-box { padding-top:12px !important; } .info-section.tir-box .trade-in-return2.row1 + .trade-in-return2 { padding-top:12px; } .info-section.tir-box .info-box dt, .mcd-box .info-section .info-box dt { top:12px; } .mcd-box .info-section > div:not(:nth-last-of-type(1)) { padding-bottom:12px;border-bottom:1px solid #ebebeb; } .mcd-box .info-section .info-box { padding-top:12px;padding-bottom:12px;border-bottom:none !important; } @media (max-width: 800px) { /* 주문/결제 */ .order-info-box .trade-in2 .note { margin-top:14px; } /* 주문 완료 */ .trdin-box .delivery-by-order { padding-top:6px; } /* 주문 배송 조회 */ .order-tbl2 .note { order:7;padding:36px 0 0 0; } /* 주문/배송 상세 */ .order-area2 .trade-in > div:not(:nth-last-of-type(1)) { padding:0 0 24px 0 !important; } .order-area2 .trade-in .info-box > dt { position:absolute !important;top:24px !important; } .order-area2 .trade-in .info-box > dd .dame-box { display:block;margin-top:15px;margin-left:0;padding-left:0; } .order-area2 .trade-in .info-box > dd .dame-box:after { display:none; } .trade-in-return2.row1 { padding-bottom:24px; } /* 취소 상세 */ .info-section.tir-box .info-box dt, .mcd-box .info-section .info-box dt { top:24px; } .info-section.tir-box .info-box dt, .info-section.tir-box .info-box dd { padding:9px 0 !important; } .mcd-box .info-section > div:not(:nth-last-of-type(1)) { padding-bottom:24px; } .canceled-list-contents .tir-box { padding-top:0px !important; } .canceled-list-contents .tir-box.info-section.trade-in-return .info-box > dt { top:24px !important; } .info-section.tir-box .trade-in-return2.row1 + .trade-in-return2 { padding-top:0; } } /* /////////////////////////////// e : KDP-32183 트레이드인 기능 도입(230626 정지우 작업) /////////////////////////////// */ /* KDP-34016 8월 패넷 롯데카드 청구할인 관련 결제 페이지 수정 */ .credit-card > li > button {position:relative;} .credit-card > li > button > .flag {position: absolute;top:0;left:0;margin:0;display:inline-block;height:20px;padding: 4px 8px 3px;border-radius: 6px 0 6px 0;background:#999;color:#fff;font-size:12px;vertical-align:top;} .credit-card > li.on > button > .flag {background:#2189FF;} .order-area.pay-info .pay-benefit-info-area {margin:30px 0;padding-top:0;} .order-info-box .pay-benefit-info-area .head {top:50%;transform:translateY(-50%);} .order-area.pay-info .pay-benefit-info-area .pay-info-notice ul {margin:0;padding:20px 24px;border-top:none;border-radius: 6px;background: #f7f7f7;} .order-area.pay-info .pay-benefit-info-area .pay-info-notice li {display:inline-flex;width:100%;align-items:center;padding-right:12px;} .order-area.pay-info .pay-benefit-info-area .pay-info-notice li + li {margin-top: 10px;} .order-area.pay-info .pay-benefit-info-area .pay-info-notice .flag {display: inline-flex;height: 20px;margin-right: 6px;padding: 4px 8px 3px;border: 1px solid #2189FF;border-radius: 33px;background:#fff;color:#2189FF;font-size:12px;vertical-align:top;} .order-area.pay-info .pay-benefit-info-area .pay-info-notice .link {display: inline-flex;display: -webkit-box;height: 20px;padding: 0 13px 0 0;overflow: hidden;color: #707070;font-size: 14px;text-overflow: ellipsis;line-height: 1.4;white-space: initial;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;background-image: linear-gradient(rgba(247, 247, 247, 0.3), rgba(247, 247, 247, 0.3)), url("/sec/static/_images/common/icon_arr_right_gray.svg");background-repeat: no-repeat;background-position: top 4px right;background-size: auto 10px;} .order-area.pay-info .pay-benefit-info-area .pay-info-notice .link em {display:inline-block;margin-right:6px;color:#000;font-size:inherit;vertical-align:top;} @media (max-width: 800px) { .order-content .order-area.pay-info .order-info-box > .pay-benefit-info-area {padding-top:0;margin:-26px 0 0;} } /* KDP-35627 [B2C] Toss페이 아이콘 퍼블 수정 */ .order-area.pay-info.advance .order-info-box .easy-pay > li > button.toss { background: url("/sec/static/_images/credit-card/easy-toss.svg") no-repeat; background-size: 100% auto; } .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.toss { background: url("/sec/static/_images/credit-card/easy-toss-on.svg") no-repeat; background-size: 100% auto; } @media (max-width: 801px) and (min-width: 351px) { .order-area.pay-info.advance .order-info-box .easy-pay > li > button.toss { background: url("/sec/static/_images/credit-card/mb/easy-toss.svg") no-repeat; background-size: 100% auto; } .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.toss { background: url("/sec/static/_images/credit-card/mb/easy-toss-on.svg") no-repeat; background-size: 100% auto; } } /* KDP-36157 [B2C] 시간대별 배송 */ .order-content .order-spec-group .ico-group-t {position:relative;} .order-content .order-spec-group .ico-group-t .ico-bubble {position:static;overflow:initial;} .order-content .order-spec-group .ico-group-t .bubble-box {margin-left:0;position:absolute;left:-10px;top:-50px;padding:8px 12px;line-height:14px;color:#2189FF;font-size:12px;font-weight:700;background-color:#fff;border:1px solid #2189FF;border-radius:5px;} .order-content .order-spec-group .ico-group-t .bubble-box:after {position:absolute;bottom:-3px;left:50%;transform:translateX(calc(-50% - 3px)) rotate(45deg);display:inline-block;width:16px;height:8px;border:1px solid #2189FF;background-color:#fff;z-index:-1;content:"";} .order-content .order-spec-group .ico-group-t .bubble-box:before {position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:12px;height:1px;background-color:#fff;z-index:0;content:"";} .delivery-method .order-info-detail.info-extra span {line-height:32px;} .delivery-method .order-info-detail .reward-value {margin-top:6px;line-height:16px;color:#707070;text-align:right;} .delivery-method-sel {display:flex;gap:8px;} .delivery-method-sel li {width:50%;margin:0;padding:0;} .delivery-method-sel .delivery-method-item {display:block;height:100%;border:1px solid #8E8E8E;border-radius:10px;cursor:pointer;overflow:hidden;} .delivery-method-sel .delivery-method-item.new:after {position:absolute;left:12px;top:-10px;padding:0 8px;height:20px;line-height:20px;border-radius:10px;color:#fff;font-size:12px;font-weight:700;background-color:#2189FF;content:"NEW";} .delivery-method-sel .delivery-method-item .method-tit {position:relative;display:flex;align-items:center;margin-top:4px;padding-left:43px;width:100%;height:40px;color:#000;font-size:14px;font-weight:700;background-color:#fff;} .delivery-method-sel .delivery-method-item .method-tit:before {position:absolute;left:14px;top:50%;transform:translateY(-50%);display:inline-block;width:25px;height:24px;background:url('/sec/static/_images/icon_dps/icon_general_delivery.svg') no-repeat center;content:"";} .delivery-method-sel .delivery-method-item .method-tit br {display:none;} .delivery-method-sel .delivery-method-item .method-text {display:inline-block;padding:12px 14px;width:100%;height:calc(100% - 44px);color:#000;line-height:16px;font-size:12px;background-color:#F7F7F7;} .delivery-method-sel .delivery-method-item .method-text strong {color:#2189FF;vertical-align:top;font-size:inherit;} .delivery-method-sel .delivery-method-item.new .method-tit:before {background:url('/sec/static/_images/icon_dps/icon_time_delivery.svg') no-repeat center;} .delivery-method-sel a[aria-selected="true"] {border:1px solid #2189FF;outline:1px solid #2189FF;} .delivery-method-sel a[aria-selected="true"] .method-tit {color:#2189FF;} .delivery-method-sel a[aria-selected="true"] .method-text {background-color:#F5F7FE;} .delivery-method-sel .tooltip-add .btn-tip {position:static;} .my-canceled-list .canceled-item .item-spec .type span {display:inline-block;} .my-canceled-list .canceled-item .item-spec .type span ~ span {margin-left:6px;} .text-gap {word-spacing:5px;} .input-date.flex-st {display:flex;align-items:center;gap:3px;padding-left:0;} .input-date.flex-st > .tit {position:static;line-height:normal !important;flex:0 0 auto;} .input-date.flex-st .btn-deliver-date-change {flex:0 0 auto;} .input-date.date-focus.flex-st .inp-calendar {word-spacing:5px;} .delivery-method .order-info-detail.info-extra > span {padding:0 35px 0 80px;position:relative;vertical-align:middle;} .delivery-method .order-info-detail.info-extra .inp-form:not(.chk_type) {height:32px;padding:0 35px 0 80px;position:relative;vertical-align:middle;} .delivery-method .order-info-detail.info-extra .inp-form .inp-line.inp-calendar {position:absolute;left:0;top:0;background-color:transparent !important;z-index:1;} .delivery-method .order-info-detail.info-extra .inp-form .inp-line.inp-calendar:focus {outline:dashed 2px #2189ff !important;} .delivery-method .order-info-detail.info-extra .inp-form .inp-line:focus + .inp-line {border-bottom:2px solid transparent;} .delivery-method .order-info-detail.info-extra .inp-form .inp-line + .inp-line:focus {border-bottom:2px solid transparent;} .delivery-method .order-info-detail.info-extra .vocTimeWrap {display:flex;} .delivery-method .order-info-detail.info-extra .vocTimeWrap .inp-form.vocTime {padding:0; height:auto;} .delivery-method .order-info-detail.info-extra .vocTimeWrap .inp-form.vocTime .vocTimeFrom {} .delivery-method .order-info-detail.info-extra .vocTimeWrap .inp-form.vocTime .vocDesc {} .delivery-method .order-info-detail.info-extra .vocTimeWrap .inp-form.vocTime .vocDesc p {padding:10px 0 0 10px; font-size:12px;} .input-date.date-focus.flex-st .inp-form {display:flex;align-items:center;position:relative;width:200px;height:32px;vertical-align:middle;} .input-date.date-focus.flex-st .inp-calendar {max-width:none;} .input-date.date-focus.flex-st .inp-line.inp-calendar {position:absolute;left:0;right:0;top:0;width:45%;max-width:none;background-color:transparent !important;z-index:1;} .input-date.date-focus.flex-st .inp-line.inp-calendar:focus {outline:dashed 2px #2189ff !important;} .input-date.date-focus.flex-st .inp-line + .inp-line {position:absolute;right:0;width:55%;} .delivery-method .banner-area {display:inline-block;width:100%;margin-top:20px;max-width:566px;height:100px;line-height:100px;text-align:center;background-color:#ddd;} .info-guide.bold-st li {font-weight:700;} .info-guide.bold-st li strong {vertical-align:top;font-size:inherit;} .order-info-box > li.delivery-method:nth-last-child(1) {padding-bottom:30px;border-bottom:1px solid #eaeaea;} .delivery-method .order-info-detail.info-extra .inp-form .error-msg {position:absolute;bottom:-20px;left:0;} @media (min-width:1441px) { .delivery-method-sel li {width:184px;} } @media (min-width: 1101px) and (max-width: 1440px) { .input-date.date-focus.flex-st .inp-form {width:15vw;height:2.2222vw} .delivery-method .order-info-detail.info-extra .inp-form {height:2.2222vw;} } @media (max-width: 1100px) and (min-width: 801px) { .input-date.date-focus.flex-st .inp-form {width:18vw;height:2.9091vw} .input-date.date-focus input[type="text"].inp-line.inp-calendar {max-width:none;} .delivery-method .order-info-detail.info-extra .inp-form .error-msg {bottom:-2vw;} .delivery-method-sel .delivery-method-item .method-tit {padding-left:3.90vw;font-size:1.2727vw;height:4.0vw;line-height:4.0vw;} .delivery-method-sel .delivery-method-item .method-tit:before {left:0.9091vw;width:2.2727vw;height:2.1818vw;background-size:2.2727vw auto !important;} .delivery-method-sel .delivery-method-item .method-text {padding:1.0909vw 1.4545vw;font-size:1.0909vw;line-height:1.4545vw;height:calc(100% - 4.0vw);} } @media (max-width: 800px) { .order-content .order-spec-group .ico-group-t .ico-bubble .bubble-box {top:-45px} .order-content .delivery-method .info-extra .tooltip-add {padding:0;} .delivery-method .order-info-detail .tooltip-add .btn-tip {position:static;display:inline-block;margin-left:5px;transform:translateY(0);vertical-align:text-bottom;} .delivery-method .order-info-detail .reward-value {font-size:12px;} .input-date.date-focus.flex-st {min-width:200px;max-width:none;flex-wrap:wrap;} .input-date.date-focus.flex-st .btn-deliver-date-change {margin-left:0;} .input-date.date-focus.flex-st .inp-form {width:37vw;} .delivery-method .order-info-detail.info-extra .inp-form .error-msg {bottom:-3vw;} .conbox-myshopping-list .ordered-list-contents .order-head-info ul li {padding-left:130px;} /* .order-content .delivery-method .info-extra .inp-form {height: 135px !important;}*//* KDP-47635 개통폰 긴급오류수정*//* 240202 삭제 */ #liExtraServiceInfo .order-info-detail .counsel-method .input-caution:not(:first-of-type){padding-top: 2px;} /* KDP-47635 개통폰 긴급오류수정*/ } @media screen and (max-width: 540px) { .input-date.date-focus.flex-st {max-width:250px;flex-wrap:wrap;} .input-date.date-focus.flex-st .inp-form {width:180px;} .delivery-method .order-info-detail.info-extra .inp-form .error-msg {bottom:-5vw;} } @media (max-width: 360px) { /* KDP-46431 [ALL] 주문/결제 페이지 시간 맞춤 배송 텍스트 겹침 현상 (340px → 360px로 수정) */ .order-content .info-extra .tooltip-add {width:28%;margin-right:14px;} .order-content .info-extra .inp-form {width:calc(72% - 14px);} .input-date.date-focus.flex-st {max-width:250px;flex-wrap:wrap;} .delivery-method-sel .delivery-method-item .method-tit {padding-left:40px;height:50px;line-height:18px;} .delivery-method-sel .delivery-method-item .method-tit:before {left:10px;width:24px;height:24px;background-size:24px auto !important;} .delivery-method-sel .delivery-method-item .method-tit br {display:block;} .delivery-method-sel .delivery-method-item.new .method-tit:after {margin-left:3px;padding:0 0 0 4px;width:12px;letter-spacing:5px;text-align:left;overflow:hidden;} .delivery-method-sel .delivery-method-item .method-text {padding:12px;height:calc(100% - 54px)} .order-content .delivery-method .info-extra .tooltip-add {width:66px;font-size:12px;} .order-content .delivery-method .info-extra .inp-form {width:100%;} /* KDP-47635 개통폰 긴급오류수정*//* 240202 수정 */ .delivery-method .order-info-detail.info-extra .inp-form {padding:0 10.9375vw 0 25.0000vw;} .order-content .delivery-method .info-ul li .deliveryTable table th, .order-content .delivery-method .info-ul li .deliveryTable table td {padding:5px;word-break:normal;} } @media (max-width: 320px){ #ui-datepicker-div{ left: 55% !important; transform: translateX(-50%);} /* KDP-47635 개통폰 긴급오류수정*/ } /* KDP-46431 [ALL] 주문/결제 페이지 시간 맞춤 배송 텍스트 겹침 현상 */ .delivery-method .info-ul.sub li strong {font-size:inherit;vertical-align:top;} @media (max-width: 360px) { .delivery-method-sel .delivery-method-item .method-tit {height:50px;line-height:18px;} } @charset "utf-8"; /* 한도 정보 */ .limit-info { margin-bottom:60px; overflow:hidden; } .limit-info > h2 { padding-bottom:6px; font-weight:bold; font-size:20px; color:#000; line-height:1.3em; } .limit-info-box { background:#fafafa; border-top:2px solid #191919; } .limit-info-box:after { display:block; content:""; clear:both; } .limit-info-box > dt { float:left; width:160px; padding:23px 20px 25px; line-height:1.25em; font-weight:bold; font-size:16px; color:#000; font-weight:bold; letter-spacing:0; } .limit-info-box > dd { float:left; display:flex; width:calc(100% - 160px); padding:23px 20px 25px 0; font-size:0; } .limit-info-box > dd span { display:inline-block; line-height:1.25em; font-size:16px; color:#707070; letter-spacing:0; } .limit-info-box > dd span ~ span { padding-left:40px; } .limit-info-box > dd span em { position:relative; display:inline-block; margin-right:10px; padding-right:10px; vertical-align:baseline; letter-spacing:0; } .limit-info-box > dd span em:after { content:""; position:absolute; top:50%; right:0; width:1px; height:12px; transform:translateY(-50%); background:#ddd; } .limit-info-box > dd span strong { display:inline-block; color:#2189FF; vertical-align:baseline; letter-spacing:0; } .limit-info .info-type-1 { padding:24px 20px; border-bottom:1px solid #ebebeb; } .limit-info .info-type-1 > dt { line-height:1.3em; margin-bottom:22px; font-size:14px; color:#000; font-weight:bold; letter-spacing:0; } .limit-info .info-type-1 > dd p { font-size:14px; line-height:1.3em; color:#707070; letter-spacing:0; word-break:keep-all; } .limit-info .info-type-1 > dd p ~ p { padding-top:6px; } .limit-info .info-type-1 > dd p.light { color:#999; } .limit-info .info-type-2 { padding:24px 20px; border-bottom:1px solid #ebebeb; } .limit-info .info-type-2:after { content:""; display:block; clear:both; } .limit-info .info-type-2 .info-type-left { font-size:14px; color:#000; font-weight:bold; letter-spacing:0; } .limit-info .info-type-2 .info-type-left > em { margin-left:6px; font-weight:normal; font-size:inherit; color:#999; letter-spacing:0; } .limit-info .info-type-2 .info-type-right { float:right; line-height:1.29em; font-size:14px; color:#707070; letter-spacing:0; } /* 결제정보 */ .order-content .payment-area { position:absolute; right:24px; top:120px; width:100%; max-width:330px;background:#fff; z-index:10;} .order-excv .payment-area { top:127px; } /* 전담자몰 */ .order-content .payment-area > h2 { padding-bottom:6px; font-size:20px; color:#000; font-weight:bold; border-bottom:2px solid #191919; line-height:1.3em; } .order-content .payment-area .payment-listup { padding:24px 0; border-bottom:1px solid #eaeaea; } .order-content .payment-area .payment-listup > li { display:flex; } .order-content .payment-area .payment-listup > li ~ li { margin-top:12px; } .order-content .payment-area .payment-listup > li > span { width:50%; line-height: 21px; font-size:16px; color:#707070; letter-spacing:0; } .order-content .payment-area .payment-listup > li > span em { display: block; font-size: 12px; } .order-content .payment-area .payment-listup > li > .text { color:#000; text-align:right; line-height:21px; } .order-content .payment-area .payment-listup > li > .text > strong { font-weight:normal; line-height:inherit; vertical-align:bottom; } .order-content .payment-area .payment-listup .color-sb { color:#2188FF !important; } .order-content .payment-area .payment-listup .color-sb > strong { color:inherit; } .order-content .payment-area .cost-listup { padding-top:33px; } .order-content .payment-area .cost-listup > li { display:flex; } .order-content .payment-area .cost-listup > li ~ li { margin-top:12px; } .order-content .payment-area .cost-listup > li > span { width:50%; line-height:1.23em; font-size:16px; color:#000; } .order-content .payment-area .cost-listup > li > span .btn-tooltip { position:relative; display:inline-block; right:initial; top:initial; margin-left:3px; transform:none; } .order-content .payment-area .cost-listup > li > span > strong { font-size:18px; color:inherit; line-height:23px; } .order-content .payment-area .cost-listup > li > span > span { color:inherit; } .order-content .payment-area .cost-listup > li > span > em {color:#2188FF; font-weight:normal; } .order-content .payment-area .cost-listup > li > span.color-sb { color:#2188FF; } .order-content .payment-area .cost-listup > li > .text { text-align:right; } .order-content .payment-area .cost-listup > li > .text:not(.color-sb) { font-weight:bold; } .order-content .payment-area .cost-listup > li > .text > strong { font-family:"Samsung Sharp Sans"; font-size:24px; font-weight:bold; vertical-align:baseline; } .order-content .payment-area .cost-listup > li:first-child > .head { line-height:1.36em; } .order-content .payment-area .cost-listup > li.point-benefit { flex-direction: column; cursor: pointer;} .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-title { display: flex; justify-content: space-between; } .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-title .point-number:after { display: inline-block; content: ""; width: 14px; height: 14px; background: url(/sec/static/_images/common/icon-drop-down.svg) no-repeat right center; padding-left: 10px; } .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-list { width: 100%; height: 0; overflow: hidden; transition: 0.6s; } .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-list.on {height: 200px;} .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-list .dropList{background: #eee; border-radius: 15px; padding: 20px;margin-top: 20px;} .order-content .payment-area .cost-listup > li.point-benefit .point-benefit-list .dropList dl{display: flex; justify-content: space-between; padding: 6px 0;} .order-content .payment-area .terms-box { position:relative; margin-top:24px; padding-top:30px; border-top:1px solid #191919; } .order-content .payment-area .terms-box > h2 { line-height:1.3em; padding-bottom:24px; font-size:20px; color:#000; font-weight:bold; } .order-content .payment-area .terms-box > .btn-terms-view { position:absolute; right:0; top:38px; padding-right:22px; font-size:14px; color:#000; font-weight:bold; background:url("/sec/static/_images/common/icon-drop-down.svg") no-repeat right center; } .order-content .payment-area .terms-box > .on { background-image:url("/sec/static/_images/common/icon-drop-up.svg")} .order-content .payment-area .terms-box .terms-view { display:none; } .order-content .payment-area .terms-box .terms-view .chk-form { position:relative; } .order-content .payment-area .terms-box .chk-form ~ .chk-form { margin-top:16px; } .order-content .payment-area .terms-box .terms-view .chk-form .btn-underline { position:absolute; bottom:0; right:0; margin:0; } .order-content .payment-area .terms-box .chk-form label { padding-left:26px; padding-right: 51px; color:#000; line-height:1.3; word-break:keep-all; }/* 220208 */ .order-content .payment-area .terms-box .chk-form label:before { position:absolute; left:0; top:0; margin-top:0; } .order-content .payment-area .terms-box .chk-form:checked+label:before { top:0; } .order-content .payment-area .terms-box .terms-view { margin-top:16px; padding:20px; background:#F7F7F7; } .order-content .payment-area .terms-box .terms-view label.inp-box:not(:nth-last-child(1)) { padding-bottom:24px; } .order-content .payment-area .chk-all { display:none; } .order-content .payment-area .btn { width:100%; margin:36px 0 0; font-size:18px; font-weight:normal; } .order-content .payment-area .btn > strong { display:inline-block; margin-bottom:2px; font-family:"Samsung Sharp Sans"; /* margin-right:6px; */ color:#fff; font-size:inherit; font-weight:bold; line-height:1em; } .order-content .payment-area .btn > span { display:inline-block; margin-bottom:3px; font-size:inherit; color:#fff; line-height:1em; } /* 개통폰 멤버쉽 포인트 */ .order-content .payment-area .point-membership{padding-top: 22px;} .order-content .payment-area .point-membership .point-expect{display: flex; justify-content: space-between; padding-top: 16px;} .order-content .payment-area .point-membership .point-expect span{font-size: 16px;} .order-content .payment-area .point-membership .point-expect span.head{line-height: 1.23em; color: #000;} .order-content .payment-area .point-membership .point-expect span.text{} .order-content .payment-area .point-membership .point-expect .btn-point-detail{padding-right: 22px; font-size: 16px; color: #2188FF; font-weight: bold; background: url(/sec/static/_images/common/icon-drop-down.svg) no-repeat right center;} .order-content .payment-area .point-membership .point-expect .btn-point-detail.active{background: url(/sec/static/_images/common/icon-drop-up.svg) no-repeat right center;} .order-content .payment-area .point-membership .point-details{display: none; background: #eaeaea; padding: 16px; margin-top: 16px; color: #707070;} .order-content .payment-area .point-membership .point-details ul{} .order-content .payment-area .point-membership .point-details ul > li{display: flex; justify-content: space-between; padding-bottom: 6px;} .order-content .payment-area .point-membership .point-details ul > li span{line-height: 1.2rem;} .order-content .payment-area .point-membership .point-details > p{margin-top: 10px; padding-top: 10px; border-top: 1px solid #707070; line-height: 1.2rem;} /* 에러 메시지 */ .order-info-detail .error-msg, .input-obj .error-msg { padding-top:6px; } .order-info-detail .input-caution { position: relative; padding: 14px 0 0 10px; font-size: 14px; line-height: 1.25rem; color: #707070; } .order-info-detail .input-caution::before { display: inline-block; content: "*"; position: absolute; left: 0; } /* 주문 layout */ .order-content { position:relative; max-width:1440px; padding:50px 410px 0 24px; } .order-content.content { min-height:704px; } /* 주문 페이지에만 적용 */ .layer-pop .order-content { min-height:initial; } .order-content > .tit-box { margin-bottom:40px; } .order-content .order-area { margin-bottom:56px; } .order-content .order-area:nth-last-child(1) { margin-bottom:0; } .order-content .order-area > h2 { padding-bottom:6px; line-height:1.3em; font-size:20px; color:#000; font-weight:bold; border-bottom:2px solid #191919; } .order-content .order-tbl { display:flex; width:100%; } .order-content .order-tbl +.order-tbl{ border-top:1px solid #eaeaea; } .order-content .order-tbl .order-td { position:relative; padding:40px 0; text-align:left; vertical-align:top; } .order-content .order-tbl .order-image { width:21.5%; padding-right:24px; text-align:center; } .order-content .order-tbl .order-spec { width:24.8%; padding-right:24px; } .order-content .order-tbl .order-select { width:25.2%; } .order-content .order-tbl .order-count { width:15%; padding-right:24px; padding-left:24px; text-align:right; line-height:21px; } .order-content .order-tbl .order-price { width:13.5%; text-align:right; } .coupon-droplist .droplist li {line-height:20px; padding:10px 24px;} .coupon-droplist .droplist li span{font-size:12px;} .layer-bizniIdent .li-star >li::before{color: #2189FF;}/* 2021-04-26 */ /* s : 221229 혜택시뮬레이터 */ .order-content .order-tbl .order-price .price-smaller { display:block; color:#707070; font-size:12px; line-height:16px; letter-spacing:-0.4px; } .order-content .order-tbl .order-price .price-smaller + .price-small { margin-top:6px; } /* e : 221229 혜택시뮬레이터 */ /* 품절 */ .p-soldout > div:not(.cart-sns) { opacity:.3; } .p-soldout > .order-count { opacity:1; } [class*=order-].disabled{color:#a6a6a6 !important} /* 주문 : 사진 */ .order-content .order-tbl .order-image .photo { display:inline-table; width:180px; height:180px; margin:0 auto; } .order-content .order-tbl .order-image .photo a { position:relative; display:inline-block; width:180px; height:180px; margin:0 auto; overflow:hidden; vertical-align:middle; } .order-content .order-tbl .order-image .photo a > img { max-height:100%; width:auto; height:auto; position:absolute; top:0; /*bottom:0;*/ left:0; right:0; margin:auto; } .order-content .order-tbl .order-image .photo .img-pc { display:block; margin:auto; } .order-content .order-tbl .order-image .photo .img-mo { display:none; } /* 주문 : 제품 정보 */ .order-content .order-spec-group .ico-group-t { display:block; margin-bottom:6px; font-size:0; } .order-content .order-spec-group .ico-group-t > span { display:inline-block; height:auto; line-height:1.34em; letter-spacing:0; border-radius:0; } .order-content .order-spec-group .ico-group-t > span ~ span { margin-left:6px; } .order-content .order-spec-group .ico-group-t .ico-b, .order-content .order-spec-group .ico-group-t .ico-t { min-width:auto; padding:0; color:#2188FF; font-weight:700; vertical-align:top; border:0; } .order-content .order-spec-group .ico-group-t .red-color {color: #fa2337;} /* 231012 : 홈클래스 추가 */ .order-content .order-spec-group .ico-group-t .ico-t > .btn-tooltip, .order-content .order-spec-group .ico-group-t .ico-t > .tooltip { float:right; width:20px; height:15px; font-size:1px; color:transparent; opacity:0.6; background:url("/sec/static/_images/common/icon-tooltip4.svg") no-repeat center center; background-size:auto 100%;} .order-content .order-spec-group .o-title { word-break:keep-all; overflow:hidden; } .order-content .order-spec-group .o-title a { display:inline-block; font-size:16px; color:#000; font-weight:bold; line-height:1.36em; letter-spacing:0; } .order-content .order-spec-group .o-label { margin-top:4px; font-size:12px; color:#707070; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group { position:relative; display:block; margin-top:20px; } .order-content .order-spec-group .ico-group .o-spec span { display:inline-block; font-size:12px; color:#707070; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group .o-spec span:nth-last-child(1):after { display:none; } .order-content .order-spec-group .ico-group .o-spec span.end { margin-right:10px; } .order-content .order-spec-group .ico-group .o-spec span.end:after { display:none; } .order-content .order-spec-group .ico-group .o-spec .btn-option { display:inline-block; min-width:61px; height:20px; line-height:20px; font-size:12px; color:#fff; background:#000; border-radius:10px; vertical-align:middle; } .order-content .order-spec-group .o-telecom { margin-top:20px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 { line-height:24px; font-size:0; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li { min-width:inherit; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li ~ li { margin-left:10px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li:first-child { margin-left:0; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label { display:inline-block; height:24px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label span { display:inline-block; min-width:50px; height:24px; line-height:23px; padding:0 15px; font-weight:bold; font-size:12px; letter-spacing:0; vertical-align:top; } .order-content .order-spec-group .o-telecom + .ico-group { margin-top:10px; } /* 주문 : 제품 가격 */ .order-content .order-tbl .order-count span { display:inline-block; line-height:21px; font-size:16px; color:#000; letter-spacing:0; } .order-content .order-tbl .order-price .price-small { position:relative; display:inline-block; line-height:21px; font-size:16px; color:#A6A6A6; letter-spacing:0; } .order-content .order-tbl .order-price .price-small:before { position:absolute; left:0; right:0; top:40%; width:100%; height:1px; background:#A6A6A6; content:""; } .order-content .order-tbl .order-price .price-big { display:block; padding-right:16px; font-size:16px; color:#000; font-weight:bold; line-height:21px; letter-spacing:0; } /* 주문 : 사은품/쿠폰 */ .order-content .order-select .select-noti { width:100%; padding:5px 0 6px; border-bottom:2px solid rgba(178,178,178,0.51); font-size:14px; color:#999; line-height:19px; } .order-content .order-select .select-noti.coupone { margin-top:10px; } .order-content .order-select .selBaseCoupon { margin:6px 0; } .order-content .order-select .gifts-select ~ .gifts-select { margin-top:6px; } .order-content .order-select .gifts-select .imgs { position:absolute; top:50%; left:10px; width:24px; height:24px; transform:translateY(-50%); background:#DFDFDF; border-radius:2px; } .order-content .order-select .gifts-select .imgs img { width:100%; } .order-content .order-select .gifts-select .names { display:block; font-size:14px; color:#000; letter-spacing:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .order-content .order-select .gifts-select .btn-del { position:absolute; right:10px; top:50%; width:16px; height:16px; background:url("/sec/static/_images/common/icon-del-s.svg") no-repeat center center; transform:translateY(-50%); background-size:16px auto; } .order-content .order-select .gifts-coupone { padding-left:10px; } .order-content .order-select .order-select-menu ~ .order-select-menu { margin-top:10px; } .order-content .order-select .order-select-menu .droplist { width:328px; } .order-content .order-select .order-select-menu.active .droplist { padding:14px 0; } .order-content .order-select .order-select-menu .link-gift { position:relative; display:block; line-height:38px; padding-left:40px; padding-right:102px; text-align:left; } .order-content .order-select .order-select-menu .link-gift > span { display:block; font-size:14px; color:#000; } .order-content .order-select .order-select-menu .link-gift > .imgs { position:absolute; display:block; left:14px; top:50%; width:20px; height:20px; transform:translateY(-50%); } .order-content .order-select .order-select-menu .link-gift > .imgs img { vertical-align:top; } .order-content .order-select .order-select-menu .link-gift > .names { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .order-content .order-select .order-select-menu .link-gift > .dates { position:absolute; display:block; right:14px; top:50%; line-height:1; transform:translateY(-50%); z-index:2; } .order-content .order-select .order-select-menu .link-gift.link-coupon { padding-left:20px; padding-right:20px; } .order-content .order-select .order-select-menu .droplist-button .link-gift { padding-left:26px; padding-right:0; } .order-content .order-select .order-select-menu .droplist-button .link-gift > .imgs { left:0; } .order-content .order-select .order-select-menu .droplist-button .link-gift > .dates { display:none; } .order-content .order-select .order-select-menu .droplist li.focused .link-gift > span { font-weight:700; } .wrap-droplist.order-select-menu ~ .order-select-menu { margin-top:12px; } /* 사은품 공통 (장바구니,주문/결제) */ .order-content .order-select .wrap-droplist ~ .selBaseCoupon { margin:0; } .order-select-list { padding:10px; background:#F7F7F7; } .order-select-list .gifts-select { position:relative; display:block; height:40px; line-height:40px; padding:0 36px 0 40px; text-align:left; background:#fff; border-radius:10px; overflow:hidden; } .order-select-list.freebie { position:relative; padding:12px 10px 10px; background:transparent; } .order-select-list.freebie .gifts-select { position:relative; display:block; height:40px; padding:0 0 0 40px; line-height:40px; text-align:left; background:#fafafa; border-radius:10px; overflow:hidden; } /* 사은품 공통 (나의 쇼핑 > 주문상세, 주문취소 등) */ .conbox-myshopping-list .order-select .gifts-select { position:relative; display:block; height:40px; line-height:40px; padding:0 36px 0 40px; text-align:left; background:#fafafa; border-radius:10px; overflow:hidden; } /* 옴니쿠폰 공통 (장바구니,주문/결제) */ .order-select-list.omni-coupon { position:relative; padding:12px 10px 10px; background:transparent; } .order-select-list.omni-coupon .gifts-coupone { padding:11px 26px 11px 10px; background:#EFF7FF; border-radius:10px; line-height:18px; } .order-select-list.omni-coupon .names .tag { display:inline-block; width:86px; margin-right:10px; font-size:14px; font-weight:bold; color:#000; line-height:18px; } /* 비스포크 */ .order-content .order-tbl .order-spec-group ~ .pc-bespoke { margin-top:42px; } /* 번들 제품 */ .order-content .multi-order-tbl { flex-direction:column; } .multi-order-tbl .order-multi.order-tr { display:flex; width:100%; } /* 정기 배송 */ .input-type-small-2 { width:100%; max-width:354px; } /* 배송,할인,포인트,결제수단 */ .order-info-box > li { position:relative; padding:30px 0; padding-left:236px; border-bottom:1px solid #eaeaea; } .order-info-box > li.sale-li { margin-bottom:0; padding-right:0; border-bottom:0; } .order-info-box > li.deco { padding-bottom:30px !important; border-bottom:1px solid #eaeaea !important; } .order-info-box > li.extra-service .info-extra li .inp-form { vertical-align:top; } .order-info-box > li:nth-last-child(1) { margin-bottom:0; padding-bottom:0; border-bottom:0; } .order-info-box .head { position:absolute; left:0; top:30px; width:18%; max-width:236px; padding:8px 0; color:#444; } /*231011:부천중동 매장픽업*/ .order-info-box .order-btn { position:absolute; right:0; top:30px; padding:8px 0; } .order-info-box > li .inp-inactive { pointer-events:none; } .order-info-box > li .opt-primary { margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #EBEBEB; } /* 2021-07-05 */ .order-info-box > li.homt_desc { padding-left: 0; } .order-info-box-2 { padding:30px 0; } .order-info-box-2 li { position:relative; margin-bottom:14px; padding:0; padding-left:236px; } .order-info-box-2 li:nth-last-child(1) { margin-bottom:0; } .order-info-box-2 > li.deco { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eaeaea; } .order-info-box-2 .head { position:absolute; left:0; top:-2px; width:18%; max-width:118px; padding:8px 0; color:#444; } .order-info-box-2 .order-btn { position:absolute; right:0; top:30px; padding:8px 0; } .order-info-box-2 .order-btn .btn-s { height:28px; line-height:28px; margin:0; } .order-info-box-2 li li { margin-bottom:0; } .order-info-box-2 .event-code-li { padding-top:24px; border-top:1px solid #eaeaea; } .order-info-box-2 .event-code-li .head, .order-info-box-2 .event-code-li .btn-info-sale { top:24px !important; } .order-info-box-2 .event-code-li.cmmall .btn-info-sale {padding-top: 3px;}/* 2023-02-21 */ .order-info-box-2 .event-code-li.cmmall .btn-info-sale .btn-underline {font-size: 16px;font-weight: bold;color: #2189FF;border-bottom: 1px solid #2189FF;padding-top: 0;}/* 2023-02-21 */ .order-info-inner { display:block; width:100%; margin-bottom:12px; padding:11px 0; } .order-info-inner:nth-last-child(1) { margin-bottom:0; } .order-info-inner-maxwidth-1 { max-width:466px; } .order-padding-none { padding-top:0; padding-bottom:0; } .order-padding-none-t { padding-top:0; } .order-padding-none-b { padding-bottom:0; } .order-info-inner span { display:inline-block; vertical-align:middle; } .order-info-inner span:after { display:inline-block; width:1px; height:10px; margin:0 20px; vertical-align:middle; background:#d9d9d9; content:""; } .order-info-inner span:nth-last-child(1):after { display:none; } .order-content .order-box { padding:0; border-bottom:1px solid #eaeaea; } .order-content .order-box:nth-last-child(1) { border-bottom:0; } .order-content .tab-nav { margin-bottom:20px; } .order-content .tab-nav ul:after { display:block; content:""; clear:both; } .order-content .tab-nav li { display:block; float:left; margin-right:10px; } .order-content .tab-nav li:nth-last-child(1) { margin-right:0; } .order-content .tab-nav li button { width:120px; height:40px; margin:0; font-size:14px; color:#000; text-align:center; border:1px solid #b2b2b2; border-radius:20px; } .order-content .tab-nav li .on { color:#fff; background:#000; border-color:#000; } .order-content .tab-nav li .btn-single { cursor: default; } .order-content .tab-view { display:none; } .order-content .radio-nav .chk-form { padding:6px 0; } .order-content .radio-nav + .use-type-1 { margin-top:30px; } .order-content .radio-nav + .use-type-2 { margin-top:24px; padding-top:24px; border-top:1px solid #EBEBEB; } .order-content .sale-option { width:100%; } .order-content .sale-option .head { display:inline-block; width:30%; vertical-align:top; } .order-content .sale-option .head em { color:#1428a0; font-weight:bold; } .order-content .sale-option .result { display:inline-block; width:65%; vertical-align:middle; } .order-content .sale-option .result-input { margin-top:-10px; } .order-content .sale-option .result .dropdownMenu { display:inline-block; margin-right:10px; margin-bottom:0; vertical-align:middle; } .order-content .btn-listup:after { display:block; content:""; clear:both; } .order-content .btn-listup li { float:left; } .order-content .btn-listup .btn:nth-child(1) { margin-left:0; } .order-content .tip-add { position:relative; display:inline-block; width:100%; padding-right:20px; }/* 220208 */ .order-content .tip-add.-inline {width:auto}/* 210917 */ .order-content .btn-tooltip { position:absolute; display:inline-block; right:0; top:50%; width:16px; height:16px; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; background-size:contain; border-radius:50%; transform:translateY(-50%); } .order-content .info-ul, .order-content .fnet-info-ul { position:relative; margin:25px 0 0 236px; } .order-content .info-ul > li { position:relative; padding:5px 0; padding-left:14px; font-size:14px; line-height:1.3; color:#707070; word-break:keep-all; } .order-content .info-ul > li.pickup {color: #000; padding-bottom: 20px;} .order-content .info-ul > li.pickup span {font-size: inherit; vertical-align: baseline;} .order-content .info-ul > .exclusive_point { font-size:16px; font-weight:bold; color:#ff4337; } .order-content .fnet-info-ul > li {position:relative; margin-bottom:10px; font-size:14px; line-height:1.5; color:#707070; word-break:keep-all; }/* 2021-05-03 */ .order-content .info-ul > li:before { position:absolute; left:0; top:5px; content:"※"; } .order-content .info-ul.sub{margin-left: 0;} .order-content .fnet-info-ul>li.ft12 {font-size:14px; font-weight: bold; }/* 2021-03-12 수정 */ .order-content .fnet-info-ul>li.ft12 p.color-red {font-size:100%;color:#ff0000;}/* 2021-03-12 수정 */ /* 231228 일시품절안내문구 (kdp-44683) */ body[data-pagename="fnet"] .order-area .order-tbl {flex-wrap:wrap;} body[data-pagename="fnet"] .order-area .multi-order-tbl .order-multi.order-tr {flex-wrap:wrap;} body[data-pagename="fnet"] .order-area .order-tbl ul.info-ul.sub.nonestockGoodsErr {width:100%;flex:none;} @media screen and (min-width:1101px) { .order-content .info-ul.nonestockGoodsErr {margin-top:0;margin-bottom:1.7361vw} } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-content .info-ul.nonestockGoodsErr {margin-top:0;margin-bottom:1.7361vw} } /* deliveryTable */ .order-content .info-ul li .deliveryTable {margin:10px 0;} .order-content .info-ul li .deliveryTable table {border-collapse:separate; border-spacing:0; color:#464646; font-size:14px;} .order-content .info-ul li .deliveryTable table th, .order-content .info-ul li .deliveryTable table td {padding:10px 20px; text-align:center;} .order-content .info-ul li .deliveryTable table th {background:#DEEDFF;} .order-content .info-ul li .deliveryTable table th:first-child {border-radius:10px 0 0 0;} .order-content .info-ul li .deliveryTable table th:last-child {border-radius:0 10px 0 0;} .order-content .info-ul li .deliveryTable table td {border-bottom:1px solid #EBEBEB; border-left:1px solid #EBEBEB;} .order-content .info-ul li .deliveryTable table td:first-child {border-left:0;} .order-content .info-ul li .deliveryTable table tr:last-child td {border-bottom:0;} @media (max-width: 800px) { .order-content .info-ul li .deliveryTable table {width:100%;} } /* delivery-box */ .order-content .delivery-box { display:block; width:100%; max-width:566px; margin-bottom:30px; padding:30px; border:1px solid #EBEBEB; border-radius:20px; } .order-content .delivery-box > dt .item-tit { position:relative; color:#000; font-size:20px; font-weight:bold; line-height:26px; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .order-content .delivery-box > dt span:not(.item-tit) { position:relative; display:block; font-size:14px; font-weight:400; line-height:20px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .order-content .delivery-type-3 > dd { padding-bottom:0; } .order-content .delivery-box > dd > div { width:100%; } .order-content .delivery-box > dd > .wrap-droplist:not(.plus-details) { margin-top:20px; } .order-content .delivery-box > dd .seg-check-form { width:100%; padding:24px 0; } .order-content .delivery-box > dd .seg-dropdownMenu { width:100%; } .order-content .delivery-box > dd .seg-input { width:100%; margin-top:20px; } .order-content .delivery-box > dd .seg-details { padding:16px; background:#F7F7F7; color:#777; font-size:14px; line-height:21px; } .order-content .delivery-box > dd .search-store { position:relative; } .order-content .delivery-box > dd .search-store input { width:calc(100% - 100px); } .order-content .delivery-box > dd .search-store button { position:absolute; right:0; top:50%; margin:0; transform:translateY(-50%); } .order-content .delivery-box .info-extra { margin-top:20px; } .tooltip-layer .tip-discount-detail {padding-top: 6px;} .tooltip-layer .tip-discount-detail li {font-size: 14px; line-height: 1.42; color: #555;} .tooltip-layer .tip-discount-detail li:before {content: '·';} .tooltip-layer .tip-discount-detail li strong {display: inline-block; padding-left: 4px; padding-right: 8px; font-size: 14px; font-weight: normal;} .tooltip-layer .tip-discount-detail li span, .tooltip-layer .tip-discount-detail li em {font-size: 14px; font-style: normal;} .empty-cart { position:relative; display:none; min-height:200px; text-align:center; background:#f7f7f7; border-top:2px solid #191919; } .empty-cart .empty-text { position:absolute; display:inline-block; left:50%; top:50%; font-size:16px; font-weight:bold; vertical-align:middle; transform:translate(-50%, -50%); } .empty-cart .empty-text:before { display:inline-block; width:35px; height:26px; margin-right:10px; vertical-align:middle; background:url("/sec/static/_images/common/icon-cart.svg") no-repeat center center; content:""; } .pick-store .inp-line { width:100%; } .pick-store .inp-select-store { width:calc(100% - 110px) !important; margin-bottom:5px; } .pick-store .btn { min-width:100px; margin:0; } .order-info-detail .pick-shop {min-height: 32px; border-bottom: 1px solid #b2b2b2;} .order-info-detail .pick-shop > span {font-size: 14px; color: #999; line-height: 1.7;} .order-info-detail { width:100%; max-width:566px; } .order-info-detail > li { position:relative; min-height:32px; margin-bottom:12px; padding:6px 0; } .order-info-detail > li:nth-last-child(1) { margin-bottom:0; } .order-info-detail li, .order-info-detail li > span { font-size:14px; color:#000; vertical-align:baseline; word-break:break-all}/* 210203 : 글자 넘침 처리 */ .order-info-detail .cols-2 { float:left; width:50%; } .order-info-detail .cols-3 { float:left; width:33%; } .order-info-detail .cols-4 { float:left; width:25%; } .order-info-detail .cols-5 { float:left; width:20%; } .order-info-detail .cols-clear { clear:both; } .order-info-detail .cols-another { float:left; width:auto; } .order-info-detail .cols-3-another { float:left; width:67%; } .order-info-detail .cols-4-another { float:left; width:75%; } .order-info-detail .cols-5-another { float:left; width:80%; } .order-info-detail .cols-inline { display:inline-block; } .order-info-detail .cols-inline2 { position:relative; display:inline-block; } .order-info-detail .cols-inline2:after { display:inline-block; width:1px; height:10px; margin:0 20px; vertical-align:middle; background:#d9d9d9; content:""; } .order-info-detail .gift-select { width:100%; } .order-info-detail .gift-select .dropdownMenu { width:100%; } .order-info-detail .anther-service-input { display:inline-block; width:100%; } .order-info-detail .coupon-entry { display:inline-block; width:100%; margin-right:12px; } .order-info-detail .padding-none { padding-top:0; padding-bottom:0; } .order-info-detail .d-padding-add { padding:11px 0; font-size:inherit; } .order-info-detail .wrap-droplist + .d-padding-add { margin-top:6px; } .order-info-detail.use-type-1, .order-info-detail.use-type-2 { max-width:100%; } .order-info-detail.use-type-1 > li, .order-info-detail.use-type-2 > li { max-width:566px; } /* 분리배송 배송희망일만 분리*/ /* #delivery-tab-view2 .delivery-box .info-extra .error-msg{padding-left:32%;} */ .order-info-detail .inp-form .inp-calendar {cursor:pointer;} /* 2021-08-09 패넷 혼수 이사 합결제 */ .delivery-tab-view div.input-obj {position: relative; min-height: 32px; margin-top: 20px; padding-left: 37%;} .delivery-tab-view div.input-obj .s-head {position: absolute; left: 0; width: 37%; padding: 10px 0; color: #000; font-weight:bold;} /* 트레이드인 추가 */ .order-info-box li.trade-in {padding-bottom: 30px; border-bottom: 1px solid #eaeaea;} .order-info-box .trade-in .order-info-detail .s-head {float: left;} .order-info-box .trade-in .order-info-detail .chk-view {margin-top: 12px;} .order-info-box .trade-in .order-info-detail .chk-view:first-of-type {margin-top: 0;} .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist {margin-bottom: 12px;} .order-info-box .trade-in .order-info-detail .reward-value {line-height: 2.29; text-align: right; font-size: 14px;} .order-info-box .trade-in .order-info-detail .reward-value em {font-size: 16px;} .order-info-box .trade-in .note {margin-top: 14px; } .order-info-box .trade-in .note li {position: relative; margin-top: 5px; padding-left: 14px; font-size: 14px; line-height:1.3;} .order-info-box .trade-in .note li a {font-size: 14px;} .order-info-box .trade-in .note li:before {position: absolute; left: 0; top: 2px; content: "*";} /* UL : 주문자 정보변경 / 매장선택 */ .input-type-small { width:100%; max-width:566px; } .input-type-ul > li, .input-type-div > div { position:relative; min-height:32px; margin-bottom:20px; padding:0; } .input-type-ul > li:nth-last-child(1) { margin-bottom:0; } .input-type-ul > li.input-obj, .input-type-div > div.input-obj { padding-left:37%; } .input-type-ul > li.h-auto { min-height:auto; } .input-type-ul .s-head, .input-type-div .s-head { position:absolute; left:0; width:37%; padding:10px 0; color:#444; } .input-type-ul .select-btn { position:relative; padding-right:102px; } .input-type-ul .select-btn button { position:absolute; right:0;top:0; } .input-type-ul .dropdownMenu { width:100%; } .input-type-ul .dropdownMenu li { padding-left:initial; } /* 할인혜택 */ .discount-area .order-info-box-2 .head { width:113px; } .discount-area .order-info-box-2 .price { color:#2189FF; font-size:16px; text-align:right; } .discount-area .order-info-box-2 .cmmall .head {font-size: 16px;font-weight: bold;color: #2189FF;padding-top: 5px;}/* 2023-02-21 */ /* 포인트 사용 */ /* 221229 혜택시뮬레이터 */ /* .point-area .order-info-box-2 .head { width:113px; } */ .point-area .order-info-box-2 .head { width: 124px; } .point-area .order-info-box-2 .use-type-1 > li { padding:30px; border:2px solid #EBEBEB; border-radius:20px; } .point-area .order-info-box-2 .use-type-1 > li:not(:nth-last-child(1)) { margin-bottom:30px; } .point-area .order-info-box-2 .use-type-2 > li:not(:nth-last-child(1)) { margin-bottom:14px; } .point-area .point-inline-1 { position:relative; display:inline-block; width:calc(38% - 69px); margin-right:66px; padding-right:75px; color:#000; top: 6px; padding-bottom: 32px; } .point-area .point-inline-1 .use-tit { display:inline-block; width:auto; padding-right:3px; font-size:inherit; } .point-area .point-inline-1 .use-point { position:absolute; right:0; font-size:inherit; } .point-area .point-inline-2, .point-area .point-inline-3 { display:inline-block; width:62%; max-width:356px; right: 20px; bottom: 1px; padding-bottom: 22px; } .point-area .point-inline-2 .chk-form, .point-area .point-inline-3 .chk-form { display:inline-block; line-height:32px; } .point-area div.inp-point { position:relative; display:inline-block; width:212px; height:32px; float:right; } .point-area div.inp-point::before { content:""; position:absolute; bottom:0; left:0; right:0; display:block; height:1px; background:#B2B2B2; } .point-area div.inp-point::after { content:"P"; position:absolute; top:9px; right:5px; display:inline-block; color:#000; font-size:14px; } .point-area div.inp-point .inp-line { padding-right:18px; text-align:right; } .point-area .point-line-1 { display:block; padding:10px; color:#707070; font-size:16px; line-height:20px; background:#F7F7F7; } .point-area .point-line-1 em { position:relative; display:inline-block; margin-left:5px; padding-left:10px; font-weight:bold;} .point-area .point-line-1 em::before { content:""; position:absolute; top:5px; left:0; display:inline-block; width:1px; height:12px; background:#ddd; } .point-area .point-line-2 { display:-ms-flexbox; display:flex; -ms-flex-direction:row; flex-direction:row; -ms-flex:1 1 auto; flex:1 1 auto; padding-top:24px; position: relative; padding-bottom: 7px; min-height: 75px; } .point-area .point-line-2 .pd-info { display:inline-block; width:calc(100% - 160px - 75px); margin-right:39px; color:#000; font-weight:bold; line-height:21px; } .point-area .point-line-2 .pd-info .info-name { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .point-area .point-line-2 .pd-info .sub-info { display:block; margin-top:6px; color:#707070; font-size:12px; font-weight:normal; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* 필수항목 추가 */ .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover { display: inline-block; width: 67%; text-align: right; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point { display: inline-block; float: none; width: 62%; vertical-align: middle; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point {position: relative; float: right; display: inline-block; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .btn-point .required-item { right: -6px; } .point-area .point-line-2-cover {display: flex; flex: 1 1 auto; width: 40%; } .point-area .point-line-2-cover::after { content: ''; display: block; clear: both; } .point-area .point-line-2-cover div.inp-point { float: left; width: 100%; } .point-area .point-line-2-cover .btn-point { position: relative; float: left; height: 24px; } .point-area .point-line-2-cover .btn-point .btn-type2 {float: left; margin: 0;} .point-area .btn-point .required-item { position: absolute; right: -9px; top: 50%; transform: translateY(-50%); } .point-area .txt-info { position: absolute; left: 0; bottom: 0; width: 100%; text-align: right; font-size: 12px; color: #707070; } .required-item { color: #FF4337; vertical-align: middle; } .point-area .point-line-2 .inp-point { display:inline-block; width:117px; } .point-ment { position:relative; width:100%; max-width:550px; margin:30px auto 0; padding:10px 0; font-size:16px; color:#707070; font-weight:bold; line-height:21px; overflow:hidden; } .point-ment .btn { position:absolute; right:0; top:0; margin:0; } .order-info-detail .inp-basic { width:100%; } .order-info-detail.info-extra span { position:relative; display:inline-block; width:31%; color:#444; } .order-info-detail.info-extra span:not(.tooltip-add) { line-height:32px; } .deco.extra-service .order-info-detail.info-extra > li > span.tooltip-add { margin-top:10px; } .order-info-detail .tooltip-add .btn-tip { position:absolute; display:block; left:94px; top:50%; width:18px; height:18px; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; background-size:contain; border-radius:50%; transform:translateY(-50%); } .order-info-detail .inp-form { display:inline-block; width:68%; } .order-info-detail .inp-form > .chk-form { display:inline-block; width:40%; vertical-align:top; } .order-info-detail em { font-size:inherit; color:#2188FF; } .order-info-detail .clear-both { clear:both; } .order-info-detail .inp-block { display:block; } .order-info-detail .inp-block > label { position:absolute; display:block; left:0; top:0; margin-bottom:11px; color:#000; } .order-info-detail .inp-block input:not([type=checkbox]):not([type=radio]) { width:100%; } .order-info-detail .chk-view { display:none; width:68%; margin:0 0 0 auto; margin-top:10px; } .order-info-detail .chk-view .dropdownMenu { width:100%; margin-bottom:10px; } .order-info-detail .chk-view .wrap-droplist { margin-bottom:10px; } .info-sale:after { display:block; content:""; clear:both; } .info-sale > li .account-types > li { padding-left:0; } .info-sale > li:nth-child(1) { float:left; width:37%; } .info-sale > li:nth-child(2) { float:right; width:63%; } .btn-info-sale { top:0 !important; } /* 임직원 인증 */ .inp-button-combo-box { position:relative; padding-right:102px; } .inp-button-combo-box > button { position:absolute; top:0;max-width:92px; margin:0; padding-left:8px; padding-right:8px; } .order-info-box-2 > li:first-child .order-info-detail > li:first-child .inp-button-combo-box > button { right:0; } .order-info-box-2 > li:first-child .order-info-detail > li:not(:first-child) .inp-button-combo-box > button { right:10px; } .order-info-box-2 > li:not(:first-child) .order-info-detail > li .inp-button-combo-box > button { right:10px; } .inp-button-combo-box + .combo-guide { margin-top:14px; font-size:14px; line-height:18px; } /* 단일배송 */ .box-single { position:relative; overflow:hidden; } /* 결제수단 : 결제 형태 */ .order-content .pay-info { margin-bottom:0; } .pay-info .order-info-box > li:not(.card-opt) { border-bottom:none; } .pay-info .order-info-box .pay-input-result { padding:6px 0; } .pay-info .order-info-box .pay-input-result strong { color:#000; line-height:20px; } .pay-info .caution-list { margin-top:30px; } .pay-info .caution-list li { padding-left:6px; text-indent:-6px; font-size:14px; line-height:20px; } .pay-info .caution-list li:not(:nth-child(1)) { margin-top:14px; } .pay-info .caution-list li em { color:#FF4337; font-size:inherit; } .pay-nav-box { display:block; overflow:hidden; } .pay-nav-box > .pay-nav-box-left { float:left; width:250px; max-width:250px; height:100%; overflow:hidden; } .pay-nav-box > .pay-nav-box-right { float:right; width:calc(100% - 250px); max-width:510px; height:100%; overflow:hidden; } .pay-nav-box:after, .pay-nav-box > .pay-nav-box-left:after, .pay-nav-box > .pay-nav-box-right:after { display:block; content:""; clear:both; } .pay-nav-box > .pay-nav-bottom { clear:both; padding-top:20px; } .pay-nav-box .pay-method-pay { width:100%; height:95px; font-size:0; background:url("/sec/static/_images/common/samsung-pay.svg") no-repeat center top; background-size:100%; border-radius:10px; } .pay-nav-box .pay-method-pay.on { background-image:url("/sec/static/_images/common/samsung-pay-on.svg"); } .pay-nav-box .pay-method-pay:focus { border:dashed 2px #2189FF; } .pay-nav-box .pay-tab-nav ul:after { display:block; content:""; clear:both; } .pay-nav-box .pay-tab-nav ul li { float:left; width:160px; height:40px; margin-left:5px; margin-right:5px; margin-bottom:10px; } .pay-nav-box .pay-tab-nav ul li button { width:100%; height:100%; font-size:14px; color:#000; background:#fff; border:1px solid #b2b2b2; border-radius:20px; } .pay-nav-box .pay-tab-nav ul li button.on { color:#fff; background:#212425; border:0; } .pay-input-check { clear:both; display:block; margin-top:24px; } .pay-view > .pay-input-check + .pay-input-check { margin-top:12px; } .pay-input-check .pay-check { padding-top:12px; } .pay-input-check .pay-check:first-child { padding-top:0; } .pay-input-check-none { margin-top:0; } .page-division { width:100%; margin-top:30px; margin-bottom:30px; border-color:#ebebeb; } .info-pay { margin-top:20px; } .info-pay:after { display:block; content:""; clear:both; } .info-pay > li .account-types > li { padding-left:0; } .btn-info-pay { top:0 !important; } /* 결제 수단 */ .pay-view { display:none; margin-top:0; padding-top:0 !important; padding-bottom:0 !important; } .pay-view.creditcard, .pay-view.virtual-account, .pay-view.account-transfer { padding-left:0; } .pay-view .pd-top { position:relative; padding-top:122px !important; } .pay-view .pd-top .card-opt { position:absolute; top:0; left:0; width:100%; height:92px; padding-left:236px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } .pay-view .pd-top .card-opt .radio-nav { position:absolute; top:50%; margin-top:-16px; } .pay-view.creditcard > div:not(.pd-top), .pay-view.creditcard > ul, .pay-view.virtual-account > div, .pay-view.account-transfer > div { padding-left:236px; } .pay-view.creditcard > .page-division, .pay-view.virtual-account > .page-division:not(.full-width), .pay-view.account-transfer > .page-division:not(.full-width) { width:calc(100% - 236px); margin-left:236px; } /* 신용카드 */ .credit-card { display:block; overflow:hidden; margin-left:-5px; margin-right:-5px; } .credit-card > li { display:block; float:left; width:120px; height:90px; margin-left:5px; margin-right:5px; margin-bottom:10px; } .credit-card > li:after { content:''; display:block; clear:both; } .credit-card > li > button { width:100%; height:100%; background-size:contain !important; } .credit-card > li > button.samsung { background:url("/sec/static/_images/common/credit-samsung.svg"), url("/sec/static/_images/common/credit-samsung-on.svg"); background-size:contain, 0% !important; } .credit-card > li > button.kb { background:url("/sec/static/_images/common/credit-kb.svg"), url("/sec/static/_images/common/credit-kb-on.svg"); background-size:contain, 0% !important; } .credit-card > li > button.hyundai { background:url("/sec/static/_images/common/credit-hyundai.svg"), url("/sec/static/_images/common/credit-hyundai-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.shinhan { background:url("/sec/static/_images/common/credit-shinhan.svg"), url("/sec/static/_images/common/credit-shinhan-on.svg"); background-size:contain, 0% !important; } .credit-card > li > button.lotte { background:url("/sec/static/_images/common/credit-lotte.svg"), url("/sec/static/_images/common/credit-lotte-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.nh { background:url("/sec/static/_images/common/credit-nh.svg"), url("/sec/static/_images/common/credit-nh-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.woori { background:url("/sec/static/_images/common/credit-woori.svg"), url("/sec/static/_images/common/credit-woori-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.hana { background:url("/sec/static/_images/common/credit-hana.svg"), url("/sec/static/_images/common/credit-hana-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.citi { background:url("/sec/static/_images/common/credit-citi.svg"), url("/sec/static/_images/common/credit-citi-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.kakao { background:url("/sec/static/_images/common/credit-kakao.svg"), url("/sec/static/_images/common/credit-kakao-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.bc { background:url("/sec/static/_images/common/credit-bc.svg"), url("/sec/static/_images/common/credit-bc-on.svg"); background-size:contain, 0% !important;} .credit-card > li > button.etc { background:url("/sec/static/_images/common/credit-etc.svg"), url("/sec/static/_images/common/credit-etc-on.svg"); background-size:contain, 0% !important;} .credit-card > li.on > button.samsung { background:url("/sec/static/_images/common/credit-samsung-on.svg"), url("/sec/static/_images/common/credit-samsung.svg"); } .credit-card > li.on > button.kb { background:url("/sec/static/_images/common/credit-kb-on.svg"), url("/sec/static/_images/common/credit-kb.svg"); } .credit-card > li.on > button.hyundai { background:url("/sec/static/_images/common/credit-hyundai-on.svg"), url("/sec/static/_images/common/credit-hyundai.svg"); } .credit-card > li.on > button.shinhan { background:url("/sec/static/_images/common/credit-shinhan-on.svg"), url("/sec/static/_images/common/credit-shinhan.svg"); } .credit-card > li.on > button.lotte { background:url("/sec/static/_images/common/credit-lotte-on.svg"), url("/sec/static/_images/common/credit-lotte.svg"); } .credit-card > li.on > button.nh { background:url("/sec/static/_images/common/credit-nh-on.svg"), url("/sec/static/_images/common/credit-nh.svg"); } .credit-card > li.on > button.woori { background:url("/sec/static/_images/common/credit-woori-on.svg"), url("/sec/static/_images/common/credit-woori.svg"); } .credit-card > li.on > button.hana { background:url("/sec/static/_images/common/credit-hana-on.svg"), url("/sec/static/_images/common/credit-hana.svg"); } .credit-card > li.on > button.citi { background:url("/sec/static/_images/common/credit-citi-on.svg"), url("/sec/static/_images/common/credit-citi.svg"); } .credit-card > li.on > button.kakao { background:url("/sec/static/_images/common/credit-kakao-on.svg"), url("/sec/static/_images/common/credit-kakao.svg"); } .credit-card > li.on > button.bc { background:url("/sec/static/_images/common/credit-bc-on.svg"), url("/sec/static/_images/common/credit-bc.svg"); } .credit-card > li.on > button.etc { background:url("/sec/static/_images/common/credit-etc-on.svg"), url("/sec/static/_images/common/credit-etc.svg"); } .credit-add .info-pay { width:428px; } .installment { margin-top:17px; max-width:450px; } .installment:after { content:''; display:block; clear:both; } .installment .dropdownMenu { float:left; margin-right:10px; width:320px; } .installment .dropdownMenu + a { float:right; margin:0; } /* u-POINT & 신용카드 */ /* 간편결제 */ .easy-pay { display:block; overflow:hidden; margin-top:10px; margin-left:-5px; margin-right:-5px; } .easy-pay > li { display:block; float:left; width:120px; height:90px; margin-left:5px; margin-right:5px; margin-bottom:10px; } .easy-pay > li:after { content:''; display:block; clear:both; } .easy-pay > li > button { width:100%; height:100%; background-size:contain !important; } .easy-pay > li > button.sspay { background: url("/sec/static/_images/common/easy-ssg.svg"), url("/sec/static/_images/common/easy-ssg-on.svg"); } .easy-pay > li > button.payco { background: url("/sec/static/_images/common/easy-payco.svg"), url("/sec/static/_images/common/easy-payco-on.svg"); } .easy-pay > li > button.kakaopay { background: url("/sec/static/_images/common/easy-kakao.svg"), url("/sec/static/_images/common/easy-kakao-on.svg"); } .easy-pay > li > button.toss { background: url("/sec/static/_images/common/easy-toss.svg"), url("/sec/static/_images/common/easy-toss-on.svg"); } .easy-pay > li > button.lpay { background: url("/sec/static/_images/common/easy-lpay.svg"), url("/sec/static/_images/common/easy-lpay-on.svg"); } .easy-pay > li > button.npay { background: url("/sec/static/_images/common/easy-npay.svg"), url("/sec/static/_images/common/easy-npay-on.svg"); } .easy-pay > li.on > button.sspay { background: url("/sec/static/_images/common/easy-ssg-on.svg"), url("/sec/static/_images/common/easy-ssg.svg"); } .easy-pay > li.on > button.payco { background: url("/sec/static/_images/common/easy-payco-on.svg"), url("/sec/static/_images/common/easy-payco.svg"); } .easy-pay > li.on > button.kakaopay { background: url("/sec/static/_images/common/easy-kakao-on.svg"), url("/sec/static/_images/common/easy-kakao.svg"); } .easy-pay > li.on > button.toss { background: url("/sec/static/_images/common/easy-toss-on.svg"), url("/sec/static/_images/common/easy-toss.svg"); } .easy-pay > li.on > button.lpay { background: url("/sec/static/_images/common/easy-lpay-on.svg"), url("/sec/static/_images/common/easy-lpay.svg"); } .easy-pay > li.on > button.npay { background: url("/sec/static/_images/common/easy-npay-on.svg"), url("/sec/static/_images/common/easy-npay.svg"); } /* 230317 npay money 추가 */ .easy-pay > li > button.npaymoney { background: url("/sec/static/_images/common/easy-npaymoney.svg"); } .easy-pay > li.on > button.npaymoney { background: url("/sec/static/_images/common/easy-npaymoney-on.svg"); } .pay-input-box-1 { position:relative; display:block; margin-top:20px; } .pay-input-box-1 .pay-input, .info-pay > li:nth-child(2) { display:inline-block; width:100%; max-width:428px; margin-right:10px; vertical-align:middle; } .pay-input-box-1 .pay-input .dropdownMenu { width:100%; } .pay-input-box-1 .btn-underline { position:absolute; right:0; top:7px; margin:0; } .pay-input-box-3 { clear:both; position:relative; display:block; width:100%; margin-bottom:14px; padding:0; padding-right:100px; } .pay-input-box-3 > .head-1 { position:relative; display:inline-block; left:initial; top:initial; width:37%; max-width:209px; vertical-align:top; } .pay-input-box-3 > .p-cont { display:inline-block; width:62%; max-width:356px; vertical-align:top; } .pay-input-box-3 > .p-cont .inp-box { width:100%; max-width:450px; } .pay-input-box-3 > .p-cont .inp-box input { width:100%; } .pay-input-box-3 > .p-cont .dropdownMenu { width:100%; max-width:450px; } .pay-input-box-3 > .p-cont .guide { margin-top:10px; font-size:12px; } .pay-input-box-3 > .p-cont .btn-underline { position:absolute; right:0; top:10px; } .pay-input-box-3 > .p-cont:not(.receipt) .chk-form { margin-top:10px; } .pay-input-box-3.first-block { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ebebeb; } .pay-input-box-3 .receipt .chk-form { padding:6px 0; } .pay-input-box-3 .receipt .radio-nav { margin-top:6px; } .pay-input-box-3 .receipt .wrap-droplist { margin-top:14px; } /* 주빈등록번호 */ .resident-num, .card-num, .phone-num, .biz-num { margin-top:14px; } .resident-num .inp-box.front { position:relative; float:left; width:48%; padding-right:26px; } .resident-num .inp-box.front::after { content:""; position:absolute; top:50%; right:10px; display:block; width:6px; height:1px; background:#999; } .resident-num .inp-box.back { float:right; width:52%; } .resident-num .inp-box.back .inp-line { padding-right:30px; text-align:center; } .resident-num .inp-box.back .inp-lock, .card-num.inp-lock { background:url("/sec/static/_images/common/icon-lock-black.svg") no-repeat calc(100% - 6px) 5px; background-size:18px 22px; } .resident-num .inp-line { text-align:center; border-bottom:none; } /* 카드번호 */ .card-num { position:relative; padding-right:30px; border-bottom:1px solid #B2B2B2; } .card-num .inp-box { display:inline-block; } .card-num .inp-box:not(:nth-last-child(1)) { width:25.6% !important; } .card-num .inp-box:nth-last-child(1) { width:18% !important; } .card-num .inp-box:not(:nth-last-child(1)) { position:relative; padding-right:26px; } .card-num .inp-box:not(:nth-last-child(1))::after { content:""; position:absolute; top:50%; right:10px; display:block; width:6px; height:1px; background:#999; } .card-num .inp-line { text-align:center; border-bottom:none; } .card-num input:not([type=checkbox]):not([type=radio]).inp-line { border-bottom:none; letter-spacing:-1px; margin-top:-1px; } /* 툴팁 추가 */ .buy-target-goods .order-price .btn-downtool { width:14px; height:14px; margin:-37px 0 0 ; background:transparent url(/sec/static/_images/common/icon-tooltip-down.svg) no-repeat center; background-size:14px auto; } .buy-target-goods .order-price .btn-downtool.opened { background:transparent url(/sec/static/_images/common/icon-tooltip-up.svg) no-repeat center; background-size:14px auto; } .buy-target-goods .order-price .box-tip li ~ li:not(.total) { margin-top:6px; } .buy-target-goods .order-price .box-tip { display:none; min-width:224px; margin-left:-77px; margin-top:-7px; padding:16px; border:1px solid #000; border-radius:10px; background:#fff; z-index:999; } .buy-target-goods.p-bespoke .order-price .box-tip {top:120px; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .btn-downtool { top: 20px; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .box-tip { top: 41px; } .buy-target-goods .order-price .box-tip .tit, .buy-target-goods .order-price .box-tip .price { display:inline-block; width:50%; color:#707070; font-size:14px; line-height:18px; } .buy-target-goods .order-price .box-tip .tit { text-align:left; } .buy-target-goods .order-price .box-tip .price { text-align:right; } .buy-target-goods .order-price .box-tip .total { padding-top:12px; margin-top:12px; border-top:1px solid #ddd; } .buy-target-goods .order-price .box-tip .total * { color:#000; font-weight:bold; } .buy-target-goods .cart-error-message { margin-bottom:10px; font-size:13px; color:#FF4337; text-align:left; } /** 포인트 적용 버튼 */ .ul-area-membership-point .btn-type2 { min-width: 50px; margin-top: 5px; } .area-membership-point {position: absolute; right: 15%; font-size: inherit; bottom: 3px; } .order-info-detail .btn-s { height: 24px; line-height: 24px; font-weight: normal; } .order-info-detail .btn-type2 { min-width: 50px; } .order-info-detail .btn-point { margin-left: 7px; margin-top: 5px; } #pointUseType2 .btn-cart-point-apply { margin-right: 19.7%; } /* common */ .order-info-detail.-normal >li{margin-bottom:0;line-height:1.4} .order-info-wrap {padding:24px 20px; font-size:14px; letter-spacing:0; border-bottom:1px solid #ebebeb; } .order-info-wrap .point-txt{font-size:inherit; font-weight:bold; color:#fa2337} .board-view-type-3 .btn-underline.-inline{float: none;margin:0 0 0 8px;vertical-align: initial} /*qooker 21-12-20*/ .order-content .qker-brand .order-m-area {margin-bottom: 40px;} .order-content .qker-brand .order-tbl + .order-tbl { border-top: 1px solid #eaeaea;} @media screen and (max-width:1440px) and (min-width:1101px) { /** 포인트 적용 버튼 */ #pointUseType2 .btn-cart-point-apply { margin-right: 17%; } .area-membership-point {position: absolute; right: 13%; font-size: inherit; top: 2px; } .ul-area-membership-point .btn-type2 { min-width: 50px; margin-top: 0px !important; } .order-info-detail .btn-type2 { min-width: 50px; line-height: 23px; } /* 툴팁 추가 */ .buy-target-goods .order-price .btn-downtool { position:relative; right:0; bottom:1.3899vw; width:0.9722vw; height:0.9722vw; margin:0.0694vw 0 0; background:transparent url(/sec/static/_images/common/icon-tooltip-down.svg) no-repeat center; background-size:0.9722vw auto; } .buy-target-goods .order-price .box-tip li ~ li:not(.total) { margin-top:0.4167vw; } .buy-target-goods .order-price .box-tip {position: absolute; right:-0.8333vw; min-width:15.5556vw; padding:1.1111vw; border-radius:0.6944vw; background:#fff; } .buy-target-goods.p-bespoke .order-price .box-tip { top: 7.9545vw; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .btn-downtool { top: 1.3889vw; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .box-tip { top: 2.8472vw; } .buy-target-goods .order-price .box-tip .tit, .buy-target-goods .order-price .box-tip .price { width:50%; font-size:0.9722vw; line-height:1.2500vw; } .buy-target-goods .order-price .box-tip .total { padding-top:0.8333vw; margin-top:0.8333vw; } .buy-target-goods .cart-error-message { margin-bottom:0.6944vw; font-size:0.9028vw; } /* 한도 정보 */ .limit-info { margin-bottom:4.1667vw; } .limit-info > h2 { padding-bottom:0.4167vw; font-size:1.3889vw; } .limit-info-box { background:#fafafa; } .limit-info-box:after { clear:both; } .limit-info-box > dt { width:11.1111vw; padding:1.5972vw 1.3889vw 1.7361vw; line-height:1.25em; font-size:1.1111vw; letter-spacing:0; } .limit-info-box > dd { width:calc(100% - 11.1111vw); padding:1.5972vw 1.3889vw 1.7361vw 0; font-size:0; } .limit-info-box > dd span { line-height:1.25em; font-size:1.1111vw; letter-spacing:0; } .limit-info-box > dd span ~ span { padding-left:2.7778vw; } .limit-info-box > dd span em { margin-right:0.6944vw; padding-right:0.6944vw; letter-spacing:0; } .limit-info-box > dd span em:after { top:50%; right:0; width:0.0694vw; height:0.8333vw; transform:translateY(-50%); background:#ddd; } .limit-info-box > dd span strong { letter-spacing:0; } .limit-info .info-type-1 { padding:1.6667vw 1.3889vw; } .limit-info .info-type-1 > dt { line-height:1.3em; margin-bottom:1.5278vw; font-size:0.9722vw; letter-spacing:0; } .limit-info .info-type-1 > dd p { font-size:0.9722vw; line-height:1.3em; letter-spacing:0; word-break:keep-all; } .limit-info .info-type-1 > dd p ~ p { padding-top:0.4167vw; } .limit-info .info-type-2 { padding:1.6667vw 1.3889vw; } .limit-info .info-type-2:after { clear:both; } .limit-info .info-type-2 .info-type-left { font-size:0.9722vw; letter-spacing:0; } .limit-info .info-type-2 .info-type-left > em { margin-left:0.4167vw; font-size:inherit; letter-spacing:0; } .limit-info .info-type-2 .info-type-right { line-height:1.29em; font-size:0.9722vw; letter-spacing:0; } /* 결제정보 */ .order-content .payment-area { right:1.6667vw; top:8.3333vw; width:100%; max-width:22.9167vw; background:#fff; } .order-excv .payment-area { top:8.8194vw; } /* 전담자몰 */ .order-content .payment-area > h2 { padding-bottom:0.4167vw; font-size:1.3889vw; } .order-content .payment-area .payment-listup { padding:1.6667vw 0; } .order-content .payment-area .payment-listup > li ~ li { margin-top:0.8333vw; } .order-content .payment-area .payment-listup > li > span { width:50%; font-size:1.1111vw; letter-spacing:0; } .order-content .payment-area .cost-listup { padding-top:1.6667vw; } .order-content .payment-area .cost-listup > li ~ li { margin-top:0.8333vw; } .order-content .payment-area .cost-listup > li > span { width:50%; line-height:1.23em; font-size:1.1111vw; } .order-content .payment-area .cost-listup > li > span .btn-tooltip { right:initial; top:initial; margin-left:0.2083vw; transform:none; } .order-content .payment-area .cost-listup > li > span > strong { font-size:1.2500vw; } .order-content .payment-area .cost-listup > li > .text > strong { font-size:1.6667vw; } .order-content .payment-area .cost-listup > li:first-child { padding-top:0.4861vw; } .order-content .payment-area .cost-listup > li:first-child > .head { line-height:1.36em; } .order-content .payment-area .terms-box { margin-top:1.6667vw; padding-top:2.3611vw; } .order-content .payment-area .terms-box > h2 { line-height:1.3em; padding-bottom:1.6667vw; font-size:1.3889vw; } .order-content .payment-area .terms-box > .btn-terms-view { right:0; top:2.6389vw; padding-right:1.5278vw; font-size:0.9722vw; background:url("/sec/static/_images/common/icon-drop-down.svg") no-repeat right center; } .order-content .payment-area .terms-box > .on { background-image:url("/sec/static/_images/common/icon-drop-up.svg")} .order-content .payment-area .terms-box .chk-form ~ .chk-form { margin-top:1.1111vw; } .order-content .payment-area .terms-box .terms-view .chk-form .btn-underline { bottom:0; right:0; margin:0; } .order-content .payment-area .terms-box .chk-form label { padding-left:1.8056vw; padding-right:3.5417vw; line-height:1.3; word-break:keep-all; }/* 220208 */ .order-content .payment-area .terms-box .chk-form label:before { left:0; top:0; margin-top:0; } .order-content .payment-area .terms-box .chk-form:checked+label:before { top:0; } .order-content .payment-area .terms-box .terms-view { margin-top:1.1111vw; padding:1.3889vw; background:#F7F7F7; } .order-content .payment-area .terms-box .terms-view label.inp-box:not(:nth-last-child(1)) { padding-bottom:1.6667vw; } .order-content .payment-area .btn { width:100%; margin:2.5000vw 0 0; font-size:1.2500vw; } .order-content .payment-area .btn > strong { margin-bottom:0.1389vw; margin-right:0.4167vw; font-size:inherit; line-height:1em; } .order-content .payment-area .btn > span { margin-bottom:0.2083vw; font-size:inherit; line-height:1em; } /* 주문 layout */ .order-content { max-width:100.0000vw; padding:3.4722vw 28.4722vw 0 1.6667vw; } .order-content > .tit-box { margin-bottom:2.7778vw; } .order-content .order-area { margin-bottom:3.8889vw; } .order-content .order-area:nth-last-child(1) { margin-bottom:0; } .order-content .order-area > h2 { padding-bottom:0.4167vw; line-height:1.3em; font-size:1.3889vw; } .order-content .order-tbl { width:100%;} .order-content .order-tbl .order-td { padding:2.7778vw 0; } .order-content .order-tbl .order-image { width:21.5%; padding-right:1.6667vw; } .order-content .order-tbl .order-spec { width:24.8%; padding-right:1.6667vw; } .order-content .order-tbl .order-select { width:25.2%; } .order-content .order-tbl .order-count { width:15%; padding-right:1.6667vw; padding-left:1.6667vw; line-height:1.4583vw; } .order-content .order-tbl .order-price { width:13.5%; } /* 주문 : 사진 */ .order-content .order-tbl .order-image .photo { width:100%; height:100%; margin:0 auto; } .order-content .order-tbl .order-image .photo a { width:100%; height:100%; margin:0 auto; vertical-align:top; } .order-content .order-tbl .order-image .photo .img-pc { margin:auto; } /* 주문 : 제품 정보 */ .order-content .order-spec-group .ico-group-t { margin-bottom:0.4167vw; font-size:0; } .order-content .order-spec-group .ico-group-t > span { height:auto; line-height:1.34em; letter-spacing:0; border-radius:0; } .order-content .order-spec-group .ico-group-t > span ~ span { margin-left:0.4167vw; } .order-content .order-spec-group .ico-group-t .ico-b { min-width:auto; padding:0; border:0; } .order-content .order-spec-group .ico-group-t .ico-t { min-width:auto; padding:0; border:0; } .order-content .order-spec-group .ico-group-t .ico-t > .btn-tooltip { width:1.3889vw; height:100%; font-size:0.0694vw; opacity:0.6; background:url("/sec/static/_images/common/icon-tooltip4.svg") no-repeat center center; } .order-content .order-spec-group .o-title { word-break:keep-all; } .order-content .order-spec-group .o-title a { font-size:1.1111vw; line-height:1.36em; letter-spacing:0; } .order-content .order-spec-group .o-label { margin-top:0.2778vw; font-size:0.8333vw; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group { margin-top:1.3889vw; } .order-content .order-spec-group .ico-group .o-spec span { font-size:0.8333vw; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group .o-spec span.end { margin-right:0.6944vw; } .order-content .order-spec-group .ico-group .o-spec .btn-option { min-width:4.2361vw; height:1.3889vw; line-height:1.3889vw; font-size:0.8333vw; background:#000; border-radius:0.6944vw; } .order-content .order-spec-group .o-telecom { margin-top:1.3889vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 { line-height:1.6667vw; font-size:0; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li ~ li { margin-left:0.6944vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label { height:1.6667vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label span { min-width:3.4722vw; height:1.6667vw; line-height:1.5972vw; padding:0 1.0417vw; font-size:0.8333vw; } .order-content .order-spec-group .o-telecom + .ico-group { margin-top:0.6944vw; } /* 주문 : 제품 가격 */ .order-content .order-tbl .order-count span { line-height:1.5em; font-size:1.1111vw; letter-spacing:0; } .order-content .order-tbl .order-price .price-small { line-height:1.33em; margin-bottom:0.1389vw; font-size:1.1111vw; letter-spacing:0; } .order-content .order-tbl .order-price .price-small:after { left:0; right:0; top:40%; width:100%; height:0.0694vw; background:#A6A6A6; } .order-content .order-tbl .order-price .price-big { line-height:1.32em; font-size:1.1111vw; letter-spacing:0; } /* 주문 : 사은품/쿠폰 */ .order-content .order-select .select-noti { width:100%; padding:0.3472vw 0 0.4167vw; font-size:0.9722vw; line-height:1.3194vw; } .order-content .order-select .select-noti.coupone { margin-top:0.6944vw; } .order-content .order-select .gifts-select { height:2.7778vw; line-height:2.7778vw; padding:0 2.5000vw 0 2.7778vw; border-radius:0.6944vw; } .order-content .order-select .gifts-select ~ .gifts-select { margin-top:0.4167vw; } .order-content .order-select .gifts-select .imgs { top:50%; left:0.6944vw; width:1.6667vw; height:1.6667vw; transform:translateY(-50%); background:#DFDFDF; border-radius:0.1389vw; } .order-content .order-select .gifts-select .imgs img { width:100%; } .order-content .order-select .gifts-select .names { font-size:0.9722vw; letter-spacing:0; white-space:nowrap; } .order-content .order-select .gifts-select .btn-del { right:0.6944vw; top:50%; width:1.1111vw; height:1.1111vw; background:url("/sec/static/_images/common/icon-del-s.svg") no-repeat center center; transform:translateY(-50%); background-size:1.1111vw auto; } .order-content .order-select .gifts-coupone { padding-left:0.6944vw; } .order-content .order-select .order-select-menu ~ .order-select-menu { margin-top:0.6944vw; } .order-content .order-select .order-select-menu .droplist { width:22.7778vw; } .order-content .order-select .order-select-menu.active .droplist { padding:0.9722vw 0; } .order-content .order-select .order-select-menu .link-gift { line-height:2.6389vw; padding-left:2.7778vw; padding-right:7.0833vw; } .order-content .order-select .order-select-menu .link-gift > span { font-size:0.9722vw; } .order-content .order-select .order-select-menu .link-gift > .imgs { left:0.9722vw; top:50%; width:1.3889vw; height:1.3889vw; transform:translateY(-50%); } .order-content .order-select .order-select-menu .link-gift > .names { white-space:nowrap; } .order-content .order-select .order-select-menu .link-gift > .dates { right:0.9722vw; top:50%; line-height:1; transform:translateY(-50%); } .order-content .order-select .order-select-menu .link-gift.link-coupon { padding-left:1.3889vw; padding-right:1.3889vw; } .order-content .order-select .order-select-menu .droplist-button .link-gift { padding-left:1.8056vw; padding-right:0; } .order-content .order-select .order-select-menu .droplist-button .link-gift > .imgs { left:0; } .order-content .order-select-list.omni-coupon { padding:0.8333vw 0.6944vw 0.6944vw; background:transparent; } .order-content .order-select-list.omni-coupon .gifts-coupone { padding:0.7639vw 1.8056vw 0.7639vw 0.6944vw; background:#EFF7FF; border-radius:0.6944vw; line-height:1.2500vw; } .order-content .order-select-list.omni-coupon .names .tag { width:5.9722vw; margin-right:0.6944vw; font-size:0.9722vw; line-height:1.2500vw; } /* 비스포크 */ .order-content .order-tbl .order-spec-group ~ .pc-bespoke { margin-top:2.9167vw; } /* 정기 배송 */ .input-type-small-2 { width:100%; max-width:24.5833vw; } /* 배송,할인,포인트,결제수단 */ .order-info-box > li { padding:2.0833vw 0; padding-left:16.3889vw; } .order-info-box > li.sale-li { margin-bottom:0; padding-right:0; border-bottom:0; } .order-info-box > li.deco { padding-bottom:2.0833vw !important; } .order-info-box > li:nth-last-child(1) { margin-bottom:0; padding-bottom:0; border-bottom:0; } .order-info-box .head { left:0; top:2.0833vw; width:18%; max-width:16.3889vw; padding:0.5556vw 0; } /*231011:부천중동 매장픽업*/ .order-info-box .order-btn { right:0; top:2.0833vw; padding:0.5556vw 0; } .order-info-box > li .inp-inactive { pointer-events:none; } .order-info-box > li .opt-primary { margin-bottom:1.6667vw; padding-bottom:1.6667vw; } .order-info-box-2 { padding:2.0833vw 0; } .order-info-box-2 > li { margin-bottom:0.9722vw; padding:0; padding-left:16.3889vw; } .order-info-box-2 li:nth-last-child(1) { margin-bottom:0; } .order-info-box-2 > li.deco { margin-bottom:2.0833vw;} .order-info-box-2 .head { left:0; top:-0.1389vw; width:18%; max-width:8.1944vw; padding:0.5556vw 0; } .order-info-box-2 .order-btn { right:0; top:2.0833vw; padding:0.5556vw 0; } .order-info-box-2 .order-btn .btn-s { height:1.9444vw; line-height:1.9444vw; margin:0; } .order-info-box-2 li li { margin-bottom:0; } .order-info-box-2 .event-code-li { padding-top:1.6667vw; } .order-info-box-2 .event-code-li .head, .order-info-box-2 .event-code-li .btn-info-sale { top:1.6667vw !important; } .order-info-box-2 .event-code-li.cmmall .btn-info-sale .btn-underline{font-size: 1.1vw;}/* 2023-02-21 */ .order-info-inner { width:100%; margin-bottom:0.8333vw; padding:0.7639vw 0; } .order-info-inner:nth-last-child(1) { margin-bottom:0; } .order-info-inner-maxwidth-1 { max-width:32.3611vw; } .order-padding-none { padding-top:0; padding-bottom:0; } .order-padding-none-t { padding-top:0; } .order-padding-none-b { padding-bottom:0; } .order-info-inner span:after { width:0.0694vw; height:0.6944vw; margin:0 1.3889vw; background:#d9d9d9; } .order-content .order-box { padding:0; } .order-content .order-box:nth-last-child(1) { border-bottom:0; } .order-content .tab-nav { margin-bottom:1.3889vw; } .order-content .tab-nav ul:after { clear:both; } .order-content .tab-nav li { margin-right:0.6944vw; } .order-content .tab-nav li:nth-last-child(1) { margin-right:0; } .order-content .tab-nav li button { width:8.3333vw; height:2.7778vw; margin:0; font-size:0.9722vw; border-radius:1.3889vw; } .order-content .tab-nav li .on { background:#000; } .order-content .radio-nav .chk-form { padding:0.4167vw 0; } .order-content .radio-nav + .use-type-1 { margin-top:2.0833vw; } .order-content .radio-nav + .use-type-2 { margin-top:1.6667vw; padding-top:1.6667vw; } .order-content .sale-option { width:100%; } .order-content .sale-option .head { width:30%; } .order-content .sale-option .result { width:65%; } .order-content .sale-option .result-input { margin-top:-0.6944vw; } .order-content .sale-option .result .dropdownMenu { margin-right:0.6944vw; margin-bottom:0; } .order-content .btn-listup:after { clear:both; } .order-content .btn-listup .btn:nth-child(1) { margin-left:0; } .order-content .tip-add { width:100%; padding-right:1.3889vw; }/* 220208 */ .order-content .btn-tooltip { right:0; top:50%; width:1.2500vw; height:1.2500vw; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; background-size:1.2500vw auto; border-radius:50%; transform:translateY(-50%); } .order-content .info-ul, .order-content .fnet-info-ul { margin:1.7361vw 0 0 16.3889vw; } .order-content .info-ul > li { padding:0.3472vw 0; padding-left:0.9722vw; font-size:0.9722vw; line-height:1.3; word-break:keep-all; } .order-content .info-ul > .exclusive_point { font-size:1.1111vw;} .order-content .fnet-info-ul > li {margin-bottom:0.9999vw; font-size:0.9722vw;} .order-content .info-ul > li:before { left:0; top:0.3472vw; content:"※"; } /* .order-content .fnet-info-ul>li.ft12 {font-size:1.2727vw;} *//* 2021-05-03 수정 */ .order-content .delivery-box { width:100%; max-width:39.3056vw; margin-bottom:2.0833vw; padding:2.0833vw; border-radius:1.3889vw; } .order-content .delivery-box > dt { font-size:1.3889vw; line-height:1.8056vw; } .order-content .delivery-box > dt > span { font-size:0.9722vw; line-height:1.3889vw; } .order-content .delivery-type-3 > dd { padding-bottom:0; } .order-content .delivery-box > dd > div { width:100%; } .order-content .delivery-box > dd > .wrap-droplist:not(.plus-details) { margin-top:1.3889vw; } .order-content .delivery-box > dd .seg-check-form { width:100%; padding:1.6667vw 0; } .order-content .delivery-box > dd .seg-dropdownMenu { width:100%; } .order-content .delivery-box > dd .seg-input { width:100%; margin-top:1.3889vw; } .order-content .delivery-box > dd .seg-details { padding:1.1111vw; background:#F7F7F7; font-size:0.9722vw; line-height:1.4583vw; } .order-content .delivery-box > dd .search-store input { width:calc(100% - 6.9444vw); } .order-content .delivery-box > dd .search-store button { right:0; top:50%; margin:0; transform:translateY(-50%); } .order-content .delivery-box .info-extra { margin-top:1.3889vw; } .tooltip-layer .tip-discount-detail {padding-top: 0.417vw;} .tooltip-layer .tip-discount-detail li {font-size: 0.972vw;} .tooltip-layer .tip-discount-detail li strong {padding-left: 0.278vw; padding-right: 0.556vw; font-size: 0.972vw;} .tooltip-layer .tip-discount-detail li span, .tooltip-layer .tip-discount-detail li em {font-size: 0.972vw;} .empty-cart { min-height:13.8889vw; background:#f7f7f7; } .empty-cart .empty-text { left:50%; top:50%; font-size:1.1111vw; transform:translate(-50%, -50%); } .empty-cart .empty-text:before { width:2.4306vw; height:1.8056vw; margin-right:0.6944vw; background:url("/sec/static/_images/common/icon-cart.svg") no-repeat center center; } .pick-store .inp-line { width:100%; } .pick-store .inp-select-store { width:calc(100% - 7.6389vw) !important; margin-bottom:0.3472vw; } .pick-store .btn { min-width:6.9444vw; margin:0; } .order-info-detail .pick-shop {min-height: 2.2222vw;} .order-info-detail .pick-shop > span {font-size: 0.9722vw;} .order-info-detail { width:100%; max-width:39.3056vw; } .order-info-detail > li { min-height:2.2222vw; margin-bottom:0.8333vw; padding:0.4167vw 0; } .order-info-detail > li:nth-last-child(1) { margin-bottom:0; } .order-info-detail li, .order-info-detail li > span { font-size:0.9722vw; } .order-info-detail .cols-2 { width:50%; } .order-info-detail .cols-3 { width:33%; } .order-info-detail .cols-4 { width:25%; } .order-info-detail .cols-5 { width:20%; } .order-info-detail .cols-clear { clear:both; } .order-info-detail .cols-another { width:auto; } .order-info-detail .cols-3-another { width:67%; } .order-info-detail .cols-4-another { width:75%; } .order-info-detail .cols-5-another { width:80%; } .order-info-detail .cols-inline2:after { width:0.0694vw; height:0.6944vw; margin:0 1.3889vw; background:#d9d9d9; } .order-info-detail .gift-select { width:100%; } .order-info-detail .gift-select .dropdownMenu { width:100%; } .order-info-detail .anther-service-input { width:100%; } .order-info-detail .coupon-entry { width:100%; margin-right:0.8333vw; } .order-info-detail .padding-none { padding-top:0; padding-bottom:0; } .order-info-detail .d-padding-add { margin-top:0.4167vw; padding:0.7639vw 0; font-size:inherit; } .order-info-detail.use-type-1, .order-info-detail.use-type-2 { max-width:100%; } .order-info-detail.use-type-1 > li, .order-info-detail.use-type-2 > li { max-width:39.3056vw; } /* 트레이드인 추가 */ .order-info-box li.trade-in {padding-bottom: 2.08vw; border-bottom: 1px solid #eaeaea;} .order-info-box .trade-in .order-info-detail .chk-view {margin-top: 0.83vw;} .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist {margin-bottom: 0.83vw;} .order-info-box .trade-in .order-info-detail .reward-value {font-size: 0.97vw;} .order-info-box .trade-in .order-info-detail .reward-value em {font-size: 1.11vw;} .order-info-box .trade-in .note {margin-top: 0.97vw;} .order-info-box .trade-in .note li {padding-left: 0.97vw; font-size: 0.97vw;} .order-info-box .trade-in .note li a {font-size: 0.97vw;} .order-info-box .trade-in .note li:before {top: 0.14vw;} /* UL : 주문자 정보변경 / 매장선택 */ .input-type-small { width:100%; max-width:39.3056vw; } .input-type-ul > li, .input-type-div > div { min-height:2.2222vw; margin-bottom:1.3889vw; padding:0; } .input-type-ul > li:nth-last-child(1) { margin-bottom:0; } .input-type-ul > li.input-obj, .input-type-div > div.input-obj { padding-left:37%; } .input-type-ul > li.h-auto { min-height:auto; } .input-type-ul .s-head, .input-type-div .s-head { left:0; width:37%; padding:0.6944vw 0; } .input-type-ul .select-btn { padding-right:7.0833vw; } .input-type-ul .select-btn button { right:0;top:0; } .input-type-ul .dropdownMenu { width:100%; } .input-type-ul .dropdownMenu li { padding-left:initial; } /* 할인혜택 */ .discount-area .order-info-box-2 .head { width:7.8472vw; } .discount-area .order-info-box-2 .price { font-size:1.1111vw; } .discount-area .order-info-box-2 .cmmall .head {font-size: 1.1vw;padding-top: 0.5vw;}/* 2023-02-21 */ /* 포인트 사용 */ .point-area .order-info-box-2 .head { width:7.8472vw; } .point-area .order-info-box-2 .use-type-1 > li { padding:2.0833vw; border-radius:1.3889vw; } .point-area .order-info-box-2 .use-type-1 > li:not(:nth-last-child(1)) { margin-bottom:2.0833vw; } .point-area .order-info-box-2 .use-type-2 > li:not(:nth-last-child(1)) { margin-bottom:0.9722vw; } .point-area .point-inline-1 { width:calc(38% - 3.7917vw); margin-right:3.5833vw; padding-right:5.5556vw; top: 12px; padding-bottom: 3.3vw; } .point-area .point-inline-1 .use-tit { width:auto; padding-right:0.2083vw; } .point-area .point-inline-2, .point-area .point-inline-3 { width:62%; padding-bottom: 1.8vw; } .point-area div.inp-point { width:calc(100% - 7.7083vw); height:2.2222vw; padding-right:1.2500vw; } .point-area div.inp-point::before { bottom:0; left:0; right:0; height:0.0694vw; background:#B2B2B2; } .point-area div.inp-point::after { top:0.6250vw; right:0.3472vw; font-size:0.9722vw; } .point-area div.inp-point .inp-line { border-bottom:none; } .point-area .point-line-1 { padding:0.6944vw; font-size:1.1111vw; line-height:1.3889vw; background:#F7F7F7; } .point-area .point-line-1 em { margin-left:0.3472vw; padding-left:0.6944vw; } .point-area .point-line-1 em::before { top:0.3472vw; left:0; width:0.0694vw; height:0.8333vw; background:#ddd; } .point-area .point-line-2 { -ms-flex-direction:row; flex-direction:row; -ms-flex:1 1 auto; flex:1 1 auto; padding-top:1.6667vw; padding-bottom: 1.0vw; min-height: 5.8545vw; } .point-area .point-line-2 .pd-info { width:calc(100% - 11.1111vw - 4.5833vw); margin-right:1.554vw; line-height:1.4583vw; } .point-area .point-line-2 .pd-info .sub-info { margin-top:0.4167vw; font-size:0.8333vw; line-height:1.3889vw; } .point-area .point-line-2 .inp-point { width:7.8232vw; } .point-ment { width:100%; max-width:38.1944vw; margin:2.0833vw auto 0; padding:0.6944vw 0; font-size:1.1111vw; line-height:1.4583vw; } .point-ment .btn { right:0; top:0; margin:0; } .order-info-detail .inp-basic { width:100%; } .deco.extra-service .order-info-detail.info-extra > li > span.tooltip-add { margin-top:0.6944vw; } .order-info-detail .tooltip-add { width:37%; } .order-info-detail .tooltip-add .btn-tip { left:6.5278vw; top:50%; width:1.2500vw; height:1.2500vw; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; background-size:1vw 1vw; border-radius:50%; transform:translateY(-50%); } .order-info-detail .inp-form > .chk-form { width:40%; } .order-info-detail em { font-size:inherit; } .order-info-detail .clear-both { clear:both; } .order-info-detail .inp-block > label { left:0; top:0; margin-bottom:0.7639vw; } .order-info-detail .inp-block input:not([type=checkbox]):not([type=radio]) { width:100%; } .order-info-detail .chk-view {margin:0 0 0 auto; margin-top:0.6944vw; } .order-info-detail .chk-view .dropdownMenu { width:100%; margin-bottom:0.6944vw; } .order-info-detail .chk-view .wrap-droplist { margin-bottom:0.6944vw; } .info-sale:after { clear:both; } .info-sale > li .account-types > li { padding-left:0; } .info-sale > li:nth-child(1) { width:37%; } .info-sale > li:nth-child(2) { width:63%; } .btn-info-sale { top:0 !important; } /* 임직원 인증 */ .inp-button-combo-box { padding-right:7.0833vw; } .inp-button-combo-box > button { right:0;top:0;max-width:6.3889vw; margin:0; padding-left:0.5556vw; padding-right:0.5556vw; } .inp-button-combo-box + .combo-guide { margin-top:0.9722vw; font-size:0.9722vw; line-height:1.2500vw; } /* 결제수단 : 결제 형태 */ .order-content .pay-info { margin-bottom:0; } .pay-info .order-info-box > li:not(.card-opt) { border-bottom:none; } .pay-info .order-info-box .pay-input-result { padding:0.4167vw 0; } .pay-info .order-info-box .pay-input-result strong { line-height:1.3889vw; } .pay-info .caution-list { margin-top:2.0833vw; } .pay-info .caution-list li { padding-left:0.4167vw; text-indent:-0.4167vw; font-size:0.9722vw; line-height:1.3889vw; } .pay-info .caution-list li:not(:nth-child(1)) { margin-top:0.9722vw; } .pay-info .caution-list li em { font-size:inherit; } .pay-nav-box > .pay-nav-box-left { width:17.3611vw; max-width:17.3611vw; height:100%; } .pay-nav-box > .pay-nav-box-right { width:calc(100% - 17.3611vw); max-width:35.4167vw; height:100%; } .pay-nav-box:after, .pay-nav-box > .pay-nav-box-left:after, .pay-nav-box > .pay-nav-box-right:after { clear:both; } .pay-nav-box > .pay-nav-bottom { clear:both; padding-top:1.3889vw; } .pay-nav-box .pay-method-pay { width:100%; height:6.5972vw; font-size:0; background:url("/sec/static/_images/common/samsung-pay.svg") no-repeat center top; background-size:100%; } .pay-nav-box .pay-method-pay.on { background-image:url("/sec/static/_images/common/samsung-pay-on.svg"); } .pay-nav-box .pay-method-pay:focus { border:dashed 2px #2189FF; } .pay-nav-box .pay-tab-nav ul:after { clear:both; } .pay-nav-box .pay-tab-nav ul li { width:11.1111vw; height:2.7778vw; margin-left:0.3472vw; margin-right:0.3472vw; margin-bottom:0.6944vw; } .pay-nav-box .pay-tab-nav ul li button { width:100%; height:100%; font-size:0.9722vw; background:#fff; border-radius:1.3889vw; } .pay-nav-box .pay-tab-nav ul li button.on { background:#212425; border:0; } .pay-input-check { clear:both; margin-top:1.6667vw; } .pay-view > .pay-input-check + .pay-input-check { margin-top:0.8333vw; } .pay-input-check .pay-check { padding-top:0.8333vw; } .pay-input-check .pay-check:first-child { padding-top:0; } .pay-input-check-none { margin-top:0; } .page-division { width:100%; margin-top:2.0833vw; margin-bottom:2.0833vw; } .info-pay { margin-top:1.3889vw; } .info-pay:after { clear:both; } .info-pay > li .account-types > li { padding-left:0; } .info-pay > li:nth-child(1) { width:37%; } .info-pay > li:nth-child(2) { width:63%; } .btn-info-pay { top:0 !important; } /* 결제 수단 */ .pay-view { margin-top:0; padding-top:0 !important; padding-bottom:0 !important; } .pay-view.creditcard, .pay-view.virtual-account, .pay-view.account-transfer { padding-left:0; } .pay-view .pd-top { padding-top:8.4722vw !important; } .pay-view .pd-top .card-opt { top:0; left:0; width:100%; height:6.3889vw; padding-left:16.3889vw; border-bottom:0.0694vw solid #ebebeb; } .pay-view .pd-top .card-opt .radio-nav { top:50%; margin-top:-1.1111vw; } .pay-view.creditcard > div:not(.pd-top), .pay-view.creditcard > ul, .pay-view.virtual-account > div, .pay-view.account-transfer > div { padding-left:16.3889vw; } .pay-view.creditcard > .page-division, .pay-view.virtual-account > .page-division:not(.full-width), .pay-view.account-transfer > .page-division:not(.full-width) { width:calc(100% - 16.3889vw); margin-left:16.3889vw; } /* 신용카드 */ .credit-card { margin-left:-0.3472vw; margin-right:-0.3472vw; } .credit-card > li { width:8.3333vw; height:6.2500vw; margin-left:0.3472vw; margin-right:0.3472vw; margin-bottom:0.6944vw; } .installment { margin-top:1.1806vw; max-width:31.2500vw; } .installment:after { clear:both; } .installment .dropdownMenu { margin-right:0.6944vw; width:22.2222vw; } .installment .dropdownMenu + a { margin:0; } /* 간편결제 */ .easy-pay { margin-top:0.6944vw; margin-left:-0.3472vw; margin-right:-0.3472vw; } .easy-pay > li { width:8.3333vw; height:6.2500vw; margin-left:0.3472vw; margin-right:0.3472vw; margin-bottom:0.6944vw; } .pay-input-box-1 { margin-top:1.3889vw; } .pay-input-box-1 .pay-input, .info-pay > li:nth-child(2) { width:21.6667vw; margin-right:0.6944vw; } .pay-input-box-1 .pay-input .dropdownMenu { width:100%; } .pay-input-box-1 .btn-underline { right:0; top:0.4861vw; margin:0; } .pay-input-box-3 { clear:both; width:100%; margin-bottom:0.9722vw; padding:0; padding-right:6.9444vw; } .pay-input-box-3 > .head-1 { left:initial; top:initial; width:37%; max-width:14.5139vw; } .pay-input-box-3 > .p-cont { width:62%; max-width:24.7222vw; } .pay-input-box-3 > .p-cont .inp-box { width:100%; max-width:31.2500vw; } .pay-input-box-3 > .p-cont .inp-box input { width:100%; } .pay-input-box-3 > .p-cont .dropdownMenu { width:100%; max-width:31.2500vw; } .pay-input-box-3 > .p-cont .guide { margin-top:0.6944vw; font-size:0.8333vw; } .pay-input-box-3 > .p-cont .btn-underline { right:0; top:0.6944vw; } .pay-input-box-3 > .p-cont:not(.receipt) .chk-form { margin-top:0.6944vw; } .pay-input-box-3.first-block { margin-bottom:2.0833vw; padding-bottom:2.0833vw; } .pay-input-box-3 .receipt .chk-form { padding:0.4167vw 0; } .pay-input-box-3 .receipt .radio-nav { margin-top:0.4167vw; } .pay-input-box-3 .receipt .wrap-droplist { margin-top:0.9722vw; } /* 주빈등록번호 */ .resident-num, .card-num, .phone-num, .biz-num { margin-top:0.9722vw; } .resident-num .inp-box.front { width:48%; padding-right:1.8056vw; } .resident-num .inp-box.front::after { top:50%; right:0.6944vw; width:0.4167vw; height:0.0694vw; background:#999; } .resident-num .inp-box.back { width:52%; } .resident-num .inp-box.back .inp-line { padding-right:2.0833vw; } .resident-num .inp-box.back .inp-lock, .card-num.inp-lock { background:url("/sec/static/_images/common/icon-lock-black.svg") no-repeat calc(100% - 0.4167vw) 0.3472vw; background-size:1.2500vw 1.5278vw; } .resident-num .inp-line { border-bottom:none; } /* 카드번호 */ .card-num { padding-right:2.0833vw; } .card-num .inp-box:not(:nth-last-child(1)) { width:25.6% !important; } .card-num .inp-box:nth-last-child(1) { width:18% !important; } .card-num .inp-box:not(:nth-last-child(1)) { padding-right:1.8056vw; } .card-num .inp-box:not(:nth-last-child(1))::after { top:50%; right:0.6944vw; width:0.4167vw; height:0.0694vw; background:#999; } .card-num .inp-line { border-bottom:none; } .card-num input:not([type=checkbox]):not([type=radio]).inp-line { border-bottom:none; letter-spacing:-0.0694vw; margin-top:-0.0694vw; } /* 필수항목 추가 */ .point-area .point-line-2-cover .btn-point .required-item {right: -11px; } .point-area .txt-info { position: absolute; left: 0; bottom: 0; font-size: 0.8333vw; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point { width: 68%; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point { width: auto; margin-left: 2px; display: table; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point span { display: table-cell; } .point-area .point-line-2-cover { height: 2.5222vw; } .point-area .point-line-2-cover .btn-point {display: table; height: 100%; margin-top: 0; } .point-area .point-line-2-cover .btn-point > span { display: table-cell; height: 100%; } .point-area .point-line-2-cover .btn-point .required-item {right: -10px; } .point-area .txt-info { position: absolute; left: 0; bottom: 0; text-align: right; font-size: 1.0909vw; } } @media screen and (max-width:1100px) and (min-width:801px) { /** 포인트 적용 버튼 */ #pointUseType2 .btn-cart-point-apply { margin-right: 0px; } .ul-area-membership-point { float: right; margin-top: 5px; } .area-membership-point { position: initial; top: initial; } .order-info-detail .btn-s { height: 22px !important; line-height: 21px !important; } .ul-area-membership-point .btn-type2 { margin-top: 0px; } /* 툴팁 추가 */ .buy-target-goods .order-price .btn-downtool { position: relative; right:0; bottom:1.8198vw; width:1.2727vw; height:1.2727vw; margin:0.0909vw 0 0; background:transparent url(/sec/static/_images/common/icon-tooltip-down.svg) no-repeat center; background-size:1.2727vw auto; } .buy-target-goods .order-price .box-tip li ~ li:not(.total) { margin-top:0.5455vw; } .buy-target-goods .order-price .box-tip { position:absolute; right:-1.0909vw; min-width:20.3636vw; padding:1.4545vw; border-radius:0.9091vw; background:#fff; } .buy-target-goods.p-bespoke .order-price .box-tip { top: 11.5455vw; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .btn-downtool { top: 1.8182vw; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .box-tip { top: 3.7273vw; } .buy-target-goods .order-price .box-tip .tit, .buy-target-goods .order-price .box-tip .price { width:50%; font-size:1.2727vw; line-height:1.6364vw; } .buy-target-goods .order-price .box-tip .total { padding-top:1.0909vw; margin-top:1.0909vw; } .buy-target-goods .cart-error-message { margin-bottom:0.9091vw; font-size:1.1818vw; } /* 한도 정보 */ .limit-info { margin-bottom:5.4545vw; } .limit-info > h2 { padding-bottom:0.5455vw; font-size:1.8182vw; } .limit-info-box { background:#fafafa; } .limit-info-box:after { clear:both; } .limit-info-box > dt { width:11.5455vw; padding:2.0909vw 1.8182vw 2.2727vw; line-height:1.25em; font-size:1.4545vw; letter-spacing:0; } .limit-info-box > dd { width:calc(100% - 11.5455vw); padding:2.0909vw 1.8182vw 2.2727vw 0; font-size:0; } .limit-info-box > dd span { line-height:1.25em; font-size:1.4545vw; letter-spacing:0; } .limit-info-box > dd span ~ span { padding-left:3.6364vw; } .limit-info-box > dd span em { margin-right:0.9091vw; padding-right:0.9091vw; letter-spacing:0; } .limit-info-box > dd span em:after { background:transparent; } .limit-info-box > dd span strong { letter-spacing:0; } .limit-info .info-type-1 { padding:2.1818vw 1.8182vw; } .limit-info .info-type-1 > dt { line-height:1.3em; margin-bottom:2.0000vw; font-size:1.2727vw; letter-spacing:0; } .limit-info .info-type-1 > dd p { font-size:1.2727vw; line-height:1.3em; letter-spacing:0; word-break:keep-all; } .limit-info .info-type-1 > dd p ~ p { padding-top:0.5455vw; } .limit-info .info-type-2 { padding:2.1818vw 1.8182vw; } .limit-info .info-type-2 .info-type-left { font-size:1.2727vw; letter-spacing:0; } .limit-info .info-type-2 .info-type-left > em { margin-left:0.5455vw; font-size:inherit; letter-spacing:0; } .limit-info .info-type-2 .info-type-right { line-height:1.29em; font-size:1.2727vw; letter-spacing:0; } /* 결제정보 */ .order-content .payment-area { right:2.1818vw; top:10.9091vw; width:100%; max-width:30.0000vw;background:#fff; } .order-excv .payment-area { top:11.5455vw; } /* 전담자몰 */ .order-content .payment-area > h2 { padding-bottom:0.5455vw; font-size:1.8182vw; } .order-content .payment-area .payment-listup { padding:2.1818vw 0; } .order-content .payment-area .payment-listup > li ~ li { margin-top:1.0909vw; } .order-content .payment-area .payment-listup > li > span { width:50%; font-size:1.4545vw; letter-spacing:0; } .order-content .payment-area .cost-listup { padding-top:2.1818vw; } .order-content .payment-area .cost-listup > li ~ li { margin-top:1.0909vw; } .order-content .payment-area .cost-listup > li > span { width:50%; line-height:1.23em; font-size:1.4545vw; } .order-content .payment-area .cost-listup > li > span .btn-tooltip { right:initial; top:initial; margin-left:0.2727vw; transform:none; } .order-content .payment-area .cost-listup > li > span > strong { font-size:1.6364vw; } .order-content .payment-area .cost-listup > li > .text > strong { font-size:2.1818vw; } .order-content .payment-area .cost-listup > li:first-child { padding-top:0.6364vw; } .order-content .payment-area .cost-listup > li:first-child > .head { line-height:1.36em; } .order-content .payment-area .terms-box { margin-top:2.1818vw; padding-top:3.0909vw; } .order-content .payment-area .terms-box > h2 { line-height:1.3em; padding-bottom:2.1818vw; font-size:1.8182vw; } .order-content .payment-area .terms-box > .btn-terms-view { right:0; top:3.4545vw; padding-right:2.0000vw; font-size:1.2727vw; background:url("/sec/static/_images/common/icon-drop-down.svg") no-repeat right center; } .order-content .payment-area .terms-box > .on { background-image:url("/sec/static/_images/common/icon-drop-up.svg")} .order-content .payment-area .terms-box .chk-form ~ .chk-form { margin-top:1.4545vw; } .order-content .payment-area .terms-box .terms-view .chk-form .btn-underline { bottom:0; right:0; margin:0; } .order-content .payment-area .terms-box .chk-form label { padding-left:2.3636vw; padding-right:3.4722vw; line-height:1.3; word-break:keep-all; } .order-content .payment-area .terms-box .chk-form label:before { left:0; top:0; margin-top:0; } .order-content .payment-area .terms-box .chk-form:checked+label:before { top:0; } .order-content .payment-area .terms-box .terms-view { margin-top:1.4545vw; padding:1.8182vw; background:#F7F7F7; } .order-content .payment-area .terms-box .terms-view label.inp-box:not(:nth-last-child(1)) { padding-bottom:2.1818vw; } .order-content .payment-area .btn { width:100%; margin:3.2727vw 0 0; font-size:1.6364vw; } .order-content .payment-area .btn > strong { margin-bottom:0.1818vw; margin-right:0.5455vw; font-size:inherit; line-height:1em; } .order-content .payment-area .btn > span { margin-bottom:0.2727vw; font-size:inherit; line-height:1em; } /* 주문 layout */ .order-content { max-width:130.9091vw; padding:4.5455vw 37.2727vw 0 2.1818vw; } .order-content > .tit-box { margin-bottom:3.6364vw; } .order-content .order-area { margin-bottom:5.0909vw; } .order-content .order-area:nth-last-child(1) { margin-bottom:0; } .order-content .order-area > h2 { padding-bottom:0.5455vw; line-height:1.3em; font-size:1.8182vw; } .order-content .order-tbl { width:100%; } .order-content .order-tbl .order-td { padding:3.6364vw 0; } .order-content .order-tbl .order-image { width:18.5%; padding-right:1.3636vw; } .order-content .order-tbl .order-spec { width:24.8%; padding-right:1.1818vw; } .order-content .order-tbl .order-select { width:28.2%; padding-right:1.1818vw; } .order-content .order-tbl .order-count { width:11.0%; padding-right:1.1818vw; } /* 231228 kdp-44683 일시품절팝업 수정 (기존 12.1% > sum 100%) */ .order-content .order-tbl .order-price { width:17.5%; } /* 주문 : 사진 */ .order-content .order-tbl .order-image .photo { width:100%; height:100%; max-width:7.3636vw; max-height:7.3636vw; margin:0 auto; } .order-content .order-tbl .order-image .photo a { width:100%; height:100%; margin:0 auto; vertical-align:top; } .order-content .order-tbl .order-image .photo .img-pc { margin:auto; } /* 주문 : 제품 정보 */ .order-content .order-spec-group .ico-group-t { margin-bottom:0.5455vw; font-size:0; } .order-content .order-spec-group .ico-group-t > span { height:auto; line-height:1.34em; letter-spacing:0; border-radius:0; } .order-content .order-spec-group .ico-group-t > span ~ span { margin-left:0.5455vw; } .order-content .order-spec-group .ico-group-t .ico-b{font-size: 1.0909vw;}/*22-10-07*/ .order-content .order-spec-group .ico-group-t .ico-b, .order-content .order-spec-group .ico-group-t .ico-t { min-width:auto; padding:0; border:0; } .order-content .order-spec-group .ico-group-t .ico-t > .btn-tooltip { width:1.8182vw; height:100%; font-size:0.0909vw; opacity:0.6; background:url("/sec/static/_images/common/icon-tooltip4.svg") no-repeat center center; } .order-content .order-spec-group .o-title { word-break:keep-all; } .order-content .order-spec-group .o-title a { font-size:1.4545vw; line-height:1.36em; letter-spacing:0; } .order-content .order-spec-group .o-label { margin-top:0.3636vw; font-size:1.0909vw; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group { margin-top:1.8182vw; } .order-content .order-spec-group .ico-group .o-spec span { font-size:1.0909vw; line-height:1.34em; letter-spacing:0; } .order-content .order-spec-group .ico-group .o-spec .btn-option { min-width:5.5455vw; height:1.8182vw; line-height:1.8182vw; font-size:1.0909vw; background:#000; border-radius:0.9091vw; } .order-content .order-spec-group .o-telecom { margin-top:1.8182vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 { line-height:2.1818vw; font-size:0; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li { display:block; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li ~ li { margin-left:0; margin-top:0.2727vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label { height:2.1818vw; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label span { min-width:4.5455vw; height:2.1818vw; line-height:2.0909vw; padding:0 1.3636vw; font-size:1.0909vw; } .order-content .order-spec-group .o-telecom + .ico-group { margin-top:0.9091vw; } /* 주문 : 제품 가격 */ .order-content .order-tbl .order-count { line-height:1.9091vw; } .order-content .order-tbl .order-count span { line-height:1.5em; font-size:1.4545vw; letter-spacing:0; } .order-content .order-tbl .order-price .price-small { line-height:1.33em; margin-bottom:0.1818vw; font-size:1.4545vw; letter-spacing:0; } .order-content .order-tbl .order-price .price-small:after { left:0; right:0; top:45%; width:100%; height:0.0909vw; background:#A6A6A6; } .order-content .order-tbl .order-price .price-big { line-height:1.32em; font-size:1.4545vw; letter-spacing:0; } /* 주문 : 사은품/쿠폰 */ .order-content .order-select .select-noti { width:100%; padding:0.4545vw 0 0.5455vw; font-size:1.2727vw; line-height:1.7273vw; } .order-content .order-select .select-noti.coupone { margin-top:0.9091vw; } .order-content .order-select .gifts-select { height:3.6364vw; line-height:3.6364vw; padding:0 3.2727vw 0 3.6364vw; border-radius:0.9091vw; } .order-content .order-select .gifts-select ~ .gifts-select { margin-top:0.5455vw; } .order-content .order-select .gifts-select .imgs { top:50%; left:0.9091vw; width:2.1818vw; height:2.1818vw; transform:translateY(-50%); background:#DFDFDF; border-radius:0.1818vw; } .order-content .order-select .gifts-select .imgs img { width:100%; } .order-content .order-select .gifts-select .names { font-size:1.2727vw; letter-spacing:0; white-space:nowrap; } .order-content .order-select .gifts-select .btn-del { right:0.9091vw; top:50%; width:1.4545vw; height:1.4545vw; background:url("/sec/static/_images/common/icon-del-s.svg") no-repeat center center; transform:translateY(-50%); background-size:1.4545vw auto; } .order-content .order-select .gifts-coupone { padding-left:0.9091vw; } .order-content .order-select .order-select-menu ~ .order-select-menu { margin-top:0.9091vw; } .order-content .order-select .order-select-menu .droplist { width:29.8182vw; } .order-content .order-select .order-select-menu.active .droplist { padding:1.2727vw 0; } .order-content .order-select .order-select-menu .link-gift { line-height:3.4545vw; padding-left:3.6364vw; padding-right:9.2727vw; } .order-content .order-select .order-select-menu .link-gift > span { font-size:1.2727vw; } .order-content .order-select .order-select-menu .link-gift > .imgs { left:1.2727vw; top:50%; width:1.8182vw; height:1.8182vw; transform:translateY(-50%); } .order-content .order-select .order-select-menu .link-gift > .names { white-space:nowrap; } .order-content .order-select .order-select-menu .link-gift > .dates { right:1.2727vw; top:50%; line-height:1; transform:translateY(-50%); } .order-content .order-select .order-select-menu .link-gift.link-coupon { padding-left:1.8182vw; padding-right:1.8182vw; } .order-content .order-select .order-select-menu .droplist-button .link-gift { padding-left:2.3636vw; padding-right:0; } .order-content .order-select .order-select-menu .droplist-button .link-gift > .imgs { left:0; } .order-content .order-select-list.omni-coupon { padding:1.0909vw 0.9091vw 0.9091vw; background:transparent; } .order-content .order-select-list.omni-coupon .gifts-coupone { padding:1.0000vw 2.3636vw 1.0000vw 0.9091vw; background:#EFF7FF; border-radius:0.9091vw; line-height:1.6364vw; } .order-content .order-select-list.omni-coupon .names .tag { width:7.8182vw; margin-right:0.9091vw; font-size:1.2727vw; line-height:1.6364vw; } /* 비스포크 */ .order-content .order-tbl .order-spec-group ~ .pc-bespoke { margin-top:3.8182vw; } /* 정기 배송 */ .input-type-small-2 { width:100%; max-width:32.1818vw; } /* 배송 정보 */ .order-content .m-right-space { padding-right:10.9091vw; } .multi-order-tbl .order-multi.order-tr { width:100%; } .multi-order-tbl .order-multi.order-tr .order-select { max-width:15.8182vw } .order-content .info-extra .tooltip-add { width:31%; padding:0.9vw 0; font-size:1.2727vw; } .order-content .info-extra .tooltip-add .btn-tip { left:66px; } .order-content .info-extra .inp-form { display:inline-block; width:68%; } .order-content .info-extra .chk-view { display:inline-block; width:100%; } .order-content .info-extra li { position:relative; } .order-content .info-extra li:nth-child(3) { min-height:11.9444vw; } /* 사은품배송 */ .order-content .info-extra li:nth-child(4) { min-height:8.5455vw; } /* 사전방문 */ .order-content .info-extra li.m-full-width .chk-view { position:absolute; left:0; width:100%; } .order-content .info-extra .inp-form .chk-form { width:49%;} .order-content .info-extra .inp-form .chk-form label { padding-right:0; } .deco.extra-service .order-info-detail.info-extra > li > span.tooltip-add { margin-top:0; } /* 툴팁 있는 레이블 */ .order-info-detail .tooltip-add .btn-tip { left:8.5455vw; width:1.6364vw; height:1.6364vw; } .order-content .btn-tooltip { width:1.6364vw; height:1.6364vw; background-size:1.6364vw auto; } /* 배송,할인,포인트,결제수단 */ .order-info-box > li { padding:2.7273vw 0; padding-left:21.4545vw; } .order-info-box > li.sale-li { margin-bottom:0; padding-right:0; border-bottom:0; } .order-info-box > li.deco { padding-bottom:2.7273vw !important; } .order-info-box > li:nth-last-child(1) { margin-bottom:0; padding-bottom:0; border-bottom:0; } .order-info-box .head { left:0; top:2.7273vw; width:18%; max-width:21.4545vw; padding:0.7273vw 0; } /*231011:부천중동 매장픽업*/ .order-info-box .order-btn { right:0; top:2.7273vw; padding:0.7273vw 0; } .order-info-box > li .inp-inactive { pointer-events:none; } .order-info-box > li .opt-primary { margin-bottom:2.1818vw; padding-bottom:2.1818vw; } .order-info-box-2 { padding:2.7273vw 0; } .order-info-box-2 > li { margin-bottom:1.2727vw; padding:0; padding-left:21.4545vw; } .order-info-box-2 li:nth-last-child(1) { margin-bottom:0; } .order-info-box-2 > li.deco { margin-bottom:2.7273vw;} .order-info-box-2 .head { left:0; top:-0.1818vw; width:18%; max-width:10.7273vw; padding:0.7273vw 0; } .order-info-box-2 .order-btn { right:0; top:2.7273vw; padding:0.7273vw 0; } .order-info-box-2 .order-btn .btn-s { height:2.5455vw; line-height:2.5455vw; margin:0; } .order-info-box-2 li li { margin-bottom:0; } .order-info-box-2 .event-code-li { padding-top:2.1818vw; } .order-info-box-2 .event-code-li .head, .order-info-box-2 .event-code-li .btn-info-sale { top:2.1818vw !important; } .order-info-box-2 .event-code-li.cmmall .btn-info-sale {padding-top: 0.3vw;}/* 2023-02-21 */ .order-info-box-2 .event-code-li.cmmall .btn-info-sale .btn-underline{font-size: 1.5vw;}/* 2023-02-21 */ .order-info-inner { width:100%; margin-bottom:1.0909vw; padding:1.0000vw 0; } .order-info-inner:nth-last-child(1) { margin-bottom:0; } .order-info-inner-maxwidth-1 { max-width:42.3636vw; } .order-padding-none { padding-top:0; padding-bottom:0; } .order-padding-none-t { padding-top:0; } .order-padding-none-b { padding-bottom:0; } .order-info-inner span:after { width:0.0909vw; height:0.9091vw; margin:0 1.8182vw; background:#d9d9d9; } .order-content .order-box { padding:0; } .order-content .order-box:nth-last-child(1) { border-bottom:0; } .order-content .tab-nav { margin-bottom:1.8182vw; } .order-content .tab-nav.split-delivery { margin-top: 3.09vw; } .order-content .tab-nav ul:after { clear:both; } .order-content .tab-nav li { margin-right:0.9091vw; } .order-content .tab-nav li:nth-last-child(1) { margin-right:0; } .order-content .tab-nav li button { width:10.9091vw; height:3.6364vw; margin:0; font-size:1.2727vw; border-radius:1.8182vw; } .order-content .tab-nav li .on { background:#000; } .order-content .radio-nav .chk-form { padding:0.5455vw 0; } .order-content .radio-nav + .use-type-1 { margin-top:2.7273vw; } .order-content .radio-nav + .use-type-2 { margin-top:2.1818vw; padding-top:2.1818vw; } .order-content .sale-option { width:100%; } .order-content .sale-option .head { width:30%; } .order-content .sale-option .result { width:65%; } .order-content .sale-option .result-input { margin-top:-0.9091vw; } .order-content .sale-option .result .dropdownMenu { margin-right:0.9091vw; margin-bottom:0; } .order-content .btn-listup:after { clear:both; } .order-content .btn-listup .btn:nth-child(1) { margin-left:0; } .order-content .tip-add { width:100%; padding-right:2.7273vw; } .order-content .btn-tooltip { right:0; top:50%; width:1.6364vw; height:1.6364vw; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; background-size:1.6364vw auto; border-radius:50%; transform:translateY(-50%); } .order-content .info-ul , .order-content .fnet-info-ul { margin:2.2727vw 0 0 21.4545vw; } .order-content .info-ul > li { padding:0.4545vw 0; padding-left:1.2727vw; font-size:1.2727vw; line-height:1.3; word-break:keep-all; } .order-content .info-ul > .exclusive_point { font-size:1.4545vw; } .order-content .fnet-info-ul > li { font-size:1.2727vw;} .order-content .info-ul > li:before { left:0; top:0.4545vw; content:"※"; } /* .order-content .fnet-info-ul>li.ft12 {font-size:1.2727vw;} *//* 2021-05-03 수정 */ .order-content .delivery-box { width:100%; max-width:56.9091vw; margin-bottom:2.7273vw; padding:2.7273vw; border-radius:1.8182vw; } .order-content .delivery-box > dt { font-size:1.8182vw; line-height:2.3636vw; } .order-content .delivery-box > dt > span { font-size:1.2727vw; line-height:1.8182vw; } .order-content .delivery-type-3 > dd { padding-bottom:0; } .order-content .delivery-box > dd > div { width:100%; } .order-content .delivery-box > dd > .wrap-droplist:not(.plus-details) { margin-top:1.8182vw; } .order-content .delivery-box > dd .seg-check-form { width:100%; padding:2.1818vw 0; } .order-content .delivery-box > dd .seg-dropdownMenu { width:100%; } .order-content .delivery-box > dd .seg-input { width:100%; margin-top:1.8182vw; } .order-content .delivery-box > dd .seg-details { padding:1.4545vw; background:#F7F7F7; font-size:1.2727vw; line-height:1.9091vw; } .order-content .delivery-box > dd .search-store input { width:calc(100% - 9.0909vw); } .order-content .delivery-box > dd .search-store button { right:0; top:50%; margin:0; transform:translateY(-50%); } .order-content .delivery-box .info-extra { margin-top:1.8182vw; } .tooltip-layer .tip-discount-detail {padding-top: 0.545vw;} .tooltip-layer .tip-discount-detail li {font-size: 1.273vw;} .tooltip-layer .tip-discount-detail li strong {padding-left: 0.364vw; padding-right: 0.727vw; font-size: 1.273vw;} .tooltip-layer .tip-discount-detail li span, .tooltip-layer .tip-discount-detail li em {font-size: 1.273vw;} .empty-cart { min-height:18.1818vw; background:#f7f7f7; } .empty-cart .empty-text { left:50%; top:50%; font-size:1.4545vw; transform:translate(-50%, -50%); } .empty-cart .empty-text:before { width:3.1818vw; height:2.3636vw; margin-right:0.9091vw; background:url("/sec/static/_images/common/icon-cart.svg") no-repeat center center; } .pick-store .inp-line { width:100%; } .pick-store .inp-select-store { width:calc(100% - 10.0000vw) !important; margin-bottom:0.4545vw; } .pick-store .btn { min-width:9.0909vw; margin:0; } .order-info-detail .pick-shop > span {font-size: 1.2727vw;} .order-info-detail { width:100%; max-width:51.4545vw; } .order-info-detail > li { min-height:2.9091vw; margin-bottom:1.0909vw; padding:0.5455vw 0; } .order-info-detail > li:nth-last-child(1) { margin-bottom:0; } .order-info-detail li, .order-info-detail li > span { font-size:1.2727vw; } .order-info-detail .cols-2 { width:50%; } .order-info-detail .cols-3 { width:33%; } .order-info-detail .cols-4 { width:25%; } .order-info-detail .cols-5 { width:20%; } .order-info-detail .cols-clear { clear:both; } .order-info-detail .cols-another { width:auto; } .order-info-detail .cols-3-another { width:67%; } .order-info-detail .cols-4-another { width:75%; } .order-info-detail .cols-5-another { width:80%; } .order-info-detail .cols-inline2:after { width:0.0909vw; height:0.9091vw; margin:0 1.8182vw; background:#d9d9d9; } .order-info-detail .gift-select { width:100%; } .order-info-detail .gift-select .dropdownMenu { width:100%; } .order-info-detail .anther-service-input { width:100%; } .order-info-detail .coupon-entry { width:100%; margin-right:1.0909vw; } .order-info-detail .padding-none { padding-top:0; padding-bottom:0; } .order-info-detail .d-padding-add { margin-top:0.5455vw; padding:1.0000vw 0; font-size:inherit; } .order-info-detail.use-type-1, .order-info-detail.use-type-2 { max-width:100%; } .order-info-detail.use-type-1 > li, .order-info-detail.use-type-2 > li { max-width:51.4545vw; } /* 트레이드인 추가 */ .order-info-box li.trade-in {padding-bottom: 2.72vw; border-bottom: 1px solid #eaeaea;} .order-info-box .trade-in .order-info-detail .chk-view {margin-top: 1.09vw;} .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist {margin-bottom: 1.09vw;} .order-info-box .trade-in .order-info-detail .reward-value {font-size: 1.27vw;} .order-info-box .trade-in .order-info-detail .reward-value em {font-size: 1.45vw;} .order-info-box .trade-in .note {margin-top: 1.27vw;} .order-info-box .trade-in .note li {padding-left: 1.27vw; font-size: 1.27vw;} .order-info-box .trade-in .note li a {font-size: 1.27vw;} .order-info-box .trade-in .note li:before {top: 0.18vw;} /* UL : 주문자 정보변경 / 매장선택 */ .input-type-small { width:100%; max-width:51.4545vw; } .input-type-ul > li, .input-type-div > div { min-height:2.9091vw; margin-bottom:1.8182vw; padding:0; } .input-type-ul > li:nth-last-child(1) { margin-bottom:0; } .input-type-ul > li.input-obj, .input-type-div > div.input-obj { padding-left:37%; } .input-type-ul > li.h-auto { min-height:auto; } .input-type-ul .s-head, .input-type-div .s-head { left:0; width:37%; padding:0.9091vw 0; } .input-type-ul .select-btn { padding-right:9.2727vw; } .input-type-ul .select-btn button { right:0;top:0; } .input-type-ul .dropdownMenu { width:100%; } .input-type-ul .dropdownMenu li { padding-left:initial; } /* 할인혜택 */ .discount-area .order-info-box-2 .head { width:10.2727vw; } .discount-area .order-info-box-2 .price { font-size:1.4545vw; } .discount-area .order-info-box-2 .cmmall .head{font-size: 1.45vw;padding-top: 0.4545vw;}/* 2023-02-21 */ /* 포인트 사용 */ .point-area .order-info-box-2 .head { width:10.2727vw; } .point-area .order-info-box-2 .use-type-1 > li { padding:2.7273vw; border-radius:1.8182vw; } .point-area .order-info-box-2 .use-type-1 > li:not(:nth-last-child(1)) { margin-bottom:2.7273vw; } .point-area .order-info-box-2 .use-type-2 > li:not(:nth-last-child(1)) { margin-bottom:1.2727vw; } .point-area .point-inline-1 { width:calc(42% - 2.2727vw); margin-right:2.0000vw; padding-right:7.2727vw } .point-area .point-inline-1 .use-tit { width:auto; padding-right:0.2727vw; font-size:inherit; } .point-area .point-inline-2, .point-area .point-inline-3 { width:58%; padding-bottom: 2.3vw; } .point-area div.inp-point { width:calc(100% - 10.0909vw); height:2.9091vw; padding-right:1.6364vw; } .point-area div.inp-point::before { bottom:0; left:0; right:0; height:0.0909vw; background:#B2B2B2; } .point-area div.inp-point::after { top:0.8182vw; right:0.4545vw; font-size:1.2727vw; } .point-area div.inp-point .inp-line { border-bottom:none; } .point-area .point-line-1 { padding:0.9091vw; font-size:1.4545vw; line-height:1.8182vw; background:#F7F7F7; } .point-area .point-line-1 em { margin-left:0.4545vw; padding-left:0.9091vw; } .point-area .point-line-1 em::before { top:0.4545vw; left:0; width:0.0909vw; height:1.0909vw; background:#ddd; } .point-area .point-line-2 { -ms-flex-direction:row; flex-direction:row; -ms-flex:1 1 auto; flex:1 1 auto; padding-top:2.1818vw; padding-bottom: 1.3vw; position: relative; min-height: 7.4545vw; } .point-area .point-line-2 .pd-info { width:calc(100% - 14.5455vw - 6.0000vw); margin-right: 2.9363vw; line-height:1.9091vw; } .point-area .point-line-2 .pd-info .sub-info { margin-top:0.5455vw; font-size:1.0909vw; line-height:1.8182vw; } .point-area .point-line-2 .inp-point { width:8.2411vw; } .point-ment { width:100%; max-width:50.0000vw; margin:2.7273vw auto 0; padding:0.9091vw 0; font-size:1.4545vw; line-height:1.9091vw; } .point-ment .btn { right:0; top:0; margin:0; } .order-info-detail .inp-basic { width:100%; } .order-info-detail .tooltip-add { width:37%; } .order-info-detail .tooltip-add .btn-tip { left:8.5455vw; top:50%; width:1.6364vw; height:1.6364vw; font-size:0; background:#fff url("/sec/static/_images/common/icon-tooltip-2.svg") no-repeat center center; border-radius:50%; transform:translateY(-50%); } .order-info-detail .inp-form { width:62%; } .order-info-detail .inp-form > .chk-form { width:40%; } .order-info-detail em { font-size:inherit; } .order-info-detail .clear-both { clear:both; } .order-info-detail .inp-block > label { left:0; top:0; margin-bottom:1.0000vw; } .order-info-detail .inp-block input:not([type=checkbox]):not([type=radio]) { width:100%; } .order-info-detail .chk-view { width:62%; margin:0 0 0 auto; margin-top:0.9091vw; } .order-info-detail .chk-view .dropdownMenu { width:100%; margin-bottom:0.9091vw; } .order-info-detail .chk-view .wrap-droplist { margin-bottom:0.9091vw; } .info-sale:after { clear:both; } .info-sale > li .account-types > li { padding-left:0; } .info-sale > li:nth-child(1) { width:37%; } .info-sale > li:nth-child(2) { width:63%; } .btn-info-sale { top:0 !important; } /* 임직원 인증 */ .inp-button-combo-box { padding-right:9.2727vw; } .inp-button-combo-box > button { right:0;top:0;max-width:8.3636vw; margin:0; padding-left:0.7273vw; padding-right:0.7273vw; } .inp-button-combo-box + .combo-guide { margin-top:1.2727vw; font-size:1.2727vw; line-height:1.6364vw; } /* 결제수단 : 결제 형태 */ .order-content .pay-info { margin-bottom:0; } .pay-info .order-info-box > li:not(.card-opt) { border-bottom:none; } .pay-info .order-info-box .pay-input-result { padding:0.5455vw 0; } .pay-info .order-info-box .pay-input-result strong { line-height:1.8182vw; } .pay-info .caution-list { margin-top:2.7273vw; } .pay-info .caution-list li { padding-left:0.5455vw; text-indent:-0.5455vw; font-size:1.2727vw; line-height:1.8182vw; } .pay-info .caution-list li:not(:nth-child(1)) { margin-top:1.2727vw; } .pay-info .caution-list li em { font-size:inherit; } .pay-nav-box > .pay-nav-box-left { width:17.7273vw; max-width:22.7273vw; height:100%; } .pay-nav-box > .pay-nav-box-right { width:calc(100% - 18vw); max-width:46.3636vw; height:100%; } .pay-nav-box:after, .pay-nav-box > .pay-nav-box-left:after, .pay-nav-box > .pay-nav-box-right:after { clear:both; } .pay-nav-box > .pay-nav-bottom { clear:both; padding-top:1.8182vw; } .pay-nav-box .pay-method-pay { width:100%; height:6.7273vw; font-size:0; background:url("/sec/static/_images/common/samsung-pay.svg") no-repeat center top; background-size:100%; } .pay-nav-box .pay-method-pay.on { background-image:url("/sec/static/_images/common/samsung-pay-on.svg"); } .pay-nav-box .pay-method-pay:focus { border:dashed 2px #2189FF; } .pay-nav-box .pay-tab-nav ul:after { clear:both; } .pay-nav-box .pay-tab-nav ul li { width:calc(20% + 20px); height:3vw; margin-left:0.4545vw; margin-right:0.4545vw; margin-bottom:0.9091vw; } .pay-nav-box .pay-tab-nav ul li button { width:100%; height:100%; font-size:1.2727vw; background:#fff; border-radius:1.8182vw; } .pay-nav-box .pay-tab-nav ul li button.on { background:#212425; border:0; } .order-content .order-area .point-ment.type2 .btn {width:auto;height:auto;font-size: 1.2727vw;border-radius: 1.8182vw;} /* KDP-52973 : 240423 추가 */ .pay-input-check { clear:both; margin-top:2.1818vw; } .pay-view > .pay-input-check + .pay-input-check { margin-top:1.0909vw; } .pay-input-check .pay-check { padding-top:1.0909vw; } .pay-input-check .pay-check:first-child { padding-top:0; } .pay-input-check-none { margin-top:0; } .page-division { width:100%; margin-top:2.7273vw; margin-bottom:2.7273vw; } .info-pay { margin-top:1.8182vw; } .info-pay:after { clear:both; } .info-pay > li .account-types > li { padding-left:0; } .info-pay > li:nth-child(1) { width:37%; } .info-pay > li:nth-child(2) { width:63%; } .btn-info-pay { top:0 !important; } /* 결제 수단 */ .pay-view { margin-top:0; padding-top:0 !important; padding-bottom:0 !important; } .pay-view.creditcard, .pay-view.virtual-account, .pay-view.account-transfer { padding-left:0; } .pay-view .pd-top { padding-top:11.0909vw !important; } .pay-view .pd-top .card-opt { top:0; left:0; width:100%; height:8.3636vw; padding-left:21.4545vw; } .pay-view .pd-top .card-opt .radio-nav { top:50%; margin-top:-1.4545vw; } .pay-view.creditcard > div:not(.pd-top), .pay-view.creditcard > ul, .pay-view.virtual-account > div, .pay-view.account-transfer > div { padding-left:21.4545vw; } .pay-view.creditcard > .page-division, .pay-view.virtual-account > .page-division:not(.full-width), .pay-view.account-transfer > .page-division:not(.full-width) { width:calc(100% - 21.4545vw); margin-left:21.4545vw; } /* 신용카드 */ .credit-card { margin-left:-0.4545vw; margin-right:-0.4545vw; } .credit-card > li { width:10.9091vw; height:8.1818vw; margin-left:0.4545vw; margin-right:0.4545vw; margin-bottom:0.9091vw; } .credit-card > li:after { clear:both; } .installment { margin-top:1.5455vw; max-width:40.9091vw; } .installment:after { clear:both; } .installment .dropdownMenu { margin-right:0.9091vw; width:29.0909vw; } .installment .dropdownMenu + a { margin:0; } /* 간편결제 */ .easy-pay { margin-top:0.9091vw; margin-left:-0.4545vw; margin-right:-0.4545vw; } .easy-pay > li { width:10.9091vw; height:8.1818vw; margin-left:0.4545vw; margin-right:0.4545vw; margin-bottom:0.9091vw; } .easy-pay > li:after { clear:both; } .pay-input-box-1 { margin-top:1.8182vw; } .pay-input-box-1 .pay-input, .info-pay > li:nth-child(2) { width:28.3636vw; margin-right:0.9091vw; } .pay-input-box-1 .pay-input .dropdownMenu { width:100%; } .pay-input-box-1 .btn-underline { right:0; top:0.6364vw; margin:0; } .pay-input-box-3 { clear:both; width:100%; margin-bottom:1.2727vw; padding:0; padding-right:9.0909vw; } .pay-input-box-3 > .head-1 { left:initial; top:initial; width:37%; max-width:19.0000vw; } .pay-input-box-3 > .p-cont { width:62%; max-width:32.3636vw; } .pay-input-box-3 > .p-cont .inp-box { width:100%; max-width:40.9091vw; } .pay-input-box-3 > .p-cont .inp-box input { width:100%; } .pay-input-box-3 > .p-cont .dropdownMenu { width:100%; max-width:40.9091vw; } .pay-input-box-3 > .p-cont .guide { margin-top:0.9091vw; font-size:1.0909vw; } .pay-input-box-3 > .p-cont .btn-underline { right:0; top:0.9091vw; } .pay-input-box-3 > .p-cont:not(.receipt) .chk-form { margin-top:0.9091vw; } .pay-input-box-3.first-block { margin-bottom:2.7273vw; padding-bottom:2.7273vw; } .pay-input-box-3 .receipt .chk-form { padding:0.5455vw 0; } .pay-input-box-3 .receipt .radio-nav { margin-top:0.5455vw; } .pay-input-box-3 .receipt .wrap-droplist { margin-top:1.2727vw; } /* 주빈등록번호 */ .resident-num, .card-num, .phone-num, .biz-num { margin-top:1.2727vw; } .resident-num .inp-box.front { width:48%; padding-right:2.3636vw; } .resident-num .inp-box.front::after { top:50%; right:0.9091vw; width:0.5455vw; height:0.0909vw; background:#999; } .resident-num .inp-box.back { width:52%; } .resident-num .inp-box.back .inp-line { padding-right:2.7273vw; } .resident-num .inp-box.back .inp-lock, .card-num.inp-lock { background:url("/sec/static/_images/common/icon-lock-black.svg") no-repeat calc(100% - 0.5455vw) 0.4545vw; background-size:1.6364vw 2.0000vw; } .resident-num .inp-line { border-bottom:none; } /* 카드번호 */ .card-num { padding-right:2.7273vw; } .card-num .inp-box:not(:nth-last-child(1)) { width:25.6% !important; } .card-num .inp-box:nth-last-child(1) { width:18% !important; } .card-num .inp-box:not(:nth-last-child(1)) { padding-right:2.3636vw; } .card-num .inp-box:not(:nth-last-child(1))::after { top:50%; right:0.9091vw; width:0.5455vw; height:0.0909vw; background:#999; } .card-num .inp-line { border-bottom:none; } .card-num input:not([type=checkbox]):not([type=radio]).inp-line { border-bottom:none; letter-spacing:-0.0909vw; margin-top:-0.0909vw; } /* 필수항목 추가 */ .point-area .order-info-box-2 .order-info-detail .point-inline-2 .chk-form input[type="radio"] + label, .point-area .order-info-box-2 .order-info-detail .point-inline-2 .chk-form input[type="checkbox"] + label { padding-right: 0.7273vw; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover { width: 61%; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point { width: 55%; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point { width: 40%; margin-left: 2px; display: table; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point span { display: table-cell; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point a {min-width: 5.2727vw;} .point-area .point-line-2 .point-line-2-cover { height: 3.1091vw;} .point-area .point-line-2 .point-line-2-cover .inp-point { width: 100%;} .point-area .point-line-2-cover .btn-point {display: table; margin-top: 0; height: 2.9091vw; } .point-area .point-line-2-cover .btn-point > span { display: table-cell; height: 100%; } .point-area .point-line-2-cover .btn-point .required-item {right: -8px; } .point-area .txt-info { position: absolute; left: 0; bottom: 0; text-align: right; font-size: 1.0909vw; } /* 2021-08-09 패넷 혼수 이사 합결제 */ .delivery-tab-view div.input-obj .s-head {padding: 0.9vw 0;} /*qooker 21-12-20*/ .qker-brand .order-brand .brand-amount {width:auto;} } @media all and (max-width:800px){ /** 포인트 적용 버튼 */ #pointUseType2 .btn-cart-point-apply { margin-right: 0; } .order-info-detail .btn-type2 {color: #fff; background: #212425; float: right; border-color: #212425; font-size: 14px; } .area-membership-point { position: initial; top: 2px; } .ul-area-membership-point .btn-type2 { float: right; } /* 툴팁 추가 */ .buy-target-goods .order-price .btn-downtool { position: relative; right:0; bottom:20px; width:14px; height:14px; margin:1px 0 0; background:transparent url(/sec/static/_images/common/icon-tooltip-down.svg) no-repeat center; background-size:14px auto; } .buy-target-goods .order-price .btn-downtool.opened { background:transparent url(/sec/static/_images/common/icon-tooltip-up.svg) no-repeat center; background-size:14px auto; } .buy-target-goods .order-price .box-tip li ~ li:not(.total) { margin-top:6px; } .buy-target-goods .order-price .box-tip { display:none; min-width:224px; padding:16px; border:1px solid #000; border-radius:10px; background:#fff; z-index:999; } .buy-target-goods.p-bespoke .order-price .box-tip { top: 93px; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .btn-downtool { top: 20px; } .buy-target-goods.multi-order-tbl .order-multi:not(.top-item) .order-price .box-tip { top: 41px; } .buy-target-goods .order-price .box-tip .tit, .buy-target-goods .order-price .box-tip .price { display:inline-block; width:50%; color:#707070; font-size:14px; line-height:18px; } .buy-target-goods .order-price .box-tip .tit { text-align:left; } .buy-target-goods .order-price .box-tip .price { text-align:right; } .buy-target-goods .order-price .box-tip .total { padding-top:12px; margin-top:12px; border-top:1px solid #ddd; } .buy-target-goods .order-price .box-tip .total * { color:#000; font-weight:bold; } .buy-target-goods.p-bespoke .pc-bespoke { width:100%; padding:20px; margin-top:0; margin-bottom:30px; background:#f7f7f7; } .buy-target-goods.p-bespoke .bespoke-color-set:nth-last-child(1), .buy-target-goods.p-bespoke .bespoke-color-set:nth-last-child(2) { margin-bottom:0; } .bespoke-selected-opt-list { margin-bottom:30px; } .empty-cart { margin-bottom:initial; } .btn-underline { margin:0; } /* 한도 정보 */ .order-content .limit-info > h2 { padding-bottom:6px; font-size:20px; color:#000; font-weight:bold; } .order-content .limit-info > .limit-info-box > dt { padding:20px 20px 10px; width:16%; } .order-content .limit-info > .limit-info-box > dd { padding:10px 20px 0; } .order-content .limit-info > .limit-info-box > dd > span { margin-bottom:10px; margin-right:10px; } .order-content .limit-info > .limit-info-box > dd > span > em { display:inline-block; width:80px; margin-right:10px; } .order-content .limit-info > .limit-info-box > dd > span > em:after { background:transparent; } .order-content .limit-info .info-type-2 .info-type-left { display:block; float:none; margin-bottom:10px; } .order-content .limit-info .info-type-2 .info-type-right { display:block; float:none; } .input-type-small{max-width:100%; } .input-type-ul > li.input-obj, .input-type-div > div.input-obj {padding-left:30%; } .input-type-ul > li.input-obj > label { width:30%; color:#444; } .info-point.order-info-detail{max-width:100%; } .input-type-div .s-head { width:30%; letter-spacing:-1.5px; } /* 주문 상품 */ .order-content { max-width:100%; padding-top:28px; padding-left:12px; padding-right:12px; } .order-content .order-m-area { padding-bottom:36px; } .order-content .order-m-area:after { height:10px; background:#F7F7F7; } .order-content .order-tbl { position:relative; display:block; padding-top:initial; padding-bottom:18px; border-top:2px solid #191919; border-bottom-width:0; } .order-content .order-tbl .order-td { position:relative; height:auto; padding-top:24px; padding-bottom:30px; text-align:center; } .order-content .order-tbl .order-image { display:inline-block; width:138px; height:150px; padding-right:18px; } .order-content .order-tbl .order-image .photo { width:100%; height:100%; text-align:center; overflow:hidden; } .order-content .order-tbl .order-image .photo > a { width:100%; height:100%; } .order-content .order-tbl .order-image .photo img { max-width:100%; margin:0 auto; } .order-content .order-tbl .order-spec { display:inline-block; width:calc(100% - 142px); max-width:initial; padding-left:0; padding-right:0; padding-bottom:30px; text-align:left; } .order-content .order-tbl .order-spec-group { margin-bottom:0; } .order-content .order-tbl .order-select { width:100%; max-width:initial; padding:0; } .order-content .order-tbl .order-count { display:inline-block; width:49%; height:64px; padding-left:0; text-align:left; } .order-content .order-tbl .order-price { display:inline-block; width:49%; padding-bottom:0; text-align:right; } .order-content .order-area { margin-bottom:40px; } .order-content .order-area h2 { padding-bottom:6px; border-bottom:0; } .order-content .order-area h2.m-secon-tit { margin-bottom:24px; border-bottom:2px solid #191919; } .order-content .p-bespoke .order-image { padding-bottom:20px; } .order-content .p-bespoke .order-spec { padding-bottom:20px; } .order-content .order-tbl .order-select .account-types { width:100%; } .order-content .order-select-menu+.gifts-select { margin-top:-10px; } .order-content .gifts-select+.order-select-menu { margin-top:14px; } .order-content .order-select .order-select-menu.active .droplist > li { font-size:14px; } .order-content .order-m-area { margin-bottom:40px; } .order-content .order-m-area:after { content:""; position:absolute; bottom:0; left:-12px; display:block; width:calc(100% + 24px); height:10px; background:#F7F7F7; } .order-content .photo .img-pc { display:none; } .order-content .photo .img-mo { display:block; } .order-content .order-spec-group { margin-bottom:20px; } .order-content .order-spec-group .ico-group { margin-top:16px; } .order-content .p-soldout > .order-image, .order-content .p-soldout > .order-spec { padding-bottom:0; } .order-content .order-spec-group .o-telecom { margin-top:20px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 { line-height:24px; font-size:0; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li ~ li { margin-left:10px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label { height:24px; } .order-content .order-spec-group .o-telecom .itm-radiobtn-list2 li label span { min-width:50px; height:24px; line-height:23px; padding:0 15px; font-size:12px; } .order-content .order-spec-group .o-telecom + .ico-group { margin-top:10px; } .order-tbl.p-bespoke .pc-bespoke { width:100%; padding:20px; margin-top:0; margin-bottom:30px; background:#f7f7f7; } .order-tbl.p-bespoke .bespoke-color-set:nth-last-child(1), .order-tbl.p-bespoke .bespoke-color-set:nth-last-child(2) { margin-bottom:0; } .order-content .wrap-droplist.order-select-menu .droplist { width:100%; } .order-info-detail .d-padding-add { margin-top:0; padding:12px 0; } /* 배송지 정보 */ .order-content .delivery-box { max-width:initial; padding:24px 20px 30px 20px; } .order-content .delivery-box > dt { font-size:16px; line-height:21px; } .order-content .delivery-box > dt > span { margin-top:6px; } .order-content .delivery-box > dd { width:100%; } .multi-order-tbl .order-multi.order-tr { display:flex; flex-wrap:wrap; width:100%; } .multi-order-tbl .order-multi.order-tr:not(.top-item) { padding-top:36px; } .multi-order-tbl .order-multi.order-tr .order-td.order-image, .multi-order-tbl .order-multi.order-tr .order-td.order-spec { padding-bottom:0; } .deco.extra-service .order-info-detail.info-extra > li > span.tooltip-add { margin-top:0; } .deco.extra-service .order-info-detail.info-extra > li > span:not(.tooltip-add) { margin-top:7px; margin-right:24px; } .order-content .order-info-box > li { padding:0; margin-bottom:24px; padding-bottom:36px !important; font-size:14px; border-bottom:1px solid #D9D9D9; } .order-content .order-info-box .head { position:relative; display:block; top:inherit; width:50%; margin-bottom:20px; font-size:16px; color:#000; font-weight:bold; } .order-content .order-info-box .order-btn { top:0; } .order-content .order-info-box > li.deco { margin-bottom:0; padding-bottom:36px !important; border:0 !important; } .order-content .order-info-box > li.deco:after { display:none; } .order-content .fnet-info-ul>li.ft12 {font-size:12px; line-height: 18px;}/* 2021-03-12 수정 */ .order-info-box > li.sale-li, .order-info-box > li.sale-li .info-sale { padding:0 0 70px 0; } .order-info-box > li.sale-li .info-sale .btn-underline { border:none; } .order-content .info-ul, .order-content .fnet-info-ul { margin:0; padding-bottom:40px; } .order-content .info-ul > li { padding:0 0 0 14px; font-size:12px; line-height:18px; } .order-content .fnet-info-ul > li{font-size:12px; line-height:18px;} .order-content .info-ul > li:before { top:-2px; } .order-content .info-ul:after { position:absolute; left:-12px; right:-12px; bottom:0; height:1px; background:#d9d9d9; content:""; } .order-content .info-ul.sub { margin-top:36px; padding-bottom:0; } .order-content .info-ul.sub:after { display:none; } .tooltip-layer .tip-discount-detail {padding-top: 6px;} .tooltip-layer .tip-discount-detail li {font-size: 14px;} .tooltip-layer .tip-discount-detail li strong {padding-left: 4px; padding-right: 8px; font-size: 14px;} .tooltip-layer .tip-discount-detail li span, .tooltip-layer .tip-discount-detail li em {font-size: 14px;} .order-content .tab-nav { margin-top:-8px; } .order-content .tab-nav > ul > li { width:calc(100% / 2 - 4px); margin-right:8px; margin-bottom:6px; } .order-content .tab-nav > ul > li:nth-child(even) { margin-right:0; } .order-content .tab-nav > ul > li > button { width:100%; } .order-content .info-extra .tooltip-add { display:block; float:left; width:31%; margin-right:24px; padding:16px 0; font-size:14px; color:#707070; } .order-content .info-extra .tooltip-add .btn-tip { left:66px; } .order-content .info-extra .inp-form { display:inline-block; width:calc(68% - 24px); } .order-content .info-extra .chk-view { display:inline-block; width:100%; } .order-content .info-extra li.m-full-width { position:relative; min-height:85px; } .order-content .info-extra li:nth-child(3) { min-height:120px; } .order-content .info-extra li.m-full-width .chk-view { position:absolute; left:0; width:100%; } .order-content .info-extra .inp-form .chk-form { width:49%; padding:6px 0; } .order-content .info-extra .inp-form .chk-form label { padding-right:0; } .order-content .order-info-box-2 { position:relative; padding:0; } .order-content .order-info-box-2:after { display:block; content:""; clear:both; } .order-content .order-info-box-2 > li { clear:both; min-height:32px; margin-bottom:20px; padding:0 0 0 30%; font-size:14px; } .order-content .order-info-box-2 .head { width:30%; font-size:14px; font-weight:normal; color:#707070; line-height:16px; } .order-content .order-info-box-2 .head .tip-add { width:100%; padding:0; font-size:inherit; color:inherit; } .order-content .info-sale { display:inline-block; width:100%; padding-left:40px; } .order-content .info-sale > li { width:35%; } .order-content .info-sale > li:nth-last-child(1) { width:65%; } .order-content .info-sale > li > .m-coupon-btn { font-size:14px; text-align:right; } .order-content .info-sale > li .dropdownMenu { width:100%; max-width:100%; text-align:left; } .order-content .m-coupon { width:100%;max-width:100%; padding-bottom:104px; } .order-content .m-coupon > li { display:block; width:100%; } .order-content .m-coupon > li.m-full-width { position:absolute; top:42px; left:0; margin-top:0; } .order-content .m-coupon > li.m-full-width .price { margin-top:12px; } .order-content .m-coupon > li:first-child { font-size:14px; text-align:right; } .order-content .m-coupon > li:nth-last-child(1) { width:100%; margin-top:14px; } .order-content .btn-info-sale { left:0; right:initial; top:initial !important; bottom:-85px; } .order-content .order-info-box-2 .event-code-li { padding-top:62px; margin-bottom:0; } .order-content .order-info-box-2 .event-code-li .head { top:58px !important; } .discount-area .order-info-box-2 .cmmall .head{padding-top: 8px;font-size: 14px;}/* 2023-02-21 */ .order-content .discount-area .event-code-li .btn-info-sale { left:auto; right:0; bottom:auto; } .order-info-box-2 .event-code-li.cmmall .btn-info-sale .btn-underline{font-size: 15px;}/* 2023-01-05 */ .order-content .discount-area .sub-btn { margin-bottom:62px; } .order-content .discount-area .sub-btn .btn-info-sale { bottom:-32px; } .order-content .discount-area .sub-btn .btn-info-sale .btn-underline { margin:0; } .order-content .order-info-box-2 .point-inline-1 { display:block; width:100%; margin-bottom:14px; padding:8px 0; } .order-content .order-info-box-2 .point-inline-2 { clear:both; display:block; width:100%; padding-left:0; } .order-content .order-info-box-2 .point-inline-2 .chk-form { position:absolute; left:0; bottom:0; } .order-content .order-info-box-2 .point-inline-2 .chk-form label { padding-right:0; } .order-content .order-info-box-2 .point-inline-2 div.inp-point { position:absolute; left:auto; right:0; top:0; bottom:auto; width:38%; } .order-content .order-info-box-2 .point-inline-2 .inp-line { float:right; max-width:initial; } .order-content .order-info-box-2 .point-inline-3 { clear:both; display:block; width:100%; padding-left:0; padding-bottom:30px; text-align:right; } .order-content .order-info-box-2 .point-inline-3 .chk-form { position:absolute; left:0; bottom:0; } .order-content .order-info-box-2 .point-inline-3 .chk-form label { padding-right:0; } .order-content .order-info-box-2 .point-inline-3 .inp-line { float:right; max-width:initial; } .order-info-detail .pick-shop > span {display: block; min-height: 32px;} .order-info-detail { max-width:100%; } .order-info-detail > li { margin-bottom:20px; font-size:14px; } .order-info-detail .block-form > span { display:block; margin-bottom:14px; padding:6px 0; } .order-info-detail .block-form > span:after { display:none; } .order-info-detail .block-form > span:nth-last-child(1) { margin-bottom:0; } /* 트레이드인 추가 */ .order-info-box .trade-in .order-info-detail .s-head {margin-bottom: 6px;} .order-info-box .trade-in .order-info-detail .wrap-droplist .droplist li:nth-child(3) {min-height: 40px;} .order-info-box .trade-in .order-info-detail .chk-view {margin-top: 20px;} .order-info-box .trade-in .note {margin-top: 36px;} .order-info-box .trade-in .note li{line-height:18px;} .order-info-box .trade-in .note li, .order-info-box .trade-in .note li a {font-size: 12px;} .order-info-box .trade-in .note li:before {top: 1px;} .info-delivery-single .block-form > span { padding:8px 0; } .info-delivery-single li:nth-last-child(1) { margin-top:14px; } .discount-area { position:relative; display:inline-block; width:100%; margin-bottom:40px; padding-bottom:40px; } .discount-area:after { position:absolute; left:-12px; right:-12px; bottom:0; height:1px; background:#d9d9d9; content:""; } .discount-area .sale-li .btn-info-sale { top:102px !important; bottom:initial; } .point-area { position:relative; margin-bottom:40px; padding-bottom:20px; } .point-area:after { position:absolute; left:-12px; right:-12px; bottom:0; height:1px; background:#d9d9d9; content:""; } .point-area .order-info-box-2 > li { padding:0 0 36px 0; } .point-area .order-info-box-2 .head { position:relative; display:block; width:100%; max-width:100%; padding:6px 0; margin-bottom:12px; color:#000; font-size:16px; font-weight:bold; line-height:20px; } .point-area .order-info-box-2 .use-type-1 { margin-bottom:30px; } .point-area .order-info-box-2 .use-type-1 > li { padding:24px 20px 30px 20px; } .point-area .order-info-box-2 .use-type-1 .point-line-2 { flex-direction:column; } .point-area .order-info-box-2 .use-type-1 .point-line-2 .pd-info { width:100%; margin-right:0; } .point-area .order-info-box-2 .use-type-1 .point-line-2 .pd-info .info-name { color:#000; } .point-area .order-info-box-2 .use-type-1 .point-line-2 .pd-info .sub-info { margin-top:0; } .point-area .order-info-box-2 .use-type-1 .point-line-2 .inp-point { width:69%; } .point-area .order-info-box-2 .use-type-2 > li { max-width:100%; } .point-area .order-info-box-2 .use-type-2 > li:not(:nth-last-child(1)) { margin-bottom:20px; } .point-area .order-info-box-2 .use-type-2 .point-inline-1 { width:100%; } .point-area .order-info-box-2 .use-type-2 .point-inline-1 span, .point-area .order-info-box-2 .use-type-2 .point-inline-1 strong, .point-area .order-info-box-2 .use-type-3 .point-inline-1 span, .point-area .order-info-box-2 .use-type-3 .point-inline-1 strong { color:#000; font-size:14px; } .point-area .order-info-box-2 .use-type-2 .point-inline-2 .chk-form { position:relative; } .point-area .point-inline-1 .use-point { position:relative;right:auto; } .point-area .order-info-box-2 .use-type-3 .point-inline-1 { text-align:right; } .point-area .order-info-box-2 .use-type-3 .point-inline-2 { display:flex; justify-content:space-between; align-items:center; max-width:100%; margin-right:0; padding-bottom: 22px; } .point-area .order-info-box-2 .use-type-3 .point-inline-2 .chk-form, .point-area .order-info-box-2 .use-type-3 .point-inline-2 .inp-point { position:relative; } .point-area .order-info-box-2 .use-type-3 > li:not(:nth-last-child(1)) { margin-bottom:20px; } .point-area .order-info-box-2 > li:not(.deco) .head { position:absolute; width:96px; font-size:14px; font-weight:normal; color:#707070; line-height:16px; } .order-content .pay-info > h2 { padding-bottom:6px; border-bottom:2px solid #191919; } .order-content .pay-info .order-info-box > li { padding-top:30px; margin-bottom:0; } .order-content .pay-info .order-info-box > li > .head { display:none; } .order-content .pay-info .pay-check label { padding-right:0; } .pay-view .pd-top .card-opt, .pay-view.creditcard > div:not(.pd-top), .pay-view.creditcard > ul, .pay-view.virtual-account > div, .pay-view.account-transfer > div { padding-left:0; } .pay-view .pd-top .card-opt > .head { display:none; } .point-ment { text-align:center; } .point-ment .txt {display:inline-block; width:100%;} .point-ment .btn { position:relative; right:auto; top:auto; margin-top:24px;} .point-ment.type2 .btn {transform: unset;top: unset;margin-top: 20px;} /* KDP-52973 : 240423 추가 */ /* 결제 수단 (설명) */ .order-content .pay-info .pay-input-result { padding:0; } .order-content .pay-info .caution-list { margin-top:20px; } .order-content .pay-info .caution-list li:not(:nth-child(1)) { margin-top:24px; } .order-content .payment-area { position:relative; right:0; top:0; max-width:100%; z-index:0; } .order-excv .payment-area { top:initial; } .payment-area > h2 { display:none; } .payment-area .terms-box { margin-bottom:34px; } .payment-area .cost-listup { border-bottom-width:2px; } .payment-area .terms-box { margin-top:24px; } .payment-area .payment-listup { padding:0 0 24px; } .pay-nav-box .pay-method-pay { width:100%; height:0; padding-bottom:38%; } .pay-nav-box .pay-tab-nav ul li { width:calc(100% / 2 - 10px); margin-left:6px !important; margin-right:6px; } .pay-nav-box .pay-tab-nav ul li:nth-child(even) { margin-right:0; } .pay-nav-box .pay-tab-nav ul li:nth-child(2n+1) { margin-left:0; clear:both; } .pay-input-box-3 { margin-bottom:20px; padding:0; } .pay-input-box-3 > .head-1 { width:36%; max-width:initial; padding:8px 0; } .pay-input-box-3 > .p-cont { width:62%; max-width:initial; } .pay-input-box-3 > .p-cont .inp-box { width:100%; max-width:initial; } .pay-input-box-3 > .p-cont .inp-box input { width:100%; } .pay-input-box-3 > .p-cont .dropdownMenu { width:100%; max-width:450px; } .pay-input-box-3 > .p-cont .guide { margin-top:10px; font-size:12px; } .pay-input-box-3 > .p-cont .btn-underline { position:absolute; right:0; top:initial; margin-top:10px; } .pay-input-box-3.first-block { border-bottom:1px solid #ebebeb; } .order-content .pay-info { margin-bottom:0; } .tooltip-box { width:80% !important; } .tooltip-box h2 { margin-bottom:20px; font-size:16px; } .tooltip-box p { font-size:13px; } /* 신용카드 */ .credit-card { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin-left:0; margin-right:0; } .easy-pay { display:flex; flex-direction:row; flex-wrap:wrap; margin-left:0; margin-right:0; } .credit-card > li, .easy-pay > li { width:calc(25% - 12px); height:75%; float:none; } .credit-card > li > button, .easy-pay > li > button { height:0; padding-bottom:75%; } .pay-input-box-1 { padding-bottom:20px; } .info-pay{max-width:100%; } .m-buy-btn-box { position:fixed; display:block; left:0; right:0; bottom:0; max-width:100vw; padding:20px 12px; background:#fff; border-top:1px solid #d9d9d9; box-shadow:0 -8px 10px rgba(0,0,0,.1); z-index:100; } .m-buy-btn-box .btn-show { display:block; width:25px; height:3px; margin:-9px auto 10px; font-size:0; background:#c2c2c2; border-radius:1px; } /* s : 230321 혜택시뮬레이터 고도화 */ .m-buy-btn-box .btn { width: 100%; margin: 0; } .m-buy-btn-box .m-buy-pay + .btn { margin-top: 10px; } .m-buy-btn-box.type .m-buy-pay { margin: 0; } .m-buy-btn-box.type .m-buy-pay + .btn { margin: 0; } /* e : 230321 혜택시뮬레이터 고도화 */ .m-buy-btn-box .btn-l { width:100%; color:#fff; } .m-buy-btn-box .btn-l > strong { font-family:"Samsung Sharp Sans"; margin-right:5px; font-size:18px; color:#fff; font-weight:bold; } .m-buy-btn-box .btn-l > span { font-size:18px; color:#fff; font-weight:bold; } .m-buy-pay { position:relative; margin-top:16px; margin-bottom:12px; } .m-buy-pay:after { display:block; content:""; clear:both; } .m-buy-pay > span { display:inline-block; font-size:14px; } .m-buy-pay .m-buy-total { float:left; } .m-buy-pay .m-buy-total > em { font-style:normal; font-family:"Samsung Sharp Sans"; color:#000; } .m-buy-pay .m-buy-sale { float:right; } .m-buy-pay .m-buy-sale > em { font-style:normal; font-family:"Samsung Sharp Sans"; color:#1428A0; } .resident-num { display:flex; } .order-info-detail.use-type-1 > li { max-width:100%; } /* 필수항목 추가 */ .point-area .point-line-2 { padding-bottom: 23px; } .point-area .order-info-detail .btn-point { margin-left: 8px; } .point-area .txt-info { text-align: left } .point-area .point-line-2-cover { width: 100%; } .point-area .point-line-2-cover .btn-point { width: auto; min-width: 50px; margin-top: 5px; } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .txt-info { text-align: right } .point-area .order-info-box-2 .order-info-detail .point-inline-2 .chk-form { width: 28% ;} /* 2021-08-09 패넷 혼수 이사 합결제 */ .delivery-tab-view div.input-obj .s-head {padding: 2.0000vw 0; font-size:14px;} /*qooker 21-12-20*/ .order-content .order-area h2.m-order-tit{border-bottom: 2px solid #191919;} } /* s: 220715 구매시 유의사항 */ .order-content .purchase-notes{ margin-top: 30px; } .order-content .purchase-notes > h2 { padding-bottom: 6px; line-height: 1.3em; font-size: 20px; color: #000; font-weight: bold; border-bottom: 2px solid #191919; } .order-content .purchase-notes .caution-list.column-2 { margin-top: 17px; } .order-content .purchase-notes .caution-list.column-2 li { padding-left: 6px; text-indent: -6px; font-size: 14px; line-height: 20px; color: #707070; text-align: left; } .order-content .purchase-notes .caution-list.column-2 li:not(:nth-child(1)) { margin-top: 13px; } .order-content .purchase-notes .caution-list.column-2 .position-right{position: absolute;text-indent: 0px; right: 0;} #popupPurchaseNotes .product-purchase-wrap .product-purchase-caus_contents .product-purchase-sec_seller dd {padding-left: 134px;} .order-content .purchase-notes .caution-list.column-2 li a{ font-size: 14px; color: #000; } @media (max-width: 800px){ .order-content .purchase-notes .caution-list.column-2{ margin-bottom: 40px; } #popupPurchaseNotes .product-purchase-wrap .product-purchase-caus_contents .product-purchase-sec_seller dd { padding-left: 0.3194vw; } } /* e: 220630 구매시 유의사항 */ .position-right{position: absolute;text-indent: 0px; right: 0;} .caution-list.column-2.pc{margin-top: 6px !important;} @media (max-width: 800px){ .order-content .pay-info .caution-list.column-2 li:not(:nth-child(1)) { margin-top: 12px; } .order-content .pay-info .order-info-box > li.m-orderBox-li{ padding-top: 13px; } } @media (pointer:coarse) { /* custom css for "touch targets" */ } .purchase-notes.mo{ display: none; } .purchase-notes.mo.active { display: block; } @media all and (max-width:674px){ /* 한도 정보 */ .order-content > .tit-box { margin-bottom:24px !important; } /* 한도 정보 */ .order-content .limit-info > h2 { display:none; } .order-content .limit-info > .limit-info-box > dt::after, .limit-info > .limit-info-box > dd::after { display:block; content:""; clear:both; } .order-content .limit-info > .limit-info-box > dt { width:100%; padding:12px 0; text-align:center; } .order-content .limit-info > .limit-info-box > dd { display:block; width:100%; padding:24px 12px; border-bottom:1px solid #EBEBEB; background:#fff; } .order-content .limit-info > .limit-info-box > dd > span { display:block; width:100%; padding-left:0; } .order-content .limit-info > .limit-info-box > dd > span:not(:nth-last-child(1)) { margin-bottom:9px; } .order-content .limit-info > .limit-info-box > dd > span > em { display:inline-block; width:50%; } .order-content .limit-info > .limit-info-box > dd > span > em:after { background:none; } .order-content .limit-info > .limit-info-box > dd > span > strong { float:right; } .order-content .limit-info .info-type-1, .limit-info .info-type-2 { padding:24px 12px; } .order-content .limit-info .info-type-1 > dt { margin-bottom:18px; } .order-content .limit-info .info-type-1 > dd p { font-size:12px; line-height:18px; } .order-content .limit-info .info-type-1 > dd p.light { margin-top:6px; } .order-content .limit-info .info-type-2 .info-type-left { display:block; float:none; margin-bottom:10px; } .order-content .limit-info .info-type-2 .info-type-right { display:block; float:none; } .point-ment .btn{display:inline-block;position:relative;margin-top:18px; } } @media all and (max-width:414px){ /* 주문 상품 */ .pay-nav-box .pay-tab-nav ul li { width:calc(100% / 2 - 10px); } .pay-nav-box > .pay-nav-box-left { float:none; display:block; width:100%; max-width:initial; } .pay-nav-box > .pay-nav-box-right { float:none; display:block; width:100% !important; max-width:initial; margin-top:20px; } .input-type-ul > li.input-obj {padding-left:30%; } .input-type-ul > li.input-obj.message-wide { padding-left:0; } .point-area .order-info-box-2 > li:not(.deco) .head { width:35%; z-index:1; } .credit-card > li { width:calc(50% - 10px); height:75%; float:none; } .pay-input-box-1 .pay-input { width:calc(100% - 100px); margin-right:0; } .easy-pay > li { width:calc(50% - 10px); } } @media all and (max-width:320px){ .m-buy-pay .m-buy-total, .m-buy-pay .m-buy-sale { display:block; float:none; line-height:21px; } .pay-input-box-1 .pay-input, .info-pay > li:nth-child(2) { width:100%; } } /* 21-11-25 point division */ .point-division dt { margin-bottom: 12px; width: 100%; } .point-division dd { position: absolute; right: 0; margin-bottom: 5px; padding-top: 12px; width: calc(100% + 236px); text-align: right; color: #707070; } .point-division dd .detail-point { font-size: inherit; color: #2188FF; vertical-align: baseline; } .point-division .point-inline-2 { vertical-align: top; } .point-division .txt-info { position: static; margin-top: 15px; } @media screen and (max-width: 1440px) and (min-width: 1101px) { .point-division dl { font-size: 0.9722vw; } .point-division dt { margin-bottom: 0.8333vw; font-size: inherit; } .point-division dd { margin-bottom: 0.3472vw; padding-top: .8333vw; line-height: 1vw; font-size: inherit; } .point-division .txt-info { position: static; margin-top: 1.0417vw; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .point-division dl { font-size: 1.2727vw; } .point-division dt { font-size: inherit; } .point-division dd { padding-top: 1.3636vw; font-size: inherit; } } @media (max-width: 800px) { .point-division dd { position: static; font-size: 14px; width: 100%; } .point-division dd .detail-point { color: #2188FF !important; } .point-division .txt-info { position: absolute; margin-top: 0; } } /* 2022-01-13 트레이드인 */ .trade-in .double-droplist { display: -ms-flexbox; display: flex; justify-content: space-between; width: 100%; } .trade-in .double-droplist .wrap-droplist { width:47%; flex:1; } .trade-in .double-droplist .wrap-droplist:last-child { margin-left: 30px; } @media screen and (max-width: 1440px) and (min-width: 1101px) { .trade-in .double-droplist .wrap-droplist:last-child { margin-left: 2.0833vw; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .trade-in .order-content .info-extra .double-droplist .wrap-droplist .droplist li { min-height:2.9091vw; } .trade-in .double-droplist .wrap-droplist:last-child { margin-left: 2.7273vw; } } @media screen and (max-width: 375px) { .trade-in .double-droplist .wrap-droplist:last-child { margin-left: 5.3333vw; } } /* 22-04-18 trade-in */ .trade-item { line-height: 32px; } .trade-item dt { float: left; width: 31%; } .trade-item dd { margin-left: auto; width: 68%; font-weight: 700; } /* 22-05-11 payment benefit */ .pay-nav-box.pay { overflow: visible; } .pay-benefit-desc { display: none; position: relative; margin-bottom: 17px; padding: 8px 0; } .pay-benefit-desc::after { content: ""; display: block; clear: both; } .pay-benefit-desc.on { display: block; } .pay-benefit-desc .desc { position: absolute; top: -24px; padding: 8px 10px; background-color: #fff; border: solid 1px #2189ff; border-radius: 8px; } .pay-benefit-desc .desc::after { content: ""; position: absolute; left: 20px; bottom: -6px; width: 10px; height: 10px; background-color: #fff; border-right: solid 1px #2189ff; border-bottom: solid 1px #2189ff; border-radius: 0 0 3px 0; transform: rotate(45deg); } .pay-benefit-desc .desc > p { line-height: 16px; font-size: 12px; } .pay-benefit-desc .desc strong, .pay-benefit-desc .desc span { color: #2189ff; vertical-align: baseline; } .pay-benefit-desc .desc strong { font-size: 14px; } .pay-benefit-desc .desc span { font-weight: 700; } .pay-benefit-desc .btn-underline { float: right; } @media (max-width: 1440px) { .pay-benefit-desc .desc, .pay-benefit-desc .desc > span, .pay-benefit-desc .btn-underline { letter-spacing: -0.02em; font-size: 12px; } } @media (max-width: 800px) { .pay-benefit-desc .desc, .pay-benefit-desc .desc > span, .pay-benefit-desc .btn-underline { letter-spacing: -0.02em; font-size: 3.5vw; } } /* 22-05-13 Samsung Care+ */ .order-content .scplus { position: relative; } .order-content .scplus .plan-check { position: absolute; top: 12px; left: 5px; } .order-content .scplus .order-plan { padding-right: 24px; padding-left: 40px; width: 50%; } .order-content .scplus .order-spec { width: 50%; } .order-content .scplus .order-spec-group .o-title { overflow: visible; } .scplus .scplus-plan { line-height: 1.36em; font-weight: 700; letter-spacing: 0; } .scplus .plan-list { margin-top: 12px; } .scplus .plan-list > li { margin-bottom: 6px; font-size: 14px; color: #707070; } .order-content .scplus .head { width: 30%; font-size: 20px; } .order-content .scplus .list { width: 70%; text-align: right; } .order-content .scplus .list dt, .order-content .scplus .list dd { display: inline-block; } .order-content .scplus .list dt, .order-content .scplus .desc { font-size: 14px; color: #707070; } .order-content .scplus .list div { margin-bottom: 5px; } .order-content .scplus .list dd { margin-left: 5px; font-weight: 700; } .order-content .scplus .list span { font-size: 20px; vertical-align: baseline; } /* Samsung Care+ 신용카드 */ .credit-card > li.on > button.samsung.samsung-uncheck { background: url(/sec/static/_images/common/credit-samsung-uncheck.svg); } @media (max-width: 800px) { .order-content .scplus .order-plan, .order-content .scplus .order-spec { width: 100%; text-align: left; } .order-content .scplus .order-plan { padding-right: 0; } .order-content .scplus .order-spec { padding-left: 40px; } .order-content .order-info-box > li.scplus-order-list { padding-bottom: 0 !important; border-bottom: none; } .order-content .scplus-order-list .order-tbl { border-top:none; } .order-content .scplus-order-list .order-tbl .order-spec { padding-bottom: 0; } .order-content .pay-info .order-card-box .pay-input-result { padding: 1vh; } .order-content .order-spec-group.scplus-o-title-box { margin-bottom: 0; } .order-content .scplus-order-list .order-tbl.scplus { border-top: 0; } .order-content .scplus-order-list .order-tbl.scplus > div:first-child { padding-top: 11px; } .order-content .scplus-order-list .order-tbl.scplus > div { padding-top: 30px; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-content .scplus-order-list .scplus .order-spec-group .ico-group .o-spec span { text-align: left; } } /* 22-05-16 Samsung Care+ */ .cta-line-scplus { padding: 24px 0; text-align: right; border-top: solid 1px #eaeaea; } /* 2022-05-27 @HSR Samsung Care+ 구독 상품 선택 */ .order-content .scplus-order-list .scplus .order-plan { width: 100%; } .order-content .scplus-order-list .plan-check { top: 0; } .order-content .scplus-order-list .scplus .order-spec-group { display: flex; justify-content: space-between; } .order-content .scplus-order-list .scplus .order-spec-group .ico-group { width: 50%; text-align: right; } .order-content .scplus-order-list .scplus .order-spec-group .list { width: 50%; } .order-content .scplus-order-list .order-tbl .order-spec { display: inherit; width: 100%; } .order-content .scplus-order-list .order-tbl.scplus .order-plan p { color: #2188FF; } .order-content .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box { margin-top: 12px; } /* 22-06-16 Gift Box */ .gift-box { margin: 0 auto; padding: 85px 0; max-width: 810px; } .gift-box .title { position: relative; margin-bottom: 35px; text-align: center; } .gift-box .title h1 { font-size: 36px; } .gift-box .title .btn-terms-view { position: absolute; top: 12px; right: 0; padding-right: 22px; background: url(/sec/static/_images/common/icon-drop-down.svg) right center no-repeat; } .gift-box .title .change { position: absolute; top: 3px; right: 0; } .gift-box.receipt .title h1, .gift-box.delivery .title h1 { margin-bottom: 20px; } .gift-box .title span { font-weight: 700; color: #2189ff; vertical-align: baseline; } .gift-box .gift-card { margin-bottom: 20px; } .gift-card .slick-list, .gift-box.receipt .gift-card { min-width: 810px; min-height: 540px; background-color: #ececec; border-radius: 18px; } .gift-box.receipt .gift-card { overflow: hidden; } .gift-box .msg-box { margin-bottom: 50px; padding: 30px 50px; line-height: 24px; font-size: 14px; background-color: #f8f8f8; border-radius: 20px; } .gift-box .msg-box .to { margin-bottom: 12px; } .gift-box .order-content { max-width: none; padding: 0; border-bottom: solid 1px #ebebeb; } .gift-box.delivery .order-content { border-bottom: none; } .gift-box .order-content .order-tbl .order-image { width: 35%; } .gift-box .order-content .order-tbl .order-spec { width: 65%; } .gift-box .order-content .order-image .photo, .gift-box .order-content .order-image .photo a { width: 100%; } .gift-thumb { margin-bottom: 50px;padding: 0 15px;} .gift-thumb .slick-dots { display: -ms-flexbox; display: flex; padding: 0 15px; flex-wrap: wrap;} .gift-thumb button { position:absolute; top:50%; transform: translateY(-50%); width:28px; height:28px; font-size:0; z-index: 10; outline: none;} .gift-thumb .slick-prev {left:-10px; background:url('/sec/static/_images/common/icon-slick-prev.svg') center center no-repeat; background-size:16px auto;} .gift-thumb .slick-next {right:-10px; background:url("/sec/static/_images/common/icon-slick-next.svg") center center no-repeat; background-size:14px auto;} .gift-thumb .slick-slide {margin: 0 5px;} .gift-info { margin-bottom: 30px; } .receipt .gift-info { margin-top: 50px; } .gift-info .title { margin-bottom: 25px; text-align: left; border-bottom: solid 2px #191919; } .gift-info .title h2 { line-height: 38px; font-size: 22px; } .gift-info .info-box { padding: 0 20px; } .gift-info dl > div { margin-bottom: 15px; line-height: 36px; } .gift-info dt { float: left; width: 200px; font-size: 16px; font-weight: 700; } .gift-info dt .sub { margin-left: 5px; font-size: 14px; font-weight: 400; color: #707070; vertical-align: baseline; } .gift-info dd { position: relative; margin-left: 200px; } .gift-info dd .change { position: absolute; top: 0; right: 0; } .gift-info .name { font-weight: 700; } .gift-info .input-name { max-width: 260px; } .gift-info .zip-code { max-width: 180px; } .gift-info .zip-code .btn { position: absolute; } .gift-info .text-area { position: relative; margin-top: 20px; margin-bottom: 50px; } .gift-info .text-area textarea { padding: 12px 80px 12px 20px; width: 100%; min-height: 100px; line-height: 24px; border: solid 1px #b2b2b2; border-radius: 10px; resize: none; } .gift-info .text-area .num { position: absolute; right: 20px; bottom: 20px; font-size: 14px; color: #707070; } .gift-info .desc { margin-bottom: 50px; padding: 30px 35px; background-color: #f7f7f7; border: solid 1px #ddd; border-radius: 18px; } .gift-info .desc p { margin-bottom: 24px; font-weight: 700; } .gift-info .desc li { padding-left: 10px; line-height: 24px; font-size: 14px; color: #707070; } .gift-info .desc li::before { content: ""; float: left; margin-top: 10px; margin-left: -10px; width: 3px; height: 3px; background-color: #707070; border-radius: 50%; } .gift-info .terms-view { margin-bottom: 20px; padding: 20px; background-color: #f7f7f7; } .gift-info .terms-view .chk-form { position: relative; margin-bottom: 12px; } .gift-info .terms-view .chk-form:last-child { margin-bottom: 0; } .gift-info .terms-box .chk-form.allChk-box { margin-bottom: 15px; } .gift-info.check { margin: 0 auto 50px; padding: 20px 30px; max-width: 300px; background-color: #f7f7f7; border-radius: 10px; } .gift-info .chk-form { margin: 12px 0; } .layer-pop .gift-info { position: relative; min-height: 250px; } .layer-pop .gift-info .guide-txt { position: absolute; left: 0; bottom: 0; width: 100%; } .layer-pop .gift-info .guide-txt > li { text-align: center; } .layer-pop .gift-info .info-box { margin: 0 auto; width: 95%; } .layer-pop .gift-info dt { width: 25%; } .layer-pop .gift-info dd { margin-left: 25%; } .layer-pop .gift-info .input-type-small-2 { max-width: 70%; } .gift-option { display: -ms-flexbox; display: flex; padding: 15px 0; } .cta-line { text-align: center; } .cta-line.opt { margin-bottom: 50px; } .receipt .cta-line { padding-top: 120px; } .receipt .btn.rcpt { position: relative; overflow: visible; } .receipt .btn.rcpt .rcpt-msg { position: absolute; top: -80px; left: 50%; padding: 5px 25px; min-width: 300px; background-color: #fff; border: solid 1px #ddd; border-radius: 30px; transform: translateX(-50%); } .receipt .btn.rcpt .rcpt-msg::after { content: ""; position: absolute; bottom: -10px; left: 50%; width: 16px; height: 16px; background-color: #fff; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; transform: translateX(-50%) rotate(45deg); } .receipt .btn.rcpt .rcpt-msg p { text-align: center; font-weight: 400; color: #000; } .gift-cancel { margin-bottom: 30px; padding: 20px; text-align: center; background-color: #f7f7f7; } .gift-cancel p { font-size: 18px; } @media (max-width: 1440px) { .gift-card .slick-list, .gift-box.receipt .gift-card { min-width: 100%; min-height: auto; } } @media (max-width: 1100px) { .gift-thumb {margin-left: 0 0.9091vw;margin-right: 0 0.9091vw;} } @media (max-width: 800px) { .gift-box { max-width: 768px; padding: 13.8889vw 8.3333vw; } .gift-box .title h1 { font-size: 6.6667vw; } .gift-box .gift-card { margin-bottom: 5.5556vw; } .gift-box .msg-box { margin-bottom: 8.3333vw; padding: 4.1667vw 4.1667vw; } .gift-box .msg-box .to, .gift-box .msg-box .msg { line-height: 1.4; font-size: 3.3333vw; } .gift-box .order-content .order-tbl { display: flex; border-top: none; } .gift-box .cta-line { position: relative; } .gift-box .cta-line .btn-l { min-width: 45%; } .gift-info .info-box { padding: 0 5vw; } .gift-info dl > div { margin-bottom: 0; padding: 5vw 0; border-bottom: solid 1px #ebebeb; } .gift-info dt { display: block; width: 100%; } .gift-info dd { margin-left: 0; } .receipt .btn.rcpt { position: static; } .receipt .btn.rcpt .rcpt-msg { top: 10vw; } .receipt .gift-info .info-box { padding: 0; } .gift-info .desc { padding: 5vw 4vw; } .gift-info .desc p { margin-bottom: 3.75vw; } .gift-info .terms-view { padding: 5vw; } .gift-info .terms-view .btn-view-agreement { position: absolute; right: 0; bottom: 0; } /*230110*/ .gift-info .chk-form{padding: 3.333vw 0;} #prsntSendForm .chk-form input[name="prsntSndTpCd"][value="K"]{top: 9vw;} #prsntSendForm .chk-form input[name="prsntSndTpCd"][value="S"]{ top: 19vw;} #prsntSendForm .chk-form input[type="radio"][name="prsntSndTpCd"]+label { width: 100%;} } @media (max-width: 300px) {/*230110*/ #prsntSendForm .chk-form input[id="kakao"] {top: 11vw !important; left: 0;} #prsntSendForm .chk-form input[id="sns"] {top: 23.889vw !important; left: 0;} } /* 22-06-02 order-promo */ .order-promo-area { margin: 30px auto 40px; padding: 40px 0 50px 45px; max-width: 1440px; background-color: #edf6ff; border-radius: 20px; } .order-promo-area .head, .order-promo-area .list { display: -ms-flexbox; display: flex; } .order-promo-area .head { margin-bottom: 29px; -ms-flex-line-pack: justify; justify-content: space-between; } .order-promo-area .title h1 { margin-bottom: 15px; } .order-promo-area .sub { line-height: 46px; font-size: 40px; font-weight: 700; } .order-promo-area .list { padding-top: 10px; } .order-promo-area .list li { display: inline-block; margin-right: 10px; } .order-promo-area .list dl { padding-right: 30px; font-weight: 700; } .order-promo-area .list dt { float: left; padding-top: 5px; padding-left: 21px; font-size: 18px; color: #390; } .order-promo-area .list dt::before { content: ""; float: left; margin-left: -21px; width: 21px; height: 16px; background: url(//images.samsung.com/kdp/_pub/scplus/icon_scplus_list.png) no-repeat; vertical-align: middle; } .order-promo-area .list dt p { font-size: 16px; } .order-promo-area .list dd { margin-left: 120px; padding: 5px 0; font-size: 18px; } .order-promo-area .list dd:nth-child(2) { padding-bottom: 22px; } .order-promo-area .promo-ctrl { margin-bottom: 24px; padding-right: 30px; text-align: right; } .order-promo-area .slick-arrow { width: 42px; height: 42px; font-size: 1px; background: url(/sec/static/_images/common/icon-b2c-arrow.svg) center no-repeat; } .order-promo-area .slick-arrow > span { display: inline-block; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); overflow: hidden; } .order-promo-area .promo-ctrl .prev { margin-right: 10px; } .order-promo-area .promo-ctrl .next { transform: rotate(180deg); } @media (max-width: 1440px) and (min-width: 1101px) { .order-promo-area .sub { line-height: 3.1944vw; font-size: 2.7778vw; } .order-promo-area .list li img { width: 6.3889vw; } .order-promo-area .item img { width: 42.5vw; } } @media (max-width: 1100px) { .order-promo-area { padding: 3.6364vw 0 4.5455vw 4.0909vw; } .order-promo-area .head { flex-direction: column; } .order-promo-area .title { display: -ms-flexbox; display: flex; margin-bottom: 3.6364vw; flex-direction: row-reverse; -ms-flex-line-pack: justify; justify-content: space-between; } .order-promo-area .title h1 { margin-right: 3.1818vw; } .order-promo-area .sub { line-height: 4.1818vw; font-size: 3.6364vw; } .order-promo-area .list { -ms-flex-align: center; align-items: center; } .order-promo-area .list ul { max-width: 20vw; } .order-promo-area .list li { width: 6.8182vw; } .order-promo-area .list li:nth-child(1), .order-promo-area .list li:nth-child(2) { margin-bottom: 1.3636vw; } } @media (max-width: 1100px) and (min-width: 801px) { .order-promo-area .item img { width: 40.3636vw; } } @media (max-width: 800px) { .order-promo-area .title h1 { max-width: 40%; } .order-promo-area .item img { width: 70vw; } .order-promo-area .list dl { padding-right: 0; } .order-promo-area .list dt, .order-promo-area .list dd { font-size: 2.25vw; } .order-promo-area .list dt { padding-top: 1.675vw; } .order-promo-area .list dd:nth-child(2) { padding-bottom: 2.75vw; } .order-promo-area .list dd { margin-left: 21.5vw; padding: 1.675vw 0; } .order-promo-area .list dt p { font-size: 2vw; } .order-promo-area .list ul { max-width: 24vw; } .order-promo-area .list li { width: 8vw; } } /* 231011 : 부천중동 매장픽업 */ .order-content .payment-area .terms-box .agreement-allCheck-box {margin-bottom:24px; padding:24px 0 16px; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB;} .order-content .payment-area .terms-box .agreement-allCheck-box .chk-form label {font-size:16px; font-weight:bold;} .terms-view .note {display:inline-block; padding-top:12px; font-size:14px; line-height:1.4;} .layer-pop.storepickup .table {margin:15px 0;} .layer-pop.storepickup .table th, .layer-pop.storepickup .table td {padding:6px; border:1px solid #ddd; text-align:center;} @media screen and (max-width:1440px) and (min-width:1101px) { .terms-view .note {font-size:0.9722vw;} } @media screen and (max-width:1100px) and (min-width:801px) { .terms-view .note {font-size:1.2727vw;} } @media (max-width:800px) { .layer-pop.storepickup .table-wrap {overflow-x:auto;} } /* 22-06-07 CE trade in */ .order-info-box .head.xl { max-width: none; width: 21%; } @media (max-width: 1100px) and (min-width: 801px) { .order-info-box .head.xl { width: 32%; } } @media (max-width: 800px) { .order-info-box .head.xl { max-width: 210px; width: auto; } } /* 22-06-13 My gift */ .my-gift-box .rounded-white-box { border-radius: 0 0 20px 20px; } .my-gift-box .title { padding-bottom: 15px; font-size: 20px; font-weight: 700; border-bottom: solid 2px #000; } .my-gift-box .title span { color: #2189ff; vertical-align: baseline; } .conbox-myshopping-list.regular-list .my-gift-box .ordered-list-contents .wrap-order-set {border-bottom: 1px solid #bababa;} /* 221007 추가 */ .my-gift-box .order-tbl { border-bottom: solid 2px #f5f5f5; } .my-gift-box .ordered-list-contents .order-tbl .order-image { padding-left: 24px; width: 168px; } .my-gift-box .ordered-list-contents .order-head-info .tag { margin-left: 12px; font-size: 14px; font-weight: 700; color: #2189ff; } .my-gift-box .spec-flx .o-spec, .my-gift-box .status { display: -ms-flexbox; display: flex; } .my-gift-box .spec-flx .o-spec span + span::before, .my-gift-box .status span + span::before { content: ""; display: inline-block; width: 1px; background-color: #eee; vertical-align: middle; } .my-gift-box .spec-flx .o-spec span + span::before { margin: 0 10px; height: 12px; } .my-gift-box .gift-info { position: relative; padding: 36px 24px 40px; margin-bottom: 0; } /* 221007 수정 */ .my-gift-box .gift-info::after { content: ""; display: block; clear: both; } .conbox-myshopping-list.regular-list .my-gift-box .ordered-list-contents .wrap-order-set:last-child {border-bottom: solid 2px #bababa;} /* 221007 추가 */ .my-gift-box .gift-info .img { float: left; width: 180px; height: auto; border-radius: 10px; overflow: hidden; } .my-gift-box .gift-info .msg { margin-left: 200px; color: #707070; } .my-gift-box .gift-info .msg p { margin-bottom: 20px; } .my-gift-box .gift-info .msg div { line-height: 24px; } .my-gift-box .status { position: absolute; right: 24px; bottom: 30px; } .my-gift-box .status span { color: #707070; } .my-gift-box .status span + span::before { margin: 0 12px; height: 14px; } /* s : 220624 선물함 box 수정 */ .wrap-order-set .gift-info { position: relative; } .giftbox-btns { position: absolute; bottom: 40%; right: 2%; cursor: pointer;} /* 221007 수정 */ .giftbox-btns-wrap {position: absolute; bottom: 44%; right: 2%; display: flex; flex-direction: column;} /* 221007 추가 */ .giftbox-btns-wrap .giftbox-btns {position: static;} /* 221007 추가 */ .giftbox-btns-wrap .giftbox-btns2 {margin-top: 10px;} /* 221007 추가 */ @media (max-width:1100px) and (min-width:801px){ .wrap-order-set .gift-info{ padding-right: 30%; } .my-gift-box .gift-info .img { width: 12.5000vw; } .my-gift-box .gift-info .msg {margin-left: 140px;} .my-gift-box .gift-info .img>img { float: left; width: 12.5000vw; height: auto; border-radius: 10px; overflow: hidden; } .giftbox-btns { right: 2%; } } @media (max-width: 800px) and (min-width:541px) { .my-gift-box .gift-info .img { display: none; } .my-gift-box .gift-info .msg { margin-left: 0px; color: #707070; } .my-gift-box .gift-info .img>img { float: left; width: 12.5000vw; height: auto; border-radius: 10px; overflow: hidden; } .my-gift-box .status { position: absolute; right: 24px; bottom: 14px; } .my-gift-box .gift-info { position: relative; padding: 24px 24px 30%;} /* 221007 수정 */ .giftbox-btns { right: 50%; transform: translateX(50%); } } /* 221007 선물함 cta 추가 */ @media (max-width: 800px) { .giftbox-btns-wrap {bottom: 40%; right: 50%; transform: translateX(50%); width: 100%; flex-direction: row; justify-content: center;} /* 221007 추가 */ .giftbox-btns-wrap .giftbox-btns {transform: translateX(0);} /* 221007 추가 */ .giftbox-btns-wrap .giftbox-btns2 {margin-top: 0;} /* 221007 추가 */ } @media (max-width: 540px) { .my-gift-box .gift-info .img { display: none; } .my-gift-box .gift-info .msg { margin-left: 0px; color: #707070; } .my-gift-box .status { position: absolute; right: 24px; bottom: 14px; } .my-gift-box .gift-info { position: relative; padding: 24px 24px 40%;} /* 221007 수정 */ .giftbox-btns, .giftbox-btns-wrap { bottom: 20%; right: 50%; transform: translateX(50%);} /* 221007 수정 */ } @media (max-width: 540px) and (min-width:460px) { .gift-info .title>h2 { line-height: 9.3333vw; font-size: 22px; } } @media (max-width: 460px) { .gift-info .title>h2 { line-height: 12.3333vw; font-size: 22px; } } @media (max-width: 800px) and (min-width : 500px) { .receipt .select-btns .rcpt .rcpt-msg { top: 4vw; } } @media (max-width: 360px) { .my-gift-box .spec-flx .o-spec {flex-direction: column;} /* 221007 기존 영역이 틀어져있어서 화면 맞춤 */ .my-gift-box .spec-flx .o-spec span + span::before {content: none;} /* 221007 기존 영역이 틀어져있어서 화면 맞춤 */ } /* scplus-main 주문 번호 입력 padding 값 수정 */ @media (max-width: 800px) { .unified-result-search-wrap.scplus .search-box { padding-right: 105px; } } /* 22-06-23 scplus-main 메인 비쥬얼 패딩값 조절 */ .wrap-component.scplus_main { padding: 0; } .wrap-component.scplus_main .component-contents { padding: 0; } @media (max-width: 800px) { .wrap-component .component-contents { padding: 40px 0; } } /* 22-06-23 scplus-main 타이틀 추가 */ .visual .visual-area.ta_c {text-align: center;} .scplus_title_box {margin: 0; text-align: center;} .scplus_title_box .title {font-size: 28px; line-height: 56px; letter-spacing: -.035em; font-weight: bold; font-family: 'SamsungOneKorean'; margin-bottom: 10px;} @media screen and (max-width: 1440px) and (min-width: 1101px) { .scplus_title_box .title {margin-bottom: 0.6944vw;} } @media (max-width: 1100px) and (min-width: 801px) { .scplus_title_box .title {margin-bottom: 0.9091vw;} } @media (max-width: 800px) { .scplus_title_box .title {font-size:20px; margin-bottom: 0;} } /* 20220704 scplus-subscription-list 기획수정*/ .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription { border-top: 2px solid #000; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set { position: relative; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head { width: 100%; overflow: hidden; margin-top: 12px; margin-bottom: -24px; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .s-text { float: left; width: 144px; font-size: 12px; font-weight: 700; text-align: left; color: #2188FF; padding-right: 24px; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .period { float: right; font-size: 12px; color: #707070; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .period .color-b { font-size: 12px; color: #2188FF; font-weight: 700; vertical-align: top; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl { flex-wrap: wrap; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl .order-td.order-func.btn_full { width: 100%; padding: 0 0; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-spec-group .o-label.btn_r { overflow: hidden; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-spec-group .o-label.btn_r button { float: right; font-size: 12px; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order_msg_box { text-align: center; color: #2188FF; font-weight: 700; margin-top: 10px; padding: 20px; border-radius: 10px; background: #eee; } @media (max-width: 1440px) and (min-width: 1101px) { .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .s-text { width: 10vw; padding-right: 1.6667vw; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .s-text { width: 10.3636vw; padding-right: 2.1818vw; } } @media (max-width: 800px) { .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl { padding-bottom: 46px; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head { margin-bottom: -12px; } .box-tab-point-content .tab-content.ordered-list-contents .order-area.subscription .wrap-order-set .order-tbl-head .s-text { width: 114px; padding-right: 32px;} } /* 20220705 scplus-pd 기획내용 수정 */ .scplus-banner-box.type_02 .inner { padding: 0; border: none; } .scplus-banner-box.type_02 .inner .banner { margin-bottom: 0; } .scplus-banner-box.type_02 .none p { text-indent: -10px; text-align: left; padding-left: 10px; } .scplus-banner-box.type_02 .none p.bl_star { font-size: 14px; font-weight: normal; color: #2189ff; } .tooltip-content .scp_btn_box { margin-top: 10px; } .tooltip-content .scp_btn_box.btn_r { text-align: right; } .btn-underline.color-sb { border-bottom: 1px solid #2188FF; } .color-sb { color:#2188FF !important; } @media (max-width: 800px) { .scplus-banner-box.type_02 { padding: 24px 12px 0; } } /* 20220720 삼성케어플러스 배너(구독하기) 삭제 및 팝업 버튼 삭제, 자세히 보기 버튼 추가 */ .scplus-banner-box.bn_n .title { justify-content: flex-start; gap: 8px; margin-bottom: 0; } .scplus-banner-box.bn_n .title .btn-underline { line-height: 14px; margin-bottom: 5px; } .scplus-banner-box.bn_n .none { padding-top: 12px; } .scplus-banner-box.type_02 .none p { line-height: 20px; } /* 20220707 scplus-order 기획내용 수정 */ .order-promo-wrap { max-width: 1440px; margin: 0 auto 0; padding: 0 24px; } .order-promo-wrap .tit-box { margin-bottom: 30px; } .order-promo-wrap .order-promo-area { margin: auto; max-width: none; } .order-promo-wrap .order-promo-area .title .pc-block { display: block; } .order-promo-wrap .order-promo-area .title .mo-block { display: none; } .order-promo-wrap .order-promo-area .list { gap: 24px; padding-top: 0; align-items: center; } .order-promo-wrap .order-promo-area .slick-initialized .slick-slide { padding-right: 24px; } .type_scp .order-box .order-info-box > li { display: flex; gap: 15px; align-items: center; justify-content: flex-start; padding-left: 0; } .type_scp .order-box .order-info-box > li .order-m-area { flex-grow: 1; } .type_scp .order-box .order-info-box .caution-list { flex-grow: 1; margin-top: -10px; } .type_scp .order-box .order-info-box > li .head { display: none; } .type_scp .scplus-order-list .order-tbl.scplus .order-plan .product_name { color: #000; } .type_scp .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box { padding-left: 0; } .type_scp .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box .o-title { color: #000; font-weight: bold; } .type_scp .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box .o-code-num { display: block; font-size: 13px; color: #707070; margin-top: 4px; } .type_scp .order-m-area .order-spec-group { padding-left: 40px; } .type_scp .order-m-area .order-spec-group .ico-group { margin-top: 0; } .type_scp .payment-area { top: 50px; margin-bottom: 0; } .type_scp .order-box .order-info-box .credit-card > li .selected-sc-card p { word-break: break-all; } @media (max-width: 1440px) and (min-width: 1101px) { .order-promo-wrap .order-promo-area .list { gap: 10px; } .type_scp .order-box .order-info-box .credit-card > li .selected-sc-card { width: 100%; height: 100%; } } @media all and (max-width: 1100px) { .order-promo-wrap .order-promo-area { padding: 2.7273vw 0 3.6364vw 3.1818vw; } .order-promo-wrap .order-promo-area .head {margin-bottom: 1.7500vw; } .order-promo-wrap .order-promo-area .title { margin-bottom: 2.7273vw; } .order-promo-wrap .order-promo-area .title .pc-block { display: none; } .order-promo-wrap .order-promo-area .title .mo-block { display: block; } .order-promo-wrap .head { gap: 0; } .type_scp .order-box .order-info-box .credit-card > li .selected-sc-card { width: 100%; height: 100%; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-promo-wrap { padding: 0 2.1818vw; } .order-promo-wrap .tit-box { margin-top: 1.5000vw; margin-bottom: 3vw; } .type_scp .payment-area { top: 4.5455vw; } .type_scp .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box .o-code-num { font-size: 1.1111vw; } } @media all and (max-width:800px) { .order-promo-wrap { padding: 0 12px; } .order-promo-wrap .tit-box { margin-top: 3.0000vw; margin-bottom: 2.7273vw; } .order-promo-wrap .tit-box { margin-top: 3vw; margin-bottom: 3vw; } .order-promo-wrap .order-promo-area .head { margin-bottom: 2.5vw; } .order-promo-wrap .order-promo-area .title h1 img { height: 7.7500vw; } .order-promo-wrap .order-promo-area .list { gap: 1.5000vw; } .order-promo-wrap .order-promo-area .list dl { flex-grow: 1 } .order-promo-wrap .order-promo-area .list dt { padding-left: 0; } .order-promo-wrap .order-promo-area .list dt, .order-promo-wrap .order-promo-area .list dd { padding-top: 0; } .order-promo-wrap .order-promo-area .list dd { margin-left: 15.625vw; padding-bottom: 2.5vw; } .order-promo-wrap .order-promo-area .list dd:nth-child(2) { padding-bottom: 3.2500vw; } .order-promo-wrap .order-promo-area .list dd:last-child { padding-bottom: 0; } .order-promo-wrap .order-promo-area .list dt::before { width: 2.6250vw; height: 2.0000vw; margin-left: -2.625vw; background-size: 100%; } .order-promo-wrap .order-promo-area .slick-arrow { width: 3.7500vw; height: 3.7500vw; background-size: 100%; } .order-promo-wrap .order-promo-area .promo-ctrl { margin-bottom: 3vw; } .order-promo-wrap .order-promo-area .promo-ctrl .prev { margin-right: 1.2500vw; } .type_scp .payment-area { top: 0; } .type_scp .payment-area .cost-listup { padding-top: 0; } .type_scp .scplus-order-list .order-tbl.scplus > div:first-child { padding-top: 0; } .type_scp .order-box .order-info-box .credit-card > li { width: 120px; } .type_scp .order-box .order-info-box .pay-info .caution-list { margin-top: 0; } .type_scp .order-box .order-info-box .credit-card > li .selected-sc-card { width: 100%; height: 11.2500vw; } } @media all and (max-width:560px) { .type_scp .order-box .order-info-box .credit-card > li .selected-sc-card p { font-size: 3.5714vw; } } /* 20220805 scplus-order 기획내용 수정: 약관 추가 및 결제 정보, 슬라이드 높이 맞춤 */ .order-content.type_01 .tit-box { margin-bottom: 20px; } .order-content.type_01 .order-promo-area { margin-top: 20px; } /* 20220725 scplus-pd 기획내용 수정 */ .order-content.type_01 { padding-top: 0; } .order-content.type_01 .order-promo-area { padding: 20px 0 20px 50px; } .order-content.type_01 .order-promo-area .title h1 { width: 242px; margin-top: 30px; margin-bottom: 10px } .order-content.type_01 .order-promo-area .sub { font-size: 30px; line-height: 36px } .order-content.type_01 .order-promo-area .body { position: relative; } .order-content.type_01 .order-promo-area .body .promo-ctrl { width: 100%; position: absolute; top: 50%; transform: translatey(-50%); z-index: 1; margin-bottom: 0; padding-right: 0; } .order-content.type_01 .order-promo-area .body .promo-ctrl .prev { position: absolute; left: -42px; margin-right: 0; } .order-content.type_01 .order-promo-area .body .text_tip { font-size: 14px; line-height: 18px; } .order-content.type_01 .order-box .order-info-box > li { display: flex; gap: 15px; align-items: center; justify-content: flex-start; padding-left: 0; } .order-content.type_01 .order-box .order-info-box > li .order-m-area { flex-grow: 1; } .order-content.type_01 .order-box .order-info-box .caution-list { flex-grow: 1; margin-top: -10px; } .order-content.type_01 .order-box .order-info-box > li .head { display: none; } .order-content.type_01 .scplus-order-list .order-tbl.scplus .order-plan .product_name { color: #000; } .order-content.type_01 .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box { padding-left: 0; } .order-content.type_01 .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box .o-title { color: #000; font-weight: bold; } .order-content.type_01 .scplus-order-list .order-tbl.scplus .order-plan .scplus-o-title-box .o-code-num { display: block; font-size: 13px; color: #707070; margin-top: 4px; } .order-content.type_01 .order-m-area .order-spec-group { padding-left: 40px; } .order-content.type_01 .order-m-area .order-spec-group .ico-group { margin-top: 0; } .order-content.type_01 .order-box .order-info-box .credit-card > li .selected-sc-card p { word-break: break-all; } .order-content.type_01 .payment-area { top:70px } .order-content.type_01 .payment-area { top: 50px; margin-bottom: 0; } .order-content.type_01 .payment-area .cost-listup > li > span {} .order-content.type_01 .payment-area .cost-listup.box02 { color: #2188FF; } .order-content.type_01 .payment-area .cost-listup.box02 > li > span { color: #2188FF; margin-top: 2px; } .order-content.type_01 .payment-area .cost-listup.box02 dt { color: #2188FF; } .order-content.type_01 .payment-area .cost-listup.box02 dt span { font-size: 12px; margin-right: 5px; } .order-content.type_01 .payment-area .cost-listup.box02 .list { width: 100%; } .order-content.type_01 .payment-area .cost-listup.box03 { margin-top: 28px; padding-top: 33px; border-top: 1px solid #eaeaea; } /* 20220725 scplus-pd : 아이콘 박스 */ .icon_box_wrap { display: flex; padding-right: 55px; } .icon_box_wrap dl:nth-child(2) { margin-left: 31px; } .icon_box_wrap dl:nth-child(3) { margin-left: 11px; } .icon_box_wrap dl:nth-child(4) { margin-left: 37px; } .icon_box_wrap dl dt { display: inline-block; text-align: center; min-width: 82px; min-height: 112px; background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 20px no-repeat; background-size: 82px; } .icon_box_wrap dl:nth-child(1) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 20px no-repeat; background-size: 82px; } .icon_box_wrap dl:nth-child(2) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo02.png) center 20px no-repeat; background-size: 82px; } .icon_box_wrap dl:nth-child(3) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo03.png) center 20px no-repeat; background-size: 82px; } .icon_box_wrap dl:nth-child(4) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo04.png) center 20px no-repeat; background-size: 82px; } .icon_box_wrap dl dt span { display: inline-block; min-height: 25px; color: #fff; font-size: 14px; line-height: 18px; padding: 4px 12px 4px 12px; border-radius: 15px; background: #F78383; } .icon_box_wrap dl dd { color: #666666; font-size: 12px; text-align: center; font-weight: 600; line-height: 14px; } /* 20220725 scplus-order : 슬라이드 박스 */ .product_box { position: relative; width: 454px; height: 215px; padding: 19px 0 0 20px; margin-bottom: 18px; margin-right: 20px; border-radius: 20px; background-color: #fff; } .product_box .product_name { font-size: 18px; font-weight: 700; line-height: 30px; } .product_box .product_img { position: absolute; top: 49px; left: 20px; width: 128px; height: 146px; } .product_box .product_img .m_hide { display: block; } .product_box .product_img .m_show { display: none; } .product_box .product_img img { height: 100%; } .product_box .product_desc { min-height: 110px; margin-left: 143px; font-size: 14px; font-weight: 500; line-height:22px; } .sec_apply .sec_category .slider_category_sticky .slider_category_wrap, .product_box .product_desc p { position:relative; } .product_box .product_desc p::before { content:""; display: inline-block; position: relative; top: 0; left: 0; margin-right: 5px; width: 11px; height: 8px; background: url(//images.samsung.com/kdp/event/sec/PM_0607_alarm_samsung_careplus/launching/check_icon_pc.png); background-size: 100%; } .product_box .product_price { margin: 0 0 0 159px; font-size: 18px; font-weight: 700; letter-spacing: -.03em; color: #57a91d; } .product_box .product_price strong { display: inline-block; font-size: 24px; vertical-align: baseline; letter-spacing: -.03em; } .product_box .product_price i { font-size:22px; } .product_box .product_price_desc { margin-left: 159px; font-size:14px; font-weight: 700; vertical-align: baseline; letter-spacing: -.01em; color: #57a91d; } .product_box .product_price_desc span {font-size: 14px; vertical-align: baseline; letter-spacing: -.01em; } @media screen and (max-width:1440px){ .order-content.type_01 .order-promo-area { padding: 1.3889vw 0 1.3889vw 3.4722vw; } .order-content.type_01 .order-promo-area .title h1 { width: 16.8056vw; margin-top: 2.0833vw; margin-bottom: 0.6944vw } .order-content.type_01 .order-promo-area .sub { font-size: 2.0833vw; line-height: 2.5000vw; } .order-content.type_01 .order-promo-area .body .slick-arrow { width: 2.9167vw; height: 2.9167vw; background-size: 1.8056vw; } .order-content.type_01 .order-promo-area .body .promo-ctrl .prev { left: -2.9167vw; } .icon_box_wrap { padding-right:3.8194vw; } .icon_box_wrap dl:nth-child(2) { margin-left: 3.8194vw; } .icon_box_wrap dl:nth-child(3) { margin-left: 0.7639vw; } .icon_box_wrap dl:nth-child(4) { margin-left: 2.5694vw; } .icon_box_wrap dl dt { min-width: 5.6944vw; min-height: 7.7778vw; background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 1.3889vw no-repeat; background-size: 5.6944vw; } .icon_box_wrap dl:nth-child(1) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 1.3889vw no-repeat; background-size: 5.6944vw; } .icon_box_wrap dl:nth-child(2) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo02.png) center 1.3889vw no-repeat; background-size: 5.6944vw; } .icon_box_wrap dl:nth-child(3) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo03.png) center 1.3889vw no-repeat; background-size: 5.6944vw; } .icon_box_wrap dl:nth-child(4) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo04.png) center 1.3889vw no-repeat; background-size: 5.6944vw; } .icon_box_wrap dl dt span { min-height: 1.7361vw; font-size: 0.9722vw; line-height: 1.2500vw; padding: 0.2778vw 0.8333vw 0.2778vw 0.8333vw; } .icon_box_wrap dl dd { font-size: 0.8333vw; line-height: 0.9722vw; } .product_box { width: 31.527777778vw; height: 14.930555556vw; padding: 1.319444444vw 0 0 1.388888889vw; margin-bottom: 1.250000000vw; margin-right: 1.388888889vw; border-radius: 1.388888889vw; } .product_box .product_name { font-size: 1.250000000vw; line-height: 2.083333333vw; } .product_box .product_img { top: 3.402777778vw; left: 1.388888889vw; width: 8.888888889vw; height: 10.138888889vw; } .product_box .product_desc { min-height: 7.638888889vw; margin-left: 9.930555556vw; font-size: 0.972222222vw; line-height: 1.527777778vw; } .product_box .product_desc p::before { top: 0; left: 0; margin-right: .3472222222vw; width: .7638888889vw; height: .5555555556vw; } .product_box .product_price { margin: 0 0 0 11.041666667vw; font-size: 1.250000000vw; } .product_box .product_price strong { font-size: 1.666666667vw; } .product_box .product_price i { font-size: 1.5277777778vw; } .product_box .product_price_desc { margin-left: 11.041666667vw; font-size: 0.972222222vw; } .product_box .product_price_desc span {font-size: 0.972222222vw; } } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-content.type_01 .order-promo-area { padding: 3.2727vw 0 1.8182vw 3.1818vw; } .order-content.type_01 .order-promo-area .title { flex-direction: column; margin-bottom: 2.3636vw; } .order-content.type_01 .order-promo-area .title h1 { width: 27.8182vw; margin-top: 0; margin-right: 0; margin-bottom: 0.9091vw } .order-content.type_01 .order-promo-area .sub { font-size: 3.8182vw; line-height: 4.3636vw; } .order-content.type_01 .order-promo-area .body .slick-arrow { width: 3.2727vw; height: 3.2727vw; background-size: 2.3636vw; } .order-content.type_01 .order-promo-area .body .promo-ctrl .prev { left: -3.2727vw; } .icon_box_wrap { padding-right: 0; } .icon_box_wrap dl:nth-child(2) { margin-left: 3.1818vw; } .icon_box_wrap dl:nth-child(3) { margin-left: 1.1818vw; } .icon_box_wrap dl:nth-child(4) { margin-left: 3.1818vw; } .icon_box_wrap dl dt { min-width: 8.9091vw; min-height: 12.0000vw; background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 2.2727vw no-repeat; background-size: 8.9091vw; } .icon_box_wrap dl:nth-child(1) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 2.2727vw no-repeat; background-size: 8.9091vw; } .icon_box_wrap dl:nth-child(2) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo02.png) center 2.2727vw no-repeat; background-size: 8.9091vw; } .icon_box_wrap dl:nth-child(3) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo03.png) center 2.2727vw no-repeat; background-size: 8.9091vw; } .icon_box_wrap dl:nth-child(4) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo04.png) center 2.2727vw no-repeat; background-size: 8.9091vw; } .icon_box_wrap dl dt span { min-height: 2.7273vw; font-size: 1.6364vw; line-height: 1.6364vw; padding: 0.7273vw 1.0909vw 0.7273vw 1.0909vw; } .icon_box_wrap dl dd { font-size: 1.6364vw; line-height: 2.0000vw; } .product_box { width: 40.900900901vw; height: 22.702702703vw; padding: 1.711711712vw 0 0 1.801801802vw; margin-bottom: 1.621621622vw; margin-right: 1.801801802vw; border-radius: 1.801801802vw; } .product_box .product_name { font-size: 2.162162162vw; line-height: 2.342342342vw; margin-bottom: 1.081081081vw; } .product_box .product_img { top: 4.414414414vw; left: 1.801801802vw; width: 13.963963964vw; height: 15.675675676vw; top: 5.135135135vw; } .product_box .product_img .m_hide { display: none !important; } .product_box .product_img .m_show { display: block !important; } .product_box .product_desc { min-height: 10.810810811vw; margin-left: 15.765765766vw; font-size: 1.621621622vw; line-height: 2.162162162vw; } .product_box .product_desc p::before { margin-right: 0.363636364vw; width: 1vw; height: 0.727272727vw; } .product_box .product_price { margin: 0 0 0 17.117117117vw; font-size: 1.801801802vw; } .product_box .product_price strong { font-size: 2.522522523vw; } .product_box .product_price i { font-size: 1.5277777778vw; } .product_box .product_price_desc { margin-left: 17.117117117vw; font-size: 1.441441441vw; line-height: 2.702702703vw; } .product_box .product_price_desc span {font-size: 1.441441441vw; } .order-content.type_01 .order-box .order-info-box .credit-card > li { width: 100%; height: 100%; } } @media screen and (max-width:800px){ .order-content.type_01 {padding-top: 28px;} .order-content > .tit-box { margin-bottom: 24PX; } .order-content.type_01 .order-promo-area { padding: 4.5000vw 0 4.5000vw 5.625000000vw; } .order-content.type_01 .order-promo-area .title { flex-direction: column; margin-bottom: 2.5000vw; } .order-content.type_01 .order-promo-area .title h1 { width: 38.2500vw; max-width: 100%; margin-top: 0; margin-right: 0; margin-bottom: 1.5000vw } .order-content.type_01 .order-promo-area .sub { font-size: 5.2500vw; line-height: 6.0000vw; } .order-content.type_01 .order-promo-area .body .slick-arrow { width: 5.250000000vw; height: 5.250000000vw; background-size: 2.625000000vw; } .order-content.type_01 .order-promo-area .body .promo-ctrl .prev { left: -5.250000000vw; } .icon_box_wrap dl:nth-child(2) { margin-left: 4.5000vw; } .icon_box_wrap dl:nth-child(3) { margin-left: 1.6250vw; } .icon_box_wrap dl:nth-child(4) { margin-left: 4.5000vw; } .icon_box_wrap dl dt { min-width: 12.2500vw; min-height: 16.5000vw; background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 3.1250vw no-repeat; background-size: 12.2500vw; } .icon_box_wrap dl:nth-child(1) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 3.1250vw no-repeat; background-size: 12.2500vw; } .icon_box_wrap dl:nth-child(2) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo02.png) center 3.1250vw no-repeat; background-size: 12.2500vw; } .icon_box_wrap dl:nth-child(3) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo03.png) center 3.1250vw no-repeat; background-size: 12.2500vw; } .icon_box_wrap dl:nth-child(4) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo04.png) center 3.1250vw no-repeat; background-size: 12.2500vw; } .icon_box_wrap dl dt span { min-height: 3.7500vw; font-size: 2.2500vw; line-height: 2.2500vw; padding: 1.0000vw 1.5000vw 1.0000vw 1.5000vw; } .icon_box_wrap dl dd { font-size: 2.2500vw; line-height: 2.7500vw; } .product_box { width: 56.750000000vw; height: 31.500000000vw; padding: 2.375000000vw 0 0 2.500000000vw; margin-bottom: 2.250000000vw; margin-right: 2.500000000vw; border-radius: 2.500000000vw; } .product_box .product_name { font-size: 3.000000000vw; line-height: 3.250000000vw; margin-bottom: 1.500000000vw; } .product_box .product_img { top: 6.125000000vw; left: 2.500000000vw; width: 19.375000000vw; height: 21.750000000vw; top: 7.125000000vw; } .product_box .product_img .m_hide { display: none !important; } .product_box .product_img .m_show { display: block !important; } .product_box .product_desc { min-height: 15.000000000vw; margin-left: 21.875000000vw; font-size: 2.250000000vw; line-height: 3.000000000vw; } .product_box .product_desc p { font-size: 2.750000000vw; } .product_box .product_desc p::before { margin-right: 0.750000000vw; width: 1.375000000vw; height:1.000000000vw; } .product_box .product_price { margin: 0 0 0 23.750000000vw; font-size: 2.500000000vw; } .product_box .product_price strong { font-size: 3.500000000vw; } .product_box .product_price_desc { margin-left: 23.750000000vw; font-size: 2.000000000vw; line-height: 3.750000000vw; } .product_box .product_price_desc span {font-size: 2.000000000vw; } .order-content.type_01 .scplus-order-list .order-tbl.scplus > div:first-child { padding-top: 0; } .order-content.type_01 .payment-area { top: 0; } .order-content.type_01 .payment-area .cost-listup.box01 { padding-top: 0; } } @media all and (max-width:560px) { .order-content.type_01 .order-promo-area .body .slick-arrow { width: 42px; height: 42px; background-size: 21px; } .order-content.type_01 .order-promo-area .body .promo-ctrl .prev { left: -30px; } .order-content.type_01 .order-box .order-info-box > li { gap: 2.678571429vw; } .order-content.type_01 .order-box .order-info-box .credit-card > li { width: 21.428571429vw; height: 16.071428571vw; } .order-content.type_01 .order-box .order-info-box .credit-card > li .selected-sc-card { width: 21.428571429vw; height: 16.071428571vw; } .order-content.type_01 .order-box .order-info-box .credit-card > li .selected-sc-card p { font-size: 3.571428571vw; } .order-content.type_01 .order-box .order-info-box .caution-list { flex: 1; } .order-content.type_01 .order-box .order-info-box .caution-list p { } .order-content.type_01 .order-promo-area .body .text_tip { font-size: 2.500000000vw; line-height: 3.214285714vw; } } @media screen and (max-width:414px){ .icon_box_wrap { display: flex; flex-flow: wrap; justify-content: space-around; gap: 15px 15px; } .order-content.type_01 .order-promo-area .title { margin-bottom: 4.8309vw; } .order-content.type_01 .order-promo-area .title h1 { width: 73.9130vw; } .order-content.type_01 .order-promo-area .sub { font-size: 7.7295vw;line-height: 8.6957vw;} .icon_box_wrap { padding-right: 5.625vw; } .icon_box_wrap dl { width: 40%; margin: 0; text-align: center; } .icon_box_wrap dl:nth-child(2) { margin-left: 0; } .icon_box_wrap dl:nth-child(3) { margin-left: 0; } .icon_box_wrap dl:nth-child(4) { margin-left: 0; } .icon_box_wrap dl dt { min-width: 23.6715vw; min-height: 29.7101vw; background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 4.8309vw no-repeat; background-size: 23.6715vw; } .icon_box_wrap dl:nth-child(1) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo01.png) center 4.8309vw no-repeat; background-size: 23.6715vw; } .icon_box_wrap dl:nth-child(2) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo02.png) center 4.8309vw no-repeat; background-size: 23.6715vw; } .icon_box_wrap dl:nth-child(3) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo03.png) center 4.8309vw no-repeat; background-size: 23.6715vw; } .icon_box_wrap dl:nth-child(4) dt { background: url(//images.samsung.com/kdp/scplus/promo/icon_scplus_promo04.png) center 4.8309vw no-repeat; background-size: 23.6715vw; } .icon_box_wrap dl dt span { min-height: 6.2802vw; min-width: 33.3333vw; font-size: 3.8647vw; line-height: 4.3478vw; padding: 0.9662vw 2.8986vw; } .icon_box_wrap dl dd { font-size: 4.3478vw; line-height: 5.3140vw; } } /* 20220805 scplus-main 기획내용 수정 : 하단 이미지(삼성케어플러스 구독하기) html 로 변경 */ .s_careplus.slider_box_wrap .m_hide { display: block!important; } .s_careplus.slider_box_wrap .m_show { display: none!important; } .s_careplus.slider_box_wrap { display: block; position: relative; min-width: 320px; } .s_careplus.slider_box_wrap * { box-sizing:border-box; } .s_careplus.slider_box_wrap .inner_1440 { position: relative; width: 100%; margin: 0 auto; max-width: 1440px; } .s_careplus .title_box.heart { padding-top: 52px; text-align: center; background: url(//images.samsung.com/kdp/event/sec/PM_0607_alarm_samsung_careplus/launching/heart_icon_pc.png) top center no-repeat; background-size: 56px 44px; } .s_careplus .title_box.heart .title { font-size: 47px; line-height: 60px; } .s_careplus .title_box.heart .sub_txt { margin-top: 15px; font-size: 28px; } .s_careplus .sec_subscribe .icon_box .icon_list:last-child::after { display: none; } .s_careplus .sec_subscribe { background-color: #dbf2ca; padding: 78px 0 0; } .s_careplus .sec_subscribe .title_box.heart h3.title { letter-spacing: .01em; } .s_careplus .sec_subscribe .title_box.heart .sub_txt { margin-bottom: 48px; letter-spacing: .01em; } .s_careplus .sec_subscribe .icon_box { display: flex; justify-content: space-between; width: 680px; margin: 0 auto; margin-bottom: 8px; text-align: center; } .s_careplus .sec_subscribe .icon_box .icon_list { width:142px; } .s_careplus .sec_subscribe .icon_box .icon_list::after { content: ""; display: inline-block; position: relative; top: -96px; left: 90px; width:24px; height: 24px; background: url(//images.samsung.com/kdp/event/sec/PM_0607_alarm_samsung_careplus/launching/cross_icon_pc.png); background-size: 100%; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child::after { top: -99px; left: 90px; } .s_careplus .sec_subscribe .icon_box .icon_list .icon_img { width: 86px; margin: 0 auto; margin-bottom: 17px; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child .icon_img { margin-bottom: 14px; } .s_careplus .sec_subscribe .icon_box .icon_list p { font-size: 20px; font-weight: 700; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child p { line-height: 26px; } .s_careplus .sec_subscribe .desc_txt{ width: 1400px; margin: 0 auto; font-size: 16px; text-align: right; letter-spacing: -.03em; } .s_careplus .sec_subscribe .desc_txt01, .s_careplus .sec_subscribe .desc_txt02 { padding:0 40px 5px 0; } .s_careplus .sec_subscribe .order-content.type_01 { padding: 0; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area { margin: 0; padding: 20px 50px 20px 50px; background-color: transparent; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs { display: flex; gap: 20px 20px; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; margin-bottom: 2px; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box { width: 425px; margin-right: 0; margin-bottom: 0; } @media screen and (max-width:1440px){ .s_careplus .title_box.heart { padding-top: 3.6111111111vw; background-size: 3.8888888889vw 3.0555555556vw; } .s_careplus .title_box.heart .title { font-size: 3.2638888889vw; line-height: 4.1666666667vw; } .s_careplus .title_box.heart .sub_txt { margin-top: 1.0416666667vw; font-size: 1.9444444444vw; } .s_careplus .sec_subscribe .icon_box .icon_list p{font-size:1.3888888889vw} .s_careplus .sec_subscribe{ padding:5.4166666667vw 0 0; } .s_careplus .sec_subscribe .title_box.heart .sub_txt { margin-bottom:3.3333333333vw; } .s_careplus .sec_subscribe .icon_box { width: 47.2222222222vw; margin-bottom: .5555555556vw; } .s_careplus .sec_subscribe .icon_box .icon_list { width: 9.8611111111vw; } .s_careplus .sec_subscribe .icon_box .icon_list::after { top: -6.6666666667vw; left: 6.25vw; width: 1.6666666667vw; height: 1.6666666667vw; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child::after { top: -6.875vw; left: 6.25vw; } .s_careplus .sec_subscribe .icon_box .icon_list .icon_img { width: 5.9722222222vw; margin-bottom: 1.1805555556vw; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child .icon_img { margin-bottom: .9722222222vw; } .s_careplus .sec_subscribe .icon_box .icon_list:first-child p { line-height: 1.8055555556vw; } .s_careplus .sec_subscribe .desc_txt { width: 97.2222222222vw; font-size: 1.1111111111vw; } .s_careplus .sec_subscribe .desc_txt01, .s_careplus .sec_subscribe .desc_txt02 { padding:0 3.636363636vw 0.454545455vw 0; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box { width:calc(33.3% - 15px); } } @media screen and (max-width: 1100px) and (min-width: 801px){ .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area { padding: 1.388888889vw 1.388888889vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs { gap: 1.363636364vw 0.454545455vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box { width: 30.909090909vw; height: 16.818181818vw; padding: 1.363636364vw 0 0 1.272727273vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name { font-size: 1.272727273vw; line-height: 2.727272727vw; margin-bottom:0; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img { top: 4.454545455vw; left: 1.363636364vw; width: 8.818181818vw; height: 10vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img .m_hide { display: block; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img .m_show { display: none; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_desc { min-height: 7.727272727vw; margin-left: 9.909090909vw; font-size: 1.272727273vw; line-height: 1.545454545vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_desc p { font-size: 1.090909091vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price { margin: 0 0 0 10.454545455vw; font-size: 1.272727273vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price strong { font-size: 1.636363636vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price_desc { margin-left: 10.454545455vw; font-size: 1.272727273vw; line-height: 1.527777778vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price_desc span {font-size: 1.000000000vw; } .s_careplus .sec_subscribe .desc_txt01, .s_careplus .sec_subscribe .desc_txt02 { padding:0 1.388888889vw 0.454545455vw 0; } } @media screen and (max-width:800px){ .s_careplus.slider_box_wrap .m_hide { display: none !important; } .s_careplus.slider_box_wrap .m_show { display: block !important; } .s_careplus .title_box.heart { padding-top: 76px; padding-top: 10.5555555556vw; text-align: center; background:url(//images.samsung.com/kdp/event/sec/PM_0607_alarm_samsung_careplus/launching/heart_icon_mo.png) top center no-repeat; background-size: 70px 56px; background-size: 9.7222222222vw 7.7777777778vw; } .s_careplus .title_box.heart .title { font-size: 56px; font-size: 7.7777777778vw; line-height: 66px; line-height: 9.1666666667vw; } .s_careplus .title_box.heart .sub_txt { margin-top: 29px; margin-top: 4.0277777778vw; font-size: 30px; font-size: 4.1666666667vw; line-height:42px; line-height:5.8333333333vw; } .s_careplus.slider_box_wrap .inner_1440 { max-width:100%; } .s_careplus .sec_subscribe { padding: 80px 0 78px; padding: 11.1111111111vw 0 10.8333333333vw; } .s_careplus .sec_subscribe .inner_1440 { overflow:hidden; } .s_careplus .sec_subscribe .inner_1440 .title_box.heart .sub_txt { letter-spacing: -.055em; } .s_careplus .sec_subscribe .inner_1440 .icon_box { position: relative; width: 600px; width:83.3333333333vw; margin-bottom: 12px; margin-bottom: 1.6666666667vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list { width: 142px; width:19.7222222222vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list::after { position: absolute; top: 39px; top: 5.4166666667vw; left: 288px; left: 40vw; width: 24px; width: 3.3333333333vw; height: 24px; height: 3.3333333333vw; background: url(//images.samsung.com/kdp/event/sec/PM_0607_alarm_samsung_careplus/launching/cross_icon_mo.png); background-size: 100%; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list:first-child::after { top: 39px; top: 5.4166666667vw; left: 136px; left: 18.8888888889vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list:nth-child(3)::after { top: 39px; top: 5.4166666667vw; left: 441px; left: 61.25vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list .icon_img { width: 101px; width: 14.0277777778vw; margin-bottom: 9px; margin-bottom: 1.25vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list:first-child .icon_img { margin-bottom: 6px; margin-bottom: .8333333333vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list p { font-size: 20px; font-size: 2.7777777778vw; } .s_careplus .sec_subscribe .inner_1440 .icon_box .icon_list:first-child p { line-height:26px; line-height: 3.6111111111vw; } .s_careplus .sec_subscribe .inner_1440 .desc_txt { width:100%; font-size: 22px; font-size: 3.0555555556vw; text-align: center; letter-spacing: .01em; } .s_careplus .sec_subscribe .inner_1440 .desc_txt01 { margin-bottom: 5px; margin-bottom: .6944444444vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area { padding: 1.388888889vw 3.472222222vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs { gap: 5px 20px; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box { width: 100%; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box + .product_box { margin-top: 2.500000000vw; } } /* 230608 케어플러스메인 */ .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img { top: 24px; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name:before { display: none; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name span { font-size: 13px; color: #777; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price_desc { font-size: 13px; margin-top:5px; } @media screen and (max-width:1440px) and (min-width: 1101px){ .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img { top: 1.667vw; width: 7.639vw; height: 8.333vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_desc { margin-left: 8.333vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name span { font-size: 0.903vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price { margin-left: 8.681vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price_desc { font-size: 0.903vw; margin: 0.347vw 0 0 8.681vw; } } @media screen and (max-width:800px){ .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box { min-height: 31.5vw; height: auto; padding-bottom: 2.5vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_img { top: 2.5vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name { font-size: 3.889vw; line-height: 1.2; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_name span { font-size: 3.333vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_desc p { font-size: 3.333vw; line-height: 1.2; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price { font-size: 4.444vw; margin-top: 1.2vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price strong { font-size: 4.444vw; } .s_careplus .sec_subscribe .order-content.type_01 .order-promo-area .body .product_box_bs .product_box .product_price_desc { font-size: 3.333vw; } } /* 230530 scplus-order(케어플러스) : 기획수정 */ .order-content.type_01 .intro-careplus .order-promo-area {background:#F6F6F6;padding:48px 0 30px;} .order-content.type_01 .intro-careplus .order-promo-area .head {padding:0 48px;} .order-content.type_01 .intro-careplus .order-promo-area .title h1 {margin:0 0 8px 0;} .order-content.type_01 .intro-careplus .order-promo-area .sub {font-size:28px;} .order-content.type_01 .intro-careplus .order-promo-area .body {padding: 0 28px 0 48px;} .order-content.type_01 .intro-careplus .order-promo-area .body .promo-ctrl {width:95%;top:42%;} .order-content.type_01 .intro-careplus .order-promo-area .body .text_tip {color:#707070;margin:20px 0 0 0;} .order-content.type_01 .intro-careplus .icon_box_wrap {padding:0;} .order-content.type_01 .intro-careplus .icon_box_wrap dl {width:139px;height:76px;padding:12px 10px;border-radius:6px;margin:0 12px 0 0} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt {background:none;min-width:auto;min-height:auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt span {padding:0;font-size:14px;background:none;color:#000;line-height:1.2;min-height:auto;font-weight:bold;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dd {text-align:left;color:#000;font-weight:normal;margin-top:6px;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(1) {background:#FFE4E4 url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo01.png) right 10px bottom 10px no-repeat;background-size: 50px auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(2) {background:#FAEDBD url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo02.png) right 10px bottom 8px no-repeat;background-size: 50px auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(3) {background:#CAEBFF url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo03.png) right 6px bottom 8px no-repeat;background-size: 50px auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(4) {background:#CBBDFB url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo04.png) right 10px bottom 10px no-repeat;background-size: 50px auto;margin-right:0;} .order-content.type_01 .intro-careplus .product_box {padding:20px;border-radius:10px;margin:0 20px 0 0;min-height:240px;height:auto;} .order-content.type_01 .intro-careplus .product_box .product_img {top:20px;} .order-content.type_01 .intro-careplus .product_box .product_name {line-height:1.4;margin-bottom:8px;} .order-content.type_01 .intro-careplus .product_box .product_name:before {display:none;} .order-content.type_01 .intro-careplus .product_box .product_name span{color:#707070;font-size:16px;} .order-content.type_01 .intro-careplus .product_box .product_desc {min-height:158px;font-size:16px;} .order-content.type_01 .intro-careplus .product_box .product_price {margin:0 0 0 144px;color:#2189FF;letter-spacing:0;} .order-content.type_01 .intro-careplus .product_box .product_price strong {font-size:18px;} .order-content.type_01 .intro-careplus .product_box .product_price_desc {margin:4px 0 0 144px;font-weight:normal;color:#707070;} .layer-agreement .layer-content .clause-family .term-tbl.ac th, .layer-agreement .layer-content .clause-family .term-tbl.ac td {padding:8px 0;vertical-align:middle;} @media (max-width: 1440px) and (min-width: 1101px) { .order-content.type_01 .intro-careplus .order-promo-area {padding:3.333vw 0 2.083vw;} .order-content.type_01 .intro-careplus .order-promo-area .head {padding:0 3.333vw;} .order-content.type_01 .intro-careplus .order-promo-area .title h1 {margin:0 0 0.556vw 0;} .order-content.type_01 .intro-careplus .order-promo-area .sub {font-size:1.944vw;} .order-content.type_01 .intro-careplus .order-promo-area .body {padding: 0 1.944vw 0 3.333vw;} .order-content.type_01 .intro-careplus .order-promo-area .body .text_tip {margin:1.389vw 0 0 0;} .order-content.type_01 .intro-careplus .icon_box_wrap dl {width:9.653vw;height:5.278vw;padding:0.833vw 0.694vw;border-radius:0.417vw;margin:0 0.833vw 0 0} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt span {font-size:0.972vw;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dd {margin-top:0.417vw;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(1) {background:#FFE4E4 url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo01.png) right 0.694vw bottom 0.694vw no-repeat;background-size: 3.472vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(2) {background:#FAEDBD url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo02.png) right 0.694vw bottom 0.556vw no-repeat;background-size: 3.472vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(3) {background:#CAEBFF url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo03.png) right 0.417vw bottom 0.556vw no-repeat;background-size: 3.472vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(4) {background:#CBBDFB url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo04.png) right 0.694vw bottom 0.694vw no-repeat;background-size: 50px auto;margin-right:0;} .order-content.type_01 .intro-careplus .product_box {padding:1.389vw 0 1.389vw 1.389vw;border-radius:0.694vw;margin:0 1.389vw 0 0;min-height:16.667vw;} .order-content.type_01 .intro-careplus .product_box .product_img {top:1.389vw;} .order-content.type_01 .intro-careplus .product_box .product_name {line-height:1.4;margin-bottom:0.556vw;} .order-content.type_01 .intro-careplus .product_box .product_name span{font-size:1.111vw;} .order-content.type_01 .intro-careplus .product_box .product_desc {min-height:10.972vw;font-size:1.111vw;} .order-content.type_01 .intro-careplus .product_box .product_price {margin:0 0 0 10vw;} .order-content.type_01 .intro-careplus .product_box .product_price strong {font-size:1.25vw;} .order-content.type_01 .intro-careplus .product_box .product_price_desc {margin:0.278vw 0 0 10vw;} } @media (max-width: 1100px) and (min-width: 801px) { .order-content.type_01 .intro-careplus .order-promo-area {padding:4.364vw 0 2.727vw;} .order-content.type_01 .intro-careplus .order-promo-area .head {padding:0 4.364vw;} .order-content.type_01 .intro-careplus .order-promo-area .title h1 {margin:0 0 0.727vw 0;} .order-content.type_01 .intro-careplus .order-promo-area .sub {font-size:2.545vw;} .order-content.type_01 .intro-careplus .order-promo-area .body {padding: 0 2.545vw 0 4.364vw;} .order-content.type_01 .intro-careplus .order-promo-area .body .promo-ctrl {width:90%;} .order-content.type_01 .intro-careplus .order-promo-area .body .text_tip {margin:1.818vw 0 0 0;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(1) {background:#FFE4E4 url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo01.png) right 0.909vw bottom 0.909vw no-repeat;background-size: 30% auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(2) {background:#FAEDBD url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo02.png) right 0.909vw bottom 0.727vw no-repeat;background-size: 30% auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(3) {background:#CAEBFF url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo03.png) right 0.545vw bottom 0.727vw no-repeat;background-size: 30% auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(4) {background:#CBBDFB url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo04.png) right 0.909vw bottom 0.909vw no-repeat;background-size: 30% auto;margin-right:0;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt span {font-size:1.273vw;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dd {font-size:1.091vw;line-height: 1.3;margin-top:0.545vw;} .order-content.type_01 .intro-careplus .product_box {min-height:21.818vw;} .order-content.type_01 .intro-careplus .product_box .product_name {font-size:1.636vw;} .order-content.type_01 .intro-careplus .product_box .product_desc {min-height:14.364vw;} .order-content.type_01 .intro-careplus .product_box .product_price {margin:1.389vw 0 0 15.765vw;} .order-content.type_01 .intro-careplus .product_box .product_price_desc {margin:0.278vw 0 0 15.765vw;} } @media (max-width: 800px) { .order-content.type_01 .intro-careplus .order-promo-area {padding:6.667vw 0 4.444vw;border-radius:2.778vw;} .order-content.type_01 .intro-careplus .order-promo-area .head {padding:0 3.333vw;margin-bottom:6.667vw;} .order-content.type_01 .intro-careplus .order-promo-area .title {width:50.556vw;margin:0 auto 5.556vw;} .order-content.type_01 .intro-careplus .order-promo-area .sub {font-size:6.111vw;} .order-content.type_01 .intro-careplus .order-promo-area .body {padding:0 0 0 3.333vw;} .order-content.type_01 .intro-careplus .icon_box_wrap {gap:3.333vw;} .order-content.type_01 .intro-careplus .icon_box_wrap dl {margin:0;width:41.667vw;text-align:left;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt {text-align:left;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dd {font-size:3.333vw;line-height:1.3;} .order-content.type_01 .intro-careplus .product_box {margin:0 2.778vw 0 0;padding:3.333vw 0 3.333vw 3.333vw;min-height:46.667vw;} .order-content.type_01 .intro-careplus .product_box .product_img {width:16.667vw;height:18.333vw;top:3.333vw;left:3.333vw;} .order-content.type_01 .intro-careplus .product_box .product_desc {margin-left:18.889vw;min-height:30.556vw;line-height:1.2;} .order-content.type_01 .intro-careplus .product_box .product_desc p {font-size:3.333vw;} .order-content.type_01 .intro-careplus .product_box .product_desc p::before{background-repeat:no-repeat;background-position:left top;width:2.5vw;height:2vw;} .order-content.type_01 .intro-careplus .product_box .product_desc p + p {margin-top:0.556vw;} .order-content.type_01 .intro-careplus .product_box .product_name {font-size:3.889vw;margin-bottom:1.111vw;} .order-content.type_01 .intro-careplus .product_box .product_name span {font-size:3.333vw;} .order-content.type_01 .intro-careplus .product_box .product_price {margin-left:18.889vw;font-size:3.333vw;} .order-content.type_01 .intro-careplus .product_box .product_price strong {font-size:4.444vw;} .order-content.type_01 .intro-careplus .product_box .product_price_desc {margin-left:18.889vw;font-size:3.333vw;letter-spacing: -1px;} .order-content.type_01 .intro-careplus .product_box .product_price_desc span {font-size:3.333vw;} .order-content.type_01 .intro-careplus .promo-ctrl {display:none;} .order-content.type_01 .intro-careplus .order-promo-area .body .text_tip {margin-top:3.333vw;font-size:3.333vw;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(1) {background:#FFE4E4 url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo01.png) right 2.778vw bottom 2.778vw no-repeat;background-size: 13.889vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(2) {background:#FAEDBD url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo02.png) right 2.778vw bottom 2.222vw no-repeat;background-size: 13.889vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(3) {background:#CAEBFF url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo03.png) right 1.667vw bottom 2.222vw no-repeat;background-size: 13.889vw auto;} .order-content.type_01 .intro-careplus .icon_box_wrap dl:nth-child(4) {background:#CBBDFB url(//images.samsung.com/kdp/scplus/promo/2023/icon_scplus_promo04.png) right 0.556vw bottom 2.778vw no-repeat;background-size: 13.889vw auto;margin-right:0;} } /* 갤폴드 펼침 802 */ @media all and (max-width:803px) and (min-width:802px) { .order-content.type_01 .intro-careplus .icon_box_wrap dl {padding:12px 0 0 8px;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dt span {font-size:11px;text-align:left;} .order-content.type_01 .intro-careplus .icon_box_wrap dl dd {font-size:11px;} .order-content.type_01 .intro-careplus .product_box .product_name {font-size:14px;} .order-content.type_01 .intro-careplus .product_box .product_desc {font-size:13px;} .order-content.type_01 .intro-careplus .product_box .product_desc p::before{top:-1px;} .order-content.type_01 .intro-careplus .order-promo-area .body .text_tip {font-size:12px;} } /* 갤폴드3,4 */ @media all and (max-width:350px) and (min-width:320px) { .order-content.type_01 .intro-careplus .icon_box_wrap dl {width:40vw;} } /* 220714 - 주문/구매시유의사항 팝업 */ #popupPurchaseNotes .product-purchase-wrap .product-purchase-caus_tab li a{ margin: 0 20px; } /* 220714 - BESPOKE 손잡이 추가 */ .preview-model.dr1 .model-img.handle_active:after { content: ''; width: 100px; height: 70px; position: absolute; top: 100px; left: 23px; background-image: url(https://images.samsung.com/kdp/bespoke/images/door/RQ32A7645AP_001_Front_Cotta-Pebble_01-1.png); background-repeat: no-repeat; background-size: contain; background-position-x: right; z-index: 3; } /*22-10-07 매장픽업*/ .pickup-area.order-area .pickup-store{padding: 24px 20px;background-color: #F7F7F7;} .pickup-area.order-area .pickup-store .store-info{padding-left: 75px;color: #707070;line-height: 24px;margin-top: 5px;} .pickup-area.order-area .pickup-store .store-amount .ico-b{color: #2189FF;border-color: #2189FF;font-weight: bold;} .pickup-area.order-area .pickup-store .store-amount .store-name{font-size: 16px;font-weight: bold;padding-left: 7px;} .order-tbl .pickup-btn-area .btn-pickup {border: 1px solid;line-height: 26px;font-size: 14px;min-width: 90px;height: 26px;} .order-tbl .pickup-btn-area{position: absolute;right: 0;z-index: 1;margin: 20px 0 0;} .order-content .pickup-area .order-tbl .order-td{padding: 60px 0 40px;} .order-content .pickup-area .order-info-wrap{border-top:1px solid #EBEBEB;border-bottom: none;padding-left: 0;padding-right: 0;} .order-content .pickup-area .order-info-wrap .point-txt{font-weight: normal;} .order-content .tab-nav li .order-pickup-btn{width: 120px;height: 40px;margin: 0;font-size: 14px;text-align: center;border: 1px solid #b2b2b2;border-radius: 20px;color: #fff;line-height: 40px;} @media (max-width: 1440px) and (min-width: 1101px) { .order-area .pickup-store .store-amount .ico-b{border-radius: 10px;line-height: normal;} .order-content .tab-nav li .order-pickup-btn{width: 8.3333vw;height: 2.7778vw;margin: 0;font-size: 0.9722vw;border-radius: 1.3889vw;line-height: 2.7778vw;} } @media (max-width: 1100px) and (min-width: 801px) { .order-tbl .pickup-btn-area .btn-pickup {line-height: 2.3636vw;font-size: 1.2727vw;min-width: 10vw;height: 2.3636vw;} .pickup-area.order-area .pickup-store{padding: 2.1818vw 1.8182vw;} .pickup-area.order-area .pickup-store .store-info{padding-left: 7.7273vw;line-height: 2.1818vw;margin-top: 5px;} .pickup-area.order-area .pickup-store .store-amount .ico-b{border-radius: 10px;line-height: initial;} .pickup-area.order-area .pickup-store .store-amount .store-name{font-size: 1.4545vw;} .order-content .pickup-area .order-tbl .order-td{padding: 5.8182vw 0 3.6364vw;} .order-tbl .pickup-btn-area{margin: 1.8182vw 0 0;} .order-content .pickup-area .order-info-wrap{padding-top: 2.1818vw;} .order-content .pickup-area .order-info-wrap .point-txt{font-size: 1.2727vw;} .order-content .tab-nav li .order-pickup-btn{width: 10.9091vw;height: 3.6364vw;margin: 0;font-size: 1.2727vw;border-radius: 1.8182vw;line-height: 3.6364vw;} } @media (max-width: 800px) { .order-area .pickup-store .store-amount .chk-form input[type="checkbox"] + label{padding-right: 0;} .pickup-area.order-area .pickup-store .store-info{line-height: 18px;} .pickup-area.order-area .pickup-store .store-info p{font-size: 12px;} .pickup-area.order-area .pickup-store .store-amount .ico-b{border-radius: 10px;} .pickup-area.order-area h2 + .pickup-store{border-top: 2px solid #191919;} .pickup-area.order-area .pickup-store + .order-tbl{border-top: none;} .order-tbl .pickup-btn-area{margin: 10px 0 0;} .order-content .pickup-area .order-tbl .order-td{padding: 24px 0 30px;} .order-content .pickup-area .order-tbl .order-select{padding: 0;} .order-content .pickup-area .order-tbl .order-count{padding-right: 24px;padding-top: 24px;padding-bottom: 30px;padding-left: 0;} .order-content .pickup-area .order-tbl .order-price{padding-bottom: 0;} .order-content .pickup-area .order-tbl .order-td:nth-child(-n + 3){padding: 50px 0 30px;} .order-content .pickup-area .order-info-wrap .point-txt{font-size: 12px;} .order-content .pickup-area .order-info-wrap{padding-top: 12px;} .order-content .tab-nav li .order-pickup-btn{width: 100%;} .gift-info .info-box dd .chk-form input[type="radio"] {top: 32px;} } @media (max-width: 300px) { .gift-info .info-box dd .chk-form input[type="radio"] + label {padding-right: 12px;} } /* 221222 b2c2nd모바일웹접근성 */ .input-type-ul .s-head.accessibility-label, .input-type-div .s-head.accessibility-label{color:transparent;} /* s : 221229 혜택시뮬레이터 */ .order-content .benefit .payment-area .payment-listup > li > span { line-height: 21px; font-size:16px; color:#707070; letter-spacing:0; } .order-content .benefit .payment-area .payment-listup > li > .head { width: 62%; } .order-content .benefit .payment-area .payment-listup > li > .text { width: 38%; } /* cart와 동일한 구조로 수정 */ .order-content .benefit .order-tbl { display: table; table-layout: fixed; width:100%; border-collapse:collapse; border-spacing:0; border-bottom:1px solid #eaeaea; } .order-content .benefit .order-td { display: table-cell; vertical-align:top; height: 165px; } .order-content .benefit .multi-order-tbl .order-tr { display: table; table-layout: fixed; } .order-content .benefit .multi-order-tbl .order-multi + .order-multi .order-td { padding-top: 0; } .order-content .benefit .order-image { width: 22%; padding-right: 0; padding-left: 0; text-align: center; } .order-content .benefit .order-spec { width: 24%; padding-right: 0; } .order-content .benefit .order-spec-group { display: block; width: 100%; min-height: 120px; margin-bottom: 20px; } .order-content .benefit .order-select { width: 100%; min-height: 100px; display: block; padding: 10px 0 0 0; } .order-content .benefit .order-coupon { width: 26%; text-align: center; } .order-content .benefit .order-coupon .coupon-box { width: 85%; margin: 0 auto; } .order-content .benefit .order-count { width: 14%; padding-right: 0; padding-left: 0; text-align: center; } .order-content .benefit .order-count .spinner-box { max-width: 115px; width: 100%; padding: 0; text-align: center; } .order-content .benefit .order-count .spinner-box .number { height: 100%; max-width: 55px; margin: 0 auto; } .order-content .benefit .order-price { width: 14%; text-align: right; } .order-content .benefit .order-price .price-smaller { line-height: 1.2; } .order-content .benefit .order-price .price-small { display: block; text-decoration: line-through; } .order-content .benefit .order-price .price-small:before { display: none; } .order-content .benefit .order-price .price-big { font-family: "Samsung Sharp Sans"; font-weight: bold; display: inline-block; padding-right: 0; font-size:16px; color:#000; letter-spacing:0; } .order-content .benefit .order-price .btn-downtool { display: inline-block; width:14px; height:14px; margin: 0; background:transparent url(/sec/static/_images/common/icon-tooltip-down.svg) no-repeat center; background-size:14px auto; } .order-content .benefit .order-price .btn-downtool.opened { background:transparent url(/sec/static/_images/common/icon-tooltip-up.svg) no-repeat center; background-size:14px auto; } .order-content .benefit .order-price .box-tip { display:none; position: absolute; top: initial; right: 0; min-width:224px; margin-left:-77px; margin-top: 5px; padding:16px; border:1px solid #000; border-radius:10px; background:#fff; z-index: 2; } .order-content .benefit .order-price .box-tip li ~ li:not(.total) { margin-top:6px; } .order-content .benefit .order-price .box-tip .tit, .order-content .benefit .order-price .box-tip .price { display:inline-block; width:50%; color:#707070; font-size:14px; line-height:18px; } .order-content .benefit .order-price .box-tip .tit { text-align:left; } .order-content .benefit .order-price .box-tip .price { text-align:right; } .order-content .benefit .order-price .box-tip .total { padding-top:12px; margin-top:12px; border-top:1px solid #ddd; } .order-content .benefit .order-price .box-tip .total * { color:#000; font-weight:bold; } .order-content .benefit .bespoke-selected-opt-list { margin: 4px 0 10px; } .order-content .benefit .order-recommend { border-top: 1px solid #eaeaea; text-align: right; padding-top: 35px; } /* 주문,장바구니 공통 */ .benefit [class*=-coupon] .coupon-box { padding: 0; margin: 0; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply { cursor: pointer; display: flex; flex-wrap: nowrap; width: auto; height: 32px; border: 1px solid #2189FF; border-radius: 4px; box-sizing: border-box; align-items: center; margin: 0 auto 16px; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p { width: calc(100% - 40px); text-align: center; font-size: 12px; padding-left: 10px; font-weight: bold; text-align: left; line-height: 1.3; padding-top: 2px; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p span { color: #2189FF; margin: 0 2px; display: inline-block; vertical-align: top; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt { display: flex; align-items: center; justify-content: center; width: 40px; height: 100%; background: #2189FF; margin-left: auto; font-size: 12px; color: #fff; position: relative; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt:after { content: ''; display: block; width: 6px; height: 6px; position: absolute; top: 50%;right: -4px; transform: translateY(-50%); border-radius: 50%; background: #fff;} .benefit [class*=-coupon] .coupon-box .inp-coupon-apply { width: auto; border-radius: 4px; box-sizing: border-box;margin: 0 auto 16px; height: 32px; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box { display: flex; flex-wrap: nowrap; height: 100%; align-items: center; margin-left: auto; border-radius: 0 4px 4px 0; overflow: hidden; border-bottom: 1px solid #000; box-sizing: border-box; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input { font-size:12px; width: calc(100% - 40px); height: 100%; border: 0; text-indent: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .benefit [class*=-coupon] .inp-coupon-apply .inp-box input::-ms-input-placeholder { font-size: inherit !important; color:#000 !important; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input::-webkit-input-placeholder { font-size: inherit !important; color:#000 !important; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input::-moz-input-placeholder { font-size: inherit !important; color:#000 !important; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { width: 40px; height: 100%; background: #000; font-size: 12px; color: #fff; margin-left: auto; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .result-box { display: flex; flex-grow:0; align-items: center; flex-wrap: nowrap; height: 100%; border-radius: 0 4px 4px 0; overflow: hidden; border-bottom: 1px solid #000; box-sizing: border-box; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .result-box .btn-delete { width: 16px; height:16px; background: url(/sec/static/_images/common/icon-del.svg) center no-repeat; color: transparent; line-height: 0; overflow: hidden; text-indent: -9999px; margin: 0 auto; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info { width: calc(100% - 56px); max-width: 125px; display: flex; flex-wrap: wrap; align-items: center; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .tit, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price { font-size: 12px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; line-height: 1.2; font-weight: bold; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price span { color: #2189FF; font-weight: bold; } .benefit [class*=-coupon] .coupon-box .txt-coupon-info { width: 100%; text-align: left; margin: 7px auto 0; font-size: 11px; color: #707070; line-height: 1.4; } .benefit [class*=-coupon] .coupon-box .txt-homeclass { vertical-align: top; text-align: left; color: #707070; font-size: 11px; margin-top: 20px; font-weight: bold; line-height: 1.4; text-indent: -3px; margin-left: 8px;} .benefit [class*=-coupon] .coupon-box .txt-homeclass:before { content: '·'; display: inline-block; vertical-align: top; margin-right: 3px; } .benefit [class*=-coupon] .coupon-box .txt-homeclass span { display:inline-block; vertical-align: top; font-size: inherit; } .benefit [class*=-coupon] .coupon-box .txt-homeclass + .txt-homeclass { margin-top:10px; } /* 230724 정지우 추가 */ @media screen and (max-width:1440px) and (min-width:1101px) { .order-content .benefit .order-select { padding-top: 0.4167vw; } .order-content .benefit .order-spec-group { width: 100%; min-height: 8.3333vw; margin-bottom: 0; } .order-content .benefit .order-price .price-big { line-height: 1.32em; font-size: 1.1111vw; letter-spacing: 0; } .order-content .benefit .order-price .price-smaller { font-size: 0.8333vw; line-height: 1.1111vw; letter-spacing: -0.0278vw; } .order-content .benefit .order-price .btn-downtool { bottom: initial; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p span, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .tit, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price span, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { font-size: 0.833vw; } .benefit [class*=-coupon] .coupon-box .txt-coupon-info { font-size: 0.764vw; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p { padding-top: 0; } .benefit [class*=-coupon] .coupon-box .txt-homeclass { font-size: 0.764vw; margin-top: 1vw; } } @media screen and (max-width:1100px) and (min-width:801px) { .order-content .benefit .order-price .price-small { font-size: 1.2vw; } .order-content .benefit .order-price .price-big { font-size: 1.2vw; } .order-content .benefit .order-price .price-smaller { font-size: 1vw; } .order-content .benefit .order-price .btn-downtool { position: relative; top: 0; right: 0; } .order-content .benefit .order-tbl.multi-order-tbl .cart-multi:not(.top-item) .cart-price .box-tip { top: initial; } .order-content .benefit .order-tbl.multi-order-tbl .cart-multi:not(.top-item) .cart-price .btn-downtool { top: 0; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p span, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .tit, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price span, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { font-size: 1vw; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p { width: calc(100% - 3.636vw); } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { width: 3.636vw;} .benefit [class*=-coupon] .coupon-box .txt-coupon-info { font-size: 1.0909vw; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p { padding: .2vw 0 0 .5vw; } .benefit [class*=-coupon] .coupon-box .txt-homeclass { font-size: 1.0909vw; margin-top: 1vw; } } @media all and (max-width:800px){ .order-content .benefit .order-tbl { display: flex; flex-wrap: wrap; } .order-content .benefit .order-tbl .order-td { height: auto; } .order-content .benefit .order-image { position: absolute; width: 135px; height: auto; } .order-content .benefit .order-image .photo { width: 120px; height: 120px; text-align: center; overflow: hidden; transform: translateY(-10px); } .order-content .benefit .order-image .photo a > img { z-index: 1; } .order-content .benefit .order-spec { width: 100%; display: flex; flex-wrap: wrap; max-width:initial; padding-left:0; padding-right:0; padding-bottom:0; text-align:left; } .order-content .benefit .order-spec-group { min-height: 120px; width: calc(100% - 150px); margin-left: auto; margin-bottom: 20px; } .order-content .benefit .order-spec .order-select { width: 100%; padding: 0 0 30px 0; min-height: auto; } .order-content .benefit .order-coupon { width: 100%; padding: 0 0 43px 0; } .order-content .benefit .order-coupon .coupon-box { width: 100%; } .order-content .benefit .order-count { display: flex; width:40%; justify-content: flex-start; align-items: center; min-height: auto; padding: 0; vertical-align: middle; text-align: left; } .order-content .benefit .order-price { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; width: 60%; min-height: auto; padding: 0; } .order-content .benefit .order-price .price-small { display: block; width: 100%; } .order-content .benefit .order-price .price-smaller { width: 100%; } .order-content .benefit .order-price .btn-downtool { position: relative; top: 0; margin: 0 0 0 3px; } .order-content .benefit .order-price .box-tip { top: 27px; z-index: 2; } .order-content .benefit .order-price .price-small ~ .box-tip { top: 37px; } .order-content .benefit .order-price .price-smaller + .price-small ~ .box-tip { top: 59px; } .order-content .benefit .multi-order-tbl .order-tr { display: flex; } .order-content .benefit .multi-order-tbl .order-multi.order-tr .order-spec { padding-bottom: 30px; } .order-content .benefit .multi-order-tbl .order-multi + .order-multi { margin-top: 10px; } .order-content .benefit .watch-opt .watch-band { width: 100%; margin: 2% 0 4%; } .order-content .benefit .order-recommend { padding-top: 24px; } /* 비스포크 */ .order-content .order-tbl .order-spec-group ~ .pc-bespoke { margin-top: 0; } /* .benefit [class*=-coupon] .coupon-box .btn-coupon-apply { border: 2px solid #2189FF; } */ .benefit [class*=-coupon] .coupon-box .btn-coupon-apply, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply { max-width: 100%; height: 38px; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p span, .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .tit, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price span, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { font-size: 14px; } .benefit [class*=-coupon] .coupon-box .txt-coupon-info { font-size: 12px; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply p, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input { width: calc(100% - 56px); } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .result-box .btn-delete { width: 32px; height: 100%; } .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info { width: calc(100% - 88px); max-width: 100%; } .benefit [class*=-coupon] .coupon-box .btn-coupon-apply .txt { width: 56px; } /* .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .result-box, .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box { border-bottom: 2px solid #000; } */ .benefit [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register { width: 58px; } .benefit [class*=-coupon] .coupon-box .txt-coupon-info { margin: 0; max-width: 100%; } .benefit [class*=-coupon] .coupon-box .txt-homeclass {font-size: 12px; margin-top: 10px; } } @media all and (max-width: 320px) { .order-content .benefit .order-spec .order-spec-group { width: calc(100% - 135px); } } /* e : 221229 혜택시뮬레이터 */ /* 230330 수정 : KDP-25929 케어플러스 이전설치 주문/결제 페이지 이전설치 거리 항목 추가 */ .order-content .distance-info { position: relative; padding-top: 25px; padding-left: 14px; font-size: 14px; line-height: 1.3; color: #707070; word-break: keep-all; } .order-content .distance-info::before { position: absolute; left: 0; top: 24px; content: "※"; } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-content .distance-info { padding-top: 2.2727vw; padding-left: 1.2727vw; font-size: 1.2727vw; line-height: 1.3; word-break: keep-all; } .order-content .distance-info::before { top: 2.1818vw; } } @media screen and (max-width:800px) { .order-content .distance-info { font-size: 12px; line-height: 18px; } } /* s : 230407 수정 : KDP-25929 케어플러스 이전설치 팝업 스타일 */ /* s : 230321 : 케어플러스 이전설치 */ .order-content .fnet-order-box { border-bottom: none; } .fnet-order-box .order-info-box .head { max-width: 140px; } .order-content .fnet-order-box .fee-info .caution-list li { font-size: 0; } @media (max-width: 800px) { .order-content .fnet-order-box .fee-info .caution-list li { font-size: 14px; } } /* s : 탭컨텐츠 팝업 css */ .fee-info-popup { max-width: 800px; } /* KDP-30032 수정 */ .fee-info-popup .scp-mo-show {display: none;} .fee-info-popup .scp-pc-show {display: block;} /* 레이어팝업 */ .fee-info-popup {display:none; position:fixed; top: 48%; left: 50%; transform: translate(-50%, -50%); z-index: 300;} .fee-info-popup.active {display:block;} .fee-info-popup .scp_component {position: relative; height: 100%; background-color: #fff; border-radius: 20px;} .fee-info-popup .scp_component > h3 {text-align: center;} .fee-info-popup .pop-close {display: block; position:relative; left: 50%; transform:translateX(-50%); z-index: 300; background: #fff url("/images/kdp/static/mkt/Samsung-Care-Plus/Care-Service-3-5year/icon-close.svg") no-repeat center center; object-fit: cover;} /* 탭 */ .fee-info-popup .scp_component .scp-tab-wrap .scp-tab {display: flex;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn {width: 50%; color:rgba(45,45,45,0.3); background-color: #fff; border: 1px solid #E0E0E0;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn.on {color:#fff; background-color: #313131; border:1px solid #313131; font-weight: bold; z-index: 1;} /* 테이블 공통*/ .fee-info-popup .scp_component table {width: 100%; background-color: #fff;} .fee-info-popup .scp_component table, .fee-info-popup .scp_component th, .fee-info-popup .scp_component td {text-align: center; vertical-align: middle;} .fee-info-popup .scp_component table tbody .table-cl .td-cline {color: #333333;} .fee-info-popup .scp_component table tbody .table-cl .td-cline {border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;} .fee-info-popup .scp_component table tbody .table-cl .td-cline:last-child {border-right: none; border-left: none;} .fee-info-popup .scp_component table tr {border-bottom: 1px solid #fff;} .fee-info-popup .scp_component table td .high-y {font-weight: bold;} .fee-info-popup .scp_component table .table-il .th-index, .fee-info-popup .scp_component table .table-cl .td-index {background-color: #e0e0e0;} .fee-info-popup .scp_component table .table-cl:nth-child(2n) {background-color: #fff;} /* 회색 뒷배경 삭제 */ .fee-info-popup .scp_component table .table-il {background-color: #f7f7f7;} .fee-info-popup .scp_component table .table-cl .td-index {font-weight:bold;} .fee-info-popup .scp_component .table-disclaimer {text-align: left; color: #555555;} /* 테이블 - 한눈에보는 삼케플 가전케어 */ .fee-info-popup .scp_product table tr th {border-right: 1px solid #e0e0e0;} .fee-info-popup .scp_product table tr th:last-child {border-right: none; border-left: none;} .fee-info-popup .scp_product table .table-il .c-h-bg {background-color: #E1E6F8;} .fee-info-popup .scp_product table .table-cl .c-h-bg {background-color:#F5F7FE;} /* 테이블 스크롤 */ .fee-info-popup .scp_component .scp_cont {position: relative; overflow: auto; background-color: #fff;} .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar-thumb {height: 80%; background-clip: padding-box; background-color:#e0e0e0;} .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar-track {background-color: #fff;} /* 레이어팝업 탭 */ .fee-info-popup .scp_component .scp_cont {display: none;} .fee-info-popup .scp_component .scp_cont.on {display: block;} @media (min-width: 801px){ /* 레이어팝업 */ .fee-info-popup { min-width: 750px; height: 44.9722vw;} /* KDP-30032 수정 */ .fee-info-popup .scp_component {padding: 0 2.7778vw;} .fee-info-popup .scp_component > h3 {font-size: 1.6667vw; text-align: left; line-height: 1.575; margin-bottom: 3.1944vw; padding: 2.7778vw 0 0; border-bottom: 2px solid #000;} /* KDP-30032 수정 */ .fee-info-popup .pop-close {top: 1.6667vw; width:2.5000vw; height: 2.5000vw; border-radius:1.2500vw;} /* 탭 */ .fee-info-popup .scp_component .scp-tab-wrap .scp-tab {height: 3.4028vw;} .fee-info-popup .scp_component .scp-tab-wrap {margin-bottom: 2.0833vw;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 1.5278vw;} .fee-info-popup .scp_cont span { display: inline-block; margin-bottom: 4px; } /* KDP-30032 수정 */ /* 테이블 공통*/ .fee-info-popup .scp_component table {font-size: 0.9028vw;} .fee-info-popup .scp_component .table-disclaimer {padding-top: 1.8833vw; } .fee-info-popup .scp_component .table-disclaimer ul li, .fee-info-popup .scp_component .table-disclaimer p {font-size: 0.8333vw; line-height: 1.3333;} /* 테이블 - 한눈에보는 삼케플 가전케어 */ .fee-info-popup .scp_product table th {font-size: 0.9722vw;} .fee-info-popup .scp_product table tr td, .fee-info-popup .scp_component.scp_product table tr td .high-y {font-size: 0.9028vw;} .fee-info-popup .scp_product table .table-il {height: 3.1250vw;} .fee-info-popup .scp_product table .table-il .th-index {width: 8.1944vw;} .fee-info-popup .scp_product table .table-il .th-index, .fee-info-popup .scp_component.scp_product table .table-cl .td-index {font-size: 0.9722vw; line-height: 1.3571;} .fee-info-popup .scp_product table .table-il .th-tit {width: 17.2917vw;} .fee-info-popup .scp_product table .table-il .c-h-bg {width:16.5972vw; line-height: 1.2;} .fee-info-popup .scp_product table .table-cl {height: 7.4306vw;} .fee-info-popup .scp_product table .table-cl .td-cline ul li {font-size: 0.9028vw; line-height: 1.4615;} .fee-info-popup .scp_product table .table-cl .td-cline ul li:first-child {padding-bottom: 0.4861vw;} /* 테이블 스크롤 */ .fee-info-popup .scp_component .scp_cont {height: 23.0277vw; width: calc( 100% + 0.9028vw );} /* KDP-30032 수정 */ .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar {width: 0.9028vw;} .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar-thumb {border-left: 0.6944vw solid transparent;} } @media (min-width: 1440px) { /* 레이어팝업 */ .fee-info-popup { height: 700px; } /* KDP-30032 수정 */ .fee-info-popup .scp_component {padding: 0 40px;} .fee-info-popup .scp_component > h3 {font-size: 24px; text-align: left; line-height: 1.575; margin-bottom: 30px; padding: 40px 0 0; border-bottom: 2px solid #000;} /* KDP-30032 수정 */ .fee-info-popup .pop-close {top: 24px; width:36px; height: 36px; border-radius:18px;} /* 탭 */ .fee-info-popup .scp_component .scp-tab-wrap .scp-tab {height: 49px;} .fee-info-popup .scp_component .scp-tab-wrap {margin-bottom: 30px;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 22px;} .fee-info-popup .scp_cont span { display: inline-block; margin-bottom: 4px; } /* KDP-30032 수정 */ /* 테이블 공통*/ .fee-info-popup .scp_component table {font-size: 13px; line-height: 16px;} .fee-info-popup .scp_component .table-disclaimer {padding-top: 50px; } .fee-info-popup .scp_component .table-disclaimer ul li, .fee-info-popup .scp_component .table-disclaimer p {font-size: 12px; line-height: 1.3333;} /* 테이블 - 한눈에보는 삼케플 가전케어 */ .fee-info-popup .fee-info-popup .scp_product table th {font-size: 14px;} .fee-info-popup .fee-info-popup .scp_product table tr td, .fee-info-popup .scp_component.scp_product table tr td .high-y {font-size: 13px;} .fee-info-popup .scp_product table .table-il {height: 45px; border-bottom: 1px solid #e0e0e0;} .fee-info-popup .scp_product table .table-il .th-index {width: 118px;} .fee-info-popup .scp_product table .table-il .th-index, .fee-info-popup .scp_component.scp_product table .table-cl .td-index {font-size: 14px; line-height: 1.3571;} .fee-info-popup .scp_product table .table-il .th-tit {width: 249px;} .fee-info-popup .scp_product table .table-il .c-h-bg {width:239px; line-height: 1.2;} .fee-info-popup .scp_product table .table-cl {height: 107px;} .fee-info-popup .scp_product table .table-cl .td-cline ul li {font-size: 13px; line-height: 1.4615;} .fee-info-popup .scp_product table .table-cl .td-cline ul li:first-child {padding-bottom: 7px;} /* 테이블 스크롤 */ .fee-info-popup .scp_component .scp_cont {height: 380px; width: calc( 100% + 13px );} /* KDP-30032 수정 */ .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar {width: 13px;} .fee-info-popup .scp_component .scp_cont::-webkit-scrollbar-thumb {border-left: 10px solid transparent;} } @media (max-width: 800px) { .fee-info-popup .scp-mo-show {display: block;} .fee-info-popup .scp-pc-show {display: none;} /* 레이어팝업 */ .fee-info-popup {width: 100%; height: 100%; top: 50%;} .fee-info-popup .scp_component { padding: 11px 12px 24px; border-radius: 0; } /* KDP-30032 수정 */ .fee-info-popup .scp_component > h3 {left: 12px; left: 3.3333vw;} /* KDP-30032 수정 */ .fee-info-popup .pop-close {width: 39px; width: 10.8333vw; height: 39px; height: 5.8333vw; position: fixed; top:4px; left: 100%; transform: translateX(-100%);} /* 탭 */ .fee-info-popup .scp_component .scp-tab-wrap .scp-tab {height: 49px; height: 8.2111vw;} /* KDP-30032 수정 */ .fee-info-popup .scp_component .scp-tab-wrap {margin-bottom: 0;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 4.4444vw; font-weight: bold;} .fee-info-popup .scp_cont span { display: inline-block; line-height: 4vw; font-size: 3.35vw; margin-bottom: .5vw; } /* KDP-30032 수정 */ /* 테이블 공통*/ .fee-info-popup .scp_component table tr, .fee-info-popup .scp_component table td, .fee-info-popup .scp_component table th, .fee-info-popup .scp_component table span {font-size: 12px; font-size: 3.3333vw; line-height: 1.3333; } .fee-info-popup .scp_component .table-disclaimer {position: sticky; position: -webkit-sticky; top: 0; left: 0; padding: 5.5vw 0 0 0; background-color: #fff; text-align: left;} .fee-info-popup .scp_component .table-disclaimer ul li, .fee-info-popup .scp_component .table-disclaimer p {font-size: 12px; font-size: 3.3333vw; line-height: 1.1333;} /* 테이블 - 한눈에보는 삼케플 가전케어 */ .fee-info-popup .scp_component.scp_product> h3 {top: 10px; top: 2.7778vw;} .fee-info-popup .scp_product > h3.scp-mo-show { padding-top: 0; line-height: 40px; width: 100%; font-size: 16.5px; font-size: 20px; text-align: left; border-bottom: 2px solid #000; margin-bottom: 24px;} /* KDP-30032 수정 */ .fee-info-popup .scp_product > h3.scp-mo-show > span {display: block; font-size: 16.5px; font-size: 4.5833vw;} .fee-info-popup .scp_product table tr th:nth-child(n+2):nth-child(-n+5), .fee-info-popup .scp_component.scp_product table tr td:nth-child(n+2):nth-child(-n+5) {border-right: 1px solid #e0e0e0;} .fee-info-popup .scp_product table {overflow: scroll; font-size: 12px; font-size: 3.3333vw; white-space: unset;} /*white-space: nowrap; 삭제*/ .fee-info-popup .scp_product table .table-il {height: 44px; height: 12.2222vw;} .fee-info-popup .scp_product table .table-il .th-index, .fee-info-popup .scp_component.scp_product table .table-cl .td-index {position: sticky; position: -webkit-sticky; left: 0; padding: 0 15px; padding: 0 4.1667vw;} .fee-info-popup .scp_product table .table-cl {height: 107px; height: 29.7222vw;} .fee-info-popup .scp_product table .table-cl .td-cline ul li {font-size: 12px; font-size: 3.3333vw; line-height: 1.25; width: 204px; width: 56.6667vw;} .fee-info-popup .scp_product table .table-cl .td-cline ul li:first-child {margin-bottom: 8px;} .fee-info-popup .scp_product table .table-cl .c-h-bg {padding: 0 36px; padding: 0 10vw; border: 1px solid #e0e0e0;} .fee-info-popup .scp_product table .table-cl .c-h-bg:last-child {border-bottom: none;} /* 테이블 스크롤 */ .fee-info-popup .scp_component .scp_cont {position: sticky; position: -webkit-sticky; padding-top: 2vw; top: 102px; top: 28.3333vw; left: 0; height: calc(100% - 42vw); background-color: #fff;} } @media screen and (max-width:320px) { .fee-info-popup .scp_component .scp_cont { padding-top: 3.5vw; } .fee-info-popup .scp_component .table-disclaimer { padding: 3.6vw 0 0 0; } } /* 0929 - 탭 추가 */ /* 가전케어패키지 테이블 */ .fee-info-popup .scp_product .scp_cont_old > table tr th:last-child, .fee-info-popup .scp_component.scp_product .scp_cont_old > table tr td:last-child {border-left: 0;} @media (min-width: 801px){ .fee-info-popup .scp-tab-btn .scp-pc-show {display: inline-block;} .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 1.25vw;} /* 가전케어패키지 */ .fee-info-popup .scp_product .scp_cont_old > table .table-il .th-index {width: 10vw;} .fee-info-popup .scp_product .scp_cont_old > table .table-il .th-tit {width: 21.0417vw;} } @media (min-width: 1440px) { .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 18px;} /* 가전케어패키지 */ .fee-info-popup .scp_product .scp_cont_old > table .table-il .th-index {width: 144px;} .fee-info-popup .scp_product .scp_cont_old > table .table-il .th-tit {width: 303px;} } @media (max-width: 800px) { .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn, .fee-info-popup .scp_component .scp-tab-wrap .scp-tab .scp-tab-btn span {font-size: 3.75vw; line-height: 1.3333;} } /* KDP-30032 수정 : 거리별 추가 금액 팝업 수정 */ #additional-fee { max-width: 800px; } #additional-fee .noti_txt { font-size: 15px; text-align: right; color: #666; line-height: 30px; } #additional-fee .term-tbl { text-align: center; } #additional-fee .term-tbl thead { background-color: #000; color: #fff; } .fee-info-popup sup { vertical-align: super; font-size: x-small; } /* e : 탭컨텐츠 팝업 css */ /* e : 230407 수정 : KDP-25929 케어플러스 이전설치 팝업 스타일 */ /* 230207 : 식품관 주문/결제 페이지 디스클레이머 문구 추가 */ .order-content .info-ul.pay-info-disc{margin-top: 0; margin-left: 0; padding-bottom: 30px;} .order-content .info-ul.pay-info-disc > li span, .order-content .info-ul.pay-info-disc > li strong{vertical-align: top;} @media (max-width: 1440px) and (min-width: 1101px) { .order-content .info-ul.pay-info-disc > li span, .order-content .info-ul.pay-info-disc > li strong{font-size: .9722vw;} } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-content .info-ul.pay-info-disc > li span, .order-content .info-ul.pay-info-disc > li strong{font-size: 1.2727vw;} } @media all and (max-width: 800px) { .order-content .info-ul.pay-info-disc > li span, .order-content .info-ul.pay-info-disc > li strong{font-size: 12px;} } /* KDP-28883 선물하기 카드 템플릿 호출 시 펼쳐짐 오류 현상 */ .gift-box .slick-active, .gift-box .slick-active img {opacity:1 !important;} .gift-box .gift-card {max-height:540px;border-radius:30px;overflow:hidden;} .gift-box .gift-card .slick-current + .gift-box .gift-card .slick-slide img {opacity: .3;} .gift-box .gift-card .item {float:left;} .gift-box .gift-card .item:not(:first-child) {opacity:.3} .gift-box .gift-thumb {height:45px;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;} .gift-box .gift-thumb.slick-slider {display:block;height:auto;} .gift-box .gift-thumb .item {width:calc(100% / 10 - 10px);margin:0 5px;} /* 2023 접근성 2차 b2c mo - 24p*/ .gift-box .gift-thumb input[type="radio"] {display:inline-block; top:15px; width:100%; height:45px;} .gift-box .gift-thumb input[type="radio"] + label {position:relative; z-index:1; top:-30px;} .gift-thumb .slick-prev, .gift-thumb .slick-next {top:37px;} .ins-preview-wrapper a.ins-element-link:focus {outline: dashed 2px #2189ff !important; width: 100%; display: block;} /* 2023 접근성 2차 b2c pc - 35p*/ @media screen and (max-width:1100px) and (min-width:801px) { .gift-thumb .slick-prev, .gift-thumb .slick-next {top:49px;} } @media all and (max-width:800px) { .gift-box .gift-thumb input[type="radio"] {display:block; position:relative; z-index:0; top:-0.278vw; width:103%; height:8.611vw; padding:12px;} .gift-box .gift-thumb input[type="radio"] + label {position:relative; z-index:1; top:-8.611vw;} .gift-thumb .slick-prev, .gift-thumb .slick-next {top:3.889vw} #giftCardThumb.gift-thumb {margin-bottom:30px;} } @media all and (max-width:300px) { .gift-box .gift-thumb input[type="radio"] {top:-1.678vw;} } .gift-thumb .slick-prev:focus {outline:1px solid #2188FF;} .gift-thumb .slick-next:focus {outline:1px solid #2188FF;} .gift-box .gift-thumb input[type="radio"]:focus {outline:1px solid #2188FF;} .gift-box .gift-thumb input[type="radio"] + label:focus {outline:1px solid #2188FF;} .gift-box .gift-thumb label {display:block;} @media (max-width:1099px) { .gift-box .gift-thumb {height:68px;} .gift-box .gift-thumb .item {width:calc(100% / 7 - 10px);} } @media (max-width:810px) { .gift-box .gift-card {max-height:66.6667vw;} } @media (max-width:800px) { .gift-box .gift-card {max-height:52.8750vw;} .gift-box .gift-thumb {height:8.3750vw;} .gift-box .gift-thumb .item {width:calc(100% / 5 - 10px);} } @media (max-width:540px) { .gift-box .gift-card {max-height:55.5556vw;} .gift-box .gift-thumb {height:9.2593vw;} .gift-box .gift-thumb .item {width:calc(100% / 5 - 10px);} } @media (max-width:360px) { .gift-box .gift-thumb {height:8.3333vw;} .gift-box .gift-card {max-height:55.5556vw;} } @media (max-width:280px) { .gift-box .gift-thumb {height:7.5000vw;} } /* s : 230417 혜택시뮬레이터 고도화 */ /* 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.advance {margin-bottom:80px; width: 1006px;} .order-area.advance .order-info-box > li {display:flex; flex-wrap:nowrap; align-items:flex-start; width:100%;} .order-area.advance .order-info-box .tit {width:236px; min-height:21px; font-size:16px; line-height:1.2;} .order-area.advance .order-info-box .tit span {font-size:inherit;} .order-area.advance .order-info-box .tit span br {display:none;} .order-area.advance .order-info-box .tit .required-item {font-style:normal;} .order-area.advance .order-info-box .tit .btn-tooltip {position:relative; top:initial; right:initial; margin:3px 0 0 2px; transform:initial;} .order-area.advance .order-tbl {display:flex; flex-wrap:wrap; align-items:flex-start; border-bottom:0;} .order-area.advance .order-td {height:auto; padding:40px 0;} .order-area.advance .order-image {width:18%;} .order-area.advance .order-image .photo a > img {position:relative;} .order-area.advance .order-spec {width:25%; padding-left:34px;} .order-area.advance .order-count {width:17%;} .order-area.advance .order-count .spinner-box {height:30px;overflow: hidden;} .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info {max-width:157px;} .order-area.advance .order-price {width:14%;} /* 사은품 */ .advance .order-spec .order-select {min-height:auto; padding:0 !important;} .advance .order-gift {width:100%; margin-bottom:36px; background:#fff;} /* 사은품 장바구니,주문배송 공통 */ .advance .gifts-select {width:100%; display:flex; align-items:center; height:44px; padding:0 8px; border-radius:4px; background:#F8F8F8;} .advance [class*=-select] .gifts-select .imgs {display:inline-block; position:relative; left:initial; top: initial; transform: initial; width:28px; height:28px; margin-right:6px;} .advance [class*=-select] .gifts-select .imgs img {width:100%; min-width:28px; height:auto; vertical-align:top;} .advance [class*=-select] .gifts-select .names {display:-webkit-box; overflow:hidden; color:#000; font-size:12px; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:2; -webkit-box-orient:vertical;} .advance .order-select-list {padding:0; background:none; margin-top:6px;} .advance .gift-list-box {width:100%; display:flex; align-items:center; position:relative; min-height:84px; padding:16px 0; overflow:hidden; border:1px solid #D9D9D9; border-radius:8px; font-size:0; } .advance .gift-list-box .gift-info {display:inline-block; width:215px; margin:0; padding-left:20px; vertical-align:top;} .advance .gift-list-box .gift-info > * {display:block;} .advance .gift-list-box .gift-info .tit {margin-top:2px; font-size:16px;} .advance .gift-list-box .gift-info .price {margin-top:6px; color:#2189FF; font-size:14px; font-weight:bold;} .advance .gift-list-box .gift-info .txt {margin-top:12px; color:#707070; font-size:12px;} .advance .gift-list-box .gift-list {display:inline-block; position:relative; z-index:1; width:calc(100% - 215px); margin:0 auto; padding:0; overflow:hidden; vertical-align:top;} .advance .gift-list-box .gift-list ul {display:flex; position:relative; z-index:1; box-sizing:content-box; transition-property:transform;} .advance .gift-list-box .gift-list li {width:auto;min-width:194px; margin-right:12px;flex-shrink:0; position:relative; height:100%; transition-property:transform;} .advance .gift-list-box .gift-list li .gifts-select {height:52px; padding-right: 10px;background:#F8F8F8;} .advance .gift-list-box .gift-list .imgs {width:auto; height:28px; margin-right:6px; position:relative;left:initial; border-radius: 0;} .advance .gift-list-box .gift-list .imgs img {width:100%; min-width:28px; height:28px; border-radius:0; vertical-align: top;} .advance .gift-list-box .gift-list .names {width:140px; display:-webkit-box; overflow:hidden; color:#000; font-size:14px; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:2; -webkit-box-orient:vertical;} .advance .gift-list-box .gift-list .names br { display: none; } .advance .gift-list-box .gift-list li.full {width:100%; min-width:194px; max-width:220px; margin-right:0;} /* .advance .gift-list-box .gift-list li.full .imgs {width:100%;} */ .advance .gift-list-box .gift-list li.full .names {width:100%;} .advance .gift-list-box .slider-controls { display: none; padding-right: 24px; } .advance .gift-list-box .swiper-scrollbar { margin-top: 12px; height: 4px; background: #F8F8F8; width: 100%; border-radius: 10px; overflow: hidden; } .advance .gift-list-box .swiper-scrollbar * { height: 100%; } .advance .gift-list-box .swiper-scrollbar-drag { background: #CDCDCD; border-radius: 10px; overflow: hidden; } .advance .gift-list-box .slide-move .slider-controls { display: block; } /* 배송 정보 */ .order-area.advance .order-info-box .order-btn {top:26px;} .order-area.advance .order-info-box .extra-service .head {top:32px;} .order-area.advance .order-info-box .deco.extra-service .order-info-detail.info-extra > li > span.tooltip-add {margin-top:2px;} .order-area.advance .order-info-detail.info-extra > li {display:flex; flex-wrap:wrap; align-items:center;} .order-area.advance .order-info-detail.info-extra > li .inp-form {margin-left:auto;} .order-area.advance .order-info-detail.info-extra > li .inp-box {width:100%;} .order-area.advance .order-info-detail.info-extra li.m-full-width .chk-view {position:relative;} /* 포인트 사용 */ .order-area.point-area.advance .order-info-box {padding-top:30px;} .order-area.point-area.advance .order-info-box li {padding:0;} .order-area.point-area.advance .order-info-box .tit {margin-top:6px;} .order-area.point-area.advance .order-info-box .point-detail {flex:1;} .order-area.point-area.advance .order-info-box .point-btn .tit {display:none;} .order-area.point-area.advance .order-info-box .btn-underline {margin:8px 0 0 0; font-size:14px;} .order-area.point-area.advance .order-info-box .point-box {display:flex; align-items:flex-start;} .order-area.point-area.advance .order-info-box .point-keep {width:280px; font-size:14px;} .order-area.point-area.advance .order-info-box .point-count {display:flex; min-height:21px; margin-top:6px; line-height:1.5;} .order-area.point-area.advance .order-info-box .point-count * {font-size:inherit; vertical-align:top;} .order-area.point-area.advance .order-info-box .point-count > span {margin:0 3px 0 auto;} .order-area.point-area.advance .order-info-box .point-count + .point-list {margin-top:18px;} .order-area.point-area.advance .order-info-box .point-count .btn-tooltip {position:relative; top:0; transform:none; margin-top:2px;} .order-area.point-area.advance .order-info-box .point-list li {display:flex; align-items:center; color:#707070;} .order-area.point-area.advance .order-info-box .point-list .btn-tooltip {position:relative; top:initial; transform:initial;} .order-area.point-area.advance .order-info-box .point-list li em {margin-left:auto;} .order-area.point-area.advance .order-info-box .point-list li:before {content:'-'; display:inline-block; position:relative; margin-right:3px; color:#CDCDCD; font-size:22px;} .order-area.point-area.advance .order-info-box .point-list li + li {margin-top:10px;} .order-area.point-area.advance .order-info-box .point-use {width:370px; margin-left:auto;} .order-area.point-area.advance .order-info-box .point-use > div {display:flex; justify-content:flex-start; align-items:center;} .order-area.point-area.advance .order-info-box .point-use .chk-form input[type="checkbox"] + label {padding-right:0;} .order-area.point-area.advance .order-info-box .point-use-box {margin-bottom:16px;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form {margin:6px 2px 0 0;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form input[type="checkbox"] + label {padding-right:10px;} .order-area.point-area.advance .order-info-box .inp-point {width:288px;} .order-area.point-area.advance .order-info-box .inp-point + .btn-point .btn.btn-s {min-width:72px; margin:0 0 0 10px;} .order-area.point-area.advance .order-info-box .txt-info {position:relative; width:auto; margin-left:auto; font-size:14px;} /* 결제 수단 */ .order-area.pay-info.advance .order-info-box {padding-top:14px;} .order-area.pay-info.advance .order-info-box > li {padding:0;} .order-area.pay-info.advance .order-info-box .tit {margin-top:22px;} .order-area.pay-info.advance .order-info-box .pay-detail {flex:1;} /* s : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .pay-detail-list > li {min-height:82px; padding-top:25px; box-sizing:border-box;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li + li {border-top:1px solid #EBEBEB; padding-top: 36px;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li > .chk-form label {padding-right:0; font-size:16px; font-weight:bold;} .order-area.pay-info.advance .order-info-box .pay-detail-list .pay-tit { display: block; font-size: 18px; font-weight: bold; } .order-area.pay-info.advance .order-info-box .samsung-pay-box .btn-samsungpay { width: 240px; height: 90px; background: url("/sec/static/_images/common/btn-samsung-pay.svg") center no-repeat; background-size: 100% 100%; color: transparent; font-size: 1px; line-height: 0; } .order-area.pay-info.advance .order-info-box .samsung-pay-box.on .btn-samsungpay { background: url("/sec/static/_images/common/btn-samsung-pay-on.svg") center no-repeat; background-size: 100% 100%; } /* e : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .payment-type {position:relative;} .order-area.pay-info.advance .order-info-box .tab-style-btn {display:flex; height:46px; margin:0 0 36px; overflow:hidden; border-radius:6px 6px 0 0; background:#F7F7F7;} .order-area.pay-info.advance .order-info-box .tab-style-btn .item {width:50%; overflow:hidden; border-radius:6px 6px 0 0;} .order-area.pay-info.advance .order-info-box .tab-style-btn .btn-tab {display:flex; justify-content:center; align-items:center; height:100%; border-top:2px solid #F7F7F7; color:#999; font-size:16px; font-weight:bold;} .order-area.pay-info.advance .order-info-box .tab-style-btn .btn-tab[aria-selected="true"] {overflow:hidden; border-top:2px solid #000; background:#fff; color:#000;} .order-area.pay-info.advance .order-info-box .credit-card {display:flex; flex-wrap:wrap; margin:0; overflow:initial; justify-content: initial;} .order-area.pay-info.advance .order-info-box .credit-card > li {position:relative; float:initial; width:120px; height:80px; margin: 0 4px 10px; } .order-area.pay-info.advance .order-info-box .credit-card > li:after {display:none;} .order-area.pay-info.advance .order-info-box .credit-card > li > button {position:relative; width:100%; height:100%; padding:0;} .order-area.pay-info.advance .order-info-box .credit-card .flag {position:absolute; top:0; left:0; margin:0; border-radius:6px 0 6px 0; background:#999;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.samsung {background:url("/sec/static/_images/credit-card/credit-samsung.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kb {background:url("/sec/static/_images/credit-card/credit-kb.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hyundai {background:url("/sec/static/_images/credit-card/credit-hyundai.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.shinhan {background:url("/sec/static/_images/credit-card/credit-shinhan.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.lotte {background:url("/sec/static/_images/credit-card/credit-lotte.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.nh {background:url("/sec/static/_images/credit-card/credit-nh.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.woori {background:url("/sec/static/_images/credit-card/credit-woori.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hana {background:url("/sec/static/_images/credit-card/credit-hana.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.citi {background:url("/sec/static/_images/credit-card/credit-citi.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kakao {background:url("/sec/static/_images/credit-card/credit-kakaobank.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.bc {background:url("/sec/static/_images/credit-card/credit-bc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.etc {background:url("/sec/static/_images/credit-card/credit-etc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on button:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #2189FF; border-radius:6px; box-sizing:border-box;} .order-area.pay-info.advance .order-info-box .credit-card > li.on .flag {background:#2189FF;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.samsung {background:url("/sec/static/_images/credit-card/credit-samsung-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kb {background:url("/sec/static/_images/credit-card/credit-kb-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.shinhan {background:url("/sec/static/_images/credit-card/credit-shinhan-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hyundai {background:url("/sec/static/_images/credit-card/credit-hyundai-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.lotte {background:url("/sec/static/_images/credit-card/credit-lotte-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.nh {background:url("/sec/static/_images/credit-card/credit-nh-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.woori {background:url("/sec/static/_images/credit-card/credit-woori-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hana {background:url("/sec/static/_images/credit-card/credit-hana-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.citi {background:url("/sec/static/_images/credit-card/credit-citi-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kakao {background:url("/sec/static/_images/credit-card/credit-kakaobank-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.bc {background:url("/sec/static/_images/credit-card/credit-bc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.etc {background:url("/sec/static/_images/credit-card/credit-etc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit .save-pay {display:inline-block; position:absolute; right:0; bottom:36px;} .order-area.pay-info.advance .order-info-box .pay-instalment {display:flex; align-items:center; padding-top:20px;} .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:336px; margin-right:20px;} .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {height:20px;} .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:336px;} .order-area.pay-info.advance .order-info-box .credit-add .info-pay li {width:100%;} .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment {padding-top:12px;} .order-area.pay-info.advance .order-info-box .flag {display:inline-block; height:20px; padding:4px 8px 3px; border-radius:33px; background:#2189FF; color:#fff; font-size:12px; vertical-align:top;} /* 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box { width:100%; padding:24px 0 36px;} .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box .chk-form {margin-top:24px; text-align:right;} .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box .chk-form label {padding-right:0; font-size:14px;} .order-area.pay-info.advance .order-info-box .easy-pay {display:flex; flex-wrap:wrap; margin:0; overflow:initial;} .order-area.pay-info.advance .order-info-box .easy-pay > li {position:relative; float:initial; width:120px; height:80px; margin: 0 4px 10px; } .order-area.pay-info.advance .order-info-box .easy-pay > li:after {display:none;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button {position:relative; width:100%; height:100%;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.sspay {background:url("/sec/static/_images/credit-card/easy-sspay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.payco {background:url("/sec/static/_images/credit-card/easy-payco.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.kakaopay {background:url("/sec/static/_images/credit-card/easy-kakaopay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.lpay {background:url("/sec/static/_images/credit-card/easy-lpay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npay {background:url("/sec/static/_images/credit-card/easy-npay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npaymoney {background:url("/sec/static/_images/credit-card/easy-npay-money.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on button:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #2189FF; border-radius:6px; box-sizing:border-box;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.sspay {background:url("/sec/static/_images/credit-card/easy-sspay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.payco {background:url("/sec/static/_images/credit-card/easy-payco-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.kakaopay {background:url("/sec/static/_images/credit-card/easy-kakaopay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.lpay {background:url("/sec/static/_images/credit-card/easy-lpay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npay {background:url("/sec/static/_images/credit-card/easy-npay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npaymoney {background:url("/sec/static/_images/credit-card/easy-npay-money-on.svg"); background-size:100% auto;} .order-area.pay-info.advance .order-info-box .receipt-type-sel {margin-top:20px;} .order-area.pay-info.advance .order-info-box .receipt-type-sel .receipt-type .type-item {width:336px; height:32px;} .order-area.pay-info.advance .pay-info-notice .detail-box {position:relative; padding-top:34px; border-top:1px solid #ebebeb;} .order-area.pay-info.advance .pay-info-notice .tit {display:block; margin:0 0 14px 0; font-size:18px;} .order-area.pay-info.advance .pay-info-notice ul {margin:0; padding:20px 24px; border-top:none; border-radius:6px; background:#f7f7f7;} .order-area.pay-info.advance .pay-info-notice li {display:inline-flex; width: 100%; align-items:center; padding-right:12px; } .order-area.pay-info.advance .pay-info-notice li + li {margin-top:10px;} .order-area.pay-info.advance .pay-info-notice .flag {display:inline-flex; height:20px; margin-right:6px; padding:4px 8px 3px; border:1px solid #2189FF; border-radius:33px; background:#fff; color:#2189FF; font-size:12px; vertical-align:top;} .order-area.pay-info.advance .pay-info-notice .link {display:inline-flex; display:-webkit-box; height:20px; padding:0 13px 0 0; overflow:hidden; color:#707070; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:1; -webkit-box-orient:vertical;background-image:linear-gradient(rgba(247, 247, 247, 0.3), rgba(247, 247, 247, 0.3)), url("/sec/static/_images/common/icon_arr_right_gray.svg"); background-repeat:no-repeat; background-position:top 4px right; background-size:auto 10px; font-size:14px;} .order-area.pay-info.advance .pay-info-notice .link em {display:inline-block; margin-right:6px; color:#000; font-size:inherit; vertical-align:top;} /* 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .save-pay {margin-top:36px; } /* 결제 정보 */ .payment-area.advance br {display:none;} .payment-area.advance .tooltip {display:inline-block; width:15px; height:15px; margin-left:6px; background:url("/sec/static/_images/common/icon-tooltip4.svg") center no-repeat; background-size:auto 95%; color:transparent; font-size:0;} .payment-area.advance .payment-listup {padding:24px 0; border-bottom: 0;} .payment-area.advance .payment-listup > li {display:flex; align-items:center; min-height:26px; margin-bottom:0;} .payment-area.advance .payment-listup > li * {vertical-align:top;} .payment-area.advance .payment-listup > li span {width:auto; padding:0; line-height:1.2;} .payment-area.advance .payment-listup > li > .text {margin-left:auto; font-weight:bold; line-height:1.2;} .payment-area.advance .payment-listup > li > .text strong {font-size:inherit; font-weight:bold; line-height:1.2;} .payment-area.advance .payment-listup > li ~ li {margin-top:10px;} .payment-area.advance .payment-listup + .droptoggle {padding:24px 0;} .payment-area.advance .droptoggle {min-height:26px;} .payment-area.advance .droptoggle .dropOption {display:flex; flex-wrap:wrap; align-items:center;} .payment-area.advance .droptoggle .dropOption .head {color:#707070;} .payment-area.advance .droptoggle .dropOption .text {margin-left:auto; font-weight:bold;} .payment-area.advance .droptoggle .dropOption .text * {font-size:inherit; vertical-align:top;} .payment-area.advance .droptoggle .dropButton {width:20px; height:26px; margin:0 0 0 2px;} .payment-area.advance .droptoggle .dropButton .head {color:#707070; font-weight:400;} .payment-area.advance .droptoggle .dropButton .text {margin:0 22px 0 auto;} .payment-area.advance .droptoggle .dropButton:before {top:50%; right:0; transform:translateY(-50%);} .payment-area.advance .droptoggle .dropList {width:100%; padding:0;} .payment-area.advance .droptoggle .payment-listup {margin:16px 0 10px; padding:20px 24px; border:0; border-radius:8px; background:#f7f7f7;} .payment-area.advance .droptoggle .payment-listup > li > span {font-size:14px;} .payment-area.advance .droptoggle .payment-listup > li > .text {font-weight:400;} .payment-area.advance .droptoggle .payment-listup > li > .text strong {font-weight:400;} .payment-area.advance .droptoggle .payment-listup > li ~ li {margin-top:4px;} .payment-area.advance .droptoggle + .droptoggle {margin-top:10px;} .payment-area.advance .droptoggle + .payment-listup {margin-top:-10px; padding:0; border-bottom:0;} .payment-area.advance .card-benefit .dropList {margin:16px 0 0; padding:20px 24px; border:0; border-radius:8px; background:#f7f7f7;} .payment-area.advance .card-benefit .tit {display:block; margin-bottom:9px;} .payment-area.advance .card-benefit .detail-box {display:flex; align-items:center; position:relative;} .payment-area.advance .card-benefit .detail-box .text {font-size:14px;} .payment-area.advance .card-benefit .info-box {width:100%;} .payment-area.advance .discount-price {border-top: 1px solid #EBEBEB;} .payment-area.advance .discount-price + .payment-listup + .cost-listup { margin-top: 24px; } .payment-area.advance .cost-listup {margin-top:0; padding:20px 0 24px; border-top:1px solid #000;} .payment-area.advance .cost-listup > li {display:flex; margin:0;} .payment-area.advance .cost-listup > li:first-child {padding:0;} .payment-area.advance .cost-listup > li > span {width:auto; max-width:none; margin:0; padding:0; font-size:18px; font-weight:bold; line-height:1.2;} .payment-area.advance .cost-listup > li > span > strong {font-size:20px; line-height:1.2} .payment-area.advance .cost-listup > li > .head {padding-top:12px;} .payment-area.advance .cost-listup > li > .text {margin-left:auto;} .payment-area.advance .cost-listup > li > .text > strong {position:relative; top:4px; font-size:32px;} .payment-area.advance .cost-listup .card-discount {display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:20px 24px; border-radius:8px; background:#f7f7f7;} .payment-area.advance .cost-listup .card-discount > * {vertical-align:top;} .payment-area.advance .cost-listup .card-discount > span {width:auto; padding-top:0; font-size:14px; font-weight:400;} .payment-area.advance .cost-listup .card-discount .head {padding-top:0; color:#707070;} .payment-area.advance .cost-listup .card-discount .text {margin-left:12px;} .payment-area.advance .cost-listup .card-discount .text > strong {top:0; padding:0; font-size:16px;} .payment-area.advance .cost-listup + .membership-saving {margin-top: 0;} .payment-area.advance .membership-saving {padding:24px 0; border-top:1px solid #EBEBEB;} .payment-area.advance .membership-saving .payment-listup {margin-bottom:0;padding-bottom: 14px;} .payment-area.advance .membership-saving .info-text {padding: 0 24px 20px; margin-bottom: 10px; border-radius: 0 0 8px 8px; overflow: hidden; background: #f7f7f7;} .payment-area.advance .membership-saving .info-text p {border-top: 1px solid #d9d9d9; font-size: 14px; color: #707070; text-indent: -7px; padding-left: 15px; word-break: break-all; vertical-align: top; line-height: 1.3; padding-top: 16px;} .payment-area.advance .membership-saving .info-text p:before {content:'※';display:inline-block;vertical-align: top;color: #707070;margin-right: 5px;} .payment-area.advance .box-bann.order-membership {border-top:1px solid #191919;margin:36px 0 30px;padding:36px 0 30px} /* KDP-52973 : 240423 추가 */ .payment-area.advance .terms-box {margin-top:0; padding-top:36px;} .payment-area.advance .terms-box .chk-form.allChk-box label {padding-right:0;} /* 주문 완료 */ .order-finish-content.advance .board-view-type-3 .btn-underline {margin-top:14px;} .order-finish-content.advance .board-view-type-3 .btn-underline.-inline {margin-top:2px;} .order-finish-content.advance .order-detail-tbl .order-td {padding:12px 0;} .order-finish-content.advance .board-detail-content .board-con > * {vertical-align:top;} .order-finish-content.advance .order-detail-type2 .order-delivery-tit {width:15%;} .order-finish-content.advance .order-detail-type2 .order-delivery-data span {font-weight:400;} .order-finish-content.advance .order-detail-type2 .order-delivery-data span.bd {font-weight:bold;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit {width:33%; font-size:0; vertical-align:top;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit span {display:inline-block; width:50%; font-size:14px; vertical-align:top;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit .price {color:#2189FF; font-weight:bold;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data {width:67%; padding-bottom:0; vertical-align:top;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span {margin:0 20px 15px 0; color:#707070; vertical-align:top; font-weight:bold;} .order-finish-content.advance .order-detail-type2 .order-payment-info .order-delivery-data span strong {color:#000;} .order-finish-content.advance .order-detail-type2 .order-payment-info .order-delivery-data .blue-color {color:#2189FF;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span:before {left:initial; right:-12px;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span:first-child:before {display:block;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span:last-child:before {display:none;} .order-finish-content.advance .order-detail-type5 .order-td.order-benefit-price {justify-content: flex-start;} .order-finish-content.advance .order-detail-type5 .order-td.order-benefit-price span {width:140px;} .order-finish-content.advance .res-btn-box a.btn-l { height: 40px; line-height: 38px; } .order-finish-content.advance .res-btn-box button.btn-l { height: 40px; line-height: initial; } .order-finish-content.advance .box-btn a.btn-l { height: 40px; line-height: 38px; } .order-finish-content.advance .box-btn button.btn-l { height: 40px; line-height: initial; } /* 마이페이지-주문배송조회 목록,상세 */ .ordered-list-contents.advance .order-head-info ul li ~ li { margin-top: 10px; } .ordered-list-contents.advance .order-tbl {flex-wrap: wrap;} .ordered-list-contents.advance .order-tbl .order-select {width:252px;} .ordered-list-contents.advance .order-select .gifts-select {display:inline-flex; align-items:center; width:100%; height:40px; padding:0 10px; border-radius:4px; background:#F8F8F8;} .ordered-list-contents.advance .order-select .gifts-omnicoupon {background:#EFF7FF;} .ordered-list-contents.advance .order-select .imgs {position:relative; top:initial; left:initial; width:28px; height:28px; margin-right:6px; transform:initial;} .ordered-list-contents.advance .order-select .imgs img {width:100%; min-width:28px; height:auto; vertical-align:top;} .ordered-list-contents.advance .order-select .names {display:-webkit-box; overflow:hidden; color:#777; font-size:12px; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:2; -webkit-box-orient:vertical;} .ordered-list-contents.advance .order-spec .order-select {padding-bottom:0;} .ordered-list-contents.advance .order-spec .order-spec-group + .order-select{ margin-top:20px;} .ordered-list-contents.advance .order-tbl .order-price .price-big { padding-right: 0; } .ordered-list-contents.advance .order-gift {width: 100%;} .ordered-list-contents.advance .order-gift .gift-info {width:145px;} .ordered-list-contents.advance .order-gift .gift-info .price {font-size:12px; color:#707070;} .ordered-list-contents.advance .order-gift .gift-info .txt {font-size:11px;} .ordered-list-contents.advance .order-gift .gift-list {width:calc(100% - 145px);} .ordered-list-contents.advance .detail .order-tbl .order-btn-area .review .btn{padding-left:35px; background: url('/sec/static/_images/common/icon-review-write.svg') center left 12px no-repeat;} @media all and (max-width:1440px) and (min-width:1101px) { .order-area.advance { width: auto; } .order-area.advance .order-image .photo {width:80%;} .order-area.advance .order-info-box .tit {width:16.389vw;} .order-area.advance .order-select {min-height:auto;} .advance .order-select .gifts-select {height:3.056vw; padding:0 0.556vw; border-radius:0.278vw; } .advance [class*=-select] .gifts-select .imgs {width:1.944vw; height:1.944vw; margin-right:0.417vw;} .advance [class*=-select] .gifts-select .imgs img {min-width:1.944vw;} .advance [class*=-select] .gifts-select .names {font-size:0.833vw; } .advance .order-select-list {margin-top:0.556vw;} .advance .gift-list-box {min-height:5.833vw; padding:1.111vw 0; border:0.069vw solid #D9D9D9; border-radius:0.556vw; } .advance .gift-list-box .gift-info {width:14.931vw;padding-left:1.389vw; } .advance .gift-list-box .gift-info .tit {margin-top:0.139vw; font-size:1.111vw;} .advance .gift-list-box .gift-info .price {margin-top:0.417vw; font-size:0.972vw; } .advance .gift-list-box .gift-info .txt {margin-top:0.833vw; color:#707070; font-size:0.833vw;} .advance .gift-list-box .gift-list { z-index:1; width:calc(100% - 14.931vw); } .advance .gift-list-box .gift-list li {min-width:13.472vw; margin-right:0.833vw;} .advance .gift-list-box .gift-list li .gifts-select {height:3.611vw; padding-right: 0.694vw;} .advance .gift-list-box .gift-list .imgs {height:1.944vw; margin-right:0.417vw;} .advance .gift-list-box .gift-list .imgs img {width:100%; min-width:1.944vw; height:1.944vw;} .advance .gift-list-box .gift-list .names {width:9.722vw; font-size:0.972vw;} .advance .gift-list-box .gift-list li.full {min-width:13.472vw; max-width:15.278vw;} .order-area.point-area.advance .order-info-box .point-keep {width:18.056vw;} .order-area.point-area.advance .point-use-box .inp-point .inp-line {padding-right:0.694vw;} .order-area.pay-info.advance .order-info-box .credit-card > li {width:8.333vw; height:5.556vw; margin: 0 0.155vw 0.155vw; } .order-area.pay-info.advance .order-info-box .easy-pay > li {width:8.333vw; height:5.556vw; margin: 0 0.155vw 0.155vw;} .ordered-list-contents.advance .order-tbl .order-select {width:16vw;} /* 결제 정보 */ .payment-area.advance .cost-listup > li > span {font-size:1.25vw;} .payment-area.advance .cost-listup > li > .head {padding-top:0.833vw;} .payment-area.advance .cost-listup > li > .text > strong {font-size:2.222vw;} .payment-area.advance .droptoggle .payment-listup > li > span {font-size:1.111vw;} .payment-area.advance .cost-listup .card-discount {padding:1.111vw;} .payment-area.advance .cost-listup .card-discount .head {font-size:1vw;} .payment-area.advance .cost-listup .card-discount .text {margin-left:0; font-size:1.111vw;} } @media all and (max-width:1100px) and (min-width:803px) { .order-area.advance { width: auto; } .order-area.advance .order-spec{padding:3.636vw 0} .order-area.advance .order-select {min-height:auto;} .advance .order-select .gifts-select {height:4vw; padding:0 0.727vw; border-radius:0.364vw; } .advance [class*=-select] .gifts-select .imgs {width:2.545vw; height:2.545vw; margin-right:0.545vw;} .advance [class*=-select] .gifts-select .imgs img {min-width:2.545vw;} .advance [class*=-select] .gifts-select .names {font-size:1.091vw; } .advance .order-select-list {margin-top:0.727vw;} .advance .gift-list-box {min-height:7.636vw; padding:1.455vw 0; border:0.091vw solid #D9D9D9; border-radius:0.727vw; } .advance .gift-list-box .gift-info {width:19.545vw;padding-left:1.818vw; } .advance .gift-list-box .gift-info .tit {margin-top:0.182vw; font-size:1.455vw;} .advance .gift-list-box .gift-info .price {margin-top:0.545vw; font-size:1.273vw; } .advance .gift-list-box .gift-info .txt {margin-top:1.091vw; color:#707070; font-size:1.091vw;} .advance .gift-list-box .gift-list { z-index:1; width:calc(100% - 19.545vw); } .advance .gift-list-box .gift-list li {min-width:17.636vw; margin-right:1.091vw;} .advance .gift-list-box .gift-list li .gifts-select {height:4.727vw; padding-right: 0.909vw;} .advance .gift-list-box .gift-list .imgs {height:2.545vw; margin-right:0.545vw;} .advance .gift-list-box .gift-list .imgs img {min-width:2.545vw; height:2.545vw;} .advance .gift-list-box .gift-list .names {width:12.727vw; font-size:1.273vw;} .advance .gift-list-box .gift-list li.full {min-width:17.636vw; max-width:20vw;} .order-area.advance .order-info-box .tit {width:21.4545vw;} .order-area.point-area.advance .order-info-box .point-box {flex-wrap:wrap;} .order-area.point-area.advance .order-info-box .point-keep {width:100%;} .order-area.point-area.advance .order-info-box .point-use {width:100%; margin-top:2.727vw; margin-left:0;} .order-area.point-area.advance .order-info-box .inp-point {width:18.182vw; margin-left:auto;} .order-area.point-area.advance .order-info-box .inp-point .inp-line {padding-right:0.694vw;} .order-area.pay-info.advance .order-info-box .credit-card > li {width:23.5%; height:6vw; margin: 0 0.25vw 0.25vw;} .order-area.pay-info.advance .order-info-box .easy-pay > li {width:23.5%; height:6vw; margin: 0 0.25vw 0.25vw;} /* .order-area.pay-info.advance .order-info-box .easy-pay > li:last-child {margin-right:auto; margin-left:0.636vw;} */ .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:16.364vw; margin-right:0.909vw;} .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {font-size:1.091vw;} .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:16.364vw;} .order-area.point-area.advance .order-info-box .txt-info{font-size:1.273vw;} .order-area.advance .order-select .gifts-select {padding:0 1.2vw;} .ordered-list-contents.advance .order-tbl .order-select {width:12vw;} .order-area.pay-info.advance .pay-info-notice .tit {font-size:1.636vw;} .order-area.pay-info.advance .pay-info-notice li {font-size:1.273vw;} .order-area.pay-info.advance .pay-info-notice .link {height:1.818vw;} /* 결제 정보 */ .payment-area.advance .cost-listup > li > span {font-size:1.636vw;} .payment-area.advance .cost-listup > li > .head {padding-top:0.8vw;} .payment-area.advance .cost-listup > li > .text > strong {font-size:2.909vw;} .payment-area.advance .cost-listup .card-discount {padding:1.25vw;} .payment-area.advance .cost-listup .card-discount .head {font-size:1.4545vw;} .payment-area.advance .cost-listup .card-discount .text {margin-left:0;} } /* 갤폴드 펼침 802 */ @media all and (max-width:803px) and (min-width:801px) { .order-area.advance { width: auto; } .advance .chk-form input[type="checkbox"] + label, .advance .chk-form input[type="radio"] + label {padding-left:26px; font-size:12px; line-height:1.5;} .advance .chk-form input[type="checkbox"] + label::before, .advance .chk-form input[type="radio"] + label::before {top:50%; width:20px; height:20px; margin-top:-10px;} .advance .chk-form-hidden input[type="checkbox"] + label {width:20px; height:20px; background-size:60% auto;} .advance .chk-form input[type="checkbox"]:checked + label::before {background-size:65% auto;} .advance .chk-form input[type="radio"]:checked + label::after {top:4px; left:4px; width:12px; height:12px;} .advance .txt-s20 {font-size:24px;} .order-area.advance {margin-bottom:40px;} .order-area.advance > h2 {font-size:20px;} .order-area.advance .order-td {height:auto;} .order-area.advance .order-tbl {display:flex; flex-wrap:wrap; position:relative; padding:24px 0 36px;} .order-area.advance .order-image {position:absolute; z-index:1; left:0; width:120px; height:120px; padding:0;} .order-area.advance .order-image .photo {max-width:100%; max-height:100%;} .order-area.advance .order-image .photo a {display:flex; justify-content:center; align-items:center;} .order-area.advance .order-image .photo a > img {position:relative;} .order-area.advance .order-spec {display:flex; flex-wrap:wrap; width:100%; max-width:initial; padding:0; padding:0 0 20px 150px; text-align:left;} .order-area.advance .order-spec-group {min-height:auto; margin-bottom:20px;} .order-area.advance .order-spec-group .ico-group-t * {line-height:1.4; vertical-align:top;} .order-area.advance .order-spec-group .ico-group-t > span {margin-right:0; font-size:12px;} .order-area.advance .order-spec-group .ico-group-t > span ~ span {margin-left:8px;} .order-area.advance .order-spec-group .ico-group-t .tooltip {width:20px; height:15px; background:url("/sec/static/_images/common/icon-tooltip4.svg") center no-repeat; background-size:auto 96%; opacity:0.6;} .order-area.advance .order-spec-group .o-title a {font-size:16px;} .order-area.advance .order-spec-group .o-label {margin-top:4px; font-size:12px;} .order-area.advance .order-spec-group .ico-group {margin-top:16px;} .order-area.advance .order-spec-group .ico-group .o-spec span {font-size:12px;} .order-area.advance .order-select {min-height:auto;} .order-area.advance .order-select .gifts-select{padding:0 8px; height:40px; border-radius:4px;} .order-area.advance .order-coupon {width:100%; padding:0 0 0 150px;} .order-area.advance .order-coupon .coupon-box {width:100%;} .advance [class*=-coupon] .coupon-box .btn-coupon-apply p {padding-left:12px;} .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info {max-width:230px;} .advance [class*=-coupon] .coupon-box .btn-coupon-apply, .advance [class*=-coupon] .coupon-box .inp-coupon-apply {height:38px;} .advance [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .advance [class*=-coupon] .coupon-box .btn-coupon-apply p {width:calc(100% - 76px);} .advance [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register {width:76px;} .advance [class*=-coupon] .coupon-box .btn-coupon-apply p, .advance [class*=-coupon] .coupon-box .btn-coupon-apply p span, .advance [class*=-coupon] .coupon-box .btn-coupon-apply .txt, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .inp-box input, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .tit, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info .price span, .advance [class*=-coupon] .coupon-box .inp-coupon-apply .btn-register {font-size:14px;} .advance [class*=-coupon] .coupon-box .txt-coupon-info {font-size:12px;} .order-area.advance .order-count {z-index:1; width:100px; margin:30px 0 0 150px; padding:0; text-align:left;} .order-area.advance .order-count .spinner-box {max-width:100px; height:28px;} .order-area.advance .order-count .spinner-box .number {font-size:12px;} .order-area.advance .order-price {position:relative; z-index:0; width:100%; margin-top:-26px; padding:0 0 0 150px; text-align:right;} .order-area.advance .order-price .price-small {display:inline-block; margin:2px 0 0 0; font-size:18px; vertical-align:top;} .order-area.advance .order-price .price-big {display:inline-block; margin-left:12px; font-size:20px; vertical-align:top;} .order-area.advance .order-price .btn-downtool {top:4px; width:16px; height:16px; background-size:auto 100%;} .order-area.advance .order-price .box-tip {position:relative; top:initial; right:0; width:100%; min-width:100%; margin:20px 0 0 0; padding:12px; border:none; background:#F7F7F7;} .order-area.advance .order-price .box-tip * {font-size:14px;} .order-area.advance .order-price .box-tip .total {padding:12px 0 6px;} .order-area.advance .order-price .box-tip .total * {font-size:16px;} .order-area.advance .order-price .box-tip li ~ li:not(.total) {margin-top:10px;} .order-area.advance .order-price .box-tip .total .price {color:#2189FF;} .order-area.advance .order-recommend {padding-top:20px;} .order-area.advance .order-recommend .btn-underline {font-size:12px;} /* 사은품 */ .advance .order-gift {margin:26px 0 0 0; padding-left:150px;} .advance .gift-list-box {flex-wrap:wrap; padding:16px 0 16px 12px;} .advance .gift-list-box .gift-info {display:flex; flex-wrap:wrap; width:100%; padding-left:0;} .advance .gift-list-box .gift-info .price {margin:0 12px 0 auto; font-size:16px;} .advance .gift-list-box .gift-info .txt {width:100%; margin-top:8px; font-size:12px;} .advance .gift-list-box .gift-list {display:block; width:100%; margin-top:12px;} .advance .gift-list-box .gift-list li {width:auto;} .advance .gift-list-box .gift-list li.full {width:97%; min-width:100%; max-width:100%;padding-right:12px;} .advance .gift-list-box .swiper-slide {max-width:100%;} .advance .gift-list-box .slider-controls {padding-right:12px;} /* 배송 정보 - 부가 서비스 */ .order-area.advance .order-info-box > li {padding:30px 0 30px 120px;} .order-area.advance .order-info-box .head {top:26px; padding:0; font-size:14px; font-weight:bold;} .order-area.advance .order-info-box .tit {width:120px; font-size:14px;} .order-area.advance .order-info-box .tit span br {display:block;} .order-area.advance .order-info-detail li {min-height:auto; margin:0; padding:0;} .order-area.advance .order-info-detail li, .order-area.advance .order-info-detail li > span {font-size:12px;} .order-area.advance .order-info-detail li ~ li {margin-top:24px;} .order-area.advance .order-info-box .order-btn {top:22px; margin:0;} .order-area.advance .order-info-box .order-btn .btn-underline {font-size:12px;} .order-area.advance .order-info-box .wrap-droplist .droplist-button {font-size:12px;} .order-area.advance .order-info-box input.inp-line {font-size:12px;} .order-area.advance .order-info-box input.inp-line::-ms-input-placeholder {font-size:12px;} .order-area.advance .order-info-box input.inp-line::-webkit-input-placeholder {font-size:12px;} .order-area.advance .order-info-box input.inp-line::-moz-placeholder {font-size:12px;} .order-area.advance .info-extra .tooltip-add .btn-tip {background-size:auto 97%;} .order-area.advance .info-ul {margin-left:0;} .order-area.advance .order-info-box .pay-detail { width: calc(100% - 120px);} /* 포인트 사용 */ .order-area.point-area.advance .order-info-box {padding-top:24px;} .order-area.point-area.advance .order-info-box > li {padding-left:0;} .order-area.point-area.advance .order-info-box .tit {margin-top:0; font-weight:bold;} .order-area.point-area.advance .order-info-box .btn-underline {margin-top:0;} .order-area.point-area.advance .order-info-box .point-box {flex-wrap:wrap;} .order-area.point-area.advance .order-info-box .point-count {margin-top:0; font-size:14px;} .order-area.point-area.advance .order-info-box .point-count + .point-list {margin-top:12px;} .order-area.point-area.advance .order-info-box .point-keep {width:100%; padding-right:70px;} .order-area.point-area.advance .order-info-box .point-list li {font-size:12px;} .order-area.point-area.advance .order-info-box .point-list li + li {margin-top:4px;} .order-area.point-area.advance .order-info-box .point-use {margin:24px 0 0 0;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form {margin:8px 2px 0 0;} .order-area.point-area.advance .order-info-box .inp-point {width:285px; height:32px;} .order-area.point-area.advance .order-info-box .inp-point input.inp-line {height:100%; font-size:14px;} .order-area.point-area.advance .order-info-box .inp-point::after {top:12px; font-size:12px;} .order-area.point-area.advance .order-info-box .inp-point + .btn-point .btn.btn-s {height:28px; margin-top:2px; font-size:14px; line-height:1.9;} .order-area.point-area.advance .order-info-box .point-use .txt-info {font-size:12px;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form input[type="checkbox"] + label {padding-right:0;} /* 결제 수단 */ .order-area.pay-info.advance {margin-bottom:0;} .order-area.pay-info.advance .order-info-box {padding-top:0;} .order-area.pay-info.advance .order-info-box > li {padding:10px 0 0 0} .order-area.pay-info.advance .order-info-box .tit {margin-top:22px; font-weight:bold;} .order-area.pay-info.advance .order-info-box .pay-detail-list {margin-top:0;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li > .chk-form label {height:20px; font-size:14px;} .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box {padding:24px 0;} .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box .chk-form {margin-top:16px;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li {min-height:68px; padding-top:24px;} .order-area.pay-info.advance .order-info-box .samsung-pay .img-box.pc {display:none;} .order-area.pay-info.advance .order-info-box .samsung-pay .img-box.tb {display:block;} .order-area.pay-info.advance .order-info-box .samsung-pay .img-box.mb {display:none;} .order-area.pay-info.advance .order-info-box .wrap-droplist {width:270px;} .order-area.pay-info.advance .order-info-box .wrap-droplist .droplist-button {font-size:12px;} .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:calc(100% - 108px);margin-right:0;} .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {width:80px; margin-left:auto; font-size:12px;} .order-area.pay-info.advance .order-info-box .pay-detail-list .credit .detail-box .chk-form {bottom:26px; margin-top:0;} .order-area.pay-info.advance .pay-info-notice li {display:flex; width:100%} .order-area.pay-info.advance .pay-info-notice .tit {margin:0 0 10px 0; font-size:16px;} .order-area.pay-info.advance .pay-info-notice .link {display:-webkit-box; padding:0 10px 0 0; overflow:hidden; font-size:14px; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:1; -webkit-box-orient:vertical;} .order-area.pay-info.advance .pay-info-notice .link em {font-size:inherit;} .order-area.pay-info.advance .order-info-box .credit-card > li {width:80px; height:74px; margin: 0 5px 8px} .order-area.pay-info.advance .order-info-box .credit-card > li > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on button:after {border-radius:6px;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li {width:80px; height:74px; margin: 0 5px 8px} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.payco {margin-left:auto; background:url("/sec/static/_images/credit-card/mb/easy-payco.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money.svg") no-repeat; background-size:100% auto;} /* .order-area.pay-info.advance .order-info-box .easy-pay > li:last-child {margin-right:auto; margin-left:8px;} */ .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.payco {background:url("/sec/static/_images/credit-card/mb/easy-payco-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money-on.svg"); background-size:100% auto;} /* 결제 정보 */ .payment-area.advance {top:98px; left:inherit !important; right:12px !important; width:256px !important; max-width:100%;} .payment-area.advance > h2 {font-size:20px;} .payment-area.advance .payment-listup br {display:block;} .payment-area.advance .payment-listup > li span {font-size:16px;} .payment-area.advance .droptoggle .dropOption span {font-size:16px;} .payment-area.advance .droptoggle .dropOption .head {line-height:1.4;} .payment-area.advance .cost-listup {padding:20px 0; border-top:1px solid #000;} .payment-area.advance .cost-listup > li > span > strong {font-size:18px;} .payment-area.advance .cost-listup > li > .text > strong {position:relative; top:4px; font-size:28px;} .payment-area.advance .cost-listup > li > .head {padding-top:9px;} .payment-area.advance .cost-listup .card-discount {margin-top:20px; padding:20px 24px; border-radius:8px;} .payment-area.advance .cost-listup .card-discount > span {font-size:14px;} .payment-area.advance .cost-listup .card-discount .head br {display:block;} .payment-area.advance .membership-saving br {display:block;} .payment-area.advance .membership-saving .text {margin-top:2px;} .payment-area.advance .membership-saving .dropButton {margin-top:0;} .payment-area.advance .terms-box > h2 {font-size:20px;} .payment-area.advance .terms-box > .btn-terms-view {top:40px; padding-right:20px; font-size:14px;} .payment-area.advance .terms-box .chk-form label {padding-left:26px; font-size:14px;} .payment-area.advance .chk-form input[type="checkbox"] + label::before, .payment-area.advance .chk-form input[type="radio"] + label::before {top:0; margin-top:0;} .payment-area.advance .btn {height:40px; border-radius:40px; font-size:17px;} /* 주문 완료 */ .order-finish-content.advance .order-detail-tbl *, .order-finish-content.advance .order-detail-tbl.order-detail-type5 .order-td.order-benefit-price *, .order-finish-content.advance .order-detail-tbl.order-detail-type5 .order-td.order-benefit-coupon, .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit span {font-size:1.4545vw;} .order-finish-content.advance .order-detail-type1 .order-itmPrice {padding-right:0;} .order-finish-content.advance .order-detail-type5 .order-td.order-benefit-price {width:33%;} .order-finish-content.advance .order-detail-type5 .order-td.order-benefit-price span {width:100px;} /* 마이페이지-주문배송조회 목록 */ .ordered-list-contents.advance .order-tbl .order-select {width:25%;} .ordered-list-contents.advance .order-tbl .order-select .names {font-size:11px;} /* 마이페이지-주문배송조회 상세 */ .ordered-list-contents.advance .detail .order-tbl .order-image {width:14%; padding-right:0;} .ordered-list-contents.advance .detail .order-tbl .order-spec {width:auto;} .ordered-list-contents.advance .detail .order-tbl .order-spec .order-select {width:100%;padding-top:2vw;} .ordered-list-contents.advance .detail .order-tbl .order-select {width:21%; padding-right:0;} .ordered-list-contents.advance .detail .order-tbl .order-select .names {font-size:11px;} .ordered-list-contents.advance .detail .order-tbl .order-count {width:8%; padding-right:0;} .ordered-list-contents.advance .detail .order-tbl .order-price {width:15%; min-width:auto;} .ordered-list-contents.advance .detail .order-tbl .order-btn-area {width:16%;text-align:right; padding-right:0;} .ordered-list-contents.advance .detail .order-tbl .order-btn-area .review .btn {padding-left:25px; background-size:auto 16px;background-position:left 9px center;} .ordered-list-contents.advance .detail .order-gift {padding:0;margin:0;} .ordered-list-contents.advance .detail .order-gift .gift-info {width:100%; padding:0;} .ordered-list-contents.advance .detail .order-gift .gift-list {width:100%;} .ordered-list-contents.advance .detail .order-gift .gift-info .tit {font-size:14px} .ordered-list-contents.advance .detail .order-gift .gift-info .price {font-size:13px;} .ordered-list-contents.advance .detail .gift-list .names {font-size:12px;} } /* 모바일 */ @media all and (max-width:801px) and (min-width:351px) { .order-area.advance { width: auto; } .tit-box.advance .txt-s20 {font-size:6.667vw;} .order-area.advance .order-tbl {padding-bottom:10vw;} .order-area.advance {margin-bottom:11.111vw;} .order-area.advance > h2 {border-bottom:0.556vw solid #000; font-size:5.556vw;} .order-area.advance h2.m-secon-tit {margin-bottom:8.333vw; font-size:5.556vw;} .order-area.advance .order-tbl .order-td {padding:11.111vw 0 6.667vw;} .order-area.advance .order-info-box .head {margin:0 0 8.333vw 0; padding:0; font-size:4.444vw;} .order-area.advance .order-info-box .order-btn {padding:0;} .order-area.advance .order-info-box .btn-underline {font-size:3.889vw;} .order-area.advance .order-info-detail > li {min-height:auto; margin:0; padding:0; font-size:3.889vw;} .order-area.advance .order-info-detail > li + li {margin-top:6.667vw;} .order-area.advance .order-info-box > li {flex-wrap:wrap; margin:0; padding:0; border-bottom:none;} .order-area.advance .order-info-box .tit {width:100%; margin-top:0; font-size:4.444vw;} .order-area.advance .order-info-box .tit .btn-tooltip {margin:0.833vw 0 0 0.556vw;} .order-area.advance .order-image{width:auto;} .order-area.advance .order-spec {width:100%;padding-bottom:8.333vw;} .order-area.advance .order-spec-group {margin-bottom: 0;min-height:auto;} .order-area.advance .order-spec .order-select{margin-top:5.556vw;} .order-area.advance .order-coupon {width:100%} .order-area.advance .order-tbl .order-coupon {padding:0;} .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info {max-width:69.444vw;} .order-area.advance .order-tbl .order-count {width: 40%;z-index:1; padding:10vw 0 0 0;} .order-area.advance .order-tbl .order-price {position:relative; z-index:0; width:100%; margin-top:-7.222vw; padding:0;} .order-area.advance .order-tbl .order-price .price-small {display:inline-block; width:auto; margin:0.556vw 0 0 0;} .order-area.advance .order-tbl .order-price .price-big {margin-left:3.333vw; font-size:5vw;} .order-area.advance .order-tbl .order-price .price-small ~ .box-tip {top:initial;} .order-area.advance .order-tbl .order-price .btn-downtool {width:5.556vw; height:5.556vw; margin-left:2.778vw; background-size:auto 100%;} .order-area.advance .order-price .box-tip {position:relative; top:initial; width:100%; margin:4.167vw 0 0 0; border:none; background:#F7F7F7;} .order-area.advance .order-price .box-tip .total * {font-size:4.444vw;} .order-area.advance .order-price .box-tip li ~ li:not(.total) {margin-top:2.778vw;} .order-area.advance .order-price .box-tip .total .price {color:#2189FF;} /* 사은품 */ .order-area.advance .order-gift {margin:6.667vw 0 0 0;} .order-area.advance .order-spec .order-select {width:calc(100% - 150px); margin-left:auto; padding:0;} /* 사은품 장바구니,주문배송 공통 */ .advance .gifts-select {height:12.222vw; padding:0 2.222vw; border-radius:1.111vw;} .advance [class*=-select] .gifts-select .imgs {width:7.778vw; height:7.778vw; margin-right:1.667vw;} .advance [class*=-select] .gifts-select .imgs img {min-width:7.778vw;} .advance [class*=-select] .gifts-select .names {font-size:3.333vw;} .advance .order-select-list {margin-top:2.222vw;} .advance .gift-list-box {flex-wrap: wrap; padding:4.444vw 0 4.444vw 3.333vw; border:0.278vw solid #D9D9D9; border-radius:2.222vw;} .advance .gift-list-box .gift-info {display:flex; flex-wrap:wrap; width:100%; padding-left:0;} .advance .gift-list-box .gift-info .tit {margin-top:0.556vw; font-size:4.444vw;} .advance .gift-list-box .gift-info .price {margin:0 3.333vw 0 auto; font-size:4.444vw;} .advance .gift-list-box .gift-info .txt {width:100%; margin-top:2.222vw; font-size:3.333vw;} .advance .gift-list-box .gift-list {display:block; width:100%; margin-top:3.333vw;} .advance .gift-list-box .gift-list li {width:auto;} .advance .gift-list-box .gift-list li .gifts-select {height:14.444vw;padding-right:2.778vw;} .advance .gift-list-box .gift-list li.full {width:97%; min-width:100%; max-width:100%; padding-right:3.333vw;} .advance .gift-list-box .swiper-slide {max-width:100%;} .advance .gift-list-box .slider-controls {padding-right:3.333vw;} /* 배송 정보 - 부가 서비스 */ .order-area.advance .order-info-box > li + li {padding-top:10vw; border-top:0.278vw solid #D9D9D9;} .order-area.advance .order-info-box .extra-service .head {top:0;} .order-area.advance .order-info-box .deco {border-top:0.278vw solid #D9D9D9 !important;} .order-area.advance .order-info-box .deco.extra-service .order-info-detail.info-extra > li > span {margin:0; padding:0 0 4.444vw; font-size:3.889vw;} .order-area.advance .order-info-detail.info-extra > li {position:relative; margin-bottom:0;} .order-area.advance .order-info-detail.info-extra > li + li {margin-top:8.333vw;} .order-area.advance .order-info-detail.info-extra > li .inp-form {width:100%;} .order-area.advance .order-info-detail.info-extra .chk-view {margin:0;} .order-area.advance .deco.extra-service .order-info-detail.info-extra span:not(.tooltip-add) {margin:0; padding:0 0 2.778vw; line-height:1.2;} .order-area.advance .order-info-detail.info-extra > li .tooltip-add .btn-tip {top:-0.556vw; left:19.444vw; transform:none;} /* 포인트 사용 */ .order-area.point-area.advance {padding:0 0 5.556vw 0;} .order-area.point-area.advance:after {height:10px; background:#F7F7F7;} .order-area.point-area.advance .order-info-box {padding-top:6.667vw;} .order-area.point-area.advance .order-info-box .tit {display:none;} .order-area.point-area.advance .order-info-box .point-btn .tit {display:block; margin:0; font-size:4.444vw;} .order-area.point-area.advance .order-info-box .point-btn .btn-underline {position:absolute; top:0.278vw; left:27.778vw; margin:0;} .order-area.point-area.advance .order-info-box .point-detail {margin-top:0;} .order-area.point-area.advance .order-info-box .point-box {flex-wrap:wrap;} .order-area.point-area.advance .order-info-box .point-keep {width:100%; font-size:3.889vw;} .order-area.point-area.advance .order-info-box .point-count {min-height:5.833vw; margin-top:1.667vw; font-size:4.444vw;} .order-area.point-area.advance .order-info-box .point-count + .point-list {margin-top:5vw;} .order-area.point-area.advance .order-info-box .point-list li * {font-size:14px;} .order-area.point-area.advance .order-info-box .point-list li + li {margin-top:1.667vw;} .order-area.point-area.advance .order-info-box .point-use {position:relative; width:100%; margin-top:6.667vw;} .order-area.point-area.advance .order-info-box .point-use .txt-info {margin:0; font-size:3.333vw; text-align:left;} .order-area.point-area.advance .order-info-box .point-use .chk-form {position:absolute; top:1.389vw; right:0;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point {width:48%;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point::after {right:0;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point .inp-line {padding-right:3.889vw;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form input[type="checkbox"] + label {width:30.556vw;} /* 결제 수단 */ .order-area.pay-info.advance .order-info-box {padding-top:0;} .order-area.pay-info.advance .order-info-box > li > .tit {display:none;} .order-area.pay-info.advance .order-info-box .pay-detail-list {margin-top:0; border-top:0;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li {min-height:19.444vw; padding-top:7.778vw;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li > .chk-form label {font-size:5vw;} /* s : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .samsung-pay-box .btn-samsungpay { width: 100%; height: 25.556vw; background: url("/sec/static/_images/common/btn-samsung-pay-m.svg") center no-repeat; background-size: 100% 100%; } .order-area.pay-info.advance .order-info-box .samsung-pay-box.on .btn-samsungpay { background: url("/sec/static/_images/common/btn-samsung-pay-m-on.svg") center no-repeat; background-size: 100% 100%; } /* e : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box {padding:6.667vw 0 10vw;} .order-area.pay-info.advance .order-info-box .pay-detail-list .flag {margin-left:0; padding:1.111vw 2.222vw 0.833vw; border-radius:9.167vw; border-radius:1.667vw 0 1.667vw 0; font-size:3.333vw;} .order-area.pay-info.advance .order-info-box .credit-card > li {width:21.667vw; height:20vw; margin: 0 0.833vw 2.778vw;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on button:after {border-radius:6px;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay { justify-content: flex-start;} .order-area.pay-info.advance .order-info-box .easy-pay > li {width:21.667vw; height:20vw; margin: 0 0.833vw 2.778vw;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.payco {margin-left:auto; background:url("/sec/static/_images/credit-card/mb/easy-payco.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money.svg") no-repeat; background-size:100% auto;} /* .order-area.pay-info.advance .order-info-box .easy-pay > li:last-child {margin-right:auto; margin-left:2.222vw;} */ .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.payco {background:url("/sec/static/_images/credit-card/mb/easy-payco-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money-on.svg"); background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-add {width:100%;} .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:100%; margin-top:5.556vw;} .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment {margin-top:4.444vw;} .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:67%; margin-right:0;} .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {margin-left:auto; font-size:3.889vw;} .order-area.pay-info.advance .pay-info-notice {margin:0; padding:0;} .order-area.pay-info.advance .pay-info-notice .detail-box {padding-top:9.444vw;} .order-area.pay-info.advance .pay-info-notice .tit {display:block; font-size:4.444vw;} .order-area.pay-info.advance .pay-info-notice ul {padding:5vw;} .order-area.pay-info.advance .pay-info-notice li {display:flex; width:100%} .order-area.pay-info.advance .pay-info-notice li + li {margin-top:2.222vw;} .order-area.pay-info.advance .pay-info-notice .flag {height:5.556vw; padding:0.833vw 2.222vw 0; border-radius:9.167vw; font-size:3.333vw;} .order-area.pay-info.advance .pay-info-notice .link {display:-webkit-box; padding:0 2.778vw 0 0; overflow:hidden; font-size:3.889vw; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:1; -webkit-box-orient:vertical;} .order-area.pay-info.advance .pay-info-notice .link em {font-size:inherit;} .order-area.pay-info.advance .order-info-box .save-pay {margin-top:6.667vw;} /* 결제 정보 */ .payment-area.advance:before {content:''; display:block; position:absolute; top:0; left:-12px; width:calc(100% + 24px); height:2.778vw; background:#ebebeb;} .payment-area.advance > h2 {display:block; padding-top:11.111vw; font-size:5.556vw;} .payment-area.advance .tooltip {width:4.167vw; height:4.167vw; margin-left:1.667vw;} .payment-area.advance .payment-listup {padding:6.667vw 0;} .payment-area.advance .payment-listup > li span {font-size:4.444vw;} .payment-area.advance .payment-listup > li ~ li {margin-top:3.889vw;} .payment-area.advance .payment-listup + .droptoggle {margin-top:0;} .payment-area.advance .droptoggle {min-height:16.667vw; padding:4.722vw 0 0; border-top:0.278vw solid #eaeaea;} .payment-area.advance .droptoggle .dropOption {min-height:7.222vw;} .payment-area.advance .droptoggle .dropOption span {font-size:4.444vw;} .payment-area.advance .droptoggle .dropButton {width:5.556vw; height:7.222vw; margin:0 0 0 0.556vw;} .payment-area.advance .droptoggle .dropButton .text {margin:0 6.111vw 0 auto;} .payment-area.advance .droptoggle .payment-listup {margin:4.444vw 0; padding:5.556vw 6.667vw; border-radius:2.222vw;} .payment-area.advance .droptoggle .payment-listup > li > span {font-size:3.889vw;} .payment-area.advance .droptoggle .payment-listup > li ~ li {margin-top:1.111vw;} .payment-area.advance .droptoggle + .payment-listup {margin-top:0;} .payment-area.advance .discount-price {border-top:0.278vw solid #EBEBEB;} .payment-area.advance .cost-listup {padding:5.556vw 0; border-top:0.278vw solid #000;} .payment-area.advance .cost-listup > li > span {font-size:5vw;} .payment-area.advance .cost-listup > li > span > strong {font-size:5.556vw; line-height:1.2} .payment-area.advance .cost-listup > li > .head {padding-top:3.333vw;} .payment-area.advance .cost-listup > li > .text {margin-left:auto;} .payment-area.advance .cost-listup > li > .text > strong {position:relative; top:1.111vw; font-size:8.889vw;} .payment-area.advance .cost-listup .card-discount {margin-top:5.556vw; padding:5.556vw 6.667vw; border-radius:2.222vw;} .payment-area.advance .cost-listup .card-discount > span {font-size:3.889vw;} .payment-area.advance .cost-listup .card-discount .text {margin-left:3.333vw;} .payment-area.advance .cost-listup .card-discount .text > strong {font-size:4.444vw;} .payment-area.advance .membership-saving {border-top:0.278vw solid #EBEBEB; padding: 24px 0; } .payment-area.advance .membership-saving .payment-listup {margin-bottom:0;padding-bottom: 3.889vw;} .payment-area.advance .membership-saving .info-text {padding: 0 6.667vw 5.556vw;} .payment-area.advance .terms-box {padding-top:10vw;} /* 주문 완료 */ .order-finish-content.advance .order-detail-tbl .order-td {padding:1.667vw 0;} .order-finish-content.advance .order-detail-type2 .order-payment-info .order-delivery-tit {margin-bottom:1.111vw;} .order-finish-content.advance .order-detail-type2 .order-delivery-tit {width:35%;} .order-finish-content.advance .order-detail-type2 .order-delivery-data span {line-height:22px;} .order-finish-content.advance .board-view-type-3 .board-tit {width:20%;} .order-finish-content.advance .board-view-type-3 .board-con {width:calc(78% - 10vw);} .order-finish-content.advance .board-view-type-3 .board-con.order-code {width:auto;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span {display:inline-block;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span + strong {margin-left:0;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span + strong:before {content:''; display:inline-block; width:1px; height:10px; margin:0 2.222vw; background:#ddd;} .order-finish-content.advance .board-view-type-3 .btn-underline {margin-left:11.111vw;} .order-finish-content.advance .board-con.gift span {display:inline-block;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo {height:auto; text-overflow:initial;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo span {text-overflow:initial; white-space:initial;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo .btn-underline {margin-left:0;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo span + span {display:none;} .order-finish-content.advance .order-detail-type2.gift > div {display:flex; flex-direction:column;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit {width:100%; padding-bottom:1.389vw;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit span {width:25vw;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit .price {width:calc(100% - 25vw);} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data {width:100%; padding-top:0; padding-left:25vw;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span {display:block; margin:0 0 0.833vw 0;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span:first-child:before {display:none;} .order-finish-content.advance .order-detail-tbl.order-detail-type5 .order-td.order-benefit-price em {margin-left: auto;} /* 마이페이지-주문배송조회 목록 */ .conbox-myshopping-list .ordered-list-contents.advance .order-tbl { position: relative; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-spec { width: 100%; padding: 6.667vw 0 4.444vw; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-select { order: 3; padding: 0 0 5.556vw 114px; width: auto; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-count { order: 5; padding: 0; width: 100%; text-align: left; padding-left: 114px; font-size: 4.444vw; color: #000; font-weight: bold; line-height: 8.889vw; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-btn-area { display: block; height: auto; order: 4; padding: 0; width: auto; position: absolute; bottom: 10vw; left: 0; z-index: 1; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-btn-area:before { display: none; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price { order: 6; padding: 0; width: auto; text-align: right; position: absolute; bottom: 10vw; right: 0; z-index: 1; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price span { display: inline-block;} .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price span + span { margin-left: 1.389vw; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price .price-small { font-size: 3.889vw; } /* 마이페이지-주문배송조회 상세 */ .conbox-myshopping-list .ordered-list-contents.advance .detail .to-print {margin: 0;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-head-info ul li {margin-top:0; padding:2.222vw 0 2.222vw 114px; min-height:9.444vw;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-head-info ul li span {top:2.222vw;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-spec-group {margin-bottom:5.556vw;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-select {order:3; padding:0; width:auto;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-spec + .order-select {width:100%; margin: -2.778vw 0 0 114px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-count {order:4; width:46%; margin-top:5.556vw;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-price {order:5; padding:0; width:54%; text-align:right; position:relative; bottom:initial; right:initial; z-index:1; margin-top:5.556vw;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-btn-area {order:6; display:block; height: auto; margin:6.667vw 0 0 114px; width:auto; position:relative; bottom:initial; left:initial; z-index:1;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-btn-area .review {display:block;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift {order:7; margin:6.667vw 0 0 0;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-list {width:100%;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-info {width:100%;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-info .price {font-size:3.889vw;} .order-area.pay-info.advance .order-info-box > li:last-child { padding-bottom: 0 !important;} } /* 갤폴드3,4 (일부영역이 pc화면과 간격, 텍스트 동일) */ @media all and (max-width:350px) and (min-width:270px) { .order-area.advance {margin-bottom:40px;width: auto;} .order-area.advance > h2 {border-bottom:1px solid #000; font-size:20px;} .order-area.advance .order-tbl {padding-bottom:24px;} .order-area.advance .order-tbl .order-td {padding:30px 0;} .order-area.advance .order-info-box .head {margin-bottom:30px; padding:0; font-size:16px;} .order-area.advance .order-info-box .order-btn {padding:0;} .order-area.advance .order-info-box .btn-underline {font-size:14px;} .order-area.advance .order-info-detail > li {min-height:auto; margin:0; padding:0; font-size:14px;} .order-area.advance .order-info-detail > li + li {margin-top:24px;} .order-area.advance .order-info-box > li {flex-wrap:wrap; margin:0; padding:0; border-bottom:none;} .order-area.advance .order-info-box .tit {width:100%; margin-top:0; font-size:16px;} .order-area.advance .order-info-box .tit .btn-tooltip {margin:3px 0 0 2px;} .order-area.advance .order-image{width:auto;} .order-area.advance .order-spec {width:100%;padding-bottom:30px;} .order-area.advance .order-spec-group {margin-bottom: 0;min-height:auto;} .order-area.advance .order-spec .order-select{margin-top:20px;} .order-area.advance .order-tbl .order-coupon {width:100%;padding:0;} .advance [class*=-coupon] .coupon-box .inp-coupon-apply .coupon-info {max-width:250px;} .order-area.advance .order-tbl .order-count {z-index:1; width:30%; padding:36px 0 0 0;} .order-area.advance .order-tbl .order-price {position:relative; z-index:0; width:100%; margin-top:-26px; padding:0;} .order-area.advance .order-tbl .order-price .price-small {display:inline-block; width:auto; margin:2px 0 0 0; font-size: 4.167vw;} .order-area.advance .order-tbl .order-price .price-big {margin-left:12px; font-size:5.556vw;} .order-area.advance .order-tbl .order-price .price-small ~ .box-tip {top:initial;} .order-area.advance .order-tbl .order-price .btn-downtool {width:20px; height:20px; margin-left:6px; background-size:auto 100%;} .order-area.advance .order-price .box-tip {position:relative; top:initial; width:100%; margin:15px 0 0 0; border:none; background:#F7F7F7;} .order-area.advance .order-price .box-tip .total * {font-size:16px;} .order-area.advance .order-price .box-tip li ~ li:not(.total) {margin-top:10px;} .order-area.advance .order-price .box-tip .total .price {color:#2189FF;} /* 사은품 */ .order-area.advance .order-gift {margin:24px 0 0 0;} .order-area.advance .order-spec .order-select {width:calc(100% - 150px); margin-left:auto; padding:0;} .order-area.advance .order-select-list {margin-top:6px;} /* 사은품 장바구니,주문배송 공통 */ .advance .gifts-select {height:44px; padding:0 8px; border-radius:4px;} .advance [class*=-select] .gifts-select .imgs {width:28px; height:28px; margin-right:6px;} .advance [class*=-select] .gifts-select .imgs img {min-width:28px;} .advance [class*=-select] .gifts-select .names {font-size:12px;} .advance .order-select-list {margin-top:8px;} .advance .gift-list-box {flex-wrap: wrap; padding:16px 0 16px 12px; border:1px solid #D9D9D9; border-radius:8px;} .advance .gift-list-box .gift-info {display:flex; flex-wrap:wrap; width:100%; padding-left:0;} .advance .gift-list-box .gift-info .tit {margin-top:2px; font-size:16px;} .advance .gift-list-box .gift-info .price {margin:0 12px 0 auto; font-size:16px;} .advance .gift-list-box .gift-info .txt {width:100%; margin-top:2.222vw; font-size:12px;} .advance .gift-list-box .gift-list {display:block; width:100%; margin-top:12px;} .advance .gift-list-box .gift-list li {width:auto;} .advance .gift-list-box .gift-list li .gifts-select {height:52px;padding-right:10px;} .advance .gift-list-box .gift-list li.full {width:97%; min-width:100%; max-width:100%; padding-right:12px;} .advance .gift-list-box .swiper-slide {max-width:100%;} .advance .gift-list-box .slider-controls {padding-right:12px;} /* 배송 정보 - 부가 서비스 */ .order-area.advance .order-info-box > li + li {padding-top:36px; border-top:1px solid #D9D9D9;} .order-area.advance .order-info-box .extra-service .head {top:0;} .order-area.advance .order-info-box .deco {border-top:1px solid #D9D9D9 !important;} .order-area.advance .order-info-box .deco.extra-service .order-info-detail.info-extra > li > span {margin:0; padding:0 0 16px; font-size:14px;} .order-area.advance .order-info-detail.info-extra > li {position:relative; margin-bottom:0;} .order-area.advance .order-info-detail.info-extra > li + li {margin-top:30px;} .order-area.advance .order-info-detail.info-extra > li .inp-form {width:100%;} .order-area.advance .order-info-detail.info-extra .chk-view {margin:0;} .order-area.advance .deco.extra-service .order-info-detail.info-extra span:not(.tooltip-add) {margin:0; padding:0 0 10px; line-height:1.2;} .order-area.advance .order-info-detail.info-extra > li .tooltip-add .btn-tip {top:-2px; left:70px; transform:none;} /* 포인트 사용 */ .order-area.point-area.advance {padding:0 0 20px 0;} .order-area.point-area.advance:after {height:10px; background:#F7F7F7;} .order-area.point-area.advance .order-info-box {padding-top:24px;} .order-area.point-area.advance .order-info-box .tit {display:none;} .order-area.point-area.advance .order-info-box .point-btn .tit {display:block; margin:0; font-size:16px;} .order-area.point-area.advance .order-info-box .point-btn .btn-underline {position:absolute; top:1px; left:100px; margin:0;} .order-area.point-area.advance .order-info-box .point-detail {margin-top:0;} .order-area.point-area.advance .order-info-box .point-box {flex-wrap:wrap;} .order-area.point-area.advance .order-info-box .point-keep {width:100%; font-size:14px;} .order-area.point-area.advance .order-info-box .point-count {min-height:20.999px; margin-top:0; font-size:16px;} .order-area.point-area.advance .order-info-box .point-count + .point-list {margin-top:18px;} .order-area.point-area.advance .order-info-box .point-list li * {font-size:14px;} .order-area.point-area.advance .order-info-box .point-list li + li {margin-top:6px;} .order-area.point-area.advance .order-info-box .point-use {position:relative; width:100%; margin-top:24px;} .order-area.point-area.advance .order-info-box .point-use .txt-info {margin:0; font-size:12px; text-align:left;} .order-area.point-area.advance .order-info-box .point-use .chk-form {position:absolute; top:5px; right:0;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point {width:48%;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point::after {right:0;} .order-area.point-area.advance .order-info-box .point-use-box .inp-point .inp-line {padding-right:14px;} .order-area.point-area.advance .order-info-box .point-use-box .chk-form input[type="checkbox"] + label {width:110px;} /* 결제 수단 */ .order-area.pay-info.advance .order-info-box {padding-top:0;} .order-area.pay-info.advance .order-info-box > li > .tit {display:none;} .order-area.pay-info.advance .order-info-box .pay-detail-list {margin-top:0; border-top:0;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li {min-height:70px; padding-top:28px;} .order-area.pay-info.advance .order-info-box .pay-detail-list > li > .chk-form label {font-size:18px;} /* s : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .samsung-pay-box .btn-samsungpay { width: 100%; height: 25.556vw; background: url("/sec/static/_images/common/btn-samsung-pay-m.svg") center no-repeat; background-size: 100% 100%; } .order-area.pay-info.advance .order-info-box .samsung-pay-box.on .btn-samsungpay { background: url("/sec/static/_images/common/btn-samsung-pay-m-on.svg") center no-repeat; background-size: 100% 100%; } /* e : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box {padding:24px 0 36px;} .order-area.pay-info.advance .order-info-box .pay-detail-list .flag {margin-left:0; padding:4px 8px 3px; border-radius:32px; border-radius:6px 0 6px 0; font-size:12px;} .order-area.pay-info.advance .order-info-box .credit-card > li {width:31%; height:27vw; margin: 0 0.833vw 1.111vw;} .order-area.pay-info.advance .order-info-box .credit-card > li > button {background-size:100% auto !important;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung.svg") no-repeat;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on button:after {border-radius:6px;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.samsung {background:url("/sec/static/_images/credit-card/mb/credit-samsung-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kb {background:url("/sec/static/_images/credit-card/mb/credit-kb-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.shinhan {background:url("/sec/static/_images/credit-card/mb/credit-shinhan-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hyundai {background:url("/sec/static/_images/credit-card/mb/credit-hyundai-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.lotte {background:url("/sec/static/_images/credit-card/mb/credit-lotte-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.nh {background:url("/sec/static/_images/credit-card/mb/credit-nh-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.woori {background:url("/sec/static/_images/credit-card/mb/credit-woori-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.hana {background:url("/sec/static/_images/credit-card/mb/credit-hana-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.citi {background:url("/sec/static/_images/credit-card/mb/credit-citi-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.kakao {background:url("/sec/static/_images/credit-card/mb/credit-kakaobank-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.bc {background:url("/sec/static/_images/credit-card/mb/credit-bc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-card > li.on > button.etc {background:url("/sec/static/_images/credit-card/mb/credit-etc-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li {width:31%; height:27vw; margin: 0 0.833vw 1.111vw;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button {background-size:100% auto !important;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.payco {margin-left:auto; background:url("/sec/static/_images/credit-card/mb/easy-payco.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.sspay {background:url("/sec/static/_images/credit-card/mb/easy-sspay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.payco {background:url("/sec/static/_images/credit-card/mb/easy-payco-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.kakaopay {background:url("/sec/static/_images/credit-card/mb/easy-kakaopay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.lpay {background:url("/sec/static/_images/credit-card/mb/easy-lpay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npay {background:url("/sec/static/_images/credit-card/mb/easy-npay-on.svg") no-repeat; background-size:100% auto;} .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.npaymoney {background:url("/sec/static/_images/credit-card/mb/easy-npay-money-on.svg"); background-size:100% auto;} .order-area.pay-info.advance .order-info-box .credit-add {width:100%;} .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:100%; margin-top:20px;} .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment {margin-top:16px;} .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:67%; margin-right:0;} .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {margin-left:auto; font-size:12px;} .order-area.pay-info.advance .pay-info-notice ul {padding:16px;} .order-area.pay-info.advance .pay-info-notice li {display:flex; width:100%;} .order-area.pay-info.advance .pay-info-notice li + li {margin-top:8px;} .order-area.pay-info.advance .pay-info-notice .flag {height:20px; padding:3px 8px 0; border-radius:32px; font-size:12px;} .order-area.pay-info.advance .pay-info-notice .link {display:-webkit-box; padding:0 10px 0 0; overflow:hidden; font-size:14px; text-overflow:ellipsis; line-height:1.4; white-space:initial; word-break:break-all;-webkit-line-clamp:1; -webkit-box-orient:vertical;} .order-area.pay-info.advance .order-info-box .save-pay {margin-top:24px;} /* 결제 정보 */ .payment-area.advance:before {content:''; display:block; position:absolute; top:0; left:-12px; width:calc(100% + 24px); height:10px; background:#ebebeb;} .payment-area.advance > h2 {display:block; padding-top:40px; font-size:20px;} /* 주문 완료 */ .order-finish-content.advance .order-detail-tbl .order-td {padding:6px 0;} .order-finish-content.advance .order-detail-type2 .order-payment-info .order-delivery-tit {margin-bottom:1.111vw;} .order-finish-content.advance .order-detail-type2 .order-delivery-tit {width:35%;} .order-finish-content.advance .order-detail-type2 .order-delivery-data span {line-height:22px;} .order-finish-content.advance .board-view-type-3 .board-tit {width:20%;} .order-finish-content.advance .board-view-type-3 .board-con {width:calc(78% - 36px);} .order-finish-content.advance .board-view-type-3 .board-con.order-code {width:auto;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span {display:inline-block;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span + strong {margin-left:0;} .order-finish-content.advance .board-view-type-3 .board-con.point-align span + strong:before {content:''; display:inline-block; width:1px; height:10px; margin:0 8px; background:#ddd;} .order-finish-content.advance .board-view-type-3 .btn-underline {margin-left:40px;} .order-finish-content.advance .board-con.gift span {display:inline-block;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo {height:auto; text-overflow:initial;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo span {text-overflow:initial; white-space:initial;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo .btn-underline {margin-left:0;} .order-finish-content.advance .board-view-type-3 .board-con.buyerInfo span + span {display:none;} .order-finish-content.advance .order-detail-type2.gift > div {display:flex; flex-direction:column;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit {width:100%; padding-bottom:5px;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit span {width:90px;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-tit .price {width:calc(100% - 90px);} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data {width:100%; padding-top:0; padding-left:90px;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span {display:block; margin:0 0 3px 0;} .order-finish-content.advance .order-detail-type2.gift .order-delivery-data span:first-child:before {display:none;} .order-finish-content.advance .order-detail-tbl.order-detail-type5 .order-td.order-benefit-price em {margin-left: auto;} /* 마이페이지-주문배송조회 목록 */ .conbox-myshopping-list .ordered-list-contents.advance .order-head-info ul li {margin-top:0; padding:8px 0 8px 100px; min-height:34px;} .conbox-myshopping-list .ordered-list-contents.advance .order-head-info .present-reforwarding {top:55px;} .conbox-myshopping-list .ordered-list-contents.advance .order-tbl { position: relative; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-spec { width: 100%; padding: 24px 0 16px; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-select { order: 3; padding: 0 0 20px 114px; width: auto; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-count { order: 5; padding: 0; width: 100%; text-align: left; padding-left: 114px; font-size: 16px; color: #000; font-weight: bold; line-height: 32px; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-btn-area { display: block; height: auto; order: 4; padding: 0; width: auto; position: absolute; bottom: 36px; left: 0; z-index: 1; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-btn-area:before { display: none; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price { order: 6; padding: 0; width: auto; text-align: right; position: absolute; bottom: 36px; right: 0; z-index: 1; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price span { display: inline-block;} .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price span + span { margin-left: 5px; } .conbox-myshopping-list .ordered-list-contents.advance .order-tbl .order-price .price-small { font-size: 14px; } /* 마이페이지-주문배송조회 상세 */ .conbox-myshopping-list .ordered-list-contents.advance .detail .order-head-info ul li {margin-top:0; padding:8px 0 8px 114px; min-height:34px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-head-info ul li span {top:8px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-spec-group {margin-bottom:20px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-select {order:3; padding:0; width:auto;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-spec + .order-select {width:100%; margin: -10px 0 0 114px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-count {order:4; width:46%; margin-top:20px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-price {order:5; padding:0; width:54%; text-align:right; position:relative; bottom:initial; right:initial; z-index:1; margin-top:20px;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-btn-area {order:6; display:block; height: auto; margin:24px 0 0 114px; width:auto; position:relative; bottom:initial; left:initial; z-index:1;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-btn-area .review {display:block;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift {order:7;margin:24px 0 0 0;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-list {width:100%;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-info {width:100%;} .conbox-myshopping-list .ordered-list-contents.advance .detail .order-gift .gift-info .price {font-size:14px;} .point-area.advance div.inp-point::before{display: none;} .order-area.point-area.advance .order-info-box .inp-point + .btn-point .btn.btn-s {min-width: auto; padding: 0 4.5vw;} .payment-area.advance .cost-listup > li > span > strong { font-size: 15px; } .payment-area.advance .cost-listup > li > .head { padding-top: 8px; } .payment-area.advance .cost-listup > li > .text > strong { font-size: 26px; } .payment-area.advance .cost-listup .card-discount .text { margin-left: 0;} .payment-area.advance .cost-listup .card-discount {padding: 16px 12px;} .payment-area.advance .membership-saving.droptoggle .dropOption .head { width: 50%; } .order-area.pay-info.advance .order-info-box > li:last-child { padding-bottom: 0 !important;} } @media (max-width:324px) { .order-area.benefit .order-spec .order-spec-group{ width:100%; padding-left: 125px;} .order-area.advance .order-spec .order-select {width:calc(100% - 122px);} } /* s : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ .layer-pop.layer-normal.layer-card-info { max-width: 750px; } .layer-pop.layer-normal.layer-card-info .layer-content { min-height: 170px; } .layer-pop.layer-normal.layer-card-info .layer-content ul { overflow: hidden; } @media screen and (max-width: 767px) { .layer-pop.layer-normal.layer-card-info .layer-content { max-height: calc(100vh - 130px); } } /* e : 230710 KDP-33229 혜택시뮬레이터 고도화 2차 */ /* e : 230417 혜택시뮬레이터 고도화 */ /* KDP-28635 중고가전 추가보상 프로그램 (230426) */ .order-info-detail.used-add-prg .used-add2 {display:none;} .order-info-detail.used-add-prg .trade-item .inp-form {width:100%;} .order-info-detail.used-add-prg .trade-item .inp-form > .chk-form {width:48%;} .order-info-detail.used-add-prg .trade-item .chk-form input[type="radio"] {top:50%;transform:translateY(-50%);} .order-info-detail.used-add-prg .trade-item .chk-form input[type="radio"] + label {padding-right:20px;font-weight:normal;} .order-info-detail.used-add-prg .trade-item .chk-form input[type="radio"]:checked + label {font-weight:bold;} @media (max-width: 800px) { .order-info-detail.used-add-prg .trade-item .chk-form input[type="radio"] + label {padding-right:10px;} } /* KDP-29203 N Pay 결제 시 현금영수증 발급 영역 추가 */ .receipt-type-sel:after {clear:both;display:block;content:"";} .receipt-type-sel .receipt-type {float:left;width:calc(100% / 2 - 12px);} .receipt-type-sel .receipt-type + .receipt-type {margin-left:24px;} .receipt-type-sel .type-item {display:none;} @media (max-width: 1280px) and (min-width: 800px) { .receipt-type-sel .receipt-type input:not([type=checkbox]):not([type=radio]).inp-line {min-height:2.9091vw;font-size: 1.2727vw;} .receipt-type-sel .receipt-type input:-ms-input-placeholder {font-size: 1.2727vw;} .receipt-type-sel .receipt-type input::-webkit-input-placeholder {font-size: 1.2727vw;} .receipt-type-sel .receipt-type input:-moz-placeholder {font-size: 1.2727vw;} } @media screen and (max-width:1100px){ .receipt-type-sel .wrap-droplist, .receipt-type-sel .receipt-type {width:100%;} .receipt-type-sel .receipt-type + .receipt-type {margin-left:0;margin-top:15px;} } /* /////////////////////////////// s : KDP-31602 장바구니합결제_금액대별 청구할인_트레이드인 수정(230612) /////////////////////////////// */ /* KDP-31602 트레이드인 */ .trade-in2 .order-info-detail > li:nth-child(odd) { margin-top:12px;padding-top:24px;border-top:1px solid #EBEBEB; } .trade-in2 .order-info-detail > li:first-child { margin-top:0;padding-top:0;border-top:none; } .trade-in2 .order-info-detail .s-head { font-size:16px; } .trade-in2 .order-info-detail .chk-view { padding:10px 0 9px 0; } .trade-in2 .order-info-detail .chk-view > .double-droplist, .trade-in2 .order-info-detail .chk-view > .droplist { margin-top:-10px !important; } /* 230703 정지우 추가 */ /* KDP-31602 중고가전 추가보상 프로그램 */ .etrwd-list .etrwd-box .etrwd-tit-box .item-tit { position: relative;color: #000;font-size: 20px;font-weight: bold;line-height: 26px;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .etrwd-list .etrwd-box .etrwd-tit-box span:not(.item-tit) { position: relative;display: block;font-size: 14px;font-weight: 400;line-height: 20px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .etrwd-list .etrwd-box .chk-form-etrwd.style-btn { margin: 10px 0; } .etrwd-list .etrwd-box .chk-form-etrwd.style-btn input[type="radio"] + label { min-width:120px;height:40px;line-height:40px;font-weight:normal;background:#fff;border:1px solid #b2b2b2;border-radius:20px; } .etrwd-list .etrwd-box .chk-form-etrwd.style-btn input[type="radio"]:checked + label { color:#fff;background:#000;border-color:#000; } @media (max-width: 1440px) and (min-width: 1101px) { /* KDP-31602 트레이드인 */ .trade-in2 .order-info-detail .s-head { font-size:1.1111vw; } /* KDP-31602 중고가전 추가보상 프로그램 */ } @media screen and (max-width: 1100px) and (min-width: 801px) { /* KDP-31602 트레이드인 */ .trade-in2 .order-info-detail { /* padding-top:2.7273vw; */padding-right:10.9091vw; } .trade-in2 .order-info-detail .s-head { font-size:1.4545vw !important; } .order-content .trade-in2 .info-extra li:nth-child(3) { min-height:auto !important; } /* KDP-31602 중고가전 추가보상 프로그램 */ } @media (max-width: 800px) { /* KDP-31602 트레이드인 */ /* 230703 정지우 추가 */ .trade-in2 .order-info-detail .chk-view { padding:8px 0 8px 31%; } .trade-in2 .order-info-detail .chk-view > .double-droplist, .trade-in2 .order-info-detail .chk-view > .droplist { margin-top:-8px !important; } .trade-in2 .double-droplist { gap:20px; } .trade-in2 .double-droplist .wrap-droplist { width:calc(50% - 20px); } .trade-in2 .double-droplist .wrap-droplist:last-child { margin-left:0; } .order-content .trade-in2 .info-extra li:nth-child(3) { min-height:auto !important; } /* KDP-31602 중고가전 추가보상 프로그램 */ } @media (max-width: 320px) { /* KDP-31602 트레이드인 */ /* 230703 정지우 추가 */ .trade-in2 .order-info-detail .chk-view > .double-droplist, .trade-in2 .order-info-detail .chk-view > .droplist { margin-top:-3% !important; } } /* /////////////////////////////// e : KDP-31602 장바구니합결제_금액대별 청구할인_트레이드인 수정(230612) /////////////////////////////// */ /* /////////////////////////////// s : KDP-32183 트레이드인 기능 도입(230626 정지우 작업) /////////////////////////////// */ /* 주문/배송 조회 */ .order-tbl2 { flex-wrap:wrap; } .order-tbl2 .note { padding-bottom:36px; } .order-tbl2 .note li { padding:0 0 0 12px;text-indent:-12px;color:#FF4337; } /* .order-area2 .trade-in { margin-top:12px; } .order-area2 .trade-in > div:first-child { margin-top:12px; } .order-area2 .trade-in .info-box dt { top:12px; } 20230627 삭제 */ .order-area2 .trade-in > div:not(:nth-last-of-type(1)) { padding-bottom:12px;border-bottom:1px solid #ebebeb; } .order-area2 .trade-in .info-box { padding-top:12px;padding-bottom:12px;border-bottom:none !important; } .order-area2 .trade-in .info-box > dd .dame-box { position:relative;margin-left:12px;padding-left:10px; } .order-area2 .trade-in .info-box > dd .dame-box:after { content:"";position:absolute;top:50%;left:0;display:block;width:1px;height:14px;margin-top:-7px;background:#d9d9d9; } .trade-in-return2.row1 { padding-bottom:12px;border-bottom:1px solid #EBEBEB; } /* 취소 상세 */ .info-section.tir-box { padding-top:12px !important; } .info-section.tir-box .trade-in-return2.row1 + .trade-in-return2 { padding-top:12px; } .info-section.tir-box .info-box dt, .mcd-box .info-section .info-box dt { top:12px; } .mcd-box .info-section > div:not(:nth-last-of-type(1)) { padding-bottom:12px;border-bottom:1px solid #ebebeb; } .mcd-box .info-section .info-box { padding-top:12px;padding-bottom:12px;border-bottom:none !important; } @media (max-width: 800px) { /* 주문/결제 */ .order-info-box .trade-in2 .note { margin-top:14px; } /* 주문 완료 */ .trdin-box .delivery-by-order { padding-top:6px; } /* 주문 배송 조회 */ .order-tbl2 .note { order:7;padding:36px 0 0 0; } /* 주문/배송 상세 */ .order-area2 .trade-in > div:not(:nth-last-of-type(1)) { padding:0 0 24px 0 !important; } .order-area2 .trade-in .info-box > dt { position:absolute !important;top:24px !important; } .order-area2 .trade-in .info-box > dd .dame-box { display:block;margin-top:15px;margin-left:0;padding-left:0; } .order-area2 .trade-in .info-box > dd .dame-box:after { display:none; } .trade-in-return2.row1 { padding-bottom:24px; } /* 취소 상세 */ .info-section.tir-box .info-box dt, .mcd-box .info-section .info-box dt { top:24px; } .info-section.tir-box .info-box dt, .info-section.tir-box .info-box dd { padding:9px 0 !important; } .mcd-box .info-section > div:not(:nth-last-of-type(1)) { padding-bottom:24px; } .canceled-list-contents .tir-box { padding-top:0px !important; } .canceled-list-contents .tir-box.info-section.trade-in-return .info-box > dt { top:24px !important; } .info-section.tir-box .trade-in-return2.row1 + .trade-in-return2 { padding-top:0; } } /* /////////////////////////////// e : KDP-32183 트레이드인 기능 도입(230626 정지우 작업) /////////////////////////////// */ /* KDP-34016 8월 패넷 롯데카드 청구할인 관련 결제 페이지 수정 */ .credit-card > li > button {position:relative;} .credit-card > li > button > .flag {position: absolute;top:0;left:0;margin:0;display:inline-block;height:20px;padding: 4px 8px 3px;border-radius: 6px 0 6px 0;background:#999;color:#fff;font-size:12px;vertical-align:top;} .credit-card > li.on > button > .flag {background:#2189FF;} .order-area.pay-info .pay-benefit-info-area {margin:30px 0;padding-top:0;} .order-info-box .pay-benefit-info-area .head {top:50%;transform:translateY(-50%);} .order-area.pay-info .pay-benefit-info-area .pay-info-notice ul {margin:0;padding:20px 24px;border-top:none;border-radius: 6px;background: #f7f7f7;} .order-area.pay-info .pay-benefit-info-area .pay-info-notice li {display:inline-flex;width:100%;align-items:center;padding-right:12px;} .order-area.pay-info .pay-benefit-info-area .pay-info-notice li + li {margin-top: 10px;} .order-area.pay-info .pay-benefit-info-area .pay-info-notice .flag {display: inline-flex;height: 20px;margin-right: 6px;padding: 4px 8px 3px;border: 1px solid #2189FF;border-radius: 33px;background:#fff;color:#2189FF;font-size:12px;vertical-align:top;} .order-area.pay-info .pay-benefit-info-area .pay-info-notice .link {display: inline-flex;display: -webkit-box;height: 20px;padding: 0 13px 0 0;overflow: hidden;color: #707070;font-size: 14px;text-overflow: ellipsis;line-height: 1.4;white-space: initial;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;background-image: linear-gradient(rgba(247, 247, 247, 0.3), rgba(247, 247, 247, 0.3)), url("/sec/static/_images/common/icon_arr_right_gray.svg");background-repeat: no-repeat;background-position: top 4px right;background-size: auto 10px;} .order-area.pay-info .pay-benefit-info-area .pay-info-notice .link em {display:inline-block;margin-right:6px;color:#000;font-size:inherit;vertical-align:top;} @media (max-width: 800px) { .order-content .order-area.pay-info .order-info-box > .pay-benefit-info-area {padding-top:0;margin:-26px 0 0;} } /* KDP-35627 [B2C] Toss페이 아이콘 퍼블 수정 */ .order-area.pay-info.advance .order-info-box .easy-pay > li > button.toss { background: url("/sec/static/_images/credit-card/easy-toss.svg") no-repeat; background-size: 100% auto; } .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.toss { background: url("/sec/static/_images/credit-card/easy-toss-on.svg") no-repeat; background-size: 100% auto; } @media (max-width: 801px) and (min-width: 351px) { .order-area.pay-info.advance .order-info-box .easy-pay > li > button.toss { background: url("/sec/static/_images/credit-card/mb/easy-toss.svg") no-repeat; background-size: 100% auto; } .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button.toss { background: url("/sec/static/_images/credit-card/mb/easy-toss-on.svg") no-repeat; background-size: 100% auto; } } /* KDP-36157 [B2C] 시간대별 배송 */ .order-content .order-spec-group .ico-group-t {position:relative;} .order-content .order-spec-group .ico-group-t .ico-bubble {position:static;overflow:initial;} .order-content .order-spec-group .ico-group-t .bubble-box {margin-left:0;position:absolute;left:-10px;top:-50px;padding:8px 12px;line-height:14px;color:#2189FF;font-size:12px;font-weight:700;background-color:#fff;border:1px solid #2189FF;border-radius:5px;} .order-content .order-spec-group .ico-group-t .bubble-box:after {position:absolute;bottom:-3px;left:50%;transform:translateX(calc(-50% - 3px)) rotate(45deg);display:inline-block;width:16px;height:8px;border:1px solid #2189FF;background-color:#fff;z-index:-1;content:"";} .order-content .order-spec-group .ico-group-t .bubble-box:before {position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:12px;height:1px;background-color:#fff;z-index:0;content:"";} .delivery-method .order-info-detail.info-extra span {line-height:32px;} .delivery-method .order-info-detail .reward-value {margin-top:6px;line-height:16px;color:#707070;text-align:right;} .delivery-method-sel {display:flex;gap:8px;} .delivery-method-sel li {width:50%;margin:0;padding:0;} .delivery-method-sel .delivery-method-item {display:block;height:100%;border:1px solid #8E8E8E;border-radius:10px;cursor:pointer;overflow:hidden;} .delivery-method-sel .delivery-method-item.new:after {position:absolute;left:12px;top:-10px;padding:0 8px;height:20px;line-height:20px;border-radius:10px;color:#fff;font-size:12px;font-weight:700;background-color:#2189FF;content:"NEW";} .delivery-method-sel .delivery-method-item .method-tit {position:relative;display:flex;align-items:center;margin-top:4px;padding-left:43px;width:100%;height:40px;color:#000;font-size:14px;font-weight:700;background-color:#fff;} .delivery-method-sel .delivery-method-item .method-tit:before {position:absolute;left:14px;top:50%;transform:translateY(-50%);display:inline-block;width:25px;height:24px;background:url('/sec/static/_images/icon_dps/icon_general_delivery.svg') no-repeat center;content:"";} .delivery-method-sel .delivery-method-item .method-tit br {display:none;} .delivery-method-sel .delivery-method-item .method-text {display:inline-block;padding:12px 14px;width:100%;height:calc(100% - 44px);color:#000;line-height:16px;font-size:12px;background-color:#F7F7F7;} .delivery-method-sel .delivery-method-item .method-text strong {color:#2189FF;vertical-align:top;font-size:inherit;} .delivery-method-sel .delivery-method-item.new .method-tit:before {background:url('/sec/static/_images/icon_dps/icon_time_delivery.svg') no-repeat center;} .delivery-method-sel a[aria-selected="true"] {border:1px solid #2189FF;outline:1px solid #2189FF;} .delivery-method-sel a[aria-selected="true"] .method-tit {color:#2189FF;} .delivery-method-sel a[aria-selected="true"] .method-text {background-color:#F5F7FE;} .delivery-method-sel .tooltip-add .btn-tip {position:static;} .my-canceled-list .canceled-item .item-spec .type span {display:inline-block;} .my-canceled-list .canceled-item .item-spec .type span ~ span {margin-left:6px;} .text-gap {word-spacing:5px;} .input-date.flex-st {display:flex;align-items:center;gap:3px;padding-left:0;} .input-date.flex-st > .tit {position:static;line-height:normal !important;flex:0 0 auto;} .input-date.flex-st .btn-deliver-date-change {flex:0 0 auto;} .input-date.date-focus.flex-st .inp-calendar {word-spacing:5px;} .delivery-method .order-info-detail.info-extra > span {padding:0 35px 0 80px;position:relative;vertical-align:middle;} .delivery-method .order-info-detail.info-extra .inp-form {height:32px;padding:0 35px 0 80px;position:relative;vertical-align:middle;} .delivery-method .order-info-detail.info-extra .inp-form .inp-line.inp-calendar {position:absolute;left:0;top:0;background-color:transparent !important;z-index:1;} .delivery-method .order-info-detail.info-extra .inp-form .inp-line.inp-calendar:focus {outline:dashed 2px #2189ff !important;} .delivery-method .order-info-detail.info-extra .inp-form .inp-line:focus + .inp-line {border-bottom:2px solid transparent;} .delivery-method .order-info-detail.info-extra .inp-form .inp-line + .inp-line:focus {border-bottom:2px solid transparent;} .input-date.date-focus.flex-st .inp-form {display:flex;align-items:center;position:relative;width:200px;height:32px;vertical-align:middle;} .input-date.date-focus.flex-st .inp-calendar {max-width:none;} .input-date.date-focus.flex-st .inp-line.inp-calendar {position:absolute;left:0;right:0;top:0;width:45%;max-width:none;background-color:transparent !important;z-index:1;} .input-date.date-focus.flex-st .inp-line.inp-calendar:focus {outline:dashed 2px #2189ff !important;} .input-date.date-focus.flex-st .inp-line + .inp-line {position:absolute;right:0;width:55%;} .delivery-method .banner-area {display:inline-block;width:100%;margin-top:20px;max-width:566px;height:100px;line-height:100px;text-align:center;background-color:#ddd;} .info-guide.bold-st li {font-weight:700;} .info-guide.bold-st li strong {vertical-align:top;font-size:inherit;} .order-info-box > li.delivery-method:nth-last-child(1) {padding-bottom:30px;border-bottom:1px solid #eaeaea;} .delivery-method .order-info-detail.info-extra .inp-form .error-msg {position:absolute;bottom:-20px;left:0;} @media (min-width:1441px) { .delivery-method-sel li {width:184px;} } @media (min-width: 1101px) and (max-width: 1440px) { .input-date.date-focus.flex-st .inp-form {width:15vw;height:2.2222vw} .delivery-method .order-info-detail.info-extra .inp-form {height:2.2222vw;} } @media (max-width: 1100px) and (min-width: 801px) { .input-date.date-focus.flex-st .inp-form {width:18vw;height:2.9091vw} .input-date.date-focus input[type="text"].inp-line.inp-calendar {max-width:none;} .delivery-method .order-info-detail.info-extra .inp-form .error-msg {bottom:-2vw;} .delivery-method-sel .delivery-method-item .method-tit {padding-left:3.90vw;font-size:1.2727vw;height:4.0vw;line-height:4.0vw;} .delivery-method-sel .delivery-method-item .method-tit:before {left:0.9091vw;width:2.2727vw;height:2.1818vw;background-size:2.2727vw auto !important;} .delivery-method-sel .delivery-method-item .method-text {padding:1.0909vw 1.4545vw;font-size:1.0909vw;line-height:1.4545vw;height:calc(100% - 4.0vw);} } @media (max-width: 800px) { .order-content .order-spec-group .ico-group-t .ico-bubble .bubble-box {top:-45px} .order-content .delivery-method .info-extra .tooltip-add {padding:0;} .delivery-method .order-info-detail .tooltip-add .btn-tip {position:static;display:inline-block;margin-left:5px;transform:translateY(0);vertical-align:text-bottom;} .delivery-method .order-info-detail .reward-value {font-size:12px;} .input-date.date-focus.flex-st {min-width:200px;max-width:none;flex-wrap:wrap;} .input-date.date-focus.flex-st .btn-deliver-date-change {margin-left:0;} .input-date.date-focus.flex-st .inp-form {width:37vw;} .delivery-method .order-info-detail.info-extra .inp-form .error-msg {bottom:-3vw;} .conbox-myshopping-list .ordered-list-contents .order-head-info ul li {padding-left:130px;} /* .order-content .delivery-method .info-extra .inp-form {height: 135px !important;}*//* KDP-47635 개통폰 긴급오류수정*//* 240202 삭제 */ #liExtraServiceInfo .order-info-detail .counsel-method .input-caution:not(:first-of-type){padding-top: 2px;} /* KDP-47635 개통폰 긴급오류수정*/ } @media screen and (max-width: 540px) { .input-date.date-focus.flex-st {max-width:250px;flex-wrap:wrap;} .input-date.date-focus.flex-st .inp-form {width:180px;} .delivery-method .order-info-detail.info-extra .inp-form .error-msg {bottom:-5vw;} } @media (max-width: 360px) { /* KDP-46431 [ALL] 주문/결제 페이지 시간 맞춤 배송 텍스트 겹침 현상 (340px → 360px로 수정) */ .order-content .info-extra .tooltip-add {width:28%;margin-right:14px;} .order-content .info-extra .inp-form {width:calc(72% - 14px);} .input-date.date-focus.flex-st {max-width:250px;flex-wrap:wrap;} .delivery-method-sel .delivery-method-item .method-tit {padding-left:40px;height:50px;line-height:18px;} .delivery-method-sel .delivery-method-item .method-tit:before {left:10px;width:24px;height:24px;background-size:24px auto !important;} .delivery-method-sel .delivery-method-item .method-tit br {display:block;} .delivery-method-sel .delivery-method-item.new .method-tit:after {margin-left:3px;padding:0 0 0 4px;width:12px;letter-spacing:5px;text-align:left;overflow:hidden;} .delivery-method-sel .delivery-method-item .method-text {padding:12px;height:calc(100% - 54px)} .order-content .delivery-method .info-extra .tooltip-add {width:66px;font-size:12px;} .order-content .delivery-method .info-extra .inp-form {width:100%;} /* KDP-47635 개통폰 긴급오류수정*//* 240202 수정 */ .delivery-method .order-info-detail.info-extra .inp-form {padding:0 10.9375vw 0 25.0000vw;} .order-content .delivery-method .info-ul li .deliveryTable table th, .order-content .delivery-method .info-ul li .deliveryTable table td {padding:5px;word-break:normal;} } @media (max-width: 320px){ #ui-datepicker-div{ left: 55% !important; transform: translateX(-50%);} } /* KDP-46431 [ALL] 주문/결제 페이지 시간 맞춤 배송 텍스트 겹침 현상 */ .delivery-method .info-ul.sub li strong {font-size:inherit;vertical-align:top;} @media (max-width: 360px) { .delivery-method-sel .delivery-method-item .method-tit {height:50px;line-height:18px;} } /* [S] KDP-45911 [퍼블]Mobile First UXUI_검색 - 장바구니/결제 */ .content.order-content.order-renew > .tit-box {margin-bottom:40px} .content.order-content.order-renew > .tit-box .txt-s20 {font-size:24px;line-height:1;letter-spacing:0} .content.order-content.order-renew .order-top {display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #eee} .content.order-content.order-renew .order-top h2 {padding:0;font-size:20px;line-height:26px} .content.order-content.order-renew .order-top .btn-underline {margin:0;font-size:13px;font-weight:normal;letter-spacing:0;line-height:18px;border:none} .content.order-content.order-renew .order-info-detail .error-msg {width:100%;padding:8px 0 0 !important} .content.order-content.order-renew .order-info-detail .error-msg p, .content.order-content.order-renew .input-obj .error-msg p {color:#2189FF;word-break:break-all;} .content.order-content.order-renew #delivery-tab-view2 .delivery-box .info-extra .err or-msg {padding:8px 0 0} /* 리스트 공통 */ .content.order-content.order-renew .order-area {margin-bottom:0;} .content.order-content.order-renew .order-area.order-m-area.benefit.advance {margin-bottom:0} .content.order-content.order-renew .order-area.advance .order-tbl {min-height:180px;padding:32px 0 40px 236px} .content.order-content.order-renew .order-area > h2 {position:absolute;top:32px;padding:0;font-size:20px;line-height:1;border:none} .content.order-content.order-renew .order-info-wrap {border-bottom:8px solid #F7F7F7} .content.order-content.order-renew .order-info-detail {max-width:100%;padding:0} .content.order-content.order-renew .order-info-detail li {display:flex;flex-wrap:wrap;min-height:initial;margin:0;padding:0;font-size:14px;border:none} .content.order-content.order-renew .order-info-detail li > .head {width:100%} .content.order-content.order-renew .order-info-detail li+li {margin-top:16px} /* 리스트 번들 */ .content.order-content.order-renew .benefit .multi-order-tbl .order-tr {display:flex;flex-wrap:wrap;min-height:120px} .content.order-content.order-renew .benefit .multi-order-tbl .order-tr+.order-tr {margin-top:24px} /* 공통 */ .content.order-content.order-renew input:not([type=checkbox]):not([type=radio]).inp-line {width:100%; height:40px; padding:0 12px; border:1px solid #DDD; font-size:14px; font-weight:normal;border-radius:6px;} .content.order-content.order-renew input:not([type=checkbox]):not([type=radio]).inp-line::placeholder {font-size:14px} /* ??? */ .content.order-content.order-renew .address-memo-droplist .droplist-button {flex-wrap:wrap;min-height:initial;margin:0;padding:0} .content.order-content.order-renew .order-info-detail li.padding-none+li.dlvrMsg {margin:16px 0 0} .content.order-content.order-renew .order-box:has(.order-info-box+.info-ul) {padding-bottom:0;border:none} .content.order-content.order-renew .delivery_notice {margin-top:24px} .content.order-content.order-renew .delivery_notice li {position:relative; padding-left:20px; color:#707070; font-size:12px; line-height:18px} .content.order-content.order-renew .delivery_notice li+li {margin-top:5px} .content.order-content.order-renew .delivery_notice li:before {content:'※'; position:absolute; top:0; left:0; display:inline-block} /* 큐커 */ .content.order-content.order-renew:has(.qker-brand) .coupon_code_wrap {border-bottom:8px solid #F7F7F7} .content.order-content.order-renew:has(.qker-brand) .order-area~.order-area {border-top:8px solid #F7F7F7} .content.order-content.order-renew:has(.qker-brand) .order-area.pay-info .order-info-box {padding:0} .content.order-content.order-renew:has(.qker-brand):not(.coupon_code_wrap) .coupon_code_wrap {border-bottom:none} /* 큐커 - 결제 수단 */ .content.order-content.order-renew .qker-brand .order-tbl {flex-wrap:wrap;min-height:180px;padding:32px 0 40px 236px} .content.order-content.order-renew .qker-brand .info-ul {margin-left:0} .content.order-content.order-renew .pay-view.creditcard > div:not(.pd-top), .content.order-content.order-renew .pay-view.creditcard > ul, .content.order-content.order-renew .pay-view.virtual-account > div, .content.order-content.order-renew .pay-view.account-transfer > div {padding:0} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .page-division {display:none} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-view .pay-input-box-1 {width:100%} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-view .pay-input-box-1 .pay-input {width:calc(50% - 4px)} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-view .pay-input-box-1 .wrap-droplist {width:100%} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-view .pay-input-box-1 .droplist-button {width:100%;height:40px; padding:0 12px; border:1px solid #DDD; border-radius:6px} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-view .pay-input-box-1 .droplist-button:before {right:12px} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-view .pay-input-box-1 .droplist-button::placeholder {font-size:14px} /* 최대 쿠폰 할인 */ .content.order-content.order-renew .max_coupon_wrap {display:flex;align-items:center;flex-flow:row-reverse;justify-content: left;width:100%;margin-bottom:24px;padding:8px 12px; border-radius:8px; color:#8F8F8F; font-size:12px;background:#F7F7F7} .content.order-content.order-renew .max_coupon_wrap:has(.toggleCheck input[type="checkbox"]:checked) {color:#2189FF;font-weight:bold; background:#F5F7FE} .content.order-content.order-renew .max_coupon_wrap:has(.toggleCheck input[type="checkbox"]:checked:disabled) {opacity:0.7; pointer-events:none;} .content.order-content.order-renew .max_coupon_wrap .toggleCheck {margin-right:8px} /* 할인 쿠폰 - 코드 */ .content.order-content.order-renew .coupon_code_wrap {display:flex; align-items:flex-start;padding:40px 0;border-top:1px solid #F7F7F7} .content.order-content.order-renew .coupon_code_wrap .coupon_code_top {display:flex; align-items:center; width:235px;} .content.order-content.order-renew .coupon_code_wrap .coupon_code_top span {display:flex; align-items:center; color:#000; font-size:16px; font-weight:700; line-height:22px} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con {display:flex; justify-content:space-between; align-items:center; width:calc(50% - 120px); padding:16px; border:1px solid #8F8F8F; cursor:pointer; border-radius:6px} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con[data-status="disabled"] {filter:grayscale(1); pointer-events:none; opacity:0.5;} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con span {display:flex; align-items:center; align-items:center; color:#000; font-size:14px; font-weight:700; line-height:24px;pointer-events:none;} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con strong {margin-right:6px; color:#2189FF; font-size:16px;pointer-events:none;} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con .coupon_code_price {display:flex;align-items:center;color:#000;font-size:14px;font-weight:bold;pointer-events:none;} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con .coupon_code_price:after {content:''; display:inline-block; width:16px; height:16px; margin-left:2px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='icon-16-midium-down' transform='translate(0 16) rotate(-90)'%3E%3Cpath id='패스_328' data-name='패스 328' d='M10,0,5,5,0,0' transform='translate(3 5.496)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Crect id='사각형_222' data-name='사각형 222' width='16' height='16' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con .coupon_price_box {display:flex; align-items:center;pointer-events: none;} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con .coupon_price_box span {margin-right:4px; color:#2189FF; font-size:16px; font-weight:bold;} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con .coupon_price_box button {display:flex; align-items:center; align-items:center; color:#000; font-size:14px; font-weight:700; line-height:24px} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con .coupon_price_box em {margin-right:4px;color:#2189FF;font-size:16px;font-weight:bold} /* 할인 쿠폰 없을 때 */ .content.order-content.order-renew:not(.coupon_code_wrap) .order-area.order-m-area.benefit.advance~.order-area {border-top:8px solid #F7F7F7} .content.order-content.order-renew:not(.coupon_code_wrap) .order-area.order-m-area.benefit.advance~.order-area br {display:none} /* 리스트 */ .content.order-content.order-renew .order-price-count {display:flex; justify-content:space-between;align-items:flex-end; width:100%; margin-top:16px} .content.order-content.order-renew .order-spec {width:100%; padding:0} .content.order-content.order-renew .order-spec .ico-group .o-spec span:not(.telecom) {font-size:12px} .content.order-content.order-renew .order-spec-group, .content.order-content.order-renew .order-spec-group .o-label {min-height:initial; margin:0;font-size:12px} .content.order-content.order-renew .order-spec-group .o-title a {display:-webkit-box;font-size:16px;overflow:hidden;text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .content.order-content.order-renew .order-spec-group .ico-group {margin-top:8px} .content.order-content.order-renew .order-spec-group .ico-group-t .ico-b, .content.order-content.order-renew .order-spec-group .ico-group-t .ico-t {font-size:12px} .content.order-content.order-renew .order-image {position:absolute;left:0} .content.order-content.order-renew .order-image, .content.order-content.order-renew .order-image .photo {width:120px; height:120px; padding:0;transform:translateY(0);} .content.order-content.order-renew .order-image .photo a {display:flex; justify-content:center; align-items:center; width:120px; height:120px; overflow:hidden; border-radius:6px; background:#F7F7F7} .content.order-content.order-renew .order-count {flex-shrink:0;width:auto;padding:0; font-size:16px; font-weight:bold; line-height:26px} .content.order-content.order-renew .coupon_price {position:absolute; top:-20px; right:24px; color:#2189FF; font-size:12px; font-weight:700; line-height:18px} .content.order-content.order-renew .order-price {display:flex; justify-content:end; align-items:center; width:100%; padding:0;z-index:initial} .content.order-content.order-renew .order-price .price-small {margin:0 8px 0 0;font-size:16px;line-height:18px} .content.order-content.order-renew .order-price .price-smaller {width:100%;margin-right:6px;color:#8F8F8F;font-size:12px;line-height:18px;letter-spacing:0;} .content.order-content.order-renew .order-price .price-big {margin:0;font-size:20px;font-family:"Samsung Sharp Sans";white-space:nowrap;} .content.order-content.order-renew .order-price .price-big em {font-size:20px; margin-left:4px;} .content.order-content.order-renew .order-price .btn-downtool {top:0;flex-shrink:0;width:16px; height:16px; margin-left:8px; background:url("data:image/svg+xml,%3Csvg id='icon-16-midium-down' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='패스_328' data-name='패스 328' d='M10,0,5,5,0,0' transform='translate(3 5.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Crect id='사각형_222' data-name='사각형 222' width='16' height='16' fill='none'/%3E%3C/svg%3E%0A") center no-repeat} .content.order-content.order-renew .order-price .btn-downtool.open {transform:rotate(-180deg)} .content.order-content.order-renew .order-price .box-tip {top:32px; width:272px; margin:0; padding:16px 24px; border:1px solid #BBB; border-radius:6px; background:#F7F7F7} .content.order-content.order-renew .order-price .box-tip .total .tit {font-size:16px} .content.order-content.order-renew .order-price .box-tip .total .price {color:#2189FF; font-size:16px} .content.order-content.order-renew .order-price .box-tip > ul > li {display:flex;align-items:center;justify-content:space-between;} .content.order-content.order-renew .order-price .box-tip > ul > li+li {margin-top:8px} .content.order-content.order-renew .order-price .box-tip li ~ li:not(.total) {margin-top:8px} /* 분할결제 - 남은금액 */ .content.order-content.order-renew .order-price-remaining {display:flex; justify-content:flex-end; align-items:center; width:100%; margin-top:14px;} .content.order-content.order-renew .order-price-remaining .label {padding:4px 6px; border:1px solid #2189ff; border-radius:4px; color:#2189ff; font-size:11px; font-weight:bold;} .content.order-content.order-renew .order-price-remaining .price {display:flex; align-items:center; margin-right:24px; color:#2189ff; font-size:20px; font-weight:bold;} .content.order-content.order-renew .order-price-remaining .price strong {margin:0 8px; font-size:26px; font-family:"Samsung Sharp Sans";} /* 홈 */ .content.order-content.order-renew .orderTextWrap {margin-top:12px} .content.order-content.order-renew .orderTextWrap .orderText {color:#707070;font-size:12px;line-height:1.4} /* 품절 */ .content.order-content.order-renew .info-ul.nonestockGoodsErr {margin:8px 0 0} .content.order-content.order-renew .info-ul.nonestockGoodsErr .red-color02 strong {font-size:14px} /* 추가 제공 혜택 */ .content.order-content.order-renew .gift-soldout {position:relative; width:100%; margin-top:6px; padding-left:8px; color:#757575; font-size:11px; line-height:1.4} .content.order-content.order-renew .gift-soldout:before {content:'*'; display:inline-block; position:absolute; top:0; left:0; color:#757575; font-size:11px} .content.order-content.order-renew .gift-choice-list {display:flex; flex-wrap:wrap; width:100%; margin-top:12px; gap:8px;} .content.order-content.order-renew .gift-choice-list .item {display:flex; align-items:center; width:calc(25% - 8px); height:26px; padding:0 8px; border-radius:4px; font-size:12px; background:#F7F7F7} .content.order-content.order-renew .gift-choice-list .item span {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:12px} .content.order-content.order-renew .order-select .gifts-select ~ .gifts-select {margin-top:0} .content.order-content.order-renew .order-gift {display:flex; justify-content:end; width:100%; margin:12px 0 0} .content.order-content.order-renew .order-gift .gift-list-box {display:block; width:100%; padding:15px 24px;border:1px solid #EEE;border-radius:6px;} .content.order-content.order-renew .order-gift .gift-list-box .gift-info {display:flex; align-items:center; width:100%; padding:0} .content.order-content.order-renew .order-gift .gift-list-box .gift-info .tit {margin:0;font-size:14px;line-height:18px} .content.order-content.order-renew .order-gift .gift-list-box .gift-info .txt {margin:0 0 0 5px; padding:0;font-size:12px;line-height:18px} .content.order-content.order-renew .order-gift .gift-list-box .gift-info .price {position:absolute; top:15px; right:24px; margin:0;font-size:14px} .content.order-content.order-renew .order-gift .gift-list-box .gift-list {width:100%;margin-top:12px} .content.order-content.order-renew .order-gift .gift-list-box .gift-list .names {width:114px;font-size:12px;line-height:16px} .content.order-content.order-renew .order-gift .gift-list-box .gift-list li {min-width:auto} .content.order-content.order-renew .order-gift .gift-list-box .gift-list li .gifts-select {height:42px;padding:0 8px} /* 냉장고 */ .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke {display:flex; flex-wrap:wrap; margin:8px 0 10px;padding:0;background:#fff} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bespoke-box {display:flex; align-items:center; width:100%; padding:12px; border:1px solid #EEE; border-radius:6px; gap:0 24px;background:#F7F7F7} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bespoke-color-set {display:flex; flex-wrap:wrap; align-items:center; width:100%; margin:0} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .option-box {display:flex; flex-wrap:wrap; align-items:center; gap:8px;margin:12px 0} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .option-box .bespoke-selected-opt-list {width:calc(33% - 4px)} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bc-info {position:relative; width:100%; height:18px;margin:0 0 4px; border-radius:4px; font-size:12px;font-weight:bold; line-height:18px; z-index:1} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bc-color {position:relative; width:28px; height:28px; border:none} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bc-color .bc-bg {width:28px; height:28px} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bc-spec {display:flex; flex-direction:column; position:relative; width:calc(100% - 36px); color:#707070} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bc-spec .bc-name {height:14px; margin:0; color:#707070; font-size:12px; line-height:14px; letter-spacing:0;word-break:break-all;} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bc-spec .bc-cost {height:14px; font-size:12px;line-height:14px} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bc-spec .bc-cost > em {font-size:12px} .content.order-content.order-renew .order-area.advance .order-tbl .bespoke-selected-opt-list {display:inline-flex; flex-wrap:nowrap; width:auto; margin:0; padding:12px 16px 10px; border:none; border-radius:6px; background:#F7F7F7} .content.order-content.order-renew .order-area.advance .order-tbl .bespoke-selected-opt-list ul {width:100%} .content.order-content.order-renew .order-area.advance .order-tbl .bespoke-selected-opt-list ul li {display:flex; justify-content:space-between; align-items:center; width:100%; min-height:32px;} .content.order-content.order-renew .order-area.advance .order-tbl .bespoke-selected-opt-list ul li > span {display:-webkit-box; float:initial; width:auto; overflow:hidden; color:#707070; font-size:12px; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .content.order-content.order-renew .order-area.advance .order-tbl .bespoke-selected-opt-list ul li > span+span {flex-shrink:0;margin-left:10px} /* 김치냉장고 문구 */ .content.order-content.order-renew .order-spec-group .o-label .red-color {position:relative; margin-top:6px; color:#707070; font-size:11px; line-height:14px} /* 리스트 - 상품 더 보기 */ .content.order-content.order-renew .product_more .more_btn {display:flex; justify-content:center; align-items:center; width:100%; margin:40px 0 24px; font-size:14px; font-weight:700; line-height:18px} .content.order-content.order-renew .product_more .more_btn:after {content:''; display:inline-block; width:16px; height:16px; margin-left:6px; background:url("data:image/svg+xml,%3Csvg id='icon-16-midium-down' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='패스_328' data-name='패스 328' d='M10,0,5,5,0,0' transform='translate(3 5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Crect id='사각형_222' data-name='사각형 222' width='16' height='16' fill='none'/%3E%3C/svg%3E%0A") center no-repeat} .content.order-content.order-renew .product_more .more_btn.on:after {transform:rotate(-180deg)} /* 배송 정보 - 주문자 */ .content.order-content.order-renew .order-box {position:relative} .content.order-content.order-renew .order-info-box > li.order-info-edit {margin:0;padding:0 0 0 236px} .content.order-content.order-renew .tab-view {position:relative;width:100%} .content.order-content.order-renew .user_info_close {display:flex; position:absolute; top:-40px; right:0; align-items:center} .content.order-content.order-renew .user_info_close .info_close span {font-size:14px;font-weight:bold;line-height:20px;border-bottom:1px solid #000} .content.order-content.order-renew .input-type-ul > li.input-obj .droplist-button {height:40px; padding:0 12px; border:1px solid #DDD; font-size:14px; border-radius:6px} .content.order-content.order-renew .input-type-ul > li.input-obj .droplist-button:before {right:12px} /* 배송 정보 - 주문자 닫힌상태 */ .content.order-content.order-renew .order-info-box .member_info {display:flex; flex-wrap:wrap;align-items:center;width:100%} .content.order-content.order-renew .order-info-box .member_info span {display:flex; align-items:center; font-size:14px} .content.order-content.order-renew .order-info-box .member_info span+span:before {content:''; display:inline-block; width:1px; height:15px; margin:0 8px; background:#ddd} .content.order-content.order-renew .order-info-box .member_info p {margin-top:16px;width:100%;font-size:14px;} .content.order-content.order-renew .order-info-box .member_info .member_info_change {position:absolute;top:0;right:0;display:flex;align-items:center;margin-left:auto} .content.order-content.order-renew .order-info-box .member_info .member_info_change .member_info_change_btn {margin-left:auto; font-size:14px; font-weight:bold; line-height:20px;border-bottom:1px solid #000} .content.order-content.order-renew .order-info-box .member_info .member_info_change .member_info_change_btn:before {content:none} /* 배송 정보 - 주문자 열린상태*/ .content.order-content.order-renew .user_info_change {position:relative;width:100%} .content.order-content.order-renew .user_info_change .input-type-ul {display:flex;flex-wrap:wrap;gap:16px 8px;max-width:100%} .content.order-content.order-renew .user_info_change .input-type-ul .input-obj {width:calc(50% - 4px)} .content.order-content.order-renew .user_info_change .input-type-ul .input-obj+.input-obj {margin:0} .content.order-content.order-renew .input-type-ul .s-head, .content.order-content.order-renew .input-type-div .s-head {display:block; position:relative; top:initial; left:initial; width:100%; margin-bottom:8px; padding:0; color:#000;font-weight:bold;line-height:24px} .content.order-content.order-renew .input-type-ul > li.input-obj .select-btn {display:flex;align-items:center;padding:0} .content.order-content.order-renew .input-type-ul > li.input-obj .select-btn button {position:relative;flex-shrink:0;margin:0 0 0 8px;padding:0;height:40px;font-size:14px;line-height:40px;border-radius:6px;} .content.order-content.order-renew .input-type-ul > li.input-obj, .content.order-content.order-renew .input-type-div > div.input-obj {padding:0; margin:0} /* 배송 정보 - 보내는 분 열린상태 */ .content.order-content.order-renew .order-info-box:has(#liMemberInfo[style*="display: none;"]) #liEditMemberInfo {margin-top:0} /* 배송 정보 - 신규 등록 버튼 */ .content.order-content.order-renew .tab-view .order-btn {top:0;padding:0} .content.order-content.order-renew .tab-view .order-btn .btn-underline {margin:0;font-size:14px} /* 배송 정보 - 수령인 이름 */ .content.order-content.order-renew .tab-view .validate-delivery-info {display:flex;flex-wrap:wrap;gap:16px 8px;max-width:100%} .content.order-content.order-renew .tab-view .validate-delivery-info .input-obj {width:calc(50% - 4px)} .content.order-content.order-renew .tab-view .validate-delivery-info .input-obj:has(.select-btn) {width:calc(50% - 1px)} .content.order-content.order-renew .tab-view .validate-delivery-info .dlvrMsg {margin:0;width:calc(50% - 4px)} /* 주문자 - 신규 등록 */ .content.order-content.order-renew .tab-view:has(.input-type-ul + .order-btn) .input-type-ul {padding-top:36px} /* 배송 정보 - 배송지 */ .content.order-content.order-renew .order-item-top {position:relative; display:flex;width:100%} .content.order-content.order-renew .order-item-top .order-add-badge {display:inline-flex; justify-content:center; align-items:center; width:auto; height:20px; padding:0 8px; border:1px solid #757575; color:#757575; font-size:12px; border-radius:8px} .content.order-content.order-renew .order-item-top .order-btn {top:0; width:auto; margin-left:auto; padding:0} .content.order-content.order-renew .order-item-top .order-btn .btn-underline {margin:0;font-size:12px} .content.order-content.order-renew .order-info {display:flex; flex-wrap:wrap; margin-top:10px; line-height:18px} .content.order-content.order-renew .order-info span {font-size:14px} .content.order-content.order-renew .order-info .number {display:flex; align-items:center} .content.order-content.order-renew .order-info .number:before {content:''; width:1px; height:15px; margin:0 8px; background:#DDD} .content.order-content.order-renew .order-info .address {width:100%; margin-top:10px; font-size:14px} /* 배송 정보 - 메세지 직접 입력 */ .content.order-content.order-renew .order-info-detail li.dlvrMsg {width:calc(50% - 4px)} /* 배송 정보 - 탭 */ .content.order-content.order-renew .split-delivery {width:100%;margin:0 0 24px} .content.order-content.order-renew .split-delivery ul {display:block;margin:0} .content.order-content.order-renew .split-delivery ul li {margin:0;width:calc(50% - 4px)} .content.order-content.order-renew .split-delivery ul li+li {margin-left:8px} .content.order-content.order-renew .split-delivery ul li button {width:100%; height:48px; border:none; border-radius:8px; font-size:14px; box-shadow:0 0 0 1px #DDD inset} .content.order-content.order-renew .split-delivery ul li button.on {box-shadow:0 0 0 2px #2189FF inset; color:#2189FF;font-weight:bold; background:#fff} /* 배송 정보 - 탭 - 분리 배송 */ .content.order-content.order-renew .delivery-box {max-width:100%; margin:0; padding:0; border:none} .content.order-content.order-renew .delivery-box+.delivery-box {margin-top:24px} .content.order-content.order-renew .delivery-box .info-extra {margin-top:16px} .content.order-content.order-renew .delivery-box > dt {margin-bottom:8px} .content.order-content.order-renew .delivery-box > dt .item-tit {font-size:16px; line-height:34px} .content.order-content.order-renew .delivery-box > dd > .wrap-droplist {margin-top:15px;width:calc(50% - 4px)} .content.order-content.order-renew .delivery-box > dd > .wrap-droplist .droplist li {padding:0 12px;font-size:14px} .content.order-content.order-renew .delivery-box > dd > .wrap-droplist .droplist-button {height:40px; padding:0 12px; font-size:14px;border:1px solid #DDD; border-radius:6px} .content.order-content.order-renew .delivery-box > dd > .wrap-droplist .droplist-button.selected {font-weight:normal} .content.order-content.order-renew .delivery-box > dd > .wrap-droplist .droplist-button:before {right:16px} .content.order-content.order-renew .delivery-box > dd .seg-input {margin-top:16px;width:calc(50% - 4px)} .content.order-content.order-renew .delivery-box .dlvrMsg {margin-top:16px;width:calc(50% - 4px)} /* 배송지 - 배송 메세지 */ .content.order-content.order-renew .order-info-detail .gift-select {width:calc(50% - 4px)} .content.order-content.order-renew .order-info-detail .gift-select .droplist-button {height:40px; padding:0 12px; border:1px solid #DDD; font-size:14px; border-radius:6px} .content.order-content.order-renew .order-info-detail .gift-select .droplist-button:before {right:12px} .content.order-content.order-renew .order-info-detail .gift-select .wrap-droplist .droplist li {margin:0;padding:0 20px;font-size:14px;line-height:40px} /* 배송 방법 */ .content.order-content.order-renew .order-info-box {padding:32px 0 40px} .content.order-content.order-renew .order-info-box .head {position:relative;top:0;display:block;width:100%;max-width:initial;padding:0; margin-bottom:16px; color:#000;font-size:16px;font-weight:bold;line-height:24px} .content.order-content.order-renew .order-info-box .head span {color:#000;font-size:16px;font-weight:bold;line-height:1;vertical-align:top;} .content.order-content.order-renew .order-info-box > li {display:flex;flex-wrap:wrap;padding:0 0 0 236px; border:none} .content.order-content.order-renew .order-info-box > li+li {margin:24px 0 0} .content.order-content.order-renew .order-info-box > li.order-info-edit+li {margin-top:40px;padding-top:0} .content.order-content.order-renew .delivery-method .order-info-detail.info-extra .inp-form {height:40px; padding:0} .content.order-content.order-renew .delivery-method .order-info-detail.info-extra .inp-form .btn-calendar.inner-btn {top:4px;right:6px} /* 배송 방법 - 일반배송, 시간 맞춤 탭*/ .content.order-content.order-renew .delivery-method {display:flex;margin-top:10px;padding-top:0;padding-bottom:40px} .content.order-content.order-renew .delivery-method.tab-style-btn {margin:40px 0 0; padding:0; border:none; border-top:8px solid #F7F7F7} .content.order-content.order-renew .delivery-method.tab-style-btn .m-secon-tit {position:absolute;top:32px;padding:0;font-size:20px;border:none} .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel {gap:12px;margin:24px 0 0; padding-left:236px} .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel li {margin:0;width:100%;} .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel .delivery-method-item {width:100%;padding:12px; border-radius:6px; border:1px solid #DDD} .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel .delivery-method-item .method-tit {height:initial; margin:0 0 3px 0; padding-left:58px; font-size:14px; line-height:18px; background:initial} .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel .delivery-method-item .method-text {height:initial; padding:0 0 0 58px; font-size:12px; background:initial} .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel .delivery-method-item .method-tit:before, .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel .delivery-method-item .method-tit:after {content:none} .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel .delivery-method-item:before {content:''; position:absolute; top:12px; left:12px; width:42px; height:42px; border-radius:50%; transform:translateY(0);background:#F7F7F7} .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel .delivery-method-item:after {content:''; display:inline-block; position:absolute; top:20px; left:20px; width:25px; height:24px; padding:0; transform:translateY(0);background:url('/sec/static/_images/icon_dps/icon_general_delivery.svg') no-repeat center} .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel .delivery-method-item.new .method-tit:after {content:"NEW"; position:absolute; top:1px; left:175px;width:auto; height:16px; margin:0;padding:0 4px; border-radius:10px; color:#fff; font-size:10px; font-weight:700;letter-spacing:0; line-height:16px; background-color:#2189FF} /* 배송 방법 - 시간 맟춤 설치 배송 */ .content.order-content.order-renew .order-info-box .order-info-detail.info-extra li:has(.deliveryTable) {padding:0} .content.order-content.order-renew .order-info-box .order-info-detail.info-extra li:has(.deliveryTable) .time_tit {color:#000} .content.order-content.order-renew .order-info-box .order-info-detail.info-extra li .inp-form.calendar_time {display:flex;margin:0;padding:0 12px;border:1px solid #ddd;border-radius:6px} .content.order-content.order-renew .order-info-box .order-info-detail.info-extra li .inp-form.calendar_time input:not([type=checkbox]):not([type=radio]).inp-line {padding:0;height:38px;border:none} .content.order-content.order-renew .order-info-box .order-info-detail.info-extra li .inp-form.calendar_time .btn-calendar+.inp-line {width:calc(100% - 40px)} .content.order-content.order-renew .order-info-box .extra-service .order-info-detail.info-extra .inp-line.inp-calendar.hasDatepicker {position:relative} .content.order-content.order-renew .delivery-method .delivery_str_txt {margin:8px 0 6px; color:#2189FF; font-size:12px; line-height:18px} /* 배송 방법 - 시간 맞춤 */ .content.order-content.order-renew .order-info-box .order-info-detail.info-extra li .deliveryTable {margin-bottom:0;width:100%} .content.order-content.order-renew .order-info-box .order-info-detail.info-extra li .deliveryTable table {width:100%; border-collapse:collapse} .content.order-content.order-renew .order-info-box .order-info-detail.info-extra li .deliveryTable table td {border:1px solid #EEE} .content.order-content.order-renew .delivery-method .order-info-detail .reward-value {width:100%;font-size:12px} .content.order-content.order-renew .delivery-method .info-extra+.info-ul.timeDlvr_notice {margin-top:16px} /* 일반 배송 */ .content.order-content.order-renew .order-info-box .delivery-method.extra-service {margin-top:24px} .content.order-content.order-renew .order-info-box .delivery-method.extra-service .order-info-detail.info-extra > .info-ul.timeDlvr_notice {margin:16px 0 0} .content.order-content.order-renew .order-info-box .order-info-detail .chk-view {position:relative;margin:8px 0 0;width:100%} .content.order-content.order-renew .order-info-box .order-info-detail .chk-view .btn-calendar.inner-btn {top:4px;right:8px} /* 희망일 */ .content.order-content.order-renew .addition_box+.setDelivery {margin-top:16px} .content.order-content.order-renew .info-extra .setDelivery {width:calc(50% - 4px)} .content.order-content.order-renew .info-extra .setDelivery .tooltip-add {margin-right:0;margin-bottom:8px;padding:0;font-size:14px;line-height:24px} .content.order-content.order-renew .info-extra .setDelivery .inp-form {position:relative;width:100%} .content.order-content.order-renew .info-extra .setDelivery .inp-form .btn-calendar.inner-btn {top:4px;right:4px} .content.order-content.order-renew .info-extra .setDelivery .txt-info.content {margin:16px 0 0;padding:0;color:#707070;font-size:12px;line-height:1.4;white-space:nowrap;word-break:break-all;} /* 설치 배송 - 사업장 */ .content.order-content.order-renew #delivery-tab-view5 {margin-top:16px} .content.order-content.order-renew #delivery-tab-view5 .wrap-droplist .droplist-button:before {right:16px} /* 매장픽업 */ .content.order-content.order-renew .order-info-detail .pick-shop {min-height:initial;border:none} .content.order-content.order-renew .order-info-detail .pick-shop > span {min-height:initial;color:#000;font-size:14px;font-weight:bold} .content.order-content.order-renew #pickup-store-view+.info-ul.sub {margin:16px 0 0 236px} /* 폐가전 수거 */ .content.order-content.order-renew .order-info-detail li.padding-none+li {margin-top:24px;width:calc(50% - 4px)} .content.order-content.order-renew .order-info-detail li.padding-none+li .tooltip-add {display:flex;align-items:center;margin-bottom:12px;width:100%;color:#000;font-size:16px;font-weight:bold;line-height:1} .content.order-content.order-renew .order-info-detail li.padding-none+li .tooltip-add .btn-tip {position:relative;top:0;left:0;transform:translateY(0);width:16px;height:16px;margin-left:4px;background:url("data:image/svg+xml,%3Csvg id='icon-18-tooltip-E' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='타원_62' data-name='타원 62' fill='none' stroke='%23aaa' stroke-width='1'%3E%3Ccircle cx='8' cy='8' r='8' stroke='none'/%3E%3Ccircle cx='8' cy='8' r='7.5' fill='none'/%3E%3C/g%3E%3Cg id='그룹_296' data-name='그룹 296' transform='translate(8.235 2.735)'%3E%3Cline id='선_58' data-name='선 58' y2='7' fill='none' stroke='%23aaa' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='선_59' data-name='선 59' y2='2' transform='translate(0 9)' fill='none' stroke='%23aaa' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat} /* 케이플러스 */ .content.order-content.order-renew .order-info-box > li.careplusIDlvrArea .user_info_change .input-obj:nth-child(3) {width:calc(50% - 1px)} /* 픽업날짜 */ .content.order-content.order-renew .order-info-detail .store-name {font-size:14px; font-weight:bold} .content.order-content.order-renew .order-info-detail .store-time {margin-top:20px;padding-bottom:6px; font-size:14px} .content.order-content.order-renew .order-info-detail .store-time dd {display:inline-block} .content.order-content.order-renew .order-info-detail .store-time dt {display:inline-flex; align-items:center; vertical-align:top;} .content.order-content.order-renew .order-info-detail .store-time dd+dt:before {content:''; display:inline-block; width:1px; height:15px; margin:0 8px; background:#DDD} /* 트레이드인 */ .content.order-content.order-renew .order-info-box .trade-in {margin-top:32px} .content.order-content.order-renew .order-info-box .trade-in .trade_txt {margin-bottom:16px;font-size:16px;font-weight:bold;line-height:1.2} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail > li+li {margin-top:16px} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .s-head {display:block;float:initial;width:100%} /* 트레이드인 - 유의사항 */ .content.order-content.order-renew .order-info-box .trade-in .note {margin-top:24px} .content.order-content.order-renew .order-info-box .trade-in .note li {margin:0;color:#707070;font-size:12px;line-height:18px} .content.order-content.order-renew .order-info-box .trade-in .note li+li {margin-top:8px} .content.order-content.order-renew .order-info-box .trade-in .note li a {color:#707070;font-size:12px} .content.order-content.order-renew .order-info-box .trade-in .note li:before {content:'※';top:-2px} /* 중고제품 추가보상 신청하기 (트레이드인) - 구매 홀수 , 반납 짝수 */ .content.order-content.order-renew .order-info-box .trade-in .order-info-detail+.order-info-detail {margin-top:24px} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail li:nth-child(odd) .s-head {margin-bottom:16px} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .s-head {margin-bottom:8px;color:#757575;font-size:14px;line-height:24px} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .m-full-width {width:100%} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .m-full-width+.m-full-width {margin-top:16px} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .chk-view {display:block;width:100%;padding:0;font-size:14px} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist {display:inline-block;margin:0 !important;width:calc(50% - 4px)} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist li {padding:0 10px} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist .droplist-button {padding:0 12px;height:40px;font-size:14px;border:1px solid #DDD;border-radius:6px;} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist .droplist-button:before {right:12px} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist+.error-msg {margin-bottom:6px} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .reward-value {margin:8px 0 0;text-align:left;font-size:12px;line-height:1} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .reward-value em {font-size:12px;font-weight:bold} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .double-droplist {width:calc(50% - 4px)} .content.order-content.order-renew .trade-in2 .order-info-detail .chk-view > .double-droplist {margin-top:0 !important} /* 중고가전 추가보상 프로그램 */ .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .trade-item {display:flex;flex-wrap:wrap} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .trade-item dt {margin-bottom:12px;width:100%;color:#757575;font-size:14px;line-height:24px} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .trade-item dd {width:100%;line-height:1} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .trade-item .inp-form {width:calc(50% - 4px)} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .trade-item .chk-form input[type="radio"] + label {font-size:14px} /* My 갤럭시 클럽 */ .content.order-content.order-renew .order-info-box:has(.trade-in:not([style*="display: none;"])) .order-galaxy-club {margin-top:40px} .content.order-content.order-renew .order-info-box:has(.trade-in[style*="display: none;"]) .order-galaxy-club {margin-top:32px} .content.order-content.order-renew .order-info-box .order-galaxy-club {margin-top:32px} .content.order-content.order-renew .order-info-box .order-galaxy-club .head {width:100%} .content.order-content.order-renew .order-info-box .order-galaxy-club .tip-add {display:flex;align-items:center;padding:0;font-size:16px} .content.order-content.order-renew .order-info-box .order-galaxy-club .tip-add .btn-tooltip {position:relative;top:0;left:0;transform:translateY(0);width:16px;height:16px;margin-left:6px;background:url("data:image/svg+xml,%3Csvg id='icon-18-tooltip-E' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='타원_62' data-name='타원 62' fill='none' stroke='%23aaa' stroke-width='1'%3E%3Ccircle cx='8' cy='8' r='8' stroke='none'/%3E%3Ccircle cx='8' cy='8' r='7.5' fill='none'/%3E%3C/g%3E%3Cg id='그룹_296' data-name='그룹 296' transform='translate(8.235 2.735)'%3E%3Cline id='선_58' data-name='선 58' y2='7' fill='none' stroke='%23aaa' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='선_59' data-name='선 59' y2='2' transform='translate(0 9)' fill='none' stroke='%23aaa' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat} .content.order-content.order-renew .order-info-box .order-galaxy-club [class*=li-] li a, .content.order-content.order-renew .order-info-box .order-galaxy-club [class*=li-] li {font-size:14px;font-weight:normal} .content.order-content.order-renew .order-info-box .order-galaxy-club [class*=li-] li +li {margin-top:4px} /* 선물하기 */ .content.order-content.order-renew .order-info-box > li.product_gift .input-type-ul.input-type-small {display:flex;flex-wrap:wrap;gap:16px 8px;width:100%;max-width:100%} .content.order-content.order-renew .order-info-box > li.product_gift .input-type-ul.input-type-small .input-obj {width:calc(50% - 4px)} .content.order-content.order-renew .order-info-box > li.product_gift .input-type-ul.input-type-small li.input-obj+li.input-obj {margin:0} .content.order-content.order-renew .order-info-box > li.product_gift .order-btn {top:0;padding:0} .content.order-content.order-renew .order-info-box > li.product_gift .order-btn .btn-underline {margin:0;font-size:12px} .content.order-content.order-renew .order-info-box > li.product_gift .order-info-detail {display:flex;align-items:center;flex-wrap:wrap;width:calc(100% - 136px)} .content.order-content.order-renew .order-info-box > li.product_gift .order-info-detail > li {display:flex;align-items:center;font-size:14px} .content.order-content.order-renew .order-info-box > li.product_gift .order-info-detail > li+li {margin:0} .content.order-content.order-renew .order-info-box > li.product_gift .order-info-detail > li+li:before {content:'';display:inline-block;width:1px;height:16px;margin:0 8px;background:#ddd} .content.order-content.order-renew .order-info-box > li.product_gift .order-info-detail > li:nth-child(3) {margin-top:16px;width:100%} .content.order-content.order-renew .order-info-box > li.product_gift .order-info-detail > li:nth-child(3):before {content:none} .content.order-content.order-renew .order-info-box > li.product_gift .order-info-detail > li span {font-size:14px} .content.order-content.order-renew .order-info-box > li.product_gift .order-info-detail > li.txt-skyblue {margin-top:24px;color:#707070 !important;font-size:12px} .content.order-content.order-renew .order-info-box > li.product_gift .order-info-detail > li.txt-skyblue:before {content:none} .content.order-content.order-renew .order-info-box > li.product_gift+li {margin-top:34px} .content.order-content.order-renew .order-info-box > li.product_gift .txt-skyblue {margin-top:24px} /* 선물하기 + 중고가전 추가보상 */ .content.order-content.order-renew .order-info-box:has(li.product_gift:not([style*="display: none"])) .trade-in {margin-top:0;margin-bottom:24px} /* 도어 방향 , 폐가전 수거, 사전 방문, 사은품 배송, 사전 방문 */ .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box {display:block;width:calc(50% - 4px)} .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box+li.addition_box {margin-top:24px} .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .head {margin-bottom:8px} .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .inp-form {display:flex;align-items:center;width:100%;height:initial} .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .inp-form .btn-calendar.inner-btn {right:8px} .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .tooltip-add {display:flex;align-items:center;width:100%;margin-bottom:8px;padding:0;color:#000;font-size:16px;font-weight:bold;line-height:22px} .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .tooltip-add .btn-tip {position:relative;top:0;left:0;transform:translateY(0);width:16px;height:16px;margin-left:4px;background:url("data:image/svg+xml,%3Csvg id='icon-18-tooltip-E' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='타원_62' data-name='타원 62' fill='none' stroke='%23aaa' stroke-width='1'%3E%3Ccircle cx='8' cy='8' r='8' stroke='none'/%3E%3Ccircle cx='8' cy='8' r='7.5' fill='none'/%3E%3C/g%3E%3Cg id='그룹_296' data-name='그룹 296' transform='translate(8.235 2.735)'%3E%3Cline id='선_58' data-name='선 58' y2='7' fill='none' stroke='%23aaa' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='선_59' data-name='선 59' y2='2' transform='translate(0 9)' fill='none' stroke='%23aaa' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat} .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box:has(.head) .tooltip-add {color:#707070;font-size:14px;font-weight:normal} /* 도어 방향 , 폐가전 수거, 사전 방문, 사은품 배송, 사전 방문 - 라디오 버튼 */ .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .inp-form .chk-form {display:flex;width:50%} .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .inp-form .chk-form input[type="radio"] + label, .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .inp-form .chk-form input[type="checkbox"] + label {color:#000;font-size:14px;padding-left:26px;line-height:18px} .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .inp-form .chk-form input[type="radio"] + label:before, .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .inp-form .chk-form input[type="radio"]:checked + label::before {width:20px;height:20px} .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .inp-form .chk-form input[type="radio"] + label:after, .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .inp-form .chk-form input[type="radio"]:checked + label::after {top:4px;left:4px;width:12px;height:12px} /* 배송 안내 */ .content.order-content.order-renew .info-ul {margin:0} .content.order-content.order-renew .info-ul > li {padding:0 0 0 16px; color:#707070; font-size:12px; line-height:18px;letter-spacing:0;} .content.order-content.order-renew .info-ul > li:before {top:-2px} .content.order-content.order-renew .info-ul > li+li {margin-top:6px} .content.order-content.order-renew .info-ul.nonestockGoodsErr > li:before {top:4px} .content.order-content.order-renew .info-ul li:has(.deliveryTable) {padding:0;min-height:initial} .content.order-content.order-renew .info-ul li:has(.deliveryTable):before {content:none} .content.order-content.order-renew .info-ul.sub {display:block;margin-top:16px} .content.order-content.order-renew .info-ul.sub > li {display:block} /* 배송 안내 - 홈클래스 */ .content.order-content.order-renew .info-ul.mt40 {width:100%;margin:22px 0 0 !important;} .content.order-content.order-renew .info-ul.mt40 li {color:#707070} /* 배송 유의사항 보기 */ .content.order-content.order-renew .delivery_notice_more {width:calc(50% - 4px); margin-top:8px; padding:11px 12px; border:1px solid #8F8F8F;border-radius:8px; background:#fff} .content.order-content.order-renew .delivery_notice_more .notice_more_top {display:flex; justify-content:space-between; align-items:center; width:100%; font-size:12px; font-weight:700; line-height:20px;letter-spacing:0;} .content.order-content.order-renew .delivery_notice_more .notice_more_top+p {margin-top:10px} .content.order-content.order-renew .delivery_notice_more .notice_more_top:after {content:''; width:16px; height:16px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='icon-16-midium-down' transform='translate(12 12) rotate(180)'%3E%3Cpath id='패스_328' data-name='패스 328' d='M7.867,0,3.934,3.934,0,0' transform='translate(10.192 7.586) rotate(180)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Crect id='사각형_222' data-name='사각형 222' width='12' height='12' transform='translate(12 12) rotate(180)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat} .content.order-content.order-renew .delivery_notice_more .notice_more_top.open:after {transform:rotate(-180deg);} .content.order-content.order-renew .delivery_notice_more p {position:relative;display:none;padding-left:10px;color:#757575; font-size:12px; line-height:18px} .content.order-content.order-renew .delivery_notice_more p:before {content:'※';position:absolute;top:-2px;left:0;color:#757575; font-size:12px; line-height:18px} .content.order-content.order-renew .delivery_notice_more p+p {margin-top:6px} .content.order-content.order-renew .delivery_notice_more.on p {display:block} .content.order-content.order-renew .delivery_notice_more.on .notice_more_top:after {transform:rotate(-180deg)} /* 포인트 */ .content.order-content.order-renew .point-area {padding:32px 0 40px} .content.order-content.order-renew .point-area .order-box {padding-left:236px} .content.order-content.order-renew .point-area .head {position:relative;top:0;width:auto; max-width:initial;padding:0} .content.order-content.order-renew .point-area .tip-add {display:flex; align-items:center; padding:0;color:#000;font-size:14px; font-weight:bold} .content.order-content.order-renew .point-area .tip-add span {margin-right:2px;font-size:14px} .content.order-content.order-renew .point-area .tip-add .btn-tooltip {position:relative; top:0; width:18px; height:18px; transform:translateY(0)} .content.order-content.order-renew .point-area div.inp-point::before {content:none} .content.order-content.order-renew .point-area .point-inline-1 {position:absolute;top:-28px;right:0;flex-shrink:0;width:auto;margin:0;padding:0;} .content.order-content.order-renew .point-area .point-inline-1 .use-point {position:relative;font-size:14px} .content.order-content.order-renew .point-area .point-inline-1 .use-point .btn-underline {margin:0;font-size:14px;line-height:1;letter-spacing:0;} .content.order-content.order-renew .point-area .order-info-box-2 {padding:0;width:calc(50% - 4px)} .content.order-content.order-renew .point-area .order-info-box-2 #total-area-membership-point {width:100%;margin-top:10px;padding:0} .content.order-content.order-renew .point-area .order-info-box-2 #total-area-membership-point+.info-ul {margin:0} .content.order-content.order-renew .point-area .order-info-box-2 .point-division .txt-info {text-align:left} .content.order-content.order-renew .point-area .order-info-box-2 .point-division dt {margin:0} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 {width:100%; max-width:100%; padding:0} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 input:not([type=checkbox]):not([type=radio]).inp-line {width:100%; height:100%; border:none} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover {display:inline-flex; align-items:center; width:100%; height:auto} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point {display:inline-block; float:initial; height:auto; margin:0 0 0 8px; width:auto} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point a {display:inline-flex; justify-content:center; align-items:center; height:40px !important; padding:0 24px; border:1px solid #8F8F8F; border-radius:6px; color:#000; font-size:14px; font-weight:bold; background:#fff} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point {display:flex;align-items:center;width:292px; height:40px; padding:0 12px; border:1px solid #DDD; border-radius:6px} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point::after {top:14px; right:11px; font-size:12px; color:#999; font-weight:bold} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point .not_point {color:#757575;font-size:14px} .content.order-content.order-renew .point-area .order-info-box-2 .point_info {display:flex; margin:16px 0 0; color:#757575} .content.order-content.order-renew .point-area .order-info-box-2 .point_info p {display:flex; align-items:center; font-size:12px; line-height:20px} .content.order-content.order-renew .point-area .order-info-box-2 .point_info p+p::before {content:'/'; display:inline-block; margin:0 4px; color:#757575; font-size:12px; line-height:20px} .content.order-content.order-renew .point-area .order-info-box-2 .point_info p span {margin-left:4px; color:#000; font-size:12px; font-weight:bold} /* 결제수단 */ .content.order-content.order-renew .order-area.pay-info {padding:32px 0 40px} .content.order-content.order-renew .order-area.pay-info.advance .order-box {padding:0} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box {padding:0} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add {margin-bottom:12px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment {margin:0;padding:0} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment .droplist-button {height:40px; padding:0 12px; border:1px solid #DDD; border-radius:6px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment .droplist-button:before {right:12px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment .droplist-button::placeholder {font-size:14px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment .wrap-droplist {width:calc(50% - 4px)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:calc(50% - 4px)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add .info-pay .wrap-droplist {width:100%} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add .info-pay .droplist-button {width:100%;height:40px; padding:0 12px; border:1px solid #DDD; border-radius:6px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add .info-pay .droplist-button:before {right:12px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .pay-detail-list > li {padding:0;min-height:initial;border:none} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .pay-detail-list .detail-box {margin:0; padding:0} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .tab-style-btn {margin-bottom:20px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .tab-style-btn .btn-tab {color:#8F8F8F} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .tab-style-btn .btn-tab[aria-selected="true"] {color:#000} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .payment-type {margin-top:32px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card {gap:8px;margin-bottom:24px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li {width:calc(17% - 10px);height:66px;margin:0} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button {border:1px solid #DDD;border-radius:6px;background:none !important;overflow:hidden } .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button:before {content:'';display:block;width:80px;height:34px;margin:0 auto;background-position:center;background-repeat:no-repeat} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button:after {position:relative;display:block;width:100%;height:auto;font-size:12px;line-height:15px;text-align:center;border:none} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li.on > button {font-weight:bold;box-shadow:0 0 0 2px #2189FF inset} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.samsung:before {background-image:url(/sec/static/_images/credit-card/credit-logo-samsung.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.kb:before {background-image:url(/sec/static/_images/credit-card/credit-logo-kb.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.hyundai:before {background-image:url(/sec/static/_images/credit-card/credit-logo-hyundai.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.shinhan:before {background-image:url(/sec/static/_images/credit-card/credit-logo-shinhan.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.lotte:before {background-image:url(/sec/static/_images/credit-card/credit-logo-lotte.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.nh:before {background-image:url(/sec/static/_images/credit-card/credit-logo-nh.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.woori:before {background-image:url(/sec/static/_images/credit-card/credit-logo-woori.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.hana:before {background-image:url(/sec/static/_images/credit-card/credit-logo-hana.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.citi:before {background-image:url(/sec/static/_images/credit-card/credit-logo-citi.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.kakao:before {background-image:url(/sec/static/_images/credit-card/credit-logo-kakao.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.bc:before {background-image:url(/sec/static/_images/credit-card/credit-logo-bc.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.etc:before {background-image:url(/sec/static/_images/credit-card/credit-logo-etc.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.samsung:after {content:'삼성카드'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.kb:after {content:'국민카드'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.hyundai:after {content:'현대카드'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.shinhan:after {content:'신한카드'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.lotte:after {content:'롯데카드'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.nh:after {content:'농협카드'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.woori:after {content:'우리카드'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.hana:after {content:'하나카드'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.citi:after {content:'씨티카드'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.kakao:after {content:'카카오뱅크'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.bc:after {content:'비씨카드'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button.etc:after {content:'기타카드'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button .flag {height:18px;padding:4px 7px;font-size:10px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay {gap:8px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li { width:calc(17% - 10px); height:66px;margin:0} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li.on > button {font-weight:bold;box-shadow:0 0 0 2px #2189FF inset;} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button {position:relative; width:100%; height:100%;border:1px solid #DDD;border-radius:6px;background:none !important} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button:before {content:'';display:block;width:80px;height:34px;margin:0 auto;background-position:center;background-repeat:no-repeat} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button:after {position:relative;display:block;width:100%;height:auto;font-size:12px;line-height:15px;text-align:center;border:none} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.sspay:before {background-image:url(/sec/static/_images/credit-card/credit-simple-ssg.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.payco:before {background-image:url(/sec/static/_images/credit-card/credit-simple-payco.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.kakaopay:before {background-image:url(/sec/static/_images/credit-card/credit-simple-kakao.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.lpay:before {background-image:url(/sec/static/_images/credit-card/credit-simple-lpay.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npay:before {background-image:url(/sec/static/_images/credit-card/credit-simple-naver.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npaymoney:before {background-image:url(/sec/static/_images/credit-card/credit-simple-navermoney.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.toss:before {background-image:url(/sec/static/_images/credit-card/credit-simple-toss.svg)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.sspay:after {content:'SSG페이'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.kakaopay:after {content:'카카오페이'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.lpay:after {content:'엘페이'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npay:after {content:'네이버페이'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.npaymoney:after {content:'네이버페이머니'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.payco:after {content:'페이코'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button.toss:after {content:'토스페이'} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .save-pay {margin-top:24px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {font-size:14px} .content.order-content.order-renew .order-area.pay-info.advance .pay-info-notice {padding-top:32px;overflow:hidden} .content.order-content.order-renew .order-area.pay-info.advance .pay-info-notice .tit {margin:0 0 12px 0;font-size:16px} .content.order-content.order-renew .order-area.pay-info.advance .pay-info-notice .detail-box {padding:0;border:none} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add .info-pay li .wrap-droplist .droplist li {padding:0 24px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add .info-pay li .wrap-droplist .droplist li+li {margin-top:0} /* 결제 혜택 안내 */ .content.order-content.order-renew .pay_benefit_list {position:relative;z-index:1} .content.order-content.order-renew .pay_benefit_list .swiper-slide {display:flex; align-items:center; padding:12px; width:calc(100% - 16px);border-radius:6px; background:#F7F7F7;} .content.order-content.order-renew .pay_benefit_list .swiper-slide .benefit_badge {display:inline-flex; justify-content:center; align-items:center; height:16px; margin-right:4px; padding:0 8px; border:1px solid #2189FF; border-radius:10px; color:#2189FF; font-size:12px; background:#fff} .content.order-content.order-renew .pay_benefit_list .swiper-slide .benefit_tit {flex-shrink:0;margin:0; font-size:14px; font-weight:bold} .content.order-content.order-renew .pay_benefit_list .swiper-slide .benefit_txt {display:flex;align-items:center;width:100%; margin-left:16px;font-size:14px} .content.order-content.order-renew .pay_benefit_list .swiper-slide .benefit_txt strong {margin-left:8px;color:#2189FF; font-size:14px} .content.order-content.order-renew .pay_benefit_list .swiper-button-next {top:-1px;left:auto;right:0;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.5' x2='0.27' y2='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='arrow' transform='translate(75 62) rotate(180)'%3E%3Crect id='gradation' width='16' height='15.141' transform='translate(59 46.859)' fill='url(%23linear-gradient)'/%3E%3Cg id='icon-24-midium-arrow' transform='translate(75 62) rotate(180)'%3E%3Crect id='사각형_29580' data-name='사각형 29580' width='16' height='16' fill='%23fff' opacity='0'/%3E%3Cpath id='패스_134289' data-name='패스 134289' d='M-8201.242-13260l4.382,4.22-4.382,4.28' transform='translate(8207.051 13263.752)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat} .content.order-content.order-renew .pay_benefit_list .swiper-button-prev {top:-1px;left:auto;right:46px;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='icon-24-midium-arrow' transform='translate(16 16) rotate(180)'%3E%3Crect id='사각형_29580' data-name='사각형 29580' width='16' height='16' fill='%23fff' opacity='0'/%3E%3Cpath id='패스_134289' data-name='패스 134289' d='M-8201.242-13260l4.382,4.22-4.382,4.28' transform='translate(8207.051 13263.752)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat} .content.order-content.order-renew .pay_benefit_list .swiper-button-next:after, .content.order-content.order-renew .pay_benefit_list .swiper-button-prev:after {content:none} .content.order-content.order-renew .pay_benefit_list .swiper-button-next.swiper-button-disabled, .content.order-content.order-renew .pay_benefit_list .swiper-button-prev.swiper-button-disabled {display:none} .content.order-content.order-renew .pay_benefit_list .swiper-pagination-fraction {display:flex; justify-content:center; align-items:center; top:-24px; left:auto; right:16px; width:32px; height:18px; border-radius:12px;} .content.order-content.order-renew .pay_benefit_list .swiper-pagination-current {color:#000; font-size:12px; font-weight:bold} .content.order-content.order-renew .pay_benefit_list .swiper-pagination-total {color:#000; font-size:12px; font-weight:bold} .content.order-content.order-renew .input-type-ul .s-head, .content.order-content.order-renew .input-type-div .s-head {display:block; position:relative; top:initial; left:initial; width:100%; margin-bottom:8px; padding:0;font-size:14px; font-weight:bold;line-height:18px} .content.order-content.order-renew .input-type-ul > li.input-obj, .content.order-content.order-renew .input-type-div > div.input-obj { margin:0;padding:0;} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box > li {display:block;padding:0 0 0 236px} .content.order-content.order-renew .order-area.pay-info.advance .pay-info-notice .benefit_tit .link {background:none} .content.order-content.order-renew .order-area.pay-info.advance .pay-info-notice .benefit_txt .link {width:100%;background:url("data:image/svg+xml,%3Csvg id='그룹_86774' data-name='그룹 86774' xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle id='타원_314' data-name='타원 314' cx='7' cy='7' r='7' fill='%23aaa'/%3E%3Cg id='그룹_9192' data-name='그룹 9192' transform='translate(2 2)'%3E%3Cg id='그룹_8978' data-name='그룹 8978' transform='translate(4.913 1) rotate(45)'%3E%3Cpath id='패스_461' data-name='패스 461' d='M0,0,5.534,5.534' transform='translate(0 0)' fill='none' stroke='%23f7f7f7' stroke-width='1'/%3E%3Cpath id='패스_462' data-name='패스 462' d='M0,0,5.534,5.534' transform='translate(5.534 0) rotate(90)' fill='none' stroke='%23f7f7f7' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") center right no-repeat} /* 구매시 유의사항 */ .content.order-content.order-renew .order-area.pc {padding:32px 0 225px;border-bottom:0} .content.order-content.order-renew .order-area.pc .order-box, .content.order-content.order-renew .order-area.pc .order-info-box {padding:0} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li {display:block;padding-top:0} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution_box {margin-bottom:15px; padding-bottom:24px; border-bottom:1px solid #EEE} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution_box .droplist-button {width:372px;height:40px; padding:0 12px; border:1px solid #8F8F8F; color:#000; font-size:14px;font-weight:bold; border-radius:6px} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution_box .caution_txt {position:relative; margin-top:16px; padding-left:12px; color:#707070; font-size:12px; line-height:18px;letter-spacing:0;} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution_box .caution_txt:before {content:'※'; display:inline-block; position:absolute; top:0; left:0} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution_box .caution_txt+.caution_txt {margin-top:6px} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution_box .notice_more_top {font-size:14px} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution_box .delivery_notice_more {margin:0} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution-list {margin:0 !important} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution-list li {padding:0;color:#757575;font-size:14px;line-height:18px;text-indent:0} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution-list .position-right {position:relative;margin:0 0 0 10px} .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution-list .position-right .btn-underline {margin:0;font-size:14px;letter-spacing:0} /* 결제 정보 */ .content.order-content.order-renew .payment-area {border:1px solid #ddd; border-radius:10px} .content.order-content.order-renew .payment-area > h2 {padding:24px 24px 12px; border-bottom:1px solid #EEE} .content.order-content.order-renew .payment-area.advance:before {content:none} .content.order-content.order-renew .payment-area.advance br {display:block} .content.order-content.order-renew .payment-area.advance .payment-listup {margin:0; padding:31px 24px 14px} .content.order-content.order-renew .payment-area.advance .payment-listup > li {min-height:initial} .content.order-content.order-renew .payment-area.advance .payment-listup > li ~ li {margin-top:14px} .content.order-content.order-renew .payment-area.advance .payment-listup > li span {display:flex; align-items:center; font-size:16px; line-height:1.2;} .content.order-content.order-renew .payment-area.advance .payment-listup > li > .text strong {margin-right:3px} .content.order-content.order-renew .payment-area.advance .payment-listup.order-border-top {padding-top:20px} .content.order-content.order-renew .payment-area.advance .payment-listup > li .head {line-height:22px} .content.order-content.order-renew .payment-area.advance .payment-listup.none_discount {padding-bottom:24px} .content.order-content.order-renew .payment-area.advance .droptoggle {padding:0 24px 20px; border:none} .content.order-content.order-renew .payment-area.advance .droptoggle .dropList {margin:10px 0 0} .content.order-content.order-renew .payment-area.advance .droptoggle .dropList .payment-listup {padding:15px 22px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropList .payment-listup .head {color:#757575;font-size:14px;line-height:18px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropList .payment-listup li~li {margin-top:6px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption .head {font-size:16px; line-height:22px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption .text {font-size:16px;line-height:21px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption .text * {font-size:16px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption .benefit_price {display:flex; align-items:center; color:#2188FF; font-size:16px; font-weight:bold; line-height:24px} .content.order-content.order-renew .payment-area.advance .droptoggle .payment-listup .text * {font-size:14px} .content.order-content.order-renew .payment-area.advance .card-benefit .dropList:before {content:none} .content.order-content.order-renew .payment-area.advance .card-benefit .tit {margin:0} .content.order-content.order-renew .payment-area.advance .card-benefit .info-box {display:flex; align-items:center; width:auto; height:30px; padding:0 11px; white-space:nowrap; background:#2189FF} .content.order-content.order-renew .payment-area.advance .card-benefit .info-box * {display:inline-block} .content.order-content.order-renew .payment-area.advance .card-benefit .info-box:before {content:none} .content.order-content.order-renew .payment-area.advance .card-benefit .info-box .txt {color:#fff} .content.order-content.order-renew .payment-area.advance .card-benefit .info-box:after {background:#2189FF} .content.order-content.order-renew .payment-area.advance .card-benefit .info-box strong {margin:0 0 0 4px} /* 결제 예정 금액 */ .content.order-content.order-renew .payment-area.advance .cost-listup {padding:16px 24px; border-top:1px solid #EEE; border-bottom:1px solid #EEE; background:#F7F7F7} .content.order-content.order-renew .payment-area.advance .cost-listup > li {align-items:center} .content.order-content.order-renew .payment-area.advance .cost-listup > li > span > strong {margin-right:3px;color:#000;font-size:16px} .content.order-content.order-renew .payment-area.advance .cost-listup > li > .text {font-size:16px} .content.order-content.order-renew .payment-area.advance .cost-listup > li > .text > strong {top:0;font-size:24px;line-height:1} .content.order-content.order-renew .payment-area.advance .cost-listup > li > .head {padding:0;color:#757575;font-size:14px;line-height:20px} .content.order-content.order-renew .payment-area.advance .cost-listup > li > .head span {display:block} .content.order-content.order-renew .payment-area.advance .cost-listup > li.card-discount {margin-top:11px; padding:0;align-items:flex-start;} .content.order-content.order-renew .payment-area.advance .cost-listup > li.card-discount > .text {color:#707070} .content.order-content.order-renew .payment-area.advance .cost-listup > li.card-discount > .text > strong {color:#707070; font-size:16px; line-height:22px} .content.order-content.order-renew .payment-area.advance .membership-saving {padding:24px} .content.order-content.order-renew .payment-area.advance .membership-saving .dropButton {height:21px} .content.order-content.order-renew .payment-area.advance .membership-saving .dropList {padding:15px 22px; background:#f7f7f7} .content.order-content.order-renew .payment-area.advance .membership-saving .dropList .payment-listup {padding:0} .content.order-content.order-renew .payment-area.advance .membership-saving .dropList .info-text {margin:0; padding:0} .content.order-content.order-renew .payment-area.advance .membership-saving .dropList .info-text p {margin-top:10px; padding-top:10px} .content.order-content.order-renew .payment-area.advance .btn-l {display:flex;align-items:center;justify-content:center; width:calc(100% - 48px);height:40px;margin:32px auto;padding:0;font-size:18px;font-weight:bold;line-height:40px} .content.order-content.order-renew .payment-area.advance .btn-l > strong {margin:0;font-size:18px} .content.order-content.order-renew .payment-area.advance .btn-l > span {margin:0} /* 약관 동의 */ .content.order-content.order-renew .payment-area .terms-box {padding:0;border-top:none} .content.order-content.order-renew .payment-area .membership-saving:not([style*="display: none"]) + .terms-box{ border-top:8px solid #F7F7F7} .content.order-content.order-renew .payment-area .terms-box h2 {padding:24px 24px 9px;font-size:20px;line-height:26px; border-bottom:1px solid #F7F7F7} .content.order-content.order-renew .payment-area .terms-box h2 .required-item {color:#2188FF} .content.order-content.order-renew .payment-area .terms-box .chk-form {padding:0 24px} .content.order-content.order-renew .payment-area .terms-box .chk-form label {color:#757575;font-size:14px} .content.order-content.order-renew .payment-area.advance .terms-box .chk-form.allChk-box label {font-weight:bold} .content.order-content.order-renew .payment-area .terms-box .agreement-allCheck-box {margin:20px 24px;padding:0;border:none} .content.order-content.order-renew .payment-area .terms-box .agreement-allCheck-box .chk-form.allChk-box {padding:0 0 20px;border-bottom:1px solid #EEE} .content.order-content.order-renew .payment-area .terms-box .agreement-allCheck-box .chk-form.allChk-box input[type="checkbox"] + label {font-size:16px; color:#000;} .content.order-content.order-renew .payment-area .terms-box .chk-form ~ .chk-form {margin-top:20px} .content.order-content.order-renew .payment-area .terms-box .terms-view {margin:8px 0 0;padding:0 24px; background:#fff;} .content.order-content.order-renew .payment-area .terms-box .terms-view .chk-form {display:flex;align-items:flex-start;justify-content:space-between;padding:0} .content.order-content.order-renew .payment-area .terms-box .terms-view .chk-form .btn-underline {position:relative;color:#757575;font-size:14px} .content.order-content.order-renew .payment-area .terms-box .terms-view .chk-form ~ .chk-form {margin:8px 0 0} .content.order-content.order-renew .payment-area .terms-box .terms-view .chk-form label {font-weight:normal} .content.order-content.order-renew .payment-area .terms-box > .btn-terms-view {top:32px; right:24px;padding-right:22px;font-size:14px} /* 레이어 팝업 */ .layer-normal.layer-eventcode .input-single .ico-required {color:#2189FF !important} @media screen and (max-width:1100px) and (min-width:801px) { .content.order-content.order-renew .qker-brand .order-tbl {flex-wrap:wrap;padding-left:136px} /* 공통 */ .content.order-content.order-renew .order-area > h2 {position:relative;top:0;padding:32px 0 10px;border-bottom:1px solid #EEE} .content.order-content.order-renew .order-info-box > li {padding:0} /* 할인쿠폰 */ .content.order-content.order-renew .coupon_code_wrap .coupon_code_top {width:136px} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con {width:calc(100% - 136px)} /* 리스트 */ .content.order-content.order-renew .order-area.advance .order-tbl {padding-left:136px} .content.order-content.order-renew .order-area.advance .order-tbl .order-price {flex-wrap:wrap} /* 리스트 - 비스포크 */ .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bespoke-box {flex-wrap:wrap;gap:8px 12px} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bespoke-color-set {width:calc(50% - 6px)} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bc-spec {flex-wrap:wrap} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bc-spec .bc-name {width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .option-box .bespoke-selected-opt-list {width:100%} /* 주문자 */ .content.order-content.order-renew .order-info-box > li.order_info_list > .head {width:136px;line-height:1} .content.order-content.order-renew .order-info-box > li.order_info_list .member_info {width:calc(100% - 136px)} .content.order-content.order-renew .order-info-box > li.order-info-edit {display:flex;padding:0} .content.order-content.order-renew .order-info-box > li.order-info-edit .head {width:136px} .content.order-content.order-renew .user_info_change {width:calc(100% - 136px)} .content.order-content.order-renew .user_info_change .input-type-small .input-obj {width:100%} .content.order-content.order-renew .user_info_close {top:0} /* 배송지 - 단일 배송 */ .content.order-content.order-renew .tab-view {width:calc(100% - 136px)} /* 배송 */ .content.order-content.order-renew .order-info-box .delivery-method.extra-service {padding-left:136px} .content.order-content.order-renew .order-info-box > li.order-info-edit+li .head {width:136px;line-height:1} /* 배송 정보 - 수령인 이름 */ .content.order-content.order-renew .tab-view .validate-delivery-info .input-obj {width:100%} .content.order-content.order-renew .tab-view .validate-delivery-info .input-obj:has(.select-btn) {width:100%} .content.order-content.order-renew .tab-view .validate-delivery-info .dlvrMsg {width:100%} /* 배송 정보 - 보내는 분 열린상태 */ .content.order-content.order-renew .order-info-box .product_gift {padding-left:136px} .content.order-content.order-renew .order-info-box .product_gift .head {position:absolute;margin:0} .content.order-content.order-renew .order-info-box .product_gift .user_info_change {width:100%} .content.order-content.order-renew .order-info-box > li.product_gift .input-type-ul.input-type-small .input-obj {width:100%} /* 배송 정보 - 탭 - 분리 배송 */ .content.order-content.order-renew .delivery-box > dd > .wrap-droplist {width:100%} .content.order-content.order-renew .delivery-box > dd .seg-input {width:100%} /* 배송 정보 - 탭 */ .content.order-content.order-renew .split-delivery {width:calc(100% - 136px)} .content.order-content.order-renew .delivery_address:has(.tab-nav.split-delivery) .tab-view {margin-left:136px} /* 배송 방법 - 일반배송, 시간 맞춤 탭*/ .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel {padding-left:136px} /* 배송 정보 - 배송 메세지 */ .content.order-content.order-renew .order-info-detail li.dlvrMsg {width:100%} /* 배송지 - 배송 메세지 */ .content.order-content.order-renew .order-info-detail .gift-select {width:100%} /* 배송 유의사항 보기 */ .content.order-content.order-renew .delivery_notice_more {width:100%} /* 희망일 */ .content.order-content.order-renew .info-extra .setDelivery {width:100%} /* 트레이드인 */ .content.order-content.order-renew .order-info-box .trade-in {padding-left:136px} /* My 갤럭시 클럽 */ .content.order-content.order-renew .order-info-box .order-galaxy-club {padding-left:136px} .content.order-content.order-renew .order-info-box .order-galaxy-club .head {position:absolute} /* 매장픽업 */ .content.order-content.order-renew #pickup-store-view .head {margin:0;width:136px} .content.order-content.order-renew #pickup-store-view .order-info-detail {width:calc(100% - 136px)} .content.order-content.order-renew #pickup-store-view+.info-ul.sub {margin-left:136px} /* 중고제품 추가보상 신청하기 (트레이드인) - 구매 홀수 , 반납 짝수 */ .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist {width:100%} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .double-droplist {width:100%} /* 도어 방향 , 폐가전 수거, 사전 방문, 사은품 배송, 사전 방문 */ .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box {width:100%} /* 포인트 */ .content.order-content.order-renew .order-area.point-area > h2 {position:relative;top:0;padding:0 0 10px;border-bottom:1px solid #EEE} .content.order-content.order-renew .point-area .order-box {display:flex;flex-wrap:wrap;margin-top:12px;padding-left:136px} .content.order-content.order-renew .point-area .head {width:100%} .content.order-content.order-renew .point-area .point-inline-1 {position:absolute;top:-20px;right:0} .content.order-content.order-renew .point-area .order-info-box-2 {width:100%} .content.order-content.order-renew .point-area .order-info-box-2 .point_info {margin-top:8px;margin-left:0} .content.order-content.order-renew .point-area .order-info-box-2 li:nth-last-child(1) {width:100%;margin:0} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point {width:100%; max-width:100%} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover {margin-top:8px} .content.order-content.order-renew .point-area .tip-add {margin-top:8px} .content.order-content.order-renew .info-ul.mt40 {margin-left:136px !important} /* 결제 수단 */ .content.order-content.order-renew .order-area.pay-info.advance > h2 {position:relative;top:0;padding:0 0 10px;border-bottom:1px solid #EEE} .content.order-content.order-renew .order-area.pay-info.advance .order-box {margin-top:24px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box > li {padding-left:136px} /* 유의사항 */ .content.order-content.order-renew .order-area.pc > h2 {position:relative;top:0;padding:0 0 10px;border-bottom:1px solid #EEE} .content.order-content.order-renew .order-area.pc .order-box {margin-top:24px;padding-left:136px} .content.order-content.order-renew .order-info-box .m-orderBox-li {padding:0} .content.order-content.order-renew .order-info-box .m-orderBox-li .caution_box .droplist-button {width:100%} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li, .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li {width:calc(33% - 6px)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment {justify-content:space-between;} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:calc(100% - 105px)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:calc(100% - 105px)} /* 구매 시 유의사항 */ .content.order-content.order-renew .order-area.pc .order-info-box .m-orderBox-li .caution_box .delivery_notice_more {width:100%} /* 결제내역 */ .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption {min-height:initial} } @media (max-width:803px) and (min-width:801px) { .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-nav-box {width:100%} /* 쿠폰 */ .content.order-content.order-renew .max_coupon_wrap {flex-flow:nowrap;justify-content:space-between;padding:12px} .content.order-content.order-renew .max_coupon_wrap .toggleCheck {margin:0} .content.order-content.order-renew .coupon_code_wrap .coupon_code_top {width:136px} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con {width:calc(100% - 136px)} /* 공통 */ .content.order-content.order-renew .order-area > h2 {position:relative;top:0;padding:32px 0 10px;border-bottom:1px solid #EEE} /* 리스트 */ .content.order-content.order-renew .order-area.advance .order-tbl {padding-left:136px} .content.order-content.order-renew .order-area.advance .order-tbl.order-image {position:absolute} .content.order-content.order-renew .qker-brand .order-tbl {flex-wrap:wrap;padding-left:136px} .content.order-content.order-renew .order-tbl .order-count {margin-top:0;margin-left:0} .content.order-content.order-renew .order-tbl .order-price {display:flex;margin:0;width:100%} .content.order-content.order-renew .order-tbl .order-price .box-tip {position:absolute; left:auto; right:0} .content.order-content.order-renew .cart-area.benefit .cart-price .price-smaller {width:100%;font-size:12px} /* 배송 정보 - 탭 */ .content.order-content.order-renew .delivery_address:has(.tab-nav.split-delivery) .tab-view {margin-left:0} /* 배송 정보 - 보내는 분 열린상태 */ .content.order-content.order-renew .order-info-box .product_gift .user_info_change {padding:0} /* 배송정보 - 주문자 */ .content.order-content.order-renew .order-info-box > li.order_info_list .member_info {width:100%} /* 트레이드인 */ .content.order-content.order-renew .order-info-box .trade-in .head.xl {position:relative} /* 도어 방향 , 폐가전 수거, 사전 방문, 사은품 배송, 사전 방문 */ .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box .head {position:relative;margin:0 0 8px 0} /* 선물하기 + 중고가전 추가보상 */ .content.order-content.order-renew .order-info-box:has(li.product_gift:not([style*="display: none"])) .trade-in {padding-left:0} .content.order-content.order-renew .order-info-box:has(li.product_gift:not([style*="display: none"])) .trade-in .head.xl {width:136px} .content.order-content.order-renew .order-info-box:has(li.product_gift:not([style*="display: none"])) .trade-in .head.xl span {display:block} .content.order-content.order-renew .order-info-box:has(li.product_gift:not([style*="display: none"])) .trade-in .used-add-prg {width:calc(100% - 136px)} .content.order-content.order-renew .order-info-box:has(li.product_gift:not([style*="display: none"])) .trade-in .used-add-prg+.used-add-prg {margin-left:136px} /* 비스포크 */ .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .option-box .bespoke-selected-opt-list {width:100%} /* 주문자 */ .content.order-content.order-renew .user_info_change {width:100%;padding-left:136px} /* 배송정보 */ .content.order-content.order-renew .order-info-detail li {font-size:14px} .content.order-content.order-renew .order-info-detail li > span {margin-left:4px;font-size:14px} /* 배송지 없음 */ .content.order-content.order-renew .order-info-box > li:has(.svalidate-delivery-info) .tab-nav ul {top:20px} /* 배송 */ .content.order-content.order-renew .order-info-box .head {position:absolute;line-height:1} .content.order-content.order-renew .order-info-box > li {padding-left:136px} /* 배송 탭 */ .content.order-content.order-renew .order-info-detail {display:block} .content.order-content.order-renew .order-info-detail li+li {margin-top:10px} .content.order-content.order-renew .order-info-box > li.delivery-method.tab-style-btn .m-secon-tit {position:relative;top:0;width:100%;padding:32px 0 10px;border-bottom:1px solid #EEE} .content.order-content.order-renew .tab-view {width:100%} .content.order-content.order-renew .tab-nav.split-delivery {width:100%} .content.order-content.order-renew .delivery-method .info-extra {max-width:100%} .content.order-content.order-renew .address-memo-droplist .droplist-button, .content.order-content.order-renew .order-info-detail li {display:flex;flex-wrap:wrap} .content.order-content.order-renew .delivery-box .info-extra .tooltip-add {display:flex;align-items:center;white-space:nowrap;} .content.order-content.order-renew .info-extra .tooltip-add .btn-tip {position:relative;top:0;left:0;transform:translateY(0)} /* 수령인 정보 */ .content.order-content.order-renew .order-info-box > li#order-recieve-view .user_info_change {padding-left:0} .content.order-content.order-renew .order-info-box > li#order-recieve-view .user_info_change .input-type-ul .input-obj {width:100%} /* 설치 배송 */ .content.order-content.order-renew .delivery-box .info-extra .setDelivery .head {position:relative;width:100%} .content.order-content.order-renew .delivery-box .info-extra .setDelivery .txt-info.content {margin:8px 0 0;padding:0;font-size:12px;line-height:1.2;white-space:initial} .content.order-content.order-renew .delivery-method .delivery_str_txt {margin-left:136px} .content.order-content.order-renew .delivery-method .info-extra+.info-ul.timeDlvr_notice {margin-left:136px} /* 일반배송, 시간 맞춤 */ .content.order-content.order-renew .delivery-method.tab-style-btn .delivery-method-sel li+li {margin-top:16px} /* 배송 유의사항 보기 */ .content.order-content.order-renew .delivery-method .info-extra .addition_box {padding-left:136px} .content.order-content.order-renew .order-info-box .trade-in .note + .delivery_notice_more {margin-left:136px} .content.order-content.order-renew .order-info-box .extra-service .info-ul {margin:0} .content.order-content.order-renew .order-info-box .delivery-method.extra-service:has(.setDelivery) {padding-left:0} .content.order-content.order-renew .order-info-box .delivery-method.extra-service:has(.setDelivery) .order-info-detail .setDelivery {padding-left:136px} .content.order-content.order-renew .order-info-box .delivery-method.extra-service:has(.setDelivery) .order-info-detail .info-ul {padding-left:136px} .content.order-content.order-renew .order-info-box .delivery-method.extra-service:has(.setDelivery) .delivery_notice_more.timeDlvr_notice {margin-left:136px;width:calc(100% - 136px)} .content.order-content.order-renew .delivery_notice_more.timeDlvr_notice {margin-left:0;width:100%} /* 트레이드인 */ .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .trade-item .inp-form {width:100%} /* 선물하기 */ .content.order-content.order-renew .order-info-box > li.product_gift .order-info-detail {width:100%} /* 추가 제공 혜택 */ .content.order-content.order-renew .order-gift {padding-left:0} .content.order-content.order-renew .order-gift .gift-list-box {width:100%} .content.order-content.order-renew .gift-choice-list .item {width:100%} /* 결제수단 */ .order-area.pay-info.advance .order-info-box .samsung-pay-box .btn-samsungpay {height:100px} .content.order-content.order-renew .order-area.advance .order-info-box > li {padding-left:136px} .content.order-content.order-renew .order-area.advance .order-info-box .pay-detail {width:100%} .content.order-content.order-renew .order-area.advance .order-info-box .pay-detail-list .flag {display:flex;align-items:center;justify-content:center;height:20px;padding:0 8px;font-size:12px;border-radius:6px 0 6px 0} .content.order-content.order-renew .order-area.advance .order-info-box .credit-card > li > button:before {width:100%} /* 결제 혜택 안내 */ .content.order-content.order-renew .order-area.pay-info.advance .pay-info-notice .link {font-size:14px} /* 결제 내역 */ .content.order-content.order-renew .payment-area .terms-box h2 {padding-left:12px;padding-right:12px} .content.order-content.order-renew .payment-area .terms-box > .btn-terms-view {right:12px} .content.order-content.order-renew .payment-area .terms-box .agreement-allCheck-box {margin:20px 12px;padding:0} .content.order-content.order-renew .payment-area .terms-box .agreement-allCheck-box .chk-form.allChk-box {margin:0} .content.order-content.order-renew .payment-area .terms-box .chk-form {padding:0 12px} .content.order-content.order-renew .payment-area .terms-box .terms-view {padding:0 12px} .content.order-content.order-renew .payment-area .terms-box .chk-form.allChk-box {margin-top:20px} .content.order-content.order-renew .payment-area.advance .payment-listup {padding:31px 12px 0} .content.order-content.order-renew .payment-area.advance .droptoggle {padding:14px 12px 24px;min-height:initial} .content.order-content.order-renew .payment-area.advance .droptoggle .dropButton {width:16px;height:16px} .content.order-content.order-renew .payment-area.advance .btn-l {height:50px;line-height:50px} } @media (max-width:800px) { .content.order-content.order-renew {padding:0;overflow-x:hidden} .content.order-content.order-renew > .tit-box {margin-top:30px; padding:0 12px} .content.order-content.order-renew .order-area > h2 {position:relative;top:0; margin:0 12px 21px;padding:31px 0 10px;border-bottom:1px solid #F7F7F7;} .content.order-content.order-renew .order-area:after {content:none} .content.order-content.order-renew .order-area.advance .order-tbl {border-top:1px solid #EEE} .content.order-content.order-renew .order-info-box {padding-top:0} /* 큐커 */ .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-view {margin-top:0;padding-bottom:0 !important} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-view .easy-pay {width:100%} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-view .easy-pay li {height:initial} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-view.basic {padding-bottom:0 !important} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .credit-card > li {height:initial} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-nav-box {width:100%} .content.order-content.order-renew .order-info-box:has(.pay-nav-box) .pay-nav-box > .pay-nav-box-left {height:initial} .content.order-content.order-renew .pay-view.creditcard > div:not(.pd-top), .content.order-content.order-renew .pay-view.creditcard > ul, .content.order-content.order-renew .pay-view.virtual-account > div, .content.order-content.order-renew .pay-view.account-transfer > div {width:100%} /* 리스트 */ .content.order-content.order-renew .qker-brand .order-tbl {padding:32px 0 0 0} .content.order-content.order-renew .qker-brand .order-tbl .order-spec {padding-bottom:30px;width:calc(100% - 96px)} .content.order-content.order-renew .qker-brand .order-count {height:initial} /* 배송정보 - 주문자 */ .content.order-content.order-renew .order-info-box > li.order_info_list {padding-bottom:0 !important} /* 배송 안내 */ .content.order-content.order-renew .info-ul {margin-left:0;padding:0 12px} .content.order-content.order-renew .info-ul:after {content:none} /* 배송메세지 */ .content.order-content.order-renew .order-info-detail li.dlvrMsg {width:100%} .content.order-content.order-renew .tab-view .validate-delivery-info .input-obj:has(.select-btn) {width:100%} /* 최대 쿠폰 할인 */ .content.order-content.order-renew .max_coupon_wrap {flex-flow:nowrap;justify-content:space-between;width:calc(100% - 24px); margin:0 12px 24px} .content.order-content.order-renew .max_coupon_wrap .toggleCheck {margin:0} .content.order-content.order-renew .coupon_code_wrap {flex-wrap:wrap;margin-top:0;padding:24px 12px 32px} .content.order-content.order-renew .coupon_code_wrap .coupon_code_top {margin-bottom:16px} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con {width:100%} /* 상품보기 */ .content.order-content.order-renew .product_more .more_btn {margin-bottom:0} .content.order-content.order-renew #pickup-store-view {padding-bottom:0 !important} .content.order-content.order-renew .order-info-detail .pick-shop {margin-bottom:0} .content.order-content.order-renew .order-info-detail .pick-shop span {display:inline-block} /* 리스트 */ .content.order-content.order-renew .order-spec-group .o-label {margin-top:4px} .content.order-content.order-renew .order-spec-group .ico-group {margin-top:12px} .content.order-content.order-renew .order-spec-group .ico-group-t {margin-bottom:4px} .content.order-content.order-renew .order-spec .ico-group .o-spec span:not(.telecom) {font-size:11px} .content.order-content.order-renew .order-area.order-m-area.benefit.advance > h2 {padding:0 0 10px} .content.order-content.order-renew .order-area.order-m-area {padding:0 12px 24px;border:none} .content.order-content.order-renew .order-area.advance .order-tbl {margin:0;padding:32px 0 0 0;border:none} .content.order-content.order-renew .order-area.advance .order-tbl+.order-tbl {margin-top:32px;padding-top:32px;border-top:1px solid #EEE} .content.order-content.order-renew .order-tbl+.order-tbl {margin-top:32px} .content.order-content.order-renew .order-tbl .order-spec {margin-left:96px} .content.order-content.order-renew .order-tbl .order-image, .content.order-content.order-renew .order-tbl .order-image .photo, .content.order-content.order-renew .order-tbl .order-image .photo a {width:84px;height:84px} .content.order-content.order-renew .order-area.benefit .order-spec-group {padding-left:0; width:100%} .content.order-content.order-renew .order-area.advance .order-price .box-tip .total * {font-size:16px} .content.order-content.order-renew .order-price-count {margin:24px 0 0} .content.order-content.order-renew .order-tbl .order-price {margin:0; width:100%} .content.order-content.order-renew .order-tbl .order-count {line-height:24px} .content.order-content.order-renew .order-tbl .order-price .box-tip {position:absolute;top:32px; right:auto;} .content.order-content.order-renew .point-area .order-info-box-2 {padding:0 12px;width:100%} .content.order-content.order-renew .point-area .order-info-box-2 > li {padding:0} /* 리스트 - 비스포크 */ .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bc-info {margin-bottom:4px} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bespoke-box {flex-wrap:wrap;gap:12px} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bespoke-box .bespoke-color-set {width:calc(50% - 6px)} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bespoke-box .bc-spec .bc-name {width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .option-box {margin-bottom:0} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .option-box .bespoke-selected-opt-list {width:100%} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .option-box .bespoke-selected-opt-list ul li > span {width:calc(50% - 6px)} /* 추가 제공 혜택 */ .content.order-content.order-renew .gift-soldout {margin-left:96px} .content.order-content.order-renew .order-gift .gift-list-box .gift-info .txt {margin:3px 0 0} .content.order-content.order-renew .gift-choice-list {margin:12px 0 0 auto;width:calc(100% - 96px)} .content.order-content.order-renew .gift-choice-list .item {width:100%} /* 주문자 */ .content.order-content.order-renew .user_info_change .input-type-small {margin-bottom:0} .content.order-content.order-renew .user_info_change .input-type-small .input-obj {width:100%} .content.order-content.order-renew .user_info_change .input-type-ul {margin-bottom:0} .content.order-content.order-renew .user_info_change .input-type-ul .input-obj {width:100%} /* 배송 정보 */ .content.order-content.order-renew .order-info-box .member_info {margin:0;width:100%} .content.order-content.order-renew .order-info-box .member_info .member_info_change {right:12px} .content.order-content.order-renew .order-info-detail .gift-select {width:100%} /* 배송 */ .content.order-content.order-renew .order-info-box > li {margin-bottom:0;padding:0 12px} .content.order-content.order-renew .order-info-box > li+li {padding:0 12px} .content.order-content.order-renew .order-info-box > li.delivery-method {flex-wrap:wrap;margin:0;padding:30px 12px 0} .content.order-content.order-renew .order-info-box > li.delivery-method .head {position:relative;width:100%} .content.order-content.order-renew .order-info-box > li.delivery-method.tab-style-btn {margin-top:30px;padding:0 !important} .content.order-content.order-renew .order-info-box > li.delivery-method.tab-style-btn .m-secon-tit {position:relative;top:0;width:100%;margin:0 12px 20px;padding:32px 0 10px;border-bottom:1px solid #EEE} .content.order-content.order-renew .order-info-box > li.delivery-method.tab-style-btn .delivery-method-sel {flex-wrap:wrap;gap:16px;margin-top:0;padding:0 12px} .content.order-content.order-renew .delivery-method .order-info-detail.info-extra .inp-form {width:100%;height:auto !important} /* 날짜선택 */ .content.order-content.order-renew .info-extra .setDelivery {width:100%} .content.order-content.order-renew .info-extra .setDelivery .head {margin-bottom:8px} .content.order-content.order-renew .order-info-detail .chk-view {width:100%} .content.order-content.order-renew .order-info-box .order-info-detail li.addition_box {width:100%} /* 배송메세지를 입력해 주세요 */ .content.order-content.order-renew .delivery-box .dlvrMsg {width:100%} /* 배송 희망일 */ .content.order-content.order-renew .order-info-box .extra-service {padding-bottom:0 !important} .content.order-content.order-renew .order-info-box .delivery-method.extra-service {margin-top:0} .content.order-content.order-renew .delivery-box .info-extra .tooltip-add {width:100%} /* 배송지 신규 등록 */ .content.order-content.order-renew .order-info-box .order-btn {right:12px;padding:0} .content.order-content.order-renew .tab-view .input-type-small {width:100%} .content.order-content.order-renew .order-info-detail li.padding-none+li {width:100%} .content.order-content.order-renew .delivery-box .order-info-detail li.padding-none .inp-form {width:100%} /* 부가 서비스 */ .content.order-content.order-renew .order-info-detail.used-add-prg .trade-item .inp-form {width:100%} .content.order-content.order-renew .order-info-box .extra-service .order-info-detail .chk-view .wrap-droplist {width:100%} .content.order-content.order-renew .order-info-box .extra-service .order-info-detail .chk-view .inp-box {margin:8px 0 0;width:100%} .content.order-content.order-renew .order-info-box .extra-service .order-info-detail .chk-view .inp-line.inp-calendar.hasDatepicker {width:100%} .content.order-content.order-renew .order-info-box .extra-service .order-info-detail.info-extra li .inp-form {width:100%} .content.order-content.order-renew .order-info-box .extra-service .order-info-detail.info-extra li .inp-form .chk-form {display:inline-flex;align-items:center;width:calc(50% - 6px)} .content.order-content.order-renew .order-info-box .extra-service .info-ul {padding:0} .content.order-content.order-renew .order-info-box .extra-service .order-info-detail .chk-view {width:100%} .content.order-content.order-renew .delivery-box .info-extra .setDelivery .txt-info.content {margin:8px 0 0;padding:0} /* 시간 맞춤 설치 배송 */ .content.order-content.order-renew .order-info-box .extra-service .order-info-detail.info-extra li .inp-form.calendar_time {margin-top:0} /* 배송지 입력 */ .content.order-content.order-renew .order-info-box .order-btn {top:-8px} .content.order-content.order-renew .delivery-box > dd .seg-input {width:100%} /* 선물하기 */ .content.order-content.order-renew .tab-view .validate-delivery-info .input-obj {width:100%} .content.order-content.order-renew .order-info-box > li.product_gift+li {padding-bottom:0 !important} /* 배송 유의사항 보기 */ .content.order-content.order-renew .delivery_notice_more {width:100%} .content.order-content.order-renew .order-info-box > li.order-info-edit {padding:0 12px 0 !important} .content.order-content.order-renew .order-info-box > li.order-info-edit+li {margin-top:24px;padding-top:0;padding-bottom:0 !important} .content.order-content.order-renew .delivery-box > dd > .wrap-droplist {width:100%;} .content.order-content.order-renew .delivery-box .info-extra .tooltip-add {display:inline-flex;align-items:center;} .content.order-content.order-renew .delivery-box .info-extra .tooltip-add .btn-tip{position:relative;top:0;left:0;transform:translateY(0);margin-left:4px} .content.order-content.order-renew .delivery-box .info-extra .tooltip-add:has(.btn-tip)+.inp-form {display:inline-flex;width:100%} .content.order-content.order-renew .delivery-box .info-extra .tooltip-add ~ .inp-form {width:100%;} .content.order-content.order-renew .delivery-box > dd > .wrap-droplist:not(.plus-details) {width:100%} .content.order-content.order-renew .delivery-box > dd > .wrap-droplist:not(.plus-details) .droplist-button {width:100%} .content.order-content.order-renew .delivery-method-sel .delivery-method-item .method-tit br {display:none} .content.order-content.order-renew .delivery-box .info-extra .setDelivery .txt-info.content {white-space:initial;} /* 매장픽업 */ .content.order-content.order-renew #pickup-store-view+.info-ul.sub {margin-left:0} /* 선물하기 */ .content.order-content.order-renew .order-info-box > li.product_gift .input-type-ul.input-type-small .input-obj {width:100%} .content.order-content.order-renew .order-info-box > li.product_gift .order-info-detail {width:100%} /* 트레이드인 */ .content.order-content.order-renew .order-info-box .trade-in {padding-left:12px;padding-bottom:0 !important} .content.order-content.order-renew .order-info-box .trade-in+.trade-in {margin-top:0;padding-bottom:0 !important} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .chk-view .wrap-droplist {width:100%} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .trade-item .inp-form {width:100%} .content.order-content.order-renew .order-info-box .trade-in .order-info-detail .double-droplist {width:100%} /* My 갤럭시 클럽 */ .content.order-content.order-renew .order-info-box .order-galaxy-club {padding-bottom:0 !important} /* 포인트 */ .content.order-content.order-renew .point-area {padding:0} .content.order-content.order-renew .point-area .order-box {padding:0} .content.order-content.order-renew .point-area .order-box .head {left:12px} .content.order-content.order-renew .point-area .order-info-box-2 {padding-bottom:40px} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 {display:block} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover .btn-point {flex-shrink:0} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point {width:100%} .content.order-content.order-renew .point-area .order-info-box-2 .order-info-detail .point-inline-2 .point-line-2-cover div.inp-point .not_point {font-size:12px} .content.order-content.order-renew .point-area .order-info-box-2 .info-ul {padding-left:0} .content.order-content.order-renew .point-area .order-info-box-2 #total-area-membership-point {min-height:initial} .content.order-content.order-renew .info-ul.mt40 {padding:0} /* 결제 수단 */ .content.order-content.order-renew .order-area.pay-info {padding:0} .content.order-content.order-renew .order-area.pay-info.advance {padding-bottom:40px} .content.order-content.order-renew .order-area.pay-info.advance .order-box {padding:0 12px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box {padding:0} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box > li {padding:0} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .samsung-pay-box .btn-samsungpay {width:100%} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:calc(50% + 50px)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment .wrap-droplist {width:calc(50% + 50px)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li {width:calc(25% - 6px)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button:before {width:56px;background-size:contain} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li {width:calc(25% - 6px)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button {padding:0} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button:before {width:56px;background-size:contain} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .pay-detail {margin-top:24px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .pay-detail-list .flag {display:flex;align-items:center;justify-content:center;height:20px;padding:0 8px;font-size:12px;border-radius:6px 0 6px 0} /* 결제 혜택 안내 */ .content.order-content.order-renew .order-area.pay-info.advance .pay-info-notice .link {font-size:14px} .content.order-content.order-renew .pay_benefit_list .swiper-button-next, .content.order-content.order-renew .pay_benefit_list .swiper-button-prev {display:none} /* 결제 정보 */ .content.order-content.order-renew .payment-area {border:none;border-top:8px solid #F7F7F7; border-radius:0;} .content.order-content.order-renew .payment-area.advance:before {content:none} .content.order-content.order-renew .payment-area.advance .droptoggle {min-height:initial; padding:16px 12px 20px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropButton {width:20px; height:26px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption {min-height:initial} .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption .head br {display:none} .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption span {font-size:16px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption .text {font-size:16px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption .text * {font-size:16px} .content.order-content.order-renew .payment-area.advance .payment-listup {padding:31px 12px 16px} .content.order-content.order-renew .payment-area.advance .payment-listup > li .head br {display:none} .content.order-content.order-renew .payment-area.advance .payment-listup > li span {font-size:16px} /* 결제 예정 금액 */ .content.order-content.order-renew .payment-area.advance .cost-listup {padding:16px 12px} .content.order-content.order-renew .payment-area.advance .cost-listup > li > span {font-size:16px} .content.order-content.order-renew .payment-area.advance .cost-listup > li > .text {font-size:14px} .content.order-content.order-renew .payment-area.advance .cost-listup > li > .text > strong {font-size:20px} .content.order-content.order-renew .payment-area.advance .cost-listup > li > span > strong {font-size:14px} /* 약관 동의 */ .content.order-content.order-renew .payment-area .terms-box h2 {padding-left:12px; border-bottom:1px solid #F7F7F7} .content.order-content.order-renew .payment-area .terms-box .chk-form {padding:0 12px} .content.order-content.order-renew .payment-area .terms-box .terms-view {padding:0 12px} .content.order-content.order-renew .payment-area .terms-box > .btn-terms-view {right:12px} .content.order-content.order-renew .payment-area .terms-box .agreement-allCheck-box {margin:20px 12px} .content.order-content.order-renew .payment-area .terms-box .agreement-allCheck-box .chk-form.allChk-box {margin:0} .content.order-content.order-renew .payment-area .membership-saving:not([style*="display: none"]) + .terms-box{ margin:0;padding-bottom:32px;border-top:8px solid #F7F7F7;border-bottom:8px solid #F7F7F7;} /* 구매시 유의사항 */ .content.order-content.order-renew .order-area.pc {padding:0} .content.order-content.order-renew .order-info-box .m-orderBox-li .caution_box .droplist-button {width:100%} /* 결제하기 버튼 */ .content.order-content.order-renew .m-buy-btn-box.type .m-buy-pay + .btn {height:40px} } @media (max-width:320px) { .content.order-content.order-renew .order-top h2 {font-size:16px} .content.order-content.order-renew .order-top .btn-underline {font-size:11px} /* 할인 쿠폰 코드 */ .content.order-content.order-renew .coupon_code_wrap .coupon_code_con .coupon_code_price {font-size:12px} /* 레이아웃 */ .content.order-content.order-renew .order-area.advance .order-tbl {padding-top:24px} .content.order-content.order-renew .order-info-box .member_info .member_info_change {flex-wrap:wrap} .content.order-content.order-renew .cart-tbl.advance .pc-bespoke .bc-spec {flex-wrap:wrap} .content.order-content.order-renew .cart-tbl.advance .pc-bespoke .bc-spec .bc-name {width:100%} .content.order-content.order-renew .bespoke-selected-opt-list ul li {flex-wrap:wrap} .content.order-content.order-renew .bespoke-selected-opt-list ul li > span {width:100%} .content.order-content.order-renew .bespoke-selected-opt-list ul li > span+span {margin:0} .content.order-content.order-renew .order-area.benefit .order-spec .order-spec-group {padding-left:0} .content.order-content.order-renew .pay-info .caution-list li {flex-wrap:wrap} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment {flex-wrap:wrap} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .pay-instalment .btn-underline {position:relative; margin:8px 0 0 auto} .content.order-content.order-renew .order-tbl .order-image, .content.order-content.order-renew .order-tbl .order-image .photo, .content.order-content.order-renew .order-tbl .order-image .photo a {width:80px;height:80px} .content.order-content.order-renew .order-tbl .order-spec {width:calc(100% - 94px);margin-left:94px} /* 쿠폰 */ .content.order-content.order-renew .coupon_code_wrap .coupon_code_con {padding:12px} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con span {font-size:12px} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con .coupon_price_box button {font-size:12px} .content.order-content.order-renew .coupon_code_wrap .coupon_code_con .coupon_price_box span {font-size:14px} /* 리스트 */ .content.order-content.order-renew .coupon_price {font-size:10px} .content.order-content.order-renew .order-spec-group .o-title a {font-size:14px} .content.order-content.order-renew .order-spec-group .o-label, .content.order-content.order-renew .order-spec-group {font-size:11px} .content.order-content.order-renew .order-price-count {margin-top:24px} .content.order-content.order-renew .order-tbl .order-price .box-tip {top:33px} .content.order-content.order-renew .order-tbl .order-price .price-small {font-size:14px} .content.order-content.order-renew .order-area.advance .order-tbl .order-price .price-big, .content.order-content.order-renew .order-area.advance .order-tbl .order-price .price-big em {font-size:18px} /* 비스포크 */ .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bespoke-color-set {width:100%} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bespoke-box .bespoke-color-set {width:100%} .content.order-content.order-renew .order-area.advance .order-tbl .pc-bespoke .bespoke-box .bespoke-color-set+.bespoke-color-set {margin-top:14px} .content.order-content.order-renew .payment-area .terms-box .terms-view .chk-form input[type="checkbox"] + label {width:80%} /* 추가 제공 혜택 */ .content.order-content.order-renew .gift-soldout {margin-left:96px} .content.order-content.order-renew .order-gift .gift-list-box {padding:13px 18px} .content.order-content.order-renew .order-gift .gift-list-box .gift-info .tit {font-size:12px} .content.order-content.order-renew .order-gift .gift-list-box .gift-info .txt {font-size:10px;line-height:14px} .content.order-content.order-renew .order-gift .gift-list-box .gift-info .price {right:16px;font-size:12px} .content.order-content.order-renew .order-gift .gift-list-box .gift-list .names {font-size:11px} .content.order-content.order-renew .gift-choice-list .item span {font-size:11px} /* 배송방법 */ .content.order-content.order-renew .delivery-method-sel .delivery-method-item .method-tit br {display:none} .content.order-content.order-renew .delivery-method .info-ul li .deliveryTable table th, .content.order-content.order-renew .delivery-method .info-ul li .deliveryTable table td {font-size:12px} /* 결제수단 */ .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add .info-pay {width:100%} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li {width:calc(33% - 5px)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-card > li > button:before {width:62px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li {width:calc(33% - 5px)} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .easy-pay > li > button:before {width:62px} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .pay-instalment .wrap-droplist {width:100%} .content.order-content.order-renew .order-info-box .extra-service .order-info-detail.info-extra li {width:100%} .content.order-content.order-renew .order-area.pay-info.advance .order-info-box .credit-add + .pay-instalment .wrap-droplist {width:100%} /* 결제혜택안내 */ .content.order-content.order-renew .swiper-pagination-fraction {height:15px;font-size:10px} /* 약관 동의 */ .content.order-content.order-renew .payment-area .terms-box > .btn-terms-view {top:40px} .content.order-content.order-renew .payment-area.advance .terms-box h2 {padding:31px 12px 10px} /* 결제내역 */ .content.order-content.order-renew .payment-area.advance .cost-listup {padding:16px 12px} .content.order-content.order-renew .payment-area.advance .cost-listup > li > .head {font-size:12px} .content.order-content.order-renew .payment-area.advance .cost-listup > li.card-discount {margin-top:8px} .content.order-content.order-renew .payment-area.advance .payment-listup > li ~ li {margin-top:11px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption .head {font-size:14px} .content.order-content.order-renew .payment-area.advance .droptoggle .dropOption .head br {display:none} .content.order-content.order-renew .payment-area.advance .payment-listup > li .head {font-size:14px} .content.order-content.order-renew .payment-area.advance .membership-saving {padding:12px 12px 40px} .content.order-content.order-renew .payment-area.advance .membership-saving .dropOption {flex-wrap:nowrap} .content.order-content.order-renew .payment-area.advance .membership-saving .dropOption .head {width:100%;} .content.order-content.order-renew .payment-area .terms-box .terms-view {margin:0;padding:8px 12px 0} .content.order-content.order-renew .payment-area .terms-box .chk-form ~ .chk-form.allChk-box {margin-top:20px} } /* [E] KDP-45911 [퍼블]Mobile First UXUI_검색 - 장바구니/결제 */ /* 나눔결제 KDP-50178 */ .nanumInfo {max-width:1440px; margin:80px auto 0; padding: 0 24px;} .nanumInfo .nanumKvWrap {display:flex; justify-content:center;} .nanumInfo .nanumKvWrap .nanumKv {display:flex; align-items:center; width:100%; height:290px; background:linear-gradient(126deg, #e7e9ec 70%, #aeb0b3 100%); border-radius:20px; overflow:hidden;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; flex-direction:column; width:calc(100% - 0px); height:100%; padding-left:60px; background:url(//images.samsung.com/kdp/order/nanum/nanum_kv_pc_object.png) no-repeat center right 80px, url(//images.samsung.com/kdp/order/nanum/nanum_kv_pc_pattern.png); color:#363636; font-family:'SamsungOneKorean';} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoTitle {display:flex; align-items:center; font-size:44px; font-weight:600; margin-bottom:18px;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoTitle strong {color:#2189FF; font-size:inherit; display:contents;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoDesc {font-size:24px; margin-bottom:30px;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoDate {display:inline-flex; align-items:center; padding:10px 20px; border-radius:20px; background:#fff; font-size:20px; font-weight:600;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoDate strong {color:#FF4337; margin: 0 4px; font-size:inherit; display: contents;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoDate em {font-weight:normal; margin: 0 4px; font-size:inherit; display: contents;} @media (max-width:1100px) { .nanumInfo .nanumKvWrap .nanumKv {height:160px;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo {padding-left:20px; background:url(//images.samsung.com/kdp/order/nanum/nanum_kv_pc_object.png) no-repeat center right 40px, url(//images.samsung.com/kdp/order/nanum/nanum_kv_pc_pattern.png); background-size:contain;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoTitle {margin-bottom:10px; font-size:24px;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoDesc {margin-bottom:10px; font-size:18px;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoDate {padding:6px 10px; font-size:16px;} } @media (max-width:800px) { .nanumInfo .nanumKvWrap .nanumKv {height:400px; line-height: 1.2; background: linear-gradient(180deg, #e7e9ec 60%, #d0d0d0 100%);} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo {justify-content:flex-start; padding:26px; background:url(//images.samsung.com/kdp/order/nanum/nanum_kv_mo_object.png) no-repeat center bottom, url(//images.samsung.com/kdp/order/nanum/nanum_kv_pc_pattern.png); background-size:contain;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoTitle {margin-bottom:10px; font-size:30px;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoDesc {margin-bottom:10px; font-size:18px;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo .infoDate {padding:6px 10px; font-size:14px;} } /* nanumOrderWrap */ .nanumOrderWrap {} .nanumOrderWrap input[type="text"] {height:40px; border:1px solid #DDD; border-radius:6px;} .nanumOrderWrap .nanumitemList {} .nanumOrderWrap .nanumitemList .nanumItem {padding:36px 0; border-top:1px solid #eaeaea;} .nanumOrderWrap .nanumitemList .nanumItem:first-child {border-top:0;} .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap {display:flex; justify-content:space-between; align-items:flex-start;} .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap .itemImg {width:120px; height:120px; border-radius:6px; padding:10px; background:#F7F7F7;} .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap .itemImg img {width:100%;} .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap .itemInfo {display:flex; flex-direction:column;} .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap .itemInfo .set {color:#2188FF; font-size:12px; font-weight:bold;} .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap .itemInfo .pName {margin:8px 0; color:#000; font-size:16px; font-weight:bold;} .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap .itemInfo .sn {margin:2px 0; color:#757575; font-size:12px;} .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap .itemInfo .option {margin:4px 0; color:#757575; font-size:12px; text-decoration:none;} .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap .itemInfo, .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap {width:calc(100% - 236px);} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox {display:flex; justify-content:flex-end; margin-top:-24px;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap {} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPrice {display:flex; justify-content:space-between; align-items:center;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPrice .num {color:#000; font-size:16px; font-weight:bold;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPrice .price {color:#000; font-size:20px; font-weight:bold;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert {margin:20px 0 0; padding:16px 36px; border:1px solid #DDD; border-radius:10px; background:#F7F7F7; box-sizing:border-box;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .remainingPrice {margin-bottom:16px;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .remainingPrice dl {display:flex; justify-content:space-between; align-items:center;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .remainingPrice dl dt {color:#000; font-weight:bold; font-size:16px;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .remainingPrice dl dd {color:#000; font-size:16px;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice {} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl {display:flex; justify-content:space-between; align-items:flex-start;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl dt {color:#000; font-size:20px; font-weight:bold; margin-top:4px;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl dd {width:calc(100% - 50%);} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl dd .nanumPriceFrom {display:flex; align-items:center; width:100%; color:#000; font-size:16px; font-weight:bold;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl dd .nanumPriceFrom input {height:38px; border-radius:6px; padding-right:6px; margin-right:6px; color:#000; font-size:16px; font-family:'Samsung Sharp Sans'; font-weight:bold; text-align:right;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl dd .nanumPriceButton {display:flex; justify-content:flex-end; margin:8px 18px 0 0; gap:8px;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl dd .nanumPriceButton button {min-width:52px; padding:8px 0; border-radius:6px; background:#E2E2E2; color:#555555; font-size:12px;} .nanumOrderWrap .nanumFromWrap {display:flex; justify-content:space-between; padding: 36px 0; border-top: 8px solid #F7F7F7;} .nanumOrderWrap .nanumFromWrap .fromTitle {} .nanumOrderWrap .nanumFromWrap .fromTitle h3 {font-size:20px;} .nanumOrderWrap .nanumFromWrap .fromInfo {display:flex; justify-content:space-between; width:calc(100% - 236px);} .nanumOrderWrap .nanumFromWrap .fromInfo dl {width:calc(50% - 10px);} .nanumOrderWrap .nanumFromWrap .fromInfo dl dt {margin-bottom:8px; color:#000; font-size:14px; font-weight:bold;} .nanumOrderWrap .nanumFromWrap .fromInfo dl dt .required-item {font-style:normal;} .nanumOrderWrap .nanumFromWrap .fromInfo dl dd {} .nanumPolicyWrap {padding:36px 0; /*border-top:8px solid #F7F7F7;*/} .nanumPolicyWrap .nanumPolicyInfo {padding:30px; border:1px solid #DDD; border-radius:10px; background:#F7F7F7; box-sizing:border-box;} .nanumPolicyWrap .nanumPolicyInfo h4 {display:block; font-size:16px; font-weight:bold; color:#000; margin-bottom:20px;} .nanumPolicyWrap .nanumPolicyInfo ul {} .nanumPolicyWrap .nanumPolicyInfo ul li {display:block; position:relative; padding-left:10px; color:#707070; line-height:1.4;} .nanumPolicyWrap .nanumPolicyInfo ul li::before {content:''; display:block; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#707070;} @media (max-width:1100px) { .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap .itemInfo, .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap {width:calc(100% - 136px);} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert {padding:16px;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl dd .nanumPriceButton button {min-width:48px;} .nanumOrderWrap .nanumFromWrap .fromInfo {width:calc(100% - 136px);} } @media (max-width:800px) { .nanumInfo {width:100%; margin:20px 0; padding:0 10px;} .nanumInfo .nanumInfoUSer {margin-bottom:10px;} .nanumInfo .nanumInfoUSer h2 {font-size:14px;} .nanumInfo .nanumInfoUSer strong {font-size:24px;} .nanumInfo .nanumInfoUSer strong br {display:block;} .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo dl dt, .nanumInfo .nanumKvWrap .nanumKv .nanumKvInfo dl dd {font-size:12px;} .nanumOrderWrap .nanumitemList .nanumItem {padding:24px 0;} .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap .itemImg {width:84px; height:84px;} .nanumOrderWrap .nanumitemList .nanumItem .itemInfoWrap .itemInfo {width:calc(100% - 100px);} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox {margin:20px 0;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap {width:100%;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl {align-items:flex-start; flex-direction:column;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl dt {margin-bottom:10px;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl dd {width:100%;} .nanumOrderWrap .nanumitemList .nanumItem .itemPriceWrapBox .itemPriceWrap .itemPriceInsert .itemNanumPrice dl dd .nanumPriceButton {flex-wrap:wrap; margin:8px 0 0 0;} .nanumOrderWrap .nanumFromWrap {padding:24px 0; flex-direction:column;} .nanumOrderWrap .nanumFromWrap .fromTitle {margin-bottom:20px;} .nanumOrderWrap .nanumFromWrap .fromInfo {width:calc(100% - 0px);} .nanumPolicyWrap .nanumPolicyInfo {margin:0 12px;} .nanumPolicyWrap .nanumPolicyInfo ul li {font-size:12px;} } @media (max-width:480px) { .nanumOrderWrap .nanumFromWrap .fromInfo {flex-direction:column; gap:20px;} .nanumOrderWrap .nanumFromWrap .fromInfo dl {width:100%;} } /* KDP-54218 [FO][퍼블][B2C] 리워즈포인트 전환 메뉴/기능 개발 */ .order-content .point_exchange_box {width:100%;margin-top:32px;padding:20px 24px;border-radius:10px;background:#F7F7F7} .order-content .point_exchange_box .exchange_tit {margin-bottom:8px;font-size:14px;line-height:20px;} .order-content .point_exchange_box .exchange_txt {color:#707070;font-size:12px;line-height:16px} @media (max-width: 800px) { .order-content .point_exchange_box {width:calc(100% - 24px);margin:20px 12px;padding:16px} .order-content .point_exchange_box .exchange_tit {margin-bottom:12px;font-size:14px} } ======= /* KDP-54430 : 240517 통신사폰 허브 페이지 */ .carrierPhoneHub .container-inner {display:block;} .carrierPhoneHub .subs-main {height:75vh; padding:40px 2.7778vw 0; border-radius:10px 10px 0 0;} .carrierPhoneHub .bottomBar {width:100%; border-radius:0 0 10px 10px; background:#ffffff;} .bottomBar.bottom {z-index:2; bottom:0; width:100%; border-top:1px solid #DDDDDD; background:#fff;} .bottomBar .bottomBar-inner {display:flex; justify-content:space-between; align-items:center; margin:0 auto; padding:28px 48px;} .bottomBar ul.btn-group {display:flex; position:relative; gap:8px;} .bottomBar ul.btn-group button.cta {display:flex; align-items:center; padding:0 65px; gap:4px;} .bottomBar ul.btn-group button.cta > img.arrow-r {width:13px; transform:rotate(90deg);filter:brightness(0) invert(1);} .bottomBar .text-box .h2 {font-size:24px;} .bottomBar .txt-noti-order {display:flex; position:absolute; top:-46px; right:20px; width:263px; height:34px; color:#2189FF; font-size:14px;} .bottomBar .txt-noti-order:before {content:''; display:block; position:absolute; left:85%; bottom:-6px; width:0; height:0; border:7px solid transparent; border-bottom-width:0; border-top-color:#2189FF; transform:translateX(-50%);} .bottomBar .txt-noti-order:after {content:''; display:block; position:absolute; left:85%; bottom:-5px; width:0; height:0; border:6px solid transparent; border-bottom-width:0; border-top-color:#fff; transform:translateX(-50%);} .bottomBar .txt-noti-order > div {display:flex; justify-content:center; align-items:center; height:100%; padding:8px 16px; border:1px solid #2189FF; border-radius:6px; background:#fff; box-sizing:border-box; gap:8px;} .bottomBar .txt-noti-order > div > button {display:flex; align-items:center;} .bottomBar .txt-noti-order > div > button > img {width:89%; height:100%;} @media (max-width:1440px) { .bottomBar .txt-noti-order > div > span {font-size:14px;} } @media (max-width:803px) { .bottomBar .text-box .h2 {font-size:18px;} .bottomBar ul.btn-group button.cta {height:40px; border-radius:50px; font-size:14px; line-height:normal;} .bottomBar .txt-noti-order:after {bottom:-4px;} .bottomBar .bottomBar-inner {padding:20px;} .carrierPhoneHub .container-inner .subs-main {padding:20px 20px 0;} .carrierPhoneHub .container-inner {padding:36px 12px;} } @media (max-width:800px) { .carrierPhoneHub .container-inner {padding:24px 12px;} .carrierPhoneHub .container-inner .subs-main {padding:12px 12px 0;} .bottomBar.bottom {z-index:200;} .bottomBar .stickybar-wrap {flex-direction:column; padding:18px 12px 12px; gap:18px;} .bottomBar ul.btn-group button.cta {justify-content:center; min-width:120px; padding:0;} .bottomBar .txt-noti-order {top:-70px;} .bottomBar .bottomBar-inner {flex-direction:column; gap:12px;} .bottomBar .txt-noti-order {left:50%; transform:translateX(-50%);} } @media (max-height:915px) {/*iphoneXR,12pro, galS20Utla, galA51/71*/ .carrierPhoneHub .subs-main {height:77vh;} } @media (max-height:882px) {/* galZfold5*/ .carrierPhoneHub .subs-main {height:76vh;} } @media (max-height:800px) {/* gal_S8,S8+ */ .carrierPhoneHub .subs-main {height:71vh;} } @media (max-height:667px) {/* iphone6,7,8,SE2, galS9+, galfold3*/ .carrierPhoneHub .subs-main {height:69vh;} } @media (max-height:640px) { /* gal_Note2,3, galS3 */ .carrierPhoneHub .subs-main {height:67vh;} } @media (max-height:568px) {/* iphone5/se */ .carrierPhoneHub .subs-main {height:64vh;} } /* KDP-53014 KDP-51283 KDP 요건 D2C채널 모바일 SC + 가입유입 개선 요청 */ .order-content .order-tbl.wrap-type {flex-wrap:wrap;} .order-content .order-tbl.wrap-type .order-td.order-full-box {margin:0 0 36px 144px;padding:16px 24px;width:100%;border:1px solid #DDDDDD;border-radius:6px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .title {height:20px;line-height:20px;margin-top:6px;color:#000;font-size:14px;font-weight:700;text-align:left;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .title span {display:inline-block;height:100%;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .title .logo {margin-left:8px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .title .logo img {height:100%;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail {margin-top:18px;display:flex;align-items:center;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .state {display:inline-block;color:#2189FF;font-size:14px;font-weight:700;text-align:left;vertical-align:middle;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .state span {color:#707070;font-size:inherit;font-weight:inherit;vertical-align:top;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .price {display:inline-block;margin-left:60px;vertical-align:middle;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .price .bf {color:#A6A6A6;font-size:14px;text-decoration:line-through;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .price .af {margin-left:8px;color:#000000;font-size:18px;font-weight:700;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .price .af em {margin-right:5px;font-size:inherit;font-family:'Samsung Sharp Sans';} .order-content .order-tbl.wrap-type .order-td.order-full-box .order-cta-area {right:24px;padding:16px 0 0;} .order-content .order-tbl.wrap-type .order-td.order-full-box .order-cta-area .go-cancel {font-size:14px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .order-cta-area .btn {margin:0;} @media (max-width: 1440px) and (min-width: 1101px) { .order-content .order-tbl.wrap-type .order-td.order-full-box {margin-left:10.0000vw} } @media screen and (max-width: 1100px) and (min-width: 801px) { .order-content .order-tbl.wrap-type .order-td.order-full-box {margin-left:10.3636vw;margin-bottom:3.2727vw;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .title {height:18px;margin-top:0;line-height:18px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail {margin-top:12px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .state {font-size:12px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .price {margin-left:5.4545vw;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .price .pf {font-size:12px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .price .af {font-size:14px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .price .af em {font-size:inherit;vertical-align:baseline;} .order-content .order-tbl.wrap-type .order-td.order-full-box .order-cta-area {position:static;max-width:none;padding-top:10px;text-align:right;} .order-content .order-tbl.wrap-type .order-td.order-full-box .order-cta-area .go-cancel {margin:4px 16px 4px 0;font-size:14px;line-height:20px;vertical-align:middle;} .order-content .order-tbl.wrap-type .order-td.order-full-box .order-cta-area .more {width:72px;height:30px;line-height:28px;font-size:14px;vertical-align:middle} } @media (max-width: 800px) { .order-content .order-tbl.wrap-type .order-td.order-full-box {margin-left:0;padding:16px 24px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .title {margin-top:0;height:18px;line-height:18px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail {display:flex;justify-content:space-between;align-items:center;margin-top:12px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .price {margin-left:5px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .careplus-info .careplus-detail .price .af {font-size:18px;} .order-content .order-tbl.wrap-type .order-td.order-full-box .order-cta-area .go-cancel {margin:2vw 2.2500vw 2vw 0;} } @media (max-width: 320px) { .order-content .order-tbl.wrap-type .order-td.order-full-box {padding:12px;} } /* KDP-54811 [퍼블] [B2B2C] 혜택 시뮬레이터 (주문) 공통 결제혜택 슬라이드 */ .pay_benefit {padding-top:32px;overflow:hidden} .pay_benefit .pay_benefit_list {position:relative;z-index:1} .pay_benefit .pay_benefit_list .swiper-slide {display:flex; align-items:center; padding:12px; width:calc(100% - 16px);border-radius:6px; background:#F7F7F7;} .pay_benefit .pay_benefit_list .swiper-slide .benefit_badge {display:inline-flex; justify-content:center; align-items:center; height:16px; margin-right:4px; padding:0 8px; border:1px solid #2189FF; border-radius:10px; color:#2189FF; font-size:12px; background:#fff} .pay_benefit .pay_benefit_list .swiper-slide .benefit_tit {flex-shrink:0;margin:0; font-size:14px; font-weight:bold} .pay_benefit .pay_benefit_list .swiper-slide .benefit_txt {display:flex;align-items:center;width:100%; margin-left:16px;font-size:14px} .pay_benefit .pay_benefit_list .swiper-slide .benefit_txt strong {margin-left:8px;color:#2189FF; font-size:14px} .pay_benefit .pay_benefit_list .swiper-button-next {top:-1px;left:auto;right:0;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.5' x2='0.27' y2='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='arrow' transform='translate(75 62) rotate(180)'%3E%3Crect id='gradation' width='16' height='15.141' transform='translate(59 46.859)' fill='url(%23linear-gradient)'/%3E%3Cg id='icon-24-midium-arrow' transform='translate(75 62) rotate(180)'%3E%3Crect id='사각형_29580' data-name='사각형 29580' width='16' height='16' fill='%23fff' opacity='0'/%3E%3Cpath id='패스_134289' data-name='패스 134289' d='M-8201.242-13260l4.382,4.22-4.382,4.28' transform='translate(8207.051 13263.752)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat} .pay_benefit .pay_benefit_list .swiper-button-prev {top:-1px;left:auto;right:46px;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='icon-24-midium-arrow' transform='translate(16 16) rotate(180)'%3E%3Crect id='사각형_29580' data-name='사각형 29580' width='16' height='16' fill='%23fff' opacity='0'/%3E%3Cpath id='패스_134289' data-name='패스 134289' d='M-8201.242-13260l4.382,4.22-4.382,4.28' transform='translate(8207.051 13263.752)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat} .pay_benefit .pay_benefit_list .swiper-button-next:after, .pay_benefit .pay_benefit_list .swiper-button-prev:after {content:none} .pay_benefit .pay_benefit_list .swiper-button-next.swiper-button-disabled, .pay_benefit .pay_benefit_list .swiper-button-prev.swiper-button-disabled {display:none} .pay_benefit .pay_benefit_list .swiper-pagination-fraction {display:flex; justify-content:center; align-items:center; top:-24px; left:auto; right:16px; width:32px; height:18px; border-radius:12px;} .pay_benefit .pay_benefit_list .swiper-pagination-current {color:#000; font-size:12px; font-weight:bold} .pay_benefit .pay_benefit_list .swiper-pagination-total {color:#000; font-size:12px; font-weight:bold} .benefit_save {margin-top:24px} .benefit_save .save_pay+.save_pay {margin-top:10px} /* KDP-54218 [FO][퍼블][B2C] 리워즈포인트 전환 메뉴/기능 개발 */ .order-content .point_exchange_box {width:100%;margin-top:32px;padding:20px 24px;border-radius:10px;background:#F7F7F7} .order-content .point_exchange_box .exchange_tit {margin-bottom:8px;font-size:14px;line-height:20px;} .order-content .point_exchange_box .exchange_txt {color:#707070;font-size:12px;line-height:16px} @media (max-width: 800px) { .order-content .point_exchange_box {width:calc(100% - 24px);margin:20px 12px;padding:16px} .order-content .point_exchange_box .exchange_tit {margin-bottom:12px;font-size:14px} }