/*responsive*/
@media screen and (max-width: 768px) {
	/* 모바일에 사용될 스트일 시트를 여기에 작성합니다. */
    body, html,.width-auto,.main-contents-bottom dl > dt {
        min-width: 100%;
        width: 100%;
    }
    .nav li{
        width:40%;
        margin:10px !important;
    }
    .wrap_login{justify-content: center !important;flex-flow: wrap;}
    .wrap_login li{
        width:20%
    }
    .wrap_login li:nth-child(-n+2){width:30%;}
    input[type="text"],input[type="password"]{width:100%;}
    
    .main-contents-bottom dl{
        display:flex;
        flex-direction:column;
    }
    #header > .header-bt > .header-bt-cont > dl > dt{
        width:40%;display:flex;align-items: center;
    }
    #header > .header-bt > .header-bt-cont > dl > *{display:block}
    #header > .header-bt > .header-bt-cont > dl dd{
        background: #000;
        height: 150px;
        position:relative;
        z-index:100
    }
  
    h3.main-title{margin-top:30px;font-size:2rem}
    .game_list{
        width:100%;
        display: flex;
        justify-content: space-evenly;   
        flex-wrap: wrap;
        margin-top:10px;
    }
   
    .game_list li{width:30%; aspect-ratio: 4 / 3; height: auto; margin:5px !important}
    .vendor_casino li{width:45% !important;} 
    /* .game_list li:nth-child(4n){margin:} */
    .game_list li div{background-size: cover  !important;}
    .iconfont{display:none !important;}
    #contents{margin-top:150px}

	.slot-section .container
	{
		width: 100% !important;
	}
	
	#game_group .slot-btn{
		width: 30% !important;		
	}

	.slot-btn .main-container{
		height: auto !important;
	}
	
}