.top_menu{position:relative;display:flex;flex-direction: column;width:100%;}
.g_title:first-child {position:relative;margin-top:0;}
.setting_option .g_title{margin-top:25px;}
.gamecash_tab{position:relative;margin:15px 0;gap:10px;padding-right:5px;}
.gamecash_tab > div {display:flex;gap:10px;justify-content: start;}
.gamecash_tab > div > a{height:38px;flex: 1 1;width:100%;min-width:100px;max-width:110px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;background-color:#FFF; border:1px solid #319EFD;border-radius:50px;font-size:var(--custom-font-size-base);
    font-weight:bold;color:#000;line-height:38px;white-space: nowrap;text-overflow: initial}
.gamecash_tab  a:hover, .gamecash_tab .on{background-color:#319EFD;color:#FFF;}
.gamecash_tab i{display:inline-block;margin-top:-3px;margin-right:5px;width:18px;height:18px;background-size:cover;background-position: 50% 50%;vertical-align: middle;}
.gamecash_tab .icon_pc{background-image: url(/image/Gamecash/icon_pc.png)}
.gamecash_tab  a:hover .icon_pc, .gamecash_tab .on .icon_pc{background-image: url(/image/Gamecash/icon_pc_on.png)}
.gamecash_tab .icon_mobile{background-image: url(/image/Gamecash/icon_mobile.png)}
.gamecash_tab  a:hover .icon_mobile, .gamecash_tab .on .icon_mobile{background-image: url(/image/Gamecash/icon_mobile_on.png)}
.gamecash_tab .icon_console{background-image: url(/image/Gamecash/icon_console.png)}
.gamecash_tab  a:hover .icon_console, .gamecash_tab .on .icon_console{background-image: url(/image/Gamecash/icon_console_on.png)}

.info_area{/* margin-top:20px; */padding:30px 10px;display:flex;flex-direction:column;width:100%;max-width:1200px;min-height:200px;background-color:var(--custom-gray1);text-align:center;box-sizing: border-box}
.info_area > div > img {width:130px;height:130px;border-radius:30px;}
.info_area > div .info_title {margin-top:10px;font-size:var(--custom-font-size-2xl);color:var(--custom-black);font-weight:bold;}
.info_area .type_wrap {display:flex;flex-direction:row;justify-content:center;margin-bottom:30px;font-size:var(--custom-font-size-md)}
.info_area .type_wrap i{display:inline-block;margin-top:-3px;margin-right:5px;width:20px;height:20px;background-size:cover;background-position: 50% 50%;vertical-align: middle;}
.info_area .type_wrap .icon_pc{background-image: url(/image/Gamecash/icon_pc.png)}
.info_area .type_wrap .icon_mobile{background-image: url(/image/Gamecash/icon_mobile.png)}
.info_area .type_wrap div:nth-child(2):before{content: '|';display:inline-block;margin:-1px 5px 0;vertical-align:top;color:var(--custom-gray4);}
.info_area .layer_btn{width:100%;height:50px;border-radius:10px;font-size: var(--custom-font-size-md);line-height:50px;}
.info_area .btn_area{display:flex;gap:10px;}

.setting_option .input_text, .g_title + .g_select, .g_title + .input_text{padding:8px 2.5%;margin-top:10px;border-radius:10px;height:initial;}
.g_select{width:100%;}
.info_box{padding:10px 20px;margin-top:10px;border:1px solid var(--custom-red3);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:var(--custom-red2);}

.select_area{margin-top:20px;}
.select_area .sale_price{font-weight:bold;text-decoration:line-through;color:var(--custom-red4);}
.select_area .sale_price.arrow:after{display:inline-block;width:23px;height:13px;margin:-2px 10px 0 10px;content:'';vertical-align:middle;}
.select_area > ul{display: flex;flex-direction: column;gap:10px;flex-wrap:wrap;}
.select_area > ul > li{border:2px solid var(--custom-gray2);border-radius:15px;box-sizing:border-box;overflow:hidden;}
.select_area > ul > .package_item.active{border:2px solid #169FFC;background-color:#ECF7FF;}
.select_area > ul > li label{display: flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:80px;}
.select_area > ul > li label div{box-sizing: border-box;}
.select_area > ul > li label :first-child{padding:0 15px;}
.select_area > ul > li label .detail_wrap{flex:1;width:calc(100% - 60px);}
.select_area > ul > li label .detail_wrap > *{font-size: var(--custom-font-size-base);white-space: nowrap;text-overflow:ellipsis;}
.select_area > ul > li label .detail_wrap :first-child{padding:0;font-size:var(--custom-font-size-md)}
.select_area > ul > li label .detail_wrap del:first-child{font-size:var(--custom-font-size-base)}

.select_area > ul > li label .detail_wrap .sale_icon{position:absolute;top:0;right:0;}
.select_area > ul > li label .detail_wrap .sale_icon:after{content:'';border-top:var(--custom-red4) 67px solid;border-left:67px solid transparent;text-align:left;display:inline-block;}
.select_area > ul > li label .detail_wrap .sale_icon span{position:absolute;top:9px;right:-2px;width:44px;text-align:center;font-size:var(--custom-font-size-lg);color:var(--custom-white);transform:rotate(45deg)}

.g_radio input[type=radio] {top:initial;left:30px;}
.g_radio input[type=radio]+span:before {margin-top:-15px;}
.g_radio input[type=radio]:checked+span:after {margin-top:-10px;}

/*결제수단 추가 */
.method_wrapper{margin:20px 0;width:100%;display:flex;flex-direction:column;}
.method_wrapper .method_list{width:100%; display: flex;flex-direction:column; flex-wrap: wrap; gap:1.2%;}
.method_wrapper .method_list>li{/*flex:0 0 32.5%;*/ margin-bottom:10px; cursor: pointer; position:relative;}
.method_wrapper .method_list>li .card{display: flex; align-items: center; justify-self: center; padding:10px 15px; width:100%;height:70px;box-sizing: border-box; border:1px solid #e4e4e4; border-radius: 10px; font-weight: bold;}

.method_wrapper .method_list>li .card.on{background-color: #ecf7ff; border:2px solid #169ffc;}
.method_wrapper .method_list>li .card p:first-child{width:30%; text-align: center;}
.method_wrapper .method_list>li .card p:last-child{width:70%;}

#lock_mileage{position:absolute; top:5px; right:5px; border-radius: 5px; padding:5px 10px; background-color: var(--custom-red5); color:var(--custom-white); font-size:var(--custom-font-size-sm); cursor: pointer;}
.pay_sum ul { padding:0 20px;}
.pay_sum {border:4px solid var(--custom-blue7);border-radius:10px;}
.pay_sum li {overflow:hidden;padding:15px 0;}
.pay_sum li > span { float:right; margin-right:3px;}
.pay_sum li.dec { border-bottom:1px dotted var(--custom-gray3);}
.btn_pay {display:inline-block;width:100%;height:60px;font-size:var(--custom-font-size-lg);line-height:60px;border-radius:10px;cursor:pointer;}

#guide_layer .inner{width:500px;min-height:400px;}
#guide_layer .inner ol{padding-left:10px;}
#guide_layer .inner .guide_img_wrap{max-height:400px;overflow-y:auto;margin-top:20px;}
#guide_layer .inner .guide_img_wrap.scroll_bar img{max-width:98%;}
#guide_layer .inner .guide_img_wrap::-webkit-scrollbar { width:15px;}
#guide_layer .inner .guide_img_wrap::-webkit-scrollbar-track { background:transparent;}
#guide_layer .inner .guide_img_wrap::-webkit-scrollbar-thumb { border:1px solid var(--custom-gray3); background:transparent;}

#payment_layer .checkbox_inline{margin-bottom:0;}
#layer_btn_wrap button{border-radius: 10px;}

.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1001;}
.loading.hide{display:none;}

@media(min-width:500px){
    .method_wrapper .method_list{flex-direction:row;}
    .method_wrapper .method_list>li{width:49%;}
    .select_area > ul{flex-direction: row;}
    .select_area > ul > li{width:48.9%;}
}

@media (min-width:576px){
    .gamecash_tab > div > a{max-width:160px;height:50px;font-size:var(--custom-font-size-lg);line-height:50px;}
    .gamecash_tab i{margin-top:-6px;width:28px;height:28px;}

    .info_area{/* margin-top:30px; */padding:30px 50px;flex-direction:row;text-align:left;}
    .info_area div:first-child:not(.pc){margin-right:50px;}
    .info_area > div .info_title {margin-top:0;}
    .info_area .type_wrap{justify-content: flex-start;margin-top:5px;margin-bottom:25px;}
    .info_area .layer_btn{width:160px;height:38px;font-size:var(--custom-font-size-base);line-height:38px;}
}

@media(min-width:768px){
    .method_wrapper{flex-direction: row;}
    .method_wrapper .method_list{flex:2;}
    .method_wrapper .method_list>li{width:48.5%;}
    .method_wrapper .payment_wrapper{flex:1;}
}

@media(min-width:992px){
    .top_menu{margin-top:20px;}
}

@media(min-width:1100px){
    .select_area > ul > li{width:32.7%;}
    .select_area > ul > li label{height:110px;}
    .select_area > ul > li label :first-child{padding:0 30px;}
    .select_area > ul > li label .detail_wrap{width:calc(100% - 90px);}
    .select_area > ul > li label .detail_wrap > *{font-size: var(--custom-font-size-md);}
    .select_area > ul > li label .detail_wrap del:first-child{font-size:var(--custom-font-size-md)}
    .method_wrapper .method_list{flex:3;}
    .method_wrapper .method_list>li{width:32%;}
    .method_wrapper .method_list>li .card{height:90px;}
    .method_wrapper .payment_wrapper{flex:1;}
}
@media (max-width:576px){
    #method_layer_wrapper .method_layer{ height:100%; overflow-y:scroll;}
}
/*결제수단 점검*/
#method_layer_wrapper{position:fixed; top:0; left:0; bottom:0; right:0; background: rgba(0,0,0,0.8); z-index: 9999;}
#method_layer_wrapper .method_layer{position:absolute; width:100%; max-width: 550px; max-height:873px;top:50%; left:50%; transform: translate(-50%,-50%); background-color:#fff;}
#method_layer_wrapper .method_layer h4{width:100%; text-align:center; font-size:24px; color:#fff; padding:17px 0; background: #067dfc linear-gradient(138deg,#067dfc 0,#01b3bf 33%,#00c410 100%); position:relative;}
#method_layer_wrapper .method_layer h4 #close_btn{
    position:absolute;
    top:-2px;
    right:20px;
    cursor: pointer;}
#method_layer_wrapper .method_layer h4 #close_btn:after{
    content:"\00d7";
    display: inline-block;
    font-size:40px;
}
#method_layer_wrapper .method_layer .layer_content{padding:25px 25px 0 25px; text-align: center; }
#method_layer_wrapper .method_layer .table_wrapper{padding:30px;}
#method_layer_wrapper .method_layer .table_wrapper .form_table{border:0;}
#method_layer_wrapper .method_layer .table_wrapper td{font-size:14px; border:1px solid #ddd;text-align: center; height:68px;}
#method_layer_wrapper .method_layer .table_wrapper td#rowspan{background-color: #eee;  font-size:16px;}
#method_layer_wrapper .method_layer .table_wrapper td .time_range{color:#8b8b8b;}
#method_layer_wrapper .method_layer .table_wrapper .service_name{font-size:16px; font-weight: bold;}

/*최근입력 아이디 노출*/
.focus_list.active{border-radius:10px 10px 0 0;}
.uid_log{display:none;padding:10px 10px 10px 20px;border:1px solid #CCC;border-top:0;border-radius:0 0 10px 10px;max-height: 125px;overflow-y:auto;}
.uid_log.show{display:block;}
.uid_log .log_item{position:relative;overflow:hidden;padding:2px 20px 2px 0;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;}
.uid_log button{font-size:0;position:absolute;right:0;background-color:transparent;}
.uid_log button:after{font-size:15px;content:'\2715';}