.g_container{padding-top:20px;}
#charge_top{margin:36px 0 30px; position: relative;}
#charge_top .charge_nav{text-align: right;}
#charge_top .charge_nav a{display:inline-block; width: 140px; line-height: 45px; font-size:15px; color:var(--color-gray11); margin-right:10px; text-align: center; background-color: var(--color-gray2); border-radius: 25px; font-weight: bold;}
#charge_top .charge_nav a:last-child{margin-right:0;}
#charge_top .charge_nav a.active{font-weight: bold; background-color:var(--color-blue6); color: var(--color-white);}

.game_info{width:100%; height:160px; position: relative; background: url(//img4.itemmania.com/new_images/game_charge/img_title_bg.jpg);border-radius: 10px; margin-bottom:70px; display: flex; align-items: center; background-size: cover; padding:20px;}
.game_info img{width:168px; height:168px; border-radius: 15px; overflow: hidden; position:absolute; top:30px; left:40px;box-shadow:1px 1px 6px rgba(0, 0, 0, 0.3);}
.game_info dl{margin-left:238px; width:100%;}
.game_info dt{font-size:28px; font-weight: bold; color:var(--color-white); margin-bottom:20px;}
.game_info dd{font-size:16px; color:var(--color-white); font-weight: bold;}
.content_side_flex {display:flex;gap:20px;}

.g_content2 {flex:1;}
.select_gift{margin-bottom:40px;}
.select_gift h4{font-size:20px; color:#2e2e2e; font-weight: bold; margin-bottom: 15px;}
.select_gift .gift_list{display: flex; gap:30px; flex-wrap: wrap;}
.select_gift .gift_list .list{position: relative; width:345px;  padding:20px; border-radius: 10px; cursor: pointer; overflow: hidden; min-height: 130px;box-shadow:1px 1px 6px rgba(0, 0, 0, 0.3);}
.select_gift .gift_list .list.selected{background-color: #f2faff; border-color:transparent;}
.select_gift .gift_list .list:hover{background-color: #f2faff;  border-color:transparent;}
.select_gift .gift_list .list .border_gradient{display: flex; align-items: center; margin-top:20px;}
.select_gift .gift_list .list .border_gradient > p{width:60px; height:60px;}
.select_gift .gift_list .list.selected .border_gradient:after,
.select_gift .gift_list .list:hover .border_gradient:after {position:absolute;content:'';border:2px solid transparent; border-radius:10px; background:linear-gradient(to left, #159EFD 0%, #B197FC 100%) border-box; inset:0; mask:linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite:exclude;}
.select_gift .gift_list .list .border_gradient dl{text-align: right; margin-left:auto; flex:1; padding-right:10px;}
.select_gift .gift_list .list .border_gradient dt{font-size:17px; font-weight: bold; margin-bottom:5px; max-width: 270px; text-overflow: ellipsis; text-align: right;}
.select_gift .gift_list .list .border_gradient dd{font-size:14px; text-align: right;}
.select_gift .gift_list .list .border_gradient dd.explain{margin-bottom:5px;}
.select_gift .gift_list .list .border_gradient dd.sale_info,
.select_gift .gift_list .list .border_gradient dd.info{font-size:14px; font-weight: bold;}
.select_gift .gift_list .list .border_gradient dd.sale_info span.decoline{text-decoration:line-through; color:var(--color-gray6); font-weight: 500;}
.select_gift .gift_list .list .border_gradient dd.sale_info span.red{color:var(--color-red6); font-size: 18px;}
.select_gift .gift_list .list .border_gradient dd.sale_info span.won{font-size:16px;}
.select_gift .gift_list .list .sale_badge{position: absolute;top:0;left:0; border-bottom-right-radius: 15px; display: inline-block; padding:6px 13px; border-top-left-radius: 10px; background-color: #f03f52; color:#fff; font-size:16px; font-weight: bold;}
.gift_info h4{font-size:20px; color:#2e2e2e; font-weight: bold; margin-bottom: 15px;}
.gift_info .info_wrapper{padding:20px; border:1px solid #95a0b7; border-radius: 10px; font-size:16px;}
.gift_info .info_wrapper img{max-width: 100%;}
.payment_info {position:sticky;top:200px;align-self:flex-start;flex-shrink:0;width:330px;padding:2px;background:linear-gradient(#159efd, #00bb16); border-radius: 10px; z-index: 2; margin-top:40px;}
.payment_info.static{position:static;}
.payment_info .payment_content{width:100%;height:100%;background:#FFF;border-radius: 7px; padding-top:30px;}
.payment_info .payment_content .sub_info_area{margin:0 20px 30px;}
.payment_info .payment_content .sub_info_area .sub_title{font-size:18px; color:#2e2e2e; font-weight: bold; margin-bottom:15px;}
.payment_info .payment_content .sub_info_area .sub_title > div{font-size:16px; font-weight: 500;}
.payment_info .payment_content .sub_info_area.line{padding-bottom:30px; border-bottom:1px solid #e9edf0;}
.payment_info .payment_content .sub_info_area.check{padding-top:20px; position:static; width:100%;}
.payment_info .payment_content .sub_info_area.full{margin:0; background-color: #f9f9f9;}
.payment_info .input_txt{width:100%; height:40px; padding:5px 20px; font-size: 16px; line-height: 24px; color:#2e2e2e; font-weight: bold; border-width: 1px; border-color: #95a0b7; border-radius: 10px;}
.payment_info .input_txt::placeholder{color:#b7b7b7;}
.payment_info .warning_txt{font-size:13px; color:#f00; margin-top:5px; position: absolute;}
.payment_info .payment_content .sub_info_area .method_wrapper{display: flex; flex-wrap: wrap; gap:10px; justify-content: space-evenly;}
.payment_info .payment_content .sub_info_area .method_wrapper label{width:135px; height:40px;display: flex; justify-content: center; align-items: center; margin:0; font-size:15px; font-weight: bold; color:#2e2e2e; border:1px solid #b7b7b7; cursor: pointer; border-radius: 10px; gap:5px;}
.payment_info .payment_content .sub_info_area .method_wrapper label input[type=radio]{appearance: none;}
.payment_info .payment_content .sub_info_area .method_wrapper label:has(input:checked){border:2px solid #159EFD;}
.payment_info .payment_content .sub_info_area #card_select{margin-top:15px;}
.payment_info .payment_content .sub_info_area .price_wrapper{display: flex; align-items: center; padding-top:20px;}
.payment_info .payment_content .sub_info_area .price_wrapper#my_mile{display: none;}
.payment_info .payment_content .sub_info_area .price_wrapper:first-child{padding-top:40px;}
.payment_info .payment_content .sub_info_area .price_wrapper span:first-child{font-size:16px; font-weight: bold;}
.payment_info .payment_content .sub_info_area .price_wrapper span#goods_name{ font-size:17px; text-align: right; color:var(--color-gray11); font-weight: bold; flex:1; overflow: hidden;text-overflow: ellipsis;}

.payment_info .payment_content .sub_info_area .price_wrapper span:last-child{font-size:16px;  color:#f00; }
.payment_info .payment_content .sub_info_area .price_wrapper#my_mile span:last-child{ font-size:17px; text-align: right; color:var(--color-gray11); font-weight: bold; flex:1; overflow: hidden;text-overflow: ellipsis;}
.payment_info .payment_content .sub_info_area .price_wrapper span#total_price{font-size:28px; color:#f00; margin-left:auto; font-weight: bold;}

.payment_info .payment_content .sub_info_area .check_wrapper {padding:20px; display: flex; flex-direction: column; gap:15px;}
#check_warn_txt{padding-left:20px;}
.btn_wrapper{text-align: center; padding-bottom: 30px; }
#purchase_btn{width:290px; line-height: 70px; margin:0 auto; background-color: #159EFD; border-radius: 10px; text-align: center; color:#fff; font-size: 21px; font-weight: bold;}

/**/
.custom_check{display:flex;align-items:center;cursor:pointer;user-select: none; font-size:14px; margin:0; gap:5px;}
.custom_check input[type="checkbox"]{display:none;}
.custom_check input[type="radio"]{display:none;}
.custom_check_box{position:relative;margin-right:5px;width:18px;height:18px;border:1px solid #95a0b7;border-radius: 3px;transition:background-color 0.2s,border-color 0.2s;}
.custom_check.focus{color:#F03F52;}
.custom_check.focus .custom_check_box{border-color: #F03F52;}

.custom_check_box::after{content:'';position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid #95a0b7;border-width:0 2px 2px 0;transform:rotate(45deg);}
.custom_check_box.big{width:25px;height:25px;}
.custom_check_box.big::after{left:8px;top:3px;width:6px;height:12px;}
.custom_check input[type="checkbox"]:checked + .custom_check_box.pink{background-color: #F03F52;border-color:#F03F52;}
.custom_check input[type="checkbox"]:checked + .custom_check_box::after{border:solid #FFF;border-width:0 2px 2px 0;}
.custom_check input[type="checkbox"]:checked + .custom_check_box.green{background-color: #249e1e;border-color:#249e1e;}
.custom_check input[type="checkbox"]:checked + .custom_check_box.blue{background-color: #159EFD;border-color:#159EFD;}
/*.custom_check:has(input:checked){color:#F03F52;}*/

/*select*/
.custom-select{position:relative;width:100%;height:40px; font-size:16px;}
.custom-select select {display:none;}
.custom-selected{background-color:#FFF;border:1px solid #95a0b7;padding:11px;cursor:pointer;border-radius:10px;}
.custom-selected::after{content:'';position:absolute;top:50%;right:15px;width:8px;height:8px;border-top:2px solid #333;border-right:2px solid #333;transform:translateY(-64%) rotate(135deg);pointer-events:none;}
.custom-select.open .custom-selected::after{content:'';position:absolute;top:50%;right:15px;width:8px;height:8px;border-top:2px solid #333;border-right:2px solid #333;transform:translateY(-42%) rotate(-45deg);}
.options{position:absolute;top:0; left:0;right:0;border:1px solid #95a0b7;background:#FFF;z-index:3;border-radius:10px;display:none;overflow:hidden;}
.options div{padding:11px; min-height: 40px; cursor: pointer}
.options div:hover{background-color:#f0f0f0;}
.custom-select.open .options{display:block;}
.custom-select.disabled .custom-selected{background-color:rgba(239,239,239,0.3);;color:#A0A0A0;cursor:initial;}
.custom-select.disabled .options{display:none !important;}

/* 레이어 노출-Y */
#confirmPopup .top_area{position: relative; margin: 0 25px; padding: 25px 0 10px;}
#confirmPopup .cont{display: flex; align-items: center; flex-direction: column; gap: 12px; width: 400px;}
#confirmPopup .cont .check_goods{font-size: 20px; font-weight: bold; color: #303030; text-align: center;}
#confirmPopup .cont .goods_payment_wrapper{padding: 20px; background-color: #f3f4f9; border-radius: 10px; width: 100%;}
#confirmPopup .cont .goods_payment_wrapper dt{display: flex; justify-content: space-between; font-size: 17px; font-weight: bold;}
#confirmPopup .cont .goods_payment_wrapper dt .goods_payment_title{color: #303030;}
#confirmPopup .cont .goods_payment_wrapper dt .goods_payment_cont{color: #F03F52;}
#confirmPopup .cont .m_button{padding-bottom: 15px;}

/* 현금 영수증 */
.g_layer{overflow: unset;}
#dvPopup{top:50% !important; left:50% !important; transform: translate(-50%,-50%); margin-left:0 !important; margin-top:0 !important; width:90%; position: fixed !important;}
.m_button{width:100%; display: flex; justify-content: center; padding-bottom:150px; gap:10px;}
.m_button .g_button{width:240px; line-height: 55px; text-align: center; border-radius: 10px; font-size:18px;}
.m_button #btn_charge, .m_button #btn_submit, .m_button #gift24_btn, .m_button #check_btn{background-color: #159EFD; color:#fff;}
.m_button #cancel_btn, .m_button #cancel2_btn{background-color: #4f4f4f; color:#fff;}
.m_button .square{border-radius:10px; }
.f_blue{color:#159EFD;}
#btn_money_receipt{padding-bottom:50px;}
#btn_money_receipt button{width:150px;}
.money_layer_noti{padding:20px; background-color:#f3f4f9; border-radius: 10px;}
.money_layer_noti dt{font-size:14px; font-weight: bold; margin-bottom:5px;}
.money_layer_noti dd{font-size:13px; color:#333;margin-bottom:2px;}
#dvPopup input[type="radio"]{appearance: none; border:1px solid #159EFD; border-radius: 50%; width:15px; height:15px;}
#dvPopup input[type="radio"]:checked{border:5px solid #159EFD;}
#dvPopup input[type="checkbox"]{border:1px solid #159EFD; width:15px; height:15px; accent-color:#0A57D2; }

/*충전 테이블*/
.charge_tb{border:0; padding:20px 0; font-size:16px;  border-bottom:1px solid #edeff2; display: block;}
.charge_tb.card_wrapper{border-top:1px solid #edeff2;}
.card_wrapper .m_chargelist{border-bottom:0 !important; padding-bottom:0!important;}
.charge_tb th, .charge_tb td{border:0; font-size: 16px; text-align: left;}
.charge_tb th{background-color: #fff; color:#2e2e2e;}
.charge_tb td{color:#777;}
.charge_tb .cell_ul{display: flex; align-items: center;}
.charge_tb select{width:80px; height:34px; border:1px solid #dcdee0; border-radius: 7px;}
.charge_tb .card_select{}
.charge_tb .card_select select{width:100%; max-width: 400px; padding-left:10px; font-size:14px; color:#959595; border:1px solid #95a0b7; border-radius: 10px; height: 40px; margin-left:20px; background: url(//img2.itemmania.com/new_images/icon/ico_bar_down.png) no-repeat calc(100% - 10px) 50%; appearance: none;}
.charge_tb .g_text{width:84px; border:1px solid #dcdee0; border-radius: 7px; color:#777; font-size: 16px; padding:7px 5px; height:auto;}
.charge_tb div{width:100%; display: flex; align-items: center; margin-bottom:5px;}
.charge_tb > div span{width:116px; font-weight: bold;}
.charge_tb.money_tb, .charge_tb#coupon_tb{padding-top:0;}
.charge_tb#complete_tb th{background-color: transparent;}
.charge_tb.account_tb{border-bottom:0; overflow: hidden; height:122px; padding-bottom: 0;}
.charge_tb.account_tb th{padding:8px 0;}
.charge_tb.account_tb td{padding:2px 0;}
.g_list{padding:20px 0; font-size:16px; color:#777;}
.more_btn_wrapper{padding-bottom:5px; text-align: center;}
.more_btn_wrapper #more_btn{height:35px;background-color: transparent; justify-content: center; margin:auto;padding:0 10px; }
.box_layer{display:none;position:absolute;top:160%;right:-257px;padding:20px;border:1px solid #159EFD;border-radius: 10px;background-color:#f7fcff;font-size:13px;font-weight: initial;z-index: 2;}
.box_layer.arrow::before{content:'';position:absolute;top:-12px;left:91px;border-width:0 12px 12px 12px;border-style:solid;border-color:transparent transparent #D5E2F2 transparent}
.box_layer.arrow::after{content:'';position:absolute;top:-10px;left:92px;border-width:0 11px 11px 11px;border-style:solid;border-color:transparent transparent #f7fcff transparent}
.box_layer_title{font-weight: bold;margin-bottom:10px; font-size:14px;}
.box_layer_cont > ul > li{margin-bottom:5px; font-size:13px; color:#000}
.box_layer_cont > ul > li:last-child{margin-bottom:0;}

.carousel_module{height:100%;}
.carousel_images{border-radius: 15px;}