@charset "utf-8";

header, footer, nav, section, article, aside { display: block; }
* { padding: 0; margin: 0; box-sizing: border-box; }

h1,h2,h3,h4,h5,h6,ol,ul,li,form,fieldset,input,textarea,p,th,td,dt,dd,dl { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 12px; }
li { list-style: none; }
img,fieldset { border: 0; vertical-align: top;}
em { font-style: normal; }
input.radio { width: 13px; height: 13px; vertical-align: middle; }
address,em,i { font-style: normal; }
.hdn, legend,table caption{ font-size: 0; height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; line-height: 0; }
table caption{ font-size: 0; height: 0; overflow: hidden; position: static; visibility: hidden; width: 0; line-height: 0; }
a { text-decoration: none; color: inherit; }
select:focus { outline: none; }
button { border: 0; padding: 0; background: transparent; transition: all 0.3s ease; cursor: pointer; }
button:focus { outline: none;  }
input { border: 0; padding: 0; background: transparent; }
input:focus { outline: none; }

html { height: 100%; }

body {
	font-family:'Noto Sans KR','Apple SD Gothic Neo',arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0px;
	width: 100%;
	height: 100%;
	font-weight: 300;
	background-color: #151515;
}

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #222;}
::-webkit-scrollbar-thumb { border-radius: 10px; background: #333; }

.fade-wrap { transition: .5s; opacity: 0; position: relative; left: -100px; }
.fade-wrap.fade-in { opacity: 1; left: 0; }

.wrap { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; }

.container { display: block; margin: 0 auto; padding: 0; position: relative; max-width: 1800px; }
.container:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.wrapper nav { display: block; position: relative; height: 50px; margin: 0 ; padding: 0; transition: all 300ms ease-in-out;  -webkit-overflow-scrolling: touch; background: #222; border-left: 1px #333 solid; }
.wrapper::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ }
.wrapper input[type='checkbox'] { display: none; }

.slide-menu-button { display: none; }

.nav-userinfo { max-width: 1920px; margin: 0 auto; display: flex; align-items: center; color: #ccc; font-size: 12px; justify-content: flex-end; padding: 15px 0 0; }
.nav-userinfo .navui { display: flex; padding: 0 5px; }
.nav-userinfo .navui .login-btn { padding: 10px 30px; background: #ffa200; color: #fff; font-size: 15px; border-radius: 10px; }
.nav-userinfo .navui .login-btn:hover { background: #ffbf4f; }
.nav-userinfo .navui .register-btn { padding: 10px 30px; background: #ae2c2c; color: #fff; font-size: 15px; border-radius: 10px; }
.nav-userinfo .navui .register-btn:hover { background: #721717; }

.nav-userinfo-login { max-width: 1920px; margin: 0 auto; display: flex; align-items: center; color: #ccc; font-size: 12px; justify-content: flex-end; padding: 20px 0 0; }
.nav-userinfo-login .navui { display: flex; padding: 0 15px; font-size: 14px; position: relative; }
.nav-userinfo-login .navui .count { position: absolute; top: -5px; right: 0px; color: #ffa200; }
.nav-userinfo-login .navui i img { width: 18px; opacity: 0.5; margin: 1px 8px 0 0; }
.nav-userinfo-login .navui span { color: #ffac00; font-weight: bold; }
.nav-userinfo-login .navui button { color: #aaa; }
.nav-userinfo-login .navui button:hover { color: #00b4ff; }
.nav-userinfo-login .navui button i img { width: 18px; opacity: 0.5; margin: 1px 8px 0 0; }

.main-bnr-div { border-bottom: 2px #333 solid; position: relative; z-index: -999; }
.main-bnr-div .inner-div { max-width: 1600px; margin: 0 auto; }

.carousel { height: auto; width: 100%; display: block; margin: 0 auto; overflow-x: hidden; position: relative; display: flex; justify-content: flex-start; }
.carousel-inner { height: 100%; display: flex; transition: all ease .2s; }
.carousel-item { flex: 1; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.carousel-item img { height: 100%; }
.carousel-controls .prev { display: inline-block; height: 32px; width: 32px; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); background-image: url('prev.svg'); background-position: center; background-size: auto 100%; background-repeat: no-repeat; cursor: pointer; opacity: .5; }
.carousel-controls .next { display: inline-block; height: 32px; width: 32px; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background-image: url('next.svg'); background-position: center; background-size: auto 100%; background-repeat: no-repeat; cursor: pointer; opacity: .5; }
.prev:hover, .next:hover { opacity: 1; }
.carousel-indicators { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); text-align: center; }
.carousel-indicators span { display: inline-block; background-color: white; width: 30px; height: 4px; border-radius: 2px; opacity: .5; cursor: pointer; margin: 3px; }
.carousel-indicators span.active { opacity: 1; }

.main-contents { display: block; max-width: 1920px; margin: 0 auto; }
.main-contents .titlename { display: block; color: #fff; font-size: 20px; padding: 25px; font-weight: bold; margin: 20px 0 0; }
.main-contents .contents { display: block; height: 800px; }

.lsbt-wrap { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; }
.lsbt-wrap .position-wrap { padding: 2px; margin: 0 1px 0; }
.lsbt-wrap .position-wrap:nth-child(1) { flex-grow: 1; flex-basis: 50%; }
.lsbt-wrap .position-wrap:nth-child(2) { flex-grow: 1; flex-basis: 50%; }

.tab-wrap { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; background: #191919; border: 1px #222 solid; height: 80px; }
.tab-wrap .tab-buttontype { display: flex; align-items: center; justify-content: center; flex-basis: 80px; height: 80px; border-right: 1px #222 solid; flex-direction: column; }
.tab-wrap .tab-buttontype:hover { background: #ffa200; }
.tab-wrap .tab-buttontype:hover i img { opacity: 1; }
.tab-wrap .tab-buttontype:hover .buttonname { opacity: 1; }
.tab-wrap .tab-buttontype i img { width: 30px; opacity: 0.5; }
.tab-wrap .tab-buttontype .buttonname { font-size: 14px; color: #fff; text-align: center; opacity: 0.5; }
.tab-wrap .tab-on { background: #ffa200; }
.tab-wrap .tab-on i img { opacity: 1; }
.tab-wrap .tab-on .buttonname { opacity: 1; }

.lsbt-content { overflow-y: scroll; height: 770px; }
.lsbt-right { overflow-y: scroll; height: 558px; }
.lsbt-content .plyname { display: block; text-align: left; padding: 10px 10px; color: #fff; font-size: 14px; background: #333; border-radius: 4px; border: 1px #444 solid; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; margin: 5px 0 0; }
.lsbt-content .plyname img { margin: 0 6px 0 0; }

.lsbt-content .namecolor { background: #121518; border: 1px #2c343c solid; color: #ffa200; }

.lsbt-game-cont { display: block; margin: 10px 0 0; padding: 0; border: 1px #161a1e solid; padding: 5px; border-radius: 4px; background: linear-gradient(125deg, rgba(39,4,4,1) 0%, rgba(4,19,39,1) 100%); box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; position: relative; min-height: 100px; }
.lsbt-game-cont .gm-state { position: absolute; top: -6px; left: 5px; border-radius: 8px; background: #000; padding: 2px 10px 3px; color: #ff6262; text-align: left; font-size: 12px; box-shadow: rgba(0, 0, 0, 0.5) 0 3px 10px; }
.lsbt-game-cont .option-button { position: absolute; top: -6px; right: 5px; border-radius: 8px; background: #000; border: 1px #f69d02 solid; padding: 4px 10px 5px; color: #f69d02; text-align: right; font-size: 12px; box-shadow:rgba(0, 0, 0, 0.5) 0 3px 10px; transition: all 100ms ease-in-out; cursor: pointer; }
.lsbt-game-cont .option-button:hover { background: #ffa200; color: #000; }
.lsbt-game-cont .on { background: #ffa200; color: #000; }

.match-state { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; margin: 20px 0 0; height: 50px; }
.match-state .match-wrap { text-align: center; vertical-align: top; height: 50px; }
.match-state .match-wrap:nth-child(1) { flex-grow: 1; flex-basis: 42%; }
.match-state .match-wrap:nth-child(2) { flex-grow: 1; flex-basis: 16%; }
.match-state .match-wrap:nth-child(3) { flex-grow: 1; flex-basis: 42%; }
.match-state .match-wrap .versus { text-align: center; font-size: 24px; font-weight: bold; color: #fff; line-height: 49px; }

.home-team { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; height: 50px; }
.home-team .team-wrap { height: 50px; }
.home-team .team-wrap img { height: 50px; }
.home-team .team-wrap:nth-child(1) { flex-grow: 1; flex-basis: 70%; }
.home-team .team-wrap:nth-child(2) { flex-grow: 1; flex-basis: 30%; }
.home-team .team-wrap .score-state { width: 40px; height: 40px; border-radius: 5px; border: 2px #008aff solid; text-align: center; color: #fff; font-size: 24px; font-weight: bold; display: inline-block; line-height: 34px; margin: 3px 0 0; }

.away-team { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; height: 50px; }
.away-team .team-wrap { height: 50px; }
.away-team .team-wrap img { height: 50px; }
.away-team .team-wrap:nth-child(1) { flex-grow: 1; flex-basis: 30%; }
.away-team .team-wrap:nth-child(2) { flex-grow: 1; flex-basis: 70%; }
.away-team .team-wrap .score-state { width: 40px; height: 40px; border-radius: 5px; border: 2px #d33b3b solid; text-align: center; color: #fff; font-size: 24px; font-weight: bold; display: inline-block; line-height: 34px; margin: 3px 0 0; }

.bbt-layout { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; padding: 0; margin: 5px 0 0; }
.bbt-layout .sg-button { height: 40px; text-align: center; color: #eee; font-size: 12px; transition: all 70ms ease-in-out; border-radius: 3px; border: 1px #333 solid; background: linear-gradient( #333, #222); box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; position: relative; }
.bbt-layout .sg-button:nth-child(1) { flex-grow: 1; flex-basis: 42%; }
.bbt-layout .sg-button:nth-child(2) { flex-grow: 1; flex-basis: 16%; margin: 0 3px 0; }
.bbt-layout .sg-button:nth-child(3) { flex-grow: 1; flex-basis: 42%; }
/* .bbt-layout .sg-button:hover { background: #ffa200; border: 1px #ffa200 solid; color: #111; } */
.bbt-layout .on { background: #ffa200; border: 1px #ffa200 solid; color: #fff; font-weight: bold; cursor: inherit; }
.bbt-layout .on .sg-txt { color: #fff; }
/* .bbt-layout .on:hover { background: #ffa200; border: 1px #ffa200 solid; color: #111; } */

.odd-button { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; height: 40px; }
.odd-button .odd-wrap { position: relative; }
.odd-button .odd-wrap:nth-child(1) { flex-grow: 1; flex-basis: 80%; }
.odd-button .odd-wrap:nth-child(2) { flex-grow: 1; flex-basis: 20%; }

.odd-button2 { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; height: 40px; }
.odd-button2 .odd-wrap { position: relative; }
.odd-button2 .odd-wrap:nth-child(1) { flex-grow: 1; flex-basis: 20%; }
.odd-button2 .odd-wrap:nth-child(2) { flex-grow: 1; flex-basis: 80%; }

.sg-item { width: 100%; height: 38px; position: absolute; top: 0; left: 0; display: table; }
.sg-item .sg-txt { height: 40px; position: relative; padding: 0 7px; display: table-cell; vertical-align: middle; line-height: 1; text-align: center; }
.sg-item .rgt { text-align: right; }
.sg-item .lft { text-align: left; }
.sg-item .clr-blu { color: #00A3FF; font-weight: bold; }
.sg-item .clr-red { color: #C8585A; font-weight: bold; }

.col-data-wrap { display: block; min-height: 200px; }

.position-wrap .gcp-tabarea { display: block; background: #111; height: 50px; }
.position-wrap .gcp-tabarea:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }
.position-wrap .gcp-tabarea .gcptab-button { float: left; width: 16.4777%; text-align: center; font-size: 14px; color: #999; cursor: pointer; height: 50px; line-height: 49px; transition: all 100ms ease-in-out; border-bottom: 2px #222 solid; }
.position-wrap .gcp-tabarea .gcptab-button:hover { color: #fff; border-bottom: 2px #333 solid; }
.position-wrap .gcp-tabarea .on { border-bottom: 2px #ffa200 solid; color: #ffa200; position: relative; cursor: inherit; }
.position-wrap .gcp-tabarea .on:hover { border-bottom: 2px #ffa200 solid; color: #ffa200; }
.position-wrap .gcp-tabarea .per30 { width: 33.333%; }


.bbtt-layout { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; padding: 2px 0 0; }
.bbtt-layout .sg-button { height: 40px; text-align: center; color: #fff; font-size: 12px; cursor: pointer; transition: all 70ms ease-in-out; border-radius: 3px; border: 1px #333 solid; background: #252525; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; position: relative; margin: 0 1px 0; }
.bbtt-layout .sg-button:nth-child(1) { flex-grow: 1; }
.bbtt-layout .sg-button:nth-child(2) { flex-grow: 1; }
.bbtt-layout .sg-button:nth-child(3) { flex-grow: 1; }
.bbtt-layout .sg-button:hover { background: #5c3f0c; border: 1px #ffa200 solid; }
.bbtt-layout .on { background: #ffa200; border: 1px #ffa200 solid; color: #fff; font-weight: bold; cursor: inherit; }
.bbtt-layout .on:hover { background: #ffa200; border: 1px #ffa200 solid; }
.bbtt-layout .on .sg-item .clr-odd { color: #000; }
.bbtt-layout .on .bbtt-button .odd-wrap .sg-item .sg-txt .clr-odd { color: #000; }

.bbtt-button { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; height: 30px; }
.bbtt-button .odd-wrap { position: relative; }
.bbtt-button .odd-wrap:nth-child(1) { flex-basis: 55%; }
.bbtt-button .odd-wrap:nth-child(2) { flex-basis: 45%; }

.bbtt-layout .sg-button .sg-item { width: 100%; height: 30px; position: absolute; top: 0; left: 0; display: table; }
.bbtt-layout .sg-button .sg-item .sg-txt { height: 40px; position: relative; padding: 0 5px; display: table-cell; vertical-align: middle; line-height: 0; text-align: center; }
.bbtt-layout .sg-button .sg-item .lft { text-align: left; }
.bbtt-layout .sg-button .sg-item .rgt { text-align: right; }
.bbtt-layout .sg-button .sg-item .clr-odd { color: #f69d02; font-weight: bold; margin: 0 15px 0 3px; }
.bbtt-layout .sg-button .sg-item img { position: relative; top: -3px; }

.mvw { display: none; }
.lds-wrap { display: none; }

.black-cover { position: absolute; width: 100%; height: 108%; background: #000; opacity: 0.7; top: -10px; left: 0; z-index: 1; border-radius: 5px; }
.black-cover .lgm { position: absolute; width: 80px; height: 80px; background: url("../images/lgm.gif") center center no-repeat; background-size: 100%; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px; opacity: 0.3; }

.team-versus-info { display: flex; padding: 20px 200px; background: #222; border: 1px #252525 solid; border-radius: 4px; margin: 0 0 10px; }
.team-versus-info div { flex-basis: 33.333%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.team-versus-info label { font-size: 20px; color: #999; text-align: center; }
.team-versus-info div img { width: 60%; }
.team-versus-info .homediv { justify-content: flex-end; }
.team-versus-info .awaydiv { justify-content: flex-start; }

.csnora-bgame-tab { display: flex; flex-wrap: wrap; opacity: 1; padding: 0 50px 0; margin: 0 auto; justify-content: center; }
.csnora-bgame-tab:hover .bgame-tab { opacity: 0.6; }
.csnora-bgame-tab .bgame-tab { width: 20%; justify-content: center; align-items: center; padding: 15px; transition: all 0.3s ease; position: relative; text-align: center; }
.csnora-bgame-tab .bgame-tab:hover { opacity: 1; transform: scale(1.05); }

.csnora-bgame-tab .bgame-tab-main { width: 33%; z-index: 2; }

/* 0826 */
.csnora-bgame-tab .bgame-tab button img { width: 100%; border-radius: 20px; position: relative; }
.csnora-bgame-tab .bgame-tab .logo-position { position: absolute; left: 50%; margin-left: -40%; bottom: 25px; text-align: center; display: inline-block; padding: 5px 25px; background: rgba(0,0,0, 0.8); border-radius: 20px; width: 80%; }
.csnora-bgame-tab .bgame-tab .logo-position img { width: 100%; }
/* 0826 */

.csnora-bgame-tab .bgame-tab .tabnamelabel { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); padding: 14px 0 18px; text-align: center; width: 100%; color: #fff; font-size: 18px; }
.csnora-bgame-tab .csntab { width: 25%; }

.bbs-list { display: block; max-width: 1920px; margin: 0 auto; }

.bbs-list .bbslistname { display: block; padding: 15px 0; margin: 50px 20px 0; text-align: center; font-size: 24px; font-weight: bold; color: #fff; text-shadow: rgba(0,155,255,0.5) 0 0 10px; }
.bbs-list .view-list-div { display: flex; flex-wrap: wrap; opacity: 1; padding: 20px; }
.bbs-list .view-list-div .view-tab { width: 25%; justify-content: flex-start; padding: 15px; transition: all 0.3s ease; }
.bbs-list .view-list-div .view-tab:hover { opacity: 1; transform: scale(1.05); }
.bbs-list .view-list-div .view-tab button img { width: 100%; }

footer { position: relative; padding: 0; display: block; }
.footer-wrapper { position: relative; text-align: center; color: #666; }
.footer-wrapper img { opacity: 0.3; padding: 200px 0 50px; }
.footer-wrapper .copyrights { font-size: 12px; padding: 0 0 50px; display: block; }

.sns-bnr-div .bnr-cont { position: relative; border: 2px #555 solid; padding: 25px 10px 25px 40px; border-radius: 10px; color: #fff; margin: 10px; }
.sns-bnr-div .bnr-cont i { display: inline-block; }
.sns-bnr-div .bnr-cont i img { width: 80px; }
.sns-bnr-div .bnr-cont .hlabel { position: absolute; top: 30px; left: 145px; font-size: 20px; }
.sns-bnr-div .bnr-cont h5 { position: absolute; top: 54px; left: 145px; font-size: 25px; color: #fff; font-weight: bold; }
.sns-bnr-div .kakao { border: 2px #ffd800 solid; color: #ffd800; }
.sns-bnr-div .telegram { border: 2px #00a8ff solid; color: #00a8ff; }
.sns-bnr-div .connect h5 { top: 46px; font-size: 24px; }
.sns-bnr-div .marker { padding: 0; border: 0; }
.sns-bnr-div .marker img { width: 100%; }

.container-contents { display: block; padding: 0 350px 0 0; position: relative; }

.pagename { display: block; text-align: left; color: #777; font-weight: bold; font-size: 20px; padding: 20px 0 10px; border-bottom: 1px #222 solid; margin: 0 0 20px; }
.pagename span { font-weight: normal; }
.pagename .nametxt { font-weight: bold; font-size: 20px; color: #26f496; padding-left: 10px; }

.tab-outer { }
.tab-wrapper { }

.tab-area { display: block; height: 50px; margin: 0; background: #222; border: 1px #282828 solid; }
.tab-area .tab-button { width: 180px; height: 48px; color: #aaa; font-size: 14px; position: relative; border-right: 1px #282828 solid; float: left; }
.tab-area .tab-button:hover { background: #aaa; color: #000; }
.tab-area .on { background: #aaa; color: #000; }

.downcont { display: block; position: absolute; top: 0; right: 0; left: inherit; bottom: inherit; width: 340px; background: #222; }

.modalp { position: relative; background: #222; }

.btnom { display: none; }
.btnom:hover { box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); }
.downcont.modal-open .modalp { top: 0; }

.bs-wrap { position: relative; display: block; padding: 0; margin: 0; }
.bs-wrap .bs-top { padding: 15px 10px; text-align: left; display: block; color: #ffa200; font-weight: bold; font-size: 14px; letter-spacing: 0; }
.bs-wrap .bs-top img { margin: 0 5px 0 0; position: relative; top: -2px; }
.bs-wrap .bs-top .allreset { position: absolute; top: 15px; right: 10px; cursor: pointer; width: 22px; height: 22px; background: url("../images/alldel.png"); }
.bs-wrap .bs-top .fixed-pp { position: absolute; top: -7px; right: 40px; }
.bs-wrap .bs-top .fixed-pp .fppname { position: absolute; top: 24px; left: -25px; font-size: 11px; }
.bs-wrap .bs-top .fixed-pp input[type=checkbox]{ height: 0; width: 0; visibility: hidden; }
.bs-wrap .bs-top .fixed-pp label { cursor: pointer; text-indent: -9999px; width: 50px; height: 25px; background: #111; display: block; border-radius: 100px; position: relative; }
.bs-wrap .bs-top .fixed-pp label:after { content: ''; position: absolute; top: 2px; left: 3px; width: 21px; height: 21px; background: #eee; border-radius: 90px; transition: 0.3s; }
.bs-wrap .bs-top .fixed-pp input:checked + label { background: #fea100; }
.bs-wrap .bs-top .fixed-pp input:checked + label:after { left: calc(100% - 3px); transform: translateX(-100%); }
.bs-wrap .bs-top .fixed-pp label:active:after {width: 30px; }
.bs-wrap .bs-top .slipclose { display: none; }

.bs-cont-wrap { display: block; padding: 0; }

.slipinfo-list { display: block; padding: 0; background: #000; }
.slipinfo-list .none-selected { display: block; padding: 8px 15px; text-align: center; color: #999; font-size: 11px; }

.selected-game-info { display: block; padding: 15px 15px 10px 50px; position: relative; border-bottom: 1px #151515 solid; }
.selected-game-info .tbin { position: absolute; top: 14px; left: 15px; width: 20px; height: 20px; background: url("../images/sgdel.png"); opacity: 0.6; }
.selected-game-info .tbin:hover { opacity: 1; }
.selected-game-info .sgi-dataname { display: block; text-align: left; font-size: 11px; color: #aaa; }
.selected-game-info .sgi-teamname { display: block; text-align: left; font-size: 12px; color: #aaa; margin: 6px 0 0; }
.selected-game-info .sgi-selected { display: block; text-align: left; font-size: 12px; color: #fff; margin: 6px 0 0; position: relative; }
.selected-game-info .sgi-selected .odds { position: absolute; right: 0; top: -6px; color: #faa432; font-size: 20px; }

.inslip-odds-wrap { display: flex; flex-wrap: nowrap; margin: 6px 0 0; }
.inslip-odds-wrap .slip-odds { flex: 30%; margin: 0 5px 0 0; background: #333; border-radius: 5px; height: 30px; justify-content: center; align-items: center; color: #faa432; font-size: 12px; }
.inslip-odds-wrap .slip-odds:last-child { margin: 0; }
.inslip-odds-wrap .slip-odds span { display: flex; justify-content: center; align-items: center; color: #faa432; font-size: 12px; height: 100%; }
.inslip-odds-wrap .on { background: #faa432; }
.inslip-odds-wrap .on span { color: #000; }

.bs-infodata { background: #111; border-radius: 4px; padding: 10px 10px 15px; height: 70px; display: block; position: relative; margin: 10px 5px 0; }
.bs-infodata .odds-x { position: absolute; top: 8px; left: 8px; }
.bs-infodata .odds-x .x-txt { display: inline-block; padding: 1px 8px 1px; color: #ff2c4a; font-size: 11px; }
.bs-infodata .odds-numb { position: absolute; top: 27px; left: 8px; font-size: 22px; font-weight: bold; color: #ff2c4a; }
.bs-infodata .odds-numb span { font-size: 12px; }
.bs-infodata .betcol-kr { position: absolute; top: 8px; right: 8px; }
.bs-infodata .betcol-kr .x-txt { display: inline-block; padding: 3px 8px; background: #ffa200; color: #000; font-size: 11px; border-radius: 3px; font-weight: bold; }
.bs-infodata .krw-t { position: absolute; bottom: 7px; right: 8px; font-size: 12px; font-weight: bold; color: #999; }

.bs-infodata .col-input { position: absolute; bottom: 2px; right: 0; padding: 0 35px 0 0; width: 180px; height: 26px; letter-spacing: 0; }
.bs-infodata .col-input input { width: 100%; height: 26px; font-size: 18px; color: #fff; text-align: right; background: transparent; border: 0; }
.bs-infodata .col-input input::placeholder { font-size: 12px; }

.currency-option { display: flex; flex-wrap: wrap; margin: 10px 5px 0; }
.currency-option .opb { flex: 30%; margin: 0 6px 6px 0; background: #333; border-radius: 5px; height: 30px; justify-content: center; align-items: center; color: #aaa; font-size: 12px; position: relative; }
.currency-option .opb:hover { background: #444; }

.oddsxkrw { display: block; padding: 5px 5px; position: relative; letter-spacing: 0; color: #ff4949; font-size: 12px; font-weight: bold; text-align: right; margin: 0 5px 0; }
.oddsxkrw span { color: #fff; font-size: 20px; }
.oddsxkrw .labelname { position: absolute; top: 13px; left: 3px; color: #ff4949; font-size: 11px; font-weight: normal; }
.oddsxkrw .labelname img { position: relative; top: 3px; }

.betnow-wrap { display: block; margin: 6px 5px 0; }
.betnow-wrap .betnow-button { display: block; background: #fff; padding: 10px 0; text-align: center; color: #ffa200; font-weight: bold; font-size: 20px; cursor: pointer; box-shadow:rgba(0, 0, 0, 0.5) 1px 1px 1px; transition: all 150ms ease-in-out; border-radius: 5px; }
.betnow-wrap .betnow-button:hover { background: #ffa200; color: #fff; }
.betnow-wrap .betnow-txt { display: block; color: #ff4949; font-size: 10px; text-align: left; padding: 5px 3px 10px; }
.betnow-wrap .betnow-txt img { position: relative; top: 2px; }

.betinfo-wrap { display: block; border-top: 1px #333 solid; padding: 3px 5px 0; clear: both; text-align: left; margin: 0; }
.betinfo-wrap .bi-txt { display: inline-block; width: 48.777%; color: #777; font-size: 10px; }
.betinfo-wrap .bi-txt span { color: #aaa; font-size: 11px; font-weight: bold; }

.gl-bb-wrap { display: block; position: relative; }

.tab-position { display: block; border-bottom: 2px #ffa200 solid; padding: 0 0 15px; clear: both; text-align: center; margin: 20px 0 0; }
.tab-position .per20 { width: 23%; }
.tab-position .evt-button { display: inline-block; padding: 10px 0; text-align: center; font-size: 16px; color: #999; cursor: pointer; transition: all 150ms ease-in-out; border-radius: 4px; margin: 0 5px 0; background: #333; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; }
.tab-position .evt-button:hover { background: #444; color: #fff; }
.tab-position .on { background: #ffa200; color: #fff; cursor: inherit; }
.tab-position .on:hover { background: #ffa200; color: #fff; }

.gc-position { display: block; margin: 10px 0 0; }
.gc-position:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }

.gc-cont { margin: 0 0 0 200px; min-height: 300px; max-height: 300px; color: #fff; position: relative; }
.category-area { position: absolute; width: 200px; height: 300px; left: -200px; top: 0; }
.category-area .ctgy-txt { display: block; padding: 14px; text-align: left; color: #555; font-size: 11px; }
.category-area .ctgy-wrap { display: block; margin: 0 10px 0; }
.category-area .ctgy-wrap .ctgy-button { display: block; padding: 7px; text-align: center; color: #999; font-size: 14px; cursor: pointer; transition: all 150ms ease-in-out; border-radius: 4px; border: 1px #333 solid; background: #222; margin: 0 0 8px; }
.category-area .ctgy-wrap .ctgy-button:hover { background: #000; color: #ffa200; border: 1px #222 solid; }
.category-area .ctgy-wrap .on { background: #000; color: #ffa200; cursor: inherit; border: 1px #222 solid; }
.category-area .ctgy-wrap .on:hover { background: #000; color: #ffa200; border: 1px #222 solid; }

.vod-area { display: block; text-align: center; background: #111; border-radius: 10px; padding: 10px; color: #fff; }

.gcp-container { display: block; margin: 10px 0 0; }
.gcp-container:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }
.gcp-content { display: block; float: left; width: 50%; position: relative; }


.gcp-wrap { display: block; margin: 0 10px 50px; border: 1px #252525 solid; background: #222; }
.gcp-wrap .gcp-tabarea { display: block; background: #151515; height: 50px; }
.gcp-wrap .gcp-tabarea:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }
.gcp-wrap .gcp-tabarea .gcptab-button { float: left; width: 16.4777%; text-align: center; font-size: 14px; border-right: 1px #222 solid; color: #999; cursor: pointer; height: 50px; line-height: 49px; transition: all 100ms ease-in-out; }
.gcp-wrap .gcp-tabarea .gcptab-button:last-child { border-right: 0; }
.gcp-wrap .gcp-tabarea .gcptab-button:hover { color: #ffa200; }
.gcp-wrap .gcp-tabarea .on { color: #ffa200; position: relative; cursor: inherit; background: #000; }
.gcp-wrap .gcp-tabarea .on:hover { color: #ffa200; }
.gcp-wrap .gcp-tabarea .per50 { width: 49.8777%; }
.gcp-wrap .gcp-tabarea .per30 { width: 33.1777%; }

.wrap-content { display: block; padding: 0 0 30px; margin: 0; position: relative; }
.wrap-content .inply-tt2 { display: block; text-align: left; padding: 10px 15px; color: #f00; font-size: 14px; }
.wrap-content .inply-tt2 img { margin: 2px 6px 0 0; }
.wrap-content .plyname2 { display: block; text-align: left; padding: 10px 15px; color: #ffa200; font-size: 14px; background: #000; border-radius: 4px; margin: 6px 4px 0; }
.wrap-content .plyname2 img { margin: 2px 6px 0 0; }

.button-layout { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; padding: 5px 5px 0; }
.button-layout .sg-button { height: 40px; text-align: center; color: #eee; font-size: 12px; cursor: pointer; transition: all 70ms ease-in-out; border-radius: 3px; border: 1px #444 solid; background: #333; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; position: relative; }
.button-layout .sg-button:nth-child(1) { flex-grow: 1; }
.button-layout .sg-button:nth-child(2) { flex-grow: 1; margin: 0 3px 0; }
.button-layout .sg-button:nth-child(3) { flex-grow: 1; }
.button-layout .sg-button:hover { background: #5c3f0c; border: 1px #ffa200 solid; }
.button-layout .on { background: #ffa200; border: 1px #ffa200 solid; color: #fff; font-weight: bold; cursor: inherit; }
.button-layout .on:hover { background: #ffa200; border: 1px #ffa200 solid; color: #fff; }

.button-layout .sg-button .sg-item { width: 100%; height: 38px; position: absolute; top: 0; left: 0; display: table; }
.button-layout .sg-button .sg-item .sg-txt { height: 40px; position: relative; padding: 0 5px; display: table-cell; vertical-align: middle; line-height: 1; text-align: center; }

.wrap-content { display: block; padding: 0 0 30px; margin: 0; position: relative; }
.wrap-content .inply-tt { display: block; text-align: left; padding: 10px 15px; color: #42d5f4; font-size: 14px; }
.wrap-content .inply-tt img { margin: 0 6px 0 0; }
.wrap-content .plyname { display: block; text-align: left; padding: 10px 15px; color: #00ff96; font-size: 14px; background: #151515; border-radius: 10px; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; margin: 6px 5px 0; }
.wrap-content .plyname img { margin: 0 6px 0 0; }

.live-rst-div { display:block; margin:20px 0 0; }
.live-rst-div h4 { display:block; padding:20px 20px 0; color:#eee; font-size:20px; font-weight: normal; text-align:left; line-height:1; margin:0 0 20px; }
.live-rst-div h4 span { font-size:12px; color:#888; position:relative; top:0; }
.live-rst-div table { table-layout:fixed; width:100%; border:0; border-collapse:collapse; border-spacing:0; border:0; display:table; }
.live-rst-div th { border-bottom:1px #333 solid; background:#222; padding:15px 0; color:#aaa; font-size:12px; text-align:center; }
.live-rst-div td { border-bottom:1px #444 solid; padding:10px 0; color:#ddd; font-size:12px; text-align:center; }

.right-bnr-wrap { display: block; position: absolute; top: 0; right: 0; width: 340px; }
.right-bnr-wrap .view-list-div { display: flex; flex-wrap: wrap; opacity: 1; padding: 0; margin: 0; }
.right-bnr-wrap .view-list-div .view-tab { width: 100%; justify-content: flex-start; padding: 0; margin: 0; transition: all 0.3s ease; }
.right-bnr-wrap .view-list-div .view-tab button img { width: 100%; }
.right-bnr-wrap .sns-bnr-div .bnr-cont { position: relative; border: 2px #555 solid; padding: 10px 20px; border-radius: 10px; color: #fff; }
.right-bnr-wrap .sns-bnr-div .bnr-cont i { display: inline-block; }
.right-bnr-wrap .sns-bnr-div .bnr-cont i img { width: 60px; }
.right-bnr-wrap .sns-bnr-div .bnr-cont .hlabel { position: absolute; top: 10px; left: 105px; font-size: 20px; }
.right-bnr-wrap .sns-bnr-div .bnr-cont h5 { position: absolute; top: 30px; left: 105px; font-size: 25px; color: #fff; font-weight: bold; }
.right-bnr-wrap .sns-bnr-div .kakao { border: 2px #ffd800 solid; color: #ffd800; }
.right-bnr-wrap .sns-bnr-div .telegram { border: 2px #00a8ff solid; color: #00a8ff; }
.right-bnr-wrap .sns-bnr-div .connect h5 { top: 30px; font-size: 24px; }
.right-bnr-wrap .sns-bnr-div .marker { padding: 0; border: 0; }
.right-bnr-wrap .sns-bnr-div .marker img { width: 100%; }

.rst-stats { display: flex; flex-wrap: nowrap; background: #000; padding: 10px 0; }
.rst-stats .statsdiv { justify-content: center; align-items: center; padding: 5px 10px; display: flex; flex-direction: column; }
.rst-stats .statsdiv:nth-child(1) { flex-basis: 3%; }
.rst-stats .statsdiv:nth-child(2) { flex-basis: 10%; }
.rst-stats .statsdiv:nth-child(3) { flex-basis: 15%; }
.rst-stats .statsdiv:nth-child(4) { flex-basis: 10%; }
.rst-stats .statsdiv:nth-child(5) { flex-basis: 15%; }
.rst-stats .statsdiv:nth-child(6) { flex-basis: 15%; }
.rst-stats .statsdiv:nth-child(7) { flex-basis: 32%; }
.rst-stats .statsdiv label { font-size: 12px; color: #999; width: 100%; text-align: left; }
.rst-stats .statsdiv .statscont { font-size: 14px; color: #fff; width: 100%; text-align: left; }
.rst-stats .statsdiv .curclr { color: #ffa200; }
.rst-stats .bbdiv { flex-direction: row; justify-content: flex-end; }
.rst-stats .statsdiv .bb1 { border-radius: 5px; padding: 5px 12px 6px; color: #fff; font-size: 12px; background: #b03030; margin: 0 2px; }
.rst-stats .statsdiv .bb2 { border-radius: 5px; padding: 5px 12px 6px; color: #fff; font-size: 12px; background: #ffa200; color: #222; margin: 0 2px; }
.rst-stats .statsdiv .bb3 { border-radius: 5px; padding: 5px 12px 6px; color: #fff; font-size: 12px; background: #2674b5; margin: 0 2px; }

.slt-bgame-tab { display: flex; flex-wrap: wrap; opacity: 1; padding: 20px; }
.slt-bgame-tab:hover .bgame-tab { opacity: 0.6; }
.slt-bgame-tab .bgame-tab { width: 16.666%; justify-content: flex-start; padding: 5px; transition: all 0.3s ease; }
.slt-bgame-tab .bgame-tab:hover { opacity: 1; transform: scale(1.05); }
.slt-bgame-tab .bgame-tab button img { width: 100%; }

.slt-selected-list { display: block; }
.list-layout { display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; }
.list-layout .list-item { flex-basis: 14.222%; padding: 10px; justify-content: center; align-items: center; display: inline-flex; }

.list-figure { cursor: pointer; text-align: center; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.list-figure .figure-img { background: #333; }
.list-figure .figure-img img { object-fit: cover; width: 220px; height: 220px; }
.list-figure .namelabel { width: 100%; text-align: left; padding: 5px 5px 0; color: #fff; font-size: 14px; }
.list-figure .subnamelabel { width: 100%; text-align: left; color: #fff; padding: 0 5px 0; font-size: 12px; opacity: 0.4; }

.bdg-wrap { display: flex; opacity: 1; padding: 20px; justify-content: center; align-items: center; }
.bdg-wrap:hover .btn-item { opacity: 0.6; }
.bdg-wrap .btn-item { height: 400px; border-radius: 20px; max-width: 500px; margin: 20px; opacity: 1; }
.bdg-wrap .btn-item:nth-child(1) { flex-basis: 25%; }
.bdg-wrap .btn-item:nth-child(2) { flex-basis: 25%; }
.bdg-wrap .btn-item:nth-child(3) { flex-basis: 25%; }
.bdg-wrap .btn-item:nth-child(4) { flex-basis: 25%; }
.bdg-wrap .bdg1 { background: url("../images/bdg3.png") center center no-repeat; background-size: 100%; }
.bdg-wrap .bdg2 { background: url("../images/bdg2.png") center center no-repeat; background-size: 100%; }
.bdg-wrap .bdg3 { background: url("../images/bdg1.png") center center no-repeat; background-size: 100%; }
.bdg-wrap .bdg4 { background: url("../images/bdg4.png") center center no-repeat; background-size: 100%; }
.bdg-wrap .bdg1:hover { background-size: 110%; opacity: 1; }
.bdg-wrap .bdg2:hover { background-size: 110%; opacity: 1; }
.bdg-wrap .bdg3:hover { background-size: 110%; opacity: 1; }
.bdg-wrap .bdg4:hover { background-size: 110%; opacity: 1; }

.minig-button-wtap { margin: 0; }

.time-reaming { display: block; position: relative; text-align: right; padding: 0 10px 10px; font-size: 44px; color: #f00; font-weight: bold; }
.time-reaming .labelname { position: absolute; top: 16px; right: 130px; color: #f00; font-size: 20px; line-height: 1; }
.time-reaming .labelname span { color: #777; font-size: 12px; position: relative; top: -5px; }
.time-reaming .labeldata { position: absolute; top: 16px; left: 10px; color: #ffa200; font-size: 20px; line-height: 1; }
.time-reaming .labeldata span { color: #fff; }

.gamebutton-area { display: block; margin: 0 0 0 400px; position: relative; }
.gb-area-line{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; }
.gb-area-line .line-wrap { flex-basis: 50%; padding: 0 10px; flex-direction: column; justify-content: center; align-items: center; }
.gb-area-line .line-wrap .namelabel { padding: 10px; color: #fff; font-size: 16px; text-align: center; background: #252525; border: 1px #333 solid; border-radius: 3px; }
.gb-area-line .line-wrap .namelabel span { color: #00B3FF; }
.gb-area-line .fp100 { flex-basis: 100%; }

.game-button-wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin: 2px 0 0; }
.game-button-wrap .gbw-po { flex-basis: 50%; padding: 5px 0; }
.game-button-wrap .gbw30 { flex-basis: 33.333%; }

.history-bbs { position: absolute; top: 0; left: -400px; width: 400px; }

.game-betinfo-wrap { display: flex; height: 160px; background: url("../images/betslipbg.png") center center no-repeat; border-left: 1px #222 solid; border-right: 1px #222 solid; justify-content: center; align-items: center; flex-direction: column; }
.game-betinfo-wrap .info-wrap h1 { color: #fff; font-size: 50px; font-weight: bold; text-shadow: rgba(255,162,0, 1) 0 0 30px; text-align: center; }
.game-betinfo-wrap .info-wrap h2 { color: #fff; font-size: 20px; font-weight: bold; text-shadow: rgba(255,162,0, 1) 0 0 30px; text-align: center; }

.button-locked { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: 1; }
.button-locked .locked-wrap { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.button-locked .locked-wrap img { width: 100px; }

.minigame-tab { display: flex; margin: 10px 10px 0; flex-wrap: nowrap; background: #222; }
.minigame-tab div { justify-content: flex-start; align-items: center; flex: 20%; }
.minigame-tab div button { color: #fff; font-size: 16px; padding: 15px 0; width: 100%; border: 1px #333 solid; border-bottom: 0; }
.minigame-tab div button:hover { background: #ffa200; border: 1px #ffa200 solid; border-bottom: 0; }
.minigame-tab div .on { background: #ffa200; border: 1px #ffa200 solid; border-bottom: 0; }

.mgame-tab2 { display: flex; margin: 0 10px 0; flex-wrap: nowrap; background: #111; border-bottom: 1px #222 solid; }
.mgame-tab2 div { justify-content: flex-start; align-items: center; flex: 20%; }
.mgame-tab2 div button { color: #fff; font-size: 16px; padding: 15px 0; width: 100%; border: 1px #222 solid; border-bottom: 0; }
.mgame-tab2 div button img { position: relative; top: 5px; width: 30px; margin: 0 5px 0 0; }
.mgame-tab2 div button span { color: #ffa200; font-size: 14px; position: relative; left: 10px; top: -8px; }
.mgame-tab2 div button:hover { background: #333;  border: 1px #444 solid; border-bottom: 0; }
.mgame-tab2 div .on { background: #333; border: 1px #444 solid; border-bottom: 0; }

.cont-button-position { display: block; margin: 20px 0; text-align: right; }
.cont-button { display: inline-block; padding: 12px 0; width: 100px; border-radius: 10px; text-align: center; cursor: pointer; background: #333; color: #fff; font-size: 12px; margin: 0 2px 0; transition: all 150ms ease-in-out; }
.cont-button:hover { background: #222; }

.bbs-button { display:inline-block; cursor:pointer; border-radius: 10px; color:#aaa; width:80px; height:40px; line-height: 38px; text-align:center; background: #333; font-size:12px; margin: 0 2px 0; transition: all 150ms ease-in-out; }
.bbs-button:hover { background: #444; }

.board-type-div { display: block; }
.board-type-div h3 { font-size: 30px; color: #fff; text-align: center; padding: 50px 0; }
.board-type-div ul { border-bottom: 1px #999 solid; border-top: 2px #fff solid; }
.board-type-div ul li { border-bottom: 1px #333 solid; padding: 15px 15px 35px; }
.board-type-div ul li:last-child { border-bottom: 0; }
.board-type-div { color: #fff; }
.board-contents .cont-title { font-size: 24px; text-align: left; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.board-contents .cont-title .bnn { background: #f00; border-radius: 15px; color: #fff; font-size: 12px; padding: 2px 5px 3px; position: relative; top: -5px; margin: 0 0 0 7px; }
.bd-read { color: #888; }
.bd-read .cont-title .bnn { background: #444; color: #ccc; }
.board-contents .cont-title a:hover { text-decoration: underline; }
.board-contents .sub-cont { display: flex; flex-wrap: wrap; padding: 5px 0 0; color: #999; font-size: 14px; }
.board-contents .sub-cont div { justify-content: flex-start; align-items: center; margin: 0 25px 0 0; display: flex; }
.board-contents .sub-cont div i { margin: 0 5px 0 0; align-items: center; justify-content: center; display: flex; }
.board-contents .sub-cont div i img { width: 17px; opacity: 0.5; }
.board-contents .cont-title .chb { position: relative; margin: 0 10px 0 0; }

.customer-type { margin: 30px 0 0; }

.board-view-div { display: block; }
.board-view-div .cont-title { font-size: 24px; text-align: left; display: block; font-weight: bold; }
.board-view-div .sub-cont { display: flex; flex-wrap: wrap; padding: 5px 0 0; color: #999; font-size: 14px; padding: 10px 0 20px; }
.board-view-div .sub-cont div { justify-content: flex-start; align-items: center; margin: 0 25px 0 0; display: flex; }
.board-view-div .sub-cont div i { margin: 0 5px 0 0; align-items: center; justify-content: center; display: flex; }
.board-view-div .sub-cont div i img { width: 17px; opacity: 0.5; }
.board-view-div .view-cont { display: block; padding: 40px 20px; border-top: 2px #fff solid; border-bottom: 1px #333 solid; }
.board-view-div .view-cont p { color: #fff; font-size: 18px; }

.reply-cont { margin: 15px 0 0; display: block; background: #252525; border-radius: 4px; padding: 20px 10px 10px; }
.reply-cont .sub-cont { display: flex; flex-wrap: wrap; color: #999; font-size: 14px; padding: 0 10px; }
.reply-cont .sub-cont div { justify-content: flex-start; align-items: center; margin: 0 25px 0 0; display: flex; }
.reply-cont .sub-cont div i { margin: 0 5px 0 0; align-items: center; justify-content: center; display: flex; }
.reply-cont .sub-cont div i img { width: 17px; opacity: 0.5; }
.reply-cont .textarea-cont { display: block; padding: 15px; }
.reply-cont .textarea-cont textarea { width: 100%; height: 100px; color: #fff; font-size: 18px; resize: none; background: transparent; border: 0; }
.reply-cont .textarea-cont textarea:focus { outline: none; }
.reply-cont .textarea-cont textarea::placeholder { font-size: 14px; }
.reply-cont .ftr-div { display: flex; justify-content: flex-end; }

.reply-info { display: block; margin: 15px 0 0; padding: 15px 0 0; }
.reply-info .sub-cont { display: flex; flex-wrap: wrap; color: #999; font-size: 14px; padding: 0 10px; }
.reply-info .sub-cont div { justify-content: flex-start; align-items: center; margin: 0 25px 0 0; display: flex; }
.reply-info .sub-cont div i { margin: 0 5px 0 0; align-items: center; justify-content: center; display: flex; }
.reply-info .sub-cont div i img { width: 17px; opacity: 0.5; }
.reply-info .view-cont { padding: 20px; border-top: 0; border-bottom: 1px #333 solid; }
.reply-info .view-cont p { color: #fff; font-size: 14px; }

.btn-style01 { width: 80px; height: 34px; line-height: 33px; background: #444; border-radius: 5px; color: #fff; font-size: 14px; font-weight: normal; }
.btn-style01:hover { background: #555; }

.pagenav { text-align:center; margin:20px 0 0; padding:10px 0; clear:both; }
.pagenav .paging { display:inline-block; margin:0; padding:0; font-size:12px; }
.pagenav .paging .prev { display:inline-block; margin:0 1px; color:#aaa; padding:10px 15px; cursor:pointer; background: #333; border-radius:10px;
	-webkit-transition: background-color 0.10s linear;
	-moz-transition: background-color 0.10s linear;
	-o-transition: background-color 0.10s linear;
	transition: background-color 0.10s linear;
}
.pagenav .paging .prev:hover { background-color:#000; color:#fff; }
.pagenav .paging .next { display:inline-block; margin:0 1px; color:#aaa; padding:10px 15px; cursor:pointer; background: #333; border-radius:10px;
	-webkit-transition: background-color 0.10s linear;
	-moz-transition: background-color 0.10s linear;
	-o-transition: background-color 0.10s linear;
	transition: background-color 0.10s linear;
}
.pagenav .paging .next:hover { background-color:#000; color:#fff; }
.pagenav .paging .pagelist { display:inline-block; margin:0 1px; color:#aaa; padding:10px 15px; cursor:pointer; background: #333; border-radius:10px;
	-webkit-transition: background-color 0.10s linear;
	-moz-transition: background-color 0.10s linear;
	-o-transition: background-color 0.10s linear;
	transition: background-color 0.10s linear;
}
.pagenav .paging .pagelist:hover { background-color:#000; color:#fff; }
.pagenav .paging .pagelist_on { display:inline-block; margin:0 1px; background: #000; color:#fff; padding:10px 15px; border-radius:10px; }

.board-write-area { display:block; margin:20px 0 0; background: #222; border: 1px #333 solid; padding: 0 15px 15px; }
.board-write-area .view-title { font-size:20px; color:#ddd; text-align:left; padding:20px; }
.bwa-liner { display:block; height:40px; margin:10px 0 0; }
.bwa-liner .input-box-position { display:block; margin:0 0 0 100px; position:relative; }
.bwa-liner .input-box-position label { display:inline-block; color:#aaa; font-size:14px; position:absolute; top:12px; left:-80px; text-align:left; }
.bwa-liner .input-box-position .event-category { display:block; color:#111; clear:both; padding-top:14px; }
.bwa-liner .input-box-position .event-category span { display:inline-block; margin:0 20px 0 0; }
.bwa-liner .input-box-position .event-category span span { position:relative; margin:0 5px 0 0; top:2px; }

.bwa-input-type-cont { height:40px; border:0; border-bottom:1px #555 solid; width:100%; font-size:14px; outline:none; background:#222; color: #fff; }
.bwa-input-type-cont:focus { border-bottom:1px #eee solid; }

.writing-box { border:1px #ddd solid; display:block; margin:15px 0 0; background:#141414; border: 0; border: 1px #222 solid; }
.writing-box .writer-name { display:block; color:#111; font-size:12px; text-align:left; padding:10px; }
.writing-box .cont-write { display:block; margin:10px; }
.writing-box .cont-write .writing-textarea-type { background-color:#141414; width:100%; height:100px; font-size:14px; outline:none; font-family:inherit; resize:none; color: #fff; border: 0; }
.writing-box .bottom-cont { display:block; margin:10px 0 0; padding:15px 10px; border-top:1px #222 solid; color:#aaa; text-align:left; }
.writing-box .bottom-cont .bbs-button { display:inline-block; cursor:pointer; border-radius: 10px; color:#aaa; width:80px; height:30px; line-height: 27px; float:right; text-align:center; background: #333; font-size:12px; letter-spacing:-0.07em; position:relative; top:-7px; margin: 0 2px 0; transition: all 150ms ease-in-out; }
.writing-box .bottom-cont .bbs-button:hover { background: #444; }

.userinfo-setting { position: relative; padding: 30px 0 0; display: block; letter-spacing: 0; border: 1px #333 solid; background: #222; }

.userinfo-setting h5 { display: block; text-align: left; color: #fff; font-size: 18px; font-weight: normal; margin: 0; padding: 0 10px; }
.userinfo-setting h4 { display: block; text-align: left; color: #aaa; font-size: 12px; font-weight: normal; padding: 0 10px; }
.userinfo-setting .login-input-wrap { display: block; margin: 30px 0 0; }

.userinfo-setting .inputstyle { display: block; background: #181818; height: 70px; padding: 0 15px; position: relative; border-top: 1px #333 solid; padding-top: 10px; border-radius: 0; }
.userinfo-setting .inputstyle label { position: absolute; top: 8px; left: 15px; font-size: 11px; }
.userinfo-setting .inputstyle .rst { color: #ffa200; }
.userinfo-setting .inputstyle .read-only-input { display: block; margin: 15px 0 0; background: transparent; border: 0; color: #777; font-size: 16px; }
.userinfo-setting .input-txt { background: #111; transition: all 150ms ease-in-out; border-top: 1px #333 solid; }
.userinfo-setting .input-txt:hover { background: #000; }
.userinfo-setting .inputstyle input { width: 100%; height: 50px; background: transparent; border: 0; color: #fff; font-size: 12px; }
.userinfo-setting .inputstyle select { width: 100%; height: 50px; background: transparent; border: 0; color: #fff; font-size: 12px; }

.other-tt-div { display:block; margin: 20px 0 0; }
.other-tt-div table { background: #111; }
.other-tt-div h4 { display:block; padding:20px 20px 0; color:#eee; font-size:20px; font-weight: normal; text-align:left; line-height:1; margin:0 0 20px; }
.other-tt-div h4 span { font-size:12px; color:#888; position:relative; top:0; }
.other-tt-div table { table-layout:fixed; width:100%; border:0; border-collapse:collapse; border-spacing:0; border:0; display:table; }
.other-tt-div th { background: #222; border-bottom: 1px #333 solid; padding:20px 0; color:#aaa; font-size:14px; text-align:center; }
.other-tt-div td { border-bottom:1px #222 solid; padding:15px 0; color:#fff; font-size:14px; text-align:center; }

.pp-wrap { position: relative; display: block; padding: 0 30px; }
.pp-wrap h5 { display: block; padding: 20px 0; color: #555; font-size: 24px; font-weight: 100; text-align: left; }

.cuation-wrap { display: block; position: relative; margin: 10px 0 0; }
.cuation-wrap img { display: inline-block; margin: 0 10px 0 0; position: relative; top: 5px; }
.cuation-wrap .cc-name { display: inline-block; text-align: left; clear: both; color: #CC3436; font-size: 18px; position: relative; top: 2px; }
.cuation-wrap .cc-cont { display: block; text-align: left; padding: 20px 20px 0; color: #ffa200; font-size: 14px; line-height: 1.4; }
.cuation-wrap .cc-cont span { color: #aaa; font-size: 12px; }

.wallet-cm-wrap { display: block; margin: 0; }

.wallet-input { display: block; margin: 50px 0 0; }
.wallet-input .input-box { border-radius: 4px; background: #222; border: 1px #333 solid; padding: 20px; margin: 10px 0 0; position: relative; transition: all 200ms ease-in-out; }
.wallet-input .input-none { background: #222; }
.wallet-input .input-box:hover { background: #050505; border: 1px #222 solid; }
.wallet-input .input-none:hover { background: #222; border: 1px #333 solid; }
.wallet-input .input-box .input-label { color: #fea100; text-align: left; font-weight: normal; display: block; }
.wallet-input .input-box input { font-size: 20px; color: #fff; }
.wallet-input .input-box .mypinfo { color: #0096ff; font-size: 20px; padding: 10px 0 0; display: block; font-weight: bold; }
.wallet-input .catxt { display: block; color: #ff3131; text-align: left; padding: 7px; }
.wallet-input .catxt img { margin: 1px 7px 0 0; }
.wallet-input .catxt span { display: inline-block; vertical-align: top; }
.wallet-input .input-box input { width: 100%; height: 50px; background: transparent; border: 0; color: #fff; font-size: 15px; }
.wallet-input .input-box input:focus { outline: none; }
.wallet-input .input-box input::placeholder { color: #555; }
.wallet-input .input-box .maxbutton { padding: 10px 20px; border-radius: 15px; border: 1px #fc0 solid; color: #fc0; cursor: pointer; position: absolute; right: 20px; top: 42px; }

.qq-button { display: inline-block; width: 120px; margin: 0 3px 0 0; cursor: pointer; background: #ffa200; text-align: center; padding: 10px 0; border-radius: 4px; transition: all 200ms ease-in-out; font-size: 12px; color: #fff; position: absolute; right: 20px; bottom: 20px; }
.qq-button:hover { background: #fff; color: #ffa200; }

.wallet-input .info-stats { border-radius: 20px; background: #111; padding: 20px; margin: 20px 0 0; border: 1px #222 solid; }
.wallet-input .cpp { display: block; padding: 4px 0 0; color: #fc0; font-size: 26px; font-weight: bold; text-align: left; }

.att-wrap { display: block; clear: both; text-align: center; margin: 20px 0 0; }
.att-wrap .att-button { display: inline-block; width: 15.777%; margin: 0 3px 0 0; cursor: pointer; background: #111; border: 1px #ffa200 solid; text-align: center; padding: 14px 0; border-radius: 5px; transition: all 200ms ease-in-out; font-size: 14px; color: #fff; }
.att-wrap .att-button:last-child { margin: 0; }
.att-wrap .att-button:hover { background: #ffa200; }

.acc-wrap { display: block; margin: 30px 0 0; }
.acc-wrap .catxt { display: block; color: #aaa; text-align: center; padding: 10px; }
.acc-wrap .catxt a { font-size: 20px; color: #ffa200; }
.acc-wrap .button-area { display: block; text-align: center; margin: 4px 0 0; }
.acc-wrap .button-area .buttons { display: inline-block; width: 30%; border-radius: 5px; background: #ffa200; text-align: center; padding: 15px 0; color: #fff; font-weight: bold; font-size: 20px; cursor: pointer; transition: all 200ms ease-in-out; }
.acc-wrap .button-area .buttons:hover { background: #fff; color: #ffa200; }

.cmw-div { display: block; margin: 50px 0 0; }
.cmw-div h1 { display: block; font-size: 20px; color: #fff; font-weight: normal; }
.cmw-div h2 { display: block; font-size: 12px; color: #aaa; font-weight: normal; margin: 5px 0 0; }

.ttb-div { margin: 20px 0 0; position: relative; }
.ttb-div table { width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; border: 0; display: table; background: #111; }
.ttb-div table thead { background: #222; border-bottom: 1px #333 solid; display: table; width: 100%; }
.ttb-div table thead th { text-align: center; color: #aaa; font-size: 12px; padding: 20px 5px; width: 20%; }

.ttb-div table tbody { display: block; }
.ttb-div table tbody tr { border-bottom: 1px #222 solid; transition: all 200ms ease-in-out; display: table; width: 100%; }
.ttb-div table tbody tr:hover { background: #000; }
.ttb-div table tbody td { text-align: center; color: #fff; padding: 20px 5px; width: 20%; }
.ttb-div .blu { color: #1b91ff; }
.ttb-div .rd { color: #f00; }
.ttb-div .grn { color: #27d263; }
.ttb-div .ylw { color: #fc0; }
.ttb-div .dt-date { width:10%; color:#555; }
.ttb-div .dt-title { text-align:center; padding-left:10px; white-space:pre-line; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; font-size:14px; }
.ttb-div .dt-writer { width:15%; text-align: left; }
.ttb-div .dt-writer span { position: relative; top: 8px; }
.ttb-div .dt-other { width:15%; text-align: center; }

.ttb-div .wdtd1 { width: 28%; }
.ttb-div .wdtd2 { width: 20%; }
.ttb-div .wdtd3 { width: 12%; }
.ttb-div .wdtd4 { width: 12%; }
.ttb-div .wdtd5 { width: 28%; }

.stamp { position:relative; display:block; margin:10px; }
.stamp h3 { display:block; text-align:left; padding:10px; font-size:30px; font-weight:normal; color:#fff; line-height:1; }
.stamp h3 span { font-size:12px; color:#fc0; position:relative; top:-5px; }

.calendar-scdr { display:block; clear:both; text-align:center; margin:20px 0 0; }
.calendar-scdr .prev-button { display:inline-block; cursor:pointer; border-radius:10px; background:#222; width:100px; height:34px; line-height:34px; color:#aaa; border-bottom: 3px #111 solid;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.calendar-scdr .prev-button:hover { background:#333; }
.calendar-scdr .scdr-info { display:inline-block; padding:0 30px 0; font-size:20px; color:#fff; text-align:center; line-height:34px; }
.calendar-scdr .scdr-info span { color:#999; }
.calendar-scdr .next-button { display:inline-block; cursor:pointer; border-radius:10px; background:#222; width:100px; height:34px; line-height:34px; color:#aaa; border-bottom: 3px #111 solid;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.calendar-scdr .next-button:hover { background:#333; }

.weeks-line { display:block; padding:20px 0; text-align:center; clear:both; color:#fff; font-size:14px; }
.weeks-line label { text-align:center; width:13.777%; display:inline-block; }
.weeks-line label span { opacity:0.5; }

.stamp-wrapper { display:block; position:relative; background:#222; border-radius:10px; box-shadow:rgba(0, 0, 0, 0.2) 0 5px 10px; margin:25px 0 0; letter-spacing:0; }
.stamplist-wrapper { display:block; margin:0; position:relative; background:#111; border:1px #222 solid; letter-spacing:0; }
.stamplist-wrapper:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }
.stamplist-wrapper ul li { float:left; width:14.199%; height:80px; border-bottom:1px #222 solid; border-right:1px #222 solid; position:relative; }
.stamplist-wrapper ul .right-none { border-bottom:1px #222 solid; border-right:0; position:relative; }
.stamplist-wrapper ul .bottom-none { border-bottom:0; border-right:1px #222 solid; }
.stamplist-wrapper ul .right-bottom-none { border-bottom:0; border-right:0; }

.scdr-number { position:absolute; width:24px; height:24px; top:5px; left:5px; background:#252525; text-align:center; color:#aaa; font-size:12px; line-height:24px; border-radius:3px; }
.scdr-number-def { position:absolute; width:24px; height:24px; top:5px; left:5px; background:#111; text-align:center; color:#aaa; font-size:12px; line-height:24px; border-radius:3px; }
.stamp-on { position:absolute; width:30px; height:22px; top:5px; left:34px; background:#111; border:1px #00a2ff solid; text-align:center; color:#00a2ff; font-size:12px; line-height:22px; border-radius:3px; }
.stamp-def { position:absolute; width:30px; height:22px; top:5px; left:34px; background:#111; border:1px #333 solid; text-align:center; color:#444; font-size:12px; line-height:22px; border-radius:3px; }

.defult_button-def { position:relative; padding:10px 40px; background:#181818; border-radius:10px; font-size:14px; font-weight:500; text-align:center; color:#555; margin:0 5px 0; display:inline-block; border-bottom: 3px #111 solid; }

.stamp-icon-def { width:74px; height:74px; position:absolute; bottom:3px; right:3px; background:url(../images/stampbg-none.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.stamp-icon-on { width:74px; height:74px; position:absolute; bottom:3px; right:3px; background:url(../images/stampbg.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.button_position { position:relative; margin:30px 0 0; text-align:center; }
.defult_button { position:relative; padding:10px 40px; background:#222; border-radius:10px; font-size:14px; cursor:pointer; text-align:center; color:#eee; margin:0 5px 0; display:inline-block; border-bottom: 3px #111 solid;
	-webkit-transition: background-color 0.20s linear;
	-moz-transition: background-color 0.20s linear;
	-o-transition: background-color 0.20s linear;
	transition: background-color 0.20s linear;
}
.defult_button:hover { background:#444; }

/* 룰렛 */

.rlt-ppp { display: block; padding: 20px; min-height: 500px; position: relative; }
.rlt-ppp .pp-close { position: absolute; top: 20px; right: 20px; cursor: pointer; }
.rlt-ppp .pp-titlename { display: block; text-align: left; font-size: 12px; color: #a8a493; padding: 10px 10px 0; }
.rlt-ppp .mgr-content { display: block; padding: 30px 0; }
.rlt-ppp .mgr-content h3 { display: block; text-align: left; font-size: 20px; color: #fff; padding: 0 0 15px; border-bottom: 1px #2e2d36 solid; letter-spacing: 0; }

.gbutton-type .rltcount { background: #fd486e; border-radius: 10px; padding: 5px 7px 3px; color: #fff; text-align: center; position: absolute; top: -6px; right: -6px; font-size: 12px; line-height: 1; font-weight: bold; }



@font-face { font-family: 'CSI'; src: url("../fonts/SCHLBKI.TTF"); }

.roulette_section { display: block; width: 1092px; height: 570px; background: url("../images/bicwheel_gnpt_bg.png") top center no-repeat; margin: 0 auto; }

.gold_v { background: url("../images/gold_bicwheel_gnpt_bg.png") top center no-repeat; }
.gold_v #start_btn { background:url(../images/gold_spin_button_n.png); }
.gold_v .start-btn-bg { background:url(../images/gold_spin_button_o.png); }
.gold_v .wheel-base { background: url("../images/gold_rl_img3.png") center center no-repeat; }
.gold_v .wheel-manual .main-tt { color: #FF4245; }

.roulette_pan { position:relative; padding:0; margin: 0; height:477px; }
.roulette_game_bg { position:relative; height: 570px; margin:0 10px 0; overflow:hidden; }
.rlgb_wrapper { position:relative; margin:0; padding:0; height:340px; }

#roulette_spin { position:absolute; left: 73px; top:77px; z-index:10; }
#niddle_pin { position:absolute; left: 269px; top: 25px; z-index:20; }

#start_btn { position:absolute; top: 249px; left: 245px; width:133px; height:133px; background:url(../images/spin_button_n.png); cursor:pointer; z-index:30; animation: op2 2s infinite; }
.start-btn-bg { position: absolute; top: 249px; left: 245px; width:133px; height:133px; background:url(../images/spin_button_o.png); cursor:pointer; z-index:25; }
@keyframes op2 {
    50% {
        opacity: 0;
    }
}
/*#start_btn:hover { background:url(../images/spin_button_o.png); }*/

.slt-tab { display: block; position: relative; margin: 20px 0 0; clear: both; text-align: center; }
.slt-tab .tabbutton-01 { display: inline-block; width: 87px; height: 23px; background: url("../images/slot_m.png") center center no-repeat; cursor: pointer; opacity: 0.5; margin: 0 10px 0; padding: 10px; border: 2px #000 solid; }
.slt-tab .tabbutton-01:hover { opacity: 1; border: 2px #d188fe solid; }
.slt-tab .tabbutton-02 { display: inline-block; width: 87px; height: 23px; background: url("../images/live_m.png") center center no-repeat; cursor: pointer; opacity: 0.5; margin: 0 10px 0; padding: 10px; border: 2px #000 solid; }
.slt-tab .tabbutton-02:hover { opacity: 1; border: 2px #d188fe solid; }
.slt-tab .on { opacity: 1; border: 2px #d188fe solid; }

.cfm-button { display: inline-block; cursor: pointer; background: #ff5485; border-radius: 15px; text-align: center; color: #fff; font-weight: bold; font-size: 16px; padding: 10px 40px; }


.wheel-base { width: 477px; height: 477px; background: url("../images/rl_img3.png") center center no-repeat; font-family: CSI; font-size: 30px; }

.wheel-base .text_area p {
    position: absolute;
    top: 0px;
    text-align: right;
    font-size: 27px;
    margin: 0px;
    font-family: CSI;
    color: #000;
	font-weight: bold;
}

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}



.wheel-manual { position: absolute; right: 50px; top: 320px; width: 380px; font-size: 14px; color: #fff; text-align: center; }
.wheel-manual .main-tt { display: block; color: #0084FF; font-size: 16px; font-weight: bold; }
.wheel-manual .sub-tt { display: block; color: #fff; font-size: 14px; font-weight: normal; margin: 10px 0 0; }
.wheel-manual .btm-tt { display: block; color: #aaa; font-size: 12px; font-weight: normal; margin: 30px 0 0; }

.rlt-cont { display: block; padding: 0 0 30px; text-align: center; }
.rlt-cont h5 { display: block; color: #999; font-size: 20px; font-weight: 100; line-height: 1; }
.rlt-cont h5 span { color: #fff; font-weight: bold; font-size: 35px; position: relative; top: 6px; margin: 0 0 0 5px; }
.rlt-cont h5 cc { display: block; color: #aaa; font-size: 11px; font-weight: 100; line-height: 1; margin: 10px 0 0; }



/* 0620 */
.tab-area { display: flex; margin: 0; background: #222; border: 1px #282828 solid; flex-wrap: wrap; }
.tab-area .tab-button { width: 150px; height: 48px; color: #aaa; font-size: 14px; position: relative; border-right: 1px #282828 solid; border-bottom: 1px #282828 solid; }
.tab-area .tab-button:hover { background: #2151cb; color: #fff; }
.tab-area .on { background: #2151cb; color: #fff; }

.vr-game-area { display: flex; min-height: 300px; background: #000; justify-content: center; align-items: center; color: #fff; }

/* 0620 */

/* 0702 */
.league-tab-area { display: flex; flex-direction: row; align-items: stretch; background: #444; flex-wrap: wrap; }
.league-tab-area .tab-button { flex-basis: 16.666%; justify-content: start; align-items: center; border-bottom: 1px #111 solid; border-right: 1px #111 solid; color: #fff; padding: 15px 12px; text-align: left; }
.league-tab-area .tab-button:hover { color: #3D89FF; background: #000; }
.league-tab-area .on { background: #000; color: #3D89FF; }

@media screen and (max-width: 640px) {
	.league-tab-area { flex-wrap: nowrap; }
	.league-tab-area .tab-button { width: auto; background: #444; }
}
/* 0702 */

.tab-area2 { display:block; clear:both; text-align:left; margin: 10px 0 0; padding: 0; background: linear-gradient(#333, #222); }
.tab-area2 .tab-button { width: 90px; padding: 10px 0; color:#999; font-size:14px; font-weight: bold; text-align:center; cursor:pointer; display:inline-block; transition: all 150ms ease-in-out; margin: 0; border-right: 1px #111 solid; }
.tab-area2 .tab-button i { text-align: center; display: block; }
.tab-area2 .tab-button .counting { display: block; font-size: 12px; color: #999; }
.tab-area2 .tab-button:hover { background: #444; color: #fff; }
.tab-area2 .tab-button:hover .counting { color: #fff; }
.tab-area2 .tab-button-on { width: 90px; padding: 10px 0; color:#fff; font-size:14px; font-weight: bold; text-align:center; cursor:pointer; display:inline-block; transition: all 150ms ease-in-out; margin: 0; border-right: 1px #111 solid; background: #555; }
.tab-area2 .tab-button-on i { text-align: center; display: block;  }
.tab-area2 .tab-button-on .counting { display: block; font-size: 12px; color: #fff; }