@charset "utf-8";
	
	.widget-index .at-main,
	.widget-index .at-side { padding-bottom:0px; }
	.widget-index .div-title-underbar { height: 50px; line-height: 50px; border-bottom: 1px solid #e0e0e0; color: #424243; padding-left: 15px; background-color: #f8f8fb; }
	.widget-index .div-title-underbar .sub_title { font-size: 0.9em; color: #747474; }
	.widget-index .div-title-underbar span { padding-bottom:4px; }
	.widget-index .div-title-underbar span b { font-weight:500; }
	.widget-index .widget-img img { display:block; max-width:100%; /* 배너 이미지 */ }
	.widget-index .box-list { border:1px solid #ddd; }
	.widget-index .list-item { display:inline-block; }
	.widget-index .pick_list { width:25%; }
	.widget-index .today_news { width:45%; }
	.widget-index .result_box { width:29%; }
	.widget-index .pick_list_box { background: url(/img/background/1.png) no-repeat; background-position: center bottom; }
	.widget-box { height: 90px; padding: 0px;}
	.widget-rank-box { margin-top:20px; }
	.widget-coin-box { height: 220px; padding: 0px; background: #1d2333; border-radius: 10px; margin-bottom: 10px;}
	.widget-news-box { padding: 10px; background: #1d2333; border-radius: 10px;  margin-bottom: 10px;}

	.widget-partner-box { padding: 10px; background: #1d2333; border-radius: 10px; margin-bottom: 30px;}
	.widget-mpartner-box { padding: 10px; background: #1d2333; border-radius: 10px; margin-bottom: 10px;}
	.widget-banner-box { height: 100px; padding: 0px; margin-bottom: 10px; }
	.widget-banner-box2 { height: 100px; padding: 0px; }
	.widget-menu-box-main { height: 150px; padding: 0px; background: #18325d; border-radius: 10px; margin-bottom: 10px; font-size: 16px;}
	.widget-menu-box {padding: 0px; background: #18325d; border-radius: 10px; margin-bottom: 10px; font-size: 16px;}
	.widget-menu-box-main .sports_game { position: relative; border-radius: 10px; background:url(/img/background/micon.png) no-repeat; background-position: right bottom; background-size: 60%; height: 100%; }

	.widget-menu-box-main .coin_game { position: relative; border-radius: 10px; background:url(/img/background/micon2.png) no-repeat; background-position: right bottom; background-size: 60%; height: 100%; }

	.widget-menu-box-main .mini_game { position: relative; border-radius: 10px; background:url(/img/background/micon3.png) no-repeat; background-position: right bottom; background-size: 60%; height: 100%; }

	.widget-menu-box-main .slot_game { position: relative; border-radius:10px; background:url(/img/background/slot-1.png) no-repeat; background-position: right bottom; background-size: 60%; height:100%; }

	.sports_game .play-button { display:inline-block; border-radius:6px; padding:1px 8px; color: #007afc; position: absolute; top: 65px; left: 8px; 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 .play-button: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 .play-button { display:inline-block; border-radius:6px; padding:1px 8px; color: #007afc; position: absolute; top: 65px; left: 8px; 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 .play-button: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 .play-button { display:inline-block; border-radius:6px; padding:1px 8px; color: #007afc; position: absolute; top: 65px; left: 8px; 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 .play-button: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 .play-button { display:inline-block; border-radius:6px; padding:1px 8px; color: #007afc; position: absolute; top: 65px; left: 8px; 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 .play-button: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); }     
	.widget-result-box { height: 193px; padding: 0px; margin-bottom: 10px; overflow-y: scroll; border-radius: 10px;}
	.widget-result-box::-webkit-scrollbar {
		width: 4px;
	}
	.widget-result-box::-webkit-scrollbar-thumb {
		background-color: #428bca;
		border-radius: 10px;
		background-clip: padding-box;
		border: 2px solid #428bca;
	}
	.widget-result-box::-webkit-scrollbar-track {
		border-radius: 10px;
	} 		
	.widget-box ul { padding-left:0px;}
	.widget-box  ul li {
		list-style: none;
	}
	.widget-result-box .time {
		color: #e13a3a;
		font-size: 0.9em;
	}
	.widget-result-box .round {
		font-size: 0.9em;
		display: inline-block;
		width: 90px;
	}
	.widget-result-box .balls {
		display: inline-block;
	}
	.widget-result-box .ball {
		display: inline-block;
		width: 24px;
		height: 24px;
		line-height: 24px;
		margin-right: 1px;
	}
	.widget-result-box .balls .ball > img {
		width: 24px;
	}
	.boxtype {
		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%);
	}
	.boxtype-esports {
		position: relative;
		overflow: hidden;
		padding: 19px;
		border-radius: 10px;
		margin-bottom: 12px;
		background-color: var(--background-color-gray);
		background: linear-gradient(to top right, #1d2333 50%, #21283b 50%);
	}
	.boxtype1 {
		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 {
		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%);
	}			
	#gameview { width: 100%; height: 470px; margin: 0 auto; }
	#scoreboard { width: 100%; }
	.match_list {  }
	.list-box-wrap { display:flex; align-items: center;}
	.home-team ,.away-team {
		display: block;
		width: 40%;
		align-self: baseline;
		position: relative;
	}
	.team-name {
		margin-top: 10px;
		word-break: keep-all;
		align-self: center;
		text-align: center;
		line-height: 1.3;
		font-size: 11px;
	}
	.emblem img {
		display: block;
		height: 40px;
		margin: 0 auto;
	}	
	.vs {
		width: 35%;
		text-align: center;
	}
	.vs span {
		display: block;
		width: 30px;
		height: 20px;
		line-height: 20px;
		margin: 0 auto;
		border-radius: 7px;
		color: var(--type-weak);
		background-color: rgb(0 0 0 / 50%);
	}
	.match_date {
		position: absolute;
		top: 15px;
		left: 50%;
		transform: translate(-50%, 0);
		display: block;
		padding: 3px 5px 3px 7px;
		border-radius: 0 0 0 10px;
		color: var(--type-weak);
		font-size: 11px;
	}
	.information {
		display: flex;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: 10px 10px 0 0;
		background-color: rgb(154 164 191 / 7%);
		padding: 3px 5px 3px 7px;
	}
	.information * {
		color: #9aa4bf;
		font-size: 11px;
	}
	.information i {
		font-style: normal;
	}