@charset"UTF-8";
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');
/* default */
* {margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html {width:100%;height:100%;}
body {width:100%;height:100%;margin:0px;padding:0px;font-family:'Nanum Gothic',Dotum;font-size:12px;color:#EEE;line-height:16px;font-weight:normal;}
div, ul, li, table, th, td, textarea, input, form, h1, h2, h3, h4, h5, h6, dt, dl, dd,  address, cite {margin:0px;padding:0px;font-family:'Nanum Gothic',Dotum;font-size:12px;color:white;line-height:16px;font-weight:bold;}
/*em,*/
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:18px;}
table {width:100%;table-layout:fixed;}

select {font-family: 'Nanum Gothic'Dotum;background-color: #646464;background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #fff, #fff);background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;background-size: 5px 5px, 5px 5px, 1px 1.5em;background-repeat: no-repeat;border: 0;border-radius: 4px;display: inline-block;line-height: 1.5em;padding: 0.5em 3.5em 0.5em 1em;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;color: white;}
fieldset {border:0;margin:0px;padding:0px;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;display:none;}
img {border:0;vertical-align:middle;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input,select {margin:0;vertical-align:middle;outline:0;}
button{outline:0;}

a {text-decoration:none;color:#ffffff;margin:0px;padding:0px;}
a:link, a:visited {text-decoration:none;color:#ffffff;}
a:hover, a:focus, a:active {text-decoration:none;color:#ffffff;}
a:focus, img:focus {outline:none;}

.Btn {cursor: pointer;padding: 8px 15px;border-radius: 5px;background: #3f60c4;font-size: 14px;}
.Btn:active {background:#5986cd;}

.btn-small{cursor:pointer; padding:6px 8px; border-radius:5px; background:#3f60c4; font-size:10px;}
.btn-small:active{background:#5986cd;}

.btn-baro{width:135px; height:27px; line-height:27px; text-align:center; display:inline-block; cursor:pointer; border-radius:5px;margin-top:12px;position: relative;overflow: hidden;font-size: 13px;font-weight: 700;background:#3f60c4;}
.btn-baro:before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: -105%;overflow: hidden; background:linear-gradient(to left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%); transform: skewX(-25deg);}
.btn-baro:active{background:#5986cd; filter: drop-shadow(#4699ca 0px 0px 10px); border: 2px solid white;width: 131px; height: 23px;}
.btn-baro:active:before{left:120%; transition: all 0.5s ease-in-out;}

.btn-up-big {padding: 12px 0px;font-weight: bold;background: #3f60c4;float: left;width: calc(50% - 15px);text-align: center;font-size: 16px;margin:10px 0px 10px 10px;border-radius: 10px;}
.btn-up-big:active {background: #5986cd;}
.btn-del-big {padding: 12px 0px;font-weight: bold;background: #4a4a4a;float: left;width: calc(50% - 15px);text-align: center;font-size: 16px;margin:10px 0px 10px 10px;border-radius: 10px;}
.btn-del-big:active {background: #333;}
.btn-up-small{width: 50px; color: #ffffff;font-size: 11px;padding: 3px 10px;letter-spacing: -1px;text-align: center;background: #3f60c4;border-radius:3px; border:0;}
.btn-up-small:active {background: #5986cd;}
.btn-del-small{width: 50px; color: #ffffff;font-size: 11px;padding: 3px 10px;letter-spacing: -1px;text-align: center;background: #4a4a4a;border-radius:3px; border:0;}
.btn-del-small:active {background: #333;}
.btn-can-small{width: 50px; color: #ffffff;font-size: 11px;padding: 3px 10px;letter-spacing: -1px;text-align: center;background: black;border-radius:3px; border:0;}
.btn-can-small:active {background: #1c1c1c;}


.mainIcon
{
	text-align:center;
	color:#FFF;
	padding:10px 0;
}

.bg_login {background:#333;}
#wrap_login {padding-top:60px;}
#wrap_login .login_sec {background:#101010;}
#wrap_login .login_area {position:relative;margin:0 auto;width:300px;height:380px;padding:0px 0 0 0}
#wrap_login h1 {padding:40px 0px 30px 0px;text-align:center; }
#wrap_login .login_input {margin-bottom:30px;text-align:center; }
#wrap_login .login_input input {vertical-align:middle;height:28px;width:260px;font-weight:bold;margin:0px 0px 15px 0px; background:#333; border:1px solid #717171; color:#f4f4f4}
#wrap_login .btn_login {font-family: Tahoma, Geneva, sans-serif;color:#101010;display:inline-block;background:#fff;font-size:14px;font-weight:bold;width:125px;padding-top:10px;height:25px;text-align:center;margin-right:6px;}
#wrap_login .btn_member {font-family: Tahoma, Geneva, sans-serif;color:#101010;display:inline-block;background:#dfdfdf;font-size:14px;font-weight:bold;width:125px;padding-top:0;height:35px;text-align:center;}
#wrap_login .notice_sec {background:#f4f4f4;position:relative;border-top:1px solid #fff;}
#wrap_login .notice_sec .notice_area {width:300px;margin:0 auto;}
#wrap_login .notice_sec .cacao {padding:15px 0px 10px 0px;border-bottom:1px solid #333;}
#wrap_login .notice_sec ul {padding:10px 0px 10px 0px;}
#wrap_login .notice_sec ul li {padding:0px 0px 4px 10px;background:url('../images/bul_01.png') no-repeat 0 5px;color:#cccccc;font-size:11px;}

.btn-block2 {display:block;}



/*NemoHomeTop.cshtml*/
.login-modal-bg{position: fixed; width: 100%; height: 100%; z-index: 1001; background-color: rgba(0,0,0,0.7); display: none; top: 0;left:0;}
.login-modal{display:none; position:fixed; z-index: 1002;width:100%; height:100%; top:0; left:0;}
.login-modal > div{width:320px;height:390px;margin:auto;box-sizing:border-box;position:absolute;top:0;bottom:0;left:0;right:0;background:#fff;padding:20px 30px;border-radius:3px;}
.login-modal > div > span{width: 100%;height: 40px;border-bottom: 2px solid #fff;line-height: 40px;font-size: 20px;font-weight: bold;display: inline-block;text-align: left;margin-bottom: 20px;}
.login-modal > div > .m-login-button-close{position:absolute; top:10px; right:10px; background:black; padding:5px; border-radius:5px;}
.login-modal .id_box{width:260px;height:50px;}
.login-modal .id_box .txtid{color:white;width: 220px;height: 50px;font-size: 16px;font-weight: bold;outline: 0;padding: 0 20px 0 20px;background: #515151;border: 0;border-radius: 3px;}
.login-modal .pw_box{width:260px;height:50px;padding-top:10px;}						  
.login-modal .pw_box .txtpwd{color:white;width: 220px;height:50px;font-size: 16px;font-weight: bold;outline: 0;padding: 0 20px 0 20px;background: #515151;border: 0;border-radius: 3px;}
.login-modal .cap_box{width:260px;height:50px;padding-top:10px}
.login-modal .cap_box #imgCaptcha{height:50px;float:left;border-radius:3px;}
.login-modal .cap_box #txtCaptcha{width:110px;height: 50px;font-size: 16px;font-weight: bold;outline: 0;padding: 0 20px 0 20px;background: #515151;border: 0;border-radius: 3px;margin-left:9px;}
.login-modal .btn-login, .btn-recommend{width:260px; height:50px; position: relative;overflow: hidden;display: block;text-align: center;font-size: 18px;font-weight: 700;background: #000;margin-bottom: 10px;color: #fcfcfc;line-height: 50px;border-radius: 3px;cursor:pointer;animation: promotion-btn-bg 5s ease infinite;background: linear-gradient(40deg,#787FF3, #1E63E8, #787FF3, #1E63E8);background-size: auto;background-size: 400% 400%;} 
.btn-recommend{margin-top:50px;}
.login-modal .btn-register{width:260px; height:50px; position: relative;overflow: hidden;display: block;text-align: center;font-size: 18px;font-weight: 700;background-color:#000;color: #fff;line-height: 46px;border-radius: 3px; cursor:pointer;border: 2px solid white;filter: drop-shadow(#4699ca 0px 0px 3px);box-sizing:border-box;} 
.login-modal .btn-cancel{width:260px; height:50px; position: relative;overflow: hidden;display: block;text-align: center;font-size: 18px;font-weight: 700;color: #fcfcfc;background: #111;line-height: 50px;border-radius: 3px; cursor:pointer;} 
.login-modal .btn-cancel:active{background:#000;} 
.login-modal .btn-login:before, .btn-register:before, .btn-recommend:before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: -100%;overflow: hidden;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%),inear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%);-webkit-transform: skewX(-25deg);-moz-transform: skewX(-25deg);}        
.login-modal .btn-login:active:before, .btn-register:active:before, .btn-recommend:active:before {left:120%; transition: all 0.5s ease-in-out;}
.login-modal > div:nth-child(2){display:none;}
.login-modal .recommend-box{width:260px; height:50px;margin-top:30px;}
.login-modal .recommend-box input{width:240px;height:50px;font-size:16px;font-weight:bold;outline:0;padding:0 0 0 20px;background: #515151;border: 0;border-radius: 3px;}




.m_header {border-bottom: 2px solid #4699ca;overflow:hidden;}
.m_header .header_top {width:100%; height:94px;position: relative;}
.m_header .header_top .top_bg{width:100%; height:94px; background-image:url(/images/NemoHomeTop/main_logo_bg.png);z-index:-1;background-size:cover; background-repeat:no-repeat;position:absolute;right:0px; opacity:0.5;}
.m_header .header_top .menu_btn{float:left;width:40px; height:40px; margin:10px 0 0 15px;}
.m_header .header_top .menu_btn img{width:40px; margin: 20px}
.m_header .header_top h1 {text-align:center; margin-left:10px;width:calc(100% - 80px); height:100%;}
.m_header .header_top h1 img {height:75px; filter: drop-shadow(0px 0px 3px #666);margin-top:9px;}
.m_header .header_top after{display:block; content:""; clear:both;}
.m_header .header_top .gnb_info_menu {position: absolute; top: 4px; right: 0; width: 220px; height: 53px;}
.m_header .header_top .gnb_info_menu ul:after {display: block; content: ''; clear: both}
.m_header .header_top .gnb_info_menu li {float: right; padding-right: 5px;}
.m_header .header_top .gnb_info_menu a {display: block; height: 53px;}
.m_header .header_top .gnb_info_menu li.first a {display: block; width: 80px; height: 53px; padding-top: 10px; color: #fff; font-size: 12px; line-height: 1.4em; text-align: center; background: #3d4049; box-sizing: border-box; -moz-box-sizing: border-box;}




.sidr-close {position: absolute; top: 10px; right: 10px;}
#sidr {background-color:#f9fafc; color: black; box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.5);}
.user-info {position: relative; height: 60px;}
.user-info p {position: absolute; top: 17px; left: 10px; height: 23px; line-height: 23px;}
.user-info p strong {display: inline-block; height: 23px; font-size: 14px; color: black; vertical-align: middle;}
.user-info ul {position: absolute; top: 14px; right: 50px;}
.user-info ul:after {display: block; content: ''; clear: both;}
.user-info li {float: left;}
.user-info li:first-child {/*margin-right: 14px;*/ padding-top: 4px;}
.user-info li.icon-notice a {display: block; text-indent: -9999px; width: 30px; height: 30px; background: url(/M/images/icon_notice.png) no-repeat; background-size: 26px 26px;}

.paper-info{width:100%; height:34px; background: #272727;}
.paper-info ul{display:flex; justify-content:space-around;}
.paper-info ul li{width:33.3333%; text-align:center;padding:7px;line-height:19.4px;font-size:11px;}
.paper-info ul li img{}

.money-info {position: relative; height: 100px; background-color: #373737; border-bottom:2px solid #4699ca; border-top:2px solid #4699ca;}
.money-info p {padding: 12px 0 0 12px; font-size: 13px; color: #fff;}
/*.money-info p:nth-child(3) a{float:right; margin-right:22px; margin-top:-5px; padding:5px 8px; }*/
.money-info p #spn_haveMoney{color:#fc0; font-weight:bold;}
.money-info p #spn_havePoint{color:red;font-weight:bold;}
.money-info p #spn_bet_ing_money{color:#03a50c;font-weight:bold;}
.money-info .money-button {position: absolute; top: 6px; right: 4px; width: 54px;} 
.money-info .link-save {display: inline-block; margin-bottom: 6px; padding: 3px 6px; font-size: 12px; color: #fff; letter-spacing: -1px; border: 1px solid #0c49ff; background: #0036d8; box-shadow: inset 1px 2px 2px #0c49ff; border-radius: 3px;}
.money-info .link-point {display: inline-block; padding: 3px 6px; font-size: 12px; color: #fff; letter-spacing: -1px; border: 1px solid #d80000; border-radius:3px; background: #a50000; box-shadow: inset 1px 2px 2px #d80000;}
.money-info .link-exchange {display: inline-block; padding: 3px 6px; font-size: 12px; color: #fff; letter-spacing: -1px; border: 1px solid #00b300; background: green; box-shadow: inset 1px 2px 2px #00b300; border-radius: 3px;}
.money-info .link-attend {display: inline-block;margin-top: 6px; padding: 3px 6px; font-size: 12px; color: #fff; letter-spacing: -1px; border: 1px solid #FFAA28; background: #FF8200; box-shadow: inset 1px 2px 2px #FFAA28; border-radius: 3px;}
.main-bet-menu {}
.main-bet-menu:after {display: block; content: ''; clear: both;}
.main-bet-menu span {float: left; display: block; width: 33.33%; height: 80px;box-sizing: border-box;}
.main-bet-menu span img{width:70px; position:relative; top:5px; left:8px;}

.m-join-text{height:34px; line-height:34px; font-size:12px; text-align:right; float:left; width:160px;}
.m-join-button{cursor:pointer; padding:4px 26px; border-radius:5px; background:#3f60c4; font-size:10px;float:right; margin-right:30px;margin-top:4px;}
.m-join-button:active{background:#5986cd;}
.m-login-button{display: block;width:240px;line-height: 60px;animation: promotion-btn-bg 5s ease infinite;background: linear-gradient(40deg,#787FF3, #1E63E8, #787FF3, #1E63E8);background-size: 400% 400%;font-size: 20px;font-weight: bold;border-radius: 10px;margin:19px 30px;border:2px solid white; box-sizing:border-box;text-align:center;}







/*게임이동*/
.cross_navigation {padding-bottom:5px;}
.cross_navigation span {color:#000; font-weight:bold;}
.cross_navigation .sports_sub{padding:0 10px;}
.cross_navigation .sports_sub.virtual span{display:inline-block;padding:0px 10px;line-height:30px; text-align: center; margin:5px 2px 5px 0;color:#fff;border-radius:5px;background:#465b72;}
.cross_navigation .sports_sub.virtual span.jongmok.on{color: #fc0;}












#gnb {height:41px;background:#f4f4f4; }
#gnb ul {min-width:320px;margin:0 auto;}
#gnb li {float:left;text-align:center;padding:13px 0px 0px 0px;width:25%;font-weight:bold;color:#eee;border:1px solid #646464;background:#333;height:26px;margin:0 0px 0 -2px;}


#contents {min-height: calc(100vh - 462px);background:transparent;}
#contents h2 {font-weight:bold;font-size:16px;padding:10px 0 10px 0;text-shadow:1px 2px 2px #d9d9d9; color:#333}
#contents h3 {color:#fff600;font-weight:bold;padding-bottom:10px;}
#contents h4 {color:#fff600;padding-bottom:5px;font-weight:bold;font-size:11px;}
/*#contents .h_bg{height:180px;background:#222b39}*/ /*200516 oht*/
.cont_area {min-height: calc(100vh - 460px);}

.zone_list {*zoom:1;max-width:480px;margin:0 auto;}
.zone_list:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.zone_list li {float:left;padding:20px 0px 0px 0px;width:50%;text-align:center;}
.zone_list li img {width:90%;}

.ma_page_tab {min-width:300px;margin-bottom:15px;height:32px;}
.ma_page_tab li {float:left; background:#292929; padding:10px 0 0 0; height:22px;text-align:center; font-weight:bold; color:#8a8a8a; width:50%; font-size:11px; letter-spacing:-1px; border:1px solid #888888 ;margin:0 -1px 0 -1px;}
.ma_page_tab li.on {color:#FFFFFF;background:#606060;}

#gameTap {}
#gameTap table {border:1px solid #000; padding:0; border-collapse:collapse; border-spacing: 0; color: #000; background:#fecb00;}
#gameTap td {text-align: center; color: #fff; background: linear-gradient(#2ef1ff, #005180); font-weight: bold; height: 30px; border: 1px solid #000; box-shadow: inset #008cba 0px 5px 11px 5px, #d6d6d6 0px 3px 2px;}
#gameTap .on {background:linear-gradient(to left, #0575E6 , #000428 );color:#fecb00;}

#EventBtn table {/*border:1px solid #000;*/ padding:0; border-spacing: 0;text-align:center;border-bottom: 2px solid #4699ca;background:#373737;}
/*#EventBtn table td{
	background:linear-gradient(180deg, #373737, #050505);border-left: 1px solid #050505;
	border-right: 1px solid #676767;
	border-top: 1px solid #676767;
	text-align:center;
	color:#D4F5D5;
	text-shadow: 1px 1px 3px #427388;
	font-weight:bold;
	width:32%;
	height:32px;
}*/
	#EventBtn table td {
		border: 1px solid #4699ca;
		text-align: center;
		color: #fff;
		font-weight: bold;
		width: 32%;
		height: 32px;
	}

.mypageTab {margin:0; padding: 0;}
.mypageTab:after {display: block; content:''; clear: both;}
.mypageTab a {float:left; display: block; width: 50%; height: 36px; line-height: 36px; font-size: 13px; font-weight: bold; text-decoration: none; color: #ccccb8; text-align: center; background: #666; border-right: 1px solid #000; box-sizing: border-box; -moz-box-sizing: border-box; }
.mypageTab a.on {color: #fff; background: url(/images/Top/headerbg.png) bottom no-repeat;} 

.game_table{}
.game_table .sel_type01 {margin-bottom:10px;}
.game_table table {border:0; padding:0; border-spacing: 1px;background:#272727;}
.game_table thead th {font-size: 11px;text-align: center;padding: 5px 0px;background: #373737;font-weight: bold;}
.game_table tbody th {font-weight:bold;color:#cbcbcb;padding:6px 0px 4px 10px;text-align:left; background:rgba(0,0,0,0.5);}
.game_table tbody th img {vertical-align:middle;margin:0px 6px 2px 0px;}
.game_table tbody td {padding:4px 0px 4px 0px;font-size:11px;line-height:14px;}
.game_table tbody td table {margin:0;background:0;border:none;}
.game_table tbody td td {padding:0;}
.game_table tfoot td {background:#adadad;border:1px solid #ddd;}
.game_table tfoot .btn_type01 {margin-top:-5px;}




.game_table .date {text-align:center; color:#CCC;padding:2px 0px 0px 0px;border:1px solid #4b4b4b;background:#111;}
.game_table .date_end {background:#000;color:#999;text-align:center;border:1px solid #4b4b4b;word-break: break-all;}
.game_table .g_name {background: #272727;}

.game_table .triangle_l {transform: rotate(-90deg);    width: 10.5px;    float: right;    text-align: center;    line-height: 13px;}
.game_table .triangle_r {transform: rotate(90deg);    width: 10.5px;    float: left;    text-align: center;    line-height: 13px;} 

.game_table .list01 {border:1px solid #4b4b4b;position:relative;letter-spacing:-1px;background:#111;}
.game_table .list01_{border:1px solid #4b4b4b;position:relative;letter-spacing:-1px;background:#111;}
.game_table .list0_1{border:1px solid #4b4b4b;position:relative;letter-spacing:-1px;background:#111;}
.game_table .list01 td {color:#ffffff;}
.game_table .list01.on  {background: #223c80 !important;}
.game_table .list01.on .game_image_wrap {display:none;}
.game_table .list01_.on {background: #223c80 !important;}
/*.game_table .list01.on td {color:#fecb00;}
.game_table .list01_.on td {color:#fecb00;}*/
.game_table .list01 .bedang {text-align:right;}
.game_table .list01_ .bedang {text-align:right;}
.game_table .list01_end {text-align:center;padding:2px 0px 0px 0px;border:1px solid #4b4b4b;color: #989898;background:#111;}
.game_table .list01_end td {color:#999;}
.game_table .list01_end .bedang {text-align:right;}


.game_table .divid {border:1px solid #4b4b4b; text-align:center; letter-spacing:-1px;background:#111;}
.game_table .divid_{border:1px solid #4b4b4b; text-align:center;letter-spacing:-1px;background:#111;}
.game_table .divid_vs  {background:#000;color:#ffffff;text-align:center;letter-spacing:-1px;}
.game_table .divid.on  {background: #223c80 !important;}
.game_table .divid.on .game_image_wrap {display:none;}
.game_table .divid_.on {background: #223c80 !important;}
.game_table .divid_end {background:#000;color:#999;text-align:center;padding:2px 0px 0px 0px;border:1px solid #4b4b4b;}


.game_table .list02 {border:1px solid #4b4b4b; text-align:right; letter-spacing:-1px;background:#111;}
.game_table .list02_{border:1px solid #4b4b4b; text-align:right; letter-spacing:-1px;background:#111;}
.game_table .list02 td {color:#ffffff;}
.game_table .list02.on  {background: #223c80 !important;}
.game_table .list02.on .game_image_wrap{display:none;}
.game_table .list02_.on {background: #223c80 !important;}
/*.game_table .list02.on td {color:#fecb00;}
.game_table .list02_.on td {color:#fecb00;}*/
.game_table .list02 .bedang {text-align:left;}
.game_table .list02_ .bedang {text-align:left;}
.game_table .list02_end {text-align:center;padding:2px 0px 0px 0px;border:1px solid #4b4b4b;color: #989898;background:#111;}
.game_table .list02_end td {color:#999;}
.game_table .list02_end .bedang {text-align:left;}


.game_table .btn01 { text-align:center; padding:0; color:#fc7c08;border:1px solid #4b4b4b;letter-spacing:-1px;background:#111;}
.game_table .btn01_end {background:#000;color:#999;text-align:center;padding:2px 0px 0px 0px;border:1px solid #4b4b4b;}
.game_table .score {border:1px solid #4b4b4b;text-align:center;padding:0;color:#ffffff;letter-spacing:-1px;}
.game_table .score span.f_red {color:yellow}
.game_table .score span.f_yel {color:#fff}

.game_table .btn02 {background:#111111;text-align:center;padding:8px 0px 6px 0px;color:#666666;font-weight:bold;border:2px solid #070707;border-top:1px solid #222222;border-bottom:8px solid #070707;}

.game_table .foot01 {padding:6px 0px 4px 25px;position:relative;}
.game_table .foot01 li {font-size:11px;line-height:14px;}
.game_table .foot01 span {font-size:11px;}
.game_table .foot01 .fc01 {color:#DBA901;}
.game_table .foot01 .fc02 {color:#DBA901;}
.game_table .foot01 .fc03 {color:#DBA901;}
.game_table .foot01 .fc04 {color:#DBA901;}

.game_table .foot01 .input01 {position:absolute;top:6px;left:5px;}
.game_table .foot01 .result {font-weight:bold;position:absolute;top:8px;right:6px;}
.game_table .foot01 .result1 {color:#F78181;font-weight:bold;position:absolute;top:8px;right:6px;}
.game_table .foot01 .result2 {font-weight:bold;position:absolute;top:8px;right:6px;}
.game_table .foot01 .btn_type01 {position:absolute;bottom:5px;right:6px;}
.game_table .btn_center .btn_type01 {width:100px;}

.game_table .foot01 td {background:#adadad;border:1px solid #ddd;color:#000000;}
.game_table .foot01 ul {color:#000000;}
.game_table .foot01 li {color:#FFF;}
.game_table .foot01 .btn_type01 {margin-top:-5px;}


.result_list  {clear:both; display:block;width:calc(100% - 20px);padding:10px; }
.result_list:after {content:""; clear:both; display:block}
.result_list ul li {border-radius:5px;background: #3f60c4;width: calc(33.3% - 6px);float: left;padding:8px 0 2px 0;height: 22px;text-align: center;color: #ffffff;font-size: 12px;margin:3px;}

.result_list ul li a {color:#fff}
.result_list ul li.on {font-weight:bold;background:#5986cd;}
.result_list ul li.on a { color:#fecb00;}

#footer{border-top: 2px solid #4699ca;box-shadow: 2px 0 10px 0 rgba(255, 255, 255, 0.5);}
.betting_cart {background:#373737;}
.betting_cart .cart01 {height:40px;position:relative;background:#171717; }
.betting_cart .cart01 a{position:absolute;top:5px; right:10px; height:30px; width: 30px;border-radius:5px;overflow:hidden;}
.betting_cart .cart_text{float: left; margin:12px 10px; color: #FFF;font-size: 15px; font-weight:bold;}
.slide_button1 {position: absolute; width:80px; height:38px; right:50px; top:-40px;background-color:#22263e;border-radius:5px 5px 0 0;display:none;}
.slide_button_img1 {background-image:url(/images/cart_button.png?v2);width:30px; height:35px;position:absolute; background-repeat:no-repeat; background-size:contain;top:2px; right:25px;}
.slide_button2 {position: absolute;width: 80px;height: 30px;right: 50px;top: 5px;background-color:#585c95;text-align: center;line-height: 30px;border-radius:5px;font-size:11px;}
.betting_button{width: 100px;position: absolute;right: 135px;width: 80px;height: 30px;background:#465b72;border-radius: 5px;text-align: center;line-height: 30px;top: 5px;font-size:11px;}

.cart_list{width:calc(100% - 20px); box-sizing:border-box;border-radius:10px;padding:10px; background:#465b72;margin:5px 10px 10px;}

.betting_cart .cart02 {width:calc(100% - 20px);padding:0px 10px;margin-top:7px;} 
.betting_cart .cart02:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
.betting_cart .cart02 li{width:50%; height:22px;float:left;margin-top:0px; font-size:11px;}
.betting_cart .cart02 li > div{font-size:11px;}
.betting_cart .cart02 li:nth-child(4){margin-top:0;}
.betting_cart .cart02 li:nth-child(3) > div{margin-top:2px;}
.betting_cart .cart02 li:nth-child(2) > div{float:right;}
.betting_cart .cart02 li:nth-child(4) > div span{padding-top:2px;display:inline-block;font-size:11px;}
.betting_cart .cart02 li:nth-child(4) > div input{height: 22px;font-size: 11px;color: #fff;background: #646464;border: 0;border-radius: 4px;padding: 0 10px;width:calc(100% - 70px);text-align:right;float:right;}



.betting_cart .cart_bottom{position:relative; width:100%; height:75px;}
.betting_cart .btn_cart_money{position:absolute;width:60%; bottom:0; left:0;padding:5px 5px 5px 10px;font-size:11px;}
.betting_cart .btn_cart_money a{display:block; height:30px; margin-right:2px; width:calc(25% - 4px);border-radius:5px;float:left;line-height:30px; text-align:center;font-size:11px;}
.betting_cart .btn_cart_money a:nth-child(-n+4){margin-bottom:5px;}
.betting_cart .btn_cart_money a.btn_money_gray{background:#1c1c1c;}
.betting_cart .btn_cart_money a.btn_money_init{background:#955027;}
.betting_cart .btn_area {position:absolute;width:40%; bottom:0; right:0;}
.betting_cart .btn_area .btn01 {font-size:11px; display: block;width:calc(100% - 15px); height:30px;line-height:30px; animation: promotion-btn-bg 5s ease infinite;background: linear-gradient(40deg,#787FF3, #1E63E8, #787FF3, #1E63E8);background-size: 400% 400%;font-size: 15px;font-weight: bold;border-radius: 5px;margin:5px 10px 0px 5px; box-sizing:border-box;text-align:center;}
.betting_cart .btn_area .btn01:active{background:#5986cd;}
.betting_cart .btn_area .btn02 {width:calc(100% - 15px); height:30px; border-radius:5px; margin:5px 10px 5px 5px; float:left;background:black;text-align:center;line-height:30px;font-size:11px;}






.board_list {margin-top:10px;}
.board_list table {background:#272727;}
.board_list th {text-align: center;padding:5px 0px;background: #373737;font-weight: bold;border: 1px solid #272727;}
/*.board_list th:last-child {background:#5d5d5d;}*/
.board_list tr.adm_tr td {background:#e1e0ed; font-weight:bold;}
.board_list td {text-align:center;color:#EEE;padding:6px 3px 4px 3px;border-bottom: 1px solid #4b4b4b;font-size:11px;}
.board_list td:first-child {border-left: 1px solid #272727;}
.board_list td:last-child {border-right: 1px solid #272727;}
.board_list td a {color:#cccccc;font-size:11px;}
.board_list td a:hover {color:#dfffc9;}
.board_list td img {vertical-align:middle;}
.board_list td.left {text-align:center}
.board_list .ta_left {text-align:left;}
.board_list .search_area {position:relative;text-align:center;margin-top:25px;height:21px;}
.board_list .search_area input {width:190px;vertical-align:top;}
.board_list .search_area .btn_type01 {vertical-align:top;width:60px;}
.board_list .search_area select {vertical-align:top;}
.board_list .search_area .btn01 {position:absolute;top:0;right:10px;}
.board_list .custom {padding:20px;}
.board_list .custom span {font-weight:bold;color:#b8e127;}
.board_list .btn_custom {margin:10px 0px 20px 10px;}
.board_list .btn_custom .btn_type01 {width:80px;}
.board_list .point01 {color:#a2f200;}
.board_list .btn_call {display:inline-block;background:#00a002;border:1px solid #00e503;font-size:11px;line-height:12px;padding:3px 4px 0px 4px;}

.board_view {background:#272727;color:#FFF; padding:10px;margin:10px 0 0px;}

.board_view h4 {padding:10px 0px; position:relative;font-size:12px;color:#333; font-weight:bold;border-bottom:1px solid #646464;}
.board_view h4 .date01 {font-size:11px;color:#878787;display:inline-block;}
.board_view h4 .writer {font-size:11px;color:#DBA901;display:inline-block;}
.board_view .view_text {padding:20px 5px 20px 5px;border-bottom:1px solid #646464;line-height:18px; color:#FFF; margin-bottom:20px;}
.board_view .view_text p {color:#FFF}
.board_view .reply_text {padding:10px 5px 10px 5px;border-bottom:1px solid #646464;line-height:18px;}
.board_view .reply_list {border-top:1px solid #646464;margin-top:15px;}
.board_view .reply_list li {border-bottom:1px solid #646464;padding:8px 0px 6px 0px;line-height:18px;color:#a7a5a4;font-size:11px;}
.board_view .reply_list li strong {color:#FFFFFF;font-size:11px;}

.board_view02 {background:#262626; color:#000; margin:15px 0 0 0}
.board_view02 {padding:15px;}
.board_view02 .reply_list {border-top:1px solid #fff;margin-top:15px;}
.board_view02 .reply_list li {border-bottom:1px solid #fff;padding:8px 0px 6px 0px;line-height:18px;color:#fff;font-size:11px;}
.board_view02 .reply_list li strong {color:#DBA901;font-size:11px;}

.reply_input {padding:20px 0px 20px 0px;text-align:center;color:#000000;font-weight:bold;font-size:11px;background:#272727;}
.reply_input textarea {width:60%;height:40px;padding:10px;vertical-align:middle;color:#484848;border:1px solid #1b1b24;}
.reply_input .btn_reply {display:inline-block;padding:8px 5px 6px 5px;background:#4f4f4f;border:1px solid #969696;vertical-align:middle;font-weight:bold;font-size:11px;}

.board_write {background: #272727;color: #FFF;margin-top: 10px;}
.board_write {padding:15px;}
.board_write table {margin-bottom:20px; }
.board_write th {text-align:right;padding:8px 10px 6px 5px;color:orange;font-weight:bold;}
.board_write td {padding:8px 0px 2px 0px;vertical-align:top; color:#FFF}
.board_write input {width:99%;border:1px solid #4c4c4c; background:#0f0f0f; color:#FFF;height:30px;box-sizing:border-box;padding:0 10px;}
.board_write textarea {width:99%;height:120px;border:1px solid #4c4c4c; background:#0f0f0f;box-sizing:border-box; padding:10px;}
.board_write .btn_center {margin-bottom:30px;}

.board_modify {}
.board_modify .text_area {font-weight:bold;padding:10px 0px 15px 10px;font-size:11px;}
.board_modify table {border-top:1px solid #353535;}
.board_modify th {text-align:right;padding:10px 5px 8px 0px;color:#a2f200;border-bottom:1px solid #353535;font-size:11px;}
.board_modify td {padding:6px 0px 4px 0px;border-bottom:1px solid #353535}
.board_modify input {width:100px;}
.board_modify .text01 {color:#ffa200;font-size:11px;}
.board_modify .btn_center {margin-top:20px;text-align:center;}

/* page_skip */
.page_skip {text-align:center;margin:12px 0px 12px 0px; color:#ffffff}
.page_skip img {vertical-align:top;}
.page_skip span {display:inline-block;padding:2px 0px 0px 2px;margin:0px 0px 0px 0px;}
.page_skip span a {color:#ffffff;display:inline-block;padding:0px 7px 0px 3px;}
.page_skip span a:hover,
.page_skip span a.on {color:#d80303; font-weight:bold}


/* 충전 */
.charge_text {font-size:11px; color:#333;}
.title_header { background: #272727;height:20px; line-height:20px;padding-left:20px;font-size:15px; font-weight:bold;}
.title_header > span:nth-child(2){margin-top:-2px;}
.title_header > span:nth-child(2) a{border-radius:5px; padding:5px 10px; background: #3f60c4; text-align:center;font-size:12px;}
.title_header > span:nth-child(2):hover a{background:#5986cd;}
.charge_text .head01 {display:block;font-weight:bold;padding:0 0px 10px 0px;color:#fff600;}
.charge_text .head01 span {color:#fff600;}
.charge_text .head02 {display:block;font-weight:bold;padding:0 0px 10px 0px;color:#fff600;}
.charge_text .head03 {font-weight:bold;line-height:20px;padding-bottom:10px;display:block;}
.charge_text .ask {font-size:11px;}
.charge_text .ask a {font-weight:bold;color:#fff600;}

.charge_ask {margin-top:20px;border-top:1px solid #646464;padding:20px 0px 20px 0px;}
.charge_ask table {border-top:1px solid #646464;}
.charge_ask th {background:#adadad;border-bottom:1px solid #646464;border-right:1px solid #646464;text-align:right;padding:8px 5px 6px 5px;font-size:11px;}
.charge_ask td {background:#adadad;border-bottom:1px solid #646464;font-weight:bold;padding:6px 5px 6px 5px;}
.charge_ask td input {width:90px;vertical-align:middle;height:20px;}
.charge_ask td .btn_type01 {width:60px;}
.charge_ask td .fc01 {color:#fe8300;font-size:11px;display:block;padding-top:5px;}
.charge_ask td p {padding-top:10px;}
.charge_ask td .price {cursor:pointer;border:1px solid #333333;border-radius:2px;display:inline-block;padding:3px 0px 1px 0px;height:14px;text-align:center;background:#666666;color:#ffffff;margin-top:5px;text-align:center;width:70px;font-size:11px;}
.charge_ask td .pr {text-align:right;}
.charge_ask .bank_num {font-weight:bold;}
.charge_ask .btn_center {margin-top:10px;}

/*충전new*/
div.charge-box2 {background:#272727; color:#FFF; padding:10px;}

div.charge-box {background:#272727; margin-top:10px; color:#FFF; padding:10px;}
div.charge-box h5 {color:#FFF; padding:12px 0px;}
div.charge-box h5 span {color:orange; }
div.charge-box div.title {font-size:11px;letter-spacing:-1px;color:#999999;padding-bottom:25px;border-bottom:1px solid #4b4b4b;}
div.charge-box div.title img.tl {display:block;margin-bottom:10px;}
div.charge-box div.title span {color:#8ba140;}
div.charge-box div.notice-box {padding:10px 0;border-bottom:1px solid #4b4b4b;font-size:11px;letter-spacing:-1px;color:#CCC;line-height:18px;}
div.charge-box div.notice-box img{width:100%;margin-bottom:5px;}
div.charge-box div.notice-box .dotted {margin-right:5px; display:none;}
div.charge-box div.btn-box {padding:25px 0 0 0;}
div.charge-box div.table-box {padding:0;}
div.charge-box .btn-pw {font-size:11px;height:46px;color:#fff;background-color:#404040;border-color:#303030;letter-spacing:-1px;text-shadow:-1px -1px #202020;}
div.charge-box .btn-pw {border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; padding:10px;}
div.charge-box .btn-pw:hover {background-color:#303030;border-color:#202020;text-shadow:-1px -1px #202020;}	
div.charge-box table td .form-control {height:30px;font-size:12px;color:#fff;background:#646464; border:0; border-radius:10px;padding:0 10px;}
div.charge-box table td ul.hp-box {clear:both;}
div.charge-box table td ul.hp-box li.left1 {float:left;}
div.charge-box table td ul.hp-box li.left2 {float:left;padding-left:5px}
div.charge-box table td ul.hp-box li.left2 .btn-sms {font-size:11px;height:46px;color:#777777;background-color:#f5f5f5;border-color:#d1d1d1;}
div.charge-box table td ul.hp-box li.left2 .btn-sms:hover {color:#ffffff;background-color:#8ba140;border-color:#798c39;}
div.charge-box table td ul.hp-box select {color:#606060;}
div.charge-box table td.money {padding-top:5px;}
div.charge-box table td.money button {width:45%;}
div.charge-box table td.money .btn-charge {font-size:12px;text-align: center;color: #fff;background: #1c1c1c; border-radius: 5px;border: 0;padding:5px; margin:3px;}
div.charge-box table td.money .btn-charge:active {background:#4c4f7b;}
div.charge-box table td.money .btn-charge.reset {font-size:12px;text-align: center;color: #fff;background: #955027;border-radius: 5px;border: 0;cursor: pointer;padding:5px; margin:3px;}
div.charge-box table td.money .btn-charge.reset:active {background: #A9643B;}
div.charge-box table td.line {border-bottom:1px solid #4b4b4b;padding-bottom:15px;}
div.charge-box table td.pd-top {padding-top:15px;}
div.charge-box table td.key {font-size:12px;color:#FFF;letter-spacing:-1px;}
div.charge-box table td.notice {padding-top:5px;font-size:11px;}
div.charge-box table td.notice span {padding:8px 10px !important;}
div.charge-box .btn-pwpw {font-size:14px;text-align: center;font-weight: 700;color: #fff;background: #955027;border-radius: 5px;border: 0;padding:10px 40px;}
div.charge-box .btn-pwpw:active {background: #A9643B;}


 table.table02 {border:0; border-spacing:1px;}
 table.table02 th.big_tit {font-size: 11px;text-align: center;padding: 5px 0px;background: #373737;font-weight: bold;}
 table.table02 tr.list_box td {padding:5px 0px;text-align: center;background: transparent;color: #eeeeee;cursor: pointer;border: 1px solid #4b4b4b;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);font-size: 12px;}
 table.table02 tr.list_box td.date {font-size:11px; }
 table.table02 tr.list_box td.score {font-weight:normal;}
 table.table02 tr.list_box td.score ul li.l_team {font-size:11px;float:left; display:inline; color:#FFF;}
 table.table02 tr.list_box td.score ul li.r_num {font-size:11px;float:right; display:inline; color:#FFF}
 table.table02 tr.list_box td.score_win {background: #223c80;filter: drop-shadow(rgb(21, 28, 125) 0px 0px 10px);}
 table.table02 tr.list_box td.score_win ul li.l_team {font-size:11px;float:left; display:inline; }
 table.table02 tr.list_box td.score_win ul li.r_num {font-size:11px;float:right; display:inline; }
 table.table02 tr.list_box td.vs {font-weight:normal; color:#ffffff }
 table.table02 tr.list_box td.vs_win {background: #223c80;}
  table.table02 tr.list_box td span.f_red {color:yellow}
  table.table02 tr.list_box td span.f_yel {color:#ffffff}

.bet_rule {clear:both;  margin:0; padding:5px 0 30px 10px; }
.bet_rule:after {content:""; clear:both; display:block;}
.bet_rule .rule_txt {float:left; display:inline; margin:4px 0 0 0; padding:0;color:#EEE;}
.bet_rule .rule_txt span.rt_r {color:#DBA901;}
.bet_rule .rule_txt span.rt_b {color:#DBA901;}
.bet_rule .rule_btn {float:right; display:inline; margin:0; padding:0;}
.bet_rule .rule_btn .btn {background:#ffffff;border:1px solid #9e9e9e;font-size:11px;padding:3px 10px;color:#777777;letter-spacing:-1px;}
.bet_rule .rule_btn .btn:hover {background:#5d5d5d;border:1px solid #000;color:#ffffff;}


.point_layer {border:1px solid #b3121c;background:#1e2025;padding:15px 10px 10px 10px;z-index:100;margin-top:10px;}
.point_layer h3 {font-weight:bold;padding-bottom:8px;border-bottom:1px solid #b3121c;margin-bottom:10px;color:#fff600;}
.point_layer .text01 {padding-bottom:10px;line-height:20px;} 
.point_layer .point01 {text-align:center;background:#545454;padding:15px 0px 15px 0px;} 
.point_layer .point01 input {width:200px;}
.point_layer .btn_center {margin-top:10px;}

.rule_area {padding:10px 10px 10px 10px;}
.rule_area h3 {font-size:14px;color:#98de0a;font-weight:bold;border-bottom:1px solid #293b26;padding-bottom:5px;margin-bottom:20px;}
.rule_area .text01 {color:#dffaa9;padding:0px 5px 15px 5px;font-size:11px;}
.rule_area .text02 {color:#dcdcdc;padding:0px 5px 25px 5px;font-size:11px;}
.rule_area .text02 span {color:#dffaa9;font-size:11px;}
.rule_area .text03 {color:#dffaa9;font-size:11px;padding:0px 0px 15px 0px;margin-top:-10px;}
.rule_area table {background:#767676;margin-bottom:20px;}
.rule_area table th {padding:6px 3px 4px 3px;font-weight:bold;background:#2a2a37;font-size:11px;}
.rule_area table td {padding:6px 3px 4px 3px;background:#2f3244;text-align:center;font-size:11px;}
.rule_area h4 {color:#98de0a;font-weight:bold;border-bottom:1px solid #293b26;padding-bottom:5px;margin-bottom:10px;}
.rule_area h5 {color:#98de0a;padding:0px 0px 10px 5px;}

.btn_center {text-align:center;}
.btn_right {text-align:right;margin:20px 0px 10px 0px;}
.btn_right .btn_type01 {width:75px;}


.btn_type00 {font-size: 12px;text-align: center;color: #fff;background:#3f60c4;border-radius: 5px;border: 0;cursor: pointer; padding:7px 40px;margin: 3px;}
.btn_type00:active{background:#5986cd; }
.btn_type01 {font-size: 12px;text-align: center;color: #fff;background:#3f60c4;border-radius: 5px;border: 0;cursor: pointer; padding:7px 40px;margin: 0 auto;display:block; width:20%;}
.btn_type01:active{background:#5986cd;}

.btn_type02 {width:240px;display:inline-block;background:#610618;text-align:center;color:#ffffff !important;padding-top:20px;height:40px;font-size:16px;}
.btn_type03 {display:inline-block;padding:6px 0px 0px 0px;height:22px;background:#b61919;border:1px solid #DF0101;width:100%;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;}
.btn_type04 {display:inline-block;padding:6px 0px 0px 0px;height:22px;background:linear-gradient(to bottom, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%);border:1px solid #40FF00;width:48%;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;}
.btn_type05 {display:inline-block;padding:6px 0px 0px 0px;height:22px;background:linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%);border:1px solid #a80077;width:48%;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;color:#fff;text-shadow:1px 1px 1px #000;}
.btn_type06 {display:inline-block;padding:6px 0px 0px 0px;height:22px;background:#df017a;border:1px solid #c33d47;width:100%;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;}


.btn_type033 {display:inline-block;padding:6px 0px 0px 0px;height:22px;background:#1DDB16;border:1px solid #65FF5E;width:100%;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;}
.btn_type041 {display:inline-block;padding:6px 0px 0px 0px;height:22px;background:#cc0066;border:1px solid #ff0099;width:48%;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;}
.btn_type042 {display:inline-block;padding:6px 0px 0px 0px;height:22px;background:#FF5E00;border:1px solid #FFA648;width:48%;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;}
.btn_type043 {display:inline-block;padding:6px 0px 0px 0px;height:22px;background:#ccff00;border:1px solid #ccff33;width:48%;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;color:#000;}
.btn_type044 {display:inline-block;padding:6px 0px 0px 0px;height:22px;background:linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%);border:1px solid #a80077;width:48%;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;color:#fff;text-shadow:1px 1px 1px #000;}
.btn_type045 {display:inline-block;padding:6px 0px 0px 0px;height:22px;background:linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%);border:1px solid #a80077;width:100%;text-align:center;font-size:14px;font-weight:bold;margin-bottom:10px;color:#fff;text-shadow:1px 1px 1px #000;}

.btn_type55 {display:inline-block;padding:2px 0px 0px 0px;height:18px;background:linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%);border:1px solid #a80077;width:100%;text-align:center;font-size:11px;}
.btn_type56 {display:inline-block;padding:0px 0px 0px 0px;height:20px;background:linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%);border:1px solid #a80077;width:75px;text-align:center;font-size:12px;color:#fff;text-shadow:1px 1px 1px #000;font-weight:bold;margin-left:10px;}
.btn_type57 {display:inline-block;padding:0px 0px 0px 0px;height:20px;background:linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%);border:1px solid #a80077;width:75px;text-align:center;font-size:12px;color:#fff;text-shadow:1px 1px 1px #000;font-weight:bold;margin-left:10px;}

.sel_type01 {display:inline-block;vertical-align:middle;}
.sel_type01 .jq_sel {display:block;height:30px;background:url('../images/type01_selbox.gif') no-repeat 0 0;position:relative;} 
.sel_type01 .jq_sel span {position:absolute;left:0;top:8px;white-space:nowrap;height:26px;width:100%;_width:auto;line-height:18px;text-align:left;text-indent:4px;color:#666666;overflow:hidden;cursor:pointer;}
.sel_type01 .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:24px;height:26px;background:url('../images/type01_selbox.gif') no-repeat 100% 0;}
.sel_type01 .jq_sel ul {overflow:auto;position:absolute;z-index:9999;top:26px;left:0px;max-height:240px;width:100%;list-style:none;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;background:#ffffff;display:none;overflow:auto;overflow-y:auto;z-index:10;white-space:nowrap}
.sel_type01 .jq_sel li {border-left:1px solid #ffffff;border-right:1px solid #ffffff;float:none;}
.sel_type01 .jq_sel ul a {display:block;padding:3px 2px 1px 4px;text-decoration:none;color:#0e1015;text-align:left;}
.sel_type01 .jq_sel ul a:hover {background-color:#cccccc;}
.sel_type01 .jq_sel ul a.selected {}
.sel_type01 .jq_sel_hide {display:none}

/* ?�?
 ?�?��?*/
#layer_mask {position:absolute;top:0;left:0;width:100%;height:100%;background:#171717;opacity:1;z-index:100;display:none;}
#layer_pop {position:absolute;top:50%;left:50%;width:280px;height:160px;margin:-80px 0px 0px -140px;background:url('../images/bg_pop_01.png') no-repeat;z-index:200;display:none;}
#layer_pop .ico_area {padding:15px 0px 15px 0px;text-align:center;}
#layer_pop .text_area {padding:0px 20px 13px 20px;text-align:center;line-height:18px;min-height:36px;}
#layer_pop .btn_area {text-align:center;} 
#layer_pop .btn_area .btn01 {display:inline-block;background:url('../images/bg_btn_01.png') no-repeat;width:75px;font-weight:bold;color:#bbbbbb;padding:6px 0px 0px 0px;height:20px;}
#layer_pop .btn_area .btn01:hover {color:#ffffff;}


/*55*/
.password-box {}
.password-box div.pw-input {padding:25px 0;border-bottom:1px dashed #dddddd;}
.password-box div.pw-input .form-control {height:46px;font-size:12px;color:#606060;background:#f4f4f4;font-weight:bold; width:200px}
.password-box div.pw-input .form-control {border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.password-box div.btn-box {padding:25px 0 0 0;}
.password-box .btn-pw { font-size:11px;height:46px;color:#fff;background-color:#404040;border-color:#303030;letter-spacing:-1px;text-shadow:-1px -1px #202020;}
.password-box .btn-pw {border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}


.config-box {padding:10px 0}
.config-box .form-control {height:46px;margin-bottom:15px;font-size:12px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;color:#606060;background:#f4f4f4;font-weight:bold;}
.config-box .margin-25 {margin-bottom:25px;}
.config-box div.btn-box {height:46px;clear:both;padding-top:25px;padding-bottom:50px;border-top:1px dashed #dddddd;}
.config-box ul.hp-box {height:46px;clear:both;}
.config-box ul.hp-box li.left1 {float:left;}
.config-box ul.hp-box li.left2 {float:left;margin:0 0 0 5px;}
.config-box ul.hp-box .hp1 {border-radius:20px 3px 3px 20px;-moz-border-radius:20px 3px 3px 20px;-webkit-border-radius:20px 3px 3px 20px;}
.config-box ul.hp-box .hp2 {border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;}
.config-box ul.hp-box .hp3 {border-radius:3px 20px 20px 3px;-moz-border-radius:3px 20px 20px 3px;-webkit-border-radius:3px 20px 20px 3px;}
.config-box ul.hp-box select {color:#606060;}
.config-box ul.bank-box {height:46px;clear:both;}
.config-box ul.bank-box li.left {float:left;margin:0 5px 0 0;}
.config-box ul.bank-box li.right {float:left;width:49.3%;}
.config-box ul.bank-box .bank1 {border-radius:20px 3px 3px 20px;-moz-border-radius:20px 3px 3px 20px;-webkit-border-radius:20px 3px 3px 20px;}
.config-box ul.bank-box .bank2 {border-radius:3px 20px 20px 3px;-moz-border-radius:3px 20px 20px 3px;-webkit-border-radius:3px 20px 20px 3px;}
.config-box ul.bank-box .bank {ime-mode:active;}
.config-box .btn-config {font-size:11px;height:46px;color:#fff;background-color:#404040;border-color:#303030;letter-spacing:-1px;text-shadow:-1px -1px #202020;}
.config-box .btn-config {border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.config-box .btn-config:hover {background-color:#303030;border-color:#202020;text-shadow:-1px -1px #202020;}


.cashback td div{border-radius:5px; width:59px;margin-right:10px; padding:3px 0;text-align:center; display:inline-block;}
.cashbackbtn {font-size: 14px; background: linear-gradient( to top, #232323, #464646); border-top: 1px #767676 solid; border-left: 1px #767676 solid; border-radius: 5px; margin-top: 10px; height: 20px; line-height: 20px; }
.cashbackbtnOn {font-size: 14px; color:#000; background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); border-top: 1px #767676 solid; border-left: 1px #767676 solid; border-radius: 5px; margin-top: 10px; height: 20px; line-height: 20px; }

.nav_365 {border-collapse:collapse; border-spacing: 0;border:none}
.nav_365 td{background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);border-radius: 5px; width:33%; height:30px; text-align:center}
/*모바일카톡*/
.msg {    width: 243px;    height: 150px;    text-align: center;    margin: 10px auto;}
.telegram {    background: url(/Images/Main/bg_banner_01.png?v1)no-repeat;    width: 243px;    height: 70px;margin-bottom:10px;transform:scale(0.8,0.8);}
.kakao {    background: url(/Images/Main/bg_banner_02.png?v1)no-repeat;    width: 243px;    height: 70px;transform:scale(0.8,0.8);}
.telegram p, .kakao p {font-size: 30px; color: white; margin-left: 40px; line-height: 75px; font-weight: bold;}

/*.imgLiveSports{background:linear-gradient(#ff99da, #940060);border-radius:10px;width:100px; height:55px;font-weight: bold; font-size: 16px; font-family:Arial; text-align:center; color: #FFFF00;line-height:55px}*/
.realmoney{border-collapse:collapse; }
.realmoney td{text-align:center; height:30px;  border:1px solid #fff;}

.cou_logo{width:183px; margin:20px auto 0}
.board_list .announce {margin-top:20px;}
.board_list .announce span {display:block; text-align:center; font-weight:bold; text-shadow:2px 2px 2px #000}
.board_list .announce .txt_10{color:#ff0000;}
.board_list .announce .txt_20{color:#0f7dff}
.board_list .announce .txt_30{color:#ed8823}
.board_list .announce .txt_last{color: #fffc00;}
.board_list .c_main {width:305px; height:500px; margin:20px auto;}
.board_list .c_main .c_15, .board_list .c_main .c_20, .board_list .c_main .c_30{width:300px; height:161px; background:url(/Images/Coupon/couponBG_rev2.png) no-repeat; padding:0;  border:none}
.board_list .c_main .c_15 {background-position:-15px -8px;}
.board_list .c_main .c_20 {background-position:-369px -8px;}
.board_list .c_main .c_30 {background-position:-721px -8px;}
.board_list .c_main .c_15 div{color:#ff0000;}
.board_list .c_main .c_20 div{color:#0f7dff;}
.board_list .c_main .c_30 div{color:#ed8823;}
.board_list .c_main td div{width:108px; height:161px; line-height:161px; text-align:center;  font-size:30px; margin-left:192px; font-family:Impact}

.board_list .cou_table1 {width:305px; height:161px; margin:30px auto;background:url(/Images/Coupon/Mcoupon_viewBG.png) no-repeat ;background-position:-15px -18px;}
.board_list .cou_table2 {width:305px; height:161px; margin:30px auto;background:url(/Images/Coupon/Mcoupon_viewBG.png) no-repeat ;background-position:-369px -18px;}
.board_list .cou_table3 {width:305px; height:161px; margin:30px auto;background:url(/Images/Coupon/Mcoupon_viewBG.png) no-repeat ;background-position:-721px -18px;}
.board_list .cou_table1 td, .board_list .cou_table2 td, .board_list .cou_table3 td {padding:0}
.board_list .cou_table1 .count, .board_list .cou_table2 .count, .board_list .cou_table3 .count{height:58px;}
.board_list .cou_table1 .count div{width:108px;  height:58px; margin-left:190px; line-height:58px; text-align:center;  font-family:Impact; color:#ff0000; font-size:20px}
.board_list .cou_table2 .count div{width:100px;  height:58px; margin-left:196px; line-height:58px; text-align:center;  font-family:Impact; color:#0f7dff;font-size:20px}
.board_list .cou_table3 .count div{width:100px;  height:58px; margin-left:200px; line-height:58px; text-align:center;  font-family:Impact; color:#ed8823;font-size:20px}
.board_list .cou_table1 .count, .board_list .cou_table1 .haveview, .board_list .cou_table2 .count, .board_list .cou_table2 .haveview, .board_list .cou_table3 .count, .board_list .cou_table3 .haveview {border-bottom:none}
.board_list .cou_table1 .haveview .line, .board_list .cou_table2 .haveview .line, .board_list .cou_table3 .haveview .line{ width:296px; border:1px solid #ff0000; border-collapse:collapse;background:none}
.board_list .cou_table1 .haveview .line th, .board_list .cou_table2 .haveview .line th, .board_list .cou_table3 .haveview .line th{height:20px; padding:0; vertical-align:middle; border-bottom:1px solid #151515; border-collapse:collapse; background:rgba(255,255,255,0.1)}



/*nemohomeTop*/
#wrap {position:relative;}

.button-menu {width:300px; margin: 0 auto;margin-top:10px;}
.button-menu:after {display: block; content: ''; clear: both;}
.button-menu >span {float: left; display: block; width:70px; height: 90px; box-sizing: border-box; margin:0px 15px;}
.button-menu >span:nth-child(1){height: 100px;padding-top:10px;}
.button-menu >span:nth-child(2){height: 100px;padding-top:10px;}
.button-menu >span:nth-child(3){height: 100px;padding-top:10px;}
.button-menu >span img{width:70px; position:relative;}



/*slider*/
.m-slider-gnb{width:100%;}
.m-slider-gnb > ul{width:100%;}
.m-slider-gnb > ul > li{float:left; width:280px;/* height:50px; */font-size:15px;cursor:pointer;background: none;display: block;line-height:50px;text-align:center;background: #272727;margin: 10px 10px 0px;border-radius: 10px;font-weight:bold;}
.m-slider-gnb > ul > li:active{background:#4699ca;}
.m-slider-gnb > ul > li:hover:after {height:calc(100% - 2px);}
.m-slider-gnb > ul > li:nth-child(1), .m-slider-gnb > ul > li:nth-child(2){font-size:17px;width: 135px;float: left;border: 2px solid white;filter: drop-shadow(#4699ca 0px 0px 3px);box-sizing: border-box;line-height: 46px;background: #3f60c4;font-weight: bold;}
.m-slider-gnb > ul > li:nth-child(2){margin-left:0px;}
/*.m-slider-gnb > ul > li:nth-child(3),
.m-slider-gnb > ul > li:nth-child(4),
.m-slider-gnb > ul > li:nth-child(5){background: rgba(0,0,0,0);}*/
.m-slider-gnb > ul > li:nth-child(3) > span,
.m-slider-gnb > ul > li:nth-child(4) > span,
.m-slider-gnb > ul > li:nth-child(5) > span{display:block; width:280px; height:60px; line-height:60px;font-size: 20px;font-weight: bold;border-radius:10px;position:relative;border-radius:10px;overflow:hidden;}
.m-slider-gnb > ul > li:nth-child(3) > span:before,
.m-slider-gnb > ul > li:nth-child(4) > span:before,
.m-slider-gnb > ul > li:nth-child(5) > span:before{content: "";position: absolute;top: 0;left: 0;width: 200%;height: 100%;background: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);background-size: 50% 100%;border-radius:10px;animation:gamestart .75s linear infinite;}
.m-slider-gnb > ul > li:nth-child(3) > span::after{content: "게임하기";position: absolute;top: 3px;left: 3px;width: calc(100% - 6px);height: calc(100% - 6px);background:#000;border-radius:10px;line-height:54px;}
.m-slider-gnb > ul > li:nth-child(4) > span::after{content: "미니게임";position: absolute;top: 3px;left: 3px;width: calc(100% - 6px);height: calc(100% - 6px);background:#000;border-radius:10px;line-height:54px;}
.m-slider-gnb > ul > li:nth-child(5) > span::after{content: "카지노";position: absolute;top: 3px;left: 3px;width: calc(100% - 6px);height: calc(100% - 6px);background:#000;border-radius:10px;line-height:54px;}
.m-slider-gnb > ul > li:nth-child(3) > ul,
.m-slider-gnb > ul > li:nth-child(4) > ul,
.m-slider-gnb > ul > li:nth-child(5) > ul{display:none;}
.m-slider-gnb > ul > li:nth-child(3) > ul > li,
.m-slider-gnb > ul > li:nth-child(5) > ul > li{width:100%;float: left;text-align: center;margin-top:10px;}
.m-slider-gnb > ul > li:nth-child(3) > ul > li > span,
.m-slider-gnb > ul > li:nth-child(5) > ul > li > span{background:#373737; display:inline-block; border-radius:10px; width:100%; height:50px; line-height:50px;box-sizing:border-box;}
.m-slider-gnb > ul > li:nth-child(3) > ul > li > span > span,
.m-slider-gnb > ul > li:nth-child(4) > ul > li > span > span,
.m-slider-gnb > ul > li:nth-child(5) > ul > li > span > span{display:inline-block; border-radius:10px; width:100%; height:50px; line-height:50px;font-size:15px; font-weight:bold;box-sizing:border-box;position: relative;overflow: hidden;}
.m-slider-gnb > ul > li:nth-child(3) > ul > li > span > span:before,
.m-slider-gnb > ul > li:nth-child(5) > ul > li > span > span:before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: -105%;overflow: hidden; background:linear-gradient(to left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%); transform: skewX(-25deg);}

.m-slider-gnb > ul > li:nth-child(4) > ul > li{width:86.5px;float: left;text-align: center;margin-top:10px;margin-right:10px;background:#373737; border-radius:10px;}
.m-slider-gnb > ul > li:nth-child(4) > ul > li:nth-child(3n){margin-right:0px}
.m-slider-gnb > ul > li:nth-child(4) > ul > li {height:86px;}
.m-slider-gnb > ul > li:nth-child(4) > ul > li > span{display:inline-block; width:100%; height:100%;}
.m-slider-gnb > ul > li:nth-child(4) > ul > li > span > span{display:inline-block; width:100%; height:100%;position:relative;}
.m-slider-gnb > ul > li:nth-child(4) > ul > li > span > span > img{width:56px; height:56px;box-sizing:border-box;top:5px;left:15.25px;position:absolute;}
.m-slider-gnb > ul > li:nth-child(4) > ul > li > span > span > span{display:inline-block; width:100%; height:30px; line-height:30px;box-sizing:border-box;bottom:0;left:0;position:absolute;font-size:12px;}
.m-slider-gnb > ul > li:nth-child(4) > ul > li > span > span:before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: -120%;overflow: hidden; background:linear-gradient(to left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%); transform: skewX(-25deg);}


.m-slider-gnb > ul > li:nth-child(3) > ul > li > span > span:active:before,
.m-slider-gnb > ul > li:nth-child(4) > ul > li > span > span:active:before,
.m-slider-gnb > ul > li:nth-child(5) > ul > li > span > span:active:before{left:120%; transition: all 0.1s ease-in-out;}
.m-slider-gnb > ul > li:nth-child(3) > ul > li > span > span > img,
.m-slider-gnb > ul > li:nth-child(5) > ul > li > span > span > img{width:40px;margin-right:5px;}

.m-slider-gnb > ul > li:nth-child(3) > ul > li > ul{display:none;}
.m-slider-gnb > ul > li:nth-child(3) > ul > li > ul > li{cursor: pointer; height: 40px;line-height: 40px;margin-top: 10px;font-size: 14px;font-weight: bold;box-sizing: border-box;border: 1px solid white;border-radius: 10px;}
.m-slider-gnb > ul > li:nth-child(3) > ul > li > ul > li:active{filter:drop-shadow(#4699ca 0px 0px 3px);border:2px solid white;box-sizing:border-box;line-height:36px;}
.m-slider-gnb > ul > li:last-child{margin-bottom:20px;}

/*nemohomefooter*/
.copyright {padding:25px 0px 10px 0px;text-align:center;font-size:11px;color:#bab9b9;background:#333; letter-spacing:0}
.btn_pc {display:inline-block;padding:4px 0px 0px 0px;height:18px;background:#3f60c4;width:25%;text-align:center;color:white;border-radius:3px;margin-bottom:10px; font-size:11px}
.btn_pc:active{background:#5986cd;}


/*????*/
footer{/*height:161px;*/margin-top:10px;}
.footer_menu {margin: 10px 0;}
.footer_menu:after {display: block; content:''; clear: both;}
.footer_menu a {float: left; display: block; /*width: 33.33%;*/width:50%; padding: 8px 0; text-align: center; font-weight: bold; color: #fff; font-size: 13px; text-decoration: none; border-right: 1px solid #000; box-sizing: border-box; -moz-box-sizing: border-box;background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(30,87,153,1) 2%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,0.8) 20%,rgba(41,137,216,0.8) 50%,rgba(30,87,153,0.8) 80%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,1) 98%,rgba(30,87,153,0) 100%);}




.top_infomenu { border-top:1px solid #465b72; border-bottom:1px solid #465b72;background:#1b202b;}
.top_infomenu ul {display: table; height:30px; width: 100%;}
.top_infomenu ul li{ position: relative; display: table-cell; width: 10%; letter-spacing: -1px; text-align:center; line-height:30px;}




/*main*/
#wrapMain {min-height: calc(100vh - 350px);}
.m-main-content1{width: 100%;border-bottom: 2px solid #4699ca;}
.m-main-content1 img{width: 100%;}
.bx-wrapper{position:relative;padding:0;*zoom:1;text-align:center;}
.bx-wrapper img{max-width:100%;width: 100%;vertical-align: top;}
.bx-wrapper .bx-viewport{/* left:-5px; */}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom: 13px;width:100%;height: 14px;text-align: center;}
.bx-wrapper .bx-loading{min-height:50px;background:url(../images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;color:#666;display:none;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width: 12px;height: 14px;margin: 0 2px;outline:0;-moz-border-radius:5px;background: url(../images/main/off.png) no-repeat;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;background: url(../images/main/on.png) no-repeat;width: 12px;}
.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;display:block;padding:10px}
.bxslider li a{display:block;}

.m-main-content2{width:calc(100% - 20px);margin-top:10px; background:#272727; margin:10px 10px 0px; border-radius:10px;position:relative;z-index:-2;}
.m-main-content2 div{
	color: black;
}
.m-main-content2::before {
	content: '';
	display: block;
	width: 100%;
	background: white;
	height: 37.2px;
	position: absolute;
	z-index: -1;
	top: 103.95px;
	color: black !important;
}

.m-main-content3{width:calc(100% - 20px);margin-top:10px;margin:10px 10px 0px;height:445px;}
.m-main-content3 .m-game-button-wrap {width:80px;float:left;}
.m-main-content3 .m-game-button-wrap > li{margin-top:5px;border-radius:10px;display:inline-block;width:100%; height:200px;background-color:#272727;height:100px;box-sizing:border-box; }
.m-main-content3 .m-game-button-wrap > li:nth-child(1){margin-top:0; }
.m-main-content3 .m-game-button-wrap > li:active div{background:#545774;}
/*.m-main-content3 .m-game-button-wrap > li:hover div img{animation: hot-slots-anim .7s linear infinite alternate;}*/
.m-main-content3 .m-game-button-wrap > li div{width:80%; height:64%; margin:10%;background:#515151;border-radius:10px;margin-bottom:0;}
.m-main-content3 .m-game-button-wrap > li div img{width:80%;margin:10% 10%;}
.m-main-content3 .m-game-button-wrap > li span{width:80%;text-align:center;display:inline-block;margin-left: 10%;border-radius: 5px;font-size: 13px;height: 26px;line-height: 26px;}

.m-main-content3 .m-content-slide{width:calc(100% - 90px);height:100%; border-radius:10px;background:url(/images/Main/game_bg.png); border-radius:10px;float:left;margin-left:10px;}
	.m-main-content3 .m-content-slide .m-game-info-wrap {
		width: calc(100% - 20px);
		height: 400px;
		border-radius: 10px;
		margin: 10px;
		overflow: hidden;
		background-image: url(/Images/Main/nbg_0.png?v3);
		background-position: center top;
		border: 2px solid #4162c6;
		box-sizing: border-box;
		background-size: cover;
	}
.m-main-content3 .m-game-info-wrap > li{width:100%; height:100%; display:none;position:relative;}
.m-main-content3 .m-game-info-wrap > li.selected{display:block;}
.m-main-content3 .m-game-info-wrap > li.selected ul > li{animation: bounce 1s;transform:translateX(400px);animation-fill-mode: forwards;}
.m-main-content3 .m-game-info-wrap > li.selected ul > li:nth-child(1){animation-delay:0s;}
.m-main-content3 .m-game-info-wrap > li.selected ul > li:nth-child(2){animation-delay:0.1s;}
.m-main-content3 .m-game-info-wrap > li.selected ul > li:nth-child(3){animation-delay:0.2s;}
.m-main-content3 .m-game-info-wrap > li.selected ul > li:nth-child(4){animation-delay:0.3s;}
.m-main-content3 .m-game-info-wrap > li.selected ul > li:nth-child(5){animation-delay:0.4s;}
.m-main-content3 .m-game-info-wrap > li.selected ul > li:nth-child(6){animation-delay:0.5s;}
.m-main-content3 .m-game-info-wrap > li.selected ul > li:nth-child(7){animation-delay:0.6s;}
.m-main-content3 .m-game-info-wrap > li > span{position:absolute;top:40px; right:10px; font-size:30px;line-height:30px;font-family: 'Anton','Nanum Gothic',Dotum;border-bottom: 2px solid white; height: 35px; filter: drop-shadow(#4699ca 0px 0px 3px);}
.m-main-content3 .m-game-info-wrap > li > img{position:absolute; filter: drop-shadow(#4699ca 0px 0px 10px);width:30px;display:none;}
.m-main-content3 .m-game-info-wrap > li:nth-child(1) > img{top:42px; right:158px;}/*카지노*/
.m-main-content3 .m-game-info-wrap > li:nth-child(2) > img{top:42px; right:158px;}/*프로토*/
.m-main-content3 .m-game-info-wrap > li:nth-child(3) > img{top:42px; right:174px;}/*스페셜*/
.m-main-content3 .m-game-info-wrap > li:nth-child(4) > img{top:42px; right:130px;}/*실시간*/
.m-main-content3 .m-game-info-wrap > li:nth-child(5) > img{top:42px; right:152px; width:31px;}/*토큰게임*/
.m-main-content3 .m-game-info-wrap > li:nth-child(6) > img{top:41px; right:160px;width:35px;} /*럭키세븐*/
.m-main-content3 .m-game-info-wrap > li:nth-child(7) > img{top:41px; right:85px;} /*로투스*/
.m-main-content3 .m-game-info-wrap > li:nth-child(8) > img{top:41px; right:165px;}/*가상축구*/
.m-main-content3 .m-game-info-wrap > li:nth-child(9) > img{top:39px; right:122px;width:39px;}
.m-main-content3 .m-game-info-wrap > li:nth-child(10) > img{top:42px; right:197px;}
.m-main-content3 .m-game-info-wrap > li:nth-child(11) > img{top:40px; right:150px; width:36px;}

.m-main-content3 .m-game-info-wrap > li > ul {position:absolute;top:80px; right:10px;}

.m-main-content4{width:calc(100% - 20px);margin-top:10px; margin:10px 10px 0px; border-radius:10px;height:245px;}
.content4-notice{width:100%; height:245px; background:#272727; border-radius:10px;overflow: hidden;font-size:15px;box-sizing:border-box;padding:20px;margin-right:20px;float:left;}
.content4-notice .notice-title{font-size: 20px;margin-bottom: 15px;height: 42px;line-height: 30px;padding-bottom:10px; border-bottom:2px solid #4699ca;/*filter: drop-shadow(rgb(159, 61, 252) 0px 0px 10px);*/}
.content4-notice .notice-title span{font-size:14px; margin-left:10px;}
.content4-notice .notice-title img{width:15px;float:right; margin-top:9px;cursor:pointer;}
.content4-notice .notice-text a{ width:calc(100% - 10px); overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display:inline-block; font-weight:normal !important;height:21px;margin-bottom:3px;color:#ccc;/*filter: drop-shadow(rgb(159, 61, 252) 0px 0px 10px);*/}
.content4-notice .notice-text a:nth-child(n+6):nth-child(-n+50){display:none;}
.content4-notice .notice-text a img{display:none;}
.content4-notice .notice-text a span{color:white !important; font-size:16px !important; line-height:21px;}
.content4-notice .notice-text a:hover{background-color:#ffffff11;cursor:pointer;transition:ease-in-out .1s}

.m-main-content5{width:calc(100% - 20px);margin-top:10px; margin:10px 10px 0px; border-radius:10px;height:245px;}	
.content5-event {width:100%; height:245px; background:#272727; border-radius:10px;overflow: hidden;font-size:15px;box-sizing:border-box;padding:20px;float:left;}
.content5-event .event-title{font-size: 20px;margin-bottom: 15px;height: 42px;line-height: 30px;padding-bottom:10px; border-bottom:2px solid #4699ca;}
.content5-event .event-title span{font-size:14px; margin-left:10px;}
.content5-event .event-title img{width:15px;float:right; margin-top:9px;cursor:pointer;}
.content5-event .event-text a{ width:calc(100% - 10px); overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display:inline-block; font-weight:normal !important;height:21px;margin-bottom:3px;color:#ccc;}
.content5-event .event-text a:nth-child(n+6):nth-child(-n+50){display:none;}
.content5-event .event-text a img{display:none;}
.content5-event .event-text a span{color:white !important; font-size:16px !important; line-height:21px;}
.content5-event .event-text a:hover{background-color:#ffffff11;cursor:pointer;transition:ease-in-out .1s}
.ico_star{display:none !important;}
.table_asset th:nth-child(3) .sel_box_s{display:none !important;}
.table_asset td:nth-child(1) p i{display:none !important}
.table_asset th:nth-child(3) .sorting{margin-right:20px;}

#EventBtn tr:nth-child(2) td:nth-child(4){animation-duration: 3s; animation-name: rainbowLink; animation-iteration-count: infinite;animation-timing-function:linear;}

@keyframes hot-slots-anim {
	0% {transform: scale(.95);filter: drop-shadow(0 0 0 #4699ca);}
	100% {transform: scale(1.05);filter: drop-shadow(0 0 8px #4699ca);}
}
@keyframes bounce {
	0% {transform: translateX(400px);}
	50% {transform: translateX(-15px);}
	100% {transform: translateX(0px);}
}
@keyframes promotion-btn-bg {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
@keyframes gamestart {
	to {transform: translateX(-50%)}
}
@keyframes rainbowLink {     
	0% { color: #ff2a2a; }
	15% { color: #ff7a2a; }
	30% { color: #ffc52a; }
	45% { color: #43ff2a; }
	60% { color: #2a89ff; }
	75% { color: #202082; }
	90% { color: #6b2aff; } 
	100% { color: #e82aff; }
}


		.m_nav_jongmok{}
		.m_nav_jongmok li{width:40px; height:36px;float:left;display:block;border-radius:5px;border:2px solid #3d3d3d;}
		.m_jongmok01 {background: url(/Images/m_jongmok/nav_jongmok_01.png) no-repeat center;}
		.m_jongmok02 {background: url(/Images/m_jongmok/nav_jongmok_02.png) no-repeat center;}
		.m_jongmok03 {background: url(/Images/m_jongmok/nav_jongmok_03.png) no-repeat center;}
		.m_jongmok04 {background: url(/Images/m_jongmok/nav_jongmok_04.png) no-repeat center;}
		.m_jongmok05 {background: url(/Images/m_jongmok/nav_jongmok_05.png) no-repeat center;}
		.m_jongmok06 {background: url(/Images/m_jongmok/nav_jongmok_06.png) no-repeat center;}
		.m_jongmok07 {background: url(/Images/m_jongmok/nav_jongmok_07.png) no-repeat center;}
		.m_jongmok01.on {background: url(/Images/m_jongmok/nav_jongmok_01_on.png) no-repeat center; border:2px solid white;}
		.m_jongmok02.on {background: url(/Images/m_jongmok/nav_jongmok_02_on.png) no-repeat center; border:2px solid white;}
		.m_jongmok03.on {background: url(/Images/m_jongmok/nav_jongmok_03_on.png) no-repeat center; border:2px solid white;}
		.m_jongmok04.on {background: url(/Images/m_jongmok/nav_jongmok_04_on.png) no-repeat center; border:2px solid white;}
		.m_jongmok05.on {background: url(/Images/m_jongmok/nav_jongmok_05_on.png) no-repeat center; border:2px solid white;}
		.m_jongmok06.on {background: url(/Images/m_jongmok/nav_jongmok_06_on.png) no-repeat center; border:2px solid white;}
		.m_jongmok07.on {background: url(/Images/m_jongmok/nav_jongmok_07_on.png) no-repeat center; border:2px solid white;}




/*User_info 부분*/
		.content1-right-inner{width: calc(100vw - 20px); height:calc(100vw - 20px); background: lightgray; border-radius: 10px;color:#fff;box-sizing: border-box;font-size:100%;}
		
		.inner-top{width:100%; height:43%;}
		.inner-top span:nth-child(1){display: inline-block;width:100%;text-align: left; padding-left:4%;font-size: 4vw;height: 23%; line-height: 270%;box-sizing: border-box;}
		.inner-top span:nth-child(2){display: inline-block;width:100%;font-weight: bold; font-size: 25vw;text-align: center;height: 77%; line-height: 120%;}
		
		.inner-middle{width:100%; height: 14%; background:#fff;}
		.inner-middle span:nth-child(1){display: inline-block;width:50%;color:#000;font-size:4vw;height: 100%; line-height: 340%;float:left;text-align: left; padding-left: 4%;box-sizing: border-box;}
		.inner-middle span:nth-child(2){display: inline-block;width:50%;color:#6a7bf2;height: 100%; line-height: 205%;float:left;text-align: right; padding-right: 7%;box-sizing: border-box;font-size:7vw;font-weight: bold;}
		
		.inner-bottom{width:100%; height:43%;}
		.inner-bottom > span{display: inline-block;width: 100%;text-align: left;padding-left:4%;font-size: 4vw;height: 25%; line-height: 340%;box-sizing: border-box;}
		.exchange-wrap{width:100%; height: 75%;padding:1% 2% 3.5% 2%;box-sizing: border-box;}
		.exchange-div{margin:1% 1%; width:31.333%;height:44%; background: #515151;border-radius: 5px; float:left;}
		.exchange-img{width:20%; height:50%;float:left;background: url(/images/Main/sack.svg);background-repeat: no-repeat; background-size: contain;margin:10% 0 10% 5%;}
		.exchange-text{float:left;width:75%; height: 100%;}
		.exchange-id{width:100%; height: 50%; color:#ebe4af;display: inline-block;line-height: 175%;font-size: 4vw;box-sizing: border-box;padding-left: 5%;}
		.exchange-price{width:100%; height: 50%;display: inline-block;line-height: 125%;font-size: 4vw;box-sizing: border-box;padding-left: 5%; color:#fff}
		.info_chrome {display: inline-block;width: 260px;text-align: center;color: #000;font-size: 12px;height: 20px;letter-spacing:-0.5px;}
		.info_chrome2 {display: inline-block;width: 260px;margin-top: 170px;text-align: center;color: #000;font-size: 12px;height: 20px;letter-spacing:-0.5px;}
/*게시판 이미지 크기*/
.view_text img {width: 100% !important;height: 100% !important;margin-left: 0 !important;}

/*SPACE*/
.favorite-container a {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 10px 5px;
	border: 1px solid #ddd;
	background: #fff;
}

#footer {
	padding: 16px 0 23px;
	text-align: center;
	border-top: 1px solid #dcdcdc;
	background-color: #171717;
}

.main-box-container {
	width: 100%;
	margin: 20px auto 0;
}
.main-box-container .main-box {
	width: 100% !important;
	height: 220px !important;
	margin: 0 0 15px !important;
}
.main-box-container .main-box {
	position: relative;
	float: left;
	padding: 0;
	margin: 0 15px 0 0;
	cursor: pointer;
	width: calc(33.333333% - 15px);
	height: 450px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 1px solid #148e83;
	border-radius: 2px;
	box-shadow: #46c5bf 0px 0px 1px 2px;
}

.main-box-container .main-box .main-box-title > h2 {
	font-weight: bold;
	color: #fff700;
	font-size: 14px;
}
.main-box-container .main-box .main-box-title > h3 {
	color: #fff;
	font-size: 22px;
	line-height: 22px;
}
.main-box-container .main-box .main-box-info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	opacity: 0.5;
	border-top: 1px solid #b6bfbe;
	color: #fff;
	text-align: center;
	padding: 20px 0;
}
.main-box-container .main-box:nth-of-type(1) {
	background-image: url(/images/bg/1.png);
}
.main-box-container .main-box:nth-of-type(2) {
	background-image: url(/images/bg/2.png);
}
.main-box-container .main-box:nth-of-type(3) {
	background-image: url(/images/bg/3.png);
}


/* 여기서부터 메타 css*/


@font-face {
	font-family: Noto Sans KR;
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2)
		format("woff2"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff)
		format("woff"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf)
		format("opentype");
  }
  @font-face {
	font-family: Noto Sans KR;
	font-style: normal;
	font-weight: 300;
	src: url(data:font/woff2;base64,Tm8gQ29udGVudDogaHR0cHM6Ly9mb250cy5nc3RhdGljLmNvbS9lYS9ub3Rvc2Fuc2tyL3YyL05vdG9TYW5zS1ItTGlnaHQud29mZjI=)
		format("woff2"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff)
		format("woff"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf)
		format("opentype");
  }
  @font-face {
	font-family: Noto Sans KR;
	font-style: normal;
	font-weight: 400;
	src: url(data:font/woff2;base64,Tm8gQ29udGVudDogaHR0cHM6Ly9mb250cy5nc3RhdGljLmNvbS9lYS9ub3Rvc2Fuc2tyL3YyL05vdG9TYW5zS1ItUmVndWxhci53b2ZmMg==)
		format("woff2"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff)
		format("woff"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf)
		format("opentype");
  }
  @font-face {
	font-family: Noto Sans KR;
	font-style: normal;
	font-weight: 500;
	src: url(data:font/woff2;base64,Tm8gQ29udGVudDogaHR0cHM6Ly9mb250cy5nc3RhdGljLmNvbS9lYS9ub3Rvc2Fuc2tyL3YyL05vdG9TYW5zS1ItTWVkaXVtLndvZmYy)
		format("woff2"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff)
		format("woff"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf)
		format("opentype");
  }
  @font-face {
	font-family: Noto Sans KR;
	font-style: normal;
	font-weight: 700;
	src: url(data:font/woff2;base64,Tm8gQ29udGVudDogaHR0cHM6Ly9mb250cy5nc3RhdGljLmNvbS9lYS9ub3Rvc2Fuc2tyL3YyL05vdG9TYW5zS1ItQm9sZC53b2ZmMg==)
		format("woff2"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff)
		format("woff"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf)
		format("opentype");
  }
  @font-face {
	font-family: Noto Sans KR;
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2)
		format("woff2"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff)
		format("woff"),
	  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf)
		format("opentype");
  }
  body,
  html {
	height: 99.99%;
	-webkit-text-size-adjust: none;
  }
  
  body {
	font-family: Noto Sans KR,  Malgun Gothic, Dotum, sans-serif;
	font-size: 14px;
	color: #fff;
	letter-spacing: -0.05em;
	-webkit-text-size-adjust: none;
	margin: 0;
	padding: 0;
  }
  button,
  code,
  dd,
  div,
  dl,
  dt,
  fieldset,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  input,
  legend,
  li,
  ol,
  p,
  pre,
  select,
  textarea,
  ul {
	margin: 0;
	padding: 0;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  }
  table,
  td,
  th {
	margin: 0;
	padding: 0;
  }
  button,
  input,
  pre,
  select,
  table,
  textarea {
	font-family: Noto Sans KR, Malgun Gothic,  Dotum, sans-serif;
	font-size: 14px;
	color: #fff;
  }
  button,
  input,
  select,
  textarea {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  }
  body,
  p {
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
  }
  a,dd,div,dl,dt,em,h1,h2,h3,h4,h5,h6,li,ol,p,
  span,
  strong,
  ul {
	line-height: 1em;
  }
  
  div.inner {
	width: 1200px;
	position: relative;
	margin: 0 auto;
  }
  div.top-menu{
	  height: 70px;
  }
  div.top-menu .inner {
	text-align: right;
	height: 44px;
	align-content: center;
  }
  div.top-menu .inner a {
	margin-right: 30px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
  }
  div.top-menu .inner img {
	width: 18px;
	vertical-align: sub;
  }
  div.bottom-menu{
	  border-top: 1px solid #e6e8ea;
  }
  div.bottom-menu div.inner{
	  
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }
  div.bottom-menu div.inner div.gnb{
	  display: flex;
	  gap: 47px;
  }
  div.bottom-menu div.inner div.gnb a{
	  
	  text-decoration: none;
	  color: #000;
	  font-weight: 700;
	  font-size: 18px;
	  line-height: 62px;
	  padding: 10px 0;
  }
  div.bottom-menu div.inner div.gnb a:hover{
	  color: #0051c7;
  }
  div.bottom-menu a.logo img{
	  width: 200px;
  }
  
  div.section{
	  position: relative;
  }
  div.section.section1 .inner{
	  position: relative;
	  padding-top: 40px;
  }
  div.section.section1 div.game-wrap{
	  background-color: #fcddb6;
	  width: 958px;
	  border-radius:0 50px 100px 0;
	  height: 535px;
	  display: flex;
	  position: absolute;
	  top: 0;
  }
  div.section.section1 .game-wrap-bg{
  
	  background-color: #fcddb6;
	  width: 50%;
	  height: 535px;
	  position: absolute;
	  left: 0;
  }
  div.section.section1 div.game-wrap div.leftBox,div.section.section1 div.game-wrap div.rightBox{
	  width: 452px;
	  text-align: center;
	  padding: 35px 49px;
  
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  padding-bottom: 90px;
  }
  div.section.section1 div.game-wrap img.topImg{
	  width: 310px;
	  height: 70px;
  }
  div.game-wrap span.blueBox{
	  position: relative;
	  font-size: 16px;
	  color: #fff;
	  border-radius: 16px;
	  padding: 5px 13px 5px 14px;
	  background: #0051c7;
  }
  div.game-wrap span.redBox{
	  position: relative;
	  font-size: 16px;
	  color: #fff;
	  border-radius: 16px;
	  padding: 5px 13px 5px 14px;
	  background: #e13b2c;
  }
  div.game-wrap p{
	  font-size: 18px;
	  color: #333;
	  padding-left: 5px;
	  font-weight: 500;
  }
  div.game-wrap hr {
	  margin: 15px 0;
	  height: 1px;
	  border: none;
	  background-color: #4684c5;
  }
  div.game-wrap p span.num{
	 display: inline-block;
	 width: 45px;
  }
  
  div.game-wrap p.largeText{
	  font-size: 50px;
	  line-height:80px;
  }
  div.ball-wrap{
	  display: flex;
	  gap: 6px;
	  margin: 20px 0;
	  justify-content: center;
  }
  div.ball-wrap div.ball-item{
	  position: relative;
	  width: 36px;
	  height: 36px;
	  border: 1px solid #d1cfd0;
	  border-radius: 50%;
	  font-size: 18px;
	  font-weight: 700;
	  color: #555;
	  background: #fff;
	  place-content:center;
  }
  div.ball-wrap .ball-item.yellow{
	  border: 1px solid #ffc821;
	  color: #333332;
	  background-color: #ffc821;
  }
  div.ball-wrap .ball-item.blue{
	  border: 1px solid #0058c3;
	  color: #fff;
	  background-color: #0058c3;
  }
  div.ball-wrap .ball-item.red{
	  border: 1px solid #e03633;
	  color: #fff;
	  background-color: #e03633;
  }
  div.total-winnings, div.deadline{
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  grid-gap: 10px;
	  gap: 10px;
	  margin-top: 15px;
	  background: #ebffbd;
	  padding: 6px 0;
	  border-radius: 50px;
	  font-size: 20px;
  }
  span.red{
	  color:rgb(247, 51, 51)
  }
  div.backBox {
	 
	  background: #ccc;
	  border-radius: 0 100px 200px 30px;
	  width: 1200px;
	  height: 647px;
	  background: #600808;
	  display: inline-block;
  }
  div.backBox div.right_box{
	  position: absolute;
	  right: 0;
	  width: 242px;
	  color: white;
	  padding: 15px 0 20px 10px;
  }
  div.backBox div.right_box p.text1{
	  color: #fff;
	  font-size: 20px;
	  font-weight: 600;
	  padding-top: 10px;
	  padding-left: 10px;
  }
  div.backBox div.right_box p.text2{
	  position: relative;
	  color: #b3dcfb;
	  font-size: 32px;
	  letter-spacing: -1px;
	  font-weight: 700;
	  vertical-align: middle;
	  padding: 10px 5px 5px 10px;
	  line-height:43px;
  }
  div.backBox div.right_box p.text3{
	  color: #fff;
	  font-size: 15px;
	  line-height: 20px;
	  padding-left: 10px;
  
  }
  div.backBox div.right_box img {
	  position: absolute;
	  top: -50px;
	  right: -3px;
  }
  
  .bottom_box{
	  display: flex;
	  justify-content: space-between;
	  width: 818px;
	  position: absolute;
	  bottom: 32px;
	  left: 52px;
	  color: white;
	  text-decoration: none;
	  ;
  }
  .bottom_box a{
	  display: flex;
	  flex-direction: column;
	  color: white;
	  text-decoration: none;
	  font-size: 16px;
	  color: #fff;
	  text-align: center;
	  width: 112px;
	  align-items: center;
  }
  .bottom_box a img{
	  padding-bottom: 18px;
	  width: 52px;
  }
  div.right_banner{
	  right: -31px;
	  bottom: -12px;
	  position: absolute;
	  width: 338px;
	  height: 338px;
  
	  width: 358px;
	  height: 358px;
	  margin-left: 286px;
	  z-index: 12;
	  background: #b3dcfb;
	  border-radius: 50%;
  
	  z-index: 10;
	  background: hsla(0, 0%, 100%, .3);
	  box-shadow: 10px 0 35px rgba(0, 0, 0, .2);
	  align-content: center;
	  text-align: center;
  }
  div.right_banner img{
	  border-radius: 50%;
	  border: 0;
  }
  
  div.section.section2 .inner{
	  background: #fdedd6;
	  padding: 12px;
	  padding-left: 20px;
	  border-radius: 12px;
	  margin-top: 30px;
  }
  div.section.section2 .inner p{
	  font-size: 34px;
	  font-weight: 500;
  }
  div.section.section2 .inner .exchangeBox{
	  display: flex;
	  margin-top: 20px;
	  gap: 20px;
	  flex-wrap: wrap;
	  width: 100%;
  }
  div.section.section2 .inner .exchangeBox .exchangeitem{
	  background: #cbc6a9;
	  display: flex;
	  gap: 12px;
	  border-radius: 10px;
	  padding: 24px 12px;
	  color: #4a4742;
	  /* margin: 10px;
	  margin-top: 0; */
	  flex-grow: 1;
	  flex-basis: 270px;
  }
  div.section.section2 .inner .exchangeBox .exchangeitem img{
	  width: 60px;
	  height: 60px;
  }
  div.section.section2 .inner .exchangeBox .exchangeitem p{
	  font-size: 20px;
	  font-weight: 400;
	  line-height: 150%;
  }
  div.section.section2 .inner .exchangeBox .exchangeitem p span.fts21{
	  font-size: 21px;
  }
  
  div.section3{
	  min-height: 312px;
	  margin-bottom: 30px;
  }
  div.section.section3 .inner{
	  margin-top: 26px;
	  display: flex;
  }
  div.section.section3 .inner .listBox{
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	  width: 100%;
  }
  div.section.section3 .inner .listBox .listItem{
	 width: 294px;
  }
  div.section.section3 .inner .listBox .listItem img{
	 width: 294px;
  }
  p.winningRound{
	  text-align: center;
	  font-size:14px;
	  line-height:150%;
  }
  p.winningContent{
	  text-align: center;
	  font-size: 14px;
	  line-height: 160%;
	  font-weight: 700;
  }
  div.footer{
	  background: #f3f5f8;
  }
  div.footer .inner {
	  display: flex;
	  flex-direction: row;
	  margin: 0 auto;
	  max-width: 1200px;
	  padding: 20px 0 30px;
  }
  div.footer div.logo img{
	  width: 200px;
  }
  
  .escrow {
	  position: absolute;
	  right: 0;
	  top: 30px;
  }
  div.footer div.escrow img{
	  width: 70px;
  }
  div.footer div.footerContent{
	  margin-left: 145px;
  }
  div.footer div.footerContent p{
	  line-height: 22px;
	  margin-right: 10px;
	  letter-spacing: -.3px;
	  color: #858585;
  }
  div.footer div.footerContent p.redText{
	  color: #f73333;
	  font-size: 12px;
	  line-height: 12px;
	  padding: 0;
	  font-weight: 600;
  }
  div.top-menu a.logo{
	  display: none;
  }
  div.dummy{
	  display: none;
  }
  .mob-btn{
	  display: none;
  }
  #mobile-overay{
	  display: none;
  }
  .mob-list-bookmark{
	  display: none;
  }

  @media (max-width: 1200px) {
	.mob-btn {
	  display: block;
	}
	div.header {
	  background-color: white;
	  min-height: 60px;
	}
	div.section.section1 .inner {
	  padding-top: 0;
	}
	div.top-menu .inner {
	  margin: 0;
	  padding: 10px;
	  padding-top: 6px;
	  height: 60px;
	  width: 100%;
	}
	div.inner {
	  width: 100%;
	}
  
	html body .section div.inner {
	  width: 100%;
	}
	div.section.section1 div.game-wrap {
	  width: 100%;
	  position: relative;
	  border-radius: 0;
	}
	div.section.section1 .game-wrap-bg {
	  display: none;
	}
	div.section.section1 div.game-wrap div.leftBox,
	div.section.section1 div.game-wrap div.rightBox {
	  width: 50%;
	}
	div.backBox {
	  position: relative;
	  width: 100%;
	  border-radius: 0;
	  min-height: 647px;
	  display: none;
	}
	div.backBox .bottom_box {
	  flex-direction: column;
	  gap: 15px;
	  width: 130px;
	}
	div.backBox div.right_box {
	  right: 45px;
	  top: 50px;
	}
	div.right_banner {
	  right: 71px;
	  bottom: 16px;
	}
	div.gnb {
	  padding-right: 20px;
	}
  
	div.section.section1 div.game-wrap img.topImg {
	  align-self: center;
	}
  
	div.section.section2 .inner .exchangeBox {
	  justify-content: space-evenly;
	}
	div.section.section2 .inner .exchangeBox .exchangeitem {
	  width: 30%;
	  flex-grow: 0;
	  flex-basis: auto;
	}
	div.section.section2 .inner .exchangeBox .exchangeitem img {
	  display: none;
	}
	div.dummy {
	  display: block;
	  width: 30%;
	}
	div.section.section3 .inner .listBox {
	  margin: 0 10px;
	  background: white;
	  border-radius: 10px;
	  padding-top: 15px;
	}
	div.section.section3 {
	  display: none;
	}
  
	#mobile-overay {
	  display: block;
	  z-index: -10;
	  width: 100%;
	  top: 0;
	  left: 0;
	  position: absolute;
	  background-color: rgba(0, 0, 0, 0.7);
	  -webkit-transition: all 0.1s linear;
	  -moz-transition: all 0.1s linear;
	  -o-transition: all 0.1s linear;
	  transition: all 0.1s linear;
	  opacity: 0;
	  min-height: 100vh;
	  height: 100%;
	}
	#mobile-overay.in {
	  opacity: 1;
	  position: fixed;
	  z-index: 1000;
	  height: 100%;
	  display: flex;
	}
	.backbg {
	  background-color: transparent;
	  width: calc(100% - 299px);
	  height: 100%;
	}
	#mobile-overay span {
	  display: inline-block;
	  position: absolute;
  
	  background-color: rgba(0, 0, 0, 0.3);
	  right: 20px;
	  top: 8px;
	  border-radius: 5px;
	  z-index: 50;
	  width: 35px;
	  height: 35px;
	  font-size: 20px;
	  text-align: center;
	  padding: 0;
	  cursor: pointer;
	}
	#mobile-overay #mobile-nav {
	  background-color: white;
	  width: 299px;
	  transform: translateX(-100%);
	  transition: 0.5s;
	  height: 100vh;
	}
	#mobile-overay #mobile-nav img {
	  height: 100%;
	  max-width: 60px;
	  margin-left: 24px;
	  object-fit: contain;
	}
	#mobile-overay.in #mobile-nav {
	  transform: translateX(0);
	  min-height: 100vh;
	  height: 100%;
	}
	#mobile-overay #mobile-nav ul {
	  margin: 0;
	  min-height: 100vh;
	  list-style: none;
	  padding: 0;
	  height: 100%;
	}
	#mobile-overay #mobile-nav ul li {
	  /* padding: 10px 22px; */
	  font-size: 13px;
	  cursor: pointer;
	  border-top: 1px solid #dcdcdc;
	  box-sizing: border-box;
	}
	#mobile-overay #mobile-nav ul li a {
	  display: block;
	  position: relative;
	  height: 57px;
	  line-height: 57px;
	  padding: 0 25px;
	  color: #333;
	  box-sizing: border-box;
	  text-decoration: none;
	  font-size: 15px;
	}
	#mobile-overay #mobile-nav span img {
	  margin: 0;
	  width: 15px;
	}
	.mob-list-bookmark {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: row;
	  padding: 0 10px;
	}
	.mob-list-bookmark ul{
	  display: flex;
	  gap: 8px;
	  flex-wrap: wrap;
	  flex-direction: row;
	  width: 100%;
	  text-decoration: none;
	  list-style: none;
	}
	.mob-list-bookmark ul li{
	  width: calc(50% - 4px);
	  height: 50px;
	  border-radius: 4px;
	  background: #fff;
	  box-sizing: border-box;
	  text-decoration: none;
	  
	}
	.mob-list-bookmark ul li a{
	  text-decoration: none;
	  color: #000;
	  padding-left: 82px;
	  align-content: center;
	  display: inline-block;
	  box-sizing: border-box;
	  width: 100%;
	  height: 100%;
	  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
	}
	
  }
  
  
  
  @media (max-width: 1000px) {
	body {
	  background: #e9edee;
	}
	div.section.section1 .inner,
	div.section.section2 .inner,
	div.section.section3 .inner {
	  /* padding-top: 10px; */
	  width: calc(100% - 18px);
	}
	div.section3 {
	  height: auto;
	  width: 100%;
	  flex-direction: column;
	}
	div.section.section3 .inner .listBox {
	  justify-content: center;
	}
	div.top-menu .inner {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}
	div.top-menu .mob-btn {
	  width: 37.5%;
	  height: 30px;
	  text-align: left;
	}
	div.top-menu .mob-btn img {
	  width: 30px;
	  cursor: pointer;
	}
	div.top-menu a.logo {
	  display: inline-block;
	  width: 127px;
	}
	div.top-menu a.logo img {
	  width: 100%;
	}
	.btnBox {
	  width: 37.5%;
	  align-self: center;
	}
	div.top-menu .inner .btnBox a {
	  margin-right: 5px;
	}
	div.top-menu .inner .btnBox a img {
	  display: none;
	}
	div.bottom-menu {
	  display: none;
	}
	div.inner {
	  width: calc(100% - 18px);
	  border-radius: 10px;
	  margin: 12px auto;
	}
	div.section {
	  background-color: #e9edee;
	}
	div.section.section1 div.game-wrap {
	  flex-direction: column;
	  height: auto;
	  background-color: transparent;
	}
	div.section.section1 div.game-wrap div.leftBox,
	div.section.section1 div.game-wrap div.rightBox {
	  width: 100%;
	  padding: 0;
	  align-self: center;
	  margin-top: 12px;
	  padding: 35px 0;
	  box-sizing: border-box;
	  background-color: #fcddb6;
  
	  border-radius: 10px;
	}
	div.section.section1 div.game-wrap div.leftBox {
	  margin-top: 0;
	}
	div.backBox {
	  margin-top: 10px;
	  border-radius: 10px;
	}
	div.section.section1 div.game-wrap hr {
	  width: 355px;
	  margin: 15px auto;
	}
	div.total-winnings,
	div.deadline {
	  width: 355px;
	  align-self: center;
	}
	div.right_banner {
	  right: 71px;
	  bottom: 16px;
	  margin: 0;
	  right: 10px;
	  bottom: 10px;
	  width: 50%;
	  height: auto;
	  max-width: 350px;
	  aspect-ratio: 1/1;
	}
	div.right_banner img {
	  width: 90%;
	  height: 90%;
	}
	div.footer .inner {
	  flex-direction: column;
	}
	div.footer div.footerContent {
	  margin: 0;
	}
  
  }
  
  
  
  @media (max-width: 768px) {
	.bottom_box {
	  left: 0px;
	}
	div.section.section2 .inner {
	  background-color: white;
	}
	div.section.section2 .inner p {
	  color: rgb(254, 159, 65);
	  font-weight: 400;
	  font-size: 30px;
	}
	div.section.section2 .inner .exchangeBox .exchangeitem {
	  background-color: rgb(252, 221, 182);
	}
	div.section.section2 .inner .exchangeBox .exchangeitem p {
	  color: black;
	}
	div.section.section2 .inner .exchangeBox .exchangeitem p span.fts21 {
	  color: white;
	}
	div.section.section3 .inner .listBox {
	  flex-direction: column;
	  align-content: center;
	}
	div.section.section3 .inner .listBox .listItem {
	  width: 90%;
	}
	div.section.section3 .inner .listBox .listItem img {
	  width: 100%;
	}
  }