@charset "utf-8";
*{margin:0;padding:0}
* { box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
html {
	-webkit-font-smoothing: subpixel-antialiased;
}

html,body{width:100%;height:100%}

body{
	background-color:#fff;
	text-align:center;font-family:"Malgun Gothic", "굴림", "Dotum","","tahoma","verdana";color:#333;
	*word-break:break-all;-ms-word-break:break-all
	}

img,fieldset,iframe{border:0 none}

  /* Global Defaults
  =====================================================================*/
  body, td, p, input, button, textarea, select, .c1 { color:#333; line-height:140%;font-size:12px; }
  body,div,dl,dt,dd,ul,ol,ul li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
  table{ border-spacing:0;/*border-collapse: collapse;*/}
  fieldset,img,abbr{border:0;}/*abbr 속성은 테이블에 summary 속성으로 요약문을 쓰듯, th에 요약문을 쓰는것*/
  address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th{font-style:normal;font-weight:normal;}/*dfn 요소는 구체적인 의미가 들어간 관용구나 전문용어에 사용..이탤릭체로 표시*/
  ol {margin-left:15px;}
  ul {clear:both;}
  ul li {list-style:none;display:inline-block;text-align:left;}
  caption,th {text-align:left;}
	a{text-decoration:none; outline:none;}
  strong { font-weight: bold; }
  img { max-width:100%; height:auto;}
  /* Global Elements
  =====================================================================*/


a:link {color : #333; text-decoration: none;}
a:visited {color:#333; text-decoration: none;}
a:active {color:rgb(61,26,111);text-decoration:none;}
a:hover {color:rgb(61,26,111);text-decoration:none;}

.bfont_kr { font-size:11pt;  letter-spacing:-0.1em; }
.bfont_en { font-family:Arial; font-size:11pt; letter-spacing:0px; }
.mfont_kr { font-size:9pt;  letter-spacing:-0.1em; }
.mfont_en { font-family:Arial; font-size:9pt; letter-spacing:0px; }
.sfont {font-size:8pt; line-height:13px; }
.sfont_kr { font-size:8pt; letter-spacing:-0.05em; line-height:140%; }
.sfont_en { font-family:"tahoma","Arial"; font-size:8pt; letter-spacing:0px; line-height:140%; }
.ssfont_en { font-family:"tahoma","verdana"; font-size:7pt; letter-spacing:0px; line-height:140%; }

.color2 { color:rgb(61,26,111); }
.color3 { color:#367099 !important; }
.color_orange { color:#ff6000; }
.color_yellow { color:#ffaa00; }
.color_green { color:#00cc66; }
.color_purple { color:#8600e5; }
.color_blue { color:#0080ff; }
.color_red { color:#cc0000 !important; }
.color_gray { color:#999; }
.color_gray1 { color:#777; }
.color_black { color:#000; }
.color_white{color:#FFFFFF;}
.pointer { cursor:pointer; }
.color_draw{color:#ff8c00}
.color_win{color:#ff3300}
.color_ok{color:#ff3300}
.color_fail{color:#457ae5;}

.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix {display:block;}

.ll { float: left; text-align:left;}
.rr { float:right; text-align:right;}
.board_button .ll {margin-right:auto}
.board_button .rr {margin-left:auto}
.hide { display:none }
.show { display:block }

.dn{display:none}
.t_red{color:#e60000}
.t_blu{color:#0081ff}
.t_yel{color:#fbb726}
.t_wht{color:#fff}
.t12{font-size:12px;}
.tal{text-align:left;font-size:14px}
.tac{text-align:center}
.thm{font-family:tahoma}
.ls1{letter-spacing:-1px}
.dib{display:inline-block}


.bfont0 {color:#909090;}
.bfont1 {color:#bc8aa3;}
.bfont2 {color:#c2e3cd;}
input, button {-webkit-border-radius:0; border-radius:0;outline:none !important }
input[type="text"], input[type="tel"],input[type="password"],input[type="submit"] {  -webkit-appearance: none; }
input[type="text"], input[type="tel"],input[type="password"], select, .box01, textarea {  font-size: 9pt;color:#000; border:1px solid #ccc;background-color:#fff;font-style: normal;line-height:1.6;padding: 4px 12px;outline:none !important }
.alpha50 {filter:Alpha(Opacity=50);border-color:#eee;}
#main .main_score{top:95px}
#main_top .noti{position:absolute;top:353px;width:966px;background:url(../img/bg_noti2.gif) no-repeat 0 0;}

.banner{}
.banner li{overflow:hidden}
.banner .l{float:left}
.banner .r{float:right}
.banner img{margin-top:10px}
.search{position:absolute; righT:0px;font-size:12px; font-weight:bold;z-index:9; }
.search input{vertical-align:middle;margin-top:-3px}
.search select{width:120px}

.form-control {
	height: 36px;
    padding: 4px 12px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
	box-sizing:border-box
}
.text-prewrap{white-space: pre-wrap;}
.orders_top{text-align: center;margin-top:15px;}
.pMoney{display:flex;margin:0 -2px;}
.pMoney + .pMoney{margin-top:4px;}
.pMoney a{flex:1 1 calc(20% - 2px);max-width:calc(20% - 2px);margin:0 2px;text-align:right;white-space:nowrap}
.tb_common *{line-height:1.4}
.tb_powerball .col-1{flex:0 0 100%;max-width:100%;}
.tb_powerball .col-2{flex:0 0 50%;max-width:50%;}
.tb_powerball .col-3{flex:0 0 33.33333333333333%;max-width:33.33333333333333%;}
.tb_powerball .col-4{flex:0 0 25%;max-width:25%;}
.tb_powerball .col-5{flex:0 0 20%;max-width:20%;}
.tb_powerball .col-6{flex:0 0 16.66666666666667%;max-width:16.66666666666667%;}
/*베팅현황*/
.tb_state .tween *{color:#fff;font-size:12px !important}
.tb_state .tween{position:relative}
.tb_state .tween::before{
	content: "";position: absolute;width: calc(100% - 4px);height: calc(100% - 4px);top: 1px;left: 1px;/*background-image: url(/images/common/bg-light2.png?ver=20201128);background-repeat:repeat-x;background-position: 0 0;*/
	background-color: #f0f0f0;border: solid 1px #ccc;
} 
.tb_state .tween p{position:absolute;left:0px;top:0px;background:none !important;border:none !important;z-index:1 !important;} 
.tb_state .tween p + div.statebar {padding: 8px 0px;line-height: 18px; display:inline-block;position:absolute;top:2px;left:2px;height:calc(100% - 4px);width:0;max-width:calc(100% - 4px) !important;z-index:0;background-image:url("/images/common/bg-light2.png");background-repeat:repeat-x;background-position:0 0;transition:width .8s;}
.tb_state .tween.c4 .statebar { background-color:#660000; }
.tb_state .tween.c5 .statebar { background-color:#0d4680; }
.tb_state .tween.c6 .statebar {  background-color:rgb(0,50,100); }
.tb_state .rate{display:flex;align-items:center;justify-content:center}
.tb_state .rate span {flex:0 0 33.3333%;max-width:33.3333%}
.tb_state .bar { position:relative;top:0;left:0;height:100%;height:35px;z-index:1;border:solid 1px rgb(16,17,18); }
.tab_list {background-color:transparent;overflow-x: scroll;overflow-y: hidden;width:100%;margin:0px;border-radius:0;padding:0;-webkit-overflow:scroll;-webkit-overflow-scrolling: touch;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.tab_list::-webkit-scrollbar {width: 10px;height: 10px; background-color:transparent; }
.tab_list::-webkit-scrollbar-track {background-color:transparent;}
.tab_list::-webkit-scrollbar-thumb {background-color:rgb(61,26,111);}
.tab_list ul { display:flex;position:relative;overflow:visible;}
.tab_list ul li {margin:0 1px;position:relative;}
.tab_list ul li a {width:100%;line-height:35px; height:35px !important;justify-content: center;text-align:center; font-weight:500;white-space:nowrap; font-size:14px;font-weight:bold;padding:0 10px !important;position:relative;}

#ptnTitleBox.tab_list ul li a{color:#000;}
#result_list.tab_list ul li a{color:#000;}

/*btn-up */
.btn-up.active{opacity:1;}
.btn-up {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 90px;
    right: 10px;
	background-color: rgba(61,26,111,0.9);
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    z-index: 9999;
}
.btn-up:before, .btn-up:after {content: "";	width:14px;height:2px;background-color:#fff;position:absolute;left:50%;top:50%;margin:-1px 0 0 -7px}
.btn-up:before {
	webkit-transform: translateX(5px) translateY(0px) rotate(45deg);
	-ms-transform: translateX(5px) translateY(0px) rotate(45deg);
	transform: translateX(5px) translateY(0px) rotate(45deg);
}
.btn-up:after {
	webkit-transform: translateX(-5px) translateY(0px) rotate(-45deg);
	-ms-transform: translateX(-5px) translateY(0px) rotate(-45deg);
	transform: translateX(-5px) translateY(0px) rotate(-45deg);
}


.messenger_icon2, .messenger_icon ul, .messenger_icon ul li {list-style:none;margin:0;padding:0;}
.messenger_icon2 ul {margin:0 0px;display:flex;align-items:center;justify-content:space-between;flex-flow:column;padding:2px 0 2px 0}
.messenger_icon2 ul li {position:relative;padding:0 0px;width:100%;}
.messenger_icon2 ul li a {display:flex;flex-flow:column;align-items:start;position:relative;background-repeat:no-repeat;background-position:0% 50%;background-size:55px 55px;font-size:22px;font-weight:900;color:#000; font-family:'arial',"Arial", Sans-serif;padding:5px 0 5px 65px;border-radius:6px;}
.messenger_icon2 ul li + li {margin-top:6px}
.messenger_icon2 ul li.kakao a {background-image:url("/images/messenger_icon_kakao.svg?ver=191129_1419");background-color:#fae100;}
.messenger_icon2 ul li.telegram a {background-image:url("/images/messenger_icon_telegram.svg?ver=191129_1419");background-color:#23a7dc;color:#fff;}
.messenger_icon2 ul li a::before {display:block;content:attr(data-title);font-size:14px;font-weight:bold;letter-spacing:-0.5px;}
.messenger_icon2 ul li.kakao a {color:#381e1f;}
.messenger_icon2 ul li.telegram a {color:#fff;}
.messenger_icon2 ul li a strong {display:block;padding:5px 0 0px 0px}
.messenger_icon2 ul li img {width:100%;height:auto; opacity:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;filter:alpth(opacity=0);display:none;}
