@charset "utf-8"; /* 주문 및 결제 */ #ebric_pc_wrap #main-content-wrap .sub-view-wrap { overflow: hidden; padding: 20px 0 200px 0; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form { width: 980px; margin: 0 auto; } #ebric_pc_wrap #main-content-wrap .bread-crumb-wrap { padding: 20px 0 10px 0; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .info-title { font-size: 1.8rem; font-weight: 700; display: block; margin-bottom: 10px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table { border: 1px solid #ddd; border-top: 1px solid #363e4e; background: #fff; padding: 0; margin-top: 8px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table { width: 100%; font-size: 1.2rem; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr { border-bottom: 1px solid #e5e5e5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr:last-child { border-bottom: none; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr th { text-align: center; padding: 13px 0; font-weight: 500; background: #f6f7fb; border-right: 1px solid #eee; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr th:last-child { border-right: none;} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr th.name { width: 60%; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr th.price { width: 10%; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr th.count { width: 10%; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr th.order-price { width: 10%; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr th.delivery-charge { width: 10%; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td { padding: 10px; border-left: 1px solid #eee; text-align: center; position: relative; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td:first-child { border-left: none;} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td .img-box { width: 65px; height: 65px; border: 1px solid #e5e5e5; background: #fff; position: relative; overflow: hidden; display: inline-block; vertical-align: middle; float: left; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td .img-box .thumbnail { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%; z-index: 1; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td .img-box .thumbnail img { position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); z-index: 1; transition: all 0.3s ease-out; max-height: 100%; max-width: 100%; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td.name { text-align: left; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td.name .product-property { display: inline-block; vertical-align: middle; text-align: left; max-width: calc(100% - 65px); float: left; padding: 5px 0 0 15px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td.name .product-property .product-name { font-size: 1.5rem; font-weight: 700; display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td.name .product-property .product-name:hover { text-decoration: underline; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td.name .product-property .option { color: #999; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list>.btn-wrap { margin-top: 20px; height: 36px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list>.btn-wrap .select-delete-btn { border: 1px solid #ddd; display: inline-block; height: 36px; margin-bottom: 5px; border-radius: 4px; line-height: 34px; font-size: 1.2rem; font-weight: 400; text-align: center; padding-right: 3px; background: #fff; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; padding: 0 20px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list>.btn-wrap .select-delete-btn:hover { background: #2f6ed5; color: #fff; border-color: #2f6ed5; font-weight: 300; } /* 결제 */ #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap { margin-top: 30px; overflow: hidden; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info { border: 1px solid #e5e5e5; background: #fff; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .total-price-info-title { background: #2f6ed5; display: block; color: #fff; padding: 15px 30px; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.5px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.1) ; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .info-title > p.pay-notice {font-size: 1.3rem; font-weight: 400; color: #2f6ed5; padding: 7px 0} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .info-title > p.pay-notice i,#ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>p.pay-error-notice i {margin-right: 5px} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .info-title .pay-support {font-weight: 400; font-size: 1.3rem; padding: 3px 15px; border-radius: 3px;color: #fff; background: #2f6ed5; transition: background .3s ease; display: inline-block; margin-left: 8px; position: relative;top: -1px} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .info-title .pay-support:hover {background: #1E5CC3} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price { padding: 0 30px; overflow: hidden; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .detail-info { border-bottom: 1px dashed #e5e5e5; overflow: hidden; padding: 30px 0;} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .detail-info .detail-tit { font-size: 1.7rem; font-weight: 600; padding-bottom: 15px;} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .normal-list { float: left; width: 50%; padding-right: 30px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-list { float: right; width: 50%; padding-left: 30px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .row { overflow: hidden; margin-bottom: 3px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .row .head { float: left; color: #666; font-size: 1.3rem; font-weight: 500; position: relative; padding-left: 10px; line-height: 24px; letter-spacing: -0.5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .row .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 11px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .row .cont { float: right; font-size: 1.7rem; font-weight: 800; color: #333; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .row .cont .unit { font-size: 1.3rem; font-weight: 500; color: #666; margin-left: 2px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .total-price { padding:10px 0 30px; text-align: right; font-size: 2rem; font-weight: 800; color: #2f6ed5; overflow: hidden; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .total-price .unit { font-size: 1.2rem; font-weight: 300; color: #666; letter-spacing: -0.5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .total-price .unit:first-child { font-weight: 500; color: #2f6ed5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .total-price .head { float: left; color: #666; font-size: 1.3rem; font-weight: 500; position: relative; padding-left: 10px; line-height: 24px; letter-spacing: -0.5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .total-price .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 11px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .total-price .cont { float: right; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-info { margin-bottom:15px} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-info .discount-category { border: 1px solid #ddd; border-bottom: 2px solid #ddd; margin-bottom:5px; padding: 5px; background: #fff; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-info .discount-category .head { font-size: 1.25rem; font-weight: 500; position: relative; padding-left: 10px; line-height: 30px; letter-spacing: -0.5px; float: left; width: 90px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-info .discount-category .cont { display: block; padding-left: 90px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-info .discount-category .cont input[type=text] { width: 125px; height: 30px; border-style: none; padding: 0 25px 0 10px; font-weight: 300; border: 1px solid #ddd; border-radius: 2px; display: inline-block; vertical-align: top; transition: border-color 0.25s ease; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-info .discount-category .bk-btn {margin-right:3px} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-info .discount-category .cont input[type=text]:active, #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-info .discount-category .cont input[type=text]:focus { border-color: #80B0FF; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-info .discount-category .cont input.discounted-thing[type=text] { background-color: #ededed; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-info .discount-category .cont .hold-amount { display: inline-block; color: #666; margin:3px } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .discount-info .discount-category .cont .hold-amount .my-hold { font-weight: 700; color: #333; text-decoration: underline; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap { margin-top: 30px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table { border: 1px solid #ddd; border-top: 1px solid #363e4e;} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table { width: 100%; font-size: 1.3rem; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr { border-bottom: 1px solid #e5e5e5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr th { padding: 10px; font-weight: 500; background: #f6f7fb; border-right: 1px solid #eee; width: 20%; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr td { padding: 10px; background: #fff; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr td .destination-type-select { display: inline-block; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr td .destination-type-select li { display: inline-block; margin-right: 15px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr td input[type=text] { width: 100%; height: 30px; border-style: none; padding: 0 25px 0 10px; font-weight: 300; border: 1px solid #ddd; border-radius: 2px; display: inline-block; vertical-align: top; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr td input.delivery-addr { width: 80%; margin-bottom: 5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr td .addr-search-btn { width: 19.6%; height: 30px; line-height: 28px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr td .save-public-info { margin-top: 5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr td .notice { margin-top: 5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr td .notice p { font-size: 1.2rem; color: #2f6ed5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .buyer-info-wrap .buyer-info-table table tbody tr td .notice i { margin-right: 5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap { margin-top: 30px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .info-title > p.pay-notice {font-size: 1.3rem; font-weight: 400; color: #2f6ed5; padding: 7px 0} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .info-title > p.pay-notice i,#ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>p.pay-error-notice i {margin-right: 5px} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table { border: 1px solid #ddd; border-top: 1px solid #363e4e;} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table { width: 100%; font-size: 1.3rem; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr { border-bottom: 1px solid #e5e5e5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr th { padding: 10px; font-weight: 500; background: #f6f7fb; border-right: 1px solid #eee; width: 20%; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr td {padding: 10px;background: #fff;} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr td .destination-type-select { display: inline-block; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr td .destination-type-select li { display: inline-block; margin-right: 15px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr td input[type=text] { width: 100%; height: 30px; border-style: none; padding: 0 25px 0 10px; font-weight: 300; border: 1px solid #ddd; border-radius: 2px; display: inline-block; vertical-align: top; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr td input.delivery-addr { width: 66.2%; margin-bottom: 5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr td input.post-code { width: 15%; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr td .addr-search-btn { width: 18%; height: 30px; line-height: 28px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr td .notice { margin-top: 5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr td .notice p { font-size: 1.2rem; color: #2f6ed5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr td .notice p.error { font-size: 1.2rem; color: red; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info-table table tbody tr td .notice i { margin-right: 5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap { margin-top: 30px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .info-title { font-size: 1.8rem; font-weight: 700; display: block; margin-bottom: 10px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .info-title > img {position:relative; top:4px;} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info { overflow: hidden; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area { float: left; width: 49%; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list { background: #fff; border: 1px solid #ddd; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li { position: relative; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>label { font-size: 1.4rem; display: block; padding: 20px 40px; border-bottom: 1px solid #e5e5e5; color: #222; font-weight: 500; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>label:before { left: 15px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>p.pay-error-notice {padding: 7px 15px; color: #e92023;font-size: 1.3rem} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.custom-radio:disabled + .custom-radio-label { color:#ccc; cursor:no-drop; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.on-off-btn { position: absolute; height: 55px; width: 55px; top: 0; right: 0; text-align: center; background: #f6f7fb; color: #AFAFAF; line-height: 58px; transition: color .25s ease; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.on-off-btn:hover { color: #888 } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.on-off-btn i { font-size: 1.5rem; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.on-off-btn i.fa-angle-up, #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li.on>.on-off-btn i.fa-angle-down { display: none; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li.on>.on-off-btn i.fa-angle-up { display: inline-block; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info { padding: 20px 17px; font-size: 1.3rem; display: none; border-bottom: 1px solid #e5e5e5; box-shadow: 0 2px 1px 0px rgba(0,0,0,0.05) inset; background: #fafafa; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li.on>.detail-info { display: block; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info i { margin-right: 8px; color: #2f6ed5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info p { display: inline-block; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info .bk-btn { display: inline-block; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info .my-affiliation { border-top: 1px solid #e5e5e5; padding-top: 10px; margin-top: 10px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info .approvals { margin-top: 20px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info .approvals ul li { display: inline-block; margin-right: 15px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info .approvals ul li label { color: #222; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info .notice { margin-top: 25px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info .notice i { font-size: 1rem; line-height: 1.2rem; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info .notice p { font-size: 1.2rem; letter-spacing: -0.5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>.detail-info .notice p.imp { text-decoration: underline; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li .different-method-list li { display: inline-block; margin: 3px 20px 2px 0; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li .different-method-list li label { color: #222; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li .different-method-list li label img.plus-point-img {position: relative;top:2px; cursor:default} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li .different-method-list li label span.plus-point {font-weight:600; color:#2f6ed5; margin-right:3px} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .method-list>li>input[type=radio]:checked + label { color: #498efe; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .helper { margin-top: 15px; padding: 15px 17px 20px; background: rgba(0,0,0,0.05); } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .helper .helper-title { font-size: 1.3rem; font-weight:600; letter-spacing: -0.5px; color: #444; display: block; margin-bottom: 10px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .helper p { font-size: 1.2rem; color: #444; letter-spacing: -0.5px; line-height:16px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .helper p:not(:last-child) { padding-bottom:10px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .helper p i { padding-right: 5px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .method-select-area .save-option { padding: 15px; border: 1px solid #eee; background: #fff; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .payment-confirm-area { float: right; width: 49%; border: 1px solid #ddd;} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .payment-confirm-area .final-price-info .head { background: #2f6ed5; display: block; color: #fff; padding: 15px 30px; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.5px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .payment-confirm-area .final-price-info .final-price { padding: 15px 5px 18px 5px; text-align: center; font-size: 2.5rem; font-weight: 700; color: #2f6ed5; background: #fff; border-bottom: 1px solid #e5e5e5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .payment-confirm-area .final-price-info .final-price .unit { font-size: 1.8rem; font-weight: 500; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .payment-confirm-area .agreement-wrap { background: #fff; padding: 20px 30px 30px 30px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .payment-confirm-area .agreement-wrap .privacy { margin-bottom: 15px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .payment-confirm-area .agreement-wrap label { font-size: 1.2rem; line-height:13px;} #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .payment-confirm-area .agreement-wrap .content { margin-top: 10px; height: 150px; overflow: hidden; overflow-y: auto; border: 1px solid #ddd; background: #f8f8f8; padding: 15px; white-space: pre-wrap; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .payment-confirm-area .agreement-wrap .all-agreement { margin-top: 20px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .payment-info .payment-confirm-area .agreement-wrap .all-agreement label { font-size: 1.5rem; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .btn-wrap { background: #fff; padding-bottom:30px; overflow: hidden; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .btn-wrap a { border: 1px solid #ddd; display: block; height: 50px; margin-bottom: 5px; border-radius: 3px; line-height: 48px; font-size: 1.5rem; text-align: center; background: #F5F7F9; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; float: left; width: 49%; margin-right: 1.5%; color: #777; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .btn-wrap a:hover { background: #2f6ed5; color: #fff; border-color: #2f6ed5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .btn-wrap a.buy-btn { margin-right: 0; background: #2f6ed5; color: #fff; border-color: #2f6ed5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .btn-wrap a.buy-btn:hover { background: #1E5CC3; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .ie-alert { padding: 5px 8px; border: 1px solid #2f6ed5; background-color: #2f6ed5; border-radius: 3px; color: #FFF; margin-top: 6px;} /* 완료 */ #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .complete-title { font-size: 1.7rem; font-weight: 600; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege { margin-bottom: 20px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box { margin-top: 10px; background: #fff; padding: 70px 20px; border: 1px solid #e5e5e5; text-align: center; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box .check { background: #2f6ed5; width: 65px; height: 65px; border-radius: 50%; display: inline-block; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box .fail { background: #D52E2E; width: 65px; height: 65px; border-radius: 50%; display: inline-block; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box .check i { color: #fff; font-size: 2.5rem; line-height: 65px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box .fail i { color: #fff; font-size: 2.5rem; line-height: 62px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box h3 { font-size: 2.5rem; margin-top: 20px; margin-bottom: 20px; font-weight: 700; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box h3 .fail-imp { color: #D52E2E; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box p { font-size: 1.3rem; font-weight: 300; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box p .bk-btn i { margin-left: 3px; font-size: 1.2rem; line-height: 25px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form>.btn-wrap { margin-top: 30px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form>.btn-wrap a { border: 1px solid #ddd; display: block; height: 50px; margin-bottom: 5px; border-radius: 3px; line-height: 48px; font-size: 1.5rem; text-align: center; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; float: left; width: 49.25222%; margin-right: 1.5%; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form>.btn-wrap a.check-order-btn { margin-right: 0; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form>.btn-wrap a.approval-btn { margin-right: 0; } /* 완료 페이지 - 가상계좌 정보 안내 영역 */ #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info { margin-bottom: 20px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table { margin-top: 8px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table table { width: 100%; border: 1px solid #ddd; border-top: 1px solid #363e4e; background: #fff; font-size: 1.2rem; text-align: left; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table table tbody tr { border-bottom: 1px solid #e5e5e5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table table tbody tr:last-child { border-bottom: none; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table table tbody tr th { font-weight: 500; background: #f6f7fb; padding: 13px; width: 150px; border-right: 1px solid #eee; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table table tbody tr td { padding: 13px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table table tbody tr td .price { font-size: 1.7rem; font-weight: bold; color: #2F6ED5; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table table tbody tr td .method { font-weight: 500; font-size: 1.2rem; color: #666; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table table tbody tr td .bank-account { font-size: 1.3rem; font-weight: bold; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table table tbody tr td .alert-comment { color: red; font-weight: bold; } /* 후결제 약관동의 */ #ebric_pc_wrap #main-content-wrap .sub-view-wrap .credit-agremment-info-wrap { margin-top: 20px; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .credit-agremment-info-wrap .content { border: 1px solid #ddd; padding: 15px; white-space: pre-wrap; height: 200px; background: #f8f8f8; font-size: 1.2rem; overflow-y: auto; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .credit-agremment-info-wrap .check-box-wrap { margin-top: 20px; border: 1px solid #ddd; padding: 12px 15px 15px 15px; background: #fff; } #ebric_pc_wrap #main-content-wrap .sub-view-wrap .credit-agremment-info-wrap .check-box-wrap label { font-size: 1.4rem; } /* 전화로 카드결제하기 */ .pop-up-layer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 10; width: 100%; height: 100%; } .pop-up-layer .pop-up { position: fixed; width: 450px; height: 670px; background: #fff; left: 50%; margin-left: -225px; top: 50%; margin-top: -325px; padding: 20px 25px; border-top: 4px solid #2f6ed5; } .pop-up-layer .pop-up .title-area { border-bottom: 1px solid #dee3eb; padding-bottom: 15px; } .pop-up-layer .pop-up .title-area h5 { font-size: 2rem; font-weight: 700; display: block; margin-bottom: 3px; } .pop-up-layer .pop-up .title-area p { font-size: 1.5rem; font-weight: 400; color: #666; display: block; } .pop-up-layer .pop-up .content-area { height: calc(100% - 90px); margin-top: 15px; position: relative; overflow-y: auto; } .pop-up-layer .pop-up .content-area .content-title { font-size: 1.4rem; font-weight: bold; display: block; margin-bottom: 8px; } .pop-up-layer .pop-up .content-area .content-title.imp { color: #2f6ed5; } .pop-up-layer .pop-up .content-area .content { margin-bottom: 15px; } .pop-up-layer .pop-up .content-area .content:last-child { margin-bottom: 0; } .pop-up-layer .pop-up .content-area .content .list-table table { width: 100%; border: 1px solid #dee3eb; font-size: 1.2rem; } .pop-up-layer .pop-up .content-area .content .list-table table tbody tr { border-bottom: 1px solid #dee3eb; } .pop-up-layer .pop-up .content-area .content .list-table table tbody tr:last-child { border-bottom: none; } .pop-up-layer .pop-up .content-area .content .list-table table tbody tr th { font-weight: bold; background: #f8f8f8; padding: 5px 10px; } .pop-up-layer .pop-up .content-area .content .list-table table tbody tr td { padding: 5px 10px; } .pop-up-layer .pop-up .content-area .content .calling-process .box { border: 1px solid #dee3eb; padding: 12px 15px 12px 35px; font-size: 1.35rem; margin-bottom: 5px; position: relative; } .pop-up-layer .pop-up .content-area .content .calling-process .box .notice { color: red; font-size: 1.1rem; } .pop-up-layer .pop-up .content-area .content .calling-process .box .imp { color: #2f6ed5; margin: 0; font-weight: 600; } .pop-up-layer .pop-up .content-area .content .calling-process .box:after { position: absolute; width: 25px; height: 25px; background: #2f6ed5; content: ''; left: -1px; top: -1px; text-align: center; line-height: 25px; font-size: 1.2rem; color: #fff; } .pop-up-layer .pop-up .content-area .content .calling-process .box:nth-child(1):after { content: '1'; } .pop-up-layer .pop-up .content-area .content .calling-process .box:nth-child(2):after { content: '2'; } .pop-up-layer .pop-up .btn-wrap { position: absolute; left: 0; bottom: 0; width: 100%; } .pop-up-layer .pop-up .btn-wrap { background: #fff; padding: 0 25px 30px 25px; overflow: hidden; } .pop-up-layer .pop-up .btn-wrap a { border: 1px solid #ddd; display: block; height: 50px; margin-bottom: 5px; border-radius: 3px; line-height: 48px; font-size: 1.5rem; text-align: center; background: #F5F7F9; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; float: left; width: 49%; margin-right: 1.5%; color: #777; } .pop-up-layer .pop-up .btn-wrap a.buy-btn { margin-right: 0; background: #2f6ed5; color: #fff; border-color: #2f6ed5; } .pop-up-layer .pop-up .btn-wrap a.buy-btn:hover { background: #1E5CC3; } /* 국내 재고 여부 확인 팝업*/ .inventory-pop-up-layer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 10; width: 100%; height: 100%; } .inventory-pop-up-layer .pop-up { position: fixed; width: 450px; height: 500px;max-height: calc(100% - 140px); background: #fff; left: 50%; top: 50%; padding: 20px 25px; border-top: 4px solid #2f6ed5; transform:translate(-50%, -50%) } .inventory-pop-up-layer .pop-up .title-area { border-bottom: 1px solid #dee3eb; padding-bottom: 15px; } .inventory-pop-up-layer .pop-up .title-area p { font-size: 1.5rem; font-weight: 400; color: #666; display: block; float:left } .inventory-pop-up-layer .pop-up .point {color: #2f6ed5;font-weight:500} .inventory-pop-up-layer .pop-up .title-area .close-btn {float: right; opacity: 0.5; cursor: pointer;} .inventory-pop-up-layer .pop-up .content-area { height: calc(100% - 147px); margin-top: 15px; position: relative; overflow-y: auto; } .inventory-pop-up-layer .pop-up .content-area .content {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;font-size: 1.4rem; line-height: 21px;} .inventory-pop-up-layer .pop-up .content-area .content:last-child {margin-bottom: 0; padding-bottom: 0; border: 0} .inventory-pop-up-layer .pop-up .content-area .content .cont-text {padding-left: 65px; background: url('../../img/estimate/notice.png') no-repeat 15px top; width: 100%} .inventory-pop-up-layer .pop-up .content-area .content .cont-text h5 {padding-bottom: 5px} .inventory-pop-up-layer .pop-up .content-area .content p.date {font-weight: 500; padding-bottom:5px; padding-top: 15px; color: #073a8d} .inventory-pop-up-layer .pop-up .content-area .content .cont-background {background: #f3f9fd;padding: 7px 5px;} .inventory-pop-up-layer .pop-up .content-area .content p b {font-weight: 500} .inventory-pop-up-layer .pop-up .content-area .content p.date i.fas {margin-right: 5px} .inventory-pop-up-layer .pop-up .btn-wrap { position: absolute; left: 0; bottom: 0; width: 100%; } .inventory-pop-up-layer .pop-up .btn-wrap { background: #fff; padding: 0 25px 30px 25px; overflow: hidden; } .inventory-pop-up-layer .pop-up .btn-wrap a { border: 1px solid #ddd; display: block; height: 50px; margin-bottom: 5px; border-radius: 3px; line-height: 48px; font-size: 1.5rem; text-align: center; background: #F5F7F9; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; float: left; width: 49%; margin-right: 1.5%; color: #777; } .inventory-pop-up-layer .pop-up .btn-wrap a.support-btn {background: #585858; color: #fff; border-color: #585858} .inventory-pop-up-layer .pop-up .btn-wrap a.support-btn:hover {background: #333} .inventory-pop-up-layer .pop-up .btn-wrap a.buy-btn { margin-right: 0; background: #2f6ed5; color: #fff; border-color: #2f6ed5; } .inventory-pop-up-layer .pop-up .btn-wrap a.buy-btn:hover { background: #1E5CC3; }