@charset "utf-8";
/* 주문 및 결제 */
.mobile-user-menu-wrap { background: transparent; height: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap { overflow: hidden; padding: 10px 0 100px 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form {  margin: 0 auto; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .info-title { font-size: 1.4rem; font-weight: 700; display: block; margin-bottom: 10px; letter-spacing: -0.5px; }


/* 제품목록 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .shopping-list-toggle { display: block; border: 1px solid #e5e5e5; background: #fff; border-radius: 4px; padding: 12px 15px; padding-right: 25px; position: relative; transition: box-shadow 0.25s ease,background .25s ease, color .25s ease,border-color .25s ease; font-size: 1.3rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .shopping-list-toggle i { color: #afafaf; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .shopping-list-toggle i.fa-angle-down,
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .shopping-list-toggle i.fa-angle-up { width: 10px; height: 10px; text-align: center; display: block; position: absolute; right: 20px; top: 50%; margin-top: -5px; font-size: 1.5rem; line-height: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .shopping-list-toggle i.fa-angle-up { display: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .shopping-list-toggle .product-name { padding-right: 20px; display: block; width: 100%; word-break: break-all;  }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap { display: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list #shopping_list_toggle:checked ~ .shopping-list-toggle i { color: #fff; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list #shopping_list_toggle:checked ~ .shopping-list-toggle { box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1); border-color: #2F6ED7; background: #2F6ED7; color: #fff; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list #shopping_list_toggle:checked ~ .shopping-list-toggle i.fa-angle-down { display: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list #shopping_list_toggle:checked ~ .shopping-list-toggle i.fa-angle-up { display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list #shopping_list_toggle:checked ~ .product-list-wrap { display: block; margin-top: 5px; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap { position: relative; padding-bottom: 20px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box { background: #fff; border-radius: 3px; margin-top: 5px; padding: 15px; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1); border: 1px solid #eee; position: relative; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap:after { width: 100%; height: 1px; position: absolute; content: ''; border-bottom: 1px dashed #DFDFDF; bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .close-btn { position: absolute; top: 10px; right: 10px; color: #999; width: 12px; height: 12px; z-index: 2; opacity: 0.5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .close-btn img { width: 100%; height: 100%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .custom-check-label { position: absolute; left: 0; top: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .custom-check-label:before { margin-top: 0; top: 10px; left: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box:first-child { margin-top: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .img-area { float: left; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .img-box { border: 1px solid #eee; background: #fff; position: relative; overflow: hidden; height: 80px; width: 80px; cursor: pointer; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .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_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .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_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .txt-area { padding-left: 90px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .txt-area .txt-box { overflow: hidden; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info { overflow: hidden; padding-bottom: 5px; margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .img-area .company-logo { width: 80px; height: 30px; border: 1px solid #eee; position: relative; overflow: hidden; display: block; margin-top: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .img-area .company-logo .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_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .img-area .company-logo .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%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .product-property { display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .product-property .product-name { font-size: 1.8rem; font-weight: 700; color: #2f6ed5; display: block; word-break: break-all; padding-right: 30px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .product-property .product-name:hover { text-decoration: underline; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .product-property .option { color: #999; font-size: 1.2rem; display: block; margin-top: 3px; cursor: default; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .detail-price { margin-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .detail-price .row { overflow: hidden; margin-bottom: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .detail-price .row .head { float: left; color: #666; font-size: 1.2rem; font-weight: 500; position: relative; padding-left: 8px; letter-spacing: -0.5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .detail-price .row .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .detail-price .row .cont { float: right; font-size: 1.3rem; font-weight: 800; color: #333; max-width: 70%; text-align: right; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .detail-price .row .cont .unit { font-size: 1.3rem; font-weight: 500; color: #666; margin-left: 2px; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .shopping-list>.btn-wrap { margin-top: 20px; height: 36px; }
#ebric_mobile_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_mobile_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_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap { margin-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-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; margin: 30px 0;}

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info { border: 1px solid #eee; background: #fff; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1); border-radius: 3px; position: relative; min-height: 57px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .info-title { margin-bottom: 0; display: inline-block; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .basic-info { height: 55px; line-height: 55px; border-bottom: 1px solid #eee; padding: 0 15px; padding-right: 75px; display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price { padding: 30px; padding-bottom: 0; overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .detail-info { border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
#ebric_mobile_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_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .discount-list { float: right; width: 50%; padding-left: 30px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .row { overflow: hidden; margin-bottom: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-price .row:last-child { padding-bottom: 30px; }
#ebric_mobile_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_mobile_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_mobile_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_mobile_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_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-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 .price-info-wrap .total-price-info .on-off-btn:hover { color: #888 }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .on-off-btn i { font-size: 1.5rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .on-off-btn i.fa-angle-up,
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .on-off-btn i.fa-angle-down { display: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .on-off-btn i.fa-angle-up { display: inline-block; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .total-price { font-size: 1.7rem; font-weight: 800; color: #2f6ed5; overflow: hidden; float: right; }
#ebric_mobile_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_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .total-price .unit:first-child { font-weight: 500; color: #2f6ed5; }
#ebric_mobile_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_mobile_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_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .total-price .cont { float: right; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-info { display: none; padding: 15px 20px; box-shadow: 0 2px 1px 0px rgba(0,0,0,0.05) inset; background: #fafafa; }
    #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-info .detail-tit { font-size: 1.4rem; font-weight: 600; padding-bottom: 10px;}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info.on .detail-info { display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-info .row { overflow: hidden; margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-info .row .head { float: left; color: #666; font-size: 1.3rem; font-weight: 500; position: relative; padding-left: 8px; letter-spacing: -0.5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-info .row .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 8px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-info .row .cont { float: right; font-size: 1.3rem; font-weight: 800; color: #333; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .detail-info .row .cont .unit { font-size: 1.3rem; font-weight: 500; color: #666; margin-left: 2px; }

/* 주문자 정보 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .buyer-info { border: 1px solid #eee; margin-top: 10px; margin-bottom: 10px; padding: 15px; background: #fff; border-radius: 3px; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1); }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .buyer-info .name { display: block; margin-bottom: 3px; font-weight: bold; font-size: 1.4rem; line-height: 25px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .buyer-info .cont { display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .buyer-info .cont .buyer-info-cont-wrap { margin-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .buyer-info .cont input[type=text] { width: 100%; height: 35px; border-style: none; padding: 0 10px; font-weight: 300; border: 1px solid #e5e5e5; border-radius: 2px; display: inline-block; vertical-align: top; transition: border-color 0.25s ease; font-size: 1.3rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .buyer-info .cont input[type=text]:active,
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .buyer-info .cont input[type=text]:focus { border-color: #80B0FF; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .buyer-info .cont .save-public-info { margin-top: 5px; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .discount-info { margin-top: 1px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .discount-info .discount-category {  border: 1px solid #eee;  margin-bottom: 10px; padding: 15px; background: #fff; border-radius: 3px; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1); }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .discount-info .discount-category .head { font-size: 1.3rem; font-weight: 500; position: relative; padding-left: 10px; line-height: 30px; letter-spacing: -0.5px; float: left; width: 100px; color: #666; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .discount-info .discount-category .cont { display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .discount-info .discount-category .cont input[type=text] { width: calc(100% - 85px); height: 35px; border-style: none; padding: 0 10px; font-weight: 300; border: 1px solid #e5e5e5; border-radius: 2px; display: inline-block; vertical-align: top; transition: border-color 0.25s ease; font-size: 1.3rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .discount-info .discount-category .cont input[type=text]:active,
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .discount-info .discount-category .cont input[type=text]:focus { border-color: #80B0FF; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .discount-info .discount-category .cont .wh-btn { height: 35px; line-height: 33px; font-size: 1.2rem; width: 80px; padding: 0; float: right; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .discount-info .discount-category .cont .hold-amount { display: block; color: #666; margin-top: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .discount-info .discount-category .cont .hold-amount .my-hold { font-weight: 700; color: #333; text-decoration: underline; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap { margin-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info { border: 1px solid #eee; background: #fff; border-radius: 3px; box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1); padding: 15px; font-size: 1.4rem; position: relative; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .name { display: block; margin-bottom: 3px; font-weight: bold; font-size: 1.4rem; line-height: 25px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .address-01,
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .address-02 { display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .phone { color: #999; margin-top: 5px; display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .modify-btn { position: absolute; right: 15px; top: 15px; margin-top: 0; margin-left: 0; height: 23px; min-width: 40px; line-height: 23px; }


#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-type-select ul { overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-type-select li { float: left; width: 33.3%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-type-select li a { display: block; text-align: center; line-height: 35px; border: 1px solid #e5e5e5; background: #f8f8f8; font-size: 1.3rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-type-select li.select a { background: #2F6ED5; color: #fff; border-color: #2F6ED5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-type-select li:first-child a { border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-type-select li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-modify-btn-wrap { margin-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-modify-btn-wrap ul { overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-modify-btn-wrap li { float: left; width: 50%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-modify-btn-wrap li a { display: block; text-align: center; line-height: 35px; height: 40px; border: 1px solid #e5e5e5; font-size: 1.3rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-modify-btn-wrap li.select a { background: #2F6ED5; color: #fff; border-color: #2F6ED5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-modify-btn-wrap li:first-child a { border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-modify-btn-wrap li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list { max-height: 390px; overflow: auto; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li { margin-top: 10px; cursor: pointer; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li.select { border: 3px solid #9FC3FF; border-radius: 3px; background: #9FC3FF; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li .delivery-info-table { border: 1px solid #eee; background: #fff; border-radius: 3px; padding: 15px; font-size: 1.4rem; position: relative; transition: background .25s ease; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li .delivery-info-table:hover { background: #F3F7FF; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li.select .delivery-info-table { border-color: #498EFE; padding: 12px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li .delivery-info-table .name { display: block; margin-bottom: 3px; font-weight: bold; font-size: 1.4rem; line-height: 25px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li .delivery-info-table .address-01,
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li .delivery-info-table .address-02 { display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li .delivery-info-table .phone { color: #999; margin-top: 5px; display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li .delivery-info-table .btn-wrap { position: absolute; right: 15px; top: 15px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li .delivery-info-table .modify-btn { margin-top: 0; margin-left: 0; height: 23px; min-width: 40px; line-height: 23px; font-size: 1.2rem; position: relative; top: 0; right: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-info-select .delivery-list ul li .delivery-info-table .del-btn { height: 23px; min-width: 40px; line-height: 21px; font-size: 1.2rem; padding: 0 10px; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-register { margin-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-register .row { margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-register input[type=text] { height: 35px; vertical-align: top; padding: 0 10px; width: 100%; font-size: 1.3rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-register .normal-btn { height: 35px; line-height: 33px; float: right; width: 75px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-register .search input[type=text] { width: calc(100% - 80px); }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .delivery-info-wrap .delivery-info .delivery-register .payment-info-table { margin-top: 10px; }


#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 .point-info-wrap { background: linear-gradient(59deg, #2f6ed5, #7611a9); padding:8px; color:#fff; border-radius: 5px; text-align: center; font-size:1.1rem}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .point-info-wrap img { width: 19px; margin-right: 5px;position: relative; top: -1px;}
#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; margin-top:10px }
#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; }
.ie-alert { padding: 5px 8px; border: 1px solid #2f6ed5; background-color: #2f6ed5; border-radius: 3px; color: #FFF; margin-top: 6px;}

@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 .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: 10px; color: #fff; background: #2f6ed5; transition: opacity .3s ease; display: inline-block; position: relative; }
#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 .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 .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 { height: 120px; width: 49%; position:relative }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li .point-plus-label {position: absolute; top:0; left:0; display:inline-block; padding:3px 10px 3px 7px; font-size:1.2rem; background: linear-gradient(59deg, #2f6ed5, #7611a9);; color:#fff; border-bottom-right-radius:8px;}

@media(max-width:580px) {
    #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li .point-plus-label {font-size:1rem}
}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li:nth-child(3n) { margin-right: 2%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .detail-method-select>ul li:nth-child(2n) { margin-right: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-02 .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 { 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 { 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 { 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 { 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 { 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:nth-child(4) a img { width: 40px; }
#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 .payment-info-wrap .detail-info .method-04 .detail-method-select>.affiliation-info i { margin-right: 5px; color: #2f6ed5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>.affiliation-info p { display: inline-block; font-size: 1.3rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>.affiliation-info .bk-btn { display: inline-block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>.affiliation-info .my-affiliation { border-top: 1px solid #e5e5e5; padding-top: 10px; margin-top: 10px; font-size: 1.3rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>.affiliation-info .notice { margin-top: 15px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>.affiliation-info .notice i { font-size: 1rem; line-height: 1.2rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>.affiliation-info .notice p { font-size: 1.2rem; letter-spacing: -0.5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>.affiliation-info .notice p.imp { text-decoration: underline; margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>.approvals { margin-top: 15px; border: 1px solid #eee; padding: 15px; border-radius: 4px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>.approvals ul li { display: inline-block; margin-right: 15px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select>.approvals ul li label { color: #222; }
#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 .notice p.error { color: red; }

#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 .detail-info .method-04 .detail-method-select .affiliation-type-select ul { overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-type-select li { float: left; width: 50%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-type-select li a { display: block; text-align: center; line-height: 35px; border: 1px solid #e5e5e5; background: #f8f8f8; font-size: 1.3rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-type-select li.select a { background: #2F6ED5; color: #fff; border-color: #2F6ED5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-type-select li:first-child a { border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-type-select li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list { max-height: 390px; overflow: auto; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list .no-result { text-align: center; color: #ADADAD; font-size: 1.3rem; padding: 70px 0; font-weight: 500; cursor: auto; border: 1px solid #e5e5e5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li { margin-top: 10px; cursor: pointer; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li.select { border: 3px solid #9FC3FF; border-radius: 3px; background: #9FC3FF; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li .affiliation-info-table { border: 1px solid #eee; background: #fff; border-radius: 3px; padding: 15px; font-size: 1.4rem; position: relative; transition: background .25s ease; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li .affiliation-info-table:hover { background: #F3F7FF; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li.select .affiliation-info-table { border-color: #498EFE; padding: 12px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li .affiliation-info-table .name { display: block; font-weight: bold; font-size: 1.4rem; line-height: 25px; padding-right: 95px; word-break: break-all; line-height: 16px; margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li .affiliation-info-table .manager,
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li .affiliation-info-table .email { display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li .affiliation-info-table .phone { color: #999; margin-top: 5px; display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li .affiliation-info-table .btn-wrap { position: absolute; right: 15px; top: 15px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li .affiliation-info-table .modify-btn { margin-top: 0; margin-left: 0; height: 23px; min-width: 40px; line-height: 23px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-list ul li .affiliation-info-table .del-btn { height: 23px; min-width: 40px; line-height: 21px; font-size: 1.2rem; padding: 0 10px; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register { margin-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register .table-title { font-size: 1.3rem; font-weight: bold; letter-spacing: -0.5px; color: #666; margin-bottom: 5px; display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register .row { margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register .row.phone input[type=text] { width: 49%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register .row.phone .phone-check-btn { float: right; height: 35px; line-height: 33px; width: 49%; font-size: 1.4rem; border: 1px solid #2f6ed5; color: #2f6ed5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register .row .comment { display: none; padding-left: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register .row .comment.error { color : #FF2629; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register .row .comment.complete { color: #0AC548; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register .row .time-out { color: red; font-weight: 400; font-size: 1.2rem; line-height: 32px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register input[type=text] { height: 35px; vertical-align: top; padding: 0 10px; width: 100%; font-size: 1.3rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register .normal-btn { height: 35px; line-height: 33px; float: right; width: 75px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register .search input[type=text] { width: calc(100% - 80px); }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .payment-info-wrap .detail-info .method-04 .detail-method-select .affiliation-register .payment-info-table { margin-top: 10px; }
/*파일인풋*/
.file-input { display: inline-block; text-align: left; width: 100%; position: relative; padding-left: 10px; color: #3a3a3a; font-size: 1.3rem; line-height: 33px; vertical-align: middle; background-color: #fff; cursor: pointer; border: 1px solid #dcdcdc; letter-spacing: -0.5px; height: 36px; border-radius: 3px;}
.file-input > [type='file'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; cursor: pointer; padding-right: 65px; }
.file-input > .label { color: #333; white-space: nowrap; opacity: .5; vertical-align: top; padding-right: 65px; }
.file-input > .button { position: absolute; top: 2px; right: 2px; font-size: 1.1rem; background: #f8f8f8; display: inline-block; height: 30px; border: 1px solid #dcdcdc; line-height: 28px; padding: 0 10px; border-radius: 2px; z-index: 1; }
.file-input.-chosen > .label { opacity: 1; }
.file-input .input-ico { position: absolute; left: 20px; top: 22px; }


#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 .order-form .complete-title { font-size: 1.7rem; font-weight: 600; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege { margin-bottom: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box { background: #fff; padding: 50px 20px; border: 1px solid #eee; text-align: center; border-radius: 3px; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1); }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box .check { background: #2f6ed5; width: 35px; height: 35px; border-radius: 50%; display: inline-block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box .fail { background: #D52E2E; width: 35px; height: 35px; border-radius: 50%; display: inline-block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box .check i { color: #fff; font-size: 1.5rem; line-height: 35px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box .fail i { color: #fff; font-size: 1.5rem; line-height: 33px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box h3 { font-size: 2rem; margin-top: 20px; margin-bottom: 5px; font-weight: 700; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box h3 .fail-imp { color: #D52E2E; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .complete-messege .messege-box p { font-size: 1.3rem; font-weight: 300; }
#ebric_mobile_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_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .order-comp-list { background: #fff; padding: 5px 15px; border: 1px solid #eee; border-radius: 3px; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1); }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .order-comp-list .order-comp-list-table { width: 100%; font-size: 1.2rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .order-comp-list .order-comp-list-table tbody tr { border-bottom: 1px solid #eee; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .order-comp-list .order-comp-list-table tbody tr:last-child { border-bottom: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .order-comp-list .order-comp-list-table tbody tr th { width: 70px; font-weight: bold; color: #999; padding: 10px 0; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form>.btn-wrap { margin-top: 30px; }
#ebric_mobile_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%; margin-right: 1.5%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form>.btn-wrap a.check-order-btn { margin-right: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form>.btn-wrap a.check-order-list-btn { width: 100%; border: none; }

/* 후결제 주문정보 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .order-info-wrap { margin-top: 20px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .order-info-box { background: #fff; padding: 5px 15px; border: 1px solid #eee; border-radius: 3px; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1); }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .order-info-box .order-comp-list-table { width: 100%; font-size: 1.2rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .order-info-box .order-comp-list-table tbody tr { border-bottom: 1px solid #eee; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .order-info-box .order-comp-list-table tbody tr:last-child { border-bottom: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .order-info-box .order-comp-list-table tbody tr th { width: 70px; font-weight: bold; color: #999; padding: 10px 0; }

/* 후결제 약관동의 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .credit-agremment-info-wrap { margin-top: 20px; }
#ebric_mobile_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_mobile_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_mobile_wrap #main-content-wrap .sub-view-wrap .credit-agremment-info-wrap .check-box-wrap label { font-size: 1.4rem; }

/* 결제정보 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info { background: #fff; padding: 5px 15px; border: 1px solid #eee; border-radius: 3px; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1); margin-bottom: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table { width: 100%; font-size: 1.2rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table table { width: 100%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table tbody tr { border-bottom: 1px solid #eee; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table tbody tr:last-child { border-bottom: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table tbody tr th { width: 70px; font-weight: bold; color: #999; padding: 10px 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table tbody tr td { padding: 10px 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table tbody tr td .price { font-weight: bold; color: #2F6ED5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table tbody tr td .method { color: #666; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table tbody tr td .bank-account { font-weight: bold; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-form .credit-info .credit-info-table tbody tr td .alert-comment { color: red; font-weight: bold; }

/* 전화로 카드결제하기 */
.pop-up-layer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 100; 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; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .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%; background: #fff; }
.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: 45px; margin-bottom: 5px; border-radius: 3px; line-height: 43px; font-size: 1.45rem; text-align: center; background: #F5F7F9; letter-spacing: -0.5px; transition: background .2s ease,  color .2s ease, border-color .2s ease; float: left; width: 48.5%; color: #777; }
.pop-up-layer .pop-up .btn-wrap a.buy-btn { margin-right: 0; background: #2f6ed5; color: #fff; border-color: #2f6ed5; float: right; }
.pop-up-layer .pop-up .btn-wrap a.buy-btn:hover { background: #1E5CC3; }

@media all and (max-width: 500px )
{
	.pop-up-layer .pop-up { width: calc(100% - 40px); left: 20px; margin-left: 0; height: calc(100% - 80px); margin-top: 0; top: 40px; }
	.pop-up-layer .pop-up .content-area { padding-bottom: 100px; }
	.pop-up-layer .pop-up .btn-wrap { padding-bottom: 20px; }
}

/* 국내 재고 여부 확인 팝업*/
.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; }
}