/*─────────────────────────────────────────────────────────── 주문 관련 ───────────────────────────────────────────────────────────*/ /* pc */ /* 장바구니 제품 박스 */ .basket_pr_list {border:1px #eaeaea solid;border-left:0;border-right:0;} #basket .all-select + .basket_pr_list, .h_title2 + .basket_pr_list {border-top:0;border-bottom:0;} .basket_pr_list.not_provider li {padding:8px;} .basket_pr_list.provider li {padding:8px;} .basket_pr_list.not_provider li + li, .basket_pr_list.provider li + li {border-top:1px #eaeaea dotted;} .basket_pr_list figure {width:100%; display: table; box-sizing: border-box; padding:0;margin:0 auto;border-collapse:collapse;} .basket_pr_list .basketLeft, #gift-select .layer .basketLeft, .basket_pr_list .basketRight, #gift-select .layer .basketRight {display:table-cell;vertical-align:middle;box-sizing:border-box;border-collapse:collapse;float:none;padding:0;font-size:1em;line-height:1.3em;color:#777;} .basket_pr_list .basketLeft, #gift-select .layer .basketLeft {width:35%; min-height:70px; position:relative;text-align:center;padding-left:5px;padding-right:5px;} .basket_pr_list .basketLeft a, #gift-select .layer .basketLeft a {display:inline-block;max-width:100%;margin:0 auto;vertical-align:middle;} .basket_pr_list .basketLeft a img {width:100%;height:auto;max-width:150px;vertical-align:middle;} .basket_pr_list .basketLeft .MS_input_checkbox, .basket_pr_list .basketLeft input[type="checkbox"] {top:0; left:0; position:absolute;} .basket_pr_list .basketRight, #gift-select .layer .basketRight {padding-left:10px;} .basket_pr_list .basketRight p {line-height:1.2em;color:inherit;} .basket_pr_list .basketRight .pname, #wish .basket_pr_list .basketRight .pname {font-size:1.1em;line-height:1.5em;border:0;padding:0 0 8px;position:static;} .basket_pr_list .basketRight .pname a, #wish .basket_pr_list .basketRight .pname a {width: calc(100% - 48px);color:inherit;line-height:inherit;vertical-align:inherit;font-size:inherit;display:inline-block;} .basket_pr_list .basketRight .pname a + a, #wish .basket_pr_list .basketRight .pname a + a {width:auto;} .basket_pr_list .basketRight .pprice {font-size:1.1em;line-height:1.5em;} .basket_pr_list .basketRight .pprice em {color:#333;font-size:1.2em;font-weight:700;} .basket_pr_list .basketRight .poption {line-height:1.2em;padding:0 0 5px;} .basket_pr_list .basketRight .btn_White, .basket_pr_list .basketRight .btn_Grey {height:24px;line-height:22px;min-width:40px;width:auto;padding-left:6px;padding-right:6px;display:inline-block;vertical-align:middle;} .basket_pr_list .basketRight .poption .btn_Grey {margin-top:3px;display:block;max-width:38px;} .basket_pr_list .basketRight .pcount {vertical-align:middle;font-size:0;padding:0 0 8px;} .basket_pr_list .basketRight .pcount input.txt-input, .basket_pr_list .basketRight p input.txt-spin {width:45px;height:24px;line-height:24px;font-size:13px;background:#f4f4f4;border:0;text-align:center;color:#777;vertical-align:middle;box-sizing:border-box;} .basket_pr_list .basketRight .fa-plus, #gift-select .layer .basketRight .fa-plus, .basket_pr_list .basketRight .fa-minus, #gift-select .layer .basketRight .fa-minus {width:24px;height:24px;line-height:22px;border:1px #efefef solid;background-color:#fff;color:#777;text-align:center;vertical-align:middle;margin:0;padding:0;display:inline-block;box-sizing:border-box;} .basket_pr_list .basketRight .fa-plus, #gift-select .layer .basketRight .fa-plus {} .basket_pr_list .basketRight .fa-minus, #gift-select .layer .basketRight .fa-minus {margin-left:-1px;} .basket_pr_list .basketRight .pcount a.btn_White {width:45px;height:24px;line-height:22px;border:1px #efefef solid;background-color:#fff;color:#777;text-align:center;vertical-align:middle;margin:0;padding:0;margin-left:5px;display:inline-block;} .basket_pr_list .basketRight .pcount a.btn_Grey {margin-left:8px;} .basket_pr_list .basketRight .pbtn {padding-top:8px;} .basket_pr_list .basketRight div.reserve-point { padding-top:3px; } .basket_pr_list .basketRight div.price-coupon { padding-top:7px; margin-top:5px; border-top:1px solid #efefef; } .basket_pr_list .basketRight div.price-coupon dl:after { clear: both; content: ""; display: block; } .basket_pr_list .basketRight div.price-coupon dl { width:100%; color:#000; } .basket_pr_list .basketRight div.price-coupon dl dt { float:left; width:65%; } .basket_pr_list .basketRight div.price-coupon dl dd { float:left; width:35%; text-align:right; } .basket_pr_list .basketRight div .btn-coupon { display:inline-block; height:20px; line-height:19px; padding:0 5px; font-size:10px; color:#fff; background:#858585; text-align:center; } .basket_pr_list .basketRight #downpricevalue {color: #333333; font-weight:500;} .basket_pr_list .basketRight .btn_Black + .btn_White {margin-left:5px;} .basket_pr_list .basketRight .MS_select {width:100%;} .basket_pr_list .basketRight .amount-input {width:50px;} #gift-select .layer .basketRight .amount-input {width:30px; text-align : right;} .basket_pr_list .basketRight span.box-round {padding: 2px; background-color: #fff; color: #1FA950; font-size: 0.875em; border-radius: 3px; border: 1px solid #1FA950;} .basket_pr_list .basketRight span.red-delivery {padding: 2px; background-color: #fff; color: #FB9C15; font-size: 0.875em; border-radius: 3px; border: 1px solid #FFA82C;} .basket_pr_list .basketRight span.blue-delivery, #gift-select .layer .basketRight .pname .blue-delivery {padding: 2px; background-color: #fff; color: #3D9EFF; font-size: 0.875em; border-radius: 3px; border: 1px solid #58ACFF;} .basket_pr_list .basketRight span.gray-delivery, #gift-select .layer .basketRight .pname .red-delivery {padding: 2px;background-color: #fff;color: #656565;font-size: 0.875em;border-radius: 3px;border: 1px solid #656565;margin-left: 4px;} #gift-select .layer .basketRight select {width:100%;} #gift-select .layer .basketRight .btn_Grey {background-color: #efefef; color:#000; border: 1px solid #efefef;} /* 장바구니 버튼 */ #wrap .order-btn, #coupon .btn-foot {padding:30px 0 20px;box-sizing:border-box;font-size:0;text-align:center;} #wrap .order-btn a, #coupon .btn-foot a, #order #coupon .txt > a.btn_Black, #order #coupon .txt > a.btn_White {display:inline-block;width: calc(33.32% - 6.7px);margin:0;padding:0;max-width:200px;font-size:15px;height:42px;line-height:40px;} #wrap .order-btn a + a, #coupon .btn-foot a + a, #order #coupon .txt > a.btn_Black + a.btn_White {margin-left:10px;} #wrap .order-btn + .h_title, #wrap .cart-ft2 + .h_title {margin-top:6em;} #wrap #order .order-btn a, #order-complete .order-btn a, #coupon .btn-foot a {width: calc(50% - 5px);} #order #coupon .txt > a.btn_Black, #order #coupon .txt > a.btn_White {width: calc(50% - 8px);} /* 장바구니 합계가격 */ #wrap .price-total-info-bottom {border:0;border-bottom: 1px solid #eaeaea; background-color: #fff; text-align : right; padding:15px 10px; font-size:1.1em;color:#777;} #wrap .none-data + .price-total-info-bottom {border-top:1px #eaeaea solid;} #wrap .price-total-info-bottom .txt-price {color : #000; font-weight:400;font-size:1.2em;} #wrap .price-total-info-bottom .txt-price em {font-weight:500;} #wrap .price-total-info-bottom .txt-reserve {color : #898989; font-size:0.688em;display:block;margin-top:3px;} #wrap .price-total-info-bottom .txt-reserve .reserve-msg {color:inherit;font-size:inherit;display:inline-block;line-height:inherit;margin-left:8px;} /* 장바구니(일반) */ #basket .btn-wrap {padding:15px 10px;} #basket .btn-wrap div {width:49%; float:left;} #basket .btn-wrap div:last-child {float:right;} #basket .all-select {border:0;background-color: #f4f4f4; padding:15px 10px;} #basket .all-select label {color:#777;} #basket .all-select label input {margin-right:7px;} #basket .all-select .btn_White, #basket .all-select .btn_Grey {display:inline-block;height:27px;line-height:25px;width:auto;min-width:95px;padding-left:6px;padding-right:6px;box-sizing:border-box;margin-top:-6px;} #basket .all-select .btn_Grey {margin-right:6px;} #basket .price-each-info-top {text-align : right; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background:#fff; padding:10px;} #basket .price-each-info-bottom {text-align : right; padding:10px; background:#fff; border-bottom:1px solid #eaeaea;} #basket .naver-checkout {margin-top: 20px;} #basket .cart-ft2 + .h_title {margin-top:20px;} #basket .delivery, #basket .delivery-type, .cart-free-wrap {padding:15px 0 0;text-align: left;color:#777;margin:0;} #basket .delivery + .delivery-type {padding-top:5px;} #basket .delivery + .cart-free-wrap, #basket .delivery-type + .cart-free-wrap {padding-top:5px;} #basket .delivery-type li + li {margin-top:4px;} #basket .delivery-type font {color:#333 !important;} .cart-ft2 { display: block; text-align:right; } .cart-ft2 > div {margin-top:0 !important;display:inline-block !important;} .cart-ft2 > div + div {margin-left:10px;} .cart-free-wrap .btn-list-open { display:inline-block; width:90%; height:30px; line-height:30px; background:#585858; color:#fff; font-weight:500; font-size: .75em; text-align:center; } .cart-free-wrap p { padding:10px 0 15px; font-size: .75em; font-weight:500; } .cart-free-wrap p span { color:#f40000; } .cart-free-wrap .btn-more { display:inline-block; width:94%; height:30px; line-height:30px; margin-top:10px; border:1px solid #383838; background:#fff; color:#383838; font-size: .75em; text-align:center; } .cart-free-wrap .btn-more span { display:inline-block; width:8px; height:5px; margin-left:5px; background:url(http://www.forcans.co.kr/images/d3/m_04/h10_arr.gif) no-repeat 0 0; background-size:100% 100%; vertical-align:middle; } .cart-free-wrap .list-wrap { overflow-x:hidden; padding:0 20px; margin-top:20px; display: none; } .cart-free-wrap .list-wrap ul { width:100%; list-style:none; } .cart-free-wrap .list-wrap ul:after { clear: both; content: ""; display: block; } .cart-free-wrap .list-wrap ul li { float:left; width:33.3333%; height:180px; font-size: .7em; list-style:none; } .cart-free-wrap .list-wrap ul li dl { margin:10px 10px 10px; } .cart-free-wrap .list-wrap ul li dl dt { height:100px; margin-bottom:13px; } .cart-free-wrap .list-wrap ul li dl dt img { width:100%; height:100%; } .cart-free-wrap .list-wrap ul li dl dd {} /* 하이브리드 옵션이미지 */ .basket-option-dlist li img, .basket-option-dlist dd img { width:30px; height:30px; vertical-align:middle; } /* 장바구니 옵션수정 팝업 */ #layer-opt-ctrl { width: 100%; min-height: 100%; background-color: #fff; text-align:left; font-size:1.2em; } #layer-opt-ctrl .btn-close { display: block; width: 36px; height: 36px; position: absolute; right: 0; top:0px; background: #fff url(http://www.forcans.co.kr/images/d3/m_01/bull/btn_del_gray@2x.gif) no-repeat center center; background-size: 11px 11px; text-indent: -9999px; font-size: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } #layer-opt-ctrl h3 { height: 36px; line-height:36px; margin: 0; padding:0; padding-left: 12px; color: #333; background-color: #f4f4f4; font-size:1em; font-weight:500; box-sizing:border-box;} /* 상품 썸네일 */ #layer-opt-ctrl .opt-ctrl-wrap { padding-bottom:20px; border:0; } #layer-opt-ctrl .opt-ctrl-wrap .lcont { width:100%;padding:12px 4.6875%;margin:0 auto; list-style:none; font-size:0.938em;box-sizing:border-box; } #layer-opt-ctrl .opt-ctrl-wrap dl .pname { padding-bottom:10px; border-bottom:1px solid #eaeaea; } #layer-opt-ctrl .opt-ctrl-wrap dl .pname .prd-w {margin:0;display:table;width:100%;border-collapse:collapse;box-sizing:border-box;table-layout:fixed; } #layer-opt-ctrl .opt-ctrl-wrap dl .pname .prd-w .thumb, #layer-opt-ctrl .opt-ctrl-wrap dl .pname .prd-w .pinfo {margin:0;padding:0;display:table-cell;vertical-align:middle;float:none;border-collapse:collapse;box-sizing:border-box;} #layer-opt-ctrl .opt-ctrl-wrap dl .pname .prd-w .thumb {width:30%;padding-right:10px;text-align:Center;} #layer-opt-ctrl .opt-ctrl-wrap dl .pname .prd-w .thumb img { width:100%; height:auto;max-width:120px; border:0; margin:0 auto;vertical-align:top;} #layer-opt-ctrl .opt-ctrl-wrap dl .pname .prd-w .pinfo {text-align:left;} #layer-opt-ctrl .opt-ctrl-wrap dl .pname .prd-w .pinfo .prd_name { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight:400; color:#777;} #layer-opt-ctrl .opt-ctrl-wrap dl .pname .prd-w .pinfo .price { color: #333; font-weight:500; font-size:1.1em;margin-top:8px;} /* 옵션 박스 */ #layer-opt-ctrl .opt-ctrl-wrap dl .price-info ul { width: 100%;margin-top:0; } #layer-opt-ctrl .opt-ctrl-wrap dl .price-info ul li { margin: 0; line-height: 1.5em; list-style:none; } #layer-opt-ctrl .opt-ctrl-wrap dl .price-info ul li + li {margin-top:5px;} #layer-opt-ctrl .opt-ctrl-wrap dl .price-info ul li .tit { display:inline-block; width:20%; font-weight:500; color:#777; } #layer-opt-ctrl .opt-ctrl-wrap dl .price-info ul li .txt { display:inline-block; width:78%; } #layer-opt-ctrl .opt-ctrl-wrap dl .price-info ul li .txt select { max-width:100%; } #layer-opt-ctrl .opt-ctrl-wrap dl .price-info ul li .txt input.txt-input, #layer-opt-ctrl .opt-ctrl-wrap dl .price-info ul li .txt input.input_quantity { width: 30px; padding: 2px; text-align:right; } /* 옵션 결과 리스트 */ #layer-opt-ctrl .opt-wrap { margin-top: 0; } #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li { *zoom: 1; position: relative; min-height:13px; _height: 13px; *margin-bottom: -4px; padding:5px 0px; background:#f4f4f4; } #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl, #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_price, #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_p-name, #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl, #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_price, #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_btn-del { display: block; } #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_price { right: 30px; top: 5px; color: #333; } #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_btn-del { right: 0; top: 8px; } #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_btn-del img { width: 14px;height:auto; } /* 타입 */ #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_p-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:200px; font-weight:400; color:#777; } #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl { width:86px; top: 3px; *top: 2px; right: 105px; font-size:0;} #NeogfigtPopupOption .MK_inner-opt-cm li .MK_qty-ctrl {width:80px;right:0;} #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl input, #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_qty-ctrl input, #NeogfigtPopupOption .MK_inner-opt-cm li .MK_qty-ctrl input { width: 34px; height: 26px; line-height: 24px; padding:0 4px;box-sizing:border-box;border:1px #e2e2e2 solid;background:#fff;color:#777; text-align:right; vertical-align:top; margin:0;border-radius:0; font-size:13px;} #layer-opt-ctrl .price-info .btn-type-02, #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-up, #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-dw, #NeogfigtPopupOption .MK_inner-opt-cm li .MK_qty-ctrl .btn-type-02 {color:#999;background-color:#f5f5f5;border-color:#e2e2e2;border-width:1px;border-style:solid;border-radius:0;letter-spacing:0;width:26px;height:26px;line-height:24px;padding:0;margin:0;text-align:center;display:inline-block;box-sizing: border-box;vertical-align: middle;transition: all .3s ease;position:relative;z-index:1;margin-left:-1px;} #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-up img, #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-dw img {display:none;} #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-up:after, #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-dw:after {content: '';display: block;width: 13px;height: 13px;background: linear-gradient(#c7c7c7,#c7c7c7),linear-gradient(#c7c7c7,#c7c7c7),transparent;background-position: center;background-size: 100% 1px,1px 100%;background-repeat: no-repeat;position: absolute;left: 50%;top: 50%;margin-top: -6.5px;margin-left: -6.5px;} #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-up:after {background: linear-gradient(#c7c7c7,#c7c7c7),linear-gradient(#c7c7c7,#c7c7c7),transparent;background-position: center;background-size: 100% 1px,1px 100%;background-repeat: no-repeat;} #layer-opt-ctrl .opt-wrap .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-dw:after {background: linear-gradient(#c7c7c7,#c7c7c7),linear-gradient(#c7c7c7,#c7c7c7),transparent;background-position: center;background-size: 100% 1px,0 100%;background-repeat: no-repeat;} #layer-opt-ctrl .price-info .btn-type-02 {} #layer-opt-ctrl .price-info .btn-type-02 span, #NeogfigtPopupOption .MK_inner-opt-cm li .MK_qty-ctrl .btn-type-02 span {font-size:inherit;color:inherit;} /* 총합계 */ #layer-opt-ctrl .opt-wrap .opt-total { padding:10px 0 0; margin-top:0; border:0; background-color:none; color: #333; text-align: right; font-size:1.1em; font-weight:500; } #layer-opt-ctrl .opt-wrap .opt-total .opt-p-tit { } #layer-opt-ctrl .opt-wrap .opt-total .opt-p-total { color: #000; } #layer-opt-ctrl .opt-wrap .opt-total .opt-p-won { } /* 저장버튼 */ #layer-opt-ctrl .btn { margin:12px auto 0;padding:0 4.6875%;box-sizing:border-box; } /* 하이브리드 */ #layer-opt-ctrl .price-info { padding:10px; background:#f4f4f4; border-bottom:1px solid #eaeaea; box-sizing:border-box;} #layer-opt-ctrl .price-info .option-box:not(:last-child) { width:100%; border-bottom:1px solid #eaeaea; } #layer-opt-ctrl .price-info .option-box.last { border-bottom:none; } #layer-opt-ctrl .price-info .option-box .tit { width:100%; padding:10px 0; color:#3b3b3b; } #layer-opt-ctrl .price-info .option-box .list:after { clear: both; content: ""; display: block; } #layer-opt-ctrl .price-info .option-box .list { width:100%; font-size:0.875em; } #layer-opt-ctrl .price-info .option-box .list li { float:left; width:20%; list-style:none; } #layer-opt-ctrl .price-info .option-box .list li.last { } #layer-opt-ctrl .price-info .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdchk input { width:12px; height:12px; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdimg { position:relative; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdimg img { width:54px; height:54px; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdimg.noimg { width:52px; height:52px; border:1px solid #d8d8d8; background:#fff url(/makeshop/newmanager/neoimages/h52_noimg.gif) no-repeat center center; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; line-height:56px; color:#fff; text-align:center; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:50%; left:0; display:inline-block; width:54px; height:20px; margin-top:-10px; background:#000; filter:alpha(opacity:40); opacity:0.4; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; background:#000; filter:alpha(opacity:40); opacity:0.4; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px; word-wrap:break-word; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdnote { padding-bottom:3px; line-height:14px; word-wrap:break-word; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdprice { padding-bottom:3px; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdqty { } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdqty input { display:inline-block; width:20px; height:15px; line-height:17px; padding:0 5px; border:1px solid #707070; font-size:11px; text-align:right; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:11px; height:14px; line-height:0; font-size:0; vertical-align:top; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:11px; height:9px; line-height:0; font-size:0; vertical-align:top; } #layer-opt-ctrl .price-info .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:1px; } #layer-opt-ctrl .price-info .add-option-sel { font-weight:500; font-size: 1.1em; padding: 10px 0; border-top:1px solid #cecece; } #layer-opt-ctrl .price-info .shopdetailInfoName { width: 28%; padding-right: 5px; display:inline-block; } #layer-opt-ctrl .price-info .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;} #layer-opt-ctrl .price-info .shopdetailInfoCont select {width:100%;} #layer-opt-ctrl .price-info .shopdetailInfoCount .txt-qnty {text-align:right; padding:0 6px; width: 50px !important;} #layer-opt-ctrl .price-info .shopdetailInfoCount .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px;} #layer-opt-ctrl .price-info .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;} #MK_innerOptPrice { display:none; padding: 12px 0px 10px; font-size:13px; color: #333; text-align: right; } #MK_innerOptAdd { display:none; font-size:13px; color: #333; text-align: right; margin-bottom:10px; } #MK_innerOptTotal { padding: 10px 5px; font-size:13px; color: #333; text-align: right; } #MK_innerOptTotal .MK_txt-total { } #MK_innerOptTotal .MK_txt-won { } #MK_innerOptTotal .MK_total { color: #ff0000; font-weight:500; } /* 주문완료 */ #order-complete .complete-msg {text-align:center; padding:10px 0 20px;color:#777;font-size:1em;line-height:1.6em;word-break:keep-all;} #order-complete .complete-msg label, #order-complete .complete-msg span {color:#333 !important;font-weight:500 !important;} #order-complete .complete-msg span {font-size:1.1em !important;} #order-complete .complete-price {text-align:center; background-color:#f4f4f4; font-size:1.333em; padding:15px 0; margin-bottom:20px;} #order-complete .complete-price .color_f1191f {font-weight:500;} #order-complete table {width:100%;border:0;} #order-complete table thead {border-top:0; border-bottom:0; text-align:left; background-color:#f4f4f4;} #order-complete table thead th {padding:10px;font-weight:500;font-size:1.1em;} #order-complete table thead th .btn_White {width: 64px; height: 20px; line-height: 20px; float: right;} #order-complete table tbody th {background-color:#fff;padding:5px 0;font-weight:400;border:0;border-right:1px #eaeaea solid;} #order-complete table tbody tr {border:0;} #order-complete table tbody td {color:#777; padding:0 10px;border:0;} #order-complete table tbody td .basket_pr_list {border:0;} #order-complete table tbody td .basket_pr_list li + li {border-top:1px #eaeaea dotted;} #order-complete table tbody tr + tr th, #order-complete table tbody tr + tr td {border-top:1px #eaeaea solid;} #order-complete .pay_info table tbody td {padding-top:10px;padding-bottom:10px;} #order-complete .pay_info table tbody td span {color:#004ea1 !important;font-weight:500;font-size:1.1em;} #order-complete .pay_info, #order-complete .product_info, #order-complete .delivery_info {margin-bottom:10px;} #order-complete .delivery_info table {} #order-complete .delivery_info table tbody tr:last-child th, #order-complete .delivery_info table tbody tr:last-child td {border-bottom:1px #eaeaea solid;} #order-complete .product_info tbody, #order-complete .delivery_info tbody {display:none;} #order-complete .product_info .title a {font-weight:500;} #order-complete .product_info .title .fa-angle-right {margin-left:10px;} #order-complete .product_info .title .num {float:right;} #order-complete .product_info .box-round {padding: 2px; background-color: #fff; color: #1FA950; font-size: 0.875em; border-radius: 3px; border: 1px solid #1FA950;} #order-complete .product_info .red-delivery {padding: 2px; background-color: #fff; color: #FB9C15; font-size: 0.875em; border-radius: 3px; border: 1px solid #FFA82C;} #order-complete .product_info .blue-delivery {padding: 2px; background-color: #fff; color: #3D9EFF; font-size: 0.875em; border-radius: 3px; border: 1px solid #58ACFF;} #order-complete .product_info .gray-delivery {padding: 2px;background-color: #fff;color: #656565;font-size: 0.875em;border-radius: 3px;border: 1px solid #656565;margin-left: 4px;} #order-complete .order-btn {font-size:0;padding:15px 0;box-sizing:border-box;} #order-complete .order-btn a {margin-bottom:0;} .btn-gift-select { margin: 10px 0; } /* 주문완료 사은품 */ #gift-select .layer .desc {text-align: center; border-bottom: 1px solid #bebebe; padding:10px 0;} #gift-select .layer .desc .basic_price_style {width:40px; color: #f1191f !important; border: 0px none; text-align: center; padding:0;} #gift-select .layer li {padding:20px 0;} /* 주문서작성 */ /* 주문서작성 레이어팝업 */ #layerTermsWrap, #layerContractWrap, #layerPrivercyWrap, #layerThirdPartyWrap, #layerProviderWrap, #layerTrustWrap, #termsCont1, #termsCont2, #termsCont3, #termsCont4 { display : none; } #layerTermsWrap .layer-pop, #layerContractWrap .layer-pop, #layerPrivercyWrap .layer-pop, #layerThirdPartyWrap .layer-pop, #layerProviderWrap .layer-pop, #layerTrustWrap .layer-pop, #termsCont1 .layer-pop, #termsCont2 .layer-pop, #termsCont3 .layer-pop, #termsCont4 .layer-pop {display : block;} #layerTermsWrap, #layerContractWrap, #layerPrivercyWrap, #layerThirdPartyWrap, #layerProviderWrap, #layerTrustWrap { display : none; } #layerTermsWrap .layer-pop, #layerContractWrap .layer-pop, #layerPrivercyWrap .layer-pop, #layerThirdPartyWrap .layer-pop, #layerProviderWrap .layer-pop, #layerTrustWrap .layer-pop {width: 90%;background-color: white;position: relative;box-shadow: 0px 1px 10px #494949;margin: 80px auto;} #layerTermsWrap .layer-pop .txt textarea, #layerContractWrap .layer-pop .txt textarea, #layerPrivercyWrap .layer-pop .txt textarea, #layerThirdPartyWrap .layer-pop .txt textarea, #layerTrustWrap .layer-pop .txt textarea { width:100%; border-spacing:0; border-collapse:collapse; } #layerTermsWrap .layer-pop .txt .l-tbl, #layerContractWrap .layer-pop .txt .l-tbl, #layerPrivercyWrap .layer-pop .txt .l-tbl, #layerThirdPartyWrap .layer-pop .txt .l-tbl, #layerProviderWrap .layer-pop .txt .l-tbl, #layerTrustWrap .layer-pop .txt .l-tbl { width:100%; border-spacing:0; border-collapse:collapse; } #layerTermsWrap .layer-pop .txt .l-tbl caption, #layerContractWrap .layer-pop .txt .l-tbl caption, #layerPrivercyWrap .layer-pop .txt .l-tbl caption, #layerThirdPartyWrap .layer-pop .txt .l-tbl caption, #layerProviderWrap .layer-pop .txt .l-tbl caption, #layerTrustWrap .layer-pop .txt .l-tbl caption { display:none; } #layerTermsWrap .layer-pop .txt .l-tbl th , #layerContractWrap .layer-pop .txt .l-tbl th , #layerPrivercyWrap .layer-pop .txt .l-tbl th , #layerThirdPartyWrap .layer-pop .txt .l-tbl th , #layerProviderWrap .layer-pop .txt .l-tbl th , #layerTrustWrap .layer-pop .txt .l-tbl th { color:#000; font-weight:500; border:1px solid #eaeaea; text-align:center; font-size:11px;} #layerTermsWrap .layer-pop .txt .l-tbl td , #layerContractWrap .layer-pop .txt .l-tbl td , #layerPrivercyWrap .layer-pop .txt .l-tbl td , #layerThirdPartyWrap .layer-pop .txt .l-tbl td , #layerProviderWrap .layer-pop .txt .l-tbl td , #layerTrustWrap .layer-pop .txt .l-tbl td { color:#777; border:1px solid #eaeaea; text-align:center; font-size:11px; } #layerTermsWrap .layer-pop .txt .l-tbl th div, #layerContractWrap .layer-pop .txt .l-tbl th div, #layerPrivercyWrap .layer-pop .txt .l-tbl th div, #layerThirdPartyWrap .layer-pop .txt .l-tbl th div, #layerProviderWrap .layer-pop .txt .l-tbl th div, #layerTrustWrap .layer-pop .txt .l-tbl th div, #layerTermsWrap .layer-pop .txt .l-tbl td div, #layerContractWrap .layer-pop .txt .l-tbl td div, #layerPrivercyWrap .layer-pop .txt .l-tbl td div, #layerThirdPartyWrap .layer-pop .txt .l-tbl td div, #layerProviderWrap .layer-pop .txt .l-tbl td div, #layerTrustWrap .layer-pop .txt .l-tbl td div { padding:5px 0 3px; } #layerTermsWrap .layer-pop .txt .l-tbl td .txt-l, #layerContractWrap .layer-pop .txt .l-tbl td .txt-l, #layerPrivercyWrap .layer-pop .txt .l-tbl td .txt-l, #layerThirdPartyWrap .layer-pop .txt .l-tbl td .txt-l, #layerProviderWrap .layer-pop .txt .l-tbl td .txt-l, #layerTrustWrap .layer-pop .txt .l-tbl td .txt-l { padding-left:10px; text-align:left; } .p_title { padding:10px 0; border-top:1px solid #464646; font-size:1.17em; font-weight:500; text-align:center; } .h_title2, #coupon .stit { position:relative; padding:12px 10px; background:#f4f4f4;border-bottom:1px solid #eaeaea;border-top:1px #eaeaea solid;box-sizing:border-box;text-align:left; font-weight:500;color:#333;} .h_title2:after, #coupon .stit:after {clear:both;content:"";display:block;} .h_title2 h3 { font-weight:500;color:#333; font-size:1.1em;} .h_title2 h3 .fa { font-size:1.3em; vertical-align:middle; } .h_title2 .fa-angle-up { position:absolute; top:50%; right:0; padding:0 10px; transform:translateY(-58%)} #coupon .stit {font-size:1.1em;line-height:1.25;} #coupon .stit .btn { position: absolute; right: 10px; top:50%; bottom:auto; display:inline-block;width:98px;height:30px;line-height:28px;transform:translateY(-50%); } /* 주문상품 */ #order .prd_order li { border-bottom:1px solid #dedede; padding:10px 0; box-sizing:border-box;} #order figure {width:100%; display: table; box-sizing: border-box; padding:0 10px; margin:0 auto;} #order .amount-input {width:30px; text-align : right;} #order .couponBody { padding:5px 10px; border-bottom:1px solid #eaeaea; background: #f5f5f5; } #order .couponBody dl:after { clear: both; content: ""; display: block; } #order .couponBody dl { padding-left:5px; padding-right:5px; } #order .couponBody dl dt { float:left; width:35%; padding:3px 0; text-align:left; font-weight:500; } #order .couponBody dl dd { float:right; width:65%; padding:3px 0; text-align:right; font-weight:500; } #order .couponBody dl.total { padding:5px 0; line-height:24px; } #order .couponBody dl.total dd { font-weight:normal; } #order .couponBody dl.total .fc-red { display:inline-block; margin-top:-2px; vertical-align:middle; } #order .couponBody dl.total .t-reserve { color:#666; font-size:0.875em; } #order .couponBody dl.line { padding-top:10px; border-top:1px solid #eaeaea; } #order .couponBody div > dl:last-child { padding-bottom:7px; } #order .couponBody .btn-coupon-cart { display:inline-block; width:100%; height:40px; line-height:40px; margin:10px 0 5px; color:#fff; background:#393939; text-align:center; } #order .couponBody .fa { padding-left:5px; vertical-align:sub; cursor:pointer; } #order .couponBody dl dd strong.fc-red { font-size:1.2em; } /* 할인적용 */ #order .discountInfo {padding:20px 0;} #order .discountInfo select {width:100%;} #order .discountInfo .reserve-discount {margin-bottom:20px;} #order .discountInfo .delivery-select {margin-bottom:20px;} #order .delivery-type { padding:15px 0;} #order .discountInfo .delivery-button {font-size: 1.5em; vertical-align: top;} #order .discountInfo .desc p font {color:#000 !important;font-weight:500;} #order .orderBody h5 {margin:15px 0 10px 0; padding:0 10px; font-weight:500;} #order .orderBody .order-info {background-color: #eaeaea; border-top:2px solid #454545; border-bottom:1px solid #454545; padding:10px;} #order .order-info .btn_White {width:47px; height:23px; font-size:0.917em; float:right; line-height: 23px; margin-top: -3px;} #order .orderBody table {width:100%; margin-top: 30px;border-collapse:collapse;} #order .orderBody th, #order .orderBody td {box-sizing:border-box;border-collapse:collapse;text-align:left;vertical-align:middle;padding:5px;} #order .orderBody thead {text-align:left;} #order .orderBody thead th {padding:12px 10px; background:#f4f4f4;border-bottom:1px solid #eaeaea;border-top:1px #eaeaea solid;box-sizing:border-box;text-align:left;color:#333;font-size:1.1em;font-weight:500;} #order .orderBody thead th strong {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;display:inline-block;float:left;} #order .orderBody thead th .order-info-simple {position: relative;display:inline-block;float:none;margin:0 0 0 auto;width:70%;text-align:right;font-size:0.9em;font-weight:400;color:#777;line-height:1.4em;} #order .orderBody thead th .order-info-simple .btn_White {display:inline-block;width:45px;height:26px;line-height:24px;position:static;right:0;top:0;font-size:1.1em;} #order .orderBody thead th .order-info-simple + .order-info-simple {margin-top:5px;width:100%;} #order .orderBody tbody {background-color: #fff; border-top:1px #eaeaea solid; border-bottom:0;} #order .orderBody tbody th, #order .orderBody tbody td {border-bottom:1px #eaeaea solid;height:38px;line-height:2em;} #order .orderBody tbody th {padding-left:10px;border-right:1px #eaeaea solid;font-weight:500;} #order .orderBody tbody td {padding-left:10px;padding-right:10px;} #order .orderBody tbody td.op-total {font-weight:700;} #order .orderBody tbody td .btn_White, #order .orderBody tbody td .btn_Grey, #order .orderBody tbody td .btn_Black {display:inline-block;padding-left:6px;padding-right:6px;width:auto;min-width:45px;height:28px;line-height:26px;vertical-align:top;} #order .orderBody td textarea {width:100%;box-sizing:border-box;border:1px #eaeaea solid;} #order .orderBody .order-info-detail td input.MS_input_txt, #order .orderBody tbody td input[type="text"] {border:1px #eaeaea solid;} #order .orderBody tbody td input#address1, #order .orderBody tbody td input#address2 {width:100% !important;} #order .orderBody tbody td input#address2 {margin-top:3px;} #order .orderBody tbody td input#email1 {width: calc(50% - 15px) !important;display:inline-block;} #order .orderBody tbody td span#direct_email {margin-top:0;width: calc(50% - 15px) !important;} #order .orderBody tbody td select {padding-left:5px;} #order .orderBody tbody td select#emailsel {margin-top:3px;margin-right:0;width: calc(50% - 15px) !important;min-width:108px !important;} #order .orderBody tbody td input#couponnum {max-width: calc(100% - 84px);} #order .orderBody tbody td .btn_coupon.coupon_cancel {margin-top:3px;} #order .orderBody tbody td .btn_coupon.coupon_cancel + div {display:inline-block;margin-left:10px;line-height:28px;margin-top:3px;} #order .orderBody tbody td .btn-white {display:inline-block;width:62px;height:28px;line-height:26px;text-align:center;vertical-align:top;} #order .orderBody tbody td input[type="radio"], #order .orderBody tbody td input[type="checkbox"] {margin-right:3px;} #order .orderBody tbody td .past_list {font-weight:400 !important;} #order .orderBody tbody td .pay-info {margin: 0 -10px;width: calc(100% + 20px);} #order .orderBody tbody td .pay-info ul.pay-method {padding:0 10px;box-sizing:border-box;} #order .orderBody .order-info-detail td input.txt-input2 {width: calc(33.32% - 9px);} #order .orderBody .order-info-detail td a.btn_Grey {width: calc(33.32% - 9px);display:inline-block;margin-left:3px;} #order .orderBody table input[name="post1"], #order .orderBody table input[name="post2"] {vertical-align: middle;} #order .orderBody table select[name="order_add_info[0]"] {width:100%;} #order .orderBody table select[name="time"], #order .orderBody table select[name="choice_reserve"] { width:100%; } #order .orderBody .MS_label_delivery_date {display: block; margin-bottom:10px;} #order .orderBody .reserve-possible td {padding: 0px 10px 6px 0;} /* 간단가입 할인, 주문서 동의 추가 */ #order .orderBody td .txt-pay { width: 40%; } #order .orderBody td .txt { margin-top: 5px; color: #777; font-size: .875em; } #order .orderBody td .txt em { color: #f00; text-decoration: underline; font-style: normal; } #order .orderBody td .opt { color: #777; font-size: .875em; } #order .orderBody td .fade { color: #a1a1a1; letter-spacing: -1px; } #order .orderBody td .btn-gray { display: inline-block; height: 33px; line-height: 33px; padding: 0 7px; color: #777; background: #dddde0; border: 1px solid #8c8c8d; border-radius: 3px; } #order .orderBody td .btn-coupon { position: relative; top: -1px; } #order .orderBody td .okcashbag { position: relative; padding-left: 75px; padding-right: 55px; } #order .orderBody td .okcashbag img { position: absolute; top: 6px; left: 0; width: 70px; } #order .orderBody td .okcashbag input[type=text] { width: 100%; } #order .orderBody td .okcashbag a { position: absolute; top: 0; right: 0; width: 50px; line-height: 35px; } #order .orderBody .total th, #order .orderBody .total td { border-top: 1px solid #eaeaea; } #order .orderBody .total td { padding-top: 10px; padding-bottom: 10px; } #order .orderBody .total td strong { color: #333; font-size: 1.125em; font-weight:400;} #order .orderBody .total td strong .block-op-sum-price {font-weight:700;} #order .orderBody td .escrow-info li { position: relative; padding: 12px 10px 12px 105px; background-color: #eef1f7; border-bottom: 1px solid #fff; color: #777; font-size: .75em; } #order .orderBody td .escrow-info li img { position: absolute; top: 50%; left: 5px; margin-top: -10px; width: 95px; } #order .orderBody .MS_tel { width:60px; } #order .pd10 .btn_Red {margin-bottom:10px; height: 45px; line-height: 45px; font-size: 1.3em;} #order .btn_next {margin-top:20px;} #order .Write-order .order-info-detail, #order .Write-deli .order-info-detail {display: none;} #order .select_delivery_date {margin-top: 5px;} #order .hope-delivery { position:relative; margin-bottom:5px; padding-right:65px; } #order .hope-delivery .btn_Grey { position:absolute; top:0; right:0; width:60px; } #order .hope-delivery-time select { width: 100%; } #order .hope-delivery input[type=text] { width:100%; } /* 배송지 검색 */ #addrSearch {display:none;} #addrSearch .addr_type {text-align:center; font-weight:500;} #addrSearch .addr_type label {margin:0 5px;} #addrSearch .keyword input {width:45%;} #addrSearch .msg01 {text-align: center;} #addrSearch .MS_addr_type_area {text-align: center; margin:10px 0;} #addrSearch .search-form .btn_Grey {width:105px; display:inline; margin-left: 10px;} #addrSearch .addr-list {width:100%;} #addrSearch .msg-wrap {background-color: #fbfbfb; padding:10px 0; text-align: center;} #addrSearch .msg-wrap .msg01-highlight {color:#1984f1;} #addrSearch #searchStep02 {margin-top:10px;} #addrSearch #searchStep02 h4 {font-weight:500;} #addrSearch #searchStep02 .btn_Black {margin-top:10px;} #addrSearch #searchStep03 table {width:100%;} #addrSearch #searchStep03 table th {width:20%; text-align: left;} #addrSearch #searchStep03 table td {padding:10px 0;} #addrSearch #searchStep03 table .detail-addrPost input {width:50px;} #addrSearch #searchStep03 table .detail-addrAddress input {width:90%; margin-bottom: 5px;} /* 이용약관 */ #join .hd .open-pop {float:right; border:1px solid #c4c4c4; padding: 2px 5px; margin-right: 10px;} #join .cont {padding:0 10px; margin-bottom:20px;} #join .cont .terms {border:1px solid #c4c4c4; padding:15px 10px; margin:10px 0;} #join .cont .agree {text-align:right;} /* 현금영수증 */ #cashbill .input-wrap {text-align:center; padding-bottom:10px;} #cashbill .input-wrap label {margin:0 10px;} #cashbill #cashbilltype .bank-type {width:100%;} #cashbill #cashbill_tel, #cashbill #cashbill_card, #cashbill #cashbill_company {text-align:center; margin:10px 0;} #cashbill .company-name {text-align: left; margin-top:10px;} #cashbill .btn_Black {margin:10px 0;} /* 이용약관 관련 */ #order #join, #order .new-privercy-contract {margin:0;padding:0;} #order #join .hd {margin-top:30px;} #order #join h5, #order .new-privercy-contract > p {padding:0 0 0 10px; margin:0;font-weight:500;} #order #join .cont, #order .new-privercy-contract .privercy-contract {margin-top:5px; padding:15px 10px; background-color:#eaeaea; border-top:2px solid #454545; border-bottom:1px solid #454545;} #order #join .cont .control-area p {padding-top:10px;} #order #join .cont .terms {border:1px solid #c4c4c4; padding:15px 10px; margin:10px 0; background:#fff;} #order #join .cont .agree {text-align:center;} #order #join .cont .agree label:first-child { margin-right:40px; } #order #join_benefit { border:0; text-align:right; width:35px; color:#333; font-weight:500; } #order #sale_price_box { font-weight:500; color:#333; } /* 결제 선택 */ #order .add-info input[type=text] { width:100%; } #order .pay-info { font-size: 1em; box-sizing:border-box;} #order .pay-info dl { border-bottom: 1px solid #eaeaea; position: relative; min-height: 110px; padding-left: 90px; } #order .pay-info dl:last-child {border-bottom:0;} #order .pay-info dl dt { position: absolute; left: 0; top: 0; background-color: #f4f4f4; width: 90px; height: 100%; text-align: center; } #order .pay-info dl dt label { display: block; padding-top: 55px; } #order .pay-info dl dd { display: inline-block; } #order .pay-info dl dt span { display: block; } #order .pay-info dl dt em { color:#f00; } #order .pay-info dl dd ul { padding-top: 5px; padding-left: 25px; } #order .pay-info dl dd li { list-style-type: square; line-height: 2em; letter-spacing: -1px; } #order .pay-info dl dd li red-strong { color : #333; font-weight:500; } #order .pay-info dl dd li .pay_payco {color : red; } #order .pay-info dl dd li + li {margin-top:3px;} #order .pay-info .settlebank dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_settlebank_off@2x.png) no-repeat center 9px; background-size: 72px; } #order .pay-info .settlebank dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_settlebank_on@2x.png) no-repeat center 9px; background-size: 72px; } #order .pay-info .smilepay dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_smilepay_off@2x.png) no-repeat center 21px; background-size: 72px; } #order .pay-info .smilepay dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_smilepay_on@2x.png) no-repeat center 21px; background-size: 72px; } #order .pay-info .toss dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_toss_off@2x.png) no-repeat center 21px; background-size: 72px; } #order .pay-info .toss dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_toss_on@2x.png) no-repeat center 21px; background-size: 72px; } #order .pay-info .npay dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_npay_off@2x.png) no-repeat center 21px; background-size: 72px; } #order .pay-info .npay dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_npay_on@2x.png) no-repeat center 21px; background-size: 72px; } #order .pay-info .chaipay dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_chaipay_off@2x.png) no-repeat center 21px; background-size: 72px; } #order .pay-info .chaipay dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_chaipay_on@2x.png) no-repeat center 21px; background-size: 72px; } #order .pay-info .ssgpay dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_ssgpay_off@2x.png) no-repeat center 30px; background-size: 57px 13px; } #order .pay-info .ssgpay dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_ssgpay_on@2x.png) no-repeat center 30px; background-size: 57px 13px; } #order .pay-info .samsungpay dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_samsungpay_off@2x.png) no-repeat center 13px; background-size: 40px; } #order .pay-info .samsungpay dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_samsungpay_on@2x.png) no-repeat center 13px; background-size: 40px; } #order .pay-info .kakao dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_kakao_off@2x.gif) no-repeat center 30px; background-size: 56px 11px; } #order .pay-info .kakao dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_kakao_on@2x.gif) no-repeat center 30px; background-size: 56px 11px; } #order .pay-info .kakaopay dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_kakaopay_off@2x.gif) no-repeat center 30px; background-size: 56px 20px; } #order .pay-info .kakaopay dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_kakaopay_on@2x.gif) no-repeat center 30px; background-size: 56px 20px; } #order .pay-info .payco dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_payco_off@2x.gif) no-repeat center 25px; background-size: 80px; } #order .pay-info .payco dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_payco_on@2x.gif) no-repeat center 25px; background-size: 80px; } #order .pay-info .bank dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_bank_off@2x.gif) no-repeat center 15px; background-size: 46px 32px; } #order .pay-info .bank dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_bank_on@2x.gif) no-repeat center 15px; background-size: 46px 32px; } #order .pay-info .bank dd select { width: 82%;padding-left:2px; } #order .pay-info .phone dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_phone_off@2x.gif) no-repeat center 15px; background-size: 46px 32px; } #order .pay-info .phone dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_phone_on@2x.gif) no-repeat center 15px; background-size: 46px 33px; } #order .pay-info .card dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_card_off@2x.gif) no-repeat center 15px; background-size: 46px 33px; } #order .pay-info .card dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_card_on@2x.gif) no-repeat center 15px; background-size: 46px 33px; } #order .pay-info .escrow dt { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_escrow_off@2x.gif) no-repeat center 15px; background-size: 46px 33px; } #order .pay-info .escrow dt.now { background: #f4f4f4 url(http://www.forcans.co.kr/images/d3/m_01/bull/pay_info_escrow_on@2x.gif) no-repeat center 15px; background-size: 46px 33px; } #order .pay-info .nhn-mileage-radio { float: left; padding-left: 5px; } #order .pay-info .nhn-mileage-radio-f { height: 55px; } #order .pay-info .nhn-mileage-area { min-height: 17px; } #order .pay-info .nhn-mileage-s-area { margin-top: 5px; } #order .pay-info .nhn-mileage-s-txt { padding-left: 20px; } #order .pay-info td { vertical-align:middle; padding: initial; } #order .pay-info td #total_price { color:#333; font-weight:700;} #order .pay-info #usereserve, #order .pay-info #useemoney { width: 100px; } #order .pay-info .total { min-height: 40px; } #order .pay-info .total dt, #order .pay-info .total dd { height: 40px; line-height: 40px; } #order .pay-info .total dd { padding-left: 10px; color: #a1a1a1; } #order .pay-info .total dd strong { color: #f00; font-size: 1.25em; font-weight:500; } #order .pay-info .before_pay {padding: 5px 0; font-size: .875em;} #order .pay-method li { margin:5px 0; padding-left: 0; line-height:28px;} #order .pay-method li em { color:#333;margin-left:10px;} #order .pay-method li select {margin-left:10px;padding-left:5px;width: calc(100% - 120px);} #order .pay-method li label { display: block; margin-bottom: 5px; margin-left: 0; } #order .pay-method li .txt-l {line-height:inherit;font-size:inherit;color:#777; margin-right:10px;display:inline-block;margin-left:18px;} #order .pay-method li .MS_bankname_message {color:#777 !important;} #order .lst-order { padding:0 0 0 18px;margin:0;border:0;box-sizing:border-box;} #order .lst-order ul {padding-top:10px;} #order .lst-order li {color:#999;font-size:0.95em;line-height:1.6em;margin:0;padding:0;} #order .lst-order li a img {width:auto;max-height:18px;} #order .lst-order li + li {margin-top:2px;} #order .lst-order li font {color:#444 !important;} /* 결제 관련 동의 안내 */ #wrap .order_payagree {border:0;background:#f4f4f4;padding:15px 10px;text-align:center;font-size:1.1em;color:#333;margin-top:30px;} #wrap .order_payagree .payagree {padding:0; font-size:inherit;} /* 개인정보 수집 이용안내 */ #order .tab-content {border: 1px solid #cacaca;} #order .tab-content .privercy-contract {padding: 10px; } #order .tab-content .privercy-contract p {line-height: 1.5em; width: 100%; height: 55px; margin: 0; padding: 0; border: none; overflow-y: hidden;} /* 간단가입 할인, 주문서 동의 추가 */ #order .paym-msg { list-style:none; } #order .paym-input ul li { margin-top:5px; list-style:none; } #order .paym-input a { display:inline-block; } #order .paym-input a.paym-btn-confirm { height:30px; line-height:32px; padding:0 15px; background:#2367a8; border:1px solid #015198; color:#fff; } #order .paym-input a.paym-btn-cancel { height:30px; line-height:32px; padding:0 15px; background:#efefef; border:1px solid #ccc; } #order .paym-input input[type=text], #order .paym-input input[type=password] { width:100px !important; } #terms_agree input[type="checkbox"] { vertical-align: middle; border-radius: 0; position: relative; margin-top: -1px; } #terms_agree .terms-agree dl { } #terms_agree .terms-agree dt { height: 30px; line-height: 30px; padding-left: 10px; border-bottom: 1px solid #cacaca; color: #000; font-weight:500; letter-spacing: -1px; } #terms_agree .terms-agree dd { margin: 0 10px; padding: 15px 10px; border-bottom: 1px dashed #dadada; } #terms_agree .terms-agree dd:last-child { border-bottom: 0; } #terms_agree .terms-agree dd strong { color: #000; font-weight:500; letter-spacing: -1px; } #terms_agree .terms-agree dd .lst:after { content: ''; display: block; clear: both; } #terms_agree .terms-agree dd .lst li { float: left; width: 50%; list-style: none; padding: 5px 0; white-space: nowrap; } #terms_agree .terms-agree dd .lst li a { text-decoration: underline; } #order .terms-offer { margin-top: 20px; } #order .terms-offer dt { padding: 0 0 5px 10px; font-weight:500; } #order .terms-offer dd { padding: 15px 10px; border-top: 2px solid #454545; border-bottom: 1px solid #454545; background: #eaeaea; text-align: center; } #order .terms-offer dd textarea { width: 100%; height: 60px; margin-bottom: 5px; padding: 5px; border: 1px solid #d1d1d1; border-radius: 0; box-sizing: border-box; } #order .terms-offer dd label { display: inline-block; margin: 0 5px; } #order .w100 { width: 100px !important; } #order .w120 { width: 120px !important; } #order .w240 { width: 240px !important; } #order .pad-5 { padding:5px 0; } #order .select-country {width:200px;} #order .mt-10 {margin-top:5px;} #order .btn-type-03 { width:100%; height:35px; background-color:#858585; color:#fff; text-align:center; display:block; border:1px solid #858585; box-sizing: border-box; vertical-align: middle; width:84px; display:inline-block; } #order #okreserve, #order #okemoney { border:none; font-weight:500; width:62px; text-align:right; background: #eaeaea; } #order .chk-label {display: inline-block; margin: 5px 0 5px 15px; color: #222;} /* 개인정보 수집, 이용 */ #order .new-privercy-contract {} #order .new-privercy-contract > p {} #order .new-privercy-contract .privercy-contract {} #order .new-privercy-contract .privercy-contract table {background:#fff;} #order .new-privercy-contract .privercy-contract table + div {} #order .new-privercy-contract .privercy-contract .privercy-agree {text-align:center;margin:10px 0 0;} /* 증빙 신청 */ #order #evidence .orderBody tbody td ul {} #order #evidence .orderBody tbody td ul li {} #order #evidence .orderBody tbody td ul li + li {} #order #evidence .orderBody tbody td ul li > input {margin-left:20px;} #order #evidence .orderBody tbody td ul li > input:first-child {margin-left:0;} #order #evidence .orderBody tbody td ul li #evidence_data {margin-left:-10px;margin-right:-10px;width: calc(100% + 20px);} #order #evidence .orderBody tbody td ul li #evidence_data dl {border-bottom:0;border-top:1px #eaeaea solid;padding:0;margin:0;min-height:inherit;display:table;width:100%;border-collapse:collapse;table-layout:fixed;} #order #evidence .orderBody tbody td ul li #evidence_data dl dt {line-height:28px;padding:5px 0;padding-left:10px;box-sizing:border-box;text-align:left;display:table-cell;position:static;height:auto;border-collapse:collapse;} #order #evidence .orderBody tbody td ul li #evidence_data dl dt span {padding-top:0;} #order #evidence .orderBody tbody td ul li #evidence_data dl dd {padding:5px 10px;width: calc(100% - 90px);display:table-cell;box-sizing:border-box;text-align:left;border-collapse:collapse;} #order .evidence {} #order .evidence dl {position: relative; min-height: 20px; padding-left: 90px;} #order .evidence dt {background-size: 46px 33px;} #order .evidence dd {text-align:left;margin:5px;} #order .evidence dl dt {position: absolute; left: 0; top: 0; background-color: #f4f4f4; width: 90px; height: 100%; text-align: center;} #order .evidence dl dt span { display: block; padding-top: 15px;} #order .w60 { width: 52px !important; } #order select.w60 { width: 60px !important; } #order .w75 { width: 75px !important; } #order select.w75 { width: 90px !important; } #order .w90 { width: 90px !important; } #order select.w90 { width: 90px !important; } #order .btn_search_post {display: inline-block; width: 35%; height: 35px; line-height: 35px; background-color: #858585; color: #fff; text-align: center; border: 1px solid #858585; box-sizing: border-box; vertical-align: middle;} /* 주문서작성 사은품 선택 */ /* 사은품 */ #gift-group {margin-top:30px;} .gifttabWrap { margin:20px 20px 0 20px; border:1px solid #d9d9d9; border-left:none; border-bottom:none; } .gift-tab:after { clear: both; content: ""; display: block; } .gift-tab { background:url('http://www.forcans.co.kr/images/common/orderpay/bull_h1_lightgray.gif') repeat-x 0 bottom; } .gift-tab li { float:left; width:151px; margin-right:-1px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} .gift-tab li a { display:block; height:42px; line-height:44px; border-left:1px solid #d9d9d9; color:#666; font-size:13px; text-align:center; background:#f6f6f6; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .gift-tab li:first-child, .gift-tab li.first { width:153px; } .gift-tab li.now a { color:#000; font-weight:500; background:#fff; } #gift-group .h_title2 h3 {display:inline-block;vertical-align:top;} #gift-group .gift-select { margin:0; border:0; } #gift-group .gift-kind:after { clear: both; content: ""; display: block; } #gift-group .gift-kind { width:100%; border-top:1px solid #000; border-bottom:1px solid #ccc; background:#f5f5f5; } #gift-group .gift-kind li { float:left; width:25%; height:39px; line-height:39px; overflow: hidden; } #gift-group .gift-kind li span { padding-left:13px; } #gift-group .gift-kind li.w23 { width:23%; } #gift-group .btn-wrap { position: fixed; bottom: 0; left: 0; width: 100%; border-top:1px solid #cecece; background:#fff; } #gift-group .btn-wrap a { display:inline-block; width:40%; } #gift-group .btn-wrap a:first-child { width:58.8%; } #gift-group .gift-point:after { clear: both; content: ""; display: block; } #gift-group .gift-point {width:80%;float:right;text-align:right;display:inline-block;border:0; background:none; padding:0;box-sizing:border-box;} #gift-group .gift-point li { display:inline-block; float:none;width:auto; height:auto; line-height:1.5em; color:#777; font-size:1em; overflow: hidden; box-sizing:border-box;padding-left:10px;} #gift-group .gift-point li:first-child { width:auto; padding-left:0;} #gift-group .gift-point li strong { font-weight:500;} #gift-group .gift-point li .fc-red { color:#333; font-weight:700; font-size:1.1em; } #gift-group .giftcontWrap .gift-tit { height:auto; line-height:1.4em; padding:10px;font-size:1em; margin:0px; border-bottom:1px solid #eaeaea; color:#333; font-weight:500; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing:border-box;width:100%;display:block;} #gift-group .giftcontWrap .sel-gift { padding:0 12px 7px 0; font-size:0.875em; color:#000; text-align:right; } #gift-group .giftcontWrap .sel-gift .fc-red { color:#333; font-weight:700;} #gift-group .giftcontWrap .gift-list { padding:0 10px; border-bottom:1px solid #eaeaea; text-align:left;box-sizing:border-box;} #gift-group .giftcontWrap .gift-list.now { z-index:2; position:relative; } #gift-group .giftcontWrap .gift-list ul { display:table; table-layout:fixed; box-sizing:border-box; width:100%; } #gift-group .giftcontWrap .gift-list ul li { display:inline-block; width:100%; padding:8px 0; text-align:center; vertical-align:top; } #gift-group .giftcontWrap .gift-list ul li + li {border-top:1px #eaeaea dotted;} #gift-group .giftcontWrap .gift-list ul li .g_table_box {display:table;width:100%;box-sizing:border-box;border-collapse:collapse;} #gift-group .giftcontWrap .gift-list ul li .g_table_box > div {display:table-cell;box-sizing:border-box;border-collapse:collapse;vertical-align:middle;padding:0;} #gift-group .giftcontWrap .gift-list ul li .g-img { width:35%; position:relative;z-index:1;padding:0 10px;} #gift-group .giftcontWrap .gift-list ul li .g-img > a { display:inline-block;margin:0 auto; } #gift-group .giftcontWrap .gift-list ul li .g-img img { max-width:100%; height:auto; } #gift-group .giftcontWrap .gift-list ul li .g_txt {padding-left:10px;text-align:left;} #gift-group .giftcontWrap .gift-list ul li .g_txt > div {width:100%;text-align:left;} #gift-group .giftcontWrap .gift-list ul li .g-name { display:-webkit-box; overflow:hidden; margin:5px auto 13px; text-overflow:ellipsis; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; } #gift-group .giftcontWrap .gift-list ul li .g-chk {position:absolute;left:0;top:0;} #gift-group .giftcontWrap .gift-list ul li .g-chk input { width:17px; height:17px; } #gift-group .giftcontWrap .gift-list ul li .g-opt { position:relative; } #gift-group .giftcontWrap .gift-list ul li .g-qty { position:relative; } #gift-group .giftcontWrap .gift-list ul li .g-qty select { width:90%; height:22px; line-height:22px; padding:0; background:#fff; } #gift-group .giftcontWrap .gift-list ul li .g-qty select:disabled { color:#979797; background:#f5f5f5; } #gift-group .giftcontWrap .gift-list ul li .g-opt .neogift-option-set {margin-top:6px;} #gift-group .giftcontWrap .gift-list ul li .g-opt .btn-opt { display:inline-block; width:auto;min-width:56px;padding:0 6px; height:24px; line-height:22px; border:1px solid #dbdbdb; color:#999; font-size:1em; background:#fff; text-align:center; letter-spacing:0; } #gift-group .giftcontWrap .gift-list ul li .g-opt .btn-opt2 { display:block !important; width:auto;padding:0 18px 0 6px;min-width:70px;height:24px; line-height:22px; border:1px solid #dbdbdb; color:#999; background:url('http://www.forcans.co.kr/images/common/orderpay/bull_h7_list.gif') no-repeat right 5px center; letter-spacing:0; text-align:left; } #gift-group .giftcontWrap .gift-list ul li .g-opt .btn-opt.gift-select-option {} #gift-group .giftcontWrap .gift-txt { margin:13px 0 0; line-height:20px; color:#3b3b3b; text-align:left; } #gift-group .giftcontWrap .gift-txt strong { color:#333; font-weight:700;} #gift-group #MS_gift_reserve .giftcontWrap, #gift-group #MS_gift_discount .giftcontWrap { padding:100px 0; text-align:center; } #gift-group .gift-layer-opt2 { display:block !important; position:static; bottom:0; left:0; width:100%; border:0; background:none; font-size:13px; text-align:left; z-index: 999999; } #gift-group .gift-layer-opt2 span { position:absolute; bottom:-13px; left:10px; color:#f1191f; display:none;} #gift-group .gift-layer-opt2 dl { padding:5px 0 0; } #gift-group .gift-layer-opt2 dl dt { padding-right:10px; color:#333; font-weight:500; display:inline-block;vertical-align:top;} #gift-group .gift-layer-opt2 dl dd { color:#777; display:inline-block;vertical-align:top;} #gift-group .gift-btn {display: none; } #order .giftcontWrap .gift-auto-list { padding-bottom: 20px; } #order .giftcontWrap .gift-auto-list ul:after { clear: both; content: ""; display: block; } #order .giftcontWrap .gift-auto-list ul { margin-top:30px;} #order .giftcontWrap .gift-auto-list ul li {float:left;width: 33%;text-align:center;} #order .giftcontWrap .gift-auto-list ul li .g-img {width: 90%;height: 100%;margin:0 auto;border:1px solid #d9d9d9;background:#fff url('http://www.forcans.co.kr/images/common/orderpay/h87_no_image.gif') no-repeat center center;} #order .giftcontWrap .gift-auto-list ul li .g-img > a { display:block; width:100%; height:100%; } #order .giftcontWrap .gift-auto-list ul li .g-img img { width:100%; height:100%; } #order .giftcontWrap .gift-auto-list ul li .g-event { padding:19px 20px 10px; } #order .giftcontWrap .gift-auto-list ul li .g-name { padding:0 20px 10px; } #order .giftcontWrap .gift-auto-list ul li .g-point { padding-bottom:10px; } #order .giftcontWrap .gift-auto-list ul li .g-point strong { color:#333; font-weight:700;} #order .giftcontWrap .gift-auto-list ul li .g-opt { position:relative; } #order .giftcontWrap .gift-auto-list ul li .g-opt {position: relative; } #order .giftcontWrap .gift-auto-list ul li .g-opt .btn-opt2 { display:none; width:70px; height:20px; line-height:22px; padding-left:5px; border:1px solid #ccc; color:#444; background:#fff url('http://www.forcans.co.kr/images/common/orderpay/bull_h7_list.gif') no-repeat 60px center; letter-spacing:-1px; text-align:left; } #order .giftcontWrap .gift-auto-list ul li .g-qty select { width:70px; height:22px; line-height:22px; } #order .giftcontWrap .gift-auto-list ul li .g-qty select:disabled { color:#979797; background:#f5f5f5; } #NeogfigtPopupOption {position:absolute; top:50%; left:50%; width:90%; max-width:420px; transform:translate(-50%, -0%); margin:0;z-index: 99999;} #gift-group #NeogfigtPopupOption {position:fixed !important;top:50% !important;transform:translate(-50%, -50%);} #NeogfigtPopupOption .gift-layer-opt { border:2px solid #333; background:#fff; font-size:13px; font-weight:normal; text-align:left; } #NeogfigtPopupOption .gift-layer-opt .l-close { display:block; position:absolute; top:6px; right:0; width:27px; height:27px; } #NeogfigtPopupOption .gift-layer-opt .layer-pop {padding:12px;box-sizing:border-box;} #NeogfigtPopupOption .gift-layer-opt h3 {font-size:17px;font-weight:500;color:#333;line-height:1em;} #NeogfigtPopupOption .gift-layer-opt .txt table { width:100%; margin-top:10px;border:0;border-top:1px solid #eaeaea;} #NeogfigtPopupOption .gift-layer-opt .txt table tbody th, #NeogfigtPopupOption .gift-layer-opt .txt table tbody td {border:0;border-bottom:1px #eaeaea solid;} #NeogfigtPopupOption .gift-layer-opt .txt table tbody th {font-weight:500;border-right:1px #eaeaea solid;color:#333;} #NeogfigtPopupOption .gift-layer-opt .txt table tbody th > div, #NeogfigtPopupOption .gift-layer-opt .txt table tbody td > div { padding:5px 10px; text-align:left; color:#777; } #NeogfigtPopupOption .gift-layer-opt .txt table tbody td select { width:98%; } #NeogfigtPopupOption .gift-layer-opt .txt table tfoot td > div { padding:0; } #NeogfigtPopupOption .gift-layer-opt .txt table tfoot td div.txt-c { padding:10px 0; margin-bottom:10px; text-align:center; } #NeogfigtPopupOption .gift-layer-opt .txt table tfoot td div .btn-opt-add { display:inline-block; width:69px; height:30px; line-height:30px; } #NeogfigtPopupOption .gift-layer-opt .txt table tfoot td div ul:after { clear: both; content: ""; display: block; } #NeogfigtPopupOption .gift-layer-opt .txt table tfoot td div ul { width:100%; } #NeogfigtPopupOption .gift-layer-opt .txt .btns { padding-top:20px; margin-top:0px; text-align:center; border-top:0;font-size:0; } #NeogfigtPopupOption .gift-layer-opt .txt .btns a { display:inline-block; width:40%; } #NeogfigtPopupOption .gift-layer-opt .txt .btns a:first-child { width:58%; margin-right:2%;} #NeogfigtPopupOption .gift-layer-opt .txt .btns, #gift-group .gift-select .btns { padding-top:20px; margin-top:0px; text-align:center; border-top:0;font-size:0; } #NeogfigtPopupOption .gift-layer-opt .txt .btns a, #gift-group .gift-select .btns a { display:inline-block; width:40%; } #gift-group .gift-select .btns a {width: calc(50% - 5px);} #NeogfigtPopupOption .gift-layer-opt .txt .btns a:first-child { width:58%; margin-right:2%;} #gift-group .gift-select .btns a:first-child {margin-right:10px;} /* #gift-group li { list-style:none; } #gift-group { padding-bottom:55px; } #gift-group .p10 { padding:10px; } #gift-group .btn-wrap a { display:inline-block; width:40%; } #gift-group .btn-wrap a:first-child { width:58.8%; } #gift-group .gift-point:after { clear: both; content: ""; display: block; } #gift-group .gift-point { width:100%; border-top:1px solid #000; border-bottom:1px solid #ccc; background:#ececec; } #gift-group .gift-point li { float:left; width:32%; height:39px; line-height:39px; color:#3b3b3b; font-size:0.875em; } #gift-group .gift-point li:first-child { width:36%; } #gift-group .gift-point li strong { padding-left:13px; } #gift-group .gift-point li .fc-red { color:#ff0000; font-weight:bold; font-size:1.125em; } #gift-group .giftcontWrap { } #gift-group .giftcontWrap .gift-tit { height:36px; line-height:36px; padding:0 13px; margin-bottom:8px; border-bottom:1px solid #cecece; color:#000; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } #gift-group .giftcontWrap .sel-gift { padding:0 12px 7px 0; font-size:0.875em; color:#000; text-align:right; } #gift-group .giftcontWrap .sel-gift .fc-red { color:#ff0000; } #gift-group .giftcontWrap .gift-list { padding:0 5px; border-bottom:1px solid #cecece; text-align:left;} #gift-group .giftcontWrap .gift-list.now { z-index:2; position:relative; } #gift-group .giftcontWrap .gift-list ul { display:table; table-layout:fixed; box-sizing:border-box; width:100%; } #gift-group .giftcontWrap .gift-list ul li { display:inline-block; width:33%; padding:0 0 22px; text-align:center; vertical-align:top; } #gift-group .giftcontWrap .gift-list ul li .g-img { width:90%; margin:0 auto; } #gift-group .giftcontWrap .gift-list ul li .g-img > a { display:block; } #gift-group .giftcontWrap .gift-list ul li .g-img img { max-width:100%; height:auto; } #gift-group .giftcontWrap .gift-list ul li .g-name { display:-webkit-box; overflow:hidden; width:91%; margin:5px auto 13px; text-overflow:ellipsis; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; } #gift-group .giftcontWrap .gift-list ul li .g-chk { padding-bottom:5px; } #gift-group .giftcontWrap .gift-list ul li .g-chk input { width:17px; height:17px; } #gift-group .giftcontWrap .gift-list ul li .g-opt { position:relative; } #gift-group .giftcontWrap .gift-list ul li .g-qty { position:relative; } #gift-group .giftcontWrap .gift-list ul li .g-qty select { width:90%; height:22px; line-height:22px; padding:0; background:#fff; } #gift-group .giftcontWrap .gift-list ul li .g-qty select:disabled { color:#979797; background:#f5f5f5; } #gift-group .giftcontWrap .gift-list ul li .g-opt .btn-opt { display:inline-block; width:90%; height:20px; line-height:20px; border:1px solid #ccc; color:#444; font-size:11px; background:#ebebeb; text-align:center; letter-spacing:-1px; } #gift-group .giftcontWrap .gift-list ul li .g-opt .btn-opt2 { display:none; width:90%; height:20px; line-height:20px; padding-left:5px; border:1px solid #ccc; color:#444; background:url('http://www.forcans.co.kr/images/common/orderpay/bull_h7_list.gif') no-repeat right 5px center; letter-spacing:-1px; text-align:left; } #gift-group .giftcontWrap .gift-txt { margin:13px 0 0; line-height:20px; color:#3b3b3b; text-align:center; } #gift-group .giftcontWrap .gift-txt strong { color:#ff0000; } #gift-group #MS_gift_reserve .giftcontWrap { padding:100px 0; text-align:center; } #gift-group .gift-layer-opt { } #gift-group .gift-layer-opt .txt table { width:100%; margin-top:5px; border-top:1px solid #d3d3d3; } #gift-group .gift-layer-opt .txt table tbody th, #gift-group .gift-layer-opt .txt table tbody td { border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; } #gift-group .gift-layer-opt .txt table tbody th { border-left:1px solid #d3d3d3; font-weight:bold; background:#f6f6f6; } #gift-group .gift-layer-opt .txt table tbody th > div, #gift-group .gift-layer-opt .txt table tbody td > div { padding:5px 10px; text-align:left; color:#666; } #gift-group .gift-layer-opt .txt table tbody td select { width:98%; } #gift-group .gift-layer-opt .txt table tfoot td > div { padding:5px 0; } #gift-group .gift-layer-opt .txt table tfoot td div.txt-c { padding:10px 0; margin-bottom:10px; text-align:center; } #gift-group .gift-layer-opt .txt table tfoot td div .btn-opt-add { display:inline-block; width:69px; height:30px; line-height:30px; } #gift-group .gift-layer-opt .txt table tfoot td div ul:after { clear: both; content: ""; display: block; } #gift-group .gift-layer-opt .txt table tfoot td div ul { width:99%; } #gift-group .gift-layer-opt .txt .btns { padding-top:15px; margin-top:10px; text-align:center; border-top:1px solid #cdcdcd; } #gift-group .gift-layer-opt .txt .btns a { display:inline-block; width:40%; } #gift-group .gift-layer-opt .txt .btns a:first-child { width:58%; } #gift-group .gift-layer-opt2 { display:none; position:absolute; bottom:30px; left:0; width:160px; border:1px solid #f1191f; background:#fff; font-size:13px; text-align:left; } #gift-group .gift-layer-opt2 span { position:absolute; bottom:-13px; left:10px; color:#f1191f; } #gift-group .gift-layer-opt2 dl { padding:10px; } #gift-group .gift-layer-opt2 dl dt { padding-bottom:3px; color:#f1191f; font-weight:bold; } #gift-group .gift-layer-opt2 dl dd { color:#444; } .gift-layer-opt .layer-pop { display: block; }*/ #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li, #gift-group .MK_inner-opt-cm li { *zoom: 1; position: relative; min-height:13px; _height: 13px; *margin-bottom: -4px; padding:8px 5px; background:#f4f4f4; text-align:left;} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_price, #gift-group .MK_inner-opt-cm li .MK_price, #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_btn-del, #gift-group .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_price, #gift-group .MK_inner-opt-cm li .MK_price, #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_btn-del. #gift-group .MK_inner-opt-cm li .MK_btn-del { display: block; } #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_price, #gift-group .MK_inner-opt-cm li .MK_price { right: 35px; top: 8px; color: #333; } #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_btn-del, #gift-group .MK_inner-opt-cm li .MK_btn-del { right: 5px; top: 10px; } #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_btn-del img, #gift-group .MK_inner-opt-cm li .MK_btn-del img { width:14px;height:auto; } #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_p-name, #gift-group .MK_inner-opt-cm li .MK_p-name { text-overflow:ellipsis; font-weight:500;color:#777;display:inline-block;vertical-align:top;width: calc(100% - 70px);} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_qty-ctrl, #gift-group .MK_inner-opt-cm li .MK_qty-ctrl {width:45px;position:relative;z-index:1;height:20px;display:inline-block;vertical-align:top;} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_qty-ctrl input, #gift-group .MK_inner-opt-cm li .MK_qty-ctrl input{ width: 30px; height: 20px; line-height: 20px; padding: 2px; text-align:right; vertical-align:middle; margin-top: 0;box-sizing:border-box; font-size:13px;} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-up, #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-dw, #gift-group .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-up, #gift-group .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-dw {display:inline-block;vertical-align;top;position:absolute;right:0;font-size:0;} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-up, #gift-group .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-up {top:0;} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-dw, #gift-group .MK_inner-opt-cm li .MK_qty-ctrl .MK_btn-dw {bottom:0;} /* 주문서작성 쿠폰적용 팝업 */ #coupon { padding:0 10px 20px; box-sizing:border-box;width:100%;min-width:450px;} /* 쿠폰 리스트 공통 */ #coupon .table-coupon { margin:0 0 20px; } #coupon .table-coupon table {border-collapse:collapse;} #coupon .table-coupon thead th {background-color:none;} #coupon .table-coupon th, #coupon .table-coupon td { padding: 7px 0 6px; border:1px solid #eaeaea; border-left:0;border-right:0;border-collapse:collapse;} #coupon .table-coupon th { font-weight: normal;border-top:0; } #coupon .table-coupon .tb-expire { font-size: 11px; } #coupon .table-coupon .tb-expire d-block { padding: 2px 0; } /* 사용 방법 */ #coupon .use-guide, #coupon .use-guide h3 { font-size: 11px; } #coupon .use-guide { margin-top: 0; padding: 15px; color: #777; font-size:13px; background-color: #f4f4f4; box-sizing:border-box;text-align:left; } #coupon .use-guide h3 { margin-top: 1.6em; font-size:1.1em;font-weight:500;margin-bottom:0.5em;padding-left: 0; color: #333; background:none; } #coupon .use-guide h3.first { margin-top: 0; } #coupon .use-guide li { line-height: 16px; } #coupon .use-guide li strong { font-weight: 500; color: #000; } #coupon .use-guide .step li { margin-top: 5px; } #coupon .use-guide .step li dt, #coupon .use-guide .step li dd { display: inline; } #coupon .use-guide .step li dt { color: #555; } #coupon .use-guide .caution { padding-top: 0; } #coupon .use-guide .caution li { position: relative; padding-left: 13px; color:#777;font-size:1em;text-align:left;} #coupon .use-guide .caution li .bull { position: absolute; left: 0px; top: 0px; } #coupon .MS_order_price { width:80px; height:20px; text-align:right;} #coupon .MS_order_product {width:200px;} #coupon th div.tb-center {font-size:8pt;padding-left:3px;padding-right:3px;} #coupon td div.tb-center,td div.tb-right {padding-left:3px;padding-right:3px;} /* 모바일전용 사용 쿠폰 선택 */ #order #coupon {display : none;} #order #coupon table {width:100%; text-align:left; border:1px solid #eaeaea; color:#777; margin-bottom:10px;} #order #coupon thead {background-color: #858585; color:#fff;} #order #coupon thead th {font-weight:normal; padding: 5px;} #order #coupon tbody td {padding: 5px 10px;} #order #coupon .item {background-color: #eaeaea;text-align:center; font-size:1.333em; padding:15px 0;} #order #coupon .selection {color:#777; margin:20px 0;} #order #coupon .btn_Black {margin:10px 0;} #order #coupon .paysum {margin:10px 0 25px; padding: 10px; border: 1px solid #eaeaea; background-color: #f4f4f4;box-sizing:border-box;width:100%;} #order #coupon .paysum .c_price {height: 45px;} #order #coupon .paysum_reserve {font-weight:500; font-size: 1.15em;} #order #coupon .paysum li {position:relative; color: #353535; font-size: 1em; line-height:1.75; letter-spacing:-1px;} #order #coupon .paysum li.pit {font-weight:500; font-size: 1.15em; border-top: 1px dotted #A0A0A0; margin-top: 3px; padding-top: 3px;} #order #coupon .paysum li.pit em {color: #333; padding-top: 3px;} #order #coupon .paysum li em {position:absolute; top:0; right:0; letter-spacing:0; text-align: right;} #order #coupon .paysum li em.black {color: #333; font-weight:500;} #order #coupon .paysum li em #block_coupon_apply_price_detail {display: block;} #order #coupon .paysum li.gu {font-weight:500; font-size: 1.15em; } #order #coupon .paysum li.gu em {color: #333; padding-top: 3px;} @media only screen and (max-width:500px) { } @media only screen and (max-width:375px) { /* 주문서작성 사은품 선택 */ /* 사은품 */ #gift-group .gift-point {width:76%;} /* 장바구니 버튼 */ #wrap .order-btn a, #coupon .btn-foot a {width: calc(33.32% - 4px);} #wrap .order-btn a:nth-of-type(n + 3) {width: calc(33.32% - 4px);} #wrap .order-btn a + a, #coupon .btn-foot a + a, #order #coupon .txt > a.btn_Black + a.btn_White {margin-left:6px;} #wrap #order .order-btn a, #order-complete .order-btn a, #coupon .btn-foot a {width: calc(50% - 3px);} #order #coupon .txt > a.btn_Black, #order #coupon .txt > a.btn_White {width: calc(50% - 5px);} } @media only screen and (max-width:350px) { #order .orderBody .MS_tel { width:51px; } } @media only screen and (max-width:320px) { }