@charset "utf-8";
.list_title1{background:#202020;border-bottom:1px solid rgba(0,0,0,.2);font-weight:400;height:45px;text-align:center;color:#c1c1c1}
.list1{background:#242424;border-bottom:1px solid rgba(0,0,0,.2);font-weight:400;height:45px;text-align:center;color:#c1c1c1}
.list2{background:0 0;border-bottom:1px solid rgba(0,0,0,.2);font-weight:400;height:45px;text-align:center;color:#c1c1c1;cursor:pointer}
.list_bottom{background:#202020;border-bottom:1px solid rgba(0,0,0,.2);padding:0 10px;font-weight:400;height:45px;text-align:center;color:#fff}
.list_table tr{background:#242424}
.list_table tr.active{background:#2c2c2c}
.write_box{width:100%}
.write_tr{width:100%;display:flex}
.write_title{background:#202020;border-bottom:1px solid rgba(0,0,0,.2);border-right:1px solid rgba(0,0,0,.2);width:33%;font-weight:500;display:flex;align-items:center;justify-content:center;padding:0 10px}
.write_title2{background:#202020;border-bottom:1px solid rgba(0,0,0,.2);border-right:1px solid rgba(0,0,0,.2);width:33.3333333%;font-weight:500;padding:0 10px;height:45px;display:flex;align-items:center;justify-content:center;padding:0 10px}
.write_title3{background:#242424;border-right:1px solid rgba(0,0,0,.2);width:33.3333333%;font-weight:500;padding:0 10px;height:45px;display:flex;align-items:center;justify-content:center;padding:0 10px}
.write_title2:last-child{border-right:none}
.write_title3:last-child{border-right:none}
.write_basic{width:67%;display:flex;flex-direction:column}
.write_basic_item{background:#242424;border-bottom:1px solid rgba(0,0,0,.2);padding:0 10px;height:45px;display:flex;align-items:center;justify-content:center}
.write_basic_item_contents{color:#ffc000;background:#242424;border-bottom:1px solid rgba(0,0,0,.2);padding:0 10px;height:85px;display:flex;align-items:center;justify-content:center}
.quick_amoint_btn{background:0 0;border-top:1px solid rgba(0,0,0,.2);border-right:1px solid rgba(0,0,0,.2);width:100%;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.write_basic_select{background:#242424;border-bottom:1px solid rgba(0,0,0,.2);padding:10px;display:flex;flex-direction:column}
.write_basic_select_contents{background:#242424;display:flex;flex-direction:column}
.quick_select_btn{display:flex;width:100%;margin:0 0 10px 0;box-shadow:0 0 0 1px #2c2c2c;transition:all .2s}
.select_icon{background:#2c2c2c;border-right:1px solid rgba(0,0,0,.2);width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.select_text{background:#2c2c2c;border-left:1px solid rgba(255,255,255,.03);width:100%;height:40px;padding:0 10px;display:flex;align-items:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.quick_select_btn.active{box-shadow:0 0 0 1px #0759c4}
.quick_select_btn.active .select_icon{color:#0759c4}
.write_basic input::placeholder,.write_basic textarea::placeholder{color:#a3a3a3;transition:all .5s}
.info_wrap{background:#242424;float:left;width:100%;padding:10px;border-radius:0}
.notice_body img{width:100%}
.info_title{background:#202020;border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);width:100%;height:45px;line-height:45px;padding:0 10px 0 10px;border-radius:0;color:#bababa;display:flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;font-size:1.5em}
.info_title2{background:#202020;border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(0,0,0,.2);width:100%;height:45px;line-height:45px;padding:0 10px 0 10px;border-radius:0;color:#fff;display:flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.info_title2.question{height: unset;white-space: unset;line-height: 20px;}
.info1{float:left;width:100%;line-height:20px;color:#ffc000;padding:0;font-weight:500;letter-spacing:-1pt}
.info2{float:left;width:100%;line-height:20px;color:#fff;padding:5px 0 0 0;font-weight:300;letter-spacing:-1pt}
.info3{float:left;width:100%;line-height:20px;color:#bababa;padding:5px 0 0 0;font-weight:300}
.page_wrap{align-items:center;justify-content:space-between}
.page_left{display:flex;align-items:center;color:#bababa}
.page_right{display:flex;align-items:center;color:#bababa}
.list{width:100%;background-color:#242424;border-bottom:1px solid rgba(0,0,0,.2);padding:10px;transition:.2s ease;cursor:pointer}
.list.active{box-shadow:inset 2px 0 #0759c4;background-color:#202020}
.category{color:#bababa}
.list_title{padding:10px 0;color:#fff;display:flex;align-items:center}
.date{color:#bababa}
.member_wrap{width:100%}
.tab_double{height:45px;border-bottom:1px solid rgba(0,0,0,.2)}
.tab_double>div{width:50%}
.tab_double>div:first-child{border-right:1px solid rgba(0,0,0,.2)}
.tab_double>div>div{width:50%;justify-content:center;align-items:center;background:#242424}
.tab_double>div>div:first-child{background:#202020;border-right:1px solid rgba(0,0,0,.2)}
.tab_single{height:45px;border-bottom:1px solid rgba(0,0,0,.2)}
.tab_single>div{width:75%;justify-content:center;align-items:center;background:#242424}
.tab_single>div:first-child{width:25%;background:#202020;border-right:1px solid rgba(0,0,0,.2)}
.tab_single>div button{width:33%;border-left:1px solid rgba(0,0,0,.2)}
.tab_single>div input{height:100%}
.tab_triple>div{width:100%}
.tab_triple>div>div:first-child{background:#202020;width:25%;align-items:center;justify-content:center;border-right:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2)}
.tab_triple>div>div{width:75%}
.tab_triple>div>div:last-child>div>div:first-child{width:33%;height:45px;background:#202020;justify-content:center;border-right:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2)}
.tab_triple>div>div:last-child>div>div{width:67%;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.2);background:#242424}
@media (hover:hover){
.quick_amoint_btn:hover{background:#2c2c2c;color:#0759c4}
.quick_select_btn:hover{box-shadow:0 0 0 1px #0759c4}
.quick_select_btn:hover .select_icon{color:#0759c4}
.list:hover{box-shadow:inset 2px 0 #0759c4;background-color:#202020}
.list_table tr:hover{background:#2c2c2c}
}
.button{display:flex;align-items:center;justify-content:center;vertical-align:middle;outline:0;position:relative;text-decoration:none;transition-duration:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;color:#fff;cursor:pointer;padding:0 10px}
.btn1{height:45px;background:#003b88;width:100%;color:#0759c4}
.btn2{opacity:.7}
.btn3{background:#2c2c2c;min-width:40px;height:40px;opacity:.2}
.btn4{height:45px;background:#003b88;width:100%;color:#bababa}
.btn5{height:45px;background:#242424;width:100%;color:#fff}
.btn5.active{background-image: linear-gradient(90deg, #006da8 0, #008ad3);
    color: #fff;
    font-family: 'EsaManru';
    font-weight: 500;
    font-size: 13px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);}
.history_btn{margin:0 0 0 auto}
.back_btn{width:100px;margin-bottom:10px;color:#e3e3e3;flex-shrink:0;margin-top:10px;background:#242424;height:40px;display:none}
.back_btn2{min-width:100px;margin-bottom:10px;padding:0 10px;color:#e3e3e3;flex-shrink:0;background:#242424;height:40px}
.division1{background:rgba(255,255,255,.1);display:inline-block;text-align:center;min-width:60px;padding:6px 8px 6px 8px;line-height:12px;color:#c1c1c1;font-weight:700;border-radius:0}
.division2{background:#0759c4;display:inline-block;text-align:center;min-width:60px;padding:6px 8px 6px 8px;line-height:12px;color:#fff;font-weight:700;border-radius:0}
.division3{background:linear-gradient(#c18805 0,#e6da6f 26%,#e4b647 47%,#8c540f 78%,#3d2b00 100%);display:inline-block;text-align:center;min-width:100px;padding:6px 8px 6px 8px;line-height:12px;color:#000;font-weight:700;border-radius:5px 100px}
.division4{background:#0759c4;display:inline-block;text-align:center;min-width:60px;padding:6px 8px 6px 8px;line-height:12px;color:#000;font-weight:700;border-radius:0}
@media (hover:hover){
.btn1:not(.disabled):hover{background:#2c2c2c}
.btn2:not(.disabled):hover{color:#0759c4;opacity:1}
.btn3:not(.disabled):hover{opacity:.7}
.btn4:not(.disabled):hover{background:#2c2c2c;color:#0759c4}
.btn5:not(.disabled):hover{background:#2c2c2c;color:#0759c4}
.history_btn:hover{color:#0759c4}
.button.disabled{color:#555;cursor:default}
}
@media screen and (max-width:1024px){
.back_btn{display:block}
}
.tab_wrap{float:left;margin:0;transition:all .5s}
.tab_wrap.sports_tab_wrap{float:right}
.tab_wrap ul li{float:left;margin:0 1px 3px 0}
.tab{border:1px solid #3c4246;background:#2b2e2f;width:130px;height:36px;line-height:34px;text-align:center;display:inline-block;color:#989898;font-weight:400;border-radius:0}
.tab:hover{border:1px solid #01aef0;background:#01aef0;color:#fff}
.tabon{border:1px solid #01aef0;background:#2b2e2f;width:130px;height:36px;line-height:34px;text-align:center;display:inline-block;color:#01aef0;font-weight:400;border-radius:0}
.tab:hover img{filter:brightness(100)}
@media screen and (max-width:768px){
.tab_wrap{width:100%;margin:0}
.tab_wrap ul li{width:33%;margin:0 .5% .5% 0}
.tab_wrap ul li:nth-child(3n){margin:0 0 .5% 0}
.tab{width:100%}
.tabon{width:100%}
}
.font01{color:#fff;font-weight:500}
.font02{color:#000;font-weight:500}
.font03{color:#929292}
.font04{color:#72b12c}
.font05{color:#0759c4;font-weight:500}
.font06{color:#0ff;font-weight:500}
.font07{color:#fee599;font-weight:500}
.font08{color:#828282;font-weight:500}
.font09{color:#0048ff;font-weight:500}
.font10{color:#fee900;font-weight:500}
.font11{color:#ffa800;font-weight:500;font-size:20px;font-family:'Nanum Gothic',sans-serif}
.font12{color:#eaeaea;font-weight:500;font-size:16px;font-family:'Nanum Gothic',sans-serif}
.font13{color:#fff;font-weight:500;font-size:16px;font-family:'Nanum Gothic',sans-serif}
.font14{color:#00ff54;font-weight:500;font-size:20px;font-family:'Nanum Gothic',sans-serif}
.input1{background-color:#fff;border:1px solid #313639;padding:4px 0 4px 5px;color:#444;font-size:14px;border-radius:3px;height:34px;transition:all .5s}
.input2{background-color:inherit;padding:0 10px;color:#fff;height:44px;width:100%;text-align:left;transition:all .5s}
.input3{background-color:inherit;padding:0 10px;color:#0759c4;height:44px;width:100%;text-align:center;transition:all .5s}
.write_init{background-color:inherit;padding:0 10px;color:#fff;height:45px}
.select{background-color:inherit;padding:0 10px;background-color:#181818;height:40px;text-align:center;transition:all .5s}
.column{float:left;width:100%;display:flex;flex-direction:column}
.row{float:left;width:100%;display:flex;flex-direction:row}
.text{display:flex;justify-content:center;align-items:center}
.padding0{padding:0}
.marginLauto{margin:0 0 0 auto}
.margin0{margin:0}
.margin_R5{margin-right:5px}
.margin_L5{margin-left:5px}
.margin_b5{margin-bottom:5px}
.margin_t5{margin-top:5px}
.margin_horizontal_5{margin:0 5px}
.borderR{border-right:1px solid rgba(0,0,0,.2)}
.borderL{border-left:1px solid rgba(255,255,255,.03)}
.text_ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.hidden{display:none!important}
.ish i{display:none}
.ish.active i{display:block}
.no_content{display:flex;width:100%;height:100%;background:url(../images/logo.png) center center no-repeat}
input.change{accent-color:#0759c4}
#bnotice_list{background:#202020;border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(0,0,0,.2);width:100%;padding:20px 30px;border-radius:0;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
span.comment_count{margin-left:5px;color:red}
span.bettingBadge{margin-left:5px;font-size:10px;background:green;border-radius:0;color:#fff;padding:2px 5px}
table.betting_list{width:100%}
.betting_info_detail{margin-bottom:0px;display:flex;flex-direction:column}
.swiper-wrapper img{max-height:460px;max-width:100%}
.betting_preview{line-height:25px;margin:0 0 7px 10px;font-size:15px}
.betting_preview span{margin-left:5px}
.color-white{color:#fff}
.color-black{color:#000}
.color-gold{color:#e3a979}
.color-success{color:#22c544}
.color-danger{color:#ff5d6b}
.color-red{color:#ff6c6c}
.color-blue{color:#49abff}
/*
#popup{position:fixed;z-index:3001;background:rgba(0,0,0,.6);top:0;left:0;right:0;bottom:0;display:none}
.popup_inner{width:90%;max-width:500px;background:#3c3c3c;margin:auto;padding-bottom:5px}
.popup_body{border-bottom:1px solid #d6a14d;color:#eee}
.popup_body img{width:100%}
.popup_footer{padding-top:4px;padding-right:4px;float:right;margin:0 auto;display:inline-block;color:#eee;cursor:pointer}
.popup_footer div{display:inline-block;padding:8px 15px;color:#eee;background:#222;cursor:pointer}
#popup1,#popup2,#popup3,#popup4,#popup5,#popup6,#popup7,#popup10{float:left;position:absolute;z-index:1000;top:0;left:50%;transform:translateX(-50%);display:none}
*/
/*
#popup{position:fixed;z-index:3001;background:rgba(0,0,0,.6);top:0;left:0;right:0;bottom:0;display:none}
.popup_inner{width:90%;max-width:350px;background:#3c3c3c;margin:auto;padding-bottom:5px}
.popup_body{border-bottom:1px solid #d6a14d;color:#eee}
.popup_body img{width:100%}
.popup_footer{padding-top:4px;padding-right:4px;float:right;margin:0 auto;display:inline-block;color:#eee;cursor:pointer}
.popup_footer div{display:inline-block;padding:8px 15px;color:#eee;background:#222;cursor:pointer}
#popup1,#popup2,#popup3,#popup4,#popup5,#popup6,#popup7{float:left;position:absolute;z-index:1000;top:0;left:50%;transform:translateX(-50%);display:none}
*/

#popup{
    position: fixed;
    z-index: 3001;
    background: rgba(0, 0, 0, 0.6);
    top: 0px;
    left: 0px;
    right:0px;
    bottom:0px;
    display:none;
}
.popup_inner{
    width: 400px;
    background: #008ad3;
    margin: auto;
    padding-bottom:5px;
    margin-bottom: 20px;
    margin-left: 40px;
    margin-right: 0px;
}
.popup_body{
    border-bottom: 1px solid #1f1f1f;
    color:#eee;
}
.popup_body img{
    width: 100%;
}
.popup_footer{
    padding-top: 4px;
    padding-right: 4px;
    float: right;
    margin: 0px auto;
    display: inline-block;
    color:#eee;
    cursor:pointer;
}
.popup_footer div{
    display:inline-block;
    padding:8px 15px;
    color:#eee;
    background:#222;
    cursor:pointer;
}
#popup1, #popup2, #popup3, #popup4, #popup5, #popup6, #popup7, #popup8, #popup10 {
    float: left;
    position: relative;
    z-index: 1000;
    top: 0px;
    left: 25%;
    display:none;
}

@media screen and (max-width:768px) {
    .popup_inner{
		width: 70%;
		max-width: 500px;
		background: #008ad3;
		margin: auto;
		padding-bottom: 5px;
	}
	#popup1, #popup2, #popup3, #popup4, #popup5, #popup6, #popup7, #popup8, #popup10{
		float: left;
		position: absolute;
		z-index: 1000;
		top: 0;
		left: 50%;
	}

}