/*
    Created on:02/07/2022 10:00:00
    Author:Quoc Buu Group
    Web:www.quocbuugroup.com
    Hotline:0937.587.087
*/
@font-face{font-family:'NotoSansCJKkr-Regular';src:url('../../public/fonts/NotoSans/NotoSansCJKkr-Regular-Alphabetic.eot');src:url('../../public/fonts/NotoSans/NotoSansCJKkr-Regular-Alphabetic.eot?#iefix') format('embedded-opentype'),url('../../public/fonts/NotoSans/NotoSansCJKkr-Regular-Alphabetic.woff2') format('woff2'),url('../../public/fonts/NotoSans/NotoSansCJKkr-Regular-Alphabetic.woff') format('woff'),url('../../public/fonts/NotoSans/NotoSansCJKkr-Regular-Alphabetic.ttf') format('truetype'),url('../../public/fonts/NotoSans/NotoSansCJKkr-Regular-Alphabetic.svg#NotoSansCJKkr-Regular-Alphabetic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'NotoSansCJKkr-Medium';src:url('../../public/fonts/NotoSans/Medium/NotoSansCJKkr-Medium-Alphabetic.eot');src:url('../../public/fonts/NotoSans/Medium/NotoSansCJKkr-Medium-Alphabetic.eot?#iefix') format('embedded-opentype'),url('../../public/fonts/NotoSans/Medium/NotoSansCJKkr-Medium-Alphabetic.woff2') format('woff2'),url('../../public/fonts/NotoSans/Medium/NotoSansCJKkr-Medium-Alphabetic.woff') format('woff'),url('../../public/fonts/NotoSans/Medium/NotoSansCJKkr-Medium-Alphabetic.ttf') format('truetype'),url('../../public/fonts/NotoSans/Medium/NotoSansCJKkr-Medium-Alphabetic.svg#NotoSansCJKkr-Medium-Alphabetic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'NotoSansCJKkr-Bold';src:url('../../public/fonts/NotoSans/Bold/NotoSansCJKkr-Bold-Alphabetic.eot');src:url('../../public/fonts/NotoSans/Bold/NotoSansCJKkr-Bold-Alphabetic.eot?#iefix') format('embedded-opentype'),url('../../public/fonts/NotoSans/Bold/NotoSansCJKkr-Bold-Alphabetic.woff2') format('woff2'),url('../../public/fonts/NotoSans/Bold/NotoSansCJKkr-Bold-Alphabetic.woff') format('woff'),url('../../public/fonts/NotoSans/Bold/NNotoSansCJKkr-Bold-Alphabetic.ttf') format('truetype'),url('../../public/fonts/NotoSans/Bold/NotoSansCJKkr-Bold-Alphabetic.svg#NotoSansCJKkr-Bold-Alphabetic') format('svg');font-weight:bold}
@font-face{font-family:'CopperplateGothic-Bold';src:url('../../public/fonts/CopperplateGothic/CopperplateGothic-Bold.eot');src:url('../../public/fonts/CopperplateGothic/CopperplateGothic-Bold.eot?#iefix') format('embedded-opentype'),url('../../public/fonts/CopperplateGothic/CopperplateGothic-Bold.woff2') format('woff2'),url('../../public/fonts/CopperplateGothic/CopperplateGothic-Bold.woff') format('woff'),url('../../public/fonts/CopperplateGothic/CopperplateGothic-Bold.ttf') format('truetype'),url('../../public/fonts/CopperplateGothic/CopperplateGothic-Bold.svg#CopperplateGothic-Bold') format('svg');font-weight:bold}
@font-face{font-family:'Montserrat-BlackItalic';src:url('../../public/fonts/Montserrat-BlackItalic/Montserrat-BlackItalic.eot');src:url('../../public/fonts/Montserrat-BlackItalic/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),url('../../public/fonts/Montserrat-BlackItalic/Montserrat-BlackItalic.woff2') format('woff2'),url('../../public/fonts/Montserrat-BlackItalic/Montserrat-BlackItalic.woff') format('woff'),url('../../public/fonts/Montserrat-BlackItalic/Montserrat-BlackItalic.ttf') format('truetype'),url('../../public/fonts/Montserrat-BlackItalic/Montserrat-BlackItalic.svg#Montserrat-BlackItalic') format('svg');font-weight:900;font-style:italic;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
.live_tv:hover{filter:brightness(1.5)}
.bt_live_tv{width:100%;height:auto}
.payback{margin-bottom:10px}
.payback:hover{filter:brightness(2)}
.btn_refresh:hover{filter:brightness(150%)}
.banner_domain{display:block}
.bottom_telegram span{position:absolute;top:26px;left:160px;color:#00b8ff;font-size:16px}
.bottom_kakao span{position:absolute;top:26px;left:160px;color:#ffcc00;font-size:16px}
.block{position:relative;background:linear-gradient(0deg,#000,#272727)}
.block:before,.block:after{content:'';position:absolute;left:-2px;top:-2px;background:linear-gradient(45deg,#ffffff,#024be0,#0363c6,#ffffff,#024be0,#0363c6,#024be0,#0363c6,#024be0,#0363c6);background-size:400%;width:calc(100% + 4px);height:calc(100% + 4px);z-index:-1;animation:steam 20s linear infinite}
@keyframes steam{0%{background-position:0 0}50%{background-position:400% 0}100%{background-position:0 0}}
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0;list-style:none}
html{scrollbar-face-color:#646464;scrollbar-base-color:#646464;scrollbar-3dlight-color:#646464;scrollbar-highlight-color:#646464;scrollbar-track-color:#000;scrollbar-arrow-color:#000;scrollbar-shadow-color:#646464;scrollbar-dark-shadow-color:#646464}
body{font-family:'NotoSansCJKkr-Regular',Arial;font-size:12px;min-width:1956px!important}
input{border-radius:0;font-family:'NotoSansCJKkr-Regular',Arial}
textarea{resize:none}
i{margin-right:5px}
button{font-family:'NotoSansCJKkr-Regular',Arial;font-size:12px}
li{vertical-align:middle}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0;-webkit-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
a{color:#fff;text-decoration:none;cursor:pointer}
a:hover{color:#fff;text-decoration:none}
button *{position:relative}
button img{left:-3px;*left:auto}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-spacing:0;border-collapse:collapse}
.footer_top{clear:both;width:100%;position:relative;height:130px;padding-top:64px;display:none}
.footer{width:100%;text-align:center;color:#b59380;margin:0 auto;padding-top:40px;position:relative;clear:both;display:block;height:130px;background:rgba(44,44,44,.42)}
.footer .copyright{color:#3a4866;font-size:11px;padding:0 0}
.footer .banner a{display:inline-block;margin:0 22px;color:#ccc}
.league_img img{width:20px}
.sports_img img{width:18px;height:18px}
.blind{display:none}
.button,input.button{display:inline-block;font-size:14px;font-weight:600;height:32px;line-height:32px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);box-shadow:1px 1px 5px rgba(0,0,0,0.4);border-radius:0;background:#464547;padding:0 20px;cursor:pointer;color:#fff}
.button.ty2,input.button.ty2{height:38px;line-height:38px;padding:0 30px;cursor:pointer;font-size:14px;font-weight:bold}
.button:hover,input.button:hover{text-decoration:none;background:#a035c1}
.buttonPoint,input.buttonPoint{display:inline-block;font-size:14px;font-weight:600;height:32px;line-height:32px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);box-shadow:1px 1px 5px rgba(0,0,0,0.4);border-radius:0;background:linear-gradient(to bottom,#a035c1 1%,#5d1b9a 100%);padding:0 20px;cursor:pointer}
.buttonPoint:hover,input.buttonPoint:hover{text-decoration:none;background:#a035c1}
.buttonPoint.ty2,input.buttonPoint.ty2{height:38px;line-height:38px;padding:0 30px;cursor:pointer;font-size:14px;font-weight:bold}
input[type=checkbox]{width:15px;height:15px;padding:0}
input:-webkit-autofill{background-color:transparent!important}
.bold{font-weight:bold}
.date{color:#A0A0A0}
.time{color:#ff7200;margin-left:5px}
input{background:rgba(255,255,255,.18);border:1px solid #1c1c1c;border-radius:2px;padding:0 10px;height:25px;line-height:25px;color:#ddd;padding:5px;text-indent:5px;font-size:12px;margin:0}
input.white{border:none;color:#fff;height:25px;line-height:25px;padding:0 5px;text-indent:5px;font-size:12px;margin:0;background:#fff;text-align:left}
textarea{background:rgba(255,255,255,.04);border:1px solid #1c1c1c;color:#ddd;width:100%;height:20px;line-height:20px;padding:5px;text-indent:5px;font-size:12px}
select{color:#fff;height:24px;color:#000}
.emphasize{font:bold 13px 'SCDream';margin-bottom:3px}
.cursor{cursor:pointer}
.f_gray{color:#bbb}
.f_blue{color:#74a6d2}
.f_blue_box{background:#366fcc;color:#fff;font-size:11px;text-align:center;height:14px;line-height:15px;padding:4px 5px}
.f_red{color:#FFFB4A}
.f_red_box{background:#e4326d;color:#fff;font-size:11px;text-align:center;height:14px;line-height:15px;padding:4px 5px}
.f_purple_box{background:#7f339a;color:#fff;font-size:11px;text-align:center;height:14px;line-height:15px;padding:4px 5px}
.f_yellow{color:#fed92c}
.f_white{color:#fff}
.bet .f_blue{color:#366fcc;float:left;margin-left:2px}
.wrap{width:100%;margin:0 auto;background:url('../../public/images/bg_header.png') no-repeat center top}
.wrap_main{}
.bg_object{min-width:1510px;margin:0 auto;position:relative}
/*header*/
.left_img{width:314px;height:585px;position:absolute;z-index:12;bottom:-900px;left:-283px}
/* ==================================================
 header
 ================================================== */
#header-space{margin-bottom:50px}
.header{margin:auto;width:100%;height:226px;position:relative;display:block;z-index:300;min-width:1270px;background-color:#000;background-image:url(../../public/images/bg_header.png);background-repeat:no-repeat;background-position:center bottom;background-size:cover;border-bottom:solid 15px #000}
.header .memInfo{width:100%;margin:0 auto;z-index:400;display:block;height:42px}
.header .memInfo ul{display:block}
.header .memInfo ul li{font-size:13px;display:inline-block;margin:6px 3px;line-height:30px;height:30px}
.header .memInfo ul.rightArea > li{float:right}
.header .memInfo ul li a{font-family:'SCDream';font-weight:bold;color:#fff;text-decoration:none}
.header .memInfo ul li a.stamp{display:inline-block;height:21px;line-height:21px;padding:1px 14px 0 13px;cursor:pointer;font-size:11px;margin-left:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#d8b640;color:#000;font-weight:normal}
.header .memInfo ul li a.member:hover{transform:rotate(120deg);-webkit-transform:rotate(120deg)}
.header .memInfo ul li a.partnership{color:#fed92c;display:inline-block}
.header .memInfo ul.leftArea{float:left;margin-top:17px;width:553px}
.header .memInfo ul.leftArea.ty2{position:absolute;left:50%;top:109px;margin-left:-729px;z-index:700}
.header .memInfo ul.leftArea > li{float:left;margin-left:7px}
.header .memInfo .memMoney li{display:inline-block}
.header .memInfo .memMoney .money a{color:#ff6613}
.header .memLv{position:absolute;top:60px;left:0}
.header .memLv ul{margin-top:5px}
.header .memLv ul li{color:#ffffff}
.header .memLv ul li span{margin-right:5px;font-weight:bold;font-size:14px;color:#eec500}
.header .memLv ul li:first-child{text-align:center}
.header .memLv .user_nick{color:#2157b6;font-weight:bold;font-size:14px}
.header .memInfoBottom{display:block;position:absolute;top:116px;height:34px;padding-left:34px}
.header .memInfoBottom ul li{display:inline-block;font-size:11px;color:#47828f;line-height:34px;margin-right:22px}
.header .topLogo{display:block;z-index:500;width:136px;height:68px;position:absolute;left:50%;top:45px;margin-left:-600px}
.logo_area_main{width:180px;height:196px;position:absolute;top:5px;left:50%;margin-left:-90px;z-index:10000}
@-webkit-keyframes blink-round{22%{opacity:1;-webkit-transform:rotateZ(100deg) scale(1,1);-moz-transform:rotateZ(100deg) scale(1,1);-ms-transform:rotateZ(100deg) scale(1,1);-o-transform:rotateZ(100deg) scale(1,1);transform:rotateZ(100deg) scale(1,1)}26%{opacity:1;-webkit-transform:rotateZ(100deg) scale(1,1);-moz-transform:rotateZ(100deg) scale(1,1);-ms-transform:rotateZ(100deg) scale(1,1);-o-transform:rotateZ(100deg) scale(1,1);transform:rotateZ(100deg) scale(1,1)}50%{opacity:0;-webkit-transform:rotateZ(200deg) scale(0,0);-moz-transform:rotateZ(200deg) scale(0,0);-ms-transform:rotateZ(200deg) scale(0,0);-o-transform:rotateZ(200deg) scale(0,0);transform:rotateZ(200deg) scale(0,0)}}
@keyframes blink-round{22%{opacity:1;-webkit-transform:rotateZ(100deg) scale(1,1);-moz-transform:rotateZ(100deg) scale(1,1);-ms-transform:rotateZ(100deg) scale(1,1);-o-transform:rotateZ(100deg) scale(1,1);transform:rotateZ(100deg) scale(1,1)}26%{opacity:1;-webkit-transform:rotateZ(100deg) scale(1,1);-moz-transform:rotateZ(100deg) scale(1,1);-ms-transform:rotateZ(100deg) scale(1,1);-o-transform:rotateZ(100deg) scale(1,1);transform:rotateZ(100deg) scale(1,1)}50%{opacity:0;-webkit-transform:rotateZ(200deg) scale(0,0);-moz-transform:rotateZ(200deg) scale(0,0);-ms-transform:rotateZ(200deg) scale(0,0);-o-transform:rotateZ(200deg) scale(0,0);transform:rotateZ(200deg) scale(0,0)}}
.header .GNB_area{display:block;position:relative;margin:0 auto 0;height:200px;width:1480px}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix:before{content:" ";display:table}
.header .GNB_area ul.Top_menu{width:100%;height:50px;position:absolute;left:50%;margin-left:-740px;top:125px;font-family:'NotoSansCJKkr-Bold',Arial;font-weight:bolder}
.header .GNB_area ul.Top_menu li{float:left;position:relative;padding-right:40px;padding-bottom:20px}
.header .GNB_area ul.Top_menu li:last-child{padding-right:0}
.header .GNB_area ul.Top_menu li a{display:block;color:#fff;font-size:15px}
.header .GNB_area ul.Top_menu li a:hover,.header .GNB_area ul.Top_menu li a.active{color:#ffba00}
/* ==================================================
 tab_2lv
 ================================================== */
.header .GNB_area ul.Top_menu div.tab_2lv .tab_top{position:absolute;left:0;top:0;width:87px;height:43px;z-index:-1}
.header .GNB_area ul.Top_menu div.tab_2lv{padding:10px;left:-10px;top:-10px;clear:both;position:absolute;z-index:100000}
.header .GNB_area ul.Top_menu div.tab_2lv{display:none}
.header .GNB_area ul.Top_menu li div.tab_2lv a{background:none;width:134px}
.header .GNB_area ul.Top_menu li:hover div.tab_2lv{display:block}
.header .GNB_area > ul.Top_menu li div.tab_2lv > ul{display:block;background-color:rgba(0,0,0,0.9);border-radius:0 0 15px 15px;border:2px solid #001b8f;position:absolute;top:48px;left:-22px;width:110px;overflow:hidden}
.header .GNB_area > ul.Top_menu li div.tab_2lv > ul li{display:block;position:relative;width:100%;padding-bottom:0;padding-left:0;padding-right:0;font-family:'NotoSansCJKkr-Regular',Arial}
.header .GNB_area ul.Top_menu li div.tab_2lv ul li a{display:block;width:100%;color:#fff;text-align:center;padding:5px 10px 5px 10px;font-size:12px}
.header .GNB_area ul.Top_menu li div.tab_2lv ul li a:hover,.header .GNB_area ul.Top_menu li div.tab_2lv ul li a.on{background:#997300}
.header .GNB_area ul.Top_menu li:nth-child(5),.header .GNB_area ul.Top_menu li:nth-child(6),.header .GNB_area ul.Top_menu li:nth-child(7),.header .GNB_area ul.Top_menu li:nth-child(8),.header .GNB_area ul.Top_menu li:nth-child(9){float:right;padding-right:0;padding-left:30px}
.header .GNB_area ul.Top_menu li:nth-child(5) div.tab_2lv,.header .GNB_area ul.Top_menu li:nth-child(6) div.tab_2lv,.header .GNB_area ul.Top_menu li:nth-child(7) div.tab_2lv,.header .GNB_area ul.Top_menu li:nth-child(8) div.tab_2lv,.header .GNB_area ul.Top_menu li:nth-child(9) div.tab_2lv{left:-30px}
.header .GNB_area ul.util2_right{position:absolute;left:200px;height:30px;top:185px;display:block}
/* ==================================================
 section_wrapper
 ================================================== */
.wrap_content_body{position:relative}
.wrap_content_bottom{}
.wrap_content{z-index:10;position:relative;min-height:600px}
.wrap_content .centerGameList{float:left;display:inline;width:100%}
#layer_list{z-index:15}
/* ==================================================
 StopArea
 ================================================== */
.StopArea{top:97px;left:20px;right:20px;height:30px;z-index:200;position:absolute;display:none}
.StopArea2{width:400px;height:30px;line-height:30px;padding-left:40px;display:block;margin:0 auto 0}
.StopArea2 i{font-size:14px;position:absolute;top:2px;left:4px;background-color:#0084ff;color:#FFF;width:27px;height:27px;text-align:center;line-height:27px;border-radius:50%}
.notice_area{font-weight:normal;color:#b3905e;font-size:14px;font-weight:700;letter-spacing:-1px;z-index:200;display:block;padding-left:0}
.notice_area marquee{color:#ffe400;font-size:13px;font-weight:100}
/********************************************************
#container_main
********************************************************/
#container_main{position:relative;margin:0 auto;width:100%;min-height:500px;overflow:hidden;z-index:10}
.main_visual{position:relative;margin-bottom:20px;display:inline-block;width:53.5%;float:left;margin:0 4px}
.main_visual img{width:100%;height:100%}
.mainBannerTop{width:100%;position:relative;margin-bottom:15px}
.mainBannerTop img{max-width:100%;width:100%}
.left_category_image{width:24px;height:24px;display:inline-block;margin:-2px 8px 0 0;vertical-align:middle}
.main_banner{position:relative;margin-bottom:15px;display:block;width:100%}
.main_banner ul{width:100%;position:relative;text-align:center}
.main_banner ul li{width:19.5%;display:inline-block;margin-right:0.3%}
.main_banner ul li:last-child{margin-right:0}
.main_banner img{width:100%}
.main_banner img:hover{filter:brightness(1.5)}
.main_banner.left{float:left}
.main_bottom_bbs{display:block;width:100%;font-family:'NotoSansCJKkr-Medium',Arial;background:rgba(16,18,20,.9);border:2px solid #6dd1fe;border-radius:8px;overflow:hidden;padding:10px 10px 10px 10px;text-align:center}
.main_bottom_bbs li{display:inline-block}
.main_bottom_bbs li.notice_bg{width:49.5%;height:390px;background-color:rgba(0,0,0,0.75);margin-right:0.5%;border-radius:10px;display:inline-block;vertical-align:top;text-align:left}
.main_bottom_bbs li.notice_bg:last-child{margin-right:0}
/********************************************************
#container_main notice
********************************************************/
.main_bottom_bbs .notice{display:inline-block;width:100%;height:390px;float:left;font-size:16px}
.main_bottom_bbs .notice h2{display:block;position:relative;width:100%;border-radius:8px;background-color:rgb( 6,62,203 );padding:15px 0 15px 15px;font-size:15px;margin-bottom:10px;color:#FFF}
.main_bottom_bbs .notice h2 span{color:#00c0ff}
.main_bottom_bbs h2 a{display:block;width:70px;height:20px;position:absolute;top:15px;right:10px;color:#ffe400}
.main_bottom_bbs h2 a:hover{color:#00c0ff}
.main_bottom_bbs .notice ul{display:block;width:96%;height:310px;position:relative;overflow-x:hidden;overflow-y:scroll;margin:0 auto}
.main_bottom_bbs .notice ul li{width:100%;display:block;position:relative}
.main_bottom_bbs .notice ul li a{font-size:12px;color:#ffffff;display:block;width:95%;margin-left:20px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;border-bottom:solid 2px #444;padding:12px 10px 12px 0}
.main_bottom_bbs .notice ul li a:hover{color:#ff4c4c}
.main_bottom_bbs .notice ul li:last-child a{border:none}
/********************************************************
.main_bottom_bbs event
********************************************************/
.main_bottom_bbs .event{display:inline-block;/* background:#1e1e1e;*/
    width:100%;height:357px;float:left}
.main_bottom_bbs .event h2{display:block;position:relative;width:96%;margin:10px 0 10px 10px;border-radius:5px;background-color:rgb( 6,62,203 );padding:15px 0 15px 15px;font-size:16px}
.main_bottom_bbs .event h2 span{color:#00c0ff}
.main_bottom_bbs .event ul{display:block;width:96%;height:273px;position:relative;overflow-x:hidden;overflow-y:scroll;margin:0 auto}
.main_bottom_bbs .event ul li{width:98%;display:block;height:30px;line-height:30px;text-align:left}
.main_bottom_bbs .event ul li:nth-child(2n){background:rgba(60,60,60,.42)}
.main_bottom_bbs .event ul li a{font-size:12px;color:#fff;height:30px;line-height:30px;display:inline-block;width:100%;font-weight:bold;margin-left:20px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.main_bottom_bbs .event ul li.title a{color:#fcd800}
/********************************************************
.main_row banner
********************************************************/
.main_row .right_domain{position:relative;background:url(../../public/images/banner/right-banner.png) no-repeat left top;width:100%;display:block;min-height:331px}
.main_row .right_domain span{display:block;font-size:0}
.main_row .right_telegram{position:relative;background:url(../../public/images/right_tele.png) no-repeat left top;width:100%;min-height:120px;display:block;margin:0 auto 5px auto;background-size:100% auto}
.main_row .right_telegram:hover{filter:brightness(1.5)}
.betSlip{width:100%;position:relative;margin-bottom:15px;color:#FFF;font-size:12px}
.betSlip h3{color:#00b4ff;background-color:#343434;font-family:'CopperplateGothic-Bold',Arial;font-size:18px;padding:10px 0 5px 0}
.betSlip h3 b{display:block;padding:0 10px 5px 10px}
.betSlip h3 span{display:block;width:100%;height:2px;background-color:#f5b902}
.betSlip ul{width:100%;position:relative;margin-top:8px}
.betSlip ul li{display:block;width:100%;position:relative;background-color:#1d1d1d;padding:8px 20px 8px 20px;border-bottom:solid 2px #020302}
.betSlip ul li:first-child{padding:5px 5px 0 5px}
.betSlip ul li span{float:right}
.betSlip ul li strong{float:right;background-color:#000;display:inline-block;width:48%;text-align:right;padding:2px 10px 4px 10px;font-style:normal;font-weight:normal;margin-top:-3px;margin-right:-10px}
.betSlip ul li p{display:inline-block;width:104px;height:38px;background-image:url(../../public/images/btn-sltip-normal.png);background-repeat:repeat-x;vertical-align:top;text-align:center;line-height:38px;border-radius:5px;margin-bottom:5px;cursor:pointer}
.betSlip ul li p:nth-child(3n){margin-right:0}
.betSlip ul li p.active,.betSlip ul li p:hover{background-image:url(../../public/images/btn-sltip-active.png)}
.betSlip ul li p.cancel{background-image:url(../../public/images/btn-slip-hover.png)}
.betSlip ul li p.cancel:hover{background-image:url(../../public/images/btn-sltip-cancel.png)}
.betSlipLast{width:100%;position:relative;margin-top:5px}
.betSlipLast input[type='button']{width:49.3%;margin-right:0;height:42px;border:none;background-image:url(../../public/images/btn-send-nomal.png);background-repeat:repeat-x;cursor:pointer;display:inline-block}
.betSlipLast input[type='button']:hover{background-image:url(../../public/images/btn-send.png)}
.betSlipLast input[type='button'].active{background-image:url(../../public/images/btn-send-hover-1.png)}
.betSlipLast input[type='button'].active:hover{background-image:url(../../public/images/btn-send-hover-active.png)}
.member{width:100%;position:relative;color:#FFF;margin-bottom:15px}
.member h3{background-color:#343434;font-size:18px;padding:10px 0 10px 10px}
.member h3 img{margin-top:-5px}
.member ul{width:100%;position:relative}
.member ul li{display:block;width:100%;position:relative;background-color:#1d1d1d;padding:8px 15px 8px 15px;border-top:solid 2px #020302}
.member ul li span{display:inline-block;margin-left:25px}
.member ul li img{display:inline-block;margin-right:2px;vertical-align:-4px}
.member ul li img.topSlip{transition:transform 0.6s;animation-name:topSlip;animation-duration:3s;animation-iteration-count:infinite}
@keyframes topSlip{100%{transform:rotateY(360deg)}}
.member ul li a:hover{color:#ffe400}
.memberLast{width:100%;position:relative;margin-top:15px}
.memberLast p{display:inline-block;width:49.4%;position:relative;margin-bottom:2px;vertical-align:top}
.memberLast p a{background-color:#343434;color:#FFF;display:block;text-align:center;padding:12px 10px 12px 10px}
.memberLast p a.active,.memberLast p a:hover{background-color:#6e6e6e}
.memberLast input[type='submit']{display:block;width:100%;height:42px;background-image:url(../../public/images/btn-member.png);background-repeat:repeat-x;text-align:center;line-height:33px;background-size:cover;cursor:pointer}
.memberLast input[type='submit']:hover{background-image:url(../../public/images/btn-member-hover.png)}
.contentsLast{width:100%;position:relative;padding-top:90px;margin-bottom:10px;text-align:center}
.contentsLast img{max-width:92%}
/* ==================================================
 Tab Menu,Top search
 ================================================== */
.tableframe .viewWriteBox{width:100%}
.tableframe .viewWriteBox table{width:100%;margin:0 auto;color:#fff;background:#2a1a28}
.tableframe .viewWriteBox table th{color:#fff;text-align:right;font-weight:normal;padding:10px}
.tableframe .viewWriteBox table td{height:25px;padding:0;text-align:left}
.tableframe .viewWriteBox table td.readTxt{padding-top:10px;height:200px;vertical-align:top;color:#aaa}
.tableframe .viewWriteBox table td.readTxt .show{width:1100px;margin:10px;word-wrap:break-word;display:inline-block}
.tableframe .viewWriteBox table td.title{text-align:left!important;font-weight:bold}
.tableframe .viewWriteBox table td.title .write_user{font-size:12px;color:#fde281;font-weight:bold;float:right}
.tableframe .viewWriteBox table td.title .write_user span{font-weight:bold}
.tableframe .viewWriteBox table td.title input{width:680px;background:#546686}
.tableframe .viewWriteBox table td.datetime{text-align:right;font-weight:bold}
.tableframe .viewWriteBox table td.eventre input{width:600px;vertical-align:middle}
.tableframe .viewWriteBox table td.eventre span{vertical-align:middle}
.tableframe .viewWriteBox table tr.viewHeader td{color:#fff;font-size:12px;text-align:center;height:20px!important;line-height:20px!important;background:#1f131d;border-top:1px solid #3d253b;border-bottom:1px solid #000}
.inputTable{background:#2b2b2b;border-top:1px solid #000000;border-right:1px solid #000000;width:100%}
.inputTable tr td,.inputTable tr th{border-left:1px solid #000000;border-bottom:1px solid #000000;padding:0 10px;text-align:left;color:#fff;height:40px}
.tabBox{}
.tabBox .tabMenu{position:relative;margin-bottom:10px;text-align:center;box-shadow:0 3px 2px rgba(0,0,0,0.2)}
.tabBox .tabMenu ul{background-color:#2e2e2e}
.tabBox .tabMenu ul li{display:table-cell;width:1%;border-top:1px solid #565658;border-right:1px solid #565658;border-bottom:1px solid #565658}
.tabBox .tabMenu ul li:first-child{border-left:1px solid #565658}
.tabBox .tabMenu ul li a{display:block;padding:7px 0 8px 0;color:#bababa;font-size:14px;letter-spacing:-1px;-webkit-transition:0.3s;transition:0.3s;height:25px;line-height:25px;border:none}
.tabBox .tabMenu ul li a:hover,.tabBox .tabMenu ul li.on a{background:linear-gradient(to bottom,#a035c1 1%,#5d1b9a 100%);color:#fff;text-shadow:1px 1px 2px rgba(00,00,00,1)}
.betTab{position:absolute;bottom:0;left:0}
.betTab ul li{float:left;margin-right:1px}
.betTab ul li a{display:block;width:100px;height:26px;text-indent:-9999px}
.searchArea{position:absolute;top:8px;right:0;height:23px}
.searchArea ul{height:23px}
.searchArea ul li{float:left;margin-left:3px}
.searchArea ul li.serchin input{padding:0 5px;width:130px;height:21px;font-size:11px;background:#403b39;color:#FFFFFF}
.searchArea ul li select{height:23px;background:#403b39;color:#FFFFFF}
.searchArea select,img{vertical-align:middle}
#footer{clear:both;display:block;text-align:center}
/*main_추가  */
.main_bottom{float:left;overflow:hidden;width:100%;max-width:100%;height:100%;height:100%;margin:10px 0;margin-left:0;box-sizing:border-box;background-color:rgba(0,0,0,.40)}
/*  */
.rankingPanel{display:block;position:relative;text-align:left;float:left;white-space:nowrap;width:49.5%}
.rankingPanel.ty2{margin-left:1%}
.rankingPanel .rankingTitle.ty2{display:inline-block}
.rankingPanel .rankingTitle{font-size:12px;color:#fff;height:35px;line-height:35px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,0.04);border-top:1px solid rgba(255,255,255,0.04);background-color:rgba(0,0,0,.40)}
.rankingPanel h2.title{font-size:12px}
.rankingPanel .rankingBody{display:block;min-height:140px;width:100%;margin:0 auto;white-space:nowrap}
.rankingPanel .virtualBottom{display:block;width:295px;height:13px;white-space:nowrap}
.rankingPanel .rankingBody .list{white-space:nowrap}
.rankingPanel .rankingBody .list li{height:30px;line-height:30px;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,0.04);padding:0 30px}
.rankingPanel .rankingBody .list li:FIRST-CHILD{border-top:none}
.rankingPanel .rankingBody .list li span{text-align:left;color:#fff;font-size:11.6px;white-space:nowrap;margin-right:14px}
.rankingPanel .rankingBody .list li span.money{float:right;margin-right:0;color:#ffcc00;text-align:right}
.rankingPanel .rankingBody .list li span.num{width:50px}
.rankingPanel .rankingBody .list li span.name{display:inline-block;width:80px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-right:0;color:#fff}
.rankingPanel .rankingBody .list li span.time{display:inline-block;color:#fff;padding-right:3px}
.rankingPanel .rankingBody .list li p.name{display:inline-block;color:#fff}
.rankingPanel .rankingBody .list li p.money{display:inline-block;color:#18b2ce;text-align:right;float:right}
.rankingPanel .rankingBody .list li span.name.ty2{width:100px}
.header_close .close{text-indent:0!important}
/* Slider */
#slider{width:100%;height:auto;position:relative}
@keyframes load{from{left:-100%}to{left:0}}
.slider_wrap{position:relative;width:100%;height:355px;margin-top:0;margin-bottom:0}
.slides{position:absolute;max-height:none;overflow:visible;height:355px;left:0;width:400%;-webkit-animation:slide 15s infinite;-moz-animation:slide 15s infinite;animation:slide 15s infinite;animation-timing-function:cubic-bezier(.18,.96,.86,.87)}
.slider{width:25%;height:355px;float:left;position:relative;overflow:hidden;box-sizing:border-box}
.slider figure{width:100%;height:100%;color:transparent;background-size:cover;background-position:center center;background-color:#000;margin:0}
.slider:nth-child(1) figure img{width:100%}
.slider:nth-child(2) figure img{width:100%}
.slider:nth-child(3) figure img{width:100%}
.notice_title_img{}
@keyframes slidy{0%{left:0%}20%{left:0%}25%{left:-100%}45%{left:-100%}50%{left:-200%}70%{left:-200%}75%{left:-300%}95%{left:-300%}100%{left:-400%}}
body{margin:0}
div#slider{overflow:hidden}
div#slider figure img{width:20%;float:left}
div#slider figure{position:relative;width:500%;margin:0;left:0;text-align:left;font-size:0;animation:15s slidy infinite}
::-webkit-scrollbar{width:8px;height:3px}
::-webkit-scrollbar-button{background-color:rgba(0,0,0,.20)}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,.20)}
::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.20)}
::-webkit-scrollbar-thumb{height:50px;background-color:#828282;border-radius:3px}
::-webkit-scrollbar-corner{background-color:rgba(0,0,0,.20)}
::-webkit-resizer{background-color:rgba(0,0,0,.20)}
.blink{-webkit-animation-name:blink;-moz-animation-name:blink;-o-animation-name:blink;animation-name:blink;-webktit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}
.oddsup{color:#2ea8ff!important;font-weight:bold}
.oddsdown{color:#ff6d6d!important;font-weight:bold}
.blink-infinite{-webkit-animation-iteration-count:3;-moz-animation-iteration-count:3;-o-animation-iteration-count:3;animation-iteration-count:3}
@-webkit-keyframes blink{50%{opacity:0}}
@-moz-keyframes blink{50%{opacity:0}}
@-o-keyframes blink{50%{opacity:0}}
@keyframes blink{50%{opacity:0}}
html{scrollbar-face-color:#646464;scrollbar-base-color:#646464;scrollbar-3dlight-color:#646464;scrollbar-highlight-color:#646464;scrollbar-track-color:#000;scrollbar-arrow-color:#000;scrollbar-shadow-color:#646464;scrollbar-dark-shadow-color:#646464}
html,body{width:100%;background:url(../../public/images/background-images.jpg) no-repeat center bottom #222 fixed;background-size:cover}
.underline .type-gamelist ul li span:first-child(),.underline .type-gamelist ul li span:last-child(){width:100%!important;text-align:center!important}
.sc-league-img{background-repeat:no-repeat;height:14px;vertical-align:middle;margin:0 5px}
.btn-main{position:absolute;bottom:0;width:100%;height:40px;overflow:hidden}
.btn-main a{background-color:rgba(0,0,0,0.20);color:#fff;font-size:11px;font-weight:bold;display:block;text-align:center;text-decoration:none;width:100%;height:40px;line-height:40px;position:relative;top:0;transition:250ms top,350ms left}
.btn-main a:before{content:attr(data-hover);position:absolute;top:40px;left:0;width:100%;background:#ce0000;height:40px}
.btn-main a:hover{top:-40px}
.btn-main.hover-top a{background:#0D47A1}
.btn-main.hover-top a:hover{top:40px}
.btn-main.hover-top a:before{top:-40px}
.btn-main.hover-right a{background:#2E7D32;left:0}
.btn-main.hover-right a:hover{top:0;left:-100px}
.btn-main.hover-right a:before{top:0;left:100px}
.btn-main.hover-left a{background:#AD1457;left:0}
.btn-main.hover-left a:hover{top:0;left:100px}
.btn-main.hover-left a:before{top:0;left:-100px}
.btn-casino{position:absolute;bottom:17%;width:35%;height:25px;left:7%;overflow:hidden;display:inline-block}
.btn-casino button{background-color:#ff3e3e;color:#fff;font-size:12px;font-weight:bold;display:block;text-align:center;text-decoration:none;width:100%;height:25px;line-height:25px;position:relative;top:0;transition:250ms top,350ms left;border:0;cursor:pointer;outline:0}
.btn-casino button:before{content:attr(data-hover);position:absolute;top:25px;left:0;width:100%;background:#ff3e3e;height:25px}
.btn-casino button:hover{top:-25px}
.btn-casino.hover-top button{background:#0D47A1}
.btn-casino.hover-top button:hover{top:25px}
.btn-casino.hover-top button:before{top:-25px}
.btn-casino.hover-right button{background:#2E7D32;left:0}
.btn-casino.hover-right button:hover{top:0;left:-100px}
.btn-casino.hover-right button:before{top:0;left:100px}
.btn-casino.hover-left button{background:#AD1457;left:0}
.btn-casino.hover-left button:hover{top:0;left:100px}
.btn-casino.hover-left button:before{top:0;left:-100px}
.btn-mcasino{position:absolute;bottom:17%;width:35%;height:25px;left:7%;overflow:hidden;display:inline-block}
.btn-mcasino button{background-color:#ff3e3e;color:#fff;font-size:12px;font-weight:bold;display:block;text-align:center;text-decoration:none;width:100%;height:25px;line-height:25px;position:relative;top:0;transition:250ms top,350ms left;border:0;cursor:pointer;outline:0}
.btn-mcasino button:before{content:attr(data-hover);position:absolute;top:25px;left:0;width:100%;background:#ff3e3e;height:25px}
.btn-mcasino button:hover{top:-25px}
.btn-mcasino.hover-top button{background:#0D47A1}
.btn-mcasino.hover-top button:hover{top:25px}
.btn-mcasino.hover-top button:before{top:-25px}
.btn-mcasino.hover-right button{background:#2E7D32;left:0}
.btn-mcasino.hover-right button:hover{top:0;left:-100px}
.btn-mcasino.hover-right button:before{top:0;left:100px}
.btn-mcasino.hover-left button{background:#AD1457;left:0}
.btn-mcasino.hover-left button:hover{top:0;left:100px}
.btn-mcasino.hover-left button:before{top:0;left:-100px}
.btn-slot{position:absolute;bottom:17%;width:35%;height:25px;left:7%;overflow:hidden;display:inline-block}
.btn-slot button{background-color:rgba(255,255,255,0.05);color:#fff;font-size:12px;font-weight:bold;display:block;text-align:center;text-decoration:none;width:100%;height:25px;line-height:25px;position:relative;top:0;transition:250ms top,350ms left;border:0;cursor:pointer;outline:0}
.btn-slot button:before{content:attr(data-hover);position:absolute;top:25px;left:0;width:100%;background:#ff3e3e;height:25px}
.btn-slot button:hover{top:-25px}
.btn-slot.hover-top button{background:#0D47A1}
.btn-slot.hover-top button:hover{top:25px}
.btn-slot.hover-top button:before{top:-25px}
.btn-slot.hover-right button{background:#2E7D32;left:0}
.btn-slot.hover-right button:hover{top:0;left:-100px}
.btn-slot.hover-right button:before{top:0;left:100px}
.btn-slot.hover-left button{background:#AD1457;left:0}
.btn-slot.hover-left button:hover{top:0;left:100px}
.btn-slot.hover-left button:before{top:0;left:-100px}
body .right-cart-data ul{color:#fff;background-color:rgba(255,255,255,0.05)}
body .right-cart-data ul:nth-child(2n){color:#fff;background-color:rgba(0,0,0,.20)}
body .right-cart-data .remove-pick{float:right}
body .right-cart-data ul li:first-child{color:#ffa500;font-weight:bold;cursor:pointer;margin-bottom:0}
body .right-cart-data ul{padding-top:5px;padding-bottom:0}
body .right-cart-data ul:after{display:inline-block;content:'';clear:both}
body .right-cart-data ul li{margin:0 5px;margin-bottom:10px;padding-bottom:5px;border-bottom:2px solid rgba(255,255,255,0.04);height:25px;line-height:25px;padding:0 5px}
body .right-cart-data ul li span{float:right;color:#ffdf00}
body .right-cart-data ul li:nth-child(1){margin-bottom:5px}
body .right-cart-data ul li:nth-child(2){margin-bottom:5px}
body .right-cart-data ul li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;margin-bottom:-5px;background-color:#bd7200}
body .right-cart-data ul li .betslip-hometeam{display:inline-block;width:95px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top}
body .right-cart-data ul li .betslip-vs{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;margin:0 5px;vertical-align:top}
body .right-cart-data ul li .betslip-awayteam{display:inline-block;width:95px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top;text-align:right}
body .right-cart-data ul li .betslip-outcomes{display:inline-block;width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top}
.sports-events{width:100%;height:40px;padding:0 70px;box-sizing:border-box;background-color:rgba(0,0,0,.40)}
.sports-events:after{clear:both;content:'';display:table}
/* .slider{height:40px}
*/
.slick-list{overflow:hidden;display:inline-block;width:100%;height:40px;line-height:40px}
.sports-event .sports-event-sctab div:first-child{padding:0}
.slick-slide{text-align:center;cursor:pointer;outline:0;display:table-cell;/* padding:0 0 0 10px;*/
    box-sizing:border-box}
.slick-slide:hover a{color:#ffbc00!important;font-weight:bold}
.slick-slide:hover b{-webkit-filter:grayscale(0)!important;filter:none!important}
.slick-track{color:#fff;float:left;width:100%;display:table}
.slick-track a{text-decoration:none;height:100%;color:#fff;outline:0}
.slick-arrow{position:absolute;height:40px;width:60px}
.slick-prev{background-color:rgba(0,0,0,.40);color:#fff;top:0;left:0;box-sizing:border-box;border:0;outline:0;cursor:pointer;border-left:1px solid rgba(255,255,255,0.04);border-right:1px solid #2a3148;z-index:1}
.slick-next{background-color:rgba(0,0,0,.40);color:#fff;top:0;right:0;box-sizing:border-box;border:0;outline:0;cursor:pointer;border-left:1px solid #2a3148;border-right:1px solid rgba(255,255,255,0.04);z-index:1}
.swal2-popup{background-color:#313238!important}
.verti-m{vertical-align:middle}
.none{display:none!important}
.opa-03{opacity:0.3}
.side-open{position:fixed;overflow:hidden}
.memo-read{color:#6da7ff;font-weight:bold}
.memo-unread{color:#ff6c6c;font-weight:bold}
.swiper-pagination-bullet{height:2px!important}
.m-left{float:left;margin-top:20px}
.write-btn:after{display:inline-block;content:'';clear:both}
.write-btn a{text-decoration:none}
.deposit-bonus-rate{font-weight:bold}
#post_content{background-color:rgba(0,0,0,.20);border:0;outline:0}
.board-el{display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top}
.vir-name{display:inline-block;width:75%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top}
.red-color{color:#ff5050}
.blue-color{color:#3a77ff}
.odds-specials{margin:0 5px}
.specials-color{color:#4cbdff;font-weight:bold}
.specials-color2{color:#ffb74c;font-weight:bold}
.content-header{border-bottom:1px solid rgba(255,255,255,0.04);border-top:0;height:35px;line-height:35px;font-size:12px;color:#fff;background-color:rgba(0,0,0,.40);padding:0 10px}
.content-header i{vertical-align:middle}
.font-yello{color:#f7de1c;font-weight:bold}
.font-normal{font-weight:normal!important}
.font-red{color:#f55;font-weight:bold}
.write-board-title{box-sizing:border-box;width:100%;padding-left:10px;height:40px;outline:0;background-color:rgba(255,255,255,0.05);border:0;color:#fff}
.write-board-title::placeholder{color:#c1c1c1}
.text-el{display:inline-block;width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top}
.pagination-wrap{width:100%;text-align:center;height:40px;line-height:40px;margin-top:30px;margin-bottom:30px}
.pagination-wrap i{margin-right:0;vertical-align:middle}
.pagination-wrap .pagination{display:inline-block;font-size:0}
.pagination-wrap .pagination ul li{display:inline-block;font-size:12px;width:40px}
.pagination-wrap .pagination ul li a{color:#fff;text-decoration:none;padding:8px 16px;transition:background-color .3s;border:1px solid rgba(255,255,255,0.05);background-color:rgba(0,0,0,.20)}
.pagination-wrap .pagination .active a{color:#fff;text-decoration:none;padding:8px 16px;transition:background-color .3s;border:1px solid rgba(255,255,255,0.05);background-color:rgba(0,0,0,.50)}
.sports-event{position:relative;box-sizing:border-box;margin:0 auto;width:100%;height:50px;line-height:50px;background:rgba(0,0,0,.40);text-align:center;transition:none!important}
.sports-event .sports-event-sctab{display:inline-block;width:100%;height:50px;overflow:hidden;font-size:0;padding:0;transition:none!important;transform:none!important}
.sports-event .sports-event-scbg{display:inline-block;width:100%;height:50px;overflow:hidden}
.sports-event .sports-event-sctab .selected{color:#00a1ff!important;font-weight:bold}
.sports-event .sports-event-sctab a div{color:#fff;cursor:pointer;font-size:12px}
.sports-event .sports-event-sctab a div{display:inline-block;text-decoration:none;color:#fff}
.sports-event .sports-event-sctab a div i{vertical-align:middle}
.sports-event .sports-event-sctab .active{background-color:rgba(0,0,0,0.30)}
.sports-event .sports-event-sctab .on div{color:#ffbc00!important;font-weight:bold}
.sports-event .sports-event-sctab a:hover div{color:#ffbc00!important}
.sports-event .sports-event-sctab div:last-child{margin-right:0;height:50px;line-height:50px;font-weight:bold;min-width:50px}
.sports-event .list-left-btn{display:inline-block;position:absolute;left:0;top:0;width:50px;padding:20px 0 18px 0;text-align:center;color:#fff;font-weight:bold;background-color:#191a21;cursor:pointer;z-index:10;box-sizing:border-box}
.sports-event .list-left-btn i{margin-right:0;vertical-align:middle;font-size:12px}
.sports-event .list-right-btn{display:inline-block;position:absolute;right:0;top:0;width:50px;padding:20px 0 18px 0;text-align:center;color:#fff;font-weight:bold;background-color:#191a21;cursor:pointer;z-index:10;box-sizing:border-box}
.sports-event .list-right-btn i{margin-right:0;vertical-align:middle;font-size:12px}
footer{position:relative;width:100%;/* border-top:1px solid rgba(255,255,255,0.04);*/
    display:block;/*  background:rgba(0,0,0,0.15);*/
    min-height:50px;text-align:center;clear:both;padding-top:75px}
footer li{display:inline-block;padding-right:25px;margin-top:15px}
footer p{max-width:100%;margin:0 auto;font-size:11px;line-height:22px;color:#bbb;text-align:center;vertical-align:middle;display:block}
footer p.bt{font-size:12px;color:#c3c3c3;padding-top:20px;max-width:622px}
footer p.bt.c{padding-bottom:20px;padding-top:0}
footer p.bt.c b{color:#ffd600;font-weight:normal}
body header{position:relative;width:100%;height:207px}
body header .mobile-gnb-btn{display:none}
body header .header-logo{position:absolute;width:100%;height:100%}
body header .header-logo a{background:url('../../public/images/template.png') no-repeat -2168px -724px;width:145px;height:170px;position:absolute;display:inline-block;font-size:0;left:50%;top:-2px;margin-left:-72.5px}
body header nav .header-gnb{position:relative;/* max-width:710px;*/
    height:90px;margin:0 auto;margin-left:333px}
body header nav .header-gnb:after{display:inline-block;content:'';clear:both}
body header nav .header-gnb li{float:left}
body header nav .header-gnb li a{display:inline-block;text-decoration:none;color:#fff;height:88px;line-height:90px;margin-left:35px;font-weight:normal;font-size:17px}
body header nav .header-gnb li .on{border-bottom:2px solid #eeb734}
body header nav .header-gnb li:nth-child(1) a{margin-left:0}
.header-clock{position:absolute;right:30px;top:40px;color:#fff;display:none;font-family:'Roboto',sans-serif}
.header-clock .help{margin-right:10px}
.header-clock .help button{text-decoration:none;color:#fff;font-weight:bold;border:0;outline:0;font-size:12px;background-color:transparent;cursor:pointer}
.header-clock .help button:hover{color:#ffd22c;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.header-clock .help button i{vertical-align:top;margin-left:5px}
body #main-wrap{position:relative;width:100%}
body #main-wrap .background-load{position:absolute;width:100%;height:100%;background-color:#1e1e2580;z-index:999999;display:none;text-align:-webkit-center}
body #main-wrap .background-load .loader{margin-top:30%;border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.main-content-wrap .main-category{position:relative;text-align:center}
.main-content-wrap .main-category ul li{display:inline-block;width:16%;padding-bottom:10%;color:#fff;background-color:#1d32bb}
.main-content-wrap .main-view{padding-bottom:50px}
.main-content-wrap .main-view img{width:100%;height:100%;max-height:355px}
.main-content-wrap .main-slide{overflow:hidden;position:relative;width:100%;max-height:355px}
.main-content-wrap .main-slide .swiper-slide{max-height:355px;height:unset}
.main-content-wrap .main-slide .swiper-slide .main-join-left{position:absolute;display:inline-block;width:20%;text-decoration:none;height:50px;line-height:50px;text-align:center;cursor:pointer;background-color:#313238;box-shadow:0 0 20px #1f2023;color:#fff;outline:0;border:0;font-size:1vw;top:55%;left:1%;box-sizing:border-box;border-radius:4px;font-family:notosanskr,'Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;font-size:12px;font-weight:bold}
.main-content-wrap .main-slide .swiper-slide .main-join-left:hover{font-size:14px;color:#ffb649;background-color:#27282f;-webkit-transition-duration:0.3s;transition-duration:0.3s}
.main-content-wrap .main-slide .swiper-slide .main-join-right{position:absolute;display:inline-block;width:20%;text-decoration:none;height:50px;line-height:50px;text-align:center;cursor:pointer;background-color:#313238;box-shadow:0 0 20px #1f2023;color:#fff;outline:0;border:0;font-size:1vw;top:55%;right:4%;box-sizing:border-box;border-radius:4px;font-family:notosanskr,'Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;font-size:12px;font-weight:bold}
.main-content-wrap .main-slide .swiper-slide .main-join-right:hover{font-size:14px;color:#ffb649;background-color:#27282f;-webkit-transition-duration:0.3s;transition-duration:0.3s}
.main-content-wrap .middle-contents{overflow:hidden}
.main-content-wrap .middle-contents > div{float:left;overflow:hidden;width:100%;max-width:49.5%;height:100%;height:280px;margin:10px 0;margin-left:1%;box-sizing:border-box;background-color:rgba(0,0,0,.20)}
.main-content-wrap .middle-contents > div:first-child{margin-left:0}
.main-content-wrap .middle-content-header{height:40px;color:#fff;line-height:40px;background-color:rgba(0,0,0,.40);box-sizing:border-box;padding:0 10px;border:1px solid rgba(255,255,255,0.04)}
.main-content-wrap .middle-content-header::after{display:inline-block;content:'';clear:both}
.main-content-wrap .middle-content-header a{outline:0;border:0;width:100px;height:25px;line-height:25px;margin-top:7px;float:right;cursor:pointer;background-color:#e64848;color:#fff;text-decoration:none;text-align:center}
.main-content-wrap .middle-content-header a:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);background-color:#ca2b2b;color:#fff;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.main-content-wrap .middle-content-header i{vertical-align:middle;color:#ffaf4c}
.main-content-wrap .middle-content-header .red{color:#ff4a4a}
.main-content-wrap .middle-content-competition{box-sizing:border-box;padding:0 10px;height:30px;line-height:30px;background-color:rgba(255,255,255,0.05);color:#fff}
.main-content-wrap .middle-content-competition .time{float:right;color:#ffd22c}
.main-content-wrap .middle-content-competition img{height:14px;width:auto}
.main-content-wrap .middle-content-competition b{font-weight:normal;display:inline-block;width:58%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top}
.main-content-wrap .middle-content-competition i{margin-left:5px;vertical-align:middle}
.main-content-wrap .middle-content-game ul{font-size:0;box-shadow:0 1px 0 0 rgba(0,0,0,0.24) inset}
.main-content-wrap .middle-content-game ul::after{display:inline-block;content:'';clear:both}
.main-content-wrap .middle-content-game ul li{display:inline-block;font-size:12px;height:30px;line-height:30px;color:#fff;text-align:center;padding:0 5px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.04)}
.main-content-wrap .middle-content-game ul li:nth-child(1){width:14%;border-right:1px solid rgba(255,255,255,0.04);color:#999}
.main-content-wrap .middle-content-game ul li:nth-child(2){width:86%;border-left:1px solid rgba(0,0,0,.24)}
.main-content-wrap .middle-content-game ul li .home{display:inline-block;width:33%;max-width:33%;margin-right:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top;text-align:left;padding-right:30px;position:relative}
.main-content-wrap .middle-content-game ul li .home span{float:right;text-align:right;color:#ffdc2e;position:absolute;right:0}
.main-content-wrap .middle-content-game ul li .vs{width:10%;max-width:10%;margin:0 10px;color:#ffdc2e;display:inline-block}
.main-content-wrap .middle-content-game ul li .away{display:inline-block;width:33%;max-width:33%;margin-left:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top;text-align:right;/* float:right;*/
    padding-left:30px;position:relative}
.main-content-wrap .middle-content-game ul li .away span{float:left;text-align:left;color:#ffdc2e;position:absolute;left:0}
.main-content-wrap .middle-content-livegame{border:1px solid rgba(255,255,255,0.04);box-sizing:border-box}
.main-content-wrap .middle-content-livegame ul{font-size:0;display:inline-block;width:100%}
.main-content-wrap .middle-content-livegame ul li{display:inline-block;font-size:12px;height:48px;line-height:48px;text-align:center;box-sizing:border-box;font-size:12px}
.main-content-wrap .middle-content-livegame ul li img{width:28px;height:28px;vertical-align:middle}
.main-content-wrap .middle-content-livegame ul li:first-child{width:120px;line-height:24px;background-color:rgba(0,0,0,.40)}
.main-content-wrap .middle-content-livegame ul li:first-child > p{font-size:12px;color:#fff}
.main-content-wrap .middle-content-livegame ul li:first-child .score .home{color:#fff;font-weight:bold}
.main-content-wrap .middle-content-livegame ul li:first-child .score .vs{color:#ffdc2e;font-weight:bold}
.main-content-wrap .middle-content-livegame ul li:first-child .score .away{color:#fff;font-weight:bold}
.main-content-wrap .middle-content-livegame ul li:nth-child(2){width:calc(40% - 40px);padding:0 5px}
.main-content-wrap .middle-content-livegame ul li:nth-child(3){width:calc(20% - 40px);color:#ffdc2e;font-weight:bold}
.main-content-wrap .middle-content-livegame ul li:nth-child(4){width:calc(40% - 40px);padding:0 5px}
.main-content-wrap .middle-content-livegame ul li .home-team{display:inline-block;width:60%;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top}
.main-content-wrap .middle-content-livegame ul li .away-team{display:inline-block;width:60%;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top}
.main-content-wrap .small-contents{overflow:hidden;margin-left:-1%;float:left;overflow:hidden;width:100%;max-width:49.5%;height:100%;height:225px;margin:10px 0;margin-left:1%;box-sizing:border-box;background-color:rgba(0,0,0,.20)}
.main-content-wrap .small-contents .site{position:absolute;left:10%;top:18%;font-weight:bold;font-size:12px;color:#fff039}
.main-content-wrap .small-contents .title{position:absolute;left:10%;top:30%;font-weight:bold;font-size:12px;color:#fff}
.main-content-wrap .small-contents > div.first{margin-left:0}
.main-content-wrap .small-contents > div{position:relative;float:left;overflow:hidden;width:100%;max-width:32.6%;height:225px;margin-left:1%;box-sizing:border-box;border:1px solid rgba(255,255,255,0.04)}
.main-content-wrap .small-contents .play-now{position:absolute;bottom:0;width:100%;height:25%;background-color:rgba(255,255,255,0.05);text-align:center}
.main-content-wrap .small-contents .play-now button{display:block;width:100%;height:100%;border:0;background-color:transparent;color:#fff;outline:0}
.main-content-wrap .swiper-pagination-bullet{background:#252938;width:100%;max-width:56px;border-radius:0;opacity:1}
.main-content-wrap .swiper-pagination-bullet-active{background:#f8d00e}
body .left-contents{position:relative;width:330px;float:left;z-index:200;margin-left:10px}
body .left-contents::after{display:inline-block;content:'';clear:both}
body .left-contents i{vertical-align:middle}
body .left-contents2{position:relative;width:260px;float:left}
body .left-contents2::after{display:inline-block;content:'';clear:both}
body .left-contents2 i{vertical-align:middle}
aside .left-live-header{color:#fff;margin-bottom:7px;font-size:12px;padding:12px 20px 12px 20px;position:relative;font-weight:100;background-color:#343434}
.league_group_area{display:none}
aside .left-live-list .league_group_area li{border:none;background:#010823;padding:10px 15px 10px 15px;margin-bottom:0;border-top:solid 1px #48578f}
aside .left-live-list .league_group_area li a:hover{color:#ff4c4c}
aside .left-live-list .league_group_area li b{font-weight:100}
aside .left-live-header span:nth-child(2){color:#00b4ff}
aside .left-live-header span:last-child{float:right;font-size:11px}
aside .left-live-list{color:#f9f9f9}
aside .left-live-list li{background:#3a3a42;cursor:pointer;transition:200ms all;position:relative;margin-bottom:2px;border:solid 1px #0f95d8}
aside .left-live-list li > p{border-radius:5px;background:#012d6a;padding:10px 15px 10px 15px;cursor:pointer;font-size:12px;transition:200ms all;position:relative;box-shadow:inset 0 0 10px 10px #000c34}
aside .left-live-list li > p.active,aside .left-live-list li > p:hover{background:#035ccb;box-shadow:inset 0 0 10px 10px #001c81}
aside .left-live-list li:hover{background-color:rgba(0,0,0,.40)}
aside .left-live-list-second{display:none;text-indent:9px}
aside .left-live-list > li > .left-live-list-second > li{border-radius:3px;background:#131211;padding:4px 10px;cursor:pointer;line-height:33px;font-size:12px;transition:200ms all;position:relative;margin-bottom:3px;box-shadow:inset 0 0 5px 5px #ff0ca92e}
aside .left-live-list li .left-live-list-second li b{display:inline-block;width:160px;font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top}
aside .left-live-list li .left-live-list-second li:first-child{margin-top:3px}
aside .left-live-list li .left-live-list-second li:hover{background-color:transparent}
aside .left-live-list li .left-live-list-second li a{text-decoration:none;color:#f9f9f9}
aside .left-live-list li .left-live-list-second li a.on,aside .left-live-list li .left-live-list-second li a:hover{color:#ff4c4c}
aside .left-live-list li p span{position:absolute;right:20px;top:11px;font-size:12px;background-color:transparent;font-weight:100;color:#ffe400}
aside .left-match-header{font-size:12px;color:#fff;height:35px;line-height:35px;padding:0 10px;border:1px solid rgba(255,255,255,0.04);border-top:0;background-color:rgba(0,0,0,.40)}
aside .left-match-header span:nth-child(2){color:#ffd600}
aside .left-match-header span:last-child{float:right;font-size:11px}
aside .left-match-list{color:#f9f9f9}
aside .left-match-list-second{display:none}
aside .left-match-list li .left-match-list-second li{border:0;background-color:transparent}
aside .left-match-list li .left-match-list-second li b{display:inline-block;width:120px;font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;vertical-align:top}
aside .left-match-list li .left-match-list-second li:first-child{margin-top:10px}
aside .left-match-list li .left-match-list-second li:hover{background-color:transparent}
aside .left-match-list li .left-match-list-second li a{text-decoration:none;color:#f9f9f9}
aside .left-match-list li .left-match-list-second li a:hover{color:#ff4c4c}
aside .left-match-list li{padding:5px 10px;border:1px solid rgba(255,255,255,0.04);border-top:0;background-color:rgba(0,0,0,.20);cursor:pointer}
aside .left-match-list li:hover{background-color:rgba(0,0,0,.40)}
aside .left-match-list li p span{position:absolute;right:10px;width:35px;height:17.5px;line-height:17.5px;text-align:center;background-color:rgba(0,0,0,.20);border-radius:2px;font-weight:bold}
body .contents-wrap{margin-left:350px;margin-right:350px}
body .contents-wrap .content{position:relative;width:100%;margin:0 auto}
body .right-contents .right-login-form .login-id{display:inline-block;border-bottom:1px solid rgba(255,255,255,0.04);float:left}
body .right-contents .right-login-form .login-password{display:inline-block;border-bottom:1px solid rgba(255,255,255,0.04);float:left}
body .right-contents .right-login-form .login-id input{font-size:12px;width:180px;height:27px;outline:0;background-color:#1a1a1a;border:transparent;color:#fff;border-left:1px solid rgba(255,255,255,0.04);padding:0 5px;box-sizing:border-box}
body .right-contents .right-login-form .login-password input{font-size:12px;width:180px;height:27px;outline:0;background-color:#1a1a1a;border:transparent;color:#fff;border-left:1px solid rgba(255,255,255,0.04);padding:0 5px;box-sizing:border-box}
body .right-contents .right-login-form .login-id input::placeholder{color:#b7b7b7}
body .right-contents .right-login-form .login-password input::placeholder{color:#b7b7b7}
body .right-contents .right-login-form::after{display:block;content:'';clear:both}
body .right-contents .login-button{display:inline-block}
body .right-contents .login-button button:hover{filter:brightness(1.5)}
body .right-contents .ico-bx{color:#fff;display:inline-block;margin:0 10px;margin-left:15px}
body .right-contents .ico-bx i{vertical-align:unset;margin:0}
body .right-contents .right-outlogin-button{display:inline-block;background-color:#292929;padding:2px}
body .right-contents .right-outlogin-button span{display:inline-block;margin:0;padding:0;color:#fff;width:124px;height:28px;line-height:28px;text-align:center;text-decoration:none;cursor:pointer}
body .right-contents .right-outlogin-button span:hover{filter:brightness(1.5)}
body .right-contents{position:relative;width:330px;float:right;z-index:100;margin-right:10px}
body .right-contents::after{content:'';clear:both}
body .right-contents i{vertical-align:middle}
body .right-contents .right-user-info{position:relative;margin-bottom:0;margin:0 auto;width:100%}
body .right-contents .right-user-info ul{color:#fff;padding:0}
body .right-contents .right-user-info ul li{background:#1a1a1a;width:257px;height:30px;border-bottom:1px solid #000}
body .right-contents .right-user-info ul li a{text-decoration:none;color:#fff;margin-left:7px}
body .right-contents .right-user-info ul li > p{height:27px;line-height:27px;padding:0 10px}
body .right-contents .right-user-info ul li:first-child > p{height:30px;line-height:27px;padding:0 1px 0 5px}
body .right-contents .right-user-info ul li a.logout span{height:27px;width:70px;text-align:center;line-height:27px;background-color:#e64848;border-radius:3px}
body .right-contents .right-user-info ul li:first-child span:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);background-color:#ca2b2b;color:#fff;-webkit-transition-duration:0.2s;transition-duration:0.2s}
body .right-contents .right-user-info ul li span{float:right}
body .right-contents .right-user-info ul li span.level{float:left;line-height:27px}
body .right-contents .right-user-info ul li span.level img{margin-top:3px}
body .right-contents .right-menu-button{padding:2px;border-bottom:1px solid rgba(255,255,255,0.04);text-align:center;background:#292929}
body .right-contents .right-menu-button a{display:inline-block;margin:0;padding:0;color:#fff;width:47.5%;height:28px;line-height:28px;text-align:center;text-decoration:none;margin-top:2px;background:#202020;border:1px solid #646464;border-radius:3px}
body .right-contents .right-user-button{padding:2px;border-bottom:1px solid rgba(255,255,255,0.04);text-align:center}
body .right-contents .right-user-button a{display:inline-block;margin:0;padding:0;color:#fff;width:122px;height:35px;line-height:35px;text-align:center;text-decoration:none;margin-top:3px}
body .right-contents .right-user-button a:nth-child(2n-1){background:#666666}
body .right-contents .right-user-button a:nth-child(2n-1):hover{box-shadow:0 2px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);background:linear-gradient(to bottom,#9c29ef 11%,#a432fb 38%,#581a93 79%);color:#fff;-webkit-transition-duration:0.2s;transition-duration:0.2s}
body .right-contents .right-user-button a:nth-child(2n){background:linear-gradient(to bottom,#9c29ef 11%,#a432fb 38%,#581a93 79%)}
body .right-contents .right-user-button a:nth-child(2n):hover{box-shadow:0 2px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);background-color:#404040;color:#fff;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.footer_last{width:100%;position:relative;border-top:solid 3px #212224;padding:45px 0 70px 0;max-width:1000px;margin:10px auto 0 auto}
.footer_last p a img{max-width:100%;margin-bottom:40px}
.footer_last p span{color:#929292;font-size:14px;font-weight:700;font-style:italic;line-height:18px;font-family:'CopperplateGothic-Bold',Arial}
.page_title{width:100%;position:relative;background-image:url(../../public/images/page-title.png);background-repeat:no-repeat;min-height:88px;padding-top:32px;padding-left:65px;border-bottom:solid 2px #228ce7;background-color:#010101}
.page_title h1{font-family:'Montserrat-BlackItalic',Arial}
.page_title2{width:100%;position:relative;background-color:#111111;padding:12px 15px 12px 15px;color:#FFF}
.page_title2 h1{font-family:'NotoSansCJKkr-Bold',Arial;font-size:14px}
.page_template{width:100%;position:relative;background-color:#010101;padding:15px 10px 10px 10px}
.page_template_bottom{width:100%;position:relative;background-color:#010101;min-height:80px;border-top:solid 2px #228ce7}
.page_template2{width:100%;position:relative}
/*slot page------------------------------------*/
.slotPage{width:100%;position:relative}
.slotPage ul{width:100%;position:relative}
.slotPage ul li{display:inline-block;width:24.3%;margin-right:0.6%;position:relative;margin-bottom:10px;border-radius:10px;overflow:hidden;vertical-align:top;border:2px solid transparent;background-image:linear-gradient(to right top,#1f96ff,#bddffd);border-radius:10px}
.slotPage ul li:nth-child(4n){margin-right:0}
.slotPage ul li a{text-decoration:none}
.slotPage ul li a img{max-width:100%;width:100%}
.slotPage ul li a img:hover{filter:brightness(1.5)}
.slotPage ul li a img.slotPlay{position:absolute;top:50%;left:50%;width:140px;height:140px;margin-left:-70px;margin-top:-70px;display:none;z-index:10}
.slotPage ul li:hover img.slotPlay{display:block}
.slotPage ul li a img.slotPlay:hover{filter:initial}
/*slot page------------------------------------*/

/*sports page----------------------------------*/
.sportsPage{width:100%;position:relative;font-size:14px;color:#FFF}
.sportsCol3{width:100%;display:inline-block;vertical-align:top;max-width:33.09%;background-color:#252525;text-align:center;margin-top:4px;height:42px}
.sportsCol3 a{color:#FFF;display:block;padding:10px 10px 10px 10px}
.sportsCol3:hover,.sportsCol3.active{background-image:url(../../public/images/sports-col3-hover.png);background-repeat:repeat-x}
.sportsCol7{position:relative;background-color:#252525;text-align:center;margin-top:4px;height:42px;display:inline-block;width:14.01%;padding:10px 10px 10px 10px;cursor:pointer;vertical-align:top}
.sportsCol7:hover,.sportsCol7.active{background-image:url(../../public/images/sports-col3-hover.png);background-repeat:repeat-x}
.sportsCol1{width:100%;position:relative;font-size:12px;background-color:#343434;padding:10px 10px 10px 30px;height:42px;margin-top:4px;font-family:'NotoSansCJKkr-Medium',Arial;margin-bottom:4px}
.sportsCol1 span{color:#6ad3ff}
.sportsCol1.sportsCol11{margin-top:10px}
.sportsCol6Wrap{width:100%;position:relative;margin-bottom:4px}
.sportsCol61{width:10%;position:relative;display:inline-block;background-color:#161616;height:42px;padding:10px 10px 10px 10px;text-align:center;vertical-align:top;font-size:12px}
.sportsCol62{width:34%;position:relative;display:inline-block;background-color:#161616;height:42px;padding:10px 10px 10px 10px;vertical-align:top;font-size:12px;text-align:left;cursor:pointer}
.sportsCol62:hover{background-color:#063ecb}
.sportsCol62 span{float:right}
.sportsCol62 img{vertical-align:middle;display:inline-block;margin-right:3px}
.sportsCol63{width:8%;position:relative;display:inline-block;background-color:#161616;height:42px;padding:10px 10px 10px 10px;text-align:center;vertical-align:top;font-size:14px}
.sportsCol63 img{vertical-align:middle;display:inline-block;margin-right:3px}
.sportsCol63 span{color:#ffd200}
.sportsCol64{width:34%;position:relative;display:inline-block;background-color:#161616;height:42px;padding:10px 10px 10px 10px;vertical-align:top;font-size:12px;text-align:left;cursor:pointer}
.sportsCol64:hover{background-color:#063ecb}
.sportsCol64 span{float:right}
.sportsCol64 img{vertical-align:middle;display:inline-block;margin-left:3px}
.sportsCol65{width:6.1%;position:relative;display:inline-block;background-color:#161616;height:42px;padding:10px 10px 10px 10px;text-align:center;vertical-align:top;font-size:12px}
.sportsCol65 span{color:#000;display:inline-block;width:20px;height:20px;background-color:#FFF;font-size:16px;line-height:10px;border-radius:50%;cursor:pointer;padding-top:3px}
.sportsCol65 span:hover{background-color:#063ecb;color:#FFF}
.sportsCol66{width:6.3%;position:relative;display:inline-block;background-color:#161616;height:42px;padding:10px 10px 10px 10px;text-align:center;vertical-align:top;font-size:12px;color:#00b4ff}
.cart{position:fixed;width:100%;bottom:0;z-index:200;left:0}
.cart .cart_slide_open{overflow:hidden;text-align:center;background-color:#060606;width:100%;position:relative;padding:5px 5px 5px 5px;display:block}
.cart .cart_slide_open .cart_area{width:35%;height:50px;line-height:50px;padding:10px 0;border:1px solid #063ecb;color:#fff;float:left;background:url(../../public/images/bg_cart.png) no-repeat center center #063ecb;background-size:auto 20px;position:relative;font-size:0}
.cart .cart_slide_open .cart_area .selected{font-size:11px;background:#cc0000;position:absolute;color:#fff;border-radius:50%;height:26px;min-width:26px;line-height:24px;top:2px;right:14px;letter-spacing:-1px}
.cart .cart_slide_open .btn{height:50px;line-height:50px;width:65%;text-align:center;color:#FFF;display:block;border:1px solid #063ecb;font-size:14px;float:right;background:linear-gradient(to bottom,#202020 0%,#1a1a1a 27%,#4c4c4c 100%)}
.cart .cart_slide_close{background:url(../../public/images/drop_down.png) no-repeat 50% 50%;width:100%;height:25px;background-size:90px 25px;cursor:pointer;display:none}
.cartContent{display:none}
.cart ul.cartList{position:relative;text-align:left;overflow-y:auto;max-height:320px;background-color:#374555}
.cart ul.cartList li{background-color:#242424;color:#de0eaa;border:1px solid #333;font-size:12px;position:relative;width:100%;padding:7px 0 7px 0}
.cart ul.cartList li .selected{margin-left:14px;color:#fff}
.cart ul.cartList li .selected strong{color:#17bd4f}
.cart ul.cartList li .name{margin-left:10px}
.cart ul.cartList li .cartDel{border-radius:30px;background:url(../../public/images/closeIcon.svg) no-repeat 50% 50% #ef072f;width:26px;height:16px;margin-right:10px;margin-top:2px;float:right;background-size:10px}
.cart ul.cartList li .dividend{margin-right:1%;float:right;width:12%;font-weight:bold}
.cart ul.cartList li .home{margin-right:1%;float:right;width:12%}
.cart ul.cartList li .home.f_red{color:#de0eaa}
.cart .cartHeader{display:block;overflow:hidden;background-color:#060606;border-top:1px solid #111;padding:10px 0}
.cart .cartHeader ul{border-bottom:1px solid #4c4b56;min-height:30px;width:100%;position:relative}
.cart .cartHeader ul.lAstBNumber{border:none}
.cart .cartHeader ul li{float:left;border-right:1px solid #4c4b56;height:100%;display:inline-block;width:50%;margin-right:-1px;vertical-align:middle;font-size:12px;position:relative}
.cart .cartHeader ul li.first{border:none}
.cart .cartHeader ul li.full_row{width:100%;text-align:center;margin-top:8px;margin-bottom:8px}
.cart .cartHeader ul li h2{color:#fff;font-size:12px;float:left;margin-left:10px}
.cart .cartHeader ul li span{float:right;margin-right:10px;color:#fff;text-align:right;max-width:55%}
.cart .cartHeader ul li span input{margin-top:4px;border-radius:3px;border:2px solid #5e5e5e;background:#1a1a1a;height:20px;color:#fff;font-size:12px;text-align:right;padding:0 5px;max-width:100%}
.cart .cartHeader ul li .bet_money_btn{vertical-align:middle;border:none;height:25px;display:inline-block;font-size:11px;line-height:24px;font-weight:bold;border-radius:30px;color:#fff;letter-spacing:-1px;padding:0 8px 0 3px;background:#a90329;background:-moz-linear-gradient(top,#a90329 0%,#8f0222 44%,#6d0019 100%);background:-webkit-linear-gradient(top,#a90329 0%,#8f0222 44%,#6d0019 100%);background:linear-gradient(to bottom,#a90329 0%,#8f0222 44%,#6d0019 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329',endColorstr='#6d0019',GradientType=0 )}
.cart .cartBet .btnArea{position:relative;text-align:center}
.cart .cartBet .btnArea a{margin-left:0.5%;margin-right:0.5%}
.actBtnBetting{width:30%;height:40px;display:inline-block;font-size:14px;text-align:center;line-height:40px;font-weight:bold;background:linear-gradient(to top,#581a93 1%,#9929ea 99%)!important;border-radius:0;vertical-align:middle;padding:0 15px 0 15px}
.actBtnMaxMoney{width:30%;line-height:40px;height:40px;text-align:center;display:inline-block;color:#FFF;font-size:14px;font-weight:bold;background:linear-gradient(to top,#931a1a 1%,#ea2929 99%)!important;border-radius:0;vertical-align:middle;padding:0 15px 0 15px}
.betting-cart-clear.bt_cancel_all{width:30%;height:40px;display:inline-block;font-size:14px;text-align:center;line-height:40px;font-weight:bold;background:linear-gradient(to top,#4c4c4c 1%,#747474 99%)!important;border-radius:0;vertical-align:middle;padding:0 15px 0 15px}
/*sports page----------------------------------*/

/*in play page----------------------------------*/
.inplayPage{width:100%;position:relative;margin-top:15px;color:#FFF;font-size:12px}
.inplayList{width:100%;position:relative;max-width:49.85%;display:inline-block;vertical-align:top}
.inplayCol1{width:100%;position:relative;background-color:#252525;height:38px;padding:7px 5px 5px 10px}
.inplayCol1 img{display:inline-block;vertical-align:middle;margin-right:3px}
.inplayCol1.pLayC1Top{margin-top:8px}
.inplayColWrap{width:100%;position:relative;margin-top:2px}
.inplayColWrap.active,.inplayColWrap.active .inplayCol31,.inplayColWrap.active .inplayCol32,.inplayColWrap.active .inplayCol33,.inplayCol31:hover,.inplayCol32:hover,.inplayCol33:hover{background-color:rgba(6,60,205,0.6);cursor:pointer}
.inplayCol31{display:inline-block;width:38%;position:relative;vertical-align:top;background-color:#343434;height:38px;padding:5px 5px 5px 5px;text-align:right}
.inplayCol31 span{display:inline-block;padding:5px 12px 5px 12px;color:#FFF;background-color:#161616;margin-left:5px;border-radius:4px}
.inplayCol32{display:inline-block;width:16%;position:relative;vertical-align:top;background-color:#343434;color:#fff600;padding:5px 5px 5px 5px;text-align:center;font-size:10px;height:38px}
.inplayCol32 span{color:#FFF;display:block;padding-top:5px}
.inplayCol33{display:inline-block;width:44.6%;position:relative;vertical-align:top;background-color:#343434;height:38px;padding:5px 5px 5px 5px}
.inplayCol33 span{display:inline-block;padding:5px 12px 5px 12px;color:#FFF;background-color:#161616;margin-right:5px;border-radius:4px}
.inplayCol33 i{display:inline-block;padding:5px 8px 5px 8px;color:#FFF;background-color:#161616;border-radius:4px;float:right}
.inplayTivi{width:100%;position:relative}
.inplayTivi img{max-width:100%}
.inplayResult{width:100%;position:relative;background-color:#000000;padding:3px 3px 45px 3px;border:solid 1px #464646;margin-top:10px;font-size:12px}
.inResultCol1{width:100%;position:relative;background-image:url(../../public/images/inplayCol1Title.png);background-repeat:repeat-x;height:38px;padding:10px 10px 5px 10px;color:#ffd800;font-family:'NotoSansCJKkr-Bold',Arial;font-weight:900;margin-bottom:3px}
.inResultCol1.iResultTop{margin-top:12px}
.inResultCol3Wrap{width:100%;position:relative}
.inResultCol31{display:inline-block;width:37%;position:relative;vertical-align:top;background-color:#343434;padding:10px 10px 5px 10px;height:38px}
.inResultCol31 span{color:#00d2ff;float:right}
.inResultCol31 span img{display:inline-block;vertical-align:middle;margin-right:1px}
.inResultCol32{display:inline-block;width:25%;position:relative;vertical-align:top;background-color:#343434;padding:10px 10px 5px 10px;text-align:center;height:38px}
.inResultCol32 span{color:#00d2ff;display:inline-block;margin-left:3px;vertical-align:middle}
.inResultCol32 span img{display:inline-block;vertical-align:middle}
.inResultCol33{display:inline-block;width:36.6%;position:relative;vertical-align:top;background-color:#343434;padding:10px 10px 5px 10px;text-align:right;height:38px}
.inResultCol33 span{color:#00d2ff;float:left}
.inResultCol33 span img{display:inline-block;vertical-align:middle}
.inResultCol21{display:inline-block;width:49.6%;position:relative;vertical-align:top;background-color:#343434;padding:10px 10px 5px 10px;height:38px}
.inResultCol21 span{color:#00d2ff;float:right}
.inResultCol22{display:inline-block;width:49.7%;position:relative;vertical-align:top;background-color:#343434;padding:10px 10px 5px 10px;height:38px;text-align:right}
.inResultCol22 span{color:#00d2ff;float:left}
/*in play page----------------------------------*/

/*mini game page--------------------------------*/
.miniGamePage{width:100%;position:relative}
.miniGameTitle{width:100%;position:relative;background-color:#151b1e;text-align:center}
.miniGameTitle p{display:inline-block;background-color:#1b1a1a;padding:10px 25px 10px 25px;height:38px;width:130px;border-right:solid 1px #000;margin-right:0;margin-left:0}
.miniGameTitle a{color:#FFF;display:block}
.miniGameTitle p.active,.miniGameTitle p:hover{background-image:url(../../public/images/minigame-title-active.png);background-repeat:repeat-x}
.miniGameContent{width:100%;position:relative;text-align:center;background-image:url(../../public/images/minigame-content-bg.png);background-repeat:no-repeat;background-size:cover;padding:40px;border-bottom:solid 1px #228ce7}
.miniGameContent img{max-width:100%;border:solid 15px #000}
.miniGameControl{width:100%;position:relative;padding:5px;background-color:#363636;color:#FFF;border:solid 1px #464646;max-width:930px;margin:25px auto 25px auto;font-size:14px}
.mGameControlTitle{width:100%;position:relative;background-image:url(../../public/images/inplayCol1Title.png);background-repeat:repeat-x;height:38px;padding:5px 10px 5px 10px;font-family:'NotoSansCJKkr-Medium',Arial}
.mGameControlTitle span{color:#ffd800}
.mGameControlTitle b{font-size:18px;color:#ff0000}
.mGameCol2{display:inline-block;width:49.78%;position:relative;background-color:#252525;border:solid 1px #020302;padding:6px 10px 5px 10px;margin-top:8px;height:38px;color:#ffd800;text-align:center}
.mGameCol44{width:100%;position:relative;text-align:center;margin-top:15px}
.mGameCol44 div{width:24%;text-align:center;display:inline-block;vertical-align:top;font-size:16px;margin-top:10px;margin-bottom:5px}
.mGameCol44 div span{background-image:url(../../public/images/blue-off.png);background-repeat:no-repeat;background-position:center center;width:95px;height:95px;position:relative;cursor:pointer;padding-top:18px;display:inline-block}
.mGameCol44 span:hover{background-image:url(../../public/images/blue-on.png)}
.mGameCol44 span.red{background-image:url(../../public/images/red-off.png)}
.mGameCol44 span.red:hover{background-image:url(../../public/images/red-on.png)}
.mGameCol1{width:100%;position:relative;background-color:#252525;border:solid 1px #020302;padding:6px 10px 5px 10px;margin-top:15px;height:38px;color:#ffd800;text-align:center}
.mGameCol33{width:100%;position:relative;text-align:center;margin-top:15px}
.mGameCol33 div{width:24%;text-align:center;display:inline-block;vertical-align:top;font-size:16px;cursor:pointer;margin-top:10px;margin-bottom:10px}
.mGameCol33 div span{width:95px;height:95px;position:relative;padding-top:18px;background-image:url(../../public/images/blue-off.png);background-repeat:no-repeat;background-position:center center;display:inline-block}
.mGameCol33 span:hover{background-image:url(../../public/images/blue-on.png)}
.mGameCol33 span.red{background-image:url(../../public/images/red-off.png)}
.mGameCol33 span.red:hover{background-image:url(../../public/images/red-on.png)}
.mGameCol33 span.pink{background-image:url(../../public/images/pink-off.png)}
.mGameCol33 span.pink:hover{background-image:url(../../public/images/pink-on.png)}
.mGameResult{width:100%;position:relative;background-color:#131313;padding:12px;border-radius:10px;margin-top:10px}
.mGameResultCol1{width:22%;position:relative;display:inline-block;vertical-align:top}
.mGameResultCol1 div{background-color:#343434;width:100%;position:relative;font-size:12px;color:#9e9e9e;padding:8px 10px 8px 10px;margin-bottom:10px;border-radius:6px}
.mGameResultCol1 div span{float:right;color:#FFF}
.mGameResultCol2{width:43%;position:relative;display:inline-block;vertical-align:top}
.mGameResultCol2 div{background-color:#111111;width:100%;position:relative;font-size:12px;color:#9e9e9e;padding:7px 10px 7px 10px;margin-bottom:8px;border-radius:6px;border:solid 1px #464646}
.mGameResultCol2 div span{float:right;color:#ff0000;font-size:18px;line-height:18px}
.mGameResultCol2 div span.blue{color:#1db2ff}
.mGameResultCol3333{width:32.6%;position:relative;display:inline-block;vertical-align:top;border-left:solid 1px #464646;padding-left:12px;margin-left:1.5%;font-size:12px;margin-right:0;text-align:right}
.mGameResultCol3333 a{display:inline-block;width:90px;height:38px;background-image:url(../../public/images/btn-sltip-normal.png);background-repeat:repeat-x;vertical-align:top;text-align:center;line-height:38px;border-radius:5px;margin-bottom:5px;cursor:pointer}
.mGameResultCol3333 a.cancel{background-image:url(../../public/images/btn-slip-hover.png)}
.mGameResultCol3333 a.active,.mGameResultCol3333 a:hover{background-image:url(../../public/images/btn-sltip-active.png)}
.mGameResultCol3333 a.cancel:hover{background-image:url(../../public/images/btn-sltip-cancel.png)}
.mGameResultCol3333 b{display:inline-block;width:104px;height:38px;background-image:url(../../public/images/btn-sltip-normal.png);background-repeat:repeat-x;vertical-align:top;text-align:center;line-height:38px;border-radius:5px;cursor:pointer}
.mGameResultCol3333 b{width:48.7%;margin-right:0;height:42px;border:none;background-image:url(../../public/images/btn-send-nomal.png);background-repeat:repeat-x;cursor:pointer;display:inline-block;font-weight:normal}
.mGameResultCol3333 b.active{background-image:url(../../public/images/btn-send-hover-1.png)}
.mGameResultCol3333 b:hover{background-image:url(../../public/images/btn-send.png)}
.mGameResultCol3333 b.active:hover{background-image:url(../../public/images/btn-send-hover-active.png)}
/*mini game page--------------------------------*/

/*memo page--------------------------------*/
.memoPage{width:100%;position:relative;margin-top:10px;color:#FFF;font-family:'NotoSansCJKkr-Medium',Arial}
.memoHead{width:100%;position:relative}
.memoHead div{padding:10px 10px 10px 10px;border:solid 1px #252525;background-color:#252525;box-sizing:border-box;margin-bottom:-1px;text-align:center;margin-right:-5px}
.memo41{width:6%;position:relative;display:inline-block;vertical-align:top}
.memo42{width:58.5%;position:relative;display:inline-block;vertical-align:top}
.memo43{width:18%;position:relative;display:inline-block;vertical-align:top}
.memo44{width:18%;position:relative;display:inline-block;vertical-align:top}
.memoCont{width:100%;position:relative}
.memoCont div{padding:10px 10px 10px 10px;border:solid 1px #0054a6;background-color:#000;box-sizing:border-box;margin-bottom:-1px;text-align:center;margin-right:-5px}
.pagePagination{width:100%;position:relative;text-align:center;font-size:12px;color:#ffffff;font-family:'NotoSansCJKkr-Medium',Arial;margin-top:40px}
.pagePagination a{color:#ffe400;display:inline-block;margin-left:5px;margin-right:5px}
.pagePagination a span{color:#ffffff}
/*memo page--------------------------------*/

/*my page--------------------------------*/
.myPage{width:100%;position:relative;padding:10px;background-color:#252525;margin-top:5px;font-family:'NotoSansCJKkr-Medium',Arial;font-size:14px;color:#FFF}
.myPageCol5{width:49.7%;position:relative;display:inline-block;vertical-align:top}
.myPage .myPageCol5:nth-child(2n){margin-right:0}
.myPageCol5Group{width:100%;position:relative;border:solid 1px #111111;height:40px;background-color:#111111;margin-bottom:7px}
.myPageCol5Group span{background-color:#343434;display:inline-block;width:25%;padding:10px 10px 10px 10px;text-align:center;vertical-align:top}
.myPageCol5Group input[type='text']{padding:10px 10px 10px 10px;width:74%;height:40px;background-color:#111111;vertical-align:top;display:inline-block;border:none;font-size:14px}
.myPageCol5Group input:focus-visible{outline:initial;border-radius:0}
.mypage282{width:100%;position:relative;border:solid 1px #111111;height:40px;background-color:#111111;margin-bottom:7px}
.mypage282 input[type='text']{padding:10px 5px 10px 5px;height:30px;background-color:#111111;vertical-align:top;border:none;font-size:14px;display:inline-block;margin-top:5px;margin-left:10px;border-radius:5px}
.mypage282 input:focus-visible{outline:initial;border-radius:0}
.myPageCol28{background-color:#343434;display:inline-block;width:12.4%;padding:10px 10px 10px 10px;text-align:center;vertical-align:top}
.myPageCol82{width:87.4%;position:relative;display:inline-block;vertical-align:top;background-color:#343434;height:40px;margin-left:-2px}
.myPageCol82 span{position:relative;display:inline-block;vertical-align:middle;margin-left:10px}
.myPageCol82 input[type='text']{position:relative;display:inline-block;vertical-align:middle;min-width:19.6%}
.myPageCol1{width:100%;position:relative;font-size:12px;color:#7d7d7d;margin-top:20px;margin-bottom:5px}
.myPageBottom{width:100%;position:relative;margin-top:20px;text-align:center;font-size:14px}
.myPageBottom input[type='submit']{color:#f6ff00;background-color:#000;border:solid 1px #3f3e3e;padding:4px 30px 4px 30px;height:initial;border-radius:5px;margin-left:2px;margin-right:2px;cursor:pointer}
.myPageBottom input[type='submit'].active,.myPageBottom input[type='submit']:hover{background-color:#063ecb;border:solid 1px #063ecb;color:#FFF}
/*my page--------------------------------*/

/*attendance page--------------------------------*/
.attendancePage{width:100%;position:relative;margin-top:10px;text-align:center;font-size:14px;font-family:'NotoSansCJKkr-Bold',Arial;color:#FFF;background-color:#252525;padding:10px}
.attendanceTitle{font-size:18px;text-align:center;width:100%;position:relative;padding:30px 10px 70px 10px}
.attendanceTitle a{margin-left:10px;margin-right:10px}
.attendanceHead7{width:100%;position:relative;background-color:#000000;padding:6px 10px 5px 10px;margin-bottom:10px;border-radius:5px}
.attendanceHead7 div{background-color:#000000;display:inline-block;width:13.95%;vertical-align:top;margin-bottom:5px;text-align:center}
.attendanceCot7{width:100%;position:relative}
.attendanceCot7 div{background-color:#363636;border:solid 1px #000000;border-radius:8px;display:inline-block;width:13.95%;vertical-align:top;padding:10px 10px 15px 10px;height:110px;margin-bottom:5px;line-height:90px;text-align:center;background-repeat:no-repeat;background-position:center center}
.attendanceCot7 div.active{background-color:#0e375e;-moz-box-shadow:inset 0 0 15px #000000;-webkit-box-shadow:inset 0 0 15px #000000;box-shadow:inset 0 0 15px #000000}
.attendanceCot7 div.background-000{background-color:#000}
div.color_blue{color:#00aeff}
div.color_red{color:#ff0000}
.attendanceBottom{width:100%;position:relative;text-align:center;margin-top:30px;margin-bottom:5px}
.attendanceBottom input[type='submit']{color:#f6ff00;background-color:#000;border:solid 1px #000;padding:5px 20px 5px 20px;height:initial;border-radius:5px;margin-left:2px;margin-right:2px;cursor:pointer}
.attendanceBottom p{color:#ff0000;margin-top:10px}
/*attendance page--------------------------------*/

/*coupon page--------------------------------*/
.couponPage{width:100%;position:relative;margin-top:10px;color:#FFF;font-family:'NotoSansCJKkr-Medium',Arial}
.couponHead{width:100%;position:relative}
.couponHead div{padding:10px 10px 10px 10px;border:solid 1px #252525;background-color:#252525;box-sizing:border-box;margin-bottom:-1px;text-align:center;margin-right:-5px}
.coupon61{width:10%;position:relative;display:inline-block;vertical-align:top}
.coupon62{width:40%;position:relative;display:inline-block;vertical-align:top}
.coupon63{width:12%;position:relative;display:inline-block;vertical-align:top}
.coupon64{width:12%;position:relative;display:inline-block;vertical-align:top}
.coupon65{width:15%;position:relative;display:inline-block;vertical-align:top}
.coupon66{width:11.7%;position:relative;display:inline-block;vertical-align:top}
.coupon66 button{background-color:#464646;color:#FFF;display:block;width:80%;text-align:center;margin:0 auto 0 auto;padding:3px 10px 3px 10px;font-size:12px;border:solid 1px #000;border-radius:5px}
.coupon66 button.active,.coupon66 button:hover{background-color:#063ecb}
.couponCont{width:100%;position:relative}
.couponCont div{padding:10px 10px 10px 10px;border:solid 1px #0054a6;background-color:#000;box-sizing:border-box;margin-bottom:-1px;text-align:center;margin-right:-5px}
.couponCont div.coupon66{padding:6px 10px 6px 10px}
/*coupon page--------------------------------*/

/*charging page--------------------------------*/
.chargingPage{width:100%;position:relative;margin-top:5px;color:#FFF;font-size:12px;font-family:'NotoSansCJKkr-Medium',Arial}
.chargingTop{width:100%;position:relative;background-color:#343434;padding:15px 15px 15px 15px}
.chargingTop b{font-family:'NotoSansCJKkr-Bold',Arial;font-size:14px;color:#00c6ff;margin-bottom:20px;display:block}
.chargingTop p{margin-top:5px}
.chargingTop p.color_yellow{color:#fff000}
.chargingTop p.color_red{color:#ff0000}
.chargingTitle2{margin:15px 15px 15px 15px;font-family:'NotoSansCJKkr-Bold',Arial;font-size:14px;color:#FFF}
.chargingCenter{width:100%;position:relative;background-color:#252525;padding:10px 10px 5px 10px;font-family:'NotoSansCJKkr-Medium',Arial;font-size:14px;color:#FFF}
.chargingCLeft{width:47%;position:relative;display:inline-block;vertical-align:top}
.chargingCRight{width:52.1%;position:relative;display:inline-block;vertical-align:top;margin-right:0;margin-left:0.5%}
.chargingCol2Group{width:100%;position:relative;border:solid 1px #000;height:42px;background-color:#343434;margin-bottom:7px}
.chargingCol2Group span{background-color:#343434;display:inline-block;width:20%;padding:10px 10px 10px 10px;text-align:center;vertical-align:top;border-right:solid 1px #000}
.chargingCol2Group input[type='text']{padding:5px 10px 5px 10px;width:77%;height:30px;background-color:#000;vertical-align:top;display:inline-block;border:none;font-size:14px;text-align:center;margin-top:5px;margin-left:1%;border-radius:6px}
.chargingCol2Group input[type='text'].inCharTSmall{max-width:105px;vertical-align:middle;text-align:left;padding-left:5px}
.chargingCol2Group input[type='text'].inCharTSmall.active{background-color:#063ecb}
.chargingCol2Group i{font-size:12px;vertical-align:middle;color:#8a8a8a;display:inline-block;margin-left:5px;letter-spacing:-0.5px}
.chargingCRight .chargingCol2Group input[type='text']{background-color:#d7d7d7;color:#000;border:none}
.chargingCRight a{display:inline-block;width:15.74%;height:42px;background-image:url(../../public/images/charging-btn.png);background-repeat:repeat-x;vertical-align:top;text-align:center;line-height:42px;cursor:pointer;margin-right:0.5%}
.chargingCRight a:nth-child(7n){margin-right:0}
.chargingCRight button{height:38px;border:none;background-color:transparent;background-repeat:repeat-x;display:block;background-image:url(../../public/images/charging-button.png);width:221px;color:#FFF;font-size:14px;line-height:38px;margin:15px auto;cursor:pointer}
.chargingBottom{width:100%;position:relative;font-family:'NotoSansCJKkr-Medium',Arial;font-size:12px;color:#FFF}
.chargingHead{width:100%;position:relative}
.chargingHead div{padding:10px 10px 10px 10px;border:solid 1px #252525;background-color:#252525;box-sizing:border-box;margin-bottom:-1px;text-align:center;margin-right:-5px}
.charging71{width:6%;position:relative;display:inline-block;vertical-align:top}
.charging72{width:42.6%;position:relative;display:inline-block;vertical-align:top}
.charging73{width:12%;position:relative;display:inline-block;vertical-align:top}
.charging74{width:12%;position:relative;display:inline-block;vertical-align:top}
.charging75{width:12%;position:relative;display:inline-block;vertical-align:top}
.charging76{width:8%;position:relative;display:inline-block;vertical-align:top}
.charging76 span{color:#ff0000}
.charging77{width:8%;position:relative;display:inline-block;vertical-align:top}
.charging77 button{background-color:#464646;color:#FFF;display:block;width:80%;text-align:center;margin:0 auto 0 auto;padding:3px 10px 3px 10px;font-size:12px;border:solid 1px #000;border-radius:5px}
.charging77 button.active,.charging77 button:hover{background-color:#063ecb}
.chargingCont{width:100%;position:relative}
.chargingCont div{padding:10px 10px 10px 10px;border:solid 1px #0054a6;background-color:#000;box-sizing:border-box;margin-bottom:-1px;text-align:center;margin-right:-5px}
.chargingCont div.charging77{padding:6px 10px 6px 10px}
/*charging page--------------------------------*/

/*customer page--------------------------------*/
.customerPage{width:100%;position:relative;margin-top:10px;font-family:'NotoSansCJKkr-Medium',Arial;font-size:12px;color:#FFF}
.customerHead{width:100%;position:relative}
.customerHead div{padding:12px 10px 12px 10px;border:solid 1px #252525;background-color:#252525;box-sizing:border-box;margin-bottom:-1px;text-align:center;margin-right:-5px}
.customer51{width:6%;position:relative;display:inline-block;vertical-align:top}
.customer52{width:64.6%;position:relative;display:inline-block;vertical-align:top;text-align:left}
.customer53{width:12%;position:relative;display:inline-block;vertical-align:top}
.customer54{width:9%;position:relative;display:inline-block;vertical-align:top}
.customer55{width:9%;position:relative;display:inline-block;vertical-align:top}
.customer54 span{color:#ff0000}
.customer55 button{background-color:#464646;color:#FFF;display:block;width:80%;text-align:center;margin:0 auto 0 auto;padding:3px 10px 3px 10px;font-size:12px;border:solid 1px #000;border-radius:5px}
.customer55 button.active,.customer55 button:hover{background-color:#063ecb}
.customerCont{width:100%;position:relative}
.customerCont div{padding:12px 15px 12px 15px;border:solid 1px #0054a6;background-color:#000;box-sizing:border-box;margin-bottom:-1px;text-align:center;margin-right:-5px}
.customerCont div.customer55{padding:8px 10px 8px 10px}
.customerCont div.customer52{text-align:left}
.customerBottom{width:100%;position:relative;text-align:right;font-family:'NotoSansCJKkr-Medium',Arial;font-size:12px;color:#FFF;margin-top:30px}
.customerBottom button{background-color:#000;border:solid 1px #252525;color:#FFF;display:inline-block;margin-left:2px;padding:6px 25px 6px 25px;border-radius:8px}
.customerBottom button.active,.customerBottom button:hover{background-color:#063ecb;color:#ffde00}
.noticeDetail{width:100%;position:relative;color:#FFF;font-size:14px;font-family:'NotoSansCJKkr-Medium',Arial;display:none}
.noticeHead{width:100%;position:relative;font-family:'NotoSansCJKkr-Bold',Arial;background-color:#000;color:#FFF;padding:12px 15px 12px 15px;font-weight:700}
.noticeCont{width:100%;position:relative;background-color:#1d1d1d;padding:20px 15px 20px 15px}
.noticeCont p{margin-bottom:30px}
.noticeCont p:last-child{margin-bottom:0}
.noticeCont2{width:100%;position:relative;background-color:#0a0a0a;padding:20px 15px 20px 15px}
.noticeCont2 p{margin-bottom:30px;line-height:20px}
.noticeCont2 p span{color:#e73333}
.noticeCont2 p:last-child{margin-bottom:0}
.noticeCancel{width:100%;position:relative;margin-top:20px}
.noticeCancel a{color:#ffde00;background-color:#000;border:solid 1px #252525;display:inline-block;padding:6px 15px 6px 15px;font-size:12px;border-radius:8px}
.noticeCancel a:hover{background-color:#063ecb;color:#ffde00}
/*customer page--------------------------------*/

/*event page--------------------------------*/
.eventPage{width:100%;position:relative;margin-top:10px;font-family:'NotoSansCJKkr-Medium',Arial;font-size:12px;color:#FFF}
.eventHead{width:100%;position:relative}
.eventHead div{padding:12px 10px 12px 10px;border:solid 1px #252525;background-color:#252525;box-sizing:border-box;margin-bottom:-1px;text-align:center;margin-right:-5px}
.event21{width:77.95%;position:relative;display:inline-block;vertical-align:top;text-align:left}
.event22{width:22%;position:relative;display:inline-block;vertical-align:top}
.event21 span:hover{color:#FF0000;cursor:pointer}
.eventCont{width:100%;position:relative}
.eventCont div{padding:12px 15px 12px 15px;border:solid 1px #0054a6;background-color:#000;box-sizing:border-box;margin-bottom:-1px;text-align:center;margin-right:-5px}
.eventCont div.event21{text-align:left}
.eventCont div.event22{padding:8px 15px 8px 15px}
.eventDetail{width:100%;position:relative;display:none}
.eventDHead{width:100%;position:relative;font-family:'NotoSansCJKkr-Bold',Arial;background-color:#000;color:#FFF;padding:12px 15px 12px 15px;font-weight:700}
.eventDBlue{width:100%;position:relative;background-color:#464646;text-align:center;padding:25px 15px 15px 15px}
.eventDCont{width:100%;position:relative;background-color:#000;text-align:center;padding:35px 15px 25px 15px}
.eventDCont h2{font-size:24px;color:#00ff90;font-family:'NotoSansCJKkr-Bold',Arial}
.eventDCont h2 span{color:#00ccff}
.eventDCont p{font-size:16px;color:#fff600;margin-top:10px}
.eventDShow{width:100%;position:relative;text-align:center;max-width:900px;margin:25px auto 15px auto}
.eventDShow img{max-width:100%}
.eventDCancel{width:100%;position:relative;text-align:center;margin-top:25px}
.eventDCancel a{color:#ffde00;background-color:#000;border:solid 1px #252525;display:inline-block;padding:6px 15px 6px 15px;font-size:12px;border-radius:8px}
.eventDCancel a:hover{background-color:#063ecb;color:#ffde00}
/*event page--------------------------------*/

/*login page-------------------------------*/
.mbLogin{width:100%;position:relative}
.mbLTop{width:100%;position:relative}
.mbLTop input[type='text'],.mbLTop input[type='password']{width:70%;display:inline-block;vertical-align:top;padding:7px 10px 7px 10px;height:38px;background-color:#1d1d1d;color:#FFF;border-top:solid 2px #000}
.mbLTop input[type='text']::-webkit-input-placeholder,.mbLTop input[type='password']::-webkit-input-placeholder{/* Edge */
    color:#FFF}
.mbLTop input[type='text']:-ms-input-placeholder,.mbLTop input[type='password']:-ms-input-placeholder{/* Internet Explorer 10-11 */
    color:#FFF}
.mbLTop input[type='text']::placeholder,.mbLTop input[type='password']::placeholder{color:#FFF}
.mbLTop input[type='text']:focus-visible,.mbLTop input[type='password']:focus-visible{outline:none}
.mbLTop input[type='submit']{background-image:url(../../public/images/login-btn.png);min-height:77px;width:30%;float:right;background-size:cover;height:initial;line-height:0;position:absolute;top:0;right:0;font-size:16px;font-weight:bold;cursor:pointer}
.mbLCenter{width:100%;position:relative;margin:2px 0 10px 0}
.mbLogin a{background-color:#343434;border:solid 1px #343434;display:inline-block;vertical-align:top;min-height:38px;width:49.8%;line-height:38px;text-align:center;color:#FFF;margin-bottom:2px;margin-right:-2px}
.mbLogin a.active,.mbLogin a:hover{border:solid 1px rgb(2,3,2 );background-image:-moz-linear-gradient( 90deg,rgb(0,50,163) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(0,50,163) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%);background-image:-ms-linear-gradient( 90deg,rgb(0,50,163) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%)}
.moDalJoinMember{width:100%;height:100%;position:fixed;top:0;left:0;border-radius:8px;z-index:1000;display:none;background-color:rgba(0,0,0,0.8)}
.joinMemberWrapper{width:700px;min-height:400px;color:#FFF;left:50%;top:10%;position:absolute;margin-left:-350px;background-color:#0e0e0e}
.joinCloseModal{position:absolute;top:-12px;right:-15px;font-size:24px;color:red;cursor:pointer;z-index:1}
.joinCloseModal:hover{color:#FF0}
.joinHeader{background-image:url(../../public/images/join-header.png);width:100%;position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover;text-align:center;padding:20px 0 20px 0}
.joinContent{width:100%;position:relative;padding:30px 20px 0 20px;font-size:12px}
.joinList{width:100%;position:relative;margin-bottom:12px}
.joinList span{display:inline-block;width:20%;vertical-align:middle;border:solid 1px rgb( 70,70,70 );background-color:rgb( 37,37,37 );text-align:center;padding:8px 10px 8px 10px;height:35px}
.joinList input[type='text']{display:inline-block;width:25%;vertical-align:middle;height:35px;border:solid 1px rgb( 37,37,37 );background-color:#000}
.joinList b{display:inline-block;width:12%;vertical-align:middle;height:35px;background-color:#555555;text-align:center;padding:8px 10px 8px 10px;border-radius:4px;font-weight:normal}
.joinList b.active{background-color:#063ecb}
.joinList i{display:inline-block;vertical-align:middle;color:#666666;margin-left:3px;letter-spacing:-1px}
.joinListChild3{width:100%;position:relative;margin-bottom:12px}
.joinListChild3 span{display:inline-block;width:20%;vertical-align:middle;border:solid 1px rgb( 70,70,70 );background-color:rgb( 37,37,37 );text-align:center;padding:8px 10px 8px 10px;height:35px}
.joinListChild3 input[type='text']{display:inline-block;width:30%;vertical-align:middle;height:35px;border:solid 1px rgb( 37,37,37 );background-color:#000}
.joinListChild3 input[type='text']:last-child{width:14%}
.joinListChild3 select{height:35px;width:15%;text-align:right;display:inline-block;vertical-align:middle}
.joinListChild3 strong{font-weight:normal;margin-left:10px;margin-right:5px}
.joinFooter{width:100%;position:relative;margin-top:50px;text-align:center;padding-bottom:40px}
.joinFooter input[type='submit']{background-image:-moz-linear-gradient( 90deg,rgb(0,24,77) 0%,rgb(0,39,132) 0%,rgb(0,53,187) 0%,rgb(0,52,175) 0%,rgb(0,50,163) 0%,rgb(0,115,209) 58%,rgb(0,180,255) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(0,24,77) 0%,rgb(0,39,132) 0%,rgb(0,53,187) 0%,rgb(0,52,175) 0%,rgb(0,50,163) 0%,rgb(0,115,209) 58%,rgb(0,180,255) 100%);background-image:-ms-linear-gradient( 90deg,rgb(0,24,77) 0%,rgb(0,39,132) 0%,rgb(0,53,187) 0%,rgb(0,52,175) 0%,rgb(0,50,163) 0%,rgb(0,115,209) 58%,rgb(0,180,255) 100%);border:solid 1px rgb( 2,3,2 );border-radius:6px;padding:4px 20px 4px 20px;height:initial;cursor:pointer}
.joinFooter input[type='reset']{border:solid 1px rgb( 2,3,2 );border-radius:6px;background-color:rgb( 52,52,52 );padding:4px 20px 4px 20px;height:initial;cursor:pointer}
.joinFooter input[type='reset']:hover{background-image:-moz-linear-gradient( 90deg,rgb(0,24,77) 0%,rgb(0,39,132) 0%,rgb(0,53,187) 0%,rgb(0,52,175) 0%,rgb(0,50,163) 0%,rgb(0,115,209) 58%,rgb(0,180,255) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(0,24,77) 0%,rgb(0,39,132) 0%,rgb(0,53,187) 0%,rgb(0,52,175) 0%,rgb(0,50,163) 0%,rgb(0,115,209) 58%,rgb(0,180,255) 100%);background-image:-ms-linear-gradient( 90deg,rgb(0,24,77) 0%,rgb(0,39,132) 0%,rgb(0,53,187) 0%,rgb(0,52,175) 0%,rgb(0,50,163) 0%,rgb(0,115,209) 58%,rgb(0,180,255) 100%);border:solid 1px rgb( 2,3,2 )}
/*login page-------------------------------*/

/*betting page-------------------------------*/
.bettingPage{width:100%;position:relative;margin-top:10px;font-family:'NotoSansCJKkr-Medium',Arial;font-size:12px;color:#FFF;background-color:#000}
.bettingTop{width:100%;position:relative;background-color:#343434;padding:6px 15px 6px 15px}
.bettingTop a{color:#00aeff;background-color:#000;display:inline-block;padding:7px 20px 7px 20px;border-radius:6px;border:solid 1px #252525}
.bettingTop a.active,.bettingTop a:hover{background-color:#063ecb;color:#FFF}
.bettingHead{width:100%;position:relative;background-color:#000;border:solid 1px #252525;margin-top:5px}
.bettingHead div{padding:9px 10px 7px 10px;box-sizing:border-box;text-align:center;box-sizing:border-box;margin-bottom:-1px;margin-right:-5px;height:45px}
.bettingCont{width:100%;position:relative}
.bettingCont div{padding:7px 15px 7px 15px;border:solid 1px #000;background-color:#161616;box-sizing:border-box;margin-bottom:-1px;text-align:left;margin-right:-5px;height:40px}
.betting71{width:22%;position:relative;display:inline-block;vertical-align:top}
.betting71 img{vertical-align:middle}
.betting71 span{float:right;margin-top:2px}
.betting72{width:10%;position:relative;display:inline-block;vertical-align:top}
.bettingCont div.betting72{text-align:center}
.betting73{width:21.9%;position:relative;display:inline-block;vertical-align:top}
.bettingCont div.betting73.active,.bettingCont div.betting73:hover{background-color:#063ecb;cursor:pointer}
.betting73 span{float:right}
.betting74{width:9%;position:relative;display:inline-block;vertical-align:top}
.bettingCont div.betting74{text-align:center}
.betting74 span.color_green{color:#3ad200}
.betting74 span.color_grey{color:#ff7950}
.betting75{width:18%;position:relative;display:inline-block;vertical-align:top}
.betting75 span{float:right}
.betting76{width:10%;position:relative;display:inline-block;vertical-align:top}
.bettingCont div.betting76{text-align:center}
.betting77{width:10%;position:relative;display:inline-block;vertical-align:top}
.bettingCont div.betting77{text-align:center}
.betting77 span.color_red{color:#ff0000}
.betting77 span.color_yelow{color:#ffe400}
.bettingFoot{width:100%;position:relative;background-color:#252525;padding:10px 15px 10px 15px;border-top:solid 1px #000}
.bettingFoot span{display:inline-block;margin-right:8%}
.bettingFoot i.color_red{color:#FF0000;font-style:normal}
.bettingFoot span:last-child{float:right;text-align:right;margin-right:2.8%}
.bettingFoot span.color_red{color:#FF0000}
.bettingFoot span.color_yelow{color:#ffe400}
.bettingSend{width:100%;position:relative;background-color:#000;padding:8px 10px 3px 10px;text-align:right}
.bettingSend button{background-color:#000;border:solid 1px #252525;display:inline-block;margin-left:5px;color:#FFF;padding:6px 15px 8px 15px;border-radius:8px}
.bettingSend button.active,.bettingSend button:hover{background-color:#ff0000}
.bettingPaginate{width:100%;position:relative;background-color:#000;padding:50px 10px 20px 10px}
.bettingCol31{width:33%;display:inline-block;vertical-align:top}
.bettingCol32{width:33.4%;display:inline-block;vertical-align:top;text-align:center}
.bettingCol32 a{color:#ffde00;display:inline-block;margin-left:3px;margin-right:3px}
.bettingCol32 a span{color:#FFF}
.bettingCol33{width:33%;display:inline-block;vertical-align:top;text-align:right}
.bettingPaginate button{background-color:#000;border:solid 1px #252525;display:inline-block;margin-left:5px;color:#FFF;padding:6px 15px 8px 15px;border-radius:8px}
.bettingPaginate button.active,.bettingPaginate button:hover{color:#ffde00}
/*betting page-------------------------------*/

/*ressult page-------------------------------*/
.resultPage{width:100%;position:relative;margin-top:10px;font-family:'NotoSansCJKkr-Medium',Arial;font-size:12px;color:#FFF;background-color:#000}
.resultTitle{width:100%;position:relative;background-color:#000;padding:10px 15px 10px 15px}
.resultTitle img{max-width:100%;display:inline-block;vertical-align:middle;margin-right:2px}
.resultTitle span{display:inline-block;vertical-align:middle;margin-left:5px}
.ressultHead{width:100%;position:relative;background-color:#000;border:solid 1px #252525;margin-top:5px}
.ressultHead div{padding:9px 10px 7px 10px;box-sizing:border-box;text-align:center;box-sizing:border-box;margin-bottom:-1px;margin-right:-5px;height:45px}
.ressultCont{width:100%;position:relative}
.ressultCont div{padding:7px 15px 7px 15px;border:solid 1px #000;background-color:#161616;box-sizing:border-box;margin-bottom:-1px;text-align:center;margin-right:-5px;height:40px}
.result71{width:13%;position:relative;display:inline-block;vertical-align:top}
.result72{width:5%;position:relative;display:inline-block;vertical-align:top}
.result73{width:30%;position:relative;display:inline-block;vertical-align:top}
.result73 span{float:right}
.ressultCont div.result73{text-align:left}
.ressultCont div.result73.active,.ressultCont div.result73:hover{background-color:#063ecb;cursor:pointer}
.result74{width:11%;position:relative;display:inline-block;vertical-align:top}
.ressultCont div.result74{text-align:right}
.result74 span{float:left}
.result74 span.color_green{color:#3ad200}
.result74 span.color_grey{color:#ff7950}
.result75{width:21.8%;position:relative;display:inline-block;vertical-align:top}
.result75 span{float:right}
.ressultCont div.result75{text-align:left}
.result76{width:10%;position:relative;display:inline-block;vertical-align:top}
.ressultCont div.result76{text-align:center}
.result77{width:10%;position:relative;display:inline-block;vertical-align:top}
.ressultCont div.result77{text-align:center}
.result77 span.color_red{color:#ff0000}
.result77 span.color_yelow{color:#ffe400}
/*ressult page-------------------------------*/
.homeWelcomeMobile,.header_logo_mobile,.headerBarMobile,.headerUserInfo,.headerBUInfo{display:none}
/*modal login-------------------------------*/
.moDalLogin{width:268px;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.9);z-index:999;color:#FFF;padding:1px;display:none}
.modalTitle{width:100%;position:relative;padding:10px 10px 10px 10px;font-size:18px}
.modalTitle i{float:right;margin-top:3px;margin-right:0}
.userLogin{width:100%;position:relative}
.uLoginLeft{width:100%;position:relative;display:inline-block;vertical-align:top;max-width:68.3%;margin-right:0}
.uLoginLeft input[type='text'],.uLoginLeft input[type='password']{width:100%;padding:5px 10px 5px 10px;height:39px;margin-bottom:3px;border:solid 1px #363636;background-color:#111111}
.uLoginRight{width:100%;position:relative;display:inline-block;vertical-align:top;max-width:30%}
.uLoginRight input[type='submit']{background-image:-moz-linear-gradient( 90deg,rgb(0,25,82) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(0,25,82) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%);background-image:-ms-linear-gradient( 90deg,rgb(0,25,82) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%);border:none;height:80px;width:100%;text-align:center}
.uLoginLast{width:100%;position:relative}
.uLoginLast a{background-color:#343434;display:inline-block;width:49.3%;padding:10px 10px 10px 10px;text-align:center}
.uLoginLast a.active,.uLoginLast a:hover{border:solid 1px rgb( 2,3,2 );background-image:-moz-linear-gradient( 90deg,rgb(0,25,82) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(0,25,82) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%);background-image:-ms-linear-gradient( 90deg,rgb(0,25,82) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%)}
/*modal login-------------------------------*/

/*modal register----------------------------*/
.moDalReg{width:280px;min-height:400px;position:absolute;top:5%;left:50%;margin-left:-140px;background-color:#252525;border:solid 1px #007eff;border-radius:8px;z-index:1000;color:#FFF;padding:40px 8px 20px 8px;text-align:center;display:none}
.moDalReg textarea{width:100%;padding:5px 8px 5px 8px;border:none;background-color:#000;border-radius:5px;margin-bottom:8px;color:#FFF;height:initial}
.moDalReg input[type='text']{width:70%;padding:5px 10px 5px 10px;height:37px;border:none;background-color:#000;border-radius:5px;margin-bottom:8px;color:#FFF}
.moDalReg input[type='submit']{background-color:#464646;width:70%;padding:8px 10px 8px 10px;text-align:center;border:none;margin-bottom:8px;height:initial;border-radius:5px;color:#FFF}
.moDalReg input[type='submit'].active,.moDalReg input[type='submit']:hover{border-radius:4px;background-image:-moz-linear-gradient( 90deg,rgb(0,25,82) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(0,25,82) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%);background-image:-ms-linear-gradient( 90deg,rgb(0,25,82) 0%,rgb(0,24,77) 23%,rgb(0,39,132) 46%,rgb(0,53,187) 56%,rgb(0,117,221) 73%,rgb(0,180,255) 100%)}
.regCloseModal{position:absolute;top:8px;right:5px;color:#FFF;font-size:18px;cursor:pointer}
/*modal register----------------------------*/
  
/*left mobile menu-------------------------*/
.leftMenuMobile{width:268px;height:initial;position:absolute;top:0;left:0;background-color:#000;z-index:999;color:#FFF;padding:0 2px 10px 2px;display:none}
.leftMenuMobile > i{font-size:20px;position:absolute;right:2px;top:3px;z-index:1}
.leftMMHead{width:100%;position:relative;padding:2px 10px 8px 10px}
.leftMMHead i{font-size:20px}
.leftMMUser{width:100%;position:relative}
.leftMMUser p{border:solid 1px rgb( 54,54,54 );background-color:rgb( 17,17,17 );padding:8px 10px 8px 10px;margin-bottom:2px}
.leftMMUser p span{color:#0072ff;float:right}
.leftMMUser p a{color:#0072ff;vertical-align:middle}
.leftMMUser p a i{color:#FFF}
.leftMMUser p a.lMUlLoad{display:inline-block;margin-left:15px;vertical-align:0}
.leftMMUser p a.lMUlLoad i{margin-right:0}
.leftMUBottom{width:100%;position:relative;margin-top:5px;text-align:center;margin-bottom:25px}
.leftMUBottom a{display:inline-block;width:49.6%;border:solid 1px rgb( 85,85,85 );background-color:rgb( 52,52,52 );padding:8px 10px 8px 10px;margin-right:-2px;margin-bottom:2px}
.leftMUBottom p a{width:100%}
.leftMSportTitle{width:100%;position:relative;background-color:#052c8c;padding:9px 10px 3px 47px;min-height:37px;margin-top:8px}
.leftMSportTitle:after{content:'';position:absolute;bottom:10px;left:0;width:100%;background-color:#00b0fb;height:2px;z-index:0}
.leftMSportTitle img{position:absolute;top:2px;left:10px;z-index:2}
.leftSport3{width:100%;position:relative;text-align:center;margin-top:8px}
.leftSport3 a{display:inline-block;text-align:center;border:solid 1px rgb( 85,85,85 );background-color:rgb( 0,0,0 );vertical-align:top;width:32.4%;padding:6px 5px 6px 5px}
.leftSport3 a img{max-width:100%}
.leftSport3 a span{display:block;margin-top:5px}
.leftSport2{width:100%;position:relative;text-align:center;margin-top:8px}
.leftSport2 a{display:inline-block;text-align:center;border:solid 1px rgb( 85,85,85 );background-color:rgb( 0,0,0 );vertical-align:top;width:49.5%;padding:5px 5px 5px 5px;margin-right:-2px}
.leftSport2 a img{max-width:100%}
.leftSport2 a span{display:block;margin-top:5px}
.leftSport15{width:100%;position:relative;margin-top:8px}
.leftSport15 a{display:inline-block;text-align:center;border:solid 1px rgb( 85,85,85 );background-color:rgb( 0,0,0 );vertical-align:top;width:32.6%;padding:6px 5px 6px 5px;margin-bottom:2px;margin-right:-1px}
.leftSport15 a img{max-width:100%}
.leftSport15 a span{display:block;margin-top:5px}
/*left mobile menu-------------------------*/

/*right mobile menu-------------------------*/
.rightMenuMobile{width:268px;height:initial;position:absolute;top:0;right:0;background-color:rgba(0,0,0,0.9);z-index:999;color:#FFF;padding:45px 4px 1px 4px;display:none}
.rightMenuMobile >i{margin-right:0;font-size:20px;margin-top:5px;position:absolute;top:7px;right:4px}
.rightMenuMobile a{border:solid 1px rgb( 6,62,203 );border-radius:4px;background-color:rgb( 17,17,17 );display:block;padding:8px 10px 8px 10px;text-align:center;margin-bottom:4px}
.rightMenuMobile a.bgred{background-color:#ff0000;border:solid 1px #ff0000}
.rightMenuMobile a.bgblue1{background-color:#063ecb;border:solid 1px #063ecb}
.rightMenuMobile a.bgblue2{background-color:#0072bc;border:solid 1px #0072bc}
.rightMenuMobile a.bgblue3{background-color:#448ccb;border:solid 1px #448ccb}
/*right mobile menu-------------------------*/
.mobileShow{display:none}
/*Responsitive mobile-------------------------*/
@media (max-width:770px){.joinMemberWrapper{width:100%;position:relative;left:0;top:0;margin-left:0}.desktopShow{display:none}.mobileShow{display:block}body{min-width:100%!important;background-image:initial;background-color:#000}.bg_object{min-width:100%}.header{min-width:100%;width:100%;background-image:url(../../public/images/bg-header-mobile.png);border-bottom:solid 1px #0088ed;height:initial;min-height:55px}.headerBarMobile{display:block;color:#FFF;font-size:24px;position:absolute;top:16px;left:20px;z-index:999;cursor:pointer}.headerUserInfo{display:block;color:#FFF;font-size:24px;position:absolute;top:16px;right:15px;z-index:999;cursor:pointer}.main-content-wrap .bx-wrapper{margin-bottom:5px}.header_logo_desktop{display:none}.logo_area_main{height:initial;position:relative;text-align:center;width:100%;display:block;top:initial;left:initial;margin-left:0}.header_logo_mobile{display:block;margin:5px auto 8px auto;max-width:124px}.headerBUInfo{width:100%;position:relative;display:block}.hUinfoTop{width:100%;position:relative;background-color:#063ecb;padding:6px 10px 6px 10px;text-align:center}.hUinfoTop a{display:inline-block;vertical-align:middle;width:31%;text-align:left;margin-right:1%}.hUinfoTop a img{display:inline-block;vertical-align:-5px;margin-right:3px}.hUinfoBottom{width:100%;position:relative;background-color:#222222;padding:6px 10px 6px 10px;text-align:center}.hUinfoBottom a{display:inline-block;vertical-align:middle;width:31%;text-align:left;margin-right:1%}.hUinfoBottom a img{display:inline-block;vertical-align:-5px;margin-right:3px}body .contents-wrap{margin:0}.header .GNB_area{width:100%;display:none}.header .GNB_area ul.Top_menu{display:none}body .left-contents{display:none}body .right-contents{display:none}.main_bottom_bbs{border:initial;padding:0;border-radius:0}.main_bottom_bbs .notice ul{height:130px}.main_bottom_bbs li.notice_bg{width:100%;margin-right:0;margin-bottom:10px;border:1px solid #6dd1fe;border-radius:0;height:initial}.main_bottom_bbs .notice ul li a{width:100%;margin-left:0;border:initial;padding:6px 0 6px 0}.main_banner{margin-bottom:10px}.main_banner ul li{width:49%;margin-bottom:5px}.main_banner ul li.bMobileHide{display:none}body #main-wrap{padding-top:5px;padding-left:5px;padding-right:5px}.main_bottom_bbs .notice{height:initial;padding:3px}.main_bottom_bbs .notice h2{font-size:12px;border-radius:0;padding:10px 0 10px 10px}.main_bottom_bbs h2 a{width:60px;top:9px;text-align:right}.homeLastCompany{display:none}.contentsLast{padding:0 0 10px 0}.contentsLast img.homeWelcomeMobile{max-width:100%;display:block;width:100%}footer{padding:10px 5px 5px 5px}.footer_last{border-top:solid 1px #4c4c4c;padding:30px 0 20px 0;margin:0 auto 0 auto;max-width:100%}.footer_last p a img{max-width:120px;margin-bottom:15px}.footer_last p span{font-size:12px;font-style:initial}.wrap{background-image:initial}.attendancePage{padding:10px 0 10px 0;font-size:13px}.attendanceTitle{padding:15px 10px 25px 10px;font-size:16px}.attendanceHead7 div{width:13%}.attendanceCot7 div{width:13.3%;background-size:100%;height:60px;padding:5px 10px 5px 10px;line-height:50px}.attendanceBottom{margin-top:15px}.page_title{padding-top:15px;padding-left:10px;min-height:60px}.page_title h1 img{max-width:120px}.page_template{padding:10px 0 10px 0}.slotPage{text-align:center}.slotPage ul li{width:49.4%;margin-right:0;margin-bottom:5px}.slotPage ul li a img.slotPlay{width:100px;height:100px;margin-left:-50px;margin-top:-50px}.chargingCenter{padding:10px 0 5px 0}.chargingCLeft{width:100%;margin-right:0;margin-left:0}.chargingCRight{width:100%;margin-right:0;margin-left:0}.chargingCRight a{width:32.6%;background-size:cover;margin-top:5px;margin-right:0}.chargingTop{padding:10px 10px 10px 10px}.chargingTop b{margin-bottom:10px}.chargingTitle2{margin:10px 10px 10px 10px}.chargingCol2Group{margin-bottom:1px;font-size:12px}.chargingCol2Group i{display:none}.chargingCol2Group span{width:25%}.chargingCol2Group input[type='text']{width:71%;font-size:12px}.chargingCol2Group input[type='text'].inCharTSmall{max-width:40%;text-align:center}.charging71{width:11%}.charging72{width:17%}.charging73{width:13%}.charging74{width:15%}.charging75{width:15%}.charging76{width:13.5%}.charging77{width:18%;padding:3px 5px 3px 5px!important}.charging77 button{padding:3px 5px 3px 5px;width:100%}.chargingHead div{padding:5px 5px 5px 5px;min-height:48px}.chargingCont div{padding:5px 5px 5px 5px;min-height:48px}.pagePagination{margin-top:20px}.inplayList{width:100%;max-width:100%;margin-bottom:5px}.inplayCol33{width:100%;margin-top:2px}.inplayCol33 span{padding:3px 10px 3px 10px;margin-right:1px;font-size:11px}.inplayCol33 i{padding:3px 10px 3px 10px;font-size:11px}.inplayCol31{width:100%}.inplayCol31 span{padding:3px 10px 3px 10px}.inplayCol32{width:100%;margin-top:2px}.inplayResult{padding:3px 3px 3px 3px}.inResultCol31{width:100%;margin-top:2px}.inResultCol32{width:100%;margin-top:2px}.inResultCol33{width:100%;margin-top:2px}.inResultCol21{width:100%;margin-top:2px}.inResultCol22{width:100%;margin-top:2px}.memo41{width:16%}.memo42{width:41.5%}.memo43{width:20%}.memo44{width:24%}.memoCont div{padding:5px 5px 5px 5px;min-height:33px}.miniGameTitle p{width:32.5%;margin-top:2px}.miniGameContent{margin-top:5px;padding:10px}.mGameCol1{font-size:12px}.mGameCol2{width:49%;height:auto;font-size:12px}.mGameCol44 div span{width:70px;height:70px;padding-top:15px;background-size:100% 100%;font-size:12px}.mGameCol33 div{width:30%}.mGameCol33 div span{width:70px;height:70px;padding-top:15px;background-size:100% 100%;font-size:12px}.mGameResultCol1{width:100%}.mGameResultCol2{width:100%}.mGameResultCol2 div span{font-size:14px}.mGameResultCol3333{width:100%;text-align:center;margin-left:0;border:none;padding-left:0}.mGameResultCol3333 b{width:45%;background-size:cover;border-radius:8px}.myPage{padding:0}.myPageCol5{width:100%;font-size:12px}.myPageCol5Group input[type='text']{font-size:12px}.mypage282{font-size:12px;height:auto}.myPageCol28{width:100%;padding:5px 10px 0 10px}.myPageCol82{width:100%;height:auto;margin-left:0;padding:5px}.myPageCol82 span{display:block;margin-left:0}.myPageCol82 input[type='text']{min-width:100%;margin-left:0}.myPageCol1{padding:5px 5px 10px 5px;margin-top:10px}div.event22 img{max-width:100%}div.event21{width:70%;padding:6px 10px 7px 10px;min-height:35px}div.event22{min-height:35px;width:30%;padding:6px 10px 7px 10px}.eventDBlue{padding:10px 10px 10px 10px}.eventDBlue img{max-width:120px}.eventDCont{padding:20px 0 0 0}.eventDCont h2{font-size:14px}.eventDCont p{font-size:12px}.result71,.result72,.result73,.result74,.result75,.result76,.result77{width:100%}.ressultCont div.result77{margin-bottom:2px}.bettingPaginate{padding:25px 0 5px 0}.bettingCol31{width:25%;vertical-align:middle}.bettingCol32{width:48%;vertical-align:middle}.bettingCol33{width:25%;vertical-align:middle}.sportsCol3{width:32.6%}.sportsCol7{width:24.2%}.sportsCol61,.sportsCol62,.sportsCol63,.sportsCol64,.sportsCol65,.sportsCol66{width:100%;margin-bottom:1px;height:inherit}.mDisplayNone{display:none}.page_title2{padding:10px 10px 10px 10px}.customer51{width:15%}.customer52{width:40%}.customer53{width:15%}.customer54{width:16%}.customer55{width:16%}.customer55 button{width:100%;padding:3px 5px 3px 5px}.customerHead div{padding:5px 5px 5px 5px}.customerCont div{padding:5px 5px 5px 5px;min-height:50px}.customerCont div.customer55{padding:5px 5px 5px 5px}.customerBottom{text-align:center}.customerBottom button{margin-left:3px;margin-right:3px}.noticeDetail{font-size:12px}.noticeCont p{margin-bottom:10px}.noticeCont,.noticeCont2{padding:15px 10px 15px 10px}.noticeHead{padding:10px 10px 10px 10px}.coupon61{width:12.5%}.coupon62{width:23%}.coupon63{width:16%}.coupon64{width:13%}.coupon65{width:20%}.coupon66{width:18%}.couponCont div.coupon66{padding:5px 5px 5px 5px}.couponHead div{padding:5px 5px 5px 5px;min-height:48px}.couponCont div{padding:5px 5px 5px 5px;min-height:68px}.coupon66 button{width:100%;padding:5px 5px 5px 5px}.betting71{display:none}.betting72,.betting73,.betting74,.betting75,.betting76,.betting77{width:100%}.bettingFoot{padding:10px 10px 5px 10px}.bettingFoot span{display:block;width:100%;margin-bottom:5px}.bettingFoot span:last-child{float:initial;text-align:left;margin-right:0}.bettingSend{text-align:center}.gameList{width:98%;margin:0 auto;margin-bottom:20px;overflow:hidden;border-spacing:3px 5px;border-collapse:separate}table.gameList{width:100%}.resultColor{background:rgba(0,0,0,.4)}.gameList td.leagueName{border-bottom:none;border-left:none;color:#fff;font-size:14px;vertical-align:middle;background:rgba(255,255,255,0.05);padding:5px 0 5px 10px}td.leagueName .btnArea{float:right}td.leagueName .btnArea a{display:inline-block;background-color:#4e4e4e;padding:2px 5px 2px 5px;height:initial;border-radius:4px}.gameList td{font-size:12px;position:relative;color:#fff;background:rgba(0,0,0,.20);padding:10px 5px 10px 5px}.gameList td.mainColumn{text-align:center;font-size:12px;border-top:1px solid rgba(255,255,255,0.04);border-left:1px solid rgba(255,255,255,0.04);background:#36373d}.gameList td.mainColumn.bg_343434{background:#343434;text-align:left}.gameList td.mainColumn.bg_343434.text-center{text-align:center}.gameList td.mainColumn.bg_343434.text-right{text-align:right}.gameList .resultTime{background:#141414;color:#ff7950;font-weight:bold}.page_game_list_base .gameList td.bet:active,.gameList td.on,.gameList td.on:hover,.gameList td.on:active,.gameList td.selected,.gameList td.selected:hover,.gameList td.selected:active{background:#9929ea;border:1px solid #063ecb;color:#fff}.gameList td.center{text-align:center;position:relative}.gameList td.bet{background:#1a1b20;border:1px solid #063ecb}.gameList td.center > .dividend{padding-bottom:3px}.gameList td.center .dividend{color:#fff;display:inline-block}.gameList td .state{position:absolute;display:block;text-align:center;z-index:150;width:70px;height:16px;line-height:16px;bottom:-1px;left:50%;margin-left:-35px;background-color:#FFF;border-top-left-radius:15px;border-top-right-radius:15px}.gameList td .score{color:#f7cd2f}.gameList td.left{text-align:left;padding-left:4px}.gameList td.right{text-align:right;padding-right:4px}.gameList td.right > .dividend{float:left;white-space:nowrap}.gameList td .state .lose{color:#c00606}.gameList td .state .win{color:#2250af}table{border-spacing:0}.gameList td .state .fail{color:#fff}.gameList tr.myBet td p strong{color:#ffcc00}.gameList td .dividend span.f_blue{background-image:url(../../public/images/icon_under.gif);width:15px;height:20px;display:inline-block;font-size:0;background-repeat:no-repeat;background-size:12px}.gameList td .dividend span.f_red{background-image:url(../../public/images/icon_over.gif);text-indent:-9999px!important;width:15px;height:20px;display:inline-block;font-size:0;background-repeat:no-repeat;background-size:12px}.gameList td .dividend span.home_ratio,.gameList td .dividend span.away_ratio{color:#fff;font-weight:bold}.page_game_list_base .gameList td.bet:active,.gameList td.on,.gameList td.on:hover,.gameList td.on:active,.gameList td.selected,.gameList td.selected:hover,.gameList td.selected:active{background:#063ecb;border:1px solid rgba(0,0,0,.20);color:#fff}.gameList td.left > .dividend{float:right!important;text-align:right;padding-right:5px;white-space:nowrap}.gameList td.right > .dividend > .away_ratio{display:block;float:left}.game_list_fliter{width:100%;position:relative;font-size:12px}.game_list_fliter ul li a{text-align:center;display:block;width:100%!important;height:70px;line-height:36px}.game_list_fliter ul li a:hover,.game_list_fliter ul li a:active,.game_list_fliter ul li a.selected{text-align:center;display:block;color:#ff00db}.game_list_fliter ul li{float:left;font-size:12px;text-align:center;height:90px;margin:0 auto;background:#2e2e2e;padding-top:16px;flex:1;width:13.9%}.game_list_fliter ul li a{text-align:center;display:block;width:100%!important;height:70px;line-height:36px}.game_list_fliter ul li a.all span{background-position:-10px -45px;width:30px}.game_list_fliter ul li a span{text-align:center;display:block;background:url(../../public/images/icon_cate.png) no-repeat -26px -1194px;height:30px;margin:0 auto;filter:hue-rotate(247deg)}.game_list_fliter ul li a:hover span,.game_list_fliter ul li a:active span,.game_list_fliter ul li a.selected span{background-position-y:-7px}.game_list_fliter ul li a.soccer span{background-position:-63px -45px;width:30px}.game_list_fliter ul li a.baseball span{background-position:-117px -45px;width:30px}.game_list_fliter ul li a.basketball span{background-position:-170px -45px;width:30px}.game_list_fliter ul li a.volleyball span{background-position:-223px -45px;width:30px}.game_list_fliter ul li a.hockey span{background-position:-276px -45px;width:30px}.game_list_fliter ul li a.etc span{background-position:-436px -45px;width:30px}.gameList tr.eventGame td .home_team,.gameList tr.eventGame td .away_team{color:#00FFE9;font-weight:bold}.gameList td.left > .dividend > .home_ratio{display:block;float:right}.gameList td .sports_img{display:inline-block!important;vertical-align:middle;width:26px!important;height:26px!important}.gameList td .sports_img img{width:26px!important;height:26px!important}.gameList td .sports_img,.gameList td .league_img{display:inline-block;margin-right:5px}.gameList td.leagueName .date{float:right;font-size:12px;line-height:42px;color:#ffcc00;vertical-align:middle;margin-left:20px;font-weight:bold;letter-spacing:0;font-family:verdana;animation:light 4s infinite ease-in-out;-webkit-animation:light 4s infinite ease-in-out}.gameList td.board_plus span.plus{display:block!important;background:url(../../public/images/icon_plus.png) no-repeat left center;width:16px;line-height:31px;padding-left:26px;cursor:pointer}.gameList td.board_plus span.minus{display:block!important;background:url(../../public/images/icon_minus.png) no-repeat left center;width:16px;line-height:31px;padding-left:26px;cursor:pointer}.gameList td .sports_img img{width:26px!important;height:26px!important}}
@media (max-width:600px){.joinCloseModal{top:6px;right:3px}.joinHeader{padding:10px 0 10px 0}.joinHeader img{max-width:120px}.joinContent{padding:25px 15px 0 15px}.joinList span{padding:8px 5px 8px 5px;width:27%}.joinList input[type='text']{width:50%}.joinList i{display:none}.joinList b{width:21%}.joinListChild3 span{width:27%}.joinListChild3 select{width:50%;margin-right:20%}.joinListChild3 strong{width:27%;display:inline-block;text-align:center;margin-left:0;margin-right:0;height:35px;padding:8px 10px 8px 10px;vertical-align:middle}.joinListChild3 input[type='text']{width:50%;margin-top:12px}.joinListChild3 input[type='text']:last-child{width:50%;margin-top:12px}.joinFooter input[type='submit'],.joinFooter input[type='reset']{padding:4px 11px 4px 11px}}
/*Responsitive mobile-------------------------*/