@media screen and (min-width:1201px) {

a {cursor:pointer;text-decoration:none;}
/* 로그인 */
.loginbox { box-sizing:border-box; text-align:left; padding:0; margin:0; border-bottom:1px solid #000; overflow:hidden; }
.loginbox > ul { width:1300px; margin:auto; }
.loginbox .logIn p { display:inline-block; vertical-align:top; }
.loginbox .logIn p input[type="text"] { height:25px; width:100px; font-size:11px; background-color:#444; border:0px; margin-bottom:3px; }
.loginbox #logimg {  }
.loginbox .leftLink { float:left; color:#999; }
.loginbox .leftLink a { display:inline-block; height:30px; line-height:30px; text-decoration:none; color:#999; }
.loginbox .rightNotice { float:right; }
.loginbox .rightNotice div { width:300px; }
.loginbox .rightNotice div p { display:inline-block; height:30px; line-height:30px; margin:0px; }
.loginbox .rightNotice div p a { text-decoration:none; color:#999; }
.loginbox .rightNotice div #date { float:right; color:#666; }
	
/* 상단 */
.maintop { background-image:url(../img/back/black.png); background-size:auto 100%; border-bottom:1px solid #111; }
.maintop > ul { width:1300px; margin:auto; clear:both; }
.maintop .logo { padding:8px 0; display:inline-block; vertical-align:top; }
.maintop .logo img { height:90px; }
.maintop .mMenus { display:inline-block; vertical-align:top; margin:0; float:right; padding:0; margin-top:15px; }
.maintop .mMenus h3 { display:none; }
.maintop .mMenus > div > ul > li { display:inline-block; position:relative; }
.maintop .mMenus > div > ul > li > a { display:block; padding:0 20px; height:80px; line-height:80px; margin:0; text-align:left; text-decoration:none; color:#fff; font-size:17px; font-family:'GS_L'; font-weight:bold; cursor:pointer;}
.maintop .mMenus > div > ul > li > a:hover { background-image:url(../img/back/unblack.png); background-size:auto 100%; border-bottom:2px solid #ff9; box-sizing:border-box; }
.maintop .mMenus .smnbox { position:absolute; top:70px; left:50%; background-color:rgba(0,0,0,0.95); border:1px solid #e7d8ab; width:150px; z-index:1001; margin-left:-75px; display:none; }
.maintop .mMenus .smnbox li { display:block; border-bottom:1px solid rgba(255,255,255,0.1); }
.maintop .mMenus .smnbox li a { display:block; padding:10px 0; color:#666; text-decoration:none; text-align:center; cursor:pointer;}
.maintop .mMenus .smnbox li a:hover { background-color:#e7d8ab; color:#300; cursor:pointer;}
.maintop .mMenus #mMenback { display:none; }

/* 메인 */
.mainvisual { position:relative; text-align:center; }
.mainvisual > div {}

.mainvisual { margin-bottom:20px; }
.mainvisual .mainCon { display:inline-block; vertical-align:top; width:1040px; }
.mainvisual .mainCon .btnArea { padding:10px 8px; border-bottom:1px solid #222;  background-color:#111; margin-bottom:10px; }
.mainvisual .mainCon .btnArea li { display:inline-block; width:24%; height:auto; vertical-align:top; margin-bottom:5px; border:1px solid #333; cursor:pointer; position:relative; }
.mainvisual .mainCon .btnArea li img { width:100%; }
.mainvisual .mainCon .btnArea li #titles { position:relative; padding:10px; margin:190px 0 0 0px; }
.mainvisual .mainCon .btnArea li #titles h3 { text-align:center; font-family:'GS_M'; font-size:24px; color:#fff; margin:0px; padding:0px; }
.mainvisual .mainCon .btnArea li #titles p { text-align:left; font-size:13px; color:#fff; margin:0 0 0 40px; padding:0px; }
.mainvisual .mainCon .btnArea li #titles span { position:absolute; top:9px; left:9px; }
.mainvisual .mainCon .btnArea li #titles span img { height:40px; }
.mainvisual .mainCon .btnArea li .backs { background-color:rgba(0,0,0,0.9); position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; text-align:center; }
.mainvisual .mainCon .btnArea li .backs > div { display:inline-block; margin:60px auto 0; text-align:left; position:relative; }
.mainvisual .mainCon .btnArea li .backs h3 { text-align:left; font-family:'GS_M'; font-size:21px; color:#fff; margin:0 0 0 50px; padding:0px; }
.mainvisual .mainCon .btnArea li .backs p { text-align:left; font-size:13px; color:#fff; margin:0 0 0 50px; padding:0px; }
.mainvisual .mainCon .btnArea li .backs span { position:absolute; top:0; left:0; }
.mainvisual .mainCon .btnArea li .backs span img { height:40px; }
.mainvisual .mainCon .btnArea #btn01 { background-image:url(../img/main/mainbtn01.jpg?v=5); background-size:100% 100%; }
.mainvisual .mainCon .btnArea #btn02 { background-image:url(../img/main/mainbtn02.jpg?v=5); background-size:100% 100%; }
.mainvisual .mainCon .btnArea #btn03 { background-image:url(../img/main/mainbtn03.jpg?v=5); background-size:100% 100%; }
.mainvisual .mainCon .btnArea #btn04 { background-image:url(../img/main/mainbtn04.jpg?v=5); background-size:100% 100%; }

.mainvisual .mainCon .totalArea { border:2px solid #b0a27c; overflow:hidden; background-image:url(/img/main/jackpot_back.png); background-size:100% 100%; background-position:center; margin-bottom:10px; width:1040px; height:160px; margin:auto; }
.mainvisual .mainCon .totalArea .jackpot-img { float:left; text-align:left; width:200px; }
.mainvisual .mainCon .totalArea .jackpot-img > img { height:160px; }

.progressive-jackpot > #odometer{position: relative;padding-left:90px;margin-top:40px;overflow: hidden;height: 80px;line-height: 80px;float:right; font-size:60px; font-family:'GS_M'; color:#fff; margin:0px; padding:45px 130px 0 0; color:#f9e789;}
.progressive-jackpot > #odometer::before{font-family: 'NanumSquare';font-size:52px;font-weight:800;position:absolute;bottom:0;left:0;background: linear-gradient(0deg,#fff3ed,#fdfcf8,#fdfcf8) !important;-webkit-background-clip: text !important;color: transparent !important;line-height:80px;}
.progressive-jackpot > #odometer *{font-family: 'NanumSquare';font-size:52px;font-weight:800;}
.progressive-jackpot > #odometer .odometer-formatting-mark{color:#b1a37c;}
.progressive-jackpot > #odometer .odometer-value{background: linear-gradient(0deg,#fff3ed,#fdfcf8,#fdfcf8) !important;-webkit-background-clip: text !important;color: transparent !important;}
.progressive-jackpot > #odometer .odometer-inside span{text-shadow:2px 1px 2px #b1a37c;}

.mainvisual .mainCon .searchArea { padding:30px 15px; text-align:right; background-image:url(../img/mainback.png); background-size:100% auto; margin-bottom:10px; border:1px solid #222; }
.mainvisual .mainCon .searchArea select { width:250px; height:35px; border:1px solid #444; background-color:#222; color:#fff;  }
.mainvisual .mainCon .searchArea input[type="text"] { width:250px; height:35px; border:1px solid #444; background-color:#222; box-sizing:border-box; color:#666; }
.mainvisual .mainCon .searchArea input[type="submit"] { width:150px; height:35px; border:0px; background-image:url(../img/back/blue.png); background-size:auto 100%; color:#fff; }

.mainvisual .mainCon .latestArea { margin-bottom:10px; }
.mainvisual .mainCon .latestArea li { width:33%; display:inline-block; vertical-align:top; height:180px; background-color:#111; }
.mainvisual .mainCon .latestArea li h3 { text-align:left; color:#fff; background-image:url(../img/back/black.png); background-size:auto 100%; margin:0px; padding:10px; }
.mainvisual .mainCon .latestArea li h3 span { float:right; font-size:11px; color:#fff; font-weight:normal; }
.mainvisual .mainCon .latestArea table { width:100%; color:#666; }
.mainvisual .mainCon .latestArea table tr th { padding:7px; border-top:1px solid #222; }
.mainvisual .mainCon .latestArea table tr td { padding:7px; border-top:1px solid #222; }

.mainvisual .mainLog { display:inline-block; vertical-align:top; width:250px; background-color:#111; height:100%; }
.mainvisual .mainLog h2 { font-family:'GS_M'; color:#980826; margin:30px 0 15px; }
.mainvisual .mainLog .logBefore { margin:0 25px; padding-bottom:20px; border-bottom:1px solid #222; }
.mainvisual .mainLog .logBefore li { padding:2px 0; }
.mainvisual .mainLog .logBefore input[type="text"] { width:100%; height:30px; background-color:#222; border:1px solid #333; padding:0px; box-sizing:border-box; color:#fff;padding-left:10px; }
.mainvisual .mainLog .logBefore input[type="password"] { width:100%; height:30px; background-color:#222; border:1px solid #333; padding:0px; box-sizing:border-box; color:#fff;padding-left:10px; }
.mainvisual .mainLog .logBefore input[type="submit"] { width:100%; height:40px; background-color:#980826; background-size:auto 100%; border:0; color:#39383b; font-family:'GS_M'; }
.mainvisual .mainLog .logBefore .joinbtn { display:block; width:100%; height:40px; line-height:40px; text-align:center; border:1px solid #980826; color:#980826; text-decoration:none; box-sizing:border-box; }
.mainvisual .mainLog .logBefore p { padding:10px 0; color:#666; margin:0px; }
.mainvisual .mainLog .logWlet { margin:0 25px; color:#666; padding:18px 0; }
.mainvisual .mainLog .logWlet p { margin:0px; }
.mainvisual .mainLog .linkArea { padding:0 25px; background-color:#000; margin:0; }
.mainvisual .mainLog .linkArea li { padding:20px 0; margin:0; overflow:hidden; border-top:1px solid #333; border-bottom:1px solid #111; }
.mainvisual .mainLog .linkArea li:first-child { border:0px; }
.mainvisual .mainLog .linkArea li:last-child { border:0px; }
.mainvisual .mainLog .linkArea li img { width:80px; }
.mainvisual .mainLog .linkArea li p { color:#fff; margin:0 0 3px; padding:0px; }
.mainvisual .mainLog .linkArea li h3 { font-family:'GS_M'; color:#980826; margin:0px; padding:0px; font-size:16px; }

.loginAfter { padding:15px 0; background-image:url(../img/back/black.png); background-size:auto 100%; margin:0px; }
.loginAfter h5 { display:inline-block; vertical-align:middle; margin:0px; padding:0px; font-family:'GS_L'; font-size:15px; color:#fff; }
.loginAfter span { display:inline-block; vertical-align:middle; color:#ff9; margin:0 15px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#ff9; }
.loginAfter span img { vertical-align:middle; margin-top:-3px; }
.loginAfter a { display:inline-block; vertical-align:middle; text-decoration:none; padding:3px 6px; border-radius:2px; background-image:url(../img/back/blue.png); background-size:auto 100%; color:#fff; }

.myWalet { padding:0 0 15px; margin:0px; border-bottom:1px solid #222; }
.myWalet h3 { text-align:left; padding:0 20px; height:60px; line-height:60px; margin:0px; font-family:'GS_L'; color:#09F; font-size:17px; }
.myWalet h3 span.refresh { float:right; display:inline-block; margin-top:15px; width:25px; height:25px; background-color:#222; background-position:center; background-repeat:no-repeat; background-image:url(../img/icon/reset.png); background-size:60%;}
.myWalet h3 span.recover { float:right; display:inline-block;  margin-left:10px; margin-top:15px; width:25px; height:25px; background-color:#222; background-position:center; background-repeat:no-repeat; background-image:url(../img/icon/recover.png); background-size:60%;}
.myWalet .myArea { margin:0 15px; background-color:#000; height:218px; overflow-y:scroll; }
.myWalet .myArea::-webkit-scrollbar { width:2px; /*스크롤바의 너비*/ }
.myWalet .myArea::-webkit-scrollbar-thumb { background-color:#666; /*스크롤바의 색상*/ }
.myWalet .myArea::-webkit-scrollbar-track { background-color: black; /*스크롤바 트랙 색상*/ }
.myWalet .myArea h4 { text-align:center; padding:10px 0; font-family:'GS_L'; color:#fff; font-size:14px; background-color:#222; margin:0px; }
.myWalet .myArea li { overflow:hidden; padding:6px 10px; border-top:1px solid #111; }
.myWalet .myArea li:first-child { border:0px; }
.myWalet .myArea li h5 { display:inline-block; vertical-align:middle; height:25px; line-height:25px; margin:0px; padding:0px; color:#666; font-family:'GS_M'; font-size:14px; float:left; }
.myWalet .myArea li p { display:inline-block; vertical-align:middle; height:25px; line-height:25px; margin:0px; padding:0px; color:#fff; font-family:'GS_L'; font-size:14px; float:right; font-weight:bold; }
.myWalet > div { font-family:'GS_L'; color:#09F; font-size:14px; font-weight:bold; margin:0 15px; text-align:left; padding:20px 10px; background-color:#222; }
.myWalet > div span { float:right; }
.myLinkbtn { padding:0; }
.myLinkbtn ul { padding:0px; margin:0; }
.myLinkbtn ul li { float:left; height:50px; line-height:50px; color:#666; width:50%; text-align:left; border-left:1px solid #222; border-bottom:1px solid #222; padding-left:15px; box-sizing:border-box; cursor:pointer; }
.myLinkbtn ul li:hover { background-image:url(../img/back/blue.png); background-size:auto 100%; color:#fff; }
.myLinkbtn ul li img { height:30px; vertical-align:middle; }

.item01 .visual-img { background: #000 url('/inc/img/1.jpg?v=1') no-repeat 100% 50%; }
.item01 .visual-right { position:absolute; top:0px; right:150px; }
.item01 .main-visual-txt1 { font-size:48px; font-family:'GS_B'; }
.item01 .main-visual-txt2 { font-size:21px; font-family:'SJ_R'; }
.item01 .main-visual-txt3 { font-size:21px; font-family:'SJ_R'; }

.item02 .visual-img { background: #000 url('/inc/img/2.jpg?v=1') no-repeat 100% 50%; }
.item02 .visual-right { position:absolute; top:0px; right:150px; }
.item02 .main-visual-txt1 { font-size:48px; font-family:'GS_B'; }
.item02 .main-visual-txt2 { font-size:21px; font-family:'SJ_R'; }
.item02 .main-visual-txt3 { font-size:21px; font-family:'SJ_R'; }

.item03 .visual-img { background: #000 url('/inc/img/3.jpg?v=2') no-repeat 100% 50%; }
.item03 .visual-right { position:absolute; top:0px; right:150px; }
.item03 .main-visual-txt1 { font-size:48px; font-family:'GS_B'; }
.item03 .main-visual-txt2 { font-size:21px; font-family:'SJ_R'; }
.item03 .main-visual-txt3 { font-size:21px; font-family:'SJ_R'; }

.item04 .visual-img { background: #000 url('/inc/img/4.jpg?v=1') no-repeat 100% 50%; }
.item04 .visual-right { position:absolute; top:0px; right:150px; }
.item04 .main-visual-txt1 { font-size:48px; font-family:'GS_B'; }
.item04 .main-visual-txt2 { font-size:21px; font-family:'SJ_R'; }
.item04 .main-visual-txt3 { font-size:21px; font-family:'SJ_R'; }


/* 모바일 픽스메뉴 */
.mobile_menus { display:none; }
}

@media screen and (max-width:1200px) and (min-width:901px) {
/* 로그인 */
.loginbox { box-sizing:border-box; text-align:left; padding:0; margin:0; border-bottom:1px solid #000; overflow:hidden; }
.loginbox > ul { margin:auto; }
.loginbox .logIn p { display:inline-block; vertical-align:top; }
.loginbox .logIn p input[type="text"] { height:25px; width:100px; font-size:11px; background-color:#444; border:0px; margin-bottom:3px; }
.loginbox #logimg {  }
.loginbox .leftLink { float:left; color:#999; }
.loginbox .leftLink a { display:inline-block; height:30px; line-height:30px; text-decoration:none; color:#999; }
.loginbox .rightNotice { float:right; }
.loginbox .rightNotice div { width:300px; }
.loginbox .rightNotice div p { display:inline-block; height:30px; line-height:30px; margin:0px; }
.loginbox .rightNotice div p a { text-decoration:none; color:#999; }
.loginbox .rightNotice div #date { float:right; color:#666; }
	
/* 상단 */
.maintop { background-image:url(../img/back/black.png); background-size:auto 100%; border-bottom:1px solid #111; }
.maintop > ul { margin:auto; clear:both; }
.maintop .logo { padding:8px 0; display:inline-block; vertical-align:top; }
.maintop .logo img { height:60px; }
.maintop .mMenus { display:inline-block; vertical-align:top; margin:0; float:right; padding:0; }
.maintop .mMenus h3 { display:none; }
.maintop .mMenus > div > ul > li { display:inline-block; position:relative; }
.maintop .mMenus > div > ul > li > a { display:block; padding:0 20px; height:80px; line-height:80px; margin:0; text-align:left; text-decoration:none; color:#fff; font-size:17px; font-family:'GS_L'; font-weight:bold; cursor:pointer;}
.maintop .mMenus > div > ul > li > a:hover { background-image:url(../img/back/unblack.png); background-size:auto 100%; border-bottom:2px solid #ff9; box-sizing:border-box; }
.maintop .mMenus .smnbox { position:absolute; top:70px; left:50%; background-color:rgba(0,0,0,0.95); border:1px solid #e7d8ab; width:150px; z-index:1001; margin-left:-75px; display:none; }
.maintop .mMenus .smnbox li { display:block; border-bottom:1px solid rgba(255,255,255,0.1); }
.maintop .mMenus .smnbox li a { display:block; padding:10px 0; color:#666; text-decoration:none; text-align:center; cursor:pointer;}
.maintop .mMenus .smnbox li a:hover { background-color:#e7d8ab; color:#300; cursor:pointer;}
.maintop .mMenus #mMenback { display:none; }

.mainvisual { margin-bottom:20px; }
.mainvisual .mainCon { display:inline-block; vertical-align:top; width:74%; }
.mainvisual .mainCon .btnArea { padding:10px 8px; border-bottom:1px solid #222;  background-color:#111; margin-bottom:10px; }
.mainvisual .mainCon .btnArea li { display:inline-block; width:32%; height:160px; vertical-align:top; margin-bottom:5px; border:1px solid #333; cursor:pointer; position:relative; }
.mainvisual .mainCon .btnArea li img { width:100%; }
.mainvisual .mainCon .btnArea li #titles { position:relative; padding:10px; margin:45px 0 0 20px; }
.mainvisual .mainCon .btnArea li #titles h3 { text-align:left; font-family:'GS_M'; font-size:24px; color:#fff; margin:0 0 0 40px; padding:0px; }
.mainvisual .mainCon .btnArea li #titles p { text-align:left; font-size:13px; color:#fff; margin:0 0 0 40px; padding:0px; }
.mainvisual .mainCon .btnArea li #titles span { position:absolute; top:9px; left:9px; }
.mainvisual .mainCon .btnArea li #titles span img { height:40px; }
.mainvisual .mainCon .btnArea li .backs { background-color:rgba(0,0,0,0.9); position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; text-align:center; }
.mainvisual .mainCon .btnArea li .backs > div { display:inline-block; margin:60px auto 0; text-align:left; position:relative; }
.mainvisual .mainCon .btnArea li .backs h3 { text-align:left; font-family:'GS_M'; font-size:21px; color:#fff; margin:0 0 0 50px; padding:0px; }
.mainvisual .mainCon .btnArea li .backs p { text-align:left; font-size:13px; color:#fff; margin:0 0 0 50px; padding:0px; }
.mainvisual .mainCon .btnArea li .backs span { position:absolute; top:0; left:0; }
.mainvisual .mainCon .btnArea li .backs span img { height:40px; }
.mainvisual .mainCon .btnArea #btn01 { background-image:url(../img/main/mainbtn01.jpg?v=5); background-size:100% 100%; }
.mainvisual .mainCon .btnArea #btn02 { background-image:url(../img/main/mainbtn02.jpg?v=5); background-size:100% 100%; }
.mainvisual .mainCon .btnArea #btn03 { background-image:url(../img/main/mainbtn03.jpg?v=5); background-size:100% 100%; }
.mainvisual .mainCon .btnArea #btn04 { background-image:url(../img/main/mainbtn04.jpg?v=5); background-size:100% 100%; }

.mainvisual .mainCon .totalArea { border:2px solid #b0a27c; overflow:hidden; background-image:url(/img/main/jackpot_back.png); background-size:100% 100%; background-position:center; margin:0 15px 10px; height:160px; }
.mainvisual .mainCon .totalArea .jackpot-img { float:left; text-align:left; }
.mainvisual .mainCon .totalArea .jackpot-img > img { height:160px; }

.mainvisual .mainCon .searchArea { padding:30px 15px; text-align:right; background-image:url(../img/mainback.png); background-size:100% auto; margin-bottom:10px; border:1px solid #222; }
.mainvisual .mainCon .searchArea select { width:250px; height:35px; border:1px solid #444; background-color:#222; color:#fff;  }
.mainvisual .mainCon .searchArea input[type="text"] { width:250px; height:35px; border:1px solid #444; background-color:#222; box-sizing:border-box; color:#666; }
.mainvisual .mainCon .searchArea input[type="submit"] { width:150px; height:35px; border:0px; background-image:url(../img/back/blue.png); background-size:auto 100%; color:#fff; }

.mainvisual .mainCon .latestArea { margin-bottom:10px; }
.mainvisual .mainCon .latestArea li { width:33%; display:inline-block; vertical-align:top; height:180px; background-color:#111; }
.mainvisual .mainCon .latestArea li h3 { text-align:left; color:#fff; background-image:url(../img/back/black.png); background-size:auto 100%; margin:0px; padding:10px; }
.mainvisual .mainCon .latestArea li h3 span { float:right; font-size:11px; color:#fff; font-weight:normal; }
.mainvisual .mainCon .latestArea table { width:100%; color:#666; }
.mainvisual .mainCon .latestArea table tr th { padding:7px; border-top:1px solid #222; }
.mainvisual .mainCon .latestArea table tr td { padding:7px; border-top:1px solid #222; }

.mainvisual .mainLog { display:inline-block; vertical-align:top; width:25%; background-color:#111; height:100%; float:right; }
.mainvisual .mainLog h2 { font-family:'GS_M'; color:#980826; margin:30px 0 15px; text-align:center; }
.mainvisual .mainLog .logBefore { margin:0 25px; padding-bottom:20px; border-bottom:1px solid #222; }
.mainvisual .mainLog .logBefore li { padding:2px 0; }
.mainvisual .mainLog .logBefore input[type="text"] { width:100%; height:30px; background-color:#222; border:1px solid #333; padding:0px; box-sizing:border-box;color:#fff;padding-left:10px; }
.mainvisual .mainLog .logBefore input[type="submit"] { width:100%; height:40px; background-color:#980826; background-size:auto 100%; border:0; color:#39383b; font-family:'GS_M'; }
.mainvisual .mainLog .logBefore .joinbtn { display:block; width:100%; height:40px; line-height:40px; text-align:center; border:1px solid #980826; color:#980826; text-decoration:none; box-sizing:border-box; }
.mainvisual .mainLog .logBefore p { padding:10px 0; color:#666; margin:0px; }
.mainvisual .mainLog .logWlet { margin:0 25px; color:#666; padding:18px 0; }
.mainvisual .mainLog .logWlet p { margin:0px; }
.mainvisual .mainLog .linkArea { padding:0 25px; background-color:#000; margin:0; }
.mainvisual .mainLog .linkArea li { padding:20px 0; margin:0; overflow:hidden; border-top:1px solid #333; border-bottom:1px solid #111; }
.mainvisual .mainLog .linkArea li:first-child { border:0px; }
.mainvisual .mainLog .linkArea li:last-child { border:0px; }
.mainvisual .mainLog .linkArea li img { width:80px; }
.mainvisual .mainLog .linkArea li p { color:#fff; margin:0 0 3px; padding:0px; }
.mainvisual .mainLog .linkArea li h3 { font-family:'GS_M'; color:#980826; margin:0px; padding:0px; font-size:16px; }

.loginAfter { padding:15px 0; background-image:url(../img/back/black.png); background-size:auto 100%; margin:0px; text-align:center; }
.loginAfter h5 { display:inline-block; vertical-align:middle; margin:0px; padding:0px; font-family:'GS_L'; font-size:15px; color:#fff; }
.loginAfter span { display:inline-block; vertical-align:middle; color:#ff9; margin:0 15px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#ff9; }
.loginAfter span img { vertical-align:middle; margin-top:-3px; }
.loginAfter a { display:inline-block; vertical-align:middle; text-decoration:none; padding:3px 6px; border-radius:2px; background-image:url(../img/back/blue.png); background-size:auto 100%; color:#fff; }

.myWalet { padding:0 0 15px; margin:0px; border-bottom:1px solid #222; }
.myWalet h3 { text-align:left; padding:0 20px; height:60px; line-height:60px; margin:0px; font-family:'GS_L'; color:#09F; font-size:17px; }
.myWalet h3 span.refresh { float:right; display:inline-block; margin-top:15px; width:25px; height:25px; background-color:#222; background-position:center; background-repeat:no-repeat; background-image:url(../img/icon/reset.png); background-size:60%;}
.myWalet h3 span.recover { display:inline-block; margin-left:10px; margin-top:15px; width:25px; height:25px; background-color:#222; background-position:center; background-repeat:no-repeat; background-image:url(../img/icon/recover.png); background-size:60%;}
.myWalet .myArea { margin:0 15px; background-color:#000; height:318px; overflow-y:scroll; }
.myWalet .myArea::-webkit-scrollbar { width:2px; /*스크롤바의 너비*/ }
.myWalet .myArea::-webkit-scrollbar-thumb { background-color:#666; /*스크롤바의 색상*/ }
.myWalet .myArea::-webkit-scrollbar-track { background-color: black; /*스크롤바 트랙 색상*/ }
.myWalet .myArea h4 { text-align:center; padding:10px 0; font-family:'GS_L'; color:#fff; font-size:14px; background-color:#222; margin:0px; }
.myWalet .myArea li { overflow:hidden; padding:6px 10px; border-top:1px solid #111; }
.myWalet .myArea li:first-child { border:0px; }
.myWalet .myArea li h5 { display:inline-block; vertical-align:middle; height:25px; line-height:25px; margin:0px; padding:0px; color:#666; font-family:'GS_M'; font-size:14px; float:left; }
.myWalet .myArea li p { display:inline-block; vertical-align:middle; height:25px; line-height:25px; margin:0px; padding:0px; color:#fff; font-family:'GS_L'; font-size:14px; float:right; font-weight:bold; }
.myWalet > div { font-family:'GS_L'; color:#09F; font-size:14px; font-weight:bold; margin:0 15px; text-align:left; padding:20px 10px; background-color:#222; }
.myWalet > div span { float:right; }
.myLinkbtn { padding:0; }
.myLinkbtn ul { padding:0px; margin:0; }
.myLinkbtn ul li { float:left; height:60px; line-height:60px; color:#666; width:50%; text-align:left; border-left:1px solid #222; border-bottom:1px solid #222; padding-left:15px; box-sizing:border-box; cursor:pointer; }
.myLinkbtn ul li:hover { background-image:url(../img/back/blue.png); background-size:auto 100%; color:#fff; }
.myLinkbtn ul li img { height:30px; vertical-align:middle; }

.item01 .visual-img { background: #000 url('/inc/img/1.jpg?v=1') no-repeat 100% 50%; }
.item01 .visual-right { position:absolute; top:0px; right:150px; }
.item01 .main-visual-txt1 { font-size:48px; font-family:'GS_B'; }
.item01 .main-visual-txt2 { font-size:21px; font-family:'SJ_R'; }
.item01 .main-visual-txt3 { font-size:21px; font-family:'SJ_R'; }

.item02 .visual-img { background: #000 url('/inc/img/2.jpg?v=1') no-repeat 100% 50%; }
.item02 .visual-right { position:absolute; top:0px; right:150px; }
.item02 .main-visual-txt1 { font-size:48px; font-family:'GS_B'; }
.item02 .main-visual-txt2 { font-size:21px; font-family:'SJ_R'; }
.item02 .main-visual-txt3 { font-size:21px; font-family:'SJ_R'; }

.item03 .visual-img { background: #000 url('/inc/img/3.jpg?v=2') no-repeat 100% 50%; }
.item03 .visual-right { position:absolute; top:0px; right:150px; }
.item03 .main-visual-txt1 { font-size:48px; font-family:'GS_B'; }
.item03 .main-visual-txt2 { font-size:21px; font-family:'SJ_R'; }
.item03 .main-visual-txt3 { font-size:21px; font-family:'SJ_R'; }

.item04 .visual-img { background: #000 url('/inc/img/4.jpg?v=1') no-repeat 100% 50%; }
.item04 .visual-right { position:absolute; top:0px; right:150px; }
.item04 .main-visual-txt1 { font-size:48px; font-family:'GS_B'; }
.item04 .main-visual-txt2 { font-size:21px; font-family:'SJ_R'; }
.item04 .main-visual-txt3 { font-size:21px; font-family:'SJ_R'; }
/* 모바일 픽스메뉴 */
.mobile_menus { display:none; }
}

@media screen and (max-width:900px) {
/* 로그인 */
.loginbox { box-sizing:border-box; text-align:left; padding:0; margin:0; border-bottom:1px solid #000; overflow:hidden;  display:none; }
.loginbox > ul { margin:auto; }
.loginbox .logIn p { display:inline-block; vertical-align:top; }
.loginbox .logIn p input[type="text"] { height:25px; width:100px; font-size:11px; background-color:#444; border:0px; margin-bottom:3px; }
.loginbox #logimg {  }
.loginbox .leftLink { float:left; color:#999; display:none; }
.loginbox .leftLink a { display:inline-block; height:30px; line-height:30px; text-decoration:none; color:#999; }
.loginbox .rightNotice { float:right; }
.loginbox .rightNotice div { width:300px; }
.loginbox .rightNotice div p { display:inline-block; height:30px; line-height:30px; margin:0px; }
.loginbox .rightNotice div p a { text-decoration:none; color:#999; }
.loginbox .rightNotice div #date { float:right; color:#666; }
	
.maintop { position:fixed; top:0px; left:0px; width:100%; text-align:center; overflow:hidden; z-index:1000;background-image:url(../img/back/black.png); background-size:auto 100%; border-bottom:1px solid #111; }
.maintop > ul > li { display:inline-block; vertical-align:top; }
.maintop .logo { padding:15px 0; }
.maintop .logo img { height:50px; }
.maintop .mMenus { position:fixed; width:70%; height:100%; background-color:#222; top:0px; left:0px; z-index:100001; display:none; }
.maintop .mMenus h3 img { height : 100px; }
.maintop .mMenus ul li { border-top:1px solid #333; border-bottom:1px solid #111; }
.maintop .mMenus ul li a { display:block; padding:10px 0; margin:0 20px; text-align:left; text-decoration:none; color:#999; background-image:url(../img/arr.gif); background-repeat:no-repeat; background-position:right center }
.maintop .mMenus .smnbox { width:100%; z-index:1001; display:none; }
.maintop .mMenus .smnbox li { display:block; border-top:1px solid rgba(255,255,255,0.1); padding:0px; margin:0px; background-color:#000; }
.maintop .mMenus .smnbox li a { display:block; padding:10px 20px; color:#666; text-decoration:none; text-align:left; cursor:pointer;}
.maintop .mMenus .smnbox li a:hover { background-color:#e7d8ab; color:#300; cursor:pointer;}
.maintop .mMenus #mMenback { position:fixed; width:30%; height:100%; background-color:rgba(0,0,0,0.7); top:0px; right:0px; }

.mainvisual { margin-top:84px; margin-bottom:20px; }
.mainvisual .mainCon {  }
.mainvisual .mainCon .btnArea { padding:10px 8px; border-bottom:1px solid #222; background-color:#111; margin:10px; box-sizing:border-box; }
.mainvisual .mainCon .btnArea li { height:160px; vertical-align:top; margin-bottom:5px; border:1px solid #333; cursor:pointer; position:relative; }
.mainvisual .mainCon .btnArea li img { width:100%; }
.mainvisual .mainCon .btnArea li #titles { position:relative; padding:10px; margin:45px 0 0 20px; }
.mainvisual .mainCon .btnArea li #titles h3 { text-align:left; font-family:'GS_M'; font-size:24px; color:#fff; margin:0 0 0 40px; padding:0px; }
.mainvisual .mainCon .btnArea li #titles p { text-align:left; font-size:13px; color:#fff; margin:0 0 0 40px; padding:0px; }
.mainvisual .mainCon .btnArea li #titles span { position:absolute; top:9px; left:9px; }
.mainvisual .mainCon .btnArea li #titles span img { height:40px; }
.mainvisual .mainCon .btnArea li .backs { background-color:rgba(0,0,0,0.9); position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; text-align:center; }
.mainvisual .mainCon .btnArea li .backs > div { display:inline-block; margin:60px auto 0; text-align:left; position:relative; }
.mainvisual .mainCon .btnArea li .backs h3 { text-align:left; font-family:'GS_M'; font-size:21px; color:#fff; margin:0 0 0 50px; padding:0px; }
.mainvisual .mainCon .btnArea li .backs p { text-align:left; font-size:13px; color:#fff; margin:0 0 0 50px; padding:0px; }
.mainvisual .mainCon .btnArea li .backs span { position:absolute; top:0; left:0; }
.mainvisual .mainCon .btnArea li .backs span img { height:40px; }
.mainvisual .mainCon .btnArea #btn01 { background-image:url(../img/main/mainbtn01.jpg?v=5); background-size:100% 100%; }
.mainvisual .mainCon .btnArea #btn02 { background-image:url(../img/main/mainbtn02.jpg?v=5); background-size:100% 100%; }
.mainvisual .mainCon .btnArea #btn03 { background-image:url(../img/main/mainbtn03.jpg?v=5); background-size:100% 100%; }
.mainvisual .mainCon .btnArea #btn04 { background-image:url(../img/main/mainbtn04.jpg?v=5); background-size:100% 100%; }

.mainvisual .mainCon .totalArea { border:2px solid #b0a27c; overflow:hidden; background-image:url(../img/main/jackpot_back.png); background-size:100% 100%; background-position:center; margin:0 20px 10px; text-align:center; }
.mainvisual .mainCon .totalArea .jackpot-img { }
.mainvisual .mainCon .totalArea .jackpot-img > img { width:90%; }

.mainvisual .mainCon .searchArea { padding:30px 15px; text-align:right; background-image:url(../img/mainback.png); background-size:100% auto; margin:0 10px 10px; border:1px solid #222; }
.mainvisual .mainCon .searchArea select { width:250px; height:35px; border:1px solid #444; background-color:#222; color:#fff;  }
.mainvisual .mainCon .searchArea input[type="text"] { width:250px; height:35px; border:1px solid #444; background-color:#222; box-sizing:border-box; color:#666; }
.mainvisual .mainCon .searchArea input[type="submit"] { width:150px; height:35px; border:0px; background-image:url(../img/back/blue.png); background-size:auto 100%; color:#fff; }

.mainvisual .mainCon .latestArea { margin:0 10px 10px; }
.mainvisual .mainCon .latestArea li { height:180px; background-color:#111; margin-bottom:5px; border:1px solid #000; }
.mainvisual .mainCon .latestArea li h3 { text-align:left; color:#fff; background-image:url(../img/back/black.png); background-size:auto 100%; margin:0px; padding:10px; }
.mainvisual .mainCon .latestArea li h3 span { float:right; font-size:11px; color:#fff; font-weight:normal; }
.mainvisual .mainCon .latestArea table { width:100%; color:#666; }
.mainvisual .mainCon .latestArea table tr th { padding:7px; border-top:1px solid #222; }
.mainvisual .mainCon .latestArea table tr td { padding:7px; border-top:1px solid #222; }


.mainvisual .mainLog { position:fixed; top:0px; right:0px; height:100%; width:250px; background-color:#111; z-index:10001; overflow-y:scroll; display:none; }
.mainvisual .mainLog::-webkit-scrollbar { width:3px; /*스크롤바의 너비*/ }
.mainvisual .mainLog::-webkit-scrollbar-thumb { background-color:#666; /*스크롤바의 색상*/ }
.mainvisual .mainLog::-webkit-scrollbar-track { background-color: black; /*스크롤바 트랙 색상*/ }
.mainvisual .mainLog #closeWal { position:fixed; top:0px; left:0px; width:calc(100% - 250px); height:100%; display:block; background-color:rgba(0,0,0,0.7); }
.mainvisual .mainLog h2 { font-family:'GS_M'; color:#980826; margin:30px 0 15px; }
.mainvisual .mainLog .logBefore { margin:0 25px; padding-bottom:20px; border-bottom:1px solid #222; }
.mainvisual .mainLog .logBefore li { padding:2px 0; }
.mainvisual .mainLog .logBefore input[type="text"] { width:100%; height:30px; background-color:#222; border:1px solid #333; padding:0px; box-sizing:border-box; color:#fff; padding-left:10px; }
.mainvisual .mainLog .logBefore input[type="password"] { width:100%; height:30px; background-color:#222; border:1px solid #333; padding:0px; box-sizing:border-box; color:#fff; padding-left:10px; }
.mainvisual .mainLog .logBefore input[type="submit"] { width:100%; height:40px; background-color:#980826; background-size:auto 100%; border:0; color:#39383b; font-family:'GS_M'; }
.mainvisual .mainLog .logBefore .joinbtn { display:block; width:100%; height:40px; line-height:40px; text-align:center; border:1px solid #980826; color:#980826; text-decoration:none; box-sizing:border-box; }
.mainvisual .mainLog .logBefore p { padding:10px 0; color:#666; margin:0px; }
.mainvisual .mainLog .logWlet { margin:0 25px; color:#666; padding:18px 0; }
.mainvisual .mainLog .logWlet p { margin:0px; }
.mainvisual .mainLog .linkArea { padding:0 25px; background-color:#000; margin:0; }
.mainvisual .mainLog .linkArea li { padding:20px 0; margin:0; overflow:hidden; border-top:1px solid #333; border-bottom:1px solid #111; }
.mainvisual .mainLog .linkArea li:first-child { border:0px; }
.mainvisual .mainLog .linkArea li:last-child { border:0px; }
.mainvisual .mainLog .linkArea li img { width:80px; }
.mainvisual .mainLog .linkArea li p { color:#fff; margin:0 0 3px; padding:0px; }
.mainvisual .mainLog .linkArea li h3 { font-family:'GS_M'; color:#980826; margin:0px; padding:0px; font-size:16px; }

.loginAfter { padding:15px 0; background-image:url(../img/back/black.png); background-size:auto 100%; margin:0px; text-align:center; }
.loginAfter h5 { display:inline-block; vertical-align:middle; margin:0px; padding:0px; font-family:'GS_L'; font-size:15px; color:#fff; }
.loginAfter span { display:inline-block; vertical-align:middle; color:#ff9; margin:0 15px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#ff9; }
.loginAfter span img { vertical-align:middle; margin-top:-3px; }
.loginAfter a { display:inline-block; vertical-align:middle; text-decoration:none; padding:3px 6px; border-radius:2px; background-image:url(../img/back/blue.png); background-size:auto 100%; color:#fff; }

.myWalet { padding:0 0 15px; margin:0px; border-bottom:1px solid #222; }
.myWalet h3 { text-align:left; padding:0 20px; height:60px; line-height:60px; margin:0px; font-family:'GS_L'; color:#09F; font-size:17px; }
.myWalet h3 span.refresh { float:right; display:inline-block; margin-top:15px; width:25px; height:25px; background-color:#222; background-position:center; background-repeat:no-repeat; background-image:url(../img/icon/reset.png); background-size:60%;}
.myWalet h3 span.recover { display:inline-block;  margin-left:10px;margin-top:15px; width:25px; height:25px; background-color:#222; background-position:center; background-repeat:no-repeat; background-image:url(../img/icon/recover.png); background-size:60%;}
.myWalet .myArea { margin:0 15px; background-color:#000; }
.myWalet .myArea h4 { text-align:center; padding:10px 0; font-family:'GS_L'; color:#fff; font-size:14px; background-color:#222; margin:0px; }
.myWalet .myArea li { overflow:hidden; padding:6px 10px; border-top:1px solid #111; }
.myWalet .myArea li:first-child { border:0px; }
.myWalet .myArea li h5 { display:inline-block; vertical-align:middle; height:25px; line-height:25px; margin:0px; padding:0px; color:#666; font-family:'GS_M'; font-size:14px; float:left; }
.myWalet .myArea li p { display:inline-block; vertical-align:middle; height:25px; line-height:25px; margin:0px; padding:0px; color:#fff; font-family:'GS_L'; font-size:14px; float:right; font-weight:bold; }
.myWalet > div { font-family:'GS_L'; color:#09F; font-size:14px; font-weight:bold; margin:0 15px; text-align:left; padding:20px 10px; background-color:#222; }
.myWalet > div span { float:right; }
.myLinkbtn { padding:0; }
.myLinkbtn ul { padding:0px; margin:0; }
.myLinkbtn ul li { float:left; height:60px; line-height:60px; color:#666; width:50%; text-align:left; border-left:1px solid #222; border-bottom:1px solid #222; padding-left:15px; box-sizing:border-box; cursor:pointer; }
.myLinkbtn ul li:hover { background-image:url(../img/back/blue.png); background-size:auto 100%; color:#fff; }
.myLinkbtn ul li img { height:30px; vertical-align:middle; }

.item01 .visual-img { background: #000 url('/inc/img/1.jpg?v=1') no-repeat 100% 50%; }
.item01 .visual-right { position:absolute; top:0px; right:150px; }
.item01 .main-visual-txt1 { font-size:27px; font-family:'GS_B'; }
.item01 .main-visual-txt2 { font-size:13px; }
.item01 .main-visual-txt3 { font-size:13px; }

.item02 .visual-img { background: #000 url('/inc/img/2.jpg?v=1') no-repeat 100% 50%; }
.item02 .visual-right { position:absolute; top:0px; right:150px; }
.item02 .main-visual-txt1 { font-size:27px; font-family:'GS_B'; }
.item02 .main-visual-txt2 { font-size:13px; }
.item02 .main-visual-txt3 { font-size:13px; }

.item03 .visual-img { background: #000 url('/inc/img/3.jpg?v=2') no-repeat 100% 50%; }
.item03 .visual-right { position:absolute; top:0px; right:150px; }
.item03 .main-visual-txt1 { font-size:48px; font-family:'GS_B'; }
.item03 .main-visual-txt2 { font-size:21px; font-family:'SJ_R'; }
.item03 .main-visual-txt3 { font-size:21px; font-family:'SJ_R'; }

.item04 .visual-img { background: #000 url('/inc/img/4.jpg?v=1') no-repeat 100% 50%; }
.item04 .visual-right { position:absolute; top:0px; right:150px; }
.item04 .main-visual-txt1 { font-size:48px; font-family:'GS_B'; }
.item04 .main-visual-txt2 { font-size:21px; font-family:'SJ_R'; }
.item04 .main-visual-txt3 { font-size:21px; font-family:'SJ_R'; }

/* 모바일 픽스메뉴 */
.mobile_menus { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:10002; display:none; }
.mobile_menus ul { text-align:center; margin:100px 40px 0; }
.mobile_menus ul li { display:inline-block; width:130px; height:120px; cursor:pointer; padding:0; border:1px solid #ff9; color:#ff9; margin:2px 0; text-align:center; border-radius:7px; background-image:url(../img/back/black.png); background-size:auto 100%; }
.mobile_menus ul li h5 img { width:50px; }
.mobile_menus .closeMms { display:block; width:30px; height:30px; margin:auto; position:absolute; top:15px; right:15px; background-image:url(../img/close.png); background-size:100%; cursor:pointer; }
}