@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@charset 'utf-8';
/* @import url(cm_font.css); */

/* ●●●●●●●●●● 기본설정 */

html {width:100%; height:100%;}
body {margin:0; padding:0; background:#000;  overflow-x:hidden;}

 
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {color:#666; word-wrap:break-word; word-break:break-all;  font-size:12px; font-weight:400}
b,strong {word-wrap:break-word; word-break:break-all; font-family:inherit; font-weight:600}


p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none; }
ul,ol,li,td,dl,dt,dd {margin:0; padding:0; list-style-type:none;}
em,i {font-style:normal}
a,span {display:inline-block;}
img {border:0;}

a:link, a:visited {color:#999; text-decoration: none; cursor:pointer}
a:hover, a:active {color:#333; text-decoration: none;}

/* 마우스 드래그시 컬러 (디자인적으로 필요하면 사용) 하위브라우저 적용안됨 */
::selection {background:#bbb; color:#fff; text-shadow: none;} 
::-moz-selection {background:#bbb; color:#fff; text-shadow: none;} 
::-webkit-selection {background:#bbb; color:#fff; text-shadow: none;} 

body::-webkit-scrollbar {width:6px; }
body::-webkit-scrollbar-thumb { background:#ff58f5;}

/* 폼요소기본 */
label {display:inline-block; overflow:hidden; cursor:pointer; color:#888}
label:hover {color:#333}
label input[type=checkbox],label input[type=radio] {float:left; margin-right:5px; height:13px; width:13px; cursor:pointer; outline:none}

input[type=submit],input[type=button],button {cursor:pointer; border:0; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; outline: none; background:transparent;}
input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel] {margin:0; padding:0; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; border:0; outline: none;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* number 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input {color:#666; background:transparent; margin:0;padding:0;}
input:focus {color:#999 !important;}

textarea {color:#999; background:transparent; margin:0;padding:0; outline:none; border:0}
textarea:focus {color:#333 !important;}

select {color:#999; cursor:pointer; font-size: inherit !important; font-family: inherit !important;} /* 셀렉트는오류때문에 필수! */

/* 셀렉트박스 */
.select {height:35px; overflow:hidden; position:relative; border:1px solid #333; background:#333; margin-bottom:3px; box-sizing:border-box;}
.select:only-of-type {margin-bottom:0;}
.select select {outline:none; width:100%; padding:9px; height:35px; box-sizing:border-box; border:none; color:#999; letter-spacing:-0.5px; position:absolute; left:0; top:0; -webkit-appearance:none; background:transparent;}
.select .ic_arrow {width:35px; height:35px; position:absolute; right:0; top:0; background:transparent url('/imgs/view_select_ic.png?1') center center no-repeat; background-size:14px; border-left:1px solid #444}
/* 사용법
<div class="select">
	<span class="ic_arrow"></span>
	<select name="">
		<option value="0">옵션</option>
	</select>
</div>
*/


/* placeholder는 아직 브라우저 환경때문에 PC버전에서 사용안함  */
input::-webkit-input-placeholder {color:#999}
input::input-placeholder {color:#999}
textarea::-webkit-textarea-placeholder {color:#ff0000}
textarea::textarea-placeholder {color:#ff0000}


/* 이미지롤오버 */
.roll_off {display:block;}
.roll_over {display:none;}
a:hover .roll_off {display:none;}
a:hover .roll_over {display:block;}
.roll_hit .roll_off {display:none;}
.roll_hit .roll_over {display:block;}
/* Use <a href="" class="roll_hit"><img src="" class="roll_over" alt="" /><img src="" class="roll_off" alt="" /></a> */

.wrap {position:relative;} /* 이부분 실작업시 수정할것! */
.lineup {display:inline-block} /* float요소들 정렬시킬때 사용 */
.layout_fix {max-width:1320px; position:relative; margin:0 auto;} /* 컨첸츠 레이아웃 전체값 */
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2999;}
.upper_link img {width:100%; height:100%;}

.exchange_box {overflow:hidden; line-height:38px; color:#feff85; font-size:16px;}
.exchange_box span {color:#feff85; font-size:16px;}
.partner_notice {text-align:center; color:#999; font-size:15px; margin-top:10px;}
.cnt {font-family:inherit;font-size:inherit;color:inherit;}
.margin10 {margin-top:10px;}
.margin20 {margin-top:20px !important;}
.point {font-size:inherit;font-weight:inherit;color:inherit}
.point_text {color:#eee; font-weight:bold; font-size:14px; line-height:38px;}
.sexy_baccart {font-size:16px; text-align: center; height:40px; background-color:#999; line-height:40px; color: #000;}
.fsize11 {font-size:11px;}
.fsize12 {font-size:12px;}
.fsize14 {font-size:14px;}
.disable {pointer-events:none;}


.header { position:relative; height:150px;}
.header .logo {position:absolute; top:-39px; left:0; z-index:1; width:242px; height:207px; overflow:hidden;}
.header .logo img {width:100%; height:100%;}
.nav_menu_box {overflow:hidden; position:absolute; top:76px; left:0; width:100%;}
.nav_menu_box.login_after {top:34px;}
.nav_menu_box .menu_box {float:left; margin-left:224px;}
.nav_menu_box .login_box {float:right;}
.nav_menu_box li {float:left; margin-left:10px;}
.nav_menu_box li:first-child {margin-left:0;}
.nav_menu_box li .menu {display:block;}
.nav_menu_box .hover_on {display:none;}
.nav_menu_box li:hover  .hover_off {display:none;}
.nav_menu_box li:hover  .hover_on {display:block;}
.myarea {position:absolute; top:102px; left:224px; width:1095px}
.myarea dd {float:left; margin-left:32px; position:relative;}
.myarea dd .box {width:128px; height:44px; line-height:44px; text-align:right; padding:0 10px; cursor:pointer;}
.myarea dd:first-child {margin-left:0;}
.myarea dd:first-child .box {background:url("/imgs/turbo/info_slotsm.png?1") no-repeat;}
.myarea dd:nth-child(2) .box {background:url("/imgs/turbo/info_casinom.png?1") no-repeat;}
.myarea dd:nth-child(3) .box {background:url("/imgs/turbo/info_point.png?1") no-repeat;}
.myarea dd .help_txt {display:none; position:absolute; bottom:-12px; right:-15px; width:80px; height:24px; line-height:24px; background:rgba(0,0,0,0.8);  text-align:center; color:#fff; border-radius:2px; font-size:12px; letter-spacing:-1px; font-weight:bold;}
.myarea dd:hover .help_txt {display:block;}
.myarea dt {float:right; overflow:hidden; background:url("/imgs/turbo/info_bg.png?1") no-repeat; width:515px; height:43px; line-height:43px; padding:0 15px; }
.myarea dt li {float:left; color:#fff; font-size:15px; font-weight:bold; overflow:hidden;}
.myarea dt li:last-child {float:right;}
.myarea dt li span {margin-left:25px; padding-top:5px; float:left;}
.myarea dt li a {display:block; overflow:hidden;}
.myarea span { font-size:15px; color:#fff;}

.tournaments_popup {position:relative;}
.tournaments_popup .btn {position:relative; cursor:pointer; float:left; margin-left:370px;}
.tournaments_popup .con {position:fixed; top:300px; left:31%; width:1024px; height:356px; z-index:5999; overflow:hidden; display:none;}
.tournaments_popup .con .close_btn {cursor:pointer; background:#333; color:#ddd; padding:6px 14px; position:absolute; top:5px; right:5px;}
.tournaments_popup .con iframe {width:100%; height:100%; }

.container {min-height:750px; overflow:hidden;}
.main_left_box {width:240px; overflow:hidden; float:left; border-radius:3px;}
.main_right_box {width:240px; overflow:hidden; float:right; border-radius:3px;}
.container .more {float:right; font-size:12px; margin-top:2px;}
.container .more:hover {color:#ddd}
.container .top_box {height:300px; background:rgba(0,0,0,0.4) url("/imgs/turbo/border_notice.png") no-repeat;}
.container .bottom_box {background:rgba(0,0,0,0.4) url("/imgs/turbo/border_event.png") no-repeat; height:390px; margin-top:12px;}
.container .bottom_box .title {border-bottom:1px solid #444;}
.main_right_box.board_box .top_box {background:url("/imgs/turbo/border_top5.png") no-repeat;;}
.board_box .title {color:#eee; font-size:15px; font-weight:bold; padding:12px 12px 8px 12px; border-bottom:1px solid #4d1d71; margin:0 12px;}
.board_box .notice_list {padding:20px 12px;}
.board_box .notice_list li .list{margin-bottom:13px; font-size:13px; color:#ddd; background:url("/imgs/turbo/list_symbol.gif") left no-repeat; width:200px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; padding-left:10px;}
.board_box .notice_list li:hover .list {color:#ffc600;}
.board_box .event_list {padding:2px 12px 20px 12px; overflow:hidden;}
.board_box .event_list li {width:100px; position:relative; margin-top:22px; margin-left:10px; float:left;}
.board_box .event_list li:first-child {margin-left:0;}
.board_box .event_list li:nth-child(3) {margin-left:0;}
.board_box .event_list li img {width:100%; height:50px; border:1px solid #444; border-radius:2px;}
.board_box .event_list li .txt {color:#ddd; font-weight:bold; font-size:13px; text-align:center; padding:2px 0;}
.board_box .event_list li .date {color:#ffc600; font-size:11px; margin-top:1px; letter-spacing:-1px; text-align:center;}
.board_box .exchange_list li {overflow:hidden; width:210px; height:40px; margin:6px auto; text-align:center; background-size:100% 100%;}
.board_box .exchange_list li:first-child {margin-top:14px; background:url("/imgs/lank_1.png") no-repeat;}
.board_box .exchange_list li:nth-child(2) {background:url("/imgs/lank_2.png") no-repeat;}
.board_box .exchange_list li:nth-child(3) {background:url("/imgs/lank_3.png") no-repeat;}
.board_box .exchange_list li:nth-child(4) {background:url("/imgs/lank_4.png") no-repeat;}
.board_box .exchange_list li:nth-child(5) {background:url("/imgs/lank_5.png") no-repeat;}
.board_box .exchange_list li .name {color:#ddd; font-size:13px; font-weight:bold; margin-top:5px;}
.board_box .exchange_list li .money {color:#ffc600; font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-top:2px;}
.board_box .realtime_list {height:278px; margin:15px 20px; padding:15px 10px; border-radius:5px; background:#111; border:1px solid #333; overflow-x:hidden;}
.board_box .realtime_list::-webkit-scrollbar {width:8px;}
.board_box .realtime_list::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);  background:#111; border-radius:5px;}
.board_box .realtime_list::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:10px; background:#555;}
.board_box .realtime_list li {overflow:hidden; font-size:16px; color:#999; margin-bottom:5px; font-weight:bold;}
.board_box .realtime_list li .time {float:left; color:#ffc600;}
.board_box .realtime_list li .name {float:left; margin-left:10px; color:#ffc600;}
.board_box .realtime_list li .money {float:right; color:#ddd;}

.top_area {overflow:hidden; margin-bottom:12px; position:relative; display: flex ; align-items: center;}
.marquee {flex: 1; float: left; width: 100%; height: 40px; line-height: 40px; color: #c8c8c8; font-size: 16px; border: 1px solid #433e1d; border-left: 0; border-right: 0; font-family: 'Jeju Gothic', serif;}
.search_box {overflow:hidden; float:left;}
.search_box .search_input {overflow:hidden; float:left;  width:408px; height:34px; line-height:34px; border:3px solid #ff7150; border-radius:500px; background:#000;}
.search_box .search_input input {color:#eee; background:none; width:378px; padding:0 10px; font-size:14px; font-weight:bold; border:none; letter-spacing:-1px; outline:none;}
.search_box .search_input input:focus {background:none;}
.search_box .search_button {overflow:hidden; float:left; margin-left:6px; background:linear-gradient(0deg, rgba(226,56,29,1) 0%,  rgba(255,119,97,1) 100%); width:84px; height:40px; line-height:40px; border-radius:500px; text-align:center;}
.search_box .search_button button {color:#fff;  background:none; border:none; font-size:16px; font-weight:bold; letter-spacing:-1px;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.search_result_txt {overflow:hidden; text-align:center; color:#eee; font-size:14px; letter-spacing:-1px;}
.search_result_txt strong {color:#f912c0;}
.top_area .telegram {margin-top:-6px;  overflow:hidden; float:right; background:url('/imgs/turbo/tellegram.png?21') no-repeat; width:267px; height:46px; line-height:48px; text-indent:50px;background-size:100% 100%; text-align:center; color:#1983b3; font-weight:bold; font-size:14px;}
.game_list_layer .search_box {float:none; clear:both; width:505px; margin:30px auto; }

.game_list_box {overflow:hidden; width:1000px; margin-left:10px; float:left;}
.game_list_box li {position:relative; overflow:hidden; width:152px; height:193px; float:left; margin-left:12px; margin-bottom:10px; text-align:center; background:url("/imgs/border_s.png?1") no-repeat; }
.game_list_box li:first-child {width:318px; height:300px; background:url("/imgs/border_rtg.png?1") no-repeat;}
.game_list_box li:first-child .imgs {width:270px; height:254px; margin-top:22px; margin-left:24px;}
.game_list_box li:first-child .game_logo {width:270px !important; border-radius:0; left:24px !important;}
.game_list_box li:first-child .game_logo img {width:160px;}
.game_list_box li:first-child .imgs img:nth-child(2) {left:500px;}
.game_list_box li:first-child:hover .imgs img {transform:scale(1.0) !important;}
.game_list_box li:nth-child(2) {width:318px; height:300px; margin:0 10px; border:0; background:none;}
.game_list_box li:nth-child(2) .imgs {width:270px; height:97px; margin-top:22px; margin-left:24px;}
.game_list_box li:nth-child(2) .imgs img:nth-child(2) {left:500px;}
.game_list_box li:nth-child(2) .game_logo {width:269px !important; border-radius:0; left:24px !important;}
.game_list_box li:nth-child(2) .game_logo img {width:160px;}
.game_list_box li:nth-child(2):hover .imgs img {transform:scale(1.0) !important;}
.game_list_box li:nth-child(3) {width:318px; height:300px; margin-left:0; border:0; background:none;}
.game_list_box li:nth-child(3) .imgs {width:270px; height:97px; margin-top:22px; margin-left:24px;}
.game_list_box li:nth-child(3) .imgs img:nth-child(2) {left:500px;}
.game_list_box li:nth-child(3) .game_logo {width:269px !important; border-radius:0; left:24px !important;}
.game_list_box li:nth-child(3) .game_logo img {width:160px;}
.game_list_box li:nth-child(3):hover .imgs img {transform:scale(1.0) !important;}
.game_list_box li .box {position:relative; overflow:hidden; margin-top:10px; height:145px; background:url("/imgs/border_g.png?1") no-repeat;}
.game_list_box li .box:first-child {margin-top:0;}
.game_list_box li .box .game_logo {position:absolute; z-index:2001; top:40px; left:0; height:66px; width:100%; background:rgba(0,0,0,0.7);}
.game_list_box li .imgs {width:122px; height:163px; position:relative; margin-top:14px; margin-left:15px; overflow:hidden; background:rgba(0,0,0,0.4);}
.game_list_box li .imgs img {width:100%; height:100%; position:absolute; border-radius:14px;}
.game_list_box li .imgs img:first-child {left:0;}
.game_list_box li .imgs img:nth-child(2) {left:500px;}
.game_list_box li .title {color:#eee; font-weight:bold; font-size:16px; margin:6px 0; display:none;}
.game_list_box li:first-child .game_logo {position:absolute; z-index:2001; top:115px; left:0; height:66px; width:100%; background:rgba(0,0,0,0.7);}
.game_list_box li .game_logo {position:absolute; bottom:14px; left:14px; background:rgba(0,0,0,0.8); width:123px; height:40px; border-radius:0 0 14px 14px;}
.game_list_box li .game_logo img {width:100px;}
.game_list_box li:hover .title {color:#ffc600}
.game_list_box li:hover .imgs img:first-child {animation:imgRotator1 2s ease-in-out infinite 0.5s; -moz-animation:imgRotator1 2s ease-in-out infinite 0.5s; -ms-animation:imgRotator1 2s ease-in-out infinite 0.5s;}
.game_list_box li:hover .imgs img:last-child {animation:imgRotator2 2s ease-in-out infinite 0.5s; -moz-animation:imgRotator2 2s ease-in-out infinite 0.5s; -ms-animation:imgRotator2 2s ease-in-out infinite 0.5s;}
@keyframes imgRotator1 {
    0% {
        opacity: 0;
        left: 0;
    }
    15%, 50% {
        opacity: 1;
        left: 400px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
@keyframes imgRotator2 {
    0% {
        opacity: 0;
        left: 50px;
    }
    30%, 80% {
        opacity: 1;
        left: 0;
    }
    100% {
        opacity: 0;
        left: -50px;
    }
}

@-moz-keyframes imgRotator1 {
    0% {
        opacity: 0;
        left: 0;
    }
    15%, 50% {
        opacity: 1;
        left: 400px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
@-moz-keyframes imgRotator2 {
    0% {
        opacity: 0;
        left: 50px;
    }
    30%, 80% {
        opacity: 1;
        left: 0;
    }
    100% {
        opacity: 0;
        left: -50px;
    }
}

@-ms-keyframes imgRotator1 {
    0% {
        opacity: 0;
        left: 0;
    }
    15%, 50% {
        opacity: 1;
        left: 400px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
@-ms-keyframes imgRotator2 {
    0% {
        opacity: 0;
        left: 50px;
    }
    30%, 80% {
        opacity: 1;
        left: 0;
    }
    100% {
        opacity: 0;
        left: -50px;
    }
}

.gradcircle {
    width: 100px;
    height: 100px;
    border-radius: 5rem;
    background: linear-gradient(to left, #ffbd86, #d743bb);
}

.footer {background:url("/imgs/turbo/bottom_bg.png") no-repeat; position:relative; margin-top:75px; height:230px;}
.footer .copyright {text-align:center;}
.footer .copyright dt {padding-top:62px;}
.footer .copyright dt img {width:86px; height:72px;}
.footer .copyright dd {margin-top:34px; font-size:14px;  font-weight:bold; background: linear-gradient(to left, #ffbd86, #d743bb); color: transparent; -webkit-background-clip: text;}
.footer .left_list {position:absolute; top:-46px; left:100px;}
.footer .right_list {position:absolute; top:-46px; right:100px;}
.footer li {text-align:center; margin-bottom:1px;}
.footer li a {color:#fff; font-size:14px; font-weight:bold; display:block; height:30px; line-height:30px; background:rgba(0,0,0,0.8); letter-spacing:-1px;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}


.box_bg {padding:20px; background:rgba(0,0,0,0.4); box-sizing:border-box; border:3px solid #433e1d; border-radius:10px;}
.contents {overflow:hidden; width:1000px; margin-left:10px; float:left;}
.contents .game_title {font-size:20px; color:#eee; font-weight:bold; margin-bottom:10px;}
.contents .money_function {overflow:hidden;}
.contents .money_function div {cursor:pointer; float:left; width:68px; height:36px; line-height:36px; text-align:center; font-size:14px; font-weight:bold; background:#333; color:#eee; margin-left:10px;}
.contents .money_function div:first-child {margin-left:0;}
.contents .money_function div:hover {background:#111;}
.contents .submit {cursor:pointer; background:#ffc600; color:#000; font-weight:bold; font-size:15px; text-align:center; width:200px; height:40px; line-height:40px; margin:30px auto;}
.contents input {border:0; width:200px; height:40px; padding:0 10px; background:#eee; outline:none; font-size:14px;}
.contents .money_wrap {overflow:hidden; line-height:40px;}
.contents .money_wrap span {float:left; font-size:14px; color:#eee; font-weight:bold; margin-right:10px;}
.contents .money_wrap .txt {margin-right:30px;}
.contents .money_guide {padding:10px 0; color:#ffc600; font-size:13px;}
.contents .cbform>div {display:inline-block; vertical-align:middle;}
.cbform .checkbox {width:14px; height:14px; border:2px solid #ffffff; background-color:#ffffff;} 
.cbform .checkbox.checked {background-color:#c01dcb;}


.event_area {overflow:hidden; margin-bottom:50px;}
.event_area li {float:left; text-align:center; position:relative; width:240px; height:300px; background:#333; margin-left:10px; border:1px solid #444;}
.event_area li:hover {background:#222;}
.event_area li:first-child {margin-left:0;}
.event_area li .title {font-size:17px; font-weight:bold; padding:10px 0; color:#fff;}
.event_area li .imgs {margin-bottom:5px; overflow:hidden; width:240px;}
.event_area li .imgs img {width:100%;}
.event_area li dd {font-size:13px; padding:4px 10px; color:#ddd;}
.event_area li .date {position:absolute; bottom:10px; left:0; width:100%; text-align:center; color:#ffc600; font-size:14px; font-weight:bold;}

.notice_area {overflow:hidden; margin-bottom:50px;}
.notice_area li {float:left; text-align:center; position:relative; width:324px; height:380px; background:#333; margin-left:10px; border:1px solid #444; margin-bottom:10px;}
.notice_area li:hover {background:#222;}
.notice_area li:first-child {margin-left:0;}
.notice_area li:nth-child(4) {margin-left:0;}
.notice_area li .title {font-size:18px; font-weight:bold; color:#fff; padding:0 10px; margin-bottom:10px;}
.notice_area li .imgs {overflow:hidden; height:130px;}
.notice_area li .imgs img {width:100%; height:100%;}
.notice_area li .date {color:#ddd; text-align:center; color:#ffc600; font-size:14px; font-weight:bold; padding:10px 0;}
.notice_area li .con {padding:0 18px; color:#bbb; font-size:13px; line-height:20px;}
.notice_area li .btn {background:#ffc600; color:#222; width:140px; height:36px; line-height:36px; font-weight:bold; font-size:15px; border-radius:500px; position:absolute; bottom:12px; left:50%; margin-left:-70px;}

.game_page_box {width:1320px; }
.game_page_box .left_area {float:left; width:873px; position:relative; margin-right:18px;}
.game_page_box .left_area .game_menu_area {overflow:hidden;background:url("/imgs/turbo/slots_bg.png") no-repeat; height:696px; position:relative; }
.game_page_box .left_area .game_menu_area ul {overflow-y:auto; height:590px; width:835px; margin-top:85px; margin-left:22px;}
.game_page_box .left_area .game_menu_area ul::-webkit-scrollbar {width:4px;}
.game_page_box .left_area .game_menu_area ul::-webkit-scrollbar-thumb { background:#ff58f5;}
.game_page_box .left_area .game_menu_area ul li {position:relative; overflow:hidden; height:124px; margin:6px 5px; float:left; text-align:center; position:relative; }
.game_page_box .left_area .game_menu_area ul li .imgs {width:155px; height:98px;}
.game_page_box .left_area .game_menu_area ul li .name {width:144px; height:30px; line-height:30px; color:#fff; font-size:14px; position:absolute; bottom:0; left:6px; background:url('/imgs/turbo/nametag.png') no-repeat;}
.game_page_box .maintenence {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; text-align:center; background:rgba(0,0,0,0.8); color:#fff; font-size:14px; line-height:110px; font-weight:bold;}

.casino_area {float:left; position:relative;}
.casino_area .casino_box {overflow:hidden; background:url("/imgs/turbo/casino_bg.png?1") no-repeat; width:429px; height:696px;}
.casino_area .casino_box ul {overflow-y:auto;  height:590px; width:368px; margin-top:85px; margin-left:45px; }
.casino_area .casino_box ul::-webkit-scrollbar {width:4px;}
.casino_area .casino_box ul::-webkit-scrollbar-thumb { background:#ff58f5;}
.casino_area .casino_box li {position:relative; overflow:hidden; height:124px; margin:6px 5px; float:left; text-align:center; position:relative; }
.casino_area .casino_box li .imgs {width:155px; height:98px;}
.casino_area .casino_box li .name {text-align:center; width:144px; height:30px; line-height:30px; color:#fff; font-size:14px; position:absolute; bottom:0; left:6px; background:url('/imgs/turbo/nametag.png') no-repeat;}


.game_page_box .left_area .bottom_btn_box {overflow:hidden; position:absolute; bottom:8px; left:8px; width:100%;}
.game_page_box .left_area .bottom_btn_box .btn {display:block; float:left; width:190px; height:41px; background:url("/imgs/menu_map.png?88888") no-repeat;}
.game_page_box .left_area .bottom_btn_box .btn:first-child {background-position:-5px -623px;}
.game_page_box .left_area .bottom_btn_box .btn:last-child {background-position:-198px -623px;}
.game_page_box .left_area .bottom_btn_box .btn:first-child:hover {background-position:-398px -622px;}
.game_page_box .left_area .bottom_btn_box .btn:last-child:hover {background-position:-591px -622px;}

.game_page_box .right_area {float:left; overflow:hidden;}
.game_page_box .right_area .game_menu_box ul::-webkit-scrollbar {width:4px;}
.game_page_box .right_area .game_menu_box ul::-webkit-scrollbar-thumb {background:#ff58f5;}


.jackpot_banner_box {background:url("/imgs/jackpot_banner_box.png") no-repeat; position:relative; width:1500px; height:89px; margin-bottom:20px; overflow:hidden;}
.jackpot_banner_box ul {position: absolute; overflow:hidden;}
.jackpot_banner_box li {float: left; width:292px; height: 89px; text-align:center; padding-left:40px; box-sizing:border-box;}
.jackpot_banner_box li:first-child {padding-left:0;}

.jackpot_banner_box li .txt {font-size:20px; font-weight:bold; color:#999; margin-top:30px;}
.jackpot_banner_box li .krw {font-size:16px; font-weight:bold; color:#fff; margin-top:5px;}


.right_game_menu_box {overflow:hidden; width:320px; float:right; background:#333; border:1px solid #444; border-radius:3px; padding:20px 12px;}
.right_game_menu_box li {width:68px; height:120px; float:left; text-align:center; padding:0 5px; position:relative;}
.right_game_menu_box li:first-child {width:96px;}
.right_game_menu_box li:nth-child(2) {width:96px;}
.right_game_menu_box li:nth-child(3) {width:96px;}
.right_game_menu_box li:hover .imgs img:first-child {display:none;}
.right_game_menu_box li:hover .imgs img:last-child {display:block;}
.right_game_menu_box li .imgs img {width:100%; display:none;}
.right_game_menu_box li .imgs img:first-child {display:block;}
.right_game_menu_box li .txt {color:#ddd; font-size:12px; letter-spacing:-0.3px; font-weight:bold; padding:5px 0;}
.right_game_menu_box li .game_logo img {width:24px;}

.rtgjackpot_banner {margin:0 auto; }

.nolist {text-align:center; padding:20px 0; color:#999; font-size:16px; letter-spacing:-1px; font-weight:bold;}

.pagenation {overflow:hidden; padding:20px 0; text-align:center;}
.pagenation .number {background:rgba(0,0,0,0.4); border:1px solid #333; width:34px; height:34px; text-align:center; line-height:34px; font-size:13px; font-weight:bold; margin:0 auto;}


.login_area {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:3003;}
.login_layer {position:absolute; top:180px; left:50%; width:472px; min-height:542px; padding-bottom:15px; margin-left:-236px; z-index:3004; background:#161616; border:4px solid; border-image: linear-gradient(to top, #fd00b2, #ff3f3a, #fee2a3);  border-image-slice: 1;}
.login_layer .close {background:#767676; color:#eee; width:172px; height:44px; line-height:44px; cursor:pointer; text-align:center; font-size:15px; font-weight:bold; margin:36px auto;}
.login_layer .logo {text-align:center; margin-top:70px;}
.login_layer .logo img {width:220px;}
.login_layer ul {width:304px; margin:30px auto;}
.login_layer li {margin-bottom:7px;}
.login_layer input {width:304px; height:44px; background:#fff; padding:0 10px; color:#000; font-size:15px; box-sizing:border-box;}
.login_layer input:focus {color:#000 !important;}
.login_layer a {display:block; width:304px; height:44px; line-height:44px; text-align:center; background:#ee4b4e; color:#fff; font-weight:bold; font-size:15px;}
.login_layer a.join_btn {background:#853133; color:#fff;}
.login_layer a.disable {pointer-events:none; color:#aaa;}
.login_layer .alert {color:yellow; text-align:center; display:none;}


.join_layer {position:absolute;top:140px;left:50%;width:586px;min-height: 900px;padding-bottom:30px;margin-left:-293px;z-index:3004;background:#161616;border:4px solid;border-image: linear-gradient(to top, #fd00b2, #ff3f3a, #fee2a3);border-image-slice: 1;}
.join_layer .title_txt {font-weight:bold; font-size:21px; color:#fff; text-align:center; margin:16px 0;}
.join_layer dl {padding:0 30px; margin-top:40px; overflow:hidden;display: grid ; justify-content: center;}
.join_layer dd {overflow:hidden; margin-bottom:7px;    width: 380px;}
/* .join_layer dd .con {display:grid;justify-content: center;} */
.join_layer dd .con .flex_box {float:left; margin-left:7px; overflow:hidden; height:44px;}
.join_layer dd .con .flex_box:first-child {margin-left:0;}
.join_layer dd .con input {background:#fff; width:240px; height:44px; line-height:44px; padding:0 10px;}
.join_layer dd .con select {background:#fff; width:220px; height:44px; line-height:44px; padding:0 10px;}
.join_layer dd .con input.hp {width:50px; border:none;}
.join_layer dd .con input.hp::placeholder {color:#ededed;}
.join_layer dd .con .notice {color:#fed39e; text-align:left; margin-top:4px; font-size:11px; clear:both;}
.join_layer dd .con a {color:#fff; background:#ee4b4e; height:44px; line-height:44px; padding:0 20px;}
.join_layer .bottom_btn_box {overflow:hidden; margin-top:50px; text-align:center;}
.join_layer .bottom_btn_box .notice {color:#fed39e; font-size:11px; margin-bottom:10px;}
.join_layer .bottom_btn_box ul {display:inline-block;}
.join_layer .bottom_btn_box li {float:left; margin-left:12px;}
.join_layer .bottom_btn_box li a {display:block; width:172px; height:44px; line-height:44px; text-align:center; color:#fff; font-size:15px; font-weight:bold; background:#ee4b4e;}
.join_layer .bottom_btn_box li:last-child a {background:#777}

.coupon_list {overflow:hidden;}
.coupon_list dt {overflow:hidden; background:rgba(0,0,0,0.4); border-bottom:2px solid #4d1d71;}
.coupon_list ul {overflow:hidden; width:100%;}
.coupon_list dt li {font-weight:bold; color:#fff;  font-size:17px; font-weight:bold;}
.coupon_list dd {overflow:hidden; border-bottom:1px solid #4d1d71}
.coupon_list li {float:left; width:16.666%; color:#eee; font-size:14px; height:44px; line-height:44px; text-align:center;}
.coupon_list li:first-child {width:10%;}
.coupon_list li:last-child {width:23%;}
.coupon_list .coupon_on {margin:10px auto; display:block; border-radius:500px; width:64px; height:20px; line-height:20px; text-align:center; background:#111; font-size:12px; color:#fee737; border:1px solid #fee737;}




.nav_layer_area {overflow:hidden;}
.nav_layer_area .top_menu {overflow:hidden; border-top:1px solid #8e8e8e; border-bottom:1px solid #181818;}
.nav_layer_area .top_menu li {float:left; width:16.666%; height:45px; line-height:45px; text-align:center; box-sizing:border-box;}
.nav_layer_area .top_menu li.active .menu {background:#408fe7; color:#fee737;}
.nav_layer_area .top_menu .menu {background:url("/imgs/layer_top_menu_bg.gif"); font-size:15px; font-weight:bold; color:#9d9c9c; display:block; border-left:1px solid #545454; border-right:1px solid #0d0d0d;}
.nav_layer_area .top_menu .menu:hover {background:#408fe7; color:#fee737;}
.nav_layer_area .top_menu li:first-child .menu {border-left:0;}
.nav_layer_area .box {padding:20px 30px; overflow:hidden;}
.nav_layer_area .box .info {color:#fff; font-size:15px; line-height:20px; margin:20px 0;}
.nav_layer_area .box .danger_info {color:#9c945b;}
.nav_layer_area .box .default_list {overflow:hidden;}
.nav_layer_area .box .default_list li {margin-bottom:14px; overflow:hidden;}
.nav_layer_area .box .default_list li .left {float:left; width:120px; font-size:15px; color:#fff; font-weight:bold; line-height:38px;}
.nav_layer_area .box .default_list li .right {float:left;}
.nav_layer_area .box .default_list li .right .notice {color:#fee737; font-size:12px; margin-top:8px;}
.nav_layer_area .box .default_list li input[type=text] {height:38px; width:150px; border:none; background:#fff; font-size:14px; padding:0 10px;}
.nav_layer_area .box .default_list li input[type=password] {height:38px; width:180px; border:none; background:#fff; font-size:14px; padding:0 10px;}
.nav_layer_area .box .default_list li select {height:38px; width:170px; border:none; background:#fff; font-size:13px; padding:0 10px;}
.nav_layer_area .box .default_list li dl {overflow:hidden; float:left; margin-left:10px;}
.nav_layer_area .box .default_list li dd {float:left; margin-left:2px; width:68px; height:36px; line-height:36px; text-align:center; background:#464646; border:1px solid #fee737;}
.nav_layer_area .box .default_list li dd:first-child {margin-left:0;}
.nav_layer_area .box .default_list li dd .money {display:block; color:#fff; font-size:15px; font-weight:bold;}
.nav_layer_area .box .center_list {width:430px; margin:30px auto; padding-top:130px;}
.nav_layer_area .box .game_trans_list {overflow:hidden; float:left;}
.nav_layer_area .box .game_trans_list li {margin-bottom:27px; overflow:hidden; background:#1d1d1d; width:423px; height:33px; line-height:33px; }
.nav_layer_area .box .game_trans_list li dd {float:left; color:#fff; font-size:14px; padding:0 10px;}
.nav_layer_area .box .game_trans_list li dt {float:right; color:#fee737; font-size:14px; padding:0 10px;}
.nav_layer_area .box .money_trans {float:right; width:260px;}
.nav_layer_area .box .money_trans li .left {width:60px;}
.nav_layer_area .box .money_trans li .right .notice {width:150px;}
.nav_layer_area .box .money_trans li dl {width:220px; overflow:hidden;}
.nav_layer_area .box .money_trans li dd {margin-bottom:2px;}
.nav_layer_area .box .money_trans li dd:nth-child(4) {margin-left:0;}
.nav_layer_area .box .table_list {overflow:hidden;}
.nav_layer_area .box .table_list ul {overflow:hidden; width:100%;}
.nav_layer_area .box .table_list dt {overflow:hidden; background:#999; border-radius:20px;}
.nav_layer_area .box .table_list dt li {font-weight:bold; color:#000;}
.nav_layer_area .box .table_list dd {overflow:hidden; border-bottom:1px solid #3a3a3a; cursor:pointer;}
.nav_layer_area .box .table_list dd:hover {background:#222;}
.nav_layer_area .box .table_list li {float:left; width:16.666%; color:#eee; font-size:14px; height:44px; line-height:44px; text-align:center;}
.nav_layer_area .box .table_list li:first-child {width:10%;}
.nav_layer_area .box .table_list li:last-child {width:22%;}
.nav_layer_area .box .coupon_on {margin:10px auto; display:block; border-radius:500px; width:64px; height:20px; line-height:20px; text-align:center; background:url("/imgs/coupon_bg.gif"); font-size:12px; color:#fee737; border:1px solid #fee737}
.nav_layer_area .box .coupon_off {cursor:default !important; color:#555;}
.nav_layer_area .box .pagination {overflow:hidden; text-align:center; padding-top:20px; border-top:2px solid #fee737;}
.nav_layer_area .box .pagination .page {color:#ddd; float:left; height:17px; line-height:17px; width:20px; font-size:16px; font-weight:bold; margin:0 5px;}
.nav_layer_area .box .btn_box {text-align:center; margin-top:20px;}
.nav_layer_area .checkbox_box {overflow:hidden;}
.nav_layer_area .checkbox_box span {float:left; color:#fff; font-size:15px; margin-right:10px; }
.nav_layer_area .checkbox_box span input[type=checkbox] {border:2px solid #ddd; background:#6e6e6e; width:20px; height:20px;}
.view_btn_box {overflow:hidden; margin-bottom:30px;}
.view_btn_box .btn {width:200px; height:32px; font-size:15px; font-weight:bold; line-height:32px; text-align:center; color:#c9c9c9; border:1px solid #c9c9c9; background:url("/imgs/search_btn_bg.gif"); }
.write_area {overflow:hidden; margin-top:30px;}
.write_area dt {margin-bottom:10px;}
.write_area input[type=text] {background:#fff; height:40px; width:100%; padding:0 10px;}
.write_area textarea {resize:none; background:#fff; padding:10px; width:100%; height:100px;}

.board_view_layer .top_menu li {width:50%;}
.board_view_layer .contents .table_list li {width:20% !important;}
.board_view_layer .contents .table_list li:nth-child(2) {width:60% !important;}
.board_view_layer .view_box {height:300px; padding:14px; border-top:2px solid #fde74f; border-bottom:2px solid #fde74f; color:#fff; font-size:14px;}
.board_view_layer .btn_box .btn {width:100px; height:34px; line-height:34px; text-align:center; font-size:13px; font-weight:bold; background:#999; color:#000; float:left;}
.board_view_layer .btn_box .btn:nth-child(2) {margin:0 5px; background:#408fe7; color:#fee737;}


.nav_layer_area {}
.mypage_layer0  {display:block;}
.mypage_layer .top_menu_title {background:url("/imgs/layer_top_menu_bg.gif"); height:45px; line-height:45px; color:#fff; font-size:16px; font-weight:bold; border-bottom:1px solid #111; padding-left:30px;}
.mypage_layer .my_point {color:#f8ff8d; font-size:15px; margin:20px 0;}
.mypage_layer .date_search {overflow:hidden;}
.mypage_layer .date_search span {float:left;margin-right:10px;}
.mypage_layer .date_search span input {width:120px; height:34px; border:0; padding:0 10px; font-size:15px; color:#000; background:#fff;}
.mypage_layer .date_search span .btn {width:60px; height:32px; font-size:15px; font-weight:bold; line-height:32px; text-align:center; color:#c9c9c9; border:1px solid #c9c9c9; background:url("/imgs/search_btn_bg.gif"); }
.mypage_layer .table_area {overflow:hidden;}
.mypage_layer .table_area.table1 dl {overflow:hidden;}
.mypage_layer .table_area.table1 li {width:16.666%;}
.mypage_layer .table_area.table2 dl {overflow:hidden; float:left; width:430px;}
.mypage_layer .table_area.table2 dl:last-child {float:right;}
.mypage_layer .table_area.table2 li {width:60%;}
.mypage_layer .table_area.table2 li:first-child {width:40%;}
.mypage_layer .table_area.table3 dl {overflow:hidden; float:left; width:288px; margin-left:14px;}
.mypage_layer .table_area.table3 dl:first-child {margin-left:0;}
.mypage_layer .table_area.table3 li {width:50%;}
.mypage_layer .table_area.table4 li {width:33.33%;}
.mypage_layer .table_area.table5 li {width:25%;}
.mypage_layer .table_area dt {background:#1a1a1a; overflow:hidden;}
.mypage_layer .table_area dd {border-bottom:1px solid #555; overflow:hidden;}
.mypage_layer .table_area li {float:left; font-size:15px; color:#ddd; height:42px; line-height:42px; text-align:center;}
.mypage_layer .table_list li {line-height:38px;}

.bigwin_box {width:1320px; margin:0 auto; height:100px; position:relative; margin-top:8px; margin-bottom:12px; background:url("/imgs/turbo/jackpot_bg.png") no-repeat;}
.bigwin_box .title_banner {position:absolute; top:11px; left:218px;}
.bigwin_box .title_banner.ani img {animation-duration: .5s; animation-name: bounce; -webkit-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: bounce; -moz-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: bounce; -ms-animation-fill-mode: forwards;}
.bigwin_box .info_area {position:absolute; top:18px; right:10px; width:340px; height:69px; overflow:hidden;}
.bigwin_box .info {overflow:hidden;}
.bigwin_box .info li {color:#fff; font-size:14px; font-family: 'Jeju Gothic', serif; letter-spacing:-1px;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; margin-top:3px;}
.bigwin_box .info li:first-child {margin-top:0;  overflow:hidden; white-space: nowrap;}
.bigwin_box .info.ani1 {animation-duration: .3s; animation-name: sliderighttocenter; opacity: 0; -webkit-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: sliderighttocenter; -ms-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: sliderighttocenter; -moz-animation-fill-mode: forwards;}
.bigwin_box .info.ani2 {animation-duration: .3s; animation-name: slidecentertoleft; opacity: 0; -webkit-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: slidecentertoleft; -ms-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: slidecentertoleft; -moz-animation-fill-mode: forwards;}
.bigwin_box .box { width:590px; height:140px; position:absolute; top:-17px; left:380px; animation-duration: .5s; animation-name: slideup; animation-delay: 1s; opacity: 0; -webkit-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: slideup; -moz-animation-delay: 1s; -moz-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: slideup; -ms-animation-delay: 1s; -ms-animation-fill-mode: forwards;}
.bigwin_box .box .krw {margin-top:40px; text-align:center; overflow:hidden; margin-left:142px;}
.bigwin_box .box .krw .ani1 {animation-duration: .3s; animation-name: fadeIn; opacity: 0; -webkit-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: fadeIn; -ms-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: fadeIn; -moz-animation-fill-mode: forwards;}
.bigwin_box .box .krw .ani2 {animation-duration: .3s; animation-name: fadeOut; opacity: 0; -webkit-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: fadeOut; -ms-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: fadeOut; -moz-animation-fill-mode: forwards;}
.bigwin_box .box .krw li {float:left; width:64px; height:55px; overflow:hidden; text-align:center; margin-left:-8px; margin-right:-10px; opacity:0;}
.bigwin_box .box .krw li.krw_1 {margin-right:-22px; margin-left:-15px;}
.bigwin_box .box .krw li.krw_7 {margin-right:-18px;}
.bigwin_box .box .krw li.comma {margin-left:-29px; margin-right:-23px; margin-top:12px;}
.bigwin_box .box .krw li.dot {margin-left:-15px; margin-right:-12px;}
.won_icon { float:left;}
@keyframes slideup {
	from {
		margin-top: 30px;
		opacity: 0;
	}
	to {
		margin-top: 0px;
		opacity: 1;
	}
}

@keyframes sliderighttocenter {
	from {
		margin-left: 100%;
		filter: blur(20px);
		-moz-filter: blur(20px);
		-ms-filter: blur(20px);
		opacity: 0;
	}
	to {
		margin-left: 0%;
		filter: blur(0px);
		-moz-filter: blur(0px);
		-ms-filter: blur(0px);
		opacity: 1;
	}
}

@keyframes slidecentertoleft {
	from {
		margin-left: 0%;
		filter: blur(0px);
		-moz-filter: blur(0px);
		-ms-filter: blur(0px);
		opacity: 1;
	}
	to {
		margin-left: -100%;
		filter: blur(20px);
		-moz-filter: blur(20px);
		-ms-filter: blur(20px);
		opacity: 0;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes bounce {
	0% {
		transform: translate(0, 0) scale(0.8);
	}
	15% {
		transform: translate(0, 0) scale(1);
	}
	30% {
		transform: translate(0, 0) scale(1.2);
	}
	40% {
		transform: translate(0, 0) scale(1);
	}
	50% {
		transform: translate(0, 0) scale(0.8);
	}
	65% {
		transform: translate(0, 0) scale(1);
	}
	80% {
		transform: translate(0, 0) scale(1.2);
	}
	100% {
		transform: translate(0, 0) scale(1);
	}
}

@-moz-keyframes slideup {
	from {
		margin-top: 30px;
		opacity: 0;
	}
	to {
		margin-top: 0px;
		opacity: 1;
	}
}

@-moz-keyframes sliderighttocenter {
	from {
		margin-left: 100%;
		-moz-filter: blur(20px);
		filter: blur(20px);
		opacity: 0;
	}
	to {
		margin-left: 0%;
		-moz-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}

@-moz-keyframes slidecentertoleft {
	from {
		margin-left: 0%;
		-moz-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
	to {
		margin-left: -100%;
		-moz-filter: blur(20px);
		filter: blur(20px);
		opacity: 0;
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@-moz-keyframes bounce {
	0% {
		transform: translate(0, 0) scale(0.8);
	}
	15% {
		transform: translate(0, 0) scale(1);
	}
	30% {
		transform: translate(0, 0) scale(1.2);
	}
	40% {
		transform: translate(0, 0) scale(1);
	}
	50% {
		transform: translate(0, 0) scale(0.8);
	}
	65% {
		transform: translate(0, 0) scale(1);
	}
	80% {
		transform: translate(0, 0) scale(1.2);
	}
	100% {
		transform: translate(0, 0) scale(1);
	}
}

@-ms-keyframes slideup {
	from {
		margin-top: 30px;
		opacity: 0;
	}
	to {
		margin-top: 0px;
		opacity: 1;
	}
}

@-ms-keyframes sliderighttocenter {
	from {
		margin-left: 100%;
		-ms-filter: blur(20px);
		filter: blur(20px);
		opacity: 0;
	}
	to {
		margin-left: 0%;
		-ms-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}

@-ms-keyframes slidecentertoleft {
	from {
		margin-left: 0%;
		-ms-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
	to {
		margin-left: -100%;
		-ms-filter: blur(20px);
		filter: blur(20px);
		opacity: 0;
	}
}

@-ms-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-ms-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@-ms-keyframes bounce {
	0% {
		transform: translate(0, 0) scale(0.8);
	}
	15% {
		transform: translate(0, 0) scale(1);
	}
	30% {
		transform: translate(0, 0) scale(1.2);
	}
	40% {
		transform: translate(0, 0) scale(1);
	}
	50% {
		transform: translate(0, 0) scale(0.8);
	}
	65% {
		transform: translate(0, 0) scale(1);
	}
	80% {
		transform: translate(0, 0) scale(1.2);
	}
	100% {
		transform: translate(0, 0) scale(1);
	}

}
.game_menu_area .square{width:898px; height:670px; position:absolute; top:46px; left:0; z-index:10;}
.game_menu_area .square .light {position:absolute;  width:60px;height:59px; }
.game_menu_area .square .light img {width:100%; }
.game_menu_area .square .line1 {animation:line1 6s infinite;}
.game_menu_area .square .line2 {animation:line2 6s infinite;}
.game_menu_area .square .line3 {animation:line3 6s infinite;}
.game_menu_area .square .line4 {animation:line4 6s infinite;}


.casino_area .square{width:429px; height:670px; position:absolute; top:46px; left:0; z-index:10;}
.casino_area .square .light {position:absolute;  width:60px;height:59px; }
.casino_area .square .light img {width:100%; }
.casino_area .square .line1 {animation:c_line1 6s infinite;}
.casino_area .square .line2 {animation:c_line2 6s infinite;}
.casino_area .square .line3 {animation:c_line3 6s infinite;}
.casino_area .square .line4 {animation:c_line4 6s infinite;}


@keyframes line1 {
	0% {top:-20px; left:-10px; }
	100% {top:-20px; left:830px;}
}
@keyframes line2 {
	0% {right:8px; top:0; }
	100% {right:8px;  top:610px;}
}
@keyframes line3 {
	0% {bottom:0; right:8px;}
	100% {bottom:0; right:860px;}
}
@keyframes line4 {
	0% {left:-25px; bottom:0; }
	100% {left:-25px; bottom:630px;}
}


@keyframes c_line1 {
	0% {top:-20px; left:-10px; }
	100% {top:-20px; left:390px;}
}
@keyframes c_line2 {
	0% {right:-20px; top:0; }
	100% {right:-20px;  top:610px;}
}
@keyframes c_line3 {
	0% {bottom:0; right:-20px;}
	100% {bottom:0; right:392px;}
}
@keyframes c_line4 {
	0% {left:-25px; bottom:0; }
	100% {left:-25px; bottom:630px;}
}

#mymessage {cursor:pointer;}
.display_on {display:none;}

.display_off:hover .on {display:block;}
.body_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:url("/imgs/turbo/bg.jpg?2") no-repeat; background-size:cover;}

.game_list_layer { z-index:5000; position:absolute; top:150px; left:50%; width:1206px; height:787px; margin-left:-603px; padding:0 13px; background:#000 url('/imgs/turbo/gamelayer_bg.png') no-repeat; background-size:cover; -webkit-animation: scale-up-center 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-center 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.game_list_layer .company_logo {overflow:hidden; text-align:center; margin-top:10px;}
.game_list_layer .layer_logo {position:absolute; top:0; left:18px; width:106px; height:88px;}
.game_list_layer .layer_logo img {width:100%; height:100%;}
.game_list_layer .close {position:absolute; top:25px; right:25px; width:56px; height:56px; background:url("/imgs/turbo/icon_x.png") no-repeat; background-size:cover;}
.game_list_layer .game_list {overflow-x:hidden;  height:632px; margin-top:26px;padding-left:20px;}
.game_list_layer .game_list::-webkit-scrollbar {width:4px; }
.game_list_layer .game_list::-webkit-scrollbar-thumb {background:#ff58f5;}
.game_list_layer .game_list li {position:relative; float:left; width:120px; height:173px; border:1px solid #f912c0; margin:4px; overflow:hidden; background:#111;}
.game_list_layer .game_list li:hover .upper_link {background:rgba(255,255,255,0.8) url("/imgs/turbo/play.png") center center no-repeat; height:113px; margin-top:30px;}
.game_list_layer .game_list li .bookmark {cursor:pointer; position:absolute; top:7px; right:5px; z-index:1; background:url("/imgs/turbo/hart_off.png") no-repeat; width:19px; height:17px;}
.game_list_layer .game_list li .bookmark.on {background:url("/imgs/turbo/hart_on.png") no-repeat; animation-duration: .5s; animation-name: bounce; -webkit-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: bounce; -moz-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: bounce; -ms-animation-fill-mode: forwards;}
.game_list_layer .game_list li .game_logo {height:30px; overflow:hidden;}
.game_list_layer .game_list li .game_logo img {width:80px; margin-top:2px;}
.game_list_layer .game_list li .imgs {height:113px; overflow:hidden;}
.game_list_layer .game_list li img {width:100%; height:100%;}
.game_list_layer .game_list li .game_tit {width:120px; height:25px; background:url("/imgs/turbo/nametag.png") no-repeat; background-size:cover; text-align:center; line-height:25px; margin-top:3px; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.game_list_layer .game_list .none_game {text-align:center; font-size:17px; margin-top:150px; font-weight:bold; }


.gnb_layer {z-index:5000; position:absolute; top:150px; left:50%; width:900px; margin-left:-450px; padding:40px; background:#161616; border:4px solid; border-image: linear-gradient(to top, #fd00b2, #ff3f3a, #fee2a3);  border-image-slice: 1; -webkit-animation: scale-up-center 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.gnb_layer .top_box {text-align:center;}
.gnb_layer .top_box dt {color:#fff; font-weight:bold; font-size:23px; margin-bottom:10px;}
.gnb_layer .top_box dd {color:#da5d61; font-size:14px; line-height:20px; font-weight:bold;}
.gnb_layer .top_box .line_up>* {float:left; margin-right: 5px;}
.gnb_layer .top_box input {display:block; float:left; width:120px; height:30px; line-height:30px; text-align:center; font-size:12px; font-weight:bold; margin-right: 5px; border:0px; outline:none; background:#fff;}
.gnb_layer .top_box input.from, .gnb_layer .top_box input.to { width: 90px; }
.gnb_layer .top_box input.fromtime, .gnb_layer .top_box input.totime { width: 70px; }
.gnb_layer .top_box .line_up {margin-top:10px;}
.gnb_layer .top_box a.btn {display:block; float:left; width:80px; height:30px; line-height:30px; text-align:center; font-size:12px; font-weight:bold; background:#333; margin-right: 5px;}
.gnb_layer .top_box a.btn.on {background:#fee2a3; color:#000;}
.gnb_layer .top_box a.btn:hover {color:#999;}
.gnb_layer .top_box a.btn.on:hover {color:#000;}
.gnb_layer .con_box {overflow:hidden; padding:40px 0 40px 250px;}
.gnb_layer .con_box li {overflow:hidden; margin-bottom:20px;}
.gnb_layer .con_box li .left_txt {float:left; width:120px; min-height:38px; line-height:38px; color:#fff; font-size:18px; }
.gnb_layer .con_box li .left_txt span {line-height: normal; color: inherit; font-size: inherit; font-weight: inherit;}
.gnb_layer .con_box li .left_txt2 {float:left; width:120px; line-height:38px; color:#fff; font-size:15px; font-weight:bold;line-height:normal;}
.gnb_layer .con_box li .right_con {float:left; overflow:hidden;}
.gnb_layer .con_box li .right_con input[type=text] {width:210px; height:44px; border:0; background:#fff; color:#000; outline:none; padding:0 10px; font-size:15px; }
.gnb_layer .con_box li .right_con input[type=password] {width:210px; height:44px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;}
.gnb_layer .con_box li .right_con select {width:200px; height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;}
.gnb_layer .con_box li .right_con .cbform span {float:left; margin-right:10px; font-size: 13px; color: #fdd49e;}
.gnb_layer .con_box li .right select {height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;}
.gnb_layer .con_box li .right_con .input_box {width:210px; height:44px; line-height:44px; border:0; background:#fff;  outline:none; padding:0 10px;}
.gnb_layer .con_box li .right_con  .sender_name {color:#555; font-size:15px;}
.gnb_layer .con_box li .right_con .input_box_long {width:260px; height:38px; line-height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;}
.gnb_layer .con_box li .right_con .notice_txt {margin-top:6px; font-size:13px; color:#fdd49e;}
.gnb_layer .con_box li .right_con .box {overflow:hidden;}
.gnb_layer .con_box li .right_con .box dd {float:left; overflow:hidden; text-align:center; cursor:pointer; opacity:0.4; margin-right:60px;}
.gnb_layer .con_box li .right_con .box dd .imgs { margin-bottom:3px; overflow:hidden;}
.gnb_layer .con_box li .right_con .box dd .imgs img {width:45px; height:45px;}
.gnb_layer .con_box li .right_con .box dd.active {opacity:1;}
.gnb_layer .con_box li .right_con .box dd .txt {color:#fff; font-size:15px; padding:2px 0;  letter-spacing:-0.8px;}
.gnb_layer .con_box li .right_con .box dd .txt .point {color:#fff; font-size:15px;}

.gnb_layer .con_box li .money_function {overflow:hidden;}
.gnb_layer .con_box li .money_function div {float:left; cursor:pointer; margin-left:6px;  text-align:center; width:44px; height:44px; line-height:44px; font-size:14px; color:#fff; font-weight:bold; background:#000; border:3px solid transparent;border-radius: 500px;    background-image: linear-gradient(#000, #000), linear-gradient(to right, #fd00b2, #ff3f3a, #fee2a3); background-origin: border-box;   background-clip: content-box, border-box;}
.gnb_layer .con_box li .money_function div:first-child {margin-left:0;}
.gnb_layer .con_box li .money_function div:hover {filter: brightness(0.5);}
.gnb_layer .btn_box {overflow:hidden; text-align:center;}
.gnb_layer .btn_box.in_li {display:flex; justify-content: center;}
.gnb_layer .btn_box .btn {display:block; float:left; width:172px; height:44px; line-height:44px; text-align:center; font-size:16px; font-weight:bold; background:#ee4b4e; color:#fff;}
.gnb_layer .btn_box .btn:last-child {margin-left:10px; background:#777; }

.trans_txt {color:#fff; font-weight:bold; font-size:16px; margin:20px 0; text-align:center; overflow:hidden;}
.trans_txt span {color:#eacc54; font-weight:bold; font-size:16px; }



.gnb_layer .table_list {overflow:hidden; margin:20px 200px;}
.gnb_layer .table_list dt {overflow:hidden; background:#444;}
.gnb_layer .table_list dd {overflow:hidden; cursor:pointer;}
.gnb_layer .table_list li {float:left; height:38px; overflow:hidden; width:10%; font-weight:bold; font-size:13px; text-align:center; color:#ddd; }
.gnb_layer .table_list li.conts {width:65%; text-align:left; line-height:38px;}
.gnb_layer .table_list li.date {width:15%; line-height:38px;}
.gnb_layer .table_list li.gold {color:gold;}
.gnb_layer .table_list li .icon {padding-top:2px;}
.cashflow .table_list li {width:16.666% !important;}
.cashflow .table_list li .red {color:#b32525; font-weight:bold;}
.cashflow .table_list li .blue {color:#1277d6; font-weight:bold;}
.cashflow .table_list li .betting_bum {color:#eacc54; font-weight:bold;}
.cashflow .summary {text-align:center; color:#fff; font-size: 16px;font-weight: bold; margin-top:20px;}
.gnb06 .table_list li {width:50% !important;}
.coupon_layer .table_list ul {display:flex;}
.coupon_layer .table_list li {width:unset; flex:1;}
.gnb_layer .pagination {overflow:hidden; text-align:center; margin-bottom:20px;}
.gnb_layer .pagination .page {color:#888; float:left; display:block; width:34px; height:34px; line-height:34px; text-align:center; font-size:14px; font-weight:bold; margin:0 6px; background:#000; border:3px solid transparent;border-radius: 500px; background-image: linear-gradient(#000, #000), linear-gradient(to right, #888, #888, #888); background-origin: border-box;   background-clip: content-box, border-box;}
.gnb_layer .pagination .page.on {color:#fff; background-image: linear-gradient(#000, #000), linear-gradient(to right, #fd00b2, #ff3f3a, #fee2a3);}
.gnb_layer .like_list li {width:25% !important; box-sizing:border-box;}
.coupon_layer .coupon_on {background:#e73837; color:#fff; padding:4px 8px; border-radius:2px; display:inline;}
.coupon_layer .coupon_off {background:#333; color:#999; padding:4px 8px; border-radius:2px; display:inline;}

.gnb_layer .tab_menu {overflow:hidden; margin-bottom:30px;}
.gnb_layer .tab_menu ul {display:flex;}
.gnb_layer .tab_menu li {float:left; width:33.333%; box-sizing:border-box;}
.gnb_layer.point_layer .tab_menu li {width:50%;}
.gnb_layer.gnb05 .tab_menu li {width:50%;}
.gnb_layer.gnb06 .tab_menu li {width:25%;}
.gnb_layer.gnb07 .tab_menu li {width:25%;}
.gnb_layer.gnb08 .tab_menu li {width:25%;}
.gnb_layer.referer_layer .tab_menu li {width:25%;}
.gnb_layer.branch_layer .tab_menu li {width:25%;}
.gnb_layer.msg_layer .tab_menu li {width:50%;}
.gnb_layer .tab_menu li .menu {display:block; border-left:1px solid #111; height:40px; line-height:40px; color:#994c4c; font-size:16px; font-weight:bold; text-align:center; background: #480d23;}
.gnb_layer .tab_menu li .menu.active {background:#ed095d; color: #fff;}
.gnb_layer .tab_menu li:hover .menu {background:#ed095d; color: #fff;}
.gnb_layer .tab_menu li:first-child .menu {border-left:0; border-radius:6px 0 0 6px;}
.gnb_layer .tab_menu li:last-child .menu {border-radius:0 6px 6px 0;}

.gnb_layer.referer_layer .table_list li {width:30% !important;}
.gnb_layer.referer_layer .table_list li:nth-child(3) {width:40% !important;}
.gnb_layer.pwcheck_layer {overflow:hidden; text-align:center;}
.gnb_layer.pwcheck_layer li {overflow:hidden;margin:10px 0;}
.gnb_layer.pwcheck_layer li .box {display:inline-block;}
.gnb_layer.pwcheck_layer li .box span {float:left;}
.gnb_layer.pwcheck_layer li .box input[type=password] {background:#fff; height:40px; border:0; padding:0 10px; outline:none; color:#111;}

.gnb_layer.coupon .table_list {
    margin: auto;
}
.gnb_layer.coupon .table_list dd {
    margin: 10px 0px;
}
.gnb_layer.coupon .table_list ul {
    width: 100%;
}
.gnb_layer.coupon .table_list li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
}
.gnb_layer.coupon .table_list li.dt {width: 70%;display: flex;gap: 10px;}
.gnb_layer.coupon .table_list li.conts .st-red {
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #fd00b2;
}
.gnb_layer.coupon .table_list li.conts .st-gray {
	width: 80px;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #4c4c4c;
}
.gnb_layer.coupon .table_list li.state {width: 20%;display: flex;align-items: center;justify-content: center;}

.gnb_layer .detail_view {margin-top: 10px;}
.gnb_layer .write_view {margin-top: 10px;}

.board_view_box {overflow:hidden;}
.board_view_box .view_box {overflow-x:hidden; height:400px;background:#333; padding:20px; border-radius:3px; margin-bottom:10px;}
.board_view_box .view_box::-webkit-scrollbar {width:4px; }
.board_view_box .view_box::-webkit-scrollbar-thumb {background:#ff58f5;}

.board_view_box .view_box dt {overflow:hidden; border-bottom:1px solid #999; padding-bottom:10px;}
.board_view_box .view_box dt .tit {float:left; font-size:17px; font-weight:bold; color:#fff;}
.board_view_box .view_box dt .date {float:right; color:#ddd; font-size:14px; margin-top:5px;}
.board_view_box .view_box dd {font-size:13px; line-height:20px; color:#eee; margin-top:10px; min-height:300px;}
.board_view_box .view_box dd td {font-size:13px;  color:#eee; border:1px solid #eee;}
.board_view_box .view_box dd table {font-size:13px;  color:#eee; border:1px solid #eee;}
.board_view_box .view_box dd * {font-size:inherit;  color:inherit; line-height:normal; max-width:100%;}
.board_view_box .view_box dd span {display:unset;}
.board_view_box .comment_box {overflow:hidden; margin-bottom:20px;}
.board_view_box .comment_box li {overflow:hidden; background:#ddd; padding:20px; border-radius:3px; margin-top:10px;}
.board_view_box .comment_box li .info {overflow:hidden; border-bottom:1px solid #999; padding-bottom:10px;}
.board_view_box .comment_box li .icon {float:left; background:#ce3131; color:#fff; font-size:11px; padding:2px 4px; margin-right:10px;}
.board_view_box .comment_box li .name {float:left; font-weight:bold; color:#111; font-size:15px;}
.board_view_box .comment_box li .date {float:right; color:#111; font-size:14px;}
.board_view_box .comment_box li .txt {margin-top:10px; color:#333; font-size:14px; line-height:20px;}
.board_view_box .image img {max-width:100%;}
.board_btn_box {overflow:hidden; text-align:center;}
.board_btn_box .btn {float:left; margin-right:10px; background:#222; color:#fff; font-weight:bold; width:100px; height:36px; line-height:36px; font-size:14px;}
.board_btn_box .btn:last-child {float:right; background:#999; color:#111; margin-right:0;}

.board_write_box dt {overflow:hidden; margin-bottom:10px;}
.board_write_box dt input {width:880px; height:40px; background:#fff; border:0; font-size:14px; color:#111; padding:0 10px; outline:none; border-radius:3px;}
.board_write_box dd {overflow:hidden; margin-bottom:10px;}
.board_write_box dd textarea {resize:none; width:880px; height:300px; background:#fff; padding:10px; border-radius:3px; font-size:14px; color:#111;}




.charge_list {overflow:hidden; margin-top:20px;}
.charge_list dt {overflow:hidden; background:#333;}
.charge_list dt li {color:#fff; font-weight:bold;}
.charge_list dd {overflow:hidden; border-bottom:1px solid #333;}
.charge_list li {float:left; text-align:center; width:20%; height:38px; line-height:38px; color:#ddd;}

.max_btn {background:#ee4b4e; color:#fff !important; font-weight:bold; padding:12px; margin-left:10px;}

.myarea dd:nth-child(2) {cursor:pointer;}


#msg_box {width:100%;}


.jackpot_layer .area_box {overflow:hidden;}
.jackpot_layer .jackpot_list {width:580px; float:left;}
.jackpot_layer .jackpot_list .tit_logo {text-align:center; border-bottom:2px solid #fff; width:200px; margin:0 auto;}
.jackpot_layer .jackpot_list .tit_logo .tit_txt {color:#fff; font-weight:bold; font-size:17px; margin-top:5px; padding-bottom:10px;}
.jackpot_layer .jackpot_list dl {margin-top:30px; margin-bottom:20px;}
.jackpot_layer .jackpot_list dt {overflow:hidden;  padding:0 10px; margin-bottom:10px;}
.jackpot_layer .jackpot_list dt li {color:#fff; font-size:15px;}
.jackpot_layer .jackpot_list dd {overflow:hidden; background:#3b3b3b; margin-top:1px; height:32px; line-height:32px; padding:0 10px;}
.jackpot_layer .jackpot_list li {float:left; color:#cfcfcf; font-weight:bold; font-size:14px; width:120px; text-align:center;}
.jackpot_layer .jackpot_list li:nth-child(2) {width:80px;}
.jackpot_layer .jackpot_list li img {width:55px; margin-top:5px;}
.jackpot_layer .exchange_list {width:270px; float:right;}
.jackpot_layer .exchange_list .tit_logo {text-align:center; border-bottom:2px solid #fff; width:200px; margin:0 auto;}
.jackpot_layer .exchange_list .tit_logo .tit_txt {color:#fff; font-weight:bold; font-size:17px; margin-top:5px; padding-bottom:10px;}
.jackpot_layer .exchange_list dl {margin-top:30px; margin-bottom:20px;}
.jackpot_layer .exchange_list dt {overflow:hidden;  padding:0 10px; margin-bottom:10px;}
.jackpot_layer .exchange_list dt li {color:#fff; font-size:15px !important;}
.jackpot_layer .exchange_list dd {overflow:hidden; background:#3b3b3b; margin-top:1px; height:32px; line-height:32px; padding:0 10px;}
.jackpot_layer .exchange_list li {float:left; color:#fff; font-weight:bold; font-size:14px; width:55px; text-align:center;}
.jackpot_layer .exchange_list li:nth-child(2) {width:100px;}
.jackpot_layer .exchange_list li:nth-child(3) {width:80px;}


.partner_layer .tit_logo {text-align:center; border-bottom:2px solid #fff; width:200px; margin:0 auto;}
.partner_layer .tit_logo .tit_txt {color:#fff; font-weight:bold; font-size:17px; margin-top:5px; padding-bottom:10px;}
.partner_layer .right_con .phone_input input {width:80px !important;}
.partner_layer .right_con .phone_input select {width:100px !important;}
.partner_layer .right_con textarea {width:550px; background:#eee; resize:none; height:100px; padding:10px; font-size:14px; color:#111;}
.partner_layer .right_con input[type=radio] {width:20px; height:20px; border:1px solid #111;}

.input_wrap {overflow:hidden; margin:20px 0;}
.reply_input {float: left; resize:none; height:80px; width:700px; background:#fff; color:#222; padding:10px; font-size:13px; border-radius:3px;}
.reply_insert {float:right; background:#ffc600; color:#222; width:170px; height:100px; line-height:100px; text-align:center; font-size:14px; font-weight:bold; border-radius:3px;}

.popup_area {position:absolute; top:160px; left:50%; z-index:3002; width:1500px; margin-left:-640px; display:none;}
.popup_area .popup {background:url("/imgs/turbo/popup_bg.png") no-repeat; width:432px; height:610px; position:absolute; top:0; display:none; background-size:100% 100%;}
.popup_area .popup .content {background:#000; overflow:hidden; border: 1px solid; border-bottom:0;border-image: linear-gradient(to top, #fd00b2, #ff3f3a, #fee2a3); border-image-slice: 1; animation: scale-up-center 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

.popup_area .popup .content::-webkit-scrollbar {width:4px; }
.popup_area .popup .content::-webkit-scrollbar-thumb {background:#ff58f5;}

.popup_area .popup .content .subject {font-size: 20px; color: #fff; text-align:center;}
.popup_area .popup .content .body {color: #fff;}
.popup_area .pop01 {left:0;z-index:3006;}
.popup_area .pop02 {left:300px;top:20px;z-index:3005;}
.popup_area .pop03 {left:600px;top:40px;z-index:3004;}
.popup_area .pop04 {left:900px;top:60px;z-index:3003;}
.popup_area .pop05 {left:0;top:400px;z-index:3002;}
.popup_area .pop06 {left:300px;top:420px;z-index:3001;}
.popup_area .pop07 {left:600px;top:440px;z-index:3000;}
.popup_area .pop08 {left:900px;top:46px;z-index:2999;}
.popup_area .popup .subject {font-weight:bold;}
.popup_area .popup p {color:#ddd;}
.popup_area .popup .content .body * {color:inherit;}
.popup_area .close_box {position:absolute; bottom:-32px; left:0; width:412px; height:32px; background:#c500c2; padding:0 10px;}
.popup_area .pop_only_close {float:left; color:#fff; font-weight:bold; padding:4px 6px; margin-top:4px; cursor:pointer;} 
.popup_area .pop_close {float:right; cursor:pointer; background:url("/imgs/popup_x.png") 38px 2px no-repeat; color:#fff; font-weight:bold; font-size:15px; width:60px; height:20px; line-height:20px; margin-top:4px;}

.popup_checknotice {position:fixed; top:120px; left:50%; margin-left:-545px; z-index:3002;  overflow:hidden;}
.popup_checknotice .conts img {display:block;}
.popup_checknotice .bottom {background:#000; height:38px; line-height:38px; overflow:hidden; padding:0 10px;}
.popup_checknotice .bottom span {float:left; color:#fff; font-size:15px; cursor:pointer;}
.popup_checknotice .bottom .pop_only_close {float:left; color:#fff; font-size:15px; cursor:pointer;}
.popup_checknotice .bottom .pop_close {float:right;  }

.center_popup_area_box {position:fixed; top:144px; left:0;  z-index:3002; width:100%; overflow:hidden; text-align:center; }
.center_popup_area_box .line_up {display:inline-block; overflow:hidden;}
.center_popup_area_box .center_popup_area {float:left;padding:0 5px;margin: 5px 0px;}
.center_popup_area_box .center_popup_area .conts {background:#000;overflow: auto;border: 1px solid;border-bottom:0;border-image: linear-gradient(to top, #fd00b2, #ff3f3a, #fee2a3);border-image-slice: 1;animation: scale-up-center 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;width: 430px;height: 610px;}
.center_popup_area_box .center_popup_area .conts img {display:block;}
.center_popup_area_box .center_popup_area .bottom {background:#c500c2; height:38px; line-height:38px; overflow:hidden; padding:0 10px;}
.center_popup_area_box .center_popup_area .bottom span {float:left; color:#fff; font-size:15px; cursor:pointer;}
.center_popup_area_box .center_popup_area .bottom .pop_only_close {float:left; color:#fff; font-size:15px; cursor:pointer;}
.center_popup_area_box .center_popup_area .bottom .pop_close {float:right;  }
.left_popup_area {position:fixed; top:200px; left:0; z-index:2999; cursor:pointer; overflow:hidden;}
.left_popup_area .next {float:left;}
.left_popup_area .conts {background:rgba(0,0,0,0.8); width:390px; height:448px; float:left; border:1px solid #886916; margin-left:-392px;}
.left_popup_area .conts .tit {overflow:hidden; padding:10px;}
.left_popup_area .conts .tit .imgs {float:left;}
.left_popup_area .conts .tit .txt {float:left; color:#ffd738; font-size:30px; font-weight:bold; margin-left:12px;}
.left_popup_area .conts dd {color:#fff; font-size:14px; margin-top:25px; margin-left:20px; background:url("/imgs/star_icon.png")  left top no-repeat; padding-left:20px;}
.left_popup_area .conts dt {color:#ffd738; font-size:14px; margin-top:30px;  margin-left: 40px;}


.right_popup_area {position:fixed; top:200px; right:0; z-index:2999; cursor:pointer; overflow:hidden;}
.right_popup_area .next {float:right;}
.right_popup_area .conts {background:rgba(0,0,0,0.8); width:210px; height:448px; border:1px solid #886916; float:right; margin-right: -212px;}
.right_popup_area .conts .tit {text-align:center; margin-top:10px;}
.right_popup_area .conts .tel  {text-align:center; margin-top:10px;}
.right_popup_area .conts li {overflow:hidden; margin-bottom:5px}
.right_popup_area .conts li:first-child {margin-top:10px;}
.right_popup_area .conts li span {float:left; overflow:hidden; margin-left:20px;}
.right_popup_area .conts li span.icon {margin-left:15px;}
.right_popup_area .conts li .imgs {margin-bottom:4px;}
.right_popup_area .conts li .txt {color:#fff; font-size:15px; text-align:center;}
.right_popup_area .conts li .qr {width:104px;}
.right_popup_area .conts li .qr img {width:100%;}
#branch_box {width:100%;}

.branch_layer { width: 1200px; margin-left: -642px; }
.branch_layer .contents {width: 100%; margin-left:0px;}
.branch_layer table {width: 100%; background-color: #131313; color: #fff; font-size: 16px;}
.branch_layer table td {padding:8px; color:#fff; font-size: 16px; text-align: center;}
.branch_layer .footnote_wrap .footnote {color:#fff; font-weight:bold; font-size:22px; margin-bottom:10px; }
.branch_layer .search_wrap select, .branch_layer .search_wrap input { width: 100px; height: 30px; font-size: 14px !important; outline: none; }
.branch_layer .search_wrap .bt { width: 80px; display: inline-block; height: 30px; line-height:30px; text-align:center; background:linear-gradient(0deg, rgba(226,56,29,1) 0%,  rgba(255,119,97,1) 100%); cursor:pointer; color: #fff; border-radius: 100px; }

.contents .table {
}

.contents .table>div {
	height: 33px;
	line-height: 33px;
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

.contents .table .nolist {
	line-height: 33px;
}

.contents .table>div>div {
	height: 33px;
	vertical-align: middle;
}

.contents .table>div div {
	display: inline-block;
	text-align: center;
	font-size: 14px;
}

.contents .table>div div:first-child {
	margin-left: 0px;
}

.contents .table .header {
	border-bottom:2px solid #999;
	height:40px; line-height:40px;
}

.contents .table .header div {color:#ddd; font-size:15px; font-weight:bold;}
.contents .table .row {
	border-top: 1px solid #565656;
}
.contents .table .row div {color:#ddd;}
.contents .table .row span {color:#ddd;}
.contents .table .calculate_button .calculate {
	width: 75px;
	height: 24px;
	background-color: #ffe440;
	color: #1e2915;
	line-height: 24px;
	margin: 0 auto;
	margin-top: 5px;
	cursor: pointer;
}



.contents .table .statistics_shortcut .shortcut_wrap {
	margin: 0 auto;
	text-align: center;
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

.contents .table .statistics_shortcut .shortcut {
	width: 76px;
	height: 25px;
	line-height: 25px;
	background: linear-gradient( to top, #23221f, #62605d );
	color: #fff;
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
	border-radius:1px;
	font-size:12px; font-weight:bold;
}

/* The Loader Curtain */

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  overflow: hidden;
  background:rgba(0,0,0,0.9)
  }

 .loding_box {position:absolute; top:50%; left:50%;}
  .no-js #loader-wrapper {
    display: none;
  }


#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222;
  z-index: 10000;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded styles */

.loaded #loader-wrapper .loader-section.section-left {
  transform: translateX(-100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
  transform: translateX(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
  opacity: 0;
  transition: all 0.4s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s 1s ease-out;
}


/* loader circle animation */


#loader {
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  border-radius: 50%;
  
     -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear; 
}
#loader::before,
#loader::after {
  left: -2px;
  top: -2px;
  display: none;
  position: absolute;
  content: '';
  width: inherit;
  height: inherit;
  border: inherit;
  border-radius: inherit;
}

#loader,
#loader::before,
#loader::after {
  z-index: 10001;
  display: inline-block;
  border-color: transparent;
  border-top-color: transparent;
  box-sizing:border-box;
}
#loader::before {
  transform: rotate(120deg);
}
#loader::after {
  transform: rotate(240deg);
  
}

#loader, #loader::before, #loader:after { border-top-color: #fa4d01; }

/* loader */


@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}

.main_left_box {display:none;}
.main_right_box {display:none;}
.text_strong .txt {color:#fff !important; font-size:22px !important;}
.text_strong .krw {color:#f4d74f !important;}
.game_page_box .right_area .game_menu_box li.more { width: 100%; border: 0px; height: 42px; grid-column: 1 / 7;}
.game_page_box .right_area .game_menu_box li.more div { width: 100%; height: 40px; background-color: #999; border: 1px solid #aaa; color: #000; line-height:40px; font-size: 16px; text-align: center; cursor:pointer; }
.game_page_box .right_area .game_menu_box li.more.hide { display: none; }
.game_page_box .right_area .game_menu_box li.more.disable { pointer-events: none; }

.board_area .new {background:#ffc600; color:#000; font-size:13px; font-weight:bold; width:120px; height:36px; line-height:36px; text-align:center; cursor:pointer; border-radius:3px;}
.board_area .board_head  {overflow:hidden; margin-top:20px;}
.board_area .board_head .item {overflow:hidden; height:42px; line-height:42px; background:#444; border-radius:3px;}
.board_area .board_con .item {overflow:hidden; height:42px; line-height:42px; border-bottom:1px solid #333; cursor:pointer;}
.board_area .board_con .item:hover {background:#111;}
.board_area .board_con .item span {color:#fff;}
.board_area .item li {float:left; text-align:center; color:#fff;}
.board_area .item li:first-child {width:10%;}
.board_area .item li:nth-child(2) {width:60%;}
.board_area .item li:nth-child(3) {width:15%;}
.board_area .item li:last-child {width:15%;}
.board_area .nolist {background:#000; text-align:center; padding:50px 0; font-size:14px; color:#999; font-weight:bold; border-bottom:1px solid #444;}
.board_area .board_head .number {float:left;}
.board_area .board_head .title {float:left; width:70%; text-align:center; color:#fff;}
.board_area .board_head .writer {float:left; width:15%; text-align:center; color:#fff;}
.board_area .board_head .date {float:left; width:15%; text-align:center; color:#fff;}
.board_area .board_con .title {float:left; width:70%; text-align:center; color:#fff;}
.board_area .board_con .writer {float:left; width:15%; text-align:center; color:#fff;}
.board_area .board_con .date {float:left; width:15%; text-align:center; color:#fff;}
.board_area .veiw_contents {min-height:300px; background:#ddd; color:#222; padding:20px; font-size:16px; }
.board_area .input_wrap {overflow:hidden; margin-top:20px;}
.board_area .reply_input {float:left; resize:none; height:80px; width:820px; border-radius:3px; background:#ddd; color:#222; padding:10px; font-size:14px;}
.board_area .reply_insert {float:right; background:#ffc600; color:#222; width:140px; height:100px; line-height:100px; text-align:center; font-size:15px; font-weight:bold; cursor:pointer; border-radius:3px;}
.board_area .reply { margin-top:10px;}
.board_area .reply .item {overflow:hidden; padding:10px; background:#eee; border:1px solid #ddd; border-radius:3px; margin-top:10px; position:relative;}
.board_area .reply .name {position:absolute; top:12px; left:100px; font-size:13px; font-weight:bold;}
.board_area .reply .buttons {height:20px !important;}
.board_area .reply .delete {position:absolute; top:10px; right:10px; background:#c61b1b; color:#fff; padding:0 6px; height:14px !important; border-radius:1px; cursor:pointer;}
.board_area .reply .message {min-height:50px; margin-top:18px;}
.board_area .reply .date {position:absolute; top:12px; left:10px;}
.board_area .buttons {overflow:hidden;}
.board_area .buttons .center {float:right; overflow:hidden; margin:30px 0;}
.board_area .buttons .bt.modify {border-radius:3px; margin-right:10px;float:left; width:100px; height:34px; line-height:34px; font-size:14px; font-weight:bold; text-align:center; background:#444; color:#eee; cursor:pointer;}
.board_area .buttons .bt.delete {border-radius:3px; float:left; width:100px; height:34px; line-height:34px; font-size:14px; font-weight:bold; text-align:center; background:#c61b1b; color:#eee; cursor:pointer;}
.board_area .write_header .text {font-size:15px; font-weight:bold; color:#fff; padding:5px 0;}
.board_area .write_header .name {background:#fff; font-size:15px;height:40px; line-height:40px; font-weight:bold; padding:0 10px;}
.board_area .write_header .date {background:#fff; font-size:15px;height:40px; line-height:40px; font-weight:bold; padding:0 10px;}
.board_area #tx_article_title {width:1180px; background:#fff; height:40px; padding:0 10px;}
.board_area .write_contents {margin-top:20px;}
.board_area .write_contents #tx_content {width:1180px; min-height:400px; background:#fff; padding:10px; resize:none;}
.board_area .write_buttons {overflow:hidden; width:250px; margin:20px auto;}
.board_area .write_buttons .bt.write {float:left; background:#ffc600; color:#111; font-size:13px; font-weight:bold; width:120px; height:38px; line-height:38px; text-align:center;}
.board_area .write_buttons .bt.cancel {margin-left:10px; float:left; background:#444; color:#eee; font-size:13px; font-weight:bold; width:120px; height:38px; line-height:38px; text-align:center;}
.subpage_area {background:url('../img/subpage_bg.jpg') no-repeat; height:917px; border-top:2px solid #7c7e7b; overflow:hidden; border-bottom:2px solid #7c7e7b; padding-top:98px;}
.subpage_area .layout_fix {overflow:hidden;}
.subpage_area li {float:left; width:293px; height:376px; position:relative; margin-left:9px; margin-bottom:30px;}
.subpage_area li:first-child {margin-left:0;}
.subpage_area li:nth-child(5) {margin-left:0;}
.subpage_area li dt {color:#fdfdbd; font-weight:bold; font-size:18px; padding:14px; text-align:center;}
.subpage_area li dd {color:#fff; padding-bottom:8px; text-align:center;}	
.subpage_area li .btn_box {position:absolute; bottom:0; left:0; overflow:hidden; width:293px; height:33px; text-align:center;}
.subpage_area li .btn_box .line_up {display:inline-block; overflow:hidden;}
.subpage_area li .btn_box .btn {float:left; overflow:hidden; margin-left:10px;}
.subpage_area li .btn_box .btn:first-child {margin-left:0;}




.guide {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3001;}
.guide .shadow {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6)}
.guide .tutorial_01 {margin-top:72px; margin-left:200px;}
.guide .tutorial_02 {position:absolute; top:200px;right:0;}
.guide .close_btn_box {position:absolute; top:10px; right:0; width:100%; display:none;}
.guide .tutorial_only_close {float:right; color:#fff; font-weight:bold; margin-top:10px; cursor:pointer; font-size:16px;} 
.guide .tutorial_close {float:right; margin-left:20px;cursor:pointer; border:2px solid #fff; border-radius:50px; background:url("/imgs/popup_x.png") 38px 2px no-repeat; color:#fff; font-weight:bold; font-size:16px; padding:10px 20px;}
.guide .tutorial_close:hover {background:#fff; color:#000;}

.loader6{
  position: relative;
  width: 12px;
  height: 12px;

  top: 46%;
  top: -webkit-calc(50% - 6px);
  top: calc(50% - 6px);
  left: 46%;
  left: -webkit-calc(50% - 6px);
  left: calc(50% - 6px);
  
  border-radius: 12px;
  background-color: #ff59f6;
  -webkit-transform-origin:  50% 50%;
      transform-origin:  50% 50% ;
  -webkit-animation: loader6 1s ease-in-out infinite;
      animation: loader6 1s ease-in-out infinite;
}

.loader6:before{
  content: "";
  position: absolute;
  background-color: #fbde1c;
  top: 0px;
  left: -25px;
  height: 12px;
  width: 12px;
  border-radius: 12px;
}

.loader6:after{
  content: "";
  position: absolute;
  background-color: #e92424;
  top: 0px;
  left: 25px;
  height: 12px;
  width: 12px;
  border-radius: 12px;
}


@-webkit-keyframes loader6{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);}
    100%{-webkit-transform:rotate(180deg);}
}

@keyframes loader6{
    0%{transform:rotate(0deg);}
    50%{transform:rotate(180deg);}
    100%{transform:rotate(180deg);}
}


@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.pagination .num_prev,
.pagination .num_next {
  width: 50px;
  text-decoration-line: none;
}

.pagination {
  display: flex;
  justify-content: center;
  margin: 15px 0 5px 0;
}

.pagination .num {
    color: #888;
    float: left;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin: 0 6px;
    background: #000;
    border: 3px solid transparent;
    border-radius: 500px;
    background-image: linear-gradient(#000, #000), linear-gradient(to right, #888, #888, #888);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.pagination .cur {
    color: #fff;
    background-image: linear-gradient(#000, #000), linear-gradient(to right, #fd00b2, #ff3f3a, #fee2a3);
}

.pagination .inner_paging {
	display: flex;
}

.pagination .num_prev,
.pagination .num_next,
.btn2 {
    color: #888;
    float: left;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin: 0 6px;
    background: #000;
    border: 3px solid transparent;
    border-radius: 500px;
    background-image: linear-gradient(#000, #000), linear-gradient(to right, #888, #888, #888);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.attendance-calendar {
    width: 100%;
    border-spacing: 1px;
    border-collapse: separate;
    margin: 10px 0 0;
}

.attendance-calendar th {
    color: #fff;
    font-size: 12px;
    height: 40px;
    font-weight: normal;
    text-align:center;
    background-color: #000;
}

.attendance-calendar td {
    width: 14.28%;
    height: 90px;
    text-align: center;
    background-color: #111111;
    position: relative;
    transition: 0.3s;
}

.attendance-calendar td.empty{
    pointer-events:none;
    background-color: rgba(0, 0, 0, 0.15);
    border-color: #535353;
}

.attendance-calendar td.today {
    background-color: rgba(56, 59, 63, 1.0);
}
.attendance-calendar td .date {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 50%;
    color: #8b929b;
    position: absolute;
    left:8px;
    top:8px;
    z-index: 10;
}

.attendance-calendar td.un-chk .date {
    background: #454545;
}

.attendance-calendar td.un-chk .today {
    color: #fff;
    background-image: linear-gradient(#fd00b2, #ff3f3a);
}

.attendance-calendar td .info-panel {
    color: #fd00b2;
    font-size: 36px;
}