@charset "utf-8"; /* 후결제 관리 */ #ebric_mobile_wrap #main-content-wrap .sub-view-wrap { padding-bottom: 20px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-info-table table { text-align: center; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-info-table table th { text-align: center; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-info-table table td { border-right: 1px solid #eee; } /* 결제일 검색 기간 */ #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-table { border-bottom: none; border-left: none; border-right: none; margin-top: 0; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .term-select { margin-top: 10px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .term-select ul { overflow: hidden; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .term-select ul li { display: inline-block; height: 30px; float: left; width: 20%; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .term-select ul li a { display: block; height: 100%; color: #555; border: 1px solid #ddd; padding: 0 10px; line-height: 28px; border-right: none; transition: background 0.2s ease; text-align: center; background: #fff; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .term-select ul li:last-child a { border-right: 1px solid #ddd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .term-select ul li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .term-select ul li.select a { background: #2F6ED5; color: #fff; border-color: #2F6ED5; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .term-select ul li a:hover { background: #f8f8f8; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .state-select { margin-top: 5px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .state-select ul { overflow: hidden; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .state-select ul li { display: inline-block; height: 30px; float: left; width: 33.3333%; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .state-select ul li a { display: block; height: 100%; color: #555; border: 1px solid #ddd; padding: 0 10px; line-height: 28px; border-right: none; transition: background 0.2s ease; text-align: center; background: #fff; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .state-select ul li:last-child a { border-right: 1px solid #ddd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .state-select ul li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .state-select ul li.select a { background: #2F6ED5; color: #fff; border-color: #2F6ED5; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-search-table .state-select ul li a:hover { background: #f8f8f8; } /* 주문/배송 조회 */ #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list { margin-top: 10px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box { background: #fff; border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1); margin-bottom: 10px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .header { background: #f8f8f8; border-bottom: 1px solid #eee; padding: 13px 10px; padding-right: 25px; overflow: hidden; position: relative; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .header .order-numb { font-weight: bold; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .header .date { float: right; color: #999; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .header i.fa-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -5px; color: #666; display: block; width: 5px; height: 10px; text-align: center; line-height: 10px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product { padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .l-area { float: left; width: 30%; padding-right: 10px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .l-area .name { display: block; font-weight: bold; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .l-area .state { display: inline-block; font-size: 1rem; padding: 0 5px; color: #fff; border-radius: 3px; font-weight: 300; letter-spacing: -0.5px; height: 20px; line-height: 20px; margin-top: 3px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .l-area .state.green { background: #15AF56; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .l-area .state.blue { background: #2F6ED5; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .l-area .state.red { background: #e92023; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .r-area { float: right; width: 70%; font-size: 1.1rem; text-align: right; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .r-area .product-number-wrap { margin-bottom: 5px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .r-area .product-number-wrap>div { display: inline-block; color: #666; font-weight: 300; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .r-area .product-number-wrap>div.catalog-numb { margin-left: 5px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .r-area .option-wrap .option, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .r-area .option-wrap .count { color: #666; font-weight: 300; display: inline-block; margin-right: 5px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .r-area .option-wrap .price { font-weight: 600; display: inline-block; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .state-area { font-size: 1.1rem; float: left; width: 100%; overflow: hidden; margin-bottom: 3px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .state-area .state { float: left; color: #E92023; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .state-area .date { float: right; font-weight: 300; color: #999; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .credit-info { padding: 10px; overflow: hidden; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .credit-info .state { display: inline-block; font-size: 1rem; padding: 0 5px; color: #fff; border-radius: 3px; font-weight: 300; letter-spacing: -0.5px; height: 20px; line-height: 20px; float: left; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .credit-info .state.red { background: #e92023; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .credit-info .price { float: right; font-weight: bold; font-size: 1.3rem; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .credit-info .price .date { font-weight: 300; font-size: 1.1rem; margin-right: 5px; color: #666; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .select-btn { display: block; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; height: 40px; text-align: center; color: #fff; font-size: 1.4rem; line-height: 40px; margin-left: 0; background: #2f6ed5; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .payment-btn { height: 30px; display: block; line-height: 30px; font-size: 1.2rem; text-align: center; background: #2F6ED5; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: #2F6ED5; color: #fff; } /* 결제 */ #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-box { background: #fff; border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1); margin-bottom: 10px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-box .header { background: #f8f8f8; border-bottom: 1px solid #eee; padding: 13px 10px; padding-right: 25px; overflow: hidden; position: relative; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table>.header { font-weight: bold; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info { padding: 10px; box-shadow: 0 2px 1px 0px rgba(0,0,0,0.05) inset; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row { overflow: hidden; margin-bottom: 5px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .head { float: left; color: #666; font-size: 1.2rem; font-weight: 500; position: relative; padding-left: 8px; letter-spacing: -0.5px; width: 100px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 7px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .cont { float: right; font-size: 1.2rem; color: #333; width: calc(100% - 105px); text-align: right; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .cont .pay-ment-btn { height: 22px; line-height: 20px; font-size: 1.1rem; display: inline-block; padding: 0 8px; margin-left: 5px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info { float: left; width: 100%; background: #f8f8f8; padding: 5px 10px; border-radius: 3px; margin-top: 5px; border: 1px solid #eee; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info .row:last-child { margin-bottom: 0; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info .row .head { padding-left: 0; font-size: 1.1rem; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info .row .head:before { display: none; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info .row .head .coupon-numb { font-weight: 300; letter-spacing: 0; margin-left: 3px; color: #666; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info .row .cont { font-size: 1.1rem; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .total-price { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #eee; overflow: hidden; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .total-price .head { float: left; color: #666; font-size: 1.3rem; font-weight: 500; position: relative; padding-left: 8px; letter-spacing: -0.5px; width: 100px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .total-price .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 8px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .total-price .cont { float: right; font-size: 1.3rem; color: #333; width: calc(100% - 105px); text-align: right; font-weight: 800; color: #2F6ED5; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .total-price.postpay .cont { color: #e92023; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .point-info { font-size: 1.1rem; color: #666; margin-top: 5px; overflow: hidden; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .point-info .head { float: left; position: relative; padding-left: 8px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .point-info .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 7px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .point-info .cont { float: right; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap { margin-top: 10px; border: 1px solid #eee; background: #fff; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1); border-radius: 3px; min-height: 57px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .info-title { margin-bottom: 0; display: inline-block; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .basic-info { height: 55px; line-height: 55px; border-bottom: 1px solid #eee; padding: 0 15px; padding-right: 75px; display: block; position: relative; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .basic-info .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_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .basic-info .on-off-btn:hover { color: #888 } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .basic-info .on-off-btn i { font-size: 1.5rem; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .basic-info .on-off-btn i.fa-angle-up, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .basic-info .on-off-btn i.fa-angle-down { display: none; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .basic-info .on-off-btn i.fa-angle-up { display: inline-block; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .basic-info .method { font-size: 1.7rem; font-weight: 800; color: #2f6ed5; overflow: hidden; float: right; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info { padding: 15px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .pay-notice-wrap {padding-bottom:10px; border-bottom: 1px solid #eee; margin-bottom: 10px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info p.pay-notice {font-size: 1.2rem; font-weight: 400; color: #2f6ed5; display:inline-block; margin-right:5px } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-select-area p.pay-error-notice {padding: 7px 0; color: #e92023;font-size: 1.2rem} #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-select-area p.pay-error-notice i, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info p.pay-notice i {margin-right: 5px} #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .pay-support {font-weight: 400; font-size: 1.1rem; padding: 2px 10px; color: #fff; background: #2f6ed5; transition: opacity .3s ease; display: inline-block; position: relative; top: -1px} #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .pay-support:hover {opacity: 0.8} #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-select-area .method-list li { display: inline-block; margin-right: 10px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .detail-method-select { padding-top: 15px; padding-bottom: 5px; border-top: 1px dashed #eee; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .detail-method-select>ul { overflow: hidden; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .detail-method-select>ul li { width: 32%; float: left; margin-right: 2%; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .detail-method-select>ul li:nth-child(3n) { margin-right: 0; } @media all and (min-width: 600px ) { #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .detail-method-select>ul li { width: 150px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .detail-method-select>ul li:nth-child(3n) { margin-right: 2%; } } @media all and (max-width: 550px) { #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info p.pay-notice {margin-right: 0; display: block; padding-bottom: 5px} #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .pay-support {width: 100%; display: block; text-align: center; padding: 5px 10px; position: static; top: auto} } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .detail-method-select>ul li a { display: block; border: 1px solid #eee; padding: 30px 12px; border-radius: 3px; background: #fff; text-align: center; transition: background .25s ease; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .detail-method-select>ul li a:hover { background: #F3F7FF; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .detail-method-select>ul li.select { border: 3px solid #9FC3FF; background: #9FC3FF; border-radius: 4px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .detail-method-select>ul li.select a { border-color: #498EFE; padding: 27px 9px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>ul li.select a {padding: 20px 9px} #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .detail-method-select>ul li a img { width: 100%; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>ul li { height: 120px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li.select, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>ul li.select { height: 114px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li a, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>ul li a { padding-bottom: 25px; height: 114px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li.select a, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>ul li.select a { height: 108px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li a img, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>ul li a img { width: 41px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li a .title, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>ul li a .title { display: block; margin-top: 8px; line-height: 14px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li.select a .title, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>ul li.select a .title { color: #2F6ED5; font-weight: bold; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-03 .detail-method-select>ul li a img { width: 60%; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li.bank-transfer a { padding: 19px 12px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .notice { display: block; margin-top: 5px; font-size: 1.1rem; color: #2f6ed5; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .notice i { margin-right: 3px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .selectbox { width: 100%; margin-top: 5px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .selectbox label { width: calc(100% - 30px); } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .save-option { padding: 15px; border-top: 1px solid #eee; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .save-option label { font-size: 1.4rem; font-weight: bold; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap { border-top: 1px solid #eee; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .all-agreement { padding: 15px 15px; position: relative; height: 47px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .all-agreement label { font-size: 1.4rem; font-weight: bold; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .all-agreement .on-off-btn { position: absolute; height: 47px; width: 55px; top: 0; right: 0; text-align: center; background: #f6f7fb; color: #AFAFAF; line-height: 47px; transition: color .25s ease; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .all-agreement .on-off-btn:hover { color: #888 } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .all-agreement .on-off-btn i { font-size: 1.5rem; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .all-agreement .on-off-btn i.fa-angle-up, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .all-agreement .on-off-btn i.fa-angle-down { display: none; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .all-agreement .on-off-btn i.fa-angle-up { display: inline-block; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .notice { padding: 10px 15px; border-top: 1px solid #eee; background: #f8f8f8; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .detail-content { padding: 0 15px; background: #f8f8f8; padding-bottom: 15px; display: none; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .detail-content.on { display: block; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .detail-content>div { border: 1px solid #ddd; border-radius: 3px; padding: 10px; white-space: pre-wrap; height: 150px; overflow: hidden; overflow-y: auto; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .agreement-wrap .detail-content>div.product-info { margin-top: 10px; } #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .buy-btn { background: #2f6ed5; color: #fff; display: block; text-align: center; line-height: 50px; font-size: 1.6rem; font-weight: 500; text-shadow: 0 0 2px rgba(0,0,0,0.1); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; letter-spacing: -0.5px; } /* 팝업 레이어 */ .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 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 .content-area .content .cont-background {background: #f3f9fd;padding: 7px 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; } @media all and (max-width: 500px ) { .inventory-pop-up-layer .pop-up { width: calc(100% - 40px); ; height: calc(100% - 200px); } .inventory-pop-up-layer .pop-up .content-area { padding-bottom: 100px; } .inventory-pop-up-layer .pop-up .content-area .content br {display: none} .inventory-pop-up-layer .pop-up .btn-wrap { padding-bottom: 20px; } }