html, body {
    position: relative;
    height: 100%;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

body {
    font-size: 14px;
    line-height: 20px;
    /*font-family: dotum;*/
    color: white;
    margin: 0px auto;

    /* 스트롤 */
    scrollbar-face-color: #333333;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color:  #000000;
    scrollbar-highlight-color: #e0e0e0;
    scrollbar-3dlight-color: none;
    scrollbar-shadow-color: #e0e0e0;
    scrollbar-darkshadow-color: none;
    /*-ms-overflow-style: none;*/
}

/* 스트롤 */
::-webkit-scrollbar {}
::-webkit-scrollbar-track {background:#000000;}
::-webkit-scrollbar-thumb {background:#333333;}
::-webkit-scrollbar-thumb:hover {background:#999999;}
/*::-webkit-scrollbar {display:none;}*/

div {box-sizing:border-box}
img {vertical-align:middle}
a {text-decoration:none; color:white}
a:hover {}
.col {display:inline-block}
.table {display:table; width:100%;}
.cell {display:table-cell}
.text {background:#111419; border:solid 1px #676b76; color:white; padding:0px 5px;}
input[type='text'], input[type='password'] {height:22px;}
select {background:black; border:solid 1px #333333; color:white; height:22px;}

.masterContent {background:rgba(26,4,0,0.5); padding:20px 20px;}

/*메인메뉴*/
.mainMenu {width:100%; height:30px; margin:5px 0px}
.mainMenuBtn {display:inline-block; width:72px; height:25px; cursor:pointer; text-align:center; margin:1px; padding-top:2px; background:linear-gradient(#8b561f, #3d2711); border:solid 1px #9a7248; border-radius:1px;color:white;}
.mainMenuBtn:hover {border: 1px solid #fe9f20;background:linear-gradient(#fecd8b, #f9b356);color: #281c0c;}
.subMenu {width:100%; height:25px; display:none;}
.subMenuBtn {display:inline-block; width:90px; height:25px; cursor:pointer; text-align:center; margin:1px;font-size:13px; color:#cccccc; }
.userInfoBox > div {margin:5px 5px 0px 5px; font-size:12px;}

/*박스색상*/
.boxOrange {background-color: #fd771d;border: 1px solid #da5800;color: white;border-radius: 5px;}
.boxGreen {background-color: #5bc234;border: 1px solid #429e21;color: white;border-radius: 5px;}
.boxYellow {background-color: #fccd5f;border: 1px solid #c69c3a;color: black;border-radius: 5px;}
.boxBlue {background-color: #448ccb;border: 1px solid #2b6393;color: white;border-radius: 5px;}
.boxDarkBlue {background-color: #2a6197;border: solid 1px #4b9be9;color: white;border-radius: 5px;}
.boxGray {background-color: #fbfbfb;border: 1px solid #bebebe;cursor: pointer;}
.boxRed {border-radius: 5px;border: 1px solid #c14232;background-color: #dd4b39;color: #ffffff;}
.boxEmerald {border-radius: 5px;border: 1px solid #218b6e;background-color: #25ae88;color: #ffffff;}
.boxContent {background-color: white;border: 1px solid #cccccc;border-radius: 10px;box-shadow: 0px 2px 2px #333;width: 100%;padding: 10px;}

/*버튼*/
.btn {display:inline-block; text-align:center;padding-top:2px; cursor:pointer; width:80px; height:22px;}
.btnBlack {display:inline-block; background:linear-gradient(135deg, #171622, #403f4d); text-align:center; border-radius:2px; padding-top:1px; cursor:pointer; color:white; width:80px; height:22px; border:solid 1px #403f4d}
.btnRed {display:inline-block; background:linear-gradient(135deg, #5a2b12, #890f0b); text-align:center; border-radius:2px; padding-top:1px; cursor:pointer; color:white; width:80px; height:22px; border:solid 1px #890f0b}
.btnBlue {display:inline-block; background:linear-gradient(135deg, #0a2164, #045e8d); text-align:center; border-radius:2px; padding-top:1px; cursor:pointer; color:white; width:80px; height:22px; border:solid 1px #045e8d}
.btnGreen {display:inline-block; background:linear-gradient(135deg, #1f6b2d, #2e950e); text-align:center; border-radius:2px; padding-top:1px; cursor:pointer; color:white; width:80px; height:22px; border:solid 1px #2e950e}
.btnYellow {display:inline-block; background:linear-gradient(135deg, #735c14, #b66f0b); text-align:center; border-radius:2px; padding-top:1px; cursor:pointer; color:white; width:80px; height:22px; border:solid 1px #b66f0b}
.btnMoney {display:inline-block; text-align:center;padding-top:2px; cursor:pointer; width:65px; height:22px; background-color: #454963;border: solid 1px #84889f;color: white;}

/*게시판*/
.boardBox {border:solid 1px #945e17; background-color:rgba( 0, 0, 0, 0.5 ); padding:20px;}
.boardList {width:100%; border-collapse:collapse; text-align:center; table-layout:fixed; font-size:13px;}
.boardList thead th {background: linear-gradient(to bottom, #945e17, #945e17); color:#dddddd; border: 1px solid #634216;}
.boardList thead td {border: 1px solid #634216;}
.boardList tbody td {border: 1px solid #634216;}
.boardList .tit {padding-left:10px}
.boardView {width:100%; border-collapse:collapse; table-layout:fixed; font-size:13px;}
.boardView thead th {background: linear-gradient(to bottom, #9aadbf, #697784); color:#ffffff; text-align:center; border: 1px solid #515f69;}
.boardView tbody td {border: 1px solid black; padding:0px 5px;}
.boardView tbody th {background: linear-gradient(to bottom, #e6af5f, #753c03); color:#ffffff; border: 1px solid #515f69;}
.paging {width:100%;margin:20px;text-align:center; color:black}
.paging p {display:inline-block;margin:0px 5px; border:1px solid #9c4e18; border-radius: 5px; width:25px;cursor:pointer}
.paging .btnPaging {background:#773211}
.paging .btnPagingOn {background:#f9b356}
.content {border:1px solid black;}

/*게임페이지*/
.gameContain {width:1400px; margin:auto; z-index:90; overflow:hidden}
.gameContain .list {width:1200px; display:inline-block; overflow:hidden;}
.gameContain .betSlip {display:inline-block; overflow:hidden;}

/*게임리스트 및 배팅내역*/
.gameList {width:75%; text-align:center; font-size:12px; margin:0px 10px; background-color: rgba( 0, 0, 0, 0.4 ); display:inline-block; box-sizing:border-box;}
.gameList thead tr th {height:25px; background: linear-gradient(to bottom, #f9b356, #664314); border: 1px solid #372206; color:#ffffff;}
.gameList tbody td {height:25px; border-bottom: 1px solid #5f5c57;}
.gameList td table th {height:20px; border:none; text-align:center; border-radius:5px;}
.gameList td table td {height:25px; border:none; text-align:center;}
.divMiniGameIfr {width:80%; border:solid 1px black;background-color: rgba( 0, 0, 0, 0.4 ); margin:0px auto 20px auto; padding:10px; border-radius: 10px; text-align:center;}
.divMiniGameIfr > div {margin:5px;}
.divMiniGameIfr > iframe {border-radius:10px;border:solid 1px black;}

/*스포츠 검색
.divSportSearch {width:100%; border:1px solid black;}
.divSportSearch > div {width:20%; float:left; cursor:pointer}
*/

/*리그 검색*/
.divLeagueSearchBox {width:220px; text-align:left; display:inline-block; vertical-align:top; border:solid 1px #1a201e; background:linear-gradient(#01248a,#121d31,#121d31,#121d31); font-size:12px;}
.divLeagueSearch {width:100%; margin:10px;}
.divLeagueSearch > div {cursor:pointer;} /*sport league 모두 포함*/
.divLeagueSearch .sport {width:90%; padding:5px 0px; border-bottom:solid 1px #5785ef;}
.divLeagueSearch .league {display:none; margin:2px 20px;}
.divLeagueSearch .league img {width:25px;height:15px;margin:0px 5px}

/*배팅슬립*/
#divBetSlip {color:#dddddd; width:220px; position:absolute; top:150px; margin-left:-60px; border:solid 1px black; background:rgba(38,38,38, 0.5);}
#divBetSlip div {overflow:hidden}
#divSelectGame > div > div {}
#divSelectGame .listContain { width:95%; margin:5px; font-size:12px; border:solid 1px #f9b356; background:#a76013; color:#d5d0d9}
#divSelectGame .listContain .on { border:solid 1px white;}

/* 리그이름 */
.betLeague {background:#945e17;color:#e8eae0;}

/* 게임 */
.betOnColor {background:#362f29; color:#cccccc;}
.betOnColor .selectBox {height:100%; cursor:pointer}
.betOffColor {background:#362f29; color:black;}
.betOffColor .selectBox {height:100%;}

.betSelectColor {background:linear-gradient(to right, #92e8ba, #58cd5d);  color:black;}
.betSelectColor .selectBox {}
.betOverColor {background:linear-gradient(to right, #92e8ba, #58cd5d);  color:black;}
.betOverColor .selectBox {}

/*진행중*/
.stateOnColor {color:#49a5f7}
.stateOffColor {}

/*경기일정*/
.betDateOnColor {color:#f3d422;}
.betDateOffColor {}

/*적중/미적중*/
.winYColor {color:#1e95c7}
.winNColor {color:#b1361f;}

/*핸디캡 하이로우 홀짝 아이콘*/
.betHandicapL {background:url('/Images/Game/betHandicapL.gif') no-repeat center}
.betHandicapR {background:url('/Images/Game/betHandicapR.gif') no-repeat center}
.betHighLowL {background:url('/Images/Game/betHighLowL.gif') no-repeat center}
.betHighLowR {background:url('/Images/Game/betHighLowR.gif') no-repeat center}
.betHolJackL {background:url('/Images/Game/betHolJackL.gif') no-repeat center}
.betHolJackR {background:url('/Images/Game/betHolJackR.gif') no-repeat center}

/*마감경기 흑백처리*/
.betOffColor img {-webkit-filter: grayscale(100%);filter: gray; opacity: 0.6}
.betOffColor .betHandicapL{-webkit-filter: grayscale(100%);filter: gray; opacity: 0.6}
.betOffColor .betHandicapR{-webkit-filter: grayscale(100%);filter: gray; opacity: 0.6}
.betOffColor .betHighLowL{-webkit-filter: grayscale(100%);filter: gray; opacity: 0.6}
.betOffColor .betHighLowR{-webkit-filter: grayscale(100%);filter: gray; opacity: 0.6}
.betOffColor .betHolJackL{-webkit-filter: grayscale(100%);filter: gray; opacity: 0.6}
.betOffColor .betHolJackR{-webkit-filter: grayscale(100%);filter: gray; opacity: 0.6}

/*검색*/
.gameSearch {margin:0px auto; text-align:center;}
.gameSearch p {width:90px; height:20px; display:inline-block; text-align:center; line-height:22px; font-size:13px; cursor:pointer}

/*배팅내역상세*/
.betDetail {width:100%;}
.betDetail .list {margin:10px 0px; padding:10px; border:solid 1px #595959; border-radius:10px; background-color: rgba( 59, 59, 59, 0.3 );}
.betDetail .list .gameList {width:100%;display:table}

/*미니게임*/
.miniGameBox {width:70%; border:1px solid black; background-color:#f8f5e8; margin:auto; color:black; font-size:13px; padding:0px; border-radius: 5px; overflow:visible; text-align:center;}
.miniGameBox .title {text-align:center; margin:20px auto; font-size:20px; border-radius: 0px; width:450px; padding:10px 0px; border-bottom:solid 2px black;}
.miniGameBox .title .gameNum {float:left; display:inline-block; margin:0px 20px;}
.miniGameBox .title .gameCountDown {float:right; display:inline-block; margin:0px 20px; font-size:18px; font-weight:bold; color:red;}

.miniGameBox .gameTypeBox {width:47%; border:solid 0px red; text-align:center; margin:20px 10px 0px 10px; display:inline-block;}
.miniGameBox .gameTypeBox .gameTypeName {margin:5px; font-size:18px; font-weight:bold; color:black; border:solid 0px red;}
.miniGameBox .gameTypeBox .btnGroup {background:#d4d0c0; border-radius:5px; padding:5px; }
.miniGameBox .gameTypeBox .btnGroup .game {width:80px; display:inline-block; margin:2px;}
.miniGameBox .gameTypeBox .btnGroup .game .btn {width:100%; height:75px; font-size:30px; font-weight:bold; padding-top:25px; border-radius:5px;}
.miniGameBox .gameTypeBox .btnGroup .game .btn .comment {font-size:11px; font-weight:bold; margin-top:5px; color:white;}
.miniGameBox .gameTypeBox .btnGroup .game .blue {color:white; background:#2298fb; border:solid 1px #1b5381;}
.miniGameBox .gameTypeBox .btnGroup .game .red {color:white; background:#fe3131; border:solid 1px #1b5381;}
.miniGameBox .gameTypeBox .btnGroup .game .green {color:white; background:#62b457; border:solid 1px #1b5381;}
.miniGameBox .gameTypeBox .btnGroup .game .black {color:white; background:black; border:solid 1px #1b5381;}
.miniGameBox .gameTypeBox .btnGroup .game .blueRed {color:white; background:linear-gradient(to right, #2298fb 50%, #fe3131 50%); border:solid 1px #1b5381; font-size:25px;}
.miniGameBox .gameTypeBox .btnGroup .game .blueBlue {color:white; background:linear-gradient(to right, #2298fb 50%, #2298fb 50%); border:solid 1px #1b5381; font-size:25px;}
.miniGameBox .gameTypeBox .btnGroup .game .redRed {color:white; background:linear-gradient(to right, #fe3131 50%, #fe3131 50%); border:solid 1px #1b5381; font-size:25px;}
.miniGameBox .gameTypeBox .btnGroup .game .redBlue {color:white; background:linear-gradient(to right, #fe3131 50%, #2298fb 50%); border:solid 1px #1b5381; font-size:25px;}
.miniGameBox .gameTypeBox .btnGroup .game .blueGreen {color:white; background:linear-gradient(to right, #2298fb 50%, #62b457 50%); border:solid 1px #1b5381; font-size:25px;}
.miniGameBox .gameTypeBox .btnGroup .game .redGreen {color:white; background:linear-gradient(to right, #fe3131 50%, #62b457 50%); border:solid 1px #1b5381; font-size:25px;}
.miniGameBox .gameTypeBox .btnGroup .game .rateValue {font-size:15px; font-weight:bold; color:black; margin-top:5px;}
.miniGameBox .gameTypeBox .btnGroup .game .on, .miniGameBox .gameTypeBox .btnGroup .game .over {background:#feb822; color:black;}

.miniGameBox .betBox {margin:40px 2px 0px 2px;}
.miniGameBox .betBox .money {width:33%; height:35px; padding-top:7px; font-size:15px; font-weight:bold; background:#fafafa; border:solid 1px #aaaaaa; border-radius:5px; color:#3a3a3a;}
.miniGameBox .betBox .money .moneyTitle {display:inline-block; width:40%; text-align:left; padding-left:10px;}
.miniGameBox .betBox .money .moneyNumber {display:inline-block; width:50%; text-align:right; padding-right:10px;}
.miniGameBox .betBox .moneyBtn {width:14.28%; background:#868686; border:solid 1px #b3b3b3; border-radius:5px; height:30px; line-height:30px; font-weight:bold; color:#d5d5d5; transition:0.3s; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); cursor:pointer;}
.miniGameBox .betBox .moneyBtn:hover {background:#bebebe; color:#353535;}
.miniGameBox .betBox .all {width:24%; background:#CC3D3D; border-radius:5px; height:30px; font-size:15px; font-weight:bold; color:white; transition:0.3s; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); cursor:pointer;}
.miniGameBox .betBox .all:hover {background:#F15F5F; color:#353535;}
.miniGameBox .betBox .clear {width:24%; background:#399d2d; border-radius:5px; height:30px; font-size:15px; font-weight:bold; color:white; transition:0.3s; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); cursor:pointer;}
.miniGameBox .betBox .clear:hover {background:#E5D85C; color:#353535;}
.miniGameBox .betBox .btnBet {width:90%; height:122px; font-size:24px; font-weight:bold; padding-top:55px; margin:6px 8px 0px 0px; background:#feb821; border-radius:5px; transition:0.3s; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); cursor:pointer;}
.miniGameBox .betBox .btnBet:hover {background:#CC723D; transition:0.3s;}

.miniGameBox .betList {width:96%; margin:20px; border-collapse:collapse; text-align:center; table-layout:fixed; font-size:13px;}
.miniGameBox .betList thead tr th {height:25px; background: linear-gradient(to bottom, #fdfefe, #e7f3f9); border-top: 1px solid #57aad0; color:#212121;}
.miniGameBox .betList tbody td {height:25px; border-bottom: 1px solid #f2f2f2; background-color:white;}
.miniGameBox .betList .win {color:#00abf7;}
.miniGameBox .betList .lose {color:red;}
.timeoverBack {position:absolute; z-index:90; background-color:black;}
.timeoverFront {width:300px; height:100px; position:absolute; left:50%; margin:150px 0px 0px -150px; font-size:40px; color:white; border:2px solid white; border-radius:10px; background-color:black; z-index:91; display:table-cell; text-align:center; line-height:100px}


/*출첵*/
.attendCalendar {width:750px; margin:20px auto;}
.attendCalendar td {border:solid 1px black; color:black}
.attendCalendar td:first-child {color:#ed1c24}
.attendCalendar td:last-child {color:#00aeef}
.attendCalendar .weekName {height:30px; text-align:center; background:black; color:white; }
.attendCalendar .dayNum {height:90px; text-align:right; background:white;}
.attendCalendar .dayNum span {margin-right:5px; font-size:15px;}
.attendCalendar .attendY {background:white url('/Images/attendDayY.png') no-repeat center;}
.attendCalendar .attendN {background:white url('/Images/attendDayN.png') no-repeat center;}

/*복권*/
.lottery {display:inline-block; width:190px; height:150px; position:absolute; margin:30px 0px 0px 30px;}
.lottery .ltBronze {display:inline-block; background:url('/Images/lotteryBronze.png') no-repeat; height:30px; padding-left:25px; margin-bottom:10px;}
.lottery .ltBronze .ltHave {display:inline-block; background:linear-gradient(135deg, #fcb262, #862d07); text-align:center; border-radius:2px; padding-top:5px; color:white; width:60px; height:30px; border:solid 1px #da8331; margin:0px 5px;}
.lottery .ltSilver {display:inline-block; background:url('/Images/lotterySilver.png') no-repeat; height:30px; padding-left:25px; margin-bottom:10px;}
.lottery .ltSilver .ltHave {display:inline-block; background:linear-gradient(135deg, #d9d9d9, #535557); text-align:center; border-radius:2px; padding-top:5px; color:white; width:60px; height:30px; border:solid 1px #a1a1a1; margin:0px 5px;}
.lottery .ltGold {display:inline-block; background:url('/Images/lotteryGold.png') no-repeat; height:30px; padding-left:25px; margin-bottom:10px;}
.lottery .ltGold .ltHave {display:inline-block; background:linear-gradient(135deg, #ffe86e, #b35d01); text-align:center; border-radius:2px; padding-top:5px; color:white; width:60px; height:30px; border:solid 1px #edb436; margin:0px 5px;}
.lottery .ltBtn {display:inline-block; background:linear-gradient(135deg, #0a2164, #045e8d); text-align:center; border-radius:2px; padding-top:5px; color:white; width:80px; height:30px; border:solid 1px #045e8d; cursor:pointer}
.lotteryContainer {position:relative; width:257px; height:129px; text-align:center; margin:209px 0px 0px 318px;}
.lotteryContainer #ltBg {display:inline-block; z-index:1; font-size:35px; font-weight:bold; color:black; line-height:129px;}
.lotteryContainer #ltFg {position:absolute; top:0px; left:0px; z-index:2;}

/*카지노*/
.casinoBox {margin:auto; width:95%}
.casinoBox .moneyConvert {display:table; width:100%; height:100px; margin:20px auto; text-align:center; font-size:20px; padding:10px; color:#ccae83; border-spacing:5px; background:#161511; border-radius:5px;}
.casinoBox .moneyConvert .moneyCol {display:table-cell; width:33%; height:100%; border:solid 1px blue; background:#201e1b; border:solid 1px #726552; border-radius:5px;}
.casinoBox .moneyConvert .moneyCol div {padding:10px;}
.casinoBox .moneyConvert .moneyCol .text {background:#53504b}
.casinoBox .casinoBtnBox {text-align:center;}
.casinoBox .casinoBtnBox .casinoBtn {display:inline-block; margin:2px; border:solid 2px #5d543e; cursor:pointer; width:180px;}
.casinoBox .casinoBtnBox .casinoBtn img {width:100%}
.casinoBox .slotBtnBox {margin:20px auto 0px auto; text-align:center;}
.casinoBox .slotBtnBox .slotType {display:inline-block; margin:10px; padding:5px;}
.casinoBox .slotBtnBox .slotMaker {width:100%; margin:10px auto;}
.casinoBox .slotBtnBox .slotMaker td {padding:5px; border:solid 1px #0a5578; border-radius:5px; background:#0e1f2c; color:#fffbd0; font-size:15px; text-align:left; cursor:pointer;}
.casinoBox .slotBtnBox .slotBtn {display:inline-block; width:160px; height:160px; margin:5px; cursor:pointer; border:solid 1px #7b512a;}