/* mod - style.css */
.main-lobby-btn{width: calc( 50% - 20px );/*margin: 10px;*/overflow: hidden;border-radius: 10px;display: inline-block;background-color: #062f82;position: relative;z-index: 1;}
.gbg-gray{background-color: #342d2d;}
.btn-bora{ border: none; position: relative; z-index: 1; overflow: hidden; border-radius: 5px; color: #fff; background-color: #b67aff !important; margin-left: 5px; }
.btn-bora:hover{ background-color: #c1267d !important; }

/* etc */
.blink_na {animation:blinker 0.8s ease-in-out infinite alternate;}
.blink_me {animation: blinker 1s linear infinite;}
@keyframes blinker {50% { opacity: 0; }}

.swal2-container { z-index: 300003 !important;}
.cursor2 {cursor: pointer;}
.nocursor {cursor: default;}
.actSwitchPage {cursor: pointer;}
.actCouponDelete {background: transparent; color: var(--bs-modal-color); border: 0;}

.SYMBOL_WON_CAS:after{content:" 원";}
.SYMBOL_WON_SPO:after{content:" 원";}
.SYMBOL_WON0_CAS:before{content:"\20A9";}
.SYMBOL_WON0_SPO:before{content:"\20A9";}

/*-- Loading --*/
#loading-layer {background-color: #202020;z-index:300000 !important;text-indent: -9999px;overflow: hidden;white-space: nowrap;} /*background-color: rgba(0,0,0,0.5);*/
#loading-layer:before, #loading-layer:after {content: "";border-radius: 50%;background-color: #fff;position: absolute;left: 50%; top: 50%;}
#loading-layer:before {width: 100px; height: 100px;margin: -50px 0 0 -50px;}
#loading-layer:after {width: 40px; height: 40px;background-color: #0392e4;margin: -20px 0 0 -20px;}
#loading-layer:before {animation: kf_load1 1s infinite ease;}
#loading-layer:after {animation: kf_load2 1s infinite -0.32s ease;}
@keyframes kf_load1 {0%, 80%, 100% { transform: scale(1,1); } 40% { transform: scale(.6,.6); }}
@keyframes kf_load2 {0%, 80%, 100% { transform: scale(1,1); } 40% { transform: scale(.5,.5); }}
.screen_center0 {position:fixed;top:0; left:0;width:100%;height:100vh;}
.screen_center  {display:grid;position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;/*height:100%*/}

#Xloading-layer {overflow: hidden;white-space: nowrap;} 
/* #Xloading-layer {background: rgba(0,0,0,0.6);z-index:1;overflow: hidden;white-space: nowrap;} */
/* background-color: #202020;text-indent: -9999px;background-color: rgba(0,0,0,0.5); background: rgba(0,0,0,0.6); */
#Xloading-icon1 {background: url('/images/loading-lg.gif') no-repeat center center; width: 300px; height: 300px; background-size: 60%;}
#Xloading-icon2 {background: url('/images/loading-sm-g.gif') no-repeat center center; width: 32px; height: 32px; background-size: 100%;}
#Xloading-icon3 {background: url('/images/loading-sm.gif') no-repeat center center; width: 68px; height: 68px; background-size: 100%;}
#Xloading-icon11 {background: url('/images/loading-svg.svg') no-repeat center center; width: 60px; height: 60px; background-size: 100%;}
.Xscreen-center {display:grid;position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;/*height:100% vh*/}
.Xsubdiv-center {display: flex;flex-direction: column;justify-content: center;align-items: center;/*height: 100%;*/}
.center-me { min-height: 50vh; display: flex; align-items: center; justify-content: center; }


.data-spinner { width: 100%; min-height: 400px; display: flex; justify-content: center; align-items: center; }
.data-spinner i { opacity: 0.2; font-size: 15vh; }

.temp-spinner{ z-index:0; position:absolute; top:0; bottom:0; left:0; right:0; display:flex; justify-content:center; align-items:center; }
.temp-spinner i{ opacity:.2; font-size:15vh; animation:modal_spinner 3s ease-in-out infinite; }
.temp-spinner0 i{ opacity:.2; font-size:15vh;  }

 #myelement {
    position: relative;
    overflow: hidden;
  }
  
  #myelement::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    z-index: -1;
    background: url('/images/loading-lg.gif') no-repeat center center;
  }

/* Tabs */
.user-tabs-nav {
    width: 100%;
    height: 54px;
    margin: 0 0 5px;
    padding: 0 1px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 1.0), 0 1px 0 rgba(255, 255, 255, 0.05);
}
.user-tabs-li2 {
    width: calc(50% - 4px);
	height: calc(100% - 6px);
    margin: auto 2px;
}
.user-tabs-nav button {  /*.user-tabs-nav>li>a button*/
	width: 100%;
    height: 100%;
    border-radius: 6px;
    border: none;
    background-image: linear-gradient(rgb(56 28 25), rgb(10 3 2));
    color: rgba(255, 255, 255, 1.0);
    font-size: 18px;
    font-family: noto-sans-bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.user-tabs-nav button.active {  /*.user-tabs-nav>li>a button.active*/
    background-color: #66803c;
    background-image: linear-gradient(rgb(117 31 22), rgb(39 9 6));
    background-repeat: repeat-x;
    background-position: center;
}
.user-tabs-nav button:hover { color: var(--yellow); background-color: rgba(255, 255, 255, 0.1); }
.user-tabs-nav button i { margin-right: 5px; }
.user-tabs-nav button.active i { color: var(--yellow); }

/* ----- modify ----- */
/* .rolling-realtime { display: block; } */

/*
<div class="wrapper_loading2 hidden">
	<div class="screen-center-image"><img src="/images/loading.gif?v=5" class="" alt="Loading.." ></div>
</div>
*/
.wrapper_loading0 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1976;}
.wrapper_loading2 { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #20202070; z-index: 1976;}
.screen-center-image { display: grid; justify-items: center; align-items: center; height: 100%; }


/* ----- etc ----- */