@charset "utf-8";
/* SIR 지운아빠 */

html {overflow-y:auto;}
body {background-color:#FFF;}



/*
#SDKModal {position:fixed;top:0px;left:0px;height:100%;background-color:#F3F3F3;width:100%;display:none;}
#SDKModal .SDKMessage{position:absolute; top: 50%; left: 50%; height:auto;color:#FF0000;background-color:#FFF;z-index: 9999;padding:8px;text-align:center;font-family:'Nanum Gothic', dotum;font-size:1.3em;}
*/

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;358;400;431;548&display=swap');


#Champ_Title {text-align:center;font:bold 1.2em 'Nanum Gothic', dotum;padding:5px;background-color:#F3F3F3;}

#SdkChampList {}
#SDKMessage{position:absolute;left:0px;right:0px;background-color:#F6E5E5;width:100%;height:90px;margin:0px auto;color:#D90909;z-index: 9999;padding:8px;text-align:left;font-family:'Nanum Gothic', dotum;font-size:1.2em;display:none;}

#Timer_wrap {text-align:center;padding:0px 10px 10px 10px;overflow:hidden;border-bottom:1px solid #E7E7E7;margin-bottom:16px;position:relative;}


#Timer_wrap .Timer_Count {float:left;margin-top:15px;}
#Timer_wrap .Timer_Count #stopwatch {display:inline-block;padding-top:4px;font-family: 'Quicksand', sans-serif;font-size:1.8em;height:26px;}
#Timer_wrap .Timer_Count #stopwatch .min {display:inline-block;width:30px;text-align:right;}
#Timer_wrap .Timer_Count #stopwatch .sec {display:inline-block;width:30px;text-align:right;}
#Timer_wrap .Timer_Count #stopwatch .pri {display:inline-block;width:30px;text-align:right;color:#E7E7E7;}

#Timer_wrap .Level_Number {float:right;margin-top:6px;}
#Timer_wrap .Level_Number .Title {overflow:hidden;height:14px;margin-top:0px;font-family:sans-serif;font-size:9px;text-align:center;}
#Timer_wrap .Level_Number .List {overflow:hidden;padding-left:10px;}
#Timer_wrap .Level_Number .List div {float:left;text-align:center;width:22px;height:26px;font-family: 'Quicksand', sans-serif;font-size:1.4em;font-weight:300;cursor:pointer;border-radius:2px;margin:1px;}
#Timer_wrap .Level_Number .List div span {display:inline-block;padding:2px 0px 0px 0px;}
#Timer_wrap .Level_Number .List .sel {background-color:#DCDCDC;color:#FF0000;font-weight:normal;}




#Table_Wrap {background-color:#000;}
#Table_Wrap .Table_region .top {border-top:1px solid #979797;}
#Table_Wrap .Table_region .right {border-right:1px solid #979797;}
#Table_Wrap .Table_region .bottom {border-bottom:1px solid #979797;}
#Table_Wrap .Table_region .left {border-left:1px solid #979797;}

#Table_Wrap .Table_region {text-align:center;}
#Table_Wrap .Table_region td {background-color:#FFF;text-align:center;}
#Table_Wrap .Table_region td .B1 {} /* 보여주는 숫자 */
#Table_Wrap .Table_region td .B0 {cursor:pointer;color:#256EF5}
#Table_Wrap .Table_region td .sel {background-color:#F3F3F3;}
#Table_Wrap .Table_region td .ChoiceSel {background-color:#BFCEE9;border:1px solid #BFCEE9;}
#Table_Wrap .Table_region td .Fail {color:#FF0000;}

@media all and (min-width : 100px) and (max-width : 820px){
	#Table_Wrap .Table_region td input {font-family: 'Quicksand', sans-serif;font-size:2.2em;font-weight:300;text-align:center;border:1px solid transparent;display:block;width:40px;max-width:40px;min-width:40px;min-height:40px;padding:0px;margin:0px;border-radius:0px;}
#Click_Number {text-align:center;padding:0px 0px;overflow:hidden;margin-bottom:6px;}
#Click_Number > div > span {display:inline-block;width:29px;height:29px;font-family: 'Quicksand', sans-serif;font-size:1.6em;font-weight:300;cursor:pointer;border-radius:0px;margin:1px;border:0px solid #7F7F7F;color:#000;}
#Click_Number > div > .CheckImPossible {color:#DCDCDC;border:0px solid #DCDCDC;}
#Click_Number > div > span > span {display:inline-block;padding:3px 0px 0px 0px;}
#ButtonWrap {text-align:center;overflow:hidden;width:350px;display: table;margin:0px auto;margin-top:15px;}
#ButtonWrap div {display: table-cell;border-radius:300px;padding:6px 0px;border:0px solid #979797;font-size:18px;background-color:#808080;color:#FFF;vertical-align: middle;font-family: 'Exo 2','Noto Sans KR',sans-serif;cursor: pointer;}

}


@media all and (min-width : 820px) and (max-width : 2020px){
	#Table_Wrap .Table_region td input {font-family: 'Quicksand', sans-serif;font-size:35px;font-weight:300;text-align:center;border:1px solid transparent;display:block;width:50px;height:50px;padding:0px;margin:0px;border-radius:0px;}
#Click_Number {text-align:center;padding:0px 0px;overflow:hidden;margin-bottom:6px;}
#Click_Number > div > span {display:inline-block;width:40px;height:29px;font-family: 'Quicksand', sans-serif;font-size:30px;font-weight:300;cursor:pointer;border-radius:0px;margin:1px;border:0px solid #7F7F7F;color:#000;}
#Click_Number > div > .CheckImPossible {color:#DCDCDC;border:0px solid #DCDCDC;}
#Click_Number > div > span > span {display:inline-block;padding:3px 0px 0px 0px;}
#ButtonWrap {text-align:center;overflow:hidden;width:400px;display: table;margin:0px auto;margin-top:15px;}
#ButtonWrap div {display: table-cell;border-radius:300px;padding:6px 0px;border:0px solid #979797;font-size:18px;background-color:#808080;color:#FFF;vertical-align: middle;font-family: 'Exo 2','Noto Sans KR',sans-serif;cursor: pointer;}
}