.custom--pop--wrapper{ position: fixed; top:0px; left:0px; width:100%; height:100%; background: rgba(0,0,0,.3); z-index: 10; display: flex; align-items: center; justify-content: center; } .custom--pop--wrapper .custom--pop--wrapper--inner{ display: flex; flex-direction: column; background: #fff; position: relative; z-index: 1; /*padding:27px 20px 25px 20px;*/ border-radius:30px; } .custom--pop--wrapper .custom--pop--wrapper--inner .close--btn{ width:30px; height:30px; background: url(/manage/img/x.svg) no-repeat center; position: absolute; top:13px; right:13px; z-index: 9; border:0px; } .custom--pop--wrapper .custom--pop--wrapper--inner .pop--content{ display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom:25px; } .custom--pop--wrapper .custom--pop--wrapper--inner .pop--content > h2{ font-weight: 700; font-size: 18px; line-height: 100%; text-align: center; letter-spacing: -0.03em; color: #000000; margin-top:30px; } .custom--pop--wrapper .custom--pop--wrapper--inner .pop--content > p{ font-weight: 400; font-size: 16px; line-height: 30px; text-align: center; letter-spacing: -0.03em; color: #666666; margin-top:10px; } .custom--pop--wrapper .custom--pop--wrapper--inner .custom--pop--content{ padding-top:45px; } .custom--pop--wrapper .custom--pop--wrapper--inner .custom--pop--content > h2:before{ content:''; display: inline-block; width:60px; height:60px; border-radius: 60px; background: #E2E4F0 url(../img/pp_ic.svg) no-repeat center; margin-bottom:30px; } .custom--pop--wrapper .custom--pop--wrapper--inner .custom--pop--content > h2{ font-weight: 500; font-size: 18px; line-height: 1.5; text-align: center; letter-spacing: -0.03em; color: #000000; margin: 0px; padding: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:0 20px; } .custom--pop--wrapper .custom--pop--wrapper--inner .btn--wrap{ width:100%; display: flex; padding: 20px 45px 50px 50px; border-top: 0px; } .custom--pop--wrapper .custom--pop--wrapper--inner .btn--wrap button{ width:100%; height: 50px; /*background: #0D6FFC;*/ font-weight: 400; font-size: 14px; text-align: center; letter-spacing: -0.02em; color: #FFFFFF; border:0px; } .custom--pop--wrapper .custom--pop--wrapper--inner .pop--content.price--contents > p, .custom--pop--wrapper .custom--pop--wrapper--inner .pop--content.price--contents > h2{ text-align: left!important; width:100%; justify-content:flex-start; } /*.custom--pop--wrapper .custom--pop--wrapper--inner .price--btn--wrap button:nth-of-type(1){background: #CBD8E0;} .custom--pop--wrapper .custom--pop--wrapper--inner .price--btn--wrap button:nth-of-type(2){ margin-left:15px; }*/ .custom--pop--wrapper .custom--pop--wrapper--inner .pop--content .price--wrap{ width:100%; height:48px; border:1px solid #EDEDED; border-radius:3px; display:flex; align-items: center; justify-content:flex-start; overflow:hidden; margin-top:40px; } .custom--pop--wrapper .custom--pop--wrapper--inner .pop--content .price--wrap input{ border:0px; height:48px; width:100%; text-align:right; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 100%; color: #5D676F; } .custom--pop--wrapper .custom--pop--wrapper--inner .pop--content .price--wrap label{ white-space:nowrap; padding-right:20px; padding-left:6px; font-weight: 400; font-size: 13px; line-height: 100%; text-align: right; color: #5D676F; }