/*--ysk--------------------------------------------------------------------------------*

	ysk 2022년01월

-----------------------------------------------------------------------------------ysk-*/
@charset "utf-8";
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}
.cf:after{content:''; display:block; clear:both;}

/*-------------------------------------------------------------------------------------*
 *  기본스타일 시트                                                                    *
 *-------------------------------------------------------------------------------------*/
a         {color:#f9f9f9; text-decoration:none;}
body      {font-size: 13px; color: #f9f9f9; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;  background:#131722; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
td        {font-size: 13px; color: #f9f9f9; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
div       {font-size: 13px; color: #f9f9f9; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
select    {font-size: 13px; color: #f9f9f9; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
textarea  {font-size: 13px; color: #f9f9f9; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}

a         {font-family:'EsaManru';}
body      {font-family:'EsaManru';}
td        {font-family:'EsaManru';}
div       {font-family:'EsaManru';}
select    {font-family:'EsaManru';}
textarea  {font-family:'EsaManru';}

/*-------------------------------------------------------------------------------------*
 *  인풋                                                                               *
 *-------------------------------------------------------------------------------------*/
input::-webkit-input-placeholder    {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}
input:-ms-input-placeholder         {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}
textarea::-webkit-input-placeholder {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}
textarea:-ms-input-placeholder      {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}
input::placeholder                  {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}
textarea::placeholder               {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}


/*-------------------------------------------------------------------------------------*
 *  고정스타일 시트                                                                    *
 *-------------------------------------------------------------------------------------*/
A,area   {blr:expression(this.onFocus=this.blur())} 
:focus   {-moz-outline-style: none;} 
form     {margin:0;} 
img      {border:none;}
ul,ol,li,dl,dd,dt  {margin:0; list-style:none;}

html,body,div,span,object,iframe,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,swf,javascript,
article,aside,canvas,details,figcaption,figure,footer,header,td,
menu,nav,section{margin:0;padding:0}

img,fieldset,iframe{border:0 none}
img {/* max-width:100%; */vertical-align:middle}
textarea{resize:none}
input,select,textarea,button{font-size:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box; outline:none;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,strong,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none} 

/* base - IE8~7 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

/* base - input */
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],input[type="image"],textarea{-webkit-appearance:none;} 
input:checked[type="checkbox"]{background-color:#666;-webkit-appearance:checkbox} 
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0} 
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
table{cursor: pointer;}

@media screen and (min-width: 800px){
	body{min-width:1440px;}
}

.rate-color{
	color: #00b8ff;
}

.red-background {
	color: #ff0101;
	/* border: solid 1px red; */
	padding: 8px;
	font-weight: 900;
}

.blue-background {
	color: #00b3ff;
	/* border: solid 1px blue; */
	padding: 8px;
	font-weight: 900;
}

.yellow-background {
	color: #ffff00;
	/* border: solid 1px yellow; */
	padding: 8px;
	font-weight: 900;
}

.grey-background {
	color: #ffffff;
	/* border: solid 1px white; */
	padding: 8px;
	font-weight: 900;
}

.green-background {
	color: #00ff0d;
	/* border: solid 1px greenyellow; */
	padding: 8px;
	font-weight: 900;
}

.green-color {
	color: #00ff0d!important;
}

.grey-color {
	color: #8a8a8a!important;
}

.yellow-color {
	color: #ffe14d!important;
}

.blue-color {
	color: #65bfff!important;
}

.red-color {
	color: #ff6161!important;
}

.half-blue-color {
	color: #65bfff7e!important;
}

.half-red-color {
	color: #ff616187!important;
}

.no-data .text{
	display: block;
	height: 100px;
	width: 100%;
	text-align: center;
	line-height: 100px;
}


.dialog {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.4);
  }
  
  .dialog>.container {
	  position: relative;
	  margin: auto;
	  width: 95%;
	  max-width: 500px;
	  z-index: 1000;
	  background-color: rgb(24, 28, 47);
	  box-shadow: rgb(0, 0, 0) 0px 0px 10px;
	  border-radius: 15px;
  }
  
  .dialog>.container .close-button {
	  position: absolute;
	  top: 20px;
	  right: 20px;
	  width: 30px;
	  min-width: 30px;
	  height: 30px;
	  background-color: rgb(47, 52, 83);
	  border: 1px solid rgb(59, 64, 93);
	  border-radius: 10px;
  }
  
  .dialog>.container .close-button:hover{
	  background-color: #272d58;
	  color: #c59617;
  }
  
  .d-flex{
	display: flex;
  }
  
  .padding-20 {
	padding: 20px !important;
  }
  
  .padding-15 {
	padding: 15px !important;
  }
  
  .betting_modal_text{
	text-align: center;
	color: white;
	font-size: 16px;
  }
  
  .popup-btn {
	width: 70px;
	padding: 5px;
	background-color: #1c212e;
	margin: 10px;
	text-align: center;
	border: 1px solid #1c212e;
	cursor: pointer;
  }
  
  .popup-btn:hover{
	  background-color: #282f41;
	  border: 1px solid #ffc967;
  }
  
  .popup_color{
	  background-color: #131722!important;
  }

  .mobile-block{
	  display: flex;
  }

  .w-10{
	  width: 10%;
  }

  .w-90{
	  width: 90%;
  }
  
  .answer{
	  font-size: 20px;
  }

  .question_wait{
	background-color: #00b8ff;
  }


  .mini_bet_close, .mini_bet_close:after {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .mini_bet_close {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
  }
  
  .mini_bet_close:after {
	content: "";
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.6) url(/images/common/icon_key_close.svg) no-repeat 50%;
	background-size: 60% auto;
  }
  .mini_bet_close, .mini_bet_close:after {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  

  @media (max-width: 676px){
	  .mobile-block{
		  display: block;
	  }
	  .m-w-100{
		  width: 100%;
	  }
  }

  .font-size-26{
	  font-size: 26px;
  }


  .rate_up_effect::after{
    box-sizing: border-box;
    content: "";
    position: absolute;
    right: 0px;
    z-index: 1;
    width: 10px;
    height: 10px;
    animation: 0.9s ease-in-out 0s 5 normal none running rateUpDownEffect;
    opacity: 0;
    top: 0px;
    border-top: 10px solid #00bbff;
    border-left: 10px solid transparent;
  }
  
  
  .rate_down_effect::after{
    box-sizing: border-box;
    content: "";
    position: absolute;
    right: 0px;
    z-index: 1;
    width: 10px;
    height: 10px;
    animation: 0.9s ease-in-out 0s 5 normal none running rateUpDownEffect;
    opacity: 0;
    bottom: 0px;
    border-top: 10px solid transparent;
    border-right: 10px solid #ff1717;
  }
  
  .match-market-item .match-game-item:nth-child(5) .rate_up_effect::after, .match-market-item .match-game-item:nth-child(5).rate_up_effect::after{
    right: unset;
    left: 0;
    border-top: 10px solid #00bbff;
    border-left: unset;
    border-right: 10px solid transparent;
  }
  
  .match-market-item .match-game-item:nth-child(5) .rate_down_effect::after, .match-market-item .match-game-item:nth-child(5).rate_down_effect::after{
    right: unset;
    left: 0;
    border-bottom: 10px solid #ff1717;
    border-right: 10px solid transparent;;
    border-left: unset
  }
  
  
  @keyframes rateUpDownEffect {
    0% {
      opacity: 0;
    }
    100% {
        opacity: 1;
    }
  }