@font-face {
font-family: 'Swagger TTF';
src: url('/public/font/SwaggerTTF.woff2') format('woff2'),
url('/public/font/SwaggerTTF.woff') format('woff');
font-weight: normal;
font-style: normal;
}

html,body {height:100%; overflow-y:hidden; background-color:#000;}
body, button, input, textarea, a, label, select {font-family:'굴림', Gulim, sans-serif;}

.c_fff {color:#fff;}
.c_eee {color:#eee;}
.c_eace63 {color:#eace63;}

/* summary_btn */
.summary_btn_area {position:absolute; top:-107px; left:0; right:0; height:50px;}
.summary_btn_area .btn {float:right; margin:7px 10px 0 0; width:43px; height:36px; background:url('/public/images/minigame/common/sp_btn.png') no-repeat 0 -9999px; text-indent:-9999px;}
.summary_btn_area .btn.btn_home {float:left; margin-left:30px; background-position:0 0;}
.summary_btn_area .btn_result {display:none;}
.summary_btn_area .btn_tip {background-position:-50px 0;}
.summary_btn_area .btn_share {background-position:-100px 0;}
.summary_btn_area .btn_effect_sound {margin-right:30px; background-position:-200px 0;}
.summary_btn_area .btn_effect_sound.on {background-position:-150px 0;}

/* game_notify */
.game_notify {display:none; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, .5); backdrop-filter:blur(10px); z-index:100;}
.game_notify .notify_area {position:relative; margin:150px auto 0 auto; padding:30px; width:695px; height:305px; box-sizing:border-box; z-index:110; color:#fae6c5; border:3px solid #e1b328; border-radius:10px; background-color:#000;}
.game_notify .notify_area .tit {margin:0 0 35px 0; text-align:center; font-family:Swagger TTF, sans-serif; font-size:30px; font-weight:normal; color:#e9ca60; text-shadow:0 0 3px #111;}
.game_notify .notify_area p {line-height:21px;}
.game_notify .notify_area .m10 {margin-bottom:10px;}
.game_notify .notify_area .m15 {margin-bottom:15px;}
.game_notify .notify_area .m20 {margin-bottom:20px;}
.game_notify .notify_area .mail {color:#fae6c5; border-bottom:1px solid #fae6c5;}
.game_notify .notify_area .mail:hover {text-decoration:none;}
.game_notify ._background {position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.6); transition: opacity .2625s cubic-bezier(.215,.61,.355,1); z-index:100}

/* game_closed */
.game_closed {position:absolute; top:20px; left:19px; width:270px; height:270px; border-radius:10px; background-color:#171420; z-index:100;}
.game_closed dl {padding-top:60px; text-align:center; font-family:Swagger TTF, sans-serif;}
.game_closed dt {margin-bottom:20px; font-size:30px; text-shadow:0 0 5px #000; color:#fff;}
.game_closed p {line-height:28px; font-size:20px; color:#ccc;}
.game_closed a {display:inline-block; margin-top:25px; color:#e3d42b; font-size:18px; text-decoration:underline; font-family:Swagger TTF, sans-serif;}
.game_closed.speedkeno {left:14px; width:280px; height:289px;}

/* chat_area */
.chat_area {position:relative;}
.chat_area .top {margin:0 6px 10px 6px; height:37px; text-align:center; font-family:Swagger TTF, sans-serif;}
.chat_area .tit {display:inline-block; line-height:37px; font-size:19px;  font-weight:normal; color:#fff; text-shadow:0 0 5px #19003a;}
.chat_area .btn_room_list {display:block; margin:9px auto 0 auto; width:215px; height:36px; background:url('/public/images/minigame/common/sp_btn.png') no-repeat 0 -80px; text-indent:-9999px; overflow:hidden;}
.chat_list li {margin:0 auto 4px auto; width:214px;}
.chat_list li a {position:relative; display:block; padding:0 10px 0 33px; height:36px; border-radius:5px; background:rgba(0, 0, 0, 0.35); overflow:hidden; border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); box-sizing:border-box;}
.chat_list li a:before {position:absolute; top:0; left:0; width:33px; height:36px; line-height:36px; text-align:center; font-family:Swagger TTF, sans-serif; font-size:15px; z-index:10; color:#f9d53e; text-shadow:0 0 5px #061319;}
.chat_list li a:hover .subject {text-decoration:underline;}
.chat_list .rank1 a {padding:0 10px; height:214px;}
.chat_list .rank1 a:after {position:absolute; top:11px; left:50%; content:''; margin-left:-68px; width:136px; height:163px; background:url('/public/images/minigame/common/sp_chat.png') no-repeat;}
.chat_list .rank1 a:before {content:''; top:10px; left:10px; width:41px; height:44px; background:url('/public/images/minigame/common/sp_chat.png') no-repeat -140px 0;}
.chat_list .rank1 .subject {line-height:19px;}
.chat_list .rank2 a:before {content:'2위';}
.chat_list .rank3 a:before {content:'3위';}
.chat_list .rank4 a:before {content:'4위';}
.chat_list .rank5 a:before {content:'5위';}
.chat_list .profile_img {display:block; margin:40px auto 15px auto; width:130px; height:130px; border-radius:100%; background-color:#061319;}
.chat_list .subject {line-height:35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#fff;}

/* dist_list */
.dist_list {margin-top:10px; font-family:Swagger TTF, sans-serif;}
.dist_list .graph {position:relative; margin:0 auto 8px auto; padding:1px 0; width:270px; height:18px; border-radius:9px; background:rgba(0, 0, 0, 0.35);}
.dist_list .graph h3 {position:absolute; top:-2px; left:50%; margin-left:-38px; width:80px; height:24px; line-height:25px; text-align:center; background:url('/public/images/minigame/common/sp_dist.png') no-repeat; z-index:10; font-weight:normal;}
.dist_list .graph h3 {font-size:14px; color:#fff; font-weight:normal; text-shadow:0 0 3px #111;}
.dist_list .graph h3 {background-position:3px -40px;}
.dist_list .graph h3.left {background-position:-77px -40px;}
.dist_list .graph h3.right {background-position:-157px -40px;}
.dist_list .graph .bar {position:relative; float:left; width:50%; box-sizing:border-box;}
.dist_list .graph .bar.left {padding:0 25px 0 1px;}
.dist_list .graph .bar.right {padding:0 1px 0 25px;}
.dist_list .graph .bar span {height:18px; background-image:url('/public/images/minigame/common/bg_gauge.png'); animation:animate-waiting-gauge 0.5s linear infinite; transition:width .5s ease-in-out;}
.dist_list .graph .bar.left span {float:right; border-top-left-radius:9px; border-bottom-left-radius:9px; background-color:#106de1;}
.dist_list .graph .bar.right span {float:left; border-top-right-radius:9px; border-bottom-right-radius:9px; background-color:#e42828;}
.dist_list .graph .tx {position:absolute; line-height:16px; color:#fff; font-size:9px; font-weight:bold; font-family:Tahom, sans-serif;}
.dist_list .graph .left .tx {text-align:left; left:10px;}
.dist_list .graph .right .tx {text-align:right; right:10px;}
.dist_list .graph_lms {display:flex; margin:0 auto 8px auto; width:270px;}
.dist_list .graph_lms dl {position:relative; flex:1; height:18px; border-radius:9px; background:rgba(0, 0, 0, 0.35);}
.dist_list .graph_lms dl.middle {margin:0 10px;}
.dist_list .graph_lms dt {position:absolute; top:-2px; width:28px; height:24px; line-height:24px; text-align:center; background:url('/public/images/minigame/common/sp_dist.png') no-repeat 0 -120px; font-size:14px; color:#fff; text-shadow:0 0 3px #111;}
.dist_list .graph_lms dd {padding-left:16px;}
.dist_list .graph_lms dd .tx {position:absolute; right:10px; text-align:right; line-height:16px; color:#fff; font-size:9px; font-weight:bold; font-family:Tahom, sans-serif;}
.dist_list .graph_lms dd .per {float:left; height:18px; border-top-right-radius:9px; border-bottom-right-radius:9px; background-image:url('/public/images/minigame/common/bg_gauge.png'); animation:animate-waiting-gauge 0.5s linear infinite; transition:width .5s ease-in-out;}
.dist_list .graph_lms .large dt.on {background-position:-30px -120px;}
.dist_list .graph_lms .middle dt.on {background-position:-60px -120px;}
.dist_list .graph_lms .small dt.on {background-position:-90px -120px;}

.dist_list .graph_lms .large .per {background-color:#e42828;}
.dist_list .graph_lms .middle .per {background-color:#1e9d53;}
.dist_list .graph_lms .small .per {background-color:#106de1;}
.dist_list.dist_powerball h3 {margin-left:-37px; width:74px; background-position:0 -40px;}
.dist_list.dist_powerball .graph h3.left {background-position:-80px -40px;}
.dist_list.dist_powerball .graph h3.right {background-position:-160px -40px;}
.dist_list.dist_speedkeno h3 {margin-left:-42px; width:84px; background-position:0 -80px;}
.dist_list.dist_speedkeno .graph h3.left {background-position:-90px -80px;}
.dist_list.dist_speedkeno .graph h3.right {background-position:-180px -80px;}
@keyframes animate-waiting-gauge {from {background-position:15px 0;} to {background-position:0 0;}}


/* layer_pattern */
.layer_pattern {display:none; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, .9); backdrop-filter:blur(4px); z-index:101;}
.layer_pattern .inner {position:relative; margin:0 auto; max-width:900px;}
.layer_pattern .inner:after {display:block; content:''; clear:both;}
.layer_pattern .btn_close {position:absolute; top:0; right:-20px; width:71px; height:71px; text-indent:-9999px; overflow:hidden;}
.layer_pattern .btn_close:before {float:left; margin:25px; content:''; width:21px; height:21px; background:url('/public/images/minigame/common/ic_close.png') no-repeat;}
.layer_pattern .hd {padding:0 30px 1px 30px; background-color:#222;}
.layer_pattern .hd .tit {float:left; margin-right:15px; line-height:71px; font-size:12px; color:#fff;}
.layer_pattern .hd .menu {float:left; margin-top:20px; width:698px;}
.layer_pattern .hd .menu li {float:left;}
.layer_pattern .hd .menu li:nth-child(5) {clear:left;}
.layer_pattern .hd .menu a {float:left; padding:0 15px; height:31px; line-height:31px; color:#eee;}
.layer_pattern .hd .menu a.selected {font-weight:bold; color:#f9d53e; letter-spacing:-1px;}
.layer_pattern .bd {margin-top:51px; background-color:#333; color:#eee;}
.layer_pattern .bd .inner:after {position:absolute; content:''; bottom:0; right:0; width:10px; height:10px; background-color:#000;}
.layer_pattern .option {position:absolute; top:-51px; left:30px; height:51px;}
.layer_pattern .option:after {display:block; content:''; clear:both;}
.layer_pattern .option li {float:left;}
.layer_pattern .option a {float:left; padding:0 15px; height:51px; line-height:51px; color:#eee;}
.layer_pattern .option a.selected {font-weight:bold; color:#eace63; letter-spacing:-1px;}
.layer_pattern .option li:first-child a {padding-left:0;}
.layer_pattern .data_area {position:relative; max-width:900px; max-height:480px; overflow-y:auto; overflow-x:scroll;}
.layer_pattern .data_area:before {position:absolute; content:''; left:0; right:0; height:85px;}
.layer_pattern .data_area::-webkit-scrollbar-track {border-radius:5px;}
.layer_pattern .data_area::-webkit-scrollbar {width:10px; height:10px; background-color:#000;}
.layer_pattern .data_area::-webkit-scrollbar-thumb {width:1px; background-color:#e1b328;}
.layer_pattern .pattern_data {padding-bottom:10px; font-size:0;}
.layer_pattern .pattern_data dl {display:inline-block; margin-left:-1px; vertical-align:top;}
.layer_pattern .pattern_data dl span {position:relative; display:block; width:29px; text-align:center; font-family:Tahoma, sans-serif; font-size:10px; z-index:1; color:#fff;}
.layer_pattern .pattern_data dl:first-child {margin-left:0;}
.layer_pattern .pattern_data dt {margin-bottom:5px;}
.layer_pattern .pattern_data dt .tx{height:31px; line-height:31px; font-family:'굴림', Gulim, Helvetica, sans-serif; font-size:12px; background-color:#222;}
.layer_pattern .pattern_data dt .tx.ODD,
.layer_pattern .pattern_data dt .tx.UNDER,
.layer_pattern .pattern_data dt .tx.MEDIUM {color:#3498db;}
.layer_pattern .pattern_data dt .tx.EVEN,
.layer_pattern .pattern_data dt .tx.OVER,
.layer_pattern .pattern_data dt .tx.LARGE {color:#e74c3c;}
.layer_pattern .pattern_data dt .tx.SMALL {color:#27ae60;}
.layer_pattern .pattern_data dt .tx.A {color:#ffba00;}
.layer_pattern .pattern_data dt .tx.B {color:#b08102;}
.layer_pattern .pattern_data dt .tx.C {color:#7f5d02;}
.layer_pattern .pattern_data dt .tx.D {color:#4b3701;}
.layer_pattern .pattern_data dt .length {height:27px; line-height:27px;}
.layer_pattern .pattern_data dt .times {height:27px; line-height:27px; background-color:#222;}
.layer_pattern .pattern_data dd {margin-top:1px;}
.layer_pattern .pattern_data dd span {width:27px; height:27px; line-height:27px; border-radius:100%; color:#fff;}
.layer_pattern .pattern_data dd .ODD,
.layer_pattern .pattern_data dd .UNDER,
.layer_pattern .pattern_data dd .MEDIUM {background-color:#3498db;}
.layer_pattern .pattern_data dd .EVEN,
.layer_pattern .pattern_data dd .OVER,
.layer_pattern .pattern_data dd .LARGE {background-color:#e74c3c;}
.layer_pattern .pattern_data dd .SMALL {background-color:#27ae60;}
.layer_pattern .pattern_data dd .A {background-color:#ffba00;}
.layer_pattern .pattern_data dd .B {background-color:#b08102;}
.layer_pattern .pattern_data dd .C {background-color:#7f5d02;}
.layer_pattern .pattern_data dd .D {background-color:#4b3701;}
.speedkeno_wrap .layer_pattern .hd .menu li:nth-child(5) {clear:none;}

.stats_loading {display:none; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px; width:100px; height:100px; z-index:20;}
.stats_loading ul {margin:25px 0 0 29px;}
.stats_loading li {float:left; margin:0 2px; width:10px; height:50px; background-color:#333;}
.stats_loading li:first-child {animation:stats_loading 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s;}
.stats_loading li:nth-child(2) {animation:stats_loading 0.6s ease-in-out infinite -0.5s;}
.stats_loading li:nth-child(3) {animation:stats_loading 0.6s ease-in-out infinite -1s;}
@keyframes stats_loading {
0% {margin-top:25px; height:10px; background-color:#000;}
50% {margin-top:0; height:50px;}
100% {margin-top:25px; height:10px; background-color:#333;}
}

/* layer_option */
.layer_option {display:none; position:absolute; top:10px; border-radius:20px; background:rgba(0, 0, 0, 0.9); z-index:101;}
.layer_option .inner {position:relative; padding:20px 20px 20px 20px;}
.layer_option .tit {margin:10px 0 25px 0; font-size:12px; color:#fff !important;}
.layer_option p {line-height:21px; color:#fff;}
.layer_option .btn_close {position:absolute; top:13px; right:13px; width:43px; height:36px; border-radius:13px; background:url('/public/images/minigame/common/ic_close.png') no-repeat center center; text-indent:-9999px; overflow:hidden;}

/* layer_tip */
.layer_tip {right:123px; width:475px;}
.layer_tip .mt40 {margin-top:40px;}
.layer_tip .pl10 {padding-left:10px;}
.layer_tip .tip_box .tit {margin-bottom:10px; color:#e1b328 !important; font-weight:bold;}
.layer_tip .lnk {color:#eace63; text-decoration:underline;}
.layer_tip strong {color:#e1b328;}
.layer_tip .detail dl {position:relative; margin-bottom:5px;}
.layer_tip .detail dt {position:absolute; left:0; line-height:19px; color:#00ffea;}
.layer_tip .detail dd {padding-left:50px; left:0; line-height:19px; color:#fff;}
.layer_tip .detail p {margin-top:20px; color:#00ffea;}

/* layer_share */
.layer_share {right:70px; width:500px;}
.layer_share .tit {margin-bottom:35px;}
.layer_share .code {margin-bottom:20px; padding:20px; width:100%; line-height:20px; border:none; background-color:#111; box-sizing:border-box;}
.layer_share .code span {display:block; color:#fff;}
.layer_share .code span:last-of-type {margin-top:10px;}
.layer_share .code em {color:#eace63; outline:none;}