@charset "utf-8";
/*모바일 커스텀 부분*/


/*모바일 메인 부분*/
.widget-menu-box-main-m { 
	height: 100px; padding: 0px; background: #18325d; border-radius: 10px; margin-bottom: 10px; font-size: 16px;}
.boxtype-m {
	position: relative;
	overflow: hidden;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 12px;
	background-color: var(--background-color-gray);
	background: linear-gradient(to top right, #1d2333 50%, #21283b 50%);
}
.boxtype2-m {
	position: relative;
	overflow: hidden;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 12px;
	background-color: var(--background-color-gray);
	background: linear-gradient(to top left, #1d2333 50%, #21283b 50%);
}
	.sports_game-m .play-button-m { 
		display:inline-block; border-radius:6px; padding:1px 8px; color: #007afc; margin: 20px auto; font-size: 12px; 
        border: 0px solid #3f485f;
        box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
        outline: 1px solid #3f485f;
        outline-color: #3f485f;
        outline-offset: 0px;
        text-shadow: none;
        transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);        
        cursor: pointer; 
    }
	.sports_game-m .play-button-m:hover{ 
	  border: 1px solid #3f485f; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
      outline-color: rgba(255, 255, 255, 0);
      outline-offset: 15px;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 
  	}        	
	.coin_game-m .play-button-m { 
		display:inline-block; border-radius:6px; padding:1px 8px; color: #007afc; margin: 20px auto; font-size: 12px; 
        border: 0px solid #3f485f;
        box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
        outline: 1px solid #3f485f;
        outline-color: #3f485f;
        outline-offset: 0px;
        text-shadow: none;
        transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);        
        cursor: pointer;
    }

	.coin_game-m .play-button-m:hover{ 
	  border: 1px solid #3f485f; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
      outline-color: rgba(255, 255, 255, 0);
      outline-offset: 15px;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 
  	}

	.mini_game-m .play-button-m { 
		display:inline-block; border-radius:6px; padding:1px 8px; color: #007afc; margin: 20px auto; font-size: 12px; 
        border: 0px solid #3f485f;
        box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
        outline: 1px solid #3f485f;
        outline-color: #3f485f;
        outline-offset: 0px;
        text-shadow: none;
        transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);        
        cursor: pointer;
    }

	.mini_game-m .play-button-m:hover{ 
	  border: 1px solid #3f485f; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
      outline-color: rgba(255, 255, 255, 0);
      outline-offset: 15px;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 
  	}

	.slot_game-m .play-button-m { 
		display:inline-block; border-radius:6px; padding:1px 8px; color: #007afc; margin: 20px auto; font-size: 12px; 
        border: 0px solid #3f485f;
        box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
        outline: 1px solid #3f485f;
        outline-color: #3f485f;
        outline-offset: 0px;
        text-shadow: none;
        transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);        
        cursor: pointer;
    }
    .slot_game-m .play-button-m:hover{ 
      border: 1px solid #3f485f; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
      outline-color: rgba(255, 255, 255, 0);
      outline-offset: 15px;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 
    } 

#site-footer {font-size:12px; background-color:#21283b; border-radius:10px; padding:20px;}
#site-footer ul {line-height:1.4; color:#9aa4bf;}
#site-footer .copyright-text {margin-top:10px;}
#site-footer .caution-wrap {display:flex; align-items:center;}
#site-footer .caution {margin-bottom:20px; margin-right:20px;}
#site-footer .caution img {width:40px;}
#site-footer .text-wrap {}



#footer_mobile {display:none;position:fixed;left:20px;bottom:10px;right:20px;
    border-radius: 25px;
    box-shadow: 0 -4px 12px rgb(83 85 157);
    -webkit-box-shadow: 0 -4px 12px rgb(83 85 157);
    -moz-box-shadow: 0 -4px 12px rgb(83 85 157);	
	
	background-color:#21283b;
	-webkit-animation: footer_navigation 3s infinite linear;

	transition: bottom 0.5s;
	border: 2px solid #2f3749;
}
#footer_mobile ul {
	display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
#footer_mobile li {
    position: relative;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

#footer_mobile li a {
	display: block;
	padding: 8px 10px;
	text-align:center;
}

#footer_mobile li .menu-name {
	display: block;
	margin-top: 2px;
    line-height: 12px;
    font-size: 10px;
    font-weight: 500;
    color: #9aa4bf
}
#footer_mobile li .menu-name.active {
	color: rgb(238, 238, 238);
}

#footer_mobile li .mn-emphasis span {color:#ffb238;}
#footer_mobile li .mn-emphasis svg {fill:#ffb238;}
#footer_mobile li svg {
	display:block;
	width:21px;
	margin:0 auto;
	fill: #9aa4bf
}


@media (max-width:1160px) {
	#footer_mobile {display:block;}
}