/** /
.pw_wrap{text-align: center; margin-top:100px;}
.pw_wrap p{font-size: 17px; color: #333;}
.pw_wrap .dot{background-color:#E5E5E5; border-radius: 50%; width: 25px; height: 25px; display: inline-block; margin: 28px 8px;}

/* ºñ¹Ð¹øÈ£ ÀԷ½à »öº¯°æ * /
.pw_wrap .dot.active{background-color: #00C73C;}

button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
.wrap{margin: 0 auto; min-width: 360px; box-sizing: border-box; word-break: keep-all;font-family: 'pretendard';  font-weight: 500; width: 100vw;  height: 100vh;  overflow-y:scroll; background-color: #fff;}
#spPayAgree .header{text-align: center; position: relative; padding: 20px 0; font-size: 17px; border-bottom: 1px solid #C1C1C1;}
#spPayAgree .header p{vertical-align: middle;}
.close_btn{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: inline-block; background: url(/_template/service/images/cash/simplepay/close.png)no-repeat center/30px auto; width: 40px; height: 40px; line-height: 50px; vertical-align: middle;}
.container{margin: 24px 16px; }

/* ----------------- 02 Ä«µåµî·ÏÇϱâ ------------------------------------------- * /

.section02{border: 1px solid #555; border-radius: 15px;}
.section02 .section02_h{background-color: #555; border-radius: 12px 12px 0 0; font-size: 16px; color:#fff; padding: 15px 0; text-align: center; vertical-align: middle;}
.section02_h span{background: url(/_template/service/images/cash/simplepay/card.png)no-repeat center/25px auto; display: inline-block; width: 40px; height:20px; vertical-align: middle; }
.content02_h{font-size: 15.5px; text-align: center; color: #222; margin-top: 25px;}
.content02{position: relative; padding-left: 8%; padding-right: 16px; letter-spacing: -.7px; font-size: 13px; font-weight: 400; margin: 20px 0; line-height: 16px; color:#505050;}
.content02 p{margin-bottom: 10px;}
.content02 span{color: #222; font-weight: 500;}
.check{background: url(/_template/service/images/cash/simplepay/check.png)no-repeat center /10px auto; width: 15px; height: 15px; display: inline-block; position: absolute; left: 3%; padding-top: 4px;}

.agree_btn{text-align: center;}
.agree_btn input[type="checkbox"]{display: none;}
.agree_btn input[type="checkbox"] + label{vertical-align: middle; font-size: 13px; color: #888; font-weight: 400;}
.agree_btn input[type="checkbox"] + label::before{content: ""; background-color: #fff; border: 1px solid #bcbcbc; box-sizing: border-box; border-radius: 20px; width: 14px; height: 14px; display:inline-block;vertical-align: middle;line-height: 30px; cursor: pointer; margin-right: 5px;}
.agree_btn input[type="checkbox"]:checked + label::before{content: ""; background: url(/_template/service/images/cash/simplepay/check_gray.png)no-repeat center /14px auto; width: 14px; height: 14px; display:inline-block;vertical-align: middle; cursor: pointer; border: none;}

.card_register_btn{text-align: center; width: 80%; background-color: #555; border-radius: 10px; margin: 25px auto;}
.card_register_btn span{background: url(/_template/service/images/cash/simplepay/plus.png)no-repeat center/15px auto; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.card_register_btn button{padding: 15px 0; color: #fff;vertical-align: middle;}




/* ----------------- 03 Ä«µåÁ¤º¸ÀÔ·Â ------------------------------------------- */

/* 03 Ä«µåÁ¤º¸ÀÔ·Â * /
.section03 input{border: none; border-bottom: 1px solid #555;}
.section03_h{text-align: center; vertical-align: middle; color: #333; font-size: 15px;}
.section03_h span{background: url(/_template/service/images/cash/simplepay/card-1.png)no-repeat center/23px auto; display: inline-block; width: 40px; height:20px; vertical-align: middle; }
.card_info{margin: 25px 0; }
.card_info input::placeholder{font-size: 13px;}
.card_info label{display: block;}
    .input_wrap{ margin-bottom: 20px;}
    .input_wrap label{margin-bottom: 10px;}
    .card_number .cell{display: flex; align-items: center; gap: 4px; }
        .cell input::placeholder{text-align: center;}
        .cell .ip_card{width:20%; max-width: 120px;text-align:center;}
.card_date{display: flex; width: 100%; box-sizing: border-box;}
.card_date input{display: block; width: 50%;text-align:center;}
    .user_birth #userBirth{width: 150px;}
    .card_pw #cardPW {width: 150px;text-align:center;}

.register_btn{text-align: center; width: 55%; background-color: #DFDFDF; border-radius: 10px; margin: 25px auto;}
.register_btn button{padding: 12px 0; color: #fff; vertical-align: middle; font-size: 17px; font-weight: 600;} 

/* ÀԷ¿Ϸá½Ã µî·Ï¹öÆ° È°¼ºÈ­ * /
.register_btn.active{background-color: #00C73C;}


/* ·£´ý Å°ÆÐµå  */
.rd_keypad_wrap { position: fixed;left: 0; right: 0; bottom: 0;background-color: #00b637; z-index: 100;}
.rd_numberSection{display: grid; grid-template-columns:repeat(4, 1fr) ;}
.rd_numberSection button{height: 70px; color: #fff;}
.rd_numberSection .rd_number{font-size: 25px;}
.rd_delete_one img{width: 30px;height: auto; vertical-align: middle;}
.rd_delete_all{font-size: 13px;}.


/* ------------------- 05 °£Æí°áÁ¦Ã¢---------------------------------- * /

.head05{padding:16px 0;}
.head05 img{width: 61px;}
.section05{border: 1px solid #00C73C; border-radius: 15px;}
.section05_h{background-color: #00C73C; border-radius: 12px 12px 0 0; font-size: 16px; color:#fff; padding: 15px 0; text-align: center; vertical-align: middle;}
.content05{position: relative; padding: 0 16px; font-size: 14px; font-weight: 400; margin: 20px 0; color:#505050;}
.content05 .pay_info{display: flex; justify-content: space-between; font-size: 13px;margin: 15px 0; }
.content05 .pay_info p{font-size: 14px; color: rgb(66, 66, 66); font-weight: 500; letter-spacing: -.4px;}
.content05 .pay_line{ border-bottom: 1px solid #999;}
.content05 .pay_info .pay_price{font-size: 15px; font-weight: 600; color: #222;}
.content05 .pay_info span{font-size: 12.5px; color: rgb(122, 122, 122); font-weight: 400;}
.pay_other{display: flex; justify-content: space-around;}
.pay_other a{ border: 1px solid #999; width: 40%; padding: 10px 0; text-align: center; border-radius: 8px; font-size: 13px; color: #888; display: inline-block;}

.payment_btn{text-align: center; width: 40%; background-color: #00C73C; border-radius: 10px; margin:40px auto 25px auto;}
.payment_btn button{padding: 12px 0; color: #fff;vertical-align: middle; font-size: 16px; font-weight: 600;}




/* ------------------- 05_2 ÃæÀü±Ý¾× ¼±ÅÃâ---------------------------------- * /

.price_popup{background-color: rgb(0, 0, 0, .6); position: fixed; right: 0; left: 0; top: 0; bottom: 0; z-index: 500;}
    .price_wrap {width: 85%; margin: 0 auto; padding-top:100px;}
        .price_head{position: relative; text-align: center;}
        .price_head .price_h{font-size: 15px; background-color: #F4F4F4; border-radius:15px 15px 0 0 ;  padding: 20px 0; font-weight: 600;}
        .price_close_btn{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: inline-block; background: url(/_template/service/images/cash/simplepay/close_2.png)no-repeat center/15px auto; width: 20px; height:20px; line-height: 50px; vertical-align: middle;}
    .price_list{background-color: #fff; border-radius: 0 0 15px 15px; padding:0 15px 1px 15px;}
        .price_box{border-bottom: 1px solid #dddddd; padding: 10px 0;}
        .price_box span{display: inline-block;}
        .price_box .vat_color{font-size: 11px; color: rgb(161, 161, 161); font-weight: 400;}
        .price_box .color_grin{font-size: 12px; color: #00C73C;letter-spacing: -.3px; font-weight: 400;margin-left: 29px;}
        .price_box input[type="radio"]{display: none;}
        .price_box input[type="radio"] + label{vertical-align: middle; cursor: pointer; width: 100%;}
        .price_box input[type="radio"] + label::before{content: ""; background-color: #fff; border: 1px solid #bcbcbc; box-sizing: border-box; border-radius: 20px; width: 14px; height: 14px; display:inline-block;vertical-align: middle;line-height: 30px; cursor: pointer; margin: 0 5px; margin-top: 15px;}
        .price_box input[type="radio"]:checked + label::before{content: ""; background: url(/_template/service/images/cash/simplepay/check_grin.png)no-repeat center /14px auto; width: 14px; height: 14px; display:inline-block;vertical-align: middle; cursor: pointer; border: none;}
        
        .price_btn{text-align: center; width: 80%; background-color: #00C73C; border-radius: 8px; margin:20px auto;}
        .price_btn button{padding: 12px 0; color: #fff;vertical-align: middle; font-size: 16px; font-weight: 600;}




/* ------------------- 07 °áÁ¦¿Ï·á Æ˾÷â---------------------------------- * /

.comp_popup{background-color: rgb(0, 0, 0, .6); position: fixed; right: 0; left: 0; top: 0; bottom: 0; z-index: 500;min-width:360px; }
.comp_wrap {width: 85%; margin: 0 auto; margin-top:130px; background-color: #F4F4F4; border-radius:15px ; padding-bottom: 25px;}
.comp_h{font-size: 17px; padding: 20px 0; font-weight: 600; line-height: 22px; text-align: center;}
.comp_h span{display: block; color: #00C73C;}
.comp_list{background-color: #fff;padding:0 20px;}
.comp_list .comp_info{display: flex; justify-content: space-between; padding:18px 0; border-bottom: 1px solid #E1E1E1; font-size: 14px; color: #666;}
    .comp_info span{font-size: 15px; color: #222;}
    .comp_info:last-child{border: none;}
    .comp_info .price{color: #00C73C;}    
    .comp_info .price span{font-size: 12.5px; color: rgb(122, 122, 122); font-weight: 400;}
    .comp_info .bonus_point{color: #666;}

.comp_btn{text-align: center; width: 80%; background-color: #00C73C; border-radius: 8px; margin: 0 auto; margin-top: 25px;}
.comp_btn button{padding: 12px 0; color: #fff;vertical-align: middle; font-size: 17px; font-weight: 600;}



/* ------------------- ºñ¹Ð¹øÈ£ Å°ÆÐµå °øÅë css---------------------------------- */

/* ºñ¹Ð¹øÈ£ Å°ÆÐµå °øÅë css * /
.pw_wrap{text-align: center; margin-top:100px;}
.pw_wrap p{font-size: 17px; color: #333;}
.pw_wrap .dot{background-color:#E5E5E5; border-radius: 50%; width: 25px; height: 25px; display: inline-block; margin: 28px 8px;}

/* ºñ¹Ð¹øÈ£ ÀԷ½à »öº¯°æ * /
.pw_wrap .dot.active{background-color: #00C73C;}

/* Å°ÆÐµå  * /
.keypad_Wrap {position: fixed;left: 0; right: 0; bottom: 0;background-color: #00b637; z-index: 100;}
.numberSection{display: grid; grid-template-columns:repeat(3, 1fr) ;}
.numberSection button{height: 70px; color: #fff;}
.numberSection .number{font-size: 25px;}
.delete_one img{width: 30px;height: auto; vertical-align: middle;}
.delete_all{font-size: 13px;}


/* ºñ¹Ð¹øÈ£ Àç¼³Á¤ * /
.pw_re a{font-size: 12px; color: rgb(153, 153, 153); text-decoration: underline; text-underline-position:under; display: inline-block;}


/* ·Îµù½Ã È­¸é * /
.loading_wrap{display:none;background-color: rgba(255, 255, 255, .5 ); position: fixed; right: 0; left: 0; top: 0; bottom: 0; z-index: 1000;}
.spinner:before { content: ''; box-sizing: border-box;  position: absolute; top: 50%; left: 50%; width: 100px;  height: 100px; z-index: 2000;margin-top: -100px; margin-left: -50px; border-radius: 50%; border:4px solid rgba(99, 99, 99, 0.2); border-top: 4px solid rgb(109, 109, 109); animation: spinner 1s linear infinite;}
@keyframes spinner {to {transform: rotate(360deg);}}













/* new ======================================================================== */










/* ----------------- Ä«µå°áÁ¦ ±âº»¼³Á¤ ------------------------------------------- */

button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
.simplepay_wrap{margin: 0 auto; min-width: 360px; box-sizing: border-box; word-break: keep-all;font-family: 'pretendard';  font-weight: 400; width: 100vw; height: 100vh;  overflow-y:scroll; background-color: #fff;overflow-x: hidden;}
.simplepay_wrap .header{text-align: center; position: relative; padding: 20px 0; font-size: 17px; border-bottom: 1px solid #C1C1C1;}
.simplepay_wrap .header p{vertical-align: middle; font-weight: 500;}
.simplepay_wrap .header .close_btn{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: inline-block; background: url(/_template/service/images/cash/simplepay/close.png)no-repeat center/30px auto; width: 40px; height: 40px; line-height: 50px; vertical-align: middle;}
.simplepay_wrap .header .close_lay{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: inline-block; background: url(/_template/service/images/cash/simplepay/close.png)no-repeat center/30px auto; width: 40px; height: 40px; line-height: 50px; vertical-align: middle;}
.simplepay_wrap .container{padding: 24px 16px; position:relative;}
.card_popup_wrap{position: fixed;  word-break: keep-all; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; font-weight: 500;}
    .card_popup_bg{position: absolute; background: #000; opacity: .6; top: 0; left: 0; right: 0; bottom: 0;}
    .card_wrap {width: 100%; z-index: 10; position: absolute; bottom: 0; background-color: #fff;border-radius: 10px 10px 0 0 ; min-width: 360px; margin: 0 auto;}
        .card_head{position: relative; text-align: center;}
        .card_head .card_h{font-size: 16px; padding: 20px 0;}
        .card_close_btn{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: inline-block; background: url(/_template/service/images/cash/simplepay/close_2.png)no-repeat center/15px auto; width: 20px; height:20px; line-height: 50px; vertical-align: middle;}
.success_btn{ text-align: center; width: 100%; background-color: #00C73C; border-radius: 5px; margin-top: 20px;}
.success_btn button{padding: 12px 0; color: #fff;vertical-align: middle; font-size: 16px; font-weight: 600;}


/* ----------------- 02 Ä«µåµî·ÏÇϱâ ------------------------------------------- */
.section02{ background-color: #F5F5F5;}
/*.section02{ background-color: #F5F5F5; width: 100%; padding-bottom: 20%;}*/
li{list-style-type: none;}
.section02 .content02{ padding: 24px 16px;}
    .content02 img{width: 55px; vertical-align: middle;}
    .content02 .content02_h{vertical-align: middle; display: inline-block;}

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;} 
    .swiper-button-prev{background: url(/_template/service/images/cash/simplepay/left-arrow.png)no-repeat center; background-size: 50% auto;}
    .swiper-button-next{background: url(/_template/service/images/cash/simplepay/right-arrow.png)no-repeat center; background-size: 50% auto;}


.swiper-slide .card_box{display: inline-block; width: 87%; border-radius: 5px;box-sizing: border-box; height: 164px; max-width: 290px;;}
.swiper-slide .cardlist{width: 100%; text-align: center; margin: 15px auto 10px auto; background-color: #fff; padding: 20px 0px; border-radius: 10px;box-shadow: 3px 3px 5px #cacaca9c;  max-width: 330px;}
    .cardlist_box{background: url(/_template/service/images/cash/simplepay/card_box.png)no-repeat center; background-size: 100% auto; padding: 20px 15px; font-size: 13px;position: relative;color: #fff;}
    .cardlist_box .card_type{height: 20px; font-size: 15px;line-height: 20px;}
    .cardlist_box .card_type img{width: 100px; position: relative; top: -5px;}
    .cardlist_box .setting{display: inline-block; background: url(/_template/service/images/cash/simplepay/setting.png) no-repeat center; width: 20px; height: 20px; background-size: 20px;cursor:pointer;}
    .cardlist_box .serial_number{font-size: 15px; margin-top: 15px;}
    .cardlist_box ul{display: flex;}
    .cardlist_box ul li{ margin-right: 10px;} 
    .cardlist_box .flex-1{display: flex; justify-content: space-between; align-items: center;}
    .cardlist_box .card_name{position: absolute; bottom: 20px; left: 16px;}
    .cardlist_box .card_total{position: absolute; bottom: 20px; right: 16px;color: #ffffffb0;}
        .card_total span{ color: #fff; padding-left: 5px;}

.swiper-slide .card_add_wrap{width: 100%; text-align: center;margin: 45px 0 10px 0;}
.swiper-slide .card_add_box{border: 1px dashed #9C9C9C;font-size: 15px; /*font-size: 12px;*/ background-color: #fff; color: #666; }
.swiper-slide .card_add_box span{font-size: 55px; /*font-weight: 100;*/ color: #00C73C; display: inline-block; margin-bottom: 20px; padding-top: 20px;}
    .card_add_box .card_add{font-size: 15px; margin-bottom: 15px;color:#222;}
    .card_add_wrap>p{font-size: 13px; color: #888; margin-top: 30px; }

    /* select box */
    .dropdown{margin-top: 18px; text-align: left;}
    .dropdown .dropdown_box {position: relative; }
    .dropdown .dropdown_wrap a {background: url(/_template/service/images/cash/simplepay/down.png) center right 10px no-repeat; text-align: left; display: block; width: 87%; margin: 0 auto; box-sizing: border-box; border:1px solid #C4C4C4; color: #555; box-sizing: border-box; margin: 0 auto; background-size: 15px; font-size: 13px;}
    .dropdown .dropdown_wrap a span {cursor: pointer; display: block;padding:12px 10px;}      
    .dropdown .dropdown_box ul {display: none;  position: absolute; width: 87%; box-sizing: border-box; top: 0; left: 50%; transform: translateX(-50%); border: 1px solid #C4C4C4; box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.15); border-top: none;}
    .dropdown .dropdown_box ul li{font-size: 12px; box-sizing: border-box; width: 100%; border: none; background-color: #fff; cursor: pointer; text-align: left; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .dropdown .dropdown_box ul li a {width: 100%; padding: 15px 10px; box-sizing: border-box;display: block;color: #777;}
    .dropdown span.value {display: none;}

.content03{background-color: #fff; border-radius: 15px 15px 0 0; box-shadow: 0px -3px 3px #dddddd9c; }
/*.content03{background-color: #fff; border-radius: 15px 15px 0 0; box-shadow: 0px -3px 3px #dddddd9c; position: fixed; bottom: 0px; min-width: 360px; box-sizing: border-box; width: 100%;z-index: 20;}*/
		.content_bar{width: 100%; padding: 5px 0; position: absolute; left: 50%; transform: translateX(-50%); top: 4px;}
		.content_bar div{background-color: #e2e2e2; height: 3px; width: 20px; margin: 0 auto;}
    .price_info {font-size: 13px; display: flex;justify-content: space-between; padding-bottom: 20px;}
    .price_info_h{color: #999;}
    .price_payment{border-top: 1px solid #C2C2C2;font-size: 14px; display: flex; justify-content: space-between; padding-top: 20px;} 
    .payment_price{color: #00C73C; font-size: 20px;font-weight: 500;}
    .payment_price .vat{color: #999; font-weight: 300; font-size: 12px; }

    .payment_btn{text-align: center;background: #ccc; width: 40%; border-radius: 5px; margin:30px auto 25px auto;}
    .payment_btn button{padding: 8px 0; color: #fff;vertical-align: middle; font-size: 15px; font-weight: 600;}
    .payment_btn.active{background-color: #00C73C;}
    .pay_other{display: flex; justify-content: space-around;}
    .pay_other a{ border-bottom: 1px solid #999;  padding: 6px 3px; text-align: center;  font-size: 12px; color: #999; display: inline-block;}


/* ----------------- 03 Ä«µåÁ¤º¸ÀÔ·Â ------------------------------------------- */

/* 03 Ä«µåÁ¤º¸ÀÔ·Â */
.section03 input{border: 1px solid #b9b9b9; border-radius:5px; padding: 4px; text-align: center;}
input[type="password"], input[id="cardMonth"], input[id="cardYear"]{background-color: #f7fff7; }

.section03_h{text-align: center; vertical-align: middle; color: #333; font-size: 15px;}
.section03_h span{background: url(/_template/service/images/cash/simplepay/card-1.png)no-repeat center/23px auto; display: inline-block; width: 40px; height:20px; vertical-align: middle; }
    .card_info{margin: 25px 0; }
    .card_info input::placeholder{font-size: 13px; text-align: center;}
    .card_info label{display: block;}
        .input_wrap{ margin-bottom: 20px;}
        .input_wrap label{margin-bottom: 10px;}
        .card_number .cell{display: flex; align-items: center; gap: 4px; }
        .card_number .cell .cell_bar {margin: 0 5px;}
            .cell input::placeholder{text-align: center;}
            .cell .ip_card{width:20%; max-width: 120px;}
    .card_date{display: flex; width: 100%; box-sizing: border-box;}
    .card_date input{display: block; width: 50%;}
        .card_pw #cardPW {width: 85px;}
        /* .user_birth #userBirth{width: 150px;} */


    /* ÀÌ¿ë¾à°ü µ¿ÀÇ  */
    .agree_btn{text-align: left; margin-bottom: 15px; position: relative;}
    .agree_btn:first-child{border-bottom: 1px solid #aaa; padding-bottom: 15px;}
    .agree_btn input[type="checkbox"]{display: none;}
    .agree_btn input[type="checkbox"] + label{vertical-align: middle; font-size: 13px; color: #444;line-height: 20px;}
    .agree_btn input[type="checkbox"] + label::before{content: ""; background-color: #fff; border: 1px solid #bcbcbc; box-sizing: border-box; border-radius: 20px; width: 14px; height: 14px; display:inline-block;vertical-align: middle;line-height: 30px; cursor: pointer; margin-right: 5px;}
    .agree_btn input[type="checkbox"]:checked + label::before{content: ""; background: url(/_template/service/images/cash/simplepay/check_gray.png)no-repeat center /14px auto; width: 14px; height: 14px; display:inline-block;vertical-align: middle; cursor: pointer; border: none;}
    .agree_btn a{background: url(/_template/service/images/cash/simplepay/down.png)no-repeat center; width: 20px; height: 20px; background-size: 18px; display: inline-block; vertical-align: middle; position: absolute; right: 0;z-index: 1;}

    .terms_content{font-size: 12px; color: #666; border: 1px solid #E2E2E2; background-color: #F6F6F6; line-height: 18px; overflow-y: scroll; padding: 10px 15px; margin-top: 15px;height: 100px;}
    .terms_content img{width: 40px; margin:0 3px;}
		.policy_content{font-size: 12px; color: #666; border: 1px solid #E2E2E2; background-color: #F6F6F6; line-height: 18px; overflow-y: scroll; padding: 10px 15px; margin-top: 15px;height: 100px;}
    .policy_content img{width: 40px; margin:0 3px;}

    .register_btn{text-align: center; width: 50%;background: #ccc; border-radius: 10px; margin: 25px auto;}
    .register_btn button{padding: 12px 0; color: #fff; vertical-align: middle; font-size: 17px; font-weight: 600;} 
    /* ÀԷ¿Ϸá½Ã µî·Ï¹öÆ° È°¼ºÈ­ */
    .register_btn.active{background-color: #00C73C;}


/* ·Îµù½Ã È­¸é */
.loading_wrap{background-color: rgba(255, 255, 255, .5 ); position: fixed; right: 0; left: 0; top: 0; bottom: 0; z-index: 500;}
    .spinner:before { content: ''; box-sizing: border-box;  position: absolute; top: 40%; left: 40%; width: 100px; height: 100px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border:4px solid rgba(99, 99, 99, 0.2); border-top: 4px solid rgb(109, 109, 109); animation: spinner 1s linear infinite;} 
@keyframes spinner {to {transform: rotate(360deg);}}

 
/* ------------------- 06 °áÁ¦ ±Ý¾× º¯°æâ---------------------------------- */

.price_list{padding:10px 15px 20px 15px;}
    .price_box{border: 1px solid #dddddd; padding: 10px; margin-bottom: 10px;}
    .price_box span{display: inline-block;}
    .price_box .vat_color{font-size: 11px; color: rgb(161, 161, 161);}
    .price_box .color_green{font-size: 12px; color: #00C73C;letter-spacing: -.3px; margin-left: 29px;}
    .price_box input[type="radio"]{display: none;}
    .price_box input[type="radio"] + label{vertical-align: middle; cursor: pointer; width: 100%;}
    .price_box input[type="radio"] + label::before{content: ""; background-color: #fff; border: 1px solid #bcbcbc; box-sizing: border-box; border-radius: 20px; width: 14px; height: 14px; display:inline-block;vertical-align: middle;line-height: 30px; cursor: pointer; margin: 0 5px; margin-top: 15px;}
    .price_box input[type="radio"]:checked + label::before{content: ""; background: url(/_template/service/images/cash/simplepay/check_green.png)no-repeat center /14px auto; width: 14px; height: 14px; display:inline-block;vertical-align: middle; cursor: pointer; border: none;}

   



/* ------------------- 07 Ä«µå °ü¸®---------------------------------- */


.section07 img{width: 50px; vertical-align: middle;}
.section07 .section07_h{ font-size: 15px; display: inline-block; vertical-align: middle;  margin-bottom: 10px;}
    .section07_h img{margin-right: 6px;}
    .section07_h .card_total{color: #00C73C; font-weight: 500;}

.section07 .card_mgt_list{border: 1px solid #aaa; padding:20px 15px ; margin-top: 10px; border-radius: 10px; display: flex; height: 85px; justify-content: space-between; align-items: center; box-sizing: border-box;}
    .card_mgt_list .card_name{font-size: 15px; font-weight: 500;margin-bottom: 15px;}
    .card_mgt_list .card_nickname{font-size: 13px; color: #999;}
    .card_mgt_list .edit_icon{background: url(/_template/service/images/cash/simplepay/edit.png)no-repeat center; width: 20px; height: 20px ; background-size: 20px; display: inline-block; margin-right: 10px;}
    .card_mgt_list .delete_icon{background: url(/_template/service/images/cash/simplepay/trash.png)no-repeat center; width: 20px; height: 20px ; background-size: 20px; display: inline-block;}

.section07 .card_mgt_add{padding:15px ;border: 1px dashed #aaa; border-radius: 10px; margin-top: 10px; background-color: #f5f5f5; text-align: center;box-sizing: border-box; height: 85px; }
    .card_mgt_add a{color: #666;} 
    .card_mgt_add span{font-size:30px; margin-bottom: 5px; display: inline-block; vertical-align: start;}



/* ------------------- 08 Ä«µå À̸§ º¯°æâ---------------------------------- */
.card_edit{padding: 8px 16px 24px 16px; width:100%; box-sizing: border-box;}
.card_edit p{padding-left: 8px;}
    .edit_text{position: relative;}
    .edit_text input{ width: 98%; border: none; border-bottom: solid #aaaaaa 1px; padding-bottom: 8px; padding-left: 8px; background: none; margin-top: 10px; color: #666; font-size: 13px; font-family: 'pretendard';}
    .edit_text a{background:url(/_template/service/images/cash/simplepay/text_del.png)no-repeat center; width: 18px; height: 18px; background-size: 18px; display: inline-block; position: absolute; right: 8px; bottom: 10px;}
.text_limit{text-align: end; margin-top: 10px; color: #888; font-weight: 400;}
.text_limit span{color: #222;}




/* ------------------- 09 °áÁ¦¿Ï·áâ---------------------------------- */

.section09_h{font-size: 16px; font-weight: 600; text-align: center; }
.section09_h .comp_icon{background: url(/_template/service/images/cash/simplepay/check_green.png)no-repeat center/32px auto; width: 40px; height: 40px; display: block; margin: 20px auto; margin-bottom: 20px;}
.section09_h .color_green{color: #00C73C; }

    .comp_list{background-color: #fff; margin:30px 0;}
    .comp_list .comp_info{display: flex; justify-content: space-between; padding:18px 10px; border-bottom: 1px dashed #cacaca; font-size: 13px; color: #666;}
    .comp_list .comp_price{color: #222;}
    .comp_info span{font-size: 14px; color: #222;}
    .comp_info:nth-child(3), .comp_info:last-child{border: none;}
    .comp_info:last-child {border-top: 1px solid #777;}
    .comp_info .color_green{color: #00C73C;font-size: 18px; font-weight: 600;}    
    .comp_info .color_green span{font-size: 12px; color: rgb(122, 122, 122); font-weight: 400;}
    .comp_info .bonus_point{color: #666;}



/* ------------------- ºñ¹Ð¹øÈ£ Å°ÆÐµå °øÅë css---------------------------------- */

/* ºñ¹Ð¹øÈ£ Å°ÆÐµå °øÅë css */
.pw_wrap{text-align: center;}
.pw_wrap .pw_h{font-size: 17px; color: #333;font-weight: 500; margin-bottom: 10px; height: 110px; display: flex; justify-content: flex-end; align-items: center; flex-direction: column;}   
.pw_id{font-size: 14px;margin-bottom: 8px; color: #555;}
.pw_id span{color: #00C73C; font-weight: 500;}
.pw_wrap .dot{background-color:#E5E5E5; border-radius: 50%; width: 25px; height: 25px; display: inline-block; margin: 28px 8px;}

/* ºñ¹Ð¹øÈ£ ÀԷ½à »öº¯°æ */
.pw_wrap .dot.active{background-color: #00C73C;}

/* Å°ÆÐµå  */
.keypad_wrap {position: fixed;left: 0; right: 0; bottom: 0;background-color: #00b637; z-index: 100; padding-bottom: 20px;}
    .keypad_top{background-color: #038B2C;padding: 10px 15px; color: #fff; font-weight: 300;font-size: 13px; line-height: 18px; position: relative;}
        .keypad_top span{ background: url(/_template/service/images/cash/simplepay/security_icon.png)no-repeat center; width: 18px; height: 18px; display: inline-block; background-size: 18px; vertical-align: middle; margin-right: 5px;}
        .keypad_top a{color: #fff; display: inline-block; position: absolute; right: 15px;}
    .numberSection{display: grid; grid-template-columns:repeat(4, 1fr) ;}
        .numberSection button{height: 70px; color: #fff;}
        .numberSection .number{font-size: 20px;}
        .numberSection .delete_one img{width: 30px;height: auto; vertical-align: middle;}
        .numberSection .logo_keypad img{width: 30px;height: auto; vertical-align: middle;}
        
    /* ºñ¹Ð¹øÈ£ Àç¼³Á¤ */
    .pw_re a{font-size: 12px; color: rgb(153, 153, 153); text-decoration: underline; text-underline-position:under; display: inline-block; border-bottom: 1px solid  rgb(153, 153, 153);}

    /* °£Æí°áÁ¦ ¾ÆÀ̵ð css */
    .pw_wrap .pw_h{ }     


        /* ·£´ýÅ°Æеå */
        /* .rd_keypad_wrap { position: fixed;left: 0; right: 0; bottom: 0;background-color: #00b637; z-index: 100;}
        .rd_numberSection{display: grid; grid-template-columns:repeat(4, 1fr) ;}
        .rd_numberSection button{height: 70px; color: #fff;}
        .rd_numberSection .rd_number{font-size: 20px;}
        .rd_delete_one img, .rd_delete_all img{width: 30px;height: auto; vertical-align: middle;} */


.anno_img span{ text-align: center; vertical-align: middle; font-size: 11px; letter-spacing: -1px; display: inline-block; padding: 15px 0;color: #00C73C; font-weight: 600;margin-bottom: 4px;}
.bigpay_logo {text-align: center; border: 1px solid #d4d4d4; margin: 0 2.8%; margin-top: 10px; padding: 10px 0; position: relative;}
.bigpay_annotation{background: url(/_template/service/images/cash/simplepay/bubble.png)no-repeat center ; background-size: 100% 35px; font-size: 12px; position: absolute; right: 0px; top:-50px; padding:0 10px ; }
.bigpay_logo a { display: inline-block; color: #888; font-size: 90%; line-height: 30px;}
.bigpay_logo img { width: 68px; vertical-align: middle;}

.bigpay_logo.selected {background-color:#00c73c; color:#FFF; border:1px solid #05a44d; font-weight:600;}