@font-face {
  font-family: 'establishRetrosansOTF';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/establishRetrosansOTF.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LINESeedKR-Bd';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Bd.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'SBAggroB';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Knewave&display=swap');
@charset 'utf-8';
/* @import url(cm_font.css); */

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

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


body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {color:#fff; word-wrap:break-word; word-break:break-all;  font-size:13px;font-family: 'LINESeedKR-Bd'; }
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 {
  height: 100%;
padding:0; margin:0;
  text-align: center;
  background-attachment: fixed;
  transition: 0.3s;
}

body.active {
  overflow: hidden;
}
body::-webkit-scrollbar {width:10px; }
body::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);  background:#666;}
body::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:5px; background:#ff36be;}

/* 폼요소기본 */
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:#fff; background:transparent; margin:0;padding:0; outline:none; border:0}
textarea:focus {color:#fff !important;}

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

/* 셀렉트박스 */
.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; background:#000; overflow:hidden;} /* 이부분 실작업시 수정할것! */
.lineup {display:inline-block} /* float요소들 정렬시킬때 사용 */
.layout_fix {max-width:1502px; position:relative; margin:0 auto;} /* 컨첸츠 레이아웃 전체값 */
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.upper_link img {width:100%; height:100%;}

.font_white {color:#fff;}
.exchange_box {overflow:hidden; line-height:38px;}
.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;}
.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:13px;}
.fsize12 {font-size:12px;}
.fsize14 {font-size:14px;}
.disable {pointer-events:none;}
.moremoa_jackpot_banner {margin:10px auto !important;}

.header {overflow:hidden; height:114px; position:relative;}
.header .logo {}
.header .info_data {overflow:hidden; position:absolute; top:0; right:0; z-index:992;}
.header .info_data dl {float:right; overflow:hidden;}
.header .info_data dd {float:left; margin-left:5px; margin-top:10px;}
.header .info_data dd input {font-family: 'establishRetrosansOTF'; font-size:15px;background:#fff; border-radius:6px; color:#a1a1a1; padding:0 10px; width:145px; height:35px; border:none;}
.header .info_data dd .login_btn {font-family: 'establishRetrosansOTF'; display:block; width:138px; height:33px; text-align:center; line-height:39px; border:1px solid #c0d056; border-radius:6px; color:#bcff55; background:#3c3c3c;font-size:19px;}
.header .info_data dd .join_btn {font-family: 'establishRetrosansOTF'; display:block; width:138px; height:33px; text-align:center; line-height:39px; border:1px solid #c0d056; border-radius:6px; color:#fff; background: linear-gradient( to top, #9205ce, #ed35d3 ); font-size:19px;}
.header .info_data dt {float:left; margin-left:40px; color:#fff57c; cursor:pointer;}
.header .info_data dt .name {color:#fff; font-size:18px; margin-top:15px; font-family: 'SBAggroB';}
.header .info_data dt .msg {margin-top:7px; cursor:pointer}
.header .info_data dt .msg p {display:none;}
.header .info_data dt .icon {float:left; margin-right:8px;}
.header .info_data dt .money {float:left; color:#fff57c; font-size:18px;  margin-top:18px; font-family: 'SBAggroB';}
.header .info_data dt .money_trans {cursor:pointer; margin-top:16px;font-size: 20px;color:#fff; font-family: 'SBAggroB'; text-shadow: 0px 0px 5px rgba(255, 0, 150),0px 0px 13px rgba(255, 0, 150); }
.header .info_data dt .charge_account {cursor:pointer; margin-top:16px;font-size: 20px;color:#fff; font-family: 'SBAggroB'; text-shadow: 0px 0px 5px rgb(108 203 33), 0px 0px 13px rgb(108 203 33); animation: bg_icons 0.8s ease infinite}
.header .info_data dt.user_point {cursor:pointer;}

.header .logo_bg{
position: absolute;
animation: logo_bg 20s cubic-bezier(0, -0.03, 1, 0.99) infinite;
transform-origin: center ;
width:237px;
height:237px;
top:-67px;
z-index: 991;
}
@keyframes logo_bg {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}

}
.header .logo_1{
position: absolute;
animation: logo_1 1s cubic-bezier(0, -0.03, 1, 0.99) infinite;
transform-origin: center ;
z-index: 992;
top: 0;
  left: -25px;

}
@keyframes logo_1 {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}

}
.header .logo{
position: absolute;
top: 0;
  left: -25px;
z-index: 991;
}

.bg_icons{animation: bg_icons 5s ease infinite;}
@keyframes bg_icons {
0% {opacity: 0.5;}
50% {opacity: 1;}
100% {opacity: 0.5;}
}
.bg_icons0 {position:absolute; top:-390px; left:0px;}
.bg_icons1 {position:absolute; top:0; left:-60px;}
.bg_icons2 {position:absolute; top:0; right:-40px;;}
.bg_icons3 {position:absolute; top:45%; left:-50px;}
.bg_icons4 {position:absolute; top:45%; right:-10px;}
.bg_icons5 {position:absolute; bottom:-36px; left:0;}
.bg_icons6 {position:absolute; bottom:-10px; right:-150px;}

.header .nav_menu_box {position:absolute; bottom:0; left:0; width:100%; height:60px; line-height:60px; background:#1d1d1d;z-index:990; }
.header .nav_menu_box a {font-family: 'establishRetrosansOTF'; color:#fff; font-size:24px; margin-left:90px; }
.header .nav_menu_box a:first-child {margin-left:228px;}

.select_tab_game_menu {overflow:hidden; margin-top:40px;}
.select_tab_game_menu li {float:left; width: 50%; cursor:pointer; overflow:hidden; }
.select_tab_game_menu li .box {margin:0 5px;}
.select_tab_game_menu li .on {display:none;}
.select_tab_game_menu li img {width:100%;}
.select_tab_game_menu .slotgames .off {display:none;}
.select_tab_game_menu .slotgames .on {display:block;}
.select_tab_game_menu .livecasino .off {display:block;}
.select_tab_game_menu .livecasino .on {display:none;}
.select_tab_game_menu li:hover .off {display:none !important}
.select_tab_game_menu li:hover .on {display:block !important}

.main_banner {width:100%; height:430px; position:relative; background:url("/images/pc/main_banner_bg.png") no-repeat;}
.main_banner .character_1 {width:351px; height:340px; background:url("/images/pc/main_banner_img1.png") no-repeat; position:absolute; top:3px; left:20px;}
.main_banner .character_2 {width:773px; height:340px; background:url("/images/pc/main_banner_img2.png") no-repeat; position:absolute; top:3px; right:2px;}


.main_banner .slide {position:absolute; top:15px; left:330px; width:592px;  z-index:50;}


.search {
background-color: #15081c;
box-shadow: 0px 0px 0px 2px #f82188, 0px 0px 0px 4px #c2ff00;
border-radius: 39px;
text-align: center;
width: 713px;
height: 78px;
}
.dj {
transform-origin: bottom right;
top:-14px;
  right: 11%;
z-index: 1;
  animation: dj 10s ease infinite;
position: absolute;
}

@keyframes dj {
  0% {opacity: 0; transform: scale(0.75);}
  10% {opacity: 1; transform: scale(1);}
  90% {opacity: 1; transform: scale(1);}
  100% {opacity: 0; transform: scale(1);}
}

.dj-1 {
top:-14px;
  right: 11%;
z-index: 1;
  animation: dj-1 10s ease infinite;
position: absolute;
}

@keyframes dj-1 {
0% {opacity:0;}
25% {opacity: 0; transform: scale(1);}
  26% {opacity: 1; transform: scale(1);}
30% {opacity:0;}
  31% {opacity: 0; transform: scale(1.5);}
45% {opacity: 0; transform: scale(1);}
  46% {opacity: 1; transform: scale(1);}
50% {opacity:0;}
  51% {opacity: 0; transform: scale(1.3);}
75% {opacity: 0; transform: scale(1);}
  76% {opacity: 1; transform: scale(1);}
80% {opacity:0;}
  81% {opacity: 0; transform: scale(1.3);}
100% {opacity:0;}
}
.spot_r {
  position: absolute;
  right: 8%;
  transform-origin: top center;
  animation: spot_r 5s ease infinite;
width: 379px;
top: -62px;
opacity: 84%;
}

@keyframes spot_r {
  0% {
      transform: rotate(-15deg);
  }
  50% {
      transform: rotate(30deg);
  }
  100% {
      transform: rotate(-15deg);
  }
}
.spot_l {
  position: absolute;
  right: 37%;
  transform-origin: top center;
  animation: spot_l 5s ease infinite;
width: 379px;
top: -34px;
opacity: 84%;
}
@keyframes spot_l {
  0% {
      transform: rotate(-20deg);
  }
  50% {
      transform: rotate(-69deg);
  }
  100% {
      transform: rotate(-20deg);
  }
}

.light{
position: absolute;
  right: -8px;
animation: light 3s ease infinite;
}

@keyframes light {
  0% {opacity: 0.8;}
  40% {opacity: 0.6;}
  42% {opacity: 1;}
45% {opacity: 0.8;}
55% {opacity: 0.6;}
80% {opacity: 0.7;}
82% {opacity: 1;}
85% {opacity: 0.6;}
  100% {opacity: 0.8;}
}

.candy{
  transform-origin: bottom center;
  animation: candy 10s ease infinite;
  position: absolute;
  right: 38%;
  top: 288px;
  z-index: 51;
}

@keyframes candy {
  0% {
      opacity: 0;
      transform: scale(0.5);
  }
  5% {
      opacity: 0;
      transform: scale(0.5);
  }
  15% {
      opacity: 1;
      transform: scale(1);
  }
  100% {
      transform: scale(0.9);
  }
}
.sunglass{
  position: absolute;
  right: -40px;
  top: 313px;
  animation: sunglass 10s ease infinite;
}
@keyframes sunglass {
  10% {
      right:-200px
  }
  15% {
      right: -40px;
  }
}

.wave{
position: relative; 
animation: wave 30s linear infinite;
  bottom: -378px;
  z-index: 999;
background: url("/images/pc/wave.png");
background-repeat: repeat-x;
  width: 200%;
  height: 103px;
}
@keyframes wave {
  0% {
      left: 0;
  }
  100% {
      left: -100%;
  }
}

.gun {
top:218px;
position: absolute;
left:-37px;
  animation: gun 10s ease infinite;
}

@keyframes gun {
0% {left:-200px}
3% {left:-37px}
95%{opacity:100%}
100%{opacity:0%}
}

.king-1 {
top:-56px;
left:-5px;
position: absolute;
animation: king-1 5s ease infinite;
transform-origin: top ;
}

@keyframes king-1 {
  0% {
      transform: rotate(0deg);
  }
  50% {
      transform: rotate(10deg);
  }
  100% {
      transform: rotate(0deg);
  }
}
.bg{
position: absolute;
animation: bg 1s ease infinite;
}
@keyframes bg {
0% {opacity:0;}
50% {opacity:1;}
100% {opacity:0;}
}
.king {
top:-56px;
left:-5px;
position: absolute;
animation: king 5s ease infinite;
transform-origin: top ;
}

@keyframes king {
  0% {transform: rotate(0deg); opacity:0%;}
20% {opacity:70%;}
35% {opacity:20%;}
  50% {transform: rotate(10deg); opacity:100%;}
70% {opacity:50%;}
85% {opacity:80%;}
  100% {transform: rotate(0deg); opacity:0%;}
}
.headset {
top:251px;
position: absolute;
left: 132px;
animation: headset 10s ease infinite;
}
@keyframes headset {
0% {left:-200px}
5% {left:132px}
92%{opacity:100%}
100%{opacity:0%}
}


.container {min-height:800px; position:relative;}
.container .tab_menu_box {overflow:hidden; margin-top:30px; }
.container .tab_menu_box li {float:left; cursor:pointer}
.container .tab_menu_box li:nth-child(2) { margin:0 58px;}
.container .tab_menu_box li a {display:block;}
.search_box {margin-top:4px; position:relative; background-color: #15081c; box-shadow: 0px 0px 0px 2px #f82188, 0px 0px 0px 4px #c2ff00; border-radius: 39px; width:713px; height: 78px; overflow:hidden;}
.search_box .search_input { overflow:hidden; background:none; margin-left:-120px;}
.search_box .search_input input {background:#15081c; height: 78px; color:#6f4f80; font-size:22px; width:490px; padding-left:20px;}
.search_box .search_input input::placeholder {color:#6f4f80; background:#15081c;}
.search_box .search_button {position:absolute; top:-26px; right:0;}

.attendance {display:none; overflow:hidden; position:absolute; top:54px; right:11%; width:686px; height:204px; background: #000; z-index: 999; border:2px solid #ff89fe; border-radius:11px; padding:14px;}
.attendance .tit_box {float:left; width:180px;}
.attendance .tit_box .today {color:#fff; font-size:30px; font-weight:bold;}
.attendance .calendar {float:right; width:476px;} 
.attendance .calendar ul {display: flex; flex-wrap: wrap;}
.attendance .calendar li {flex: 0 0 calc(10% - 0px); } 
.attendance .calendar li .box {border:1px solid #772b75; border-radius:6px; margin:2px;}
.attendance .calendar li .date {height:15px; line-height:15px; background:#772b75; color:#fff; font-weight:normal; font-size:11px;}
.attendance .calendar li .num {height:26px; line-height:30px; font-size:14px; color:#fff; font-family:'SBAggroB'; text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);}
.attendance .calendar .txt {text-align:left; color:#ff89fe; margin-top:10px;}

.game_list_area {overflow:hidden; margin-top:40px;}
.game_list_area .game_box {overflow:hidden; }
.game_list_area .game_box ul { height:1200px; overflow-x:hidden;}
.game_list_area .game_box ul::-webkit-scrollbar {width:4px; }
.game_list_area .game_box ul::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:5px; background:#5c989c;}
.game_list_area .game_box li {overflow:hidden; position:relative; width:200px; height:230px; float:left; margin-bottom:14px; margin-left:15px;}
.game_list_area .game_box li:first-child {margin-left:0;}
.game_list_area .game_box li .game_bg {position:absolute; top:0; left:0; width:100%; height:100%;}
.game_list_area .game_box li .game_logo {position:absolute; top:0; left:0; width:100%; z-index:1;}
.game_list_area .game_box li .imgs {position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.game_list_area .game_box li .name {position:absolute; bottom:3px; left:3px; width:194px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:15px; background:rgba(0,0,0,0.8); border-radius:12px;}

.game_list_area .maintenance {position:absolute; top:0;left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:5; text-align:center; border-radius:10px;}
.game_list_area .maintenance_img {position:absolute; top:0;left:0; width:100%; height:100%; background:rgba(0,0,0,0.8) url("/images/pc/check.png?1") center center no-repeat; z-index:2; text-align:center; border-radius:10px;}

.casinogame_area {display:none;}
.casinogame_area .game_box li {width:240px; height:280px; margin-left:12px; margin-bottom:12px;}
.casinogame_area .game_box li:nth-child(6n+1) {margin-left:0;}
.casinogame_area .game_box li .name {width:234px;}
.slotsgame_area .game_box li:nth-child(7n+1) {margin-left:0;}

.msg_area {overflow:hidden;}
.msg_area .list.hd {overflow:hidden; background:#350843;  height:42px; line-height:42px; border:1px solid #ff37be; border-radius:12px;}
.msg_area .list.hd dt {float:left; font-size:16px; color:#fff; width:20%; text-align:center;}
.msg_area .list.hd dt:nth-child(1) {width:5%;}
.msg_area .list.hd dt:nth-child(2) {width:75%;}
.msg_area .list.contents {overflow:hidden;}
.msg_area .list.contents .item {overflow:hidden;}
.msg_area .list.contents dl {overflow:hidden;  border:1px solid #ff37be; border-radius:12px;}
.msg_area .list.contents dd {float:left; font-size:16px; color:#fff; width:15%; text-align:center; height:42px; line-height:42px;overflow:hidden;}
.msg_area .list.contents dd:nth-child(1) {width:5%;}
.msg_area .list.contents dd:nth-child(2) {width:75%;}
.msg_area .buttons {overflow:hidden;margin-bottom:20px;}
.msg_area .buttons div {cursor:pointer; float:left; margin-right:20px; font-size: 16px; color: #fff; font-family: 'establishRetrosansOTF'; text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);}

.msg_area .nolist {text-align:center; color:#fff; font-size:15px;padding:20px 0;}
.wallet_box {background:url("/imgs/info_m_bg.png") no-repeat; width:1257px; height:36px; margin:5px auto; overflow:hidden; padding:0 100px; text-align:center;}
.wallet_box dl {display:inline-block}
.wallet_box dd {float:left; overflow:hidden; margin-left:100px;}
.wallet_box dd:first-child {margin-left:0;}
.wallet_box dd .icon {float:left;}
.wallet_box dd .icon img {margin-top:6px;}
.wallet_box dd .money {float:left; color:#eee; font-size:14px; line-height:36px; margin-left:5px;}
.wallet_box dd .trans_btn {cursor:pointer; background:url("/imgs/bt_changemoney.png") no-repeat; background-position:14px 8px;width:120px; height:20px; text-align:center; padding-top:10px ;}
.wallet_box dd .trans_btn:hover {background:url("/imgs/bt_changemoney_hover.png") no-repeat; background-position:14px 8px;}


.log_box {float:right;}
.log_box .login {background:#8c813b; color:#fff; width:104px; height:40px; line-height:40px; text-align:center; margin-top:30px;  font-size:17px; float:left; }
.log_box .logout {background:#8c813b; color:#fff; width:104px; height:40px; line-height:40px; text-align:center; margin-top:30px;  font-size:17px; float:left;}
.log_box .join {background:#535353; color:#fff; width:104px; height:40px; line-height:40px; text-align:center; margin-top:30px; margin-left:10px;  font-size:17px;  float:left;}



.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 {clear:both; width:100%; border:0; height:50px;}
.container .more div {border-radius:2px; text-align:center;  width:500px; height:40px; line-height:40px; font-size:14px; margin:5px auto;; cursor:pointer; background:#8c2328; color:#fff; font-weight:bold}
.container .more div:hover {background:#bc8fff; color:#111}
.container .top_box {height:300px; background:rgba(0,0,0,0.4) url("/imgs/border_notice.png") no-repeat;}
.container .bottom_box {background:rgba(0,0,0,0.4) url("/imgs/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/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/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:13px; 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;}


.board_box {overflow:hidden;}
.board_box dt { overflow:hidden; background:#350843;  border: 1px solid #ff37be; border-radius: 12px; }
.board_box dd {cursor:pointer; overflow: hidden; border: 1px solid #ff37be; border-radius: 12px; margin-top: 3px;}
.board_box li { text-align:center; height:40px; line-height:40px; color:#fff; font-size:16px; letter-spacing:-1px; float:left;}
.board_box li:first-child {width:70%;}
.board_box li:last-child {width:30%;}
.board_box.referer_list li:first-child {width:30%;}
.board_box.referer_list li:nth-child(2) {width:25%}
.board_box.referer_list li:nth-child(3) {width:25%}
.board_box.referer_list li:last-child {width:20%}


.jackpot_list_box.bigwin_list_box {overflow:hidden; background:url("/imgs/bigwinlist_bg.png") no-repeat; width:395px; height:476px; position:absolute; top:300px; left:20px; z-index:102; background-size:100% 100%;}
.jackpot_list_box.live_box {overflow:hidden; background:url("/imgs/liveex_bg.png") no-repeat; width:395px; height:476px; position:absolute; top:300px; right:20px; z-index:102; background-size:100% 100%;}
.jackpot_list_box dl {margin-top:100px; margin-left:45px; width:300px; overflow:hidden;}
.jackpot_list_box dt {overflow:hidden; margin-bottom:10px;}
.jackpot_list_box dd {overflow:hidden;}
.jackpot_list_box dt li {color:#ffe166;}
.jackpot_list_box li {float:left; width:25%; text-align:center; color:#fff; height:30px; line-height:30px; overflow:hidden;}
.jackpot_list_box li strong {color:#ffe166;}
.jackpot_list_box li img {width:80px;}
.jackpot_list_box.live_box li {width:33.333%;}

.latest_area {position:relative; overflow:hidden; background:url("/images/pc/main_notice_bg.png") no-repeat; height:377px; padding:30px 0;}
.latest_area .box {overflow:hidden; width:472px; float:left; margin-left:30px;}
.latest_area .box:first-child {margin-left:0;}
.latest_area .box .tit {font-size: 24px; color:#fff; font-family: 'Knewave', cursive; text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);}
.latest_area .box .line {background:#fff; height:2px; box-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 18px rgba(255, 0, 150);}
.latest_area .box ul {overflow:hidden; padding:16px;}
.latest_area .box li {overflow:hidden; margin-top:4px; cursor:pointer;}
.latest_area .box li:first-child {margin-top:0;}
.latest_area .box li .txt {color:#eee; float:left; font-size:15px; }
.latest_area .box li .date {color:#eee; float:right; font-size:15px; }
.latest_area .box .live_box li {height:46px; line-height:46px; border-bottom:1px solid #888;}
.latest_area .box .live_box li span {text-align:center; width:33.333%; float:left;color:#fff; font-size:15px; }
.latest_area .box .live_box li .money {color:#ff5ee5;}


.footer {position:relative; text-align:center; background:url("/images/pc/footer_bg.png") no-repeat; height:387px; overflow:hidden;}
.footer .copyright {color:#784a6f; margin-top:340px;}
.footer .speaker_l {position:absolute; top:0; left:0;}
.footer .speaker_r {position:absolute; top:0; right:0;}

.box_bg {padding:20px; background:rgba(0,0,0,0.4); box-sizing:border-box; border:3px solid #433e1d; border-radius:10px;}

.cbform .checkbox {width:8px; height:8px; border:2px solid #ffffff; background-color:#ffffff;} 
.cbform .checkbox.checked {background-color:#1c4c42;}



.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 {overflow:hidden; width:1500px; margin-bottom:10px;}


.game_page_box .game_category_area ul::-webkit-scrollbar {width:12px;}
.game_page_box .game_category_area ul::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);  background:#111; border-radius:1px;}
.game_page_box .game_category_area ul::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:2px; background:#555;}

.game_page_box .game_category_area  {float:left; overflow:hidden; background:url("/imgs/list_company_bg.png?1") no-repeat; width:1298px; height:355px; position:relative; padding:7px; box-sizing:border-box;}
.game_page_box .game_category_area ul {overflow-x:hidden; width:100%; height:100%; padding:5px; box-sizing:border-box;}
.game_page_box .game_category_area li {float:left; text-align:center; position:relative; text-align:center; margin:4px; width:172px; height:74px; background:url("/imgs/bt_company_bg.png?1") no-repeat;}
.game_page_box .game_category_area li .after {display:none;}
.game_page_box .game_category_area li:hover {background:url("/imgs/bt_company_bg_hover.gif?1") no-repeat;}
.game_page_box .game_category_area li.active {background:url("/imgs/bt_company_bg_hover.gif?1") no-repeat;}
.game_page_box .game_category_area li:hover .before {display:none}
.game_page_box .game_category_area li:hover .after {display:block}
.game_page_box .game_category_area li .imgs {width:110px; height:42px; margin:5px auto;}
.game_page_box .game_category_area li .name {color:#fff; font-size:13px;}
.game_page_box .game_category_area li.RTG .imgs {background:url("/imgs/RTG.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.GAMEPLAY .imgs {background:url("/imgs/GAMEPLAY.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.MICROGM .imgs {background:url("/imgs/MICROGM.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.BNGO .imgs {background:url("/imgs/BNGO.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.QTECH .imgs {background:url("/imgs/QTECH.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.TTG .imgs {background:url("/imgs/TTG.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.HBNR .imgs {background:url("/imgs/HBNR.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.PRAGMTIC .imgs {background:url("/imgs/PRAGMTIC.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.AMEBA .imgs {background:url("/imgs/AMEBA.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.ISOFT .imgs {background:url("/imgs/ISOFT.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.PLAYNGO .imgs {background:url("/imgs/PLAYNGO.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.GAMATRON .imgs {background:url("/imgs/GAMATRON.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.CQ9 .imgs {background:url("/imgs/CQ9.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.DREAMTECH .imgs {background:url("/imgs/DREAMTECH.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.QUICKSPIN .imgs {background:url("/imgs/QUICKSPIN.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.NETENT .imgs {background:url("/imgs/NETENT.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.MAVERICK .imgs {background:url("/imgs/MAVERICK.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.KIRON .imgs {background:url("/imgs/KIRON.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.ELK .imgs {background:url("/imgs/ELK.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.YGG .imgs {background:url("/imgs/YGG.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.JOKERGAMING .imgs {background:url("/imgs/koker.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.WORLDMATCH .imgs {background:url("/imgs/wm.png?88888") no-repeat; background-size:100%;}
.game_page_box .game_category_area li.FUNKYGAMES .imgs {background:url("/imgs/funkygames.png?88888") no-repeat; background-size:100%;}
/*BBIN  {background-position:-197px -370px;} - 트랜스퍼만 지원*/
.game_page_box .game_category_area li .maintenence {background: url('/imgs/check.png?1') no-repeat; width:164px; height: 64px; position:absolute; top:4px; left:4px; background-size:100% 100%;}

.game_page_box .live_casino {float:right; width:200px; height:275px;  cursor:pointer;}
.game_page_box .live_casino .after {display:none;}
.game_page_box .live_casino:hover .before { display:none;}
.game_page_box .live_casino:hover .after { display:block;}

.list_game_title {display:none; width:1500px; height:52px; padding-top:3px; background:url("/imgs/list_game_title_bg.png") no-repeat; margin:4px 0;}
.list_game_title .category_title {width:325px; height:47px; margin:0 auto;}
.list_game_title .category_title.casino_title {background:url("/imgs/list_game_title_casino.png") no-repeat;}
.list_game_title .category_title.slot_title {background:url("/imgs/list_game_title_slot.png") no-repeat;}

.layer_bg {background:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000;}
.game_menu_box {z-index:1001; width:1500px; height:750px; margin-left:-750px; position:absolute; top:980px; left:50%; overflow:hidden; border:1px solid #fd8aff; background:#000;border-radius:12px; }
.game_menu_box .top_box {overflow:hidden; position:relative;height:140px; margin-top:20px;}
.game_menu_box .top_box .title {position:absolute; top:30px; left:75px; }
.game_menu_box .game_name {margin-top:10px; font-size:24px; color:#fff; font-family:'establishRetrosansOTF'; text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);}
.game_menu_box .top_box .title .edit {position:absolute; top:15px; left:250px; color:#fff; width:50px; cursor:pointer;}
.game_menu_box .top_box .title .cancel {display:none; position:absolute; top:15px; left:250px; color:#fff; width:50px; cursor:pointer;}
.game_menu_box .top_box .title .game_count {overflow:hidden; margin-top:10px; letter-spacing:-1px; color:#fff; font-size:16px;}
.game_menu_box .top_box .title .game_count strong {color:#ff36be;}
.game_menu_box .top_box .close {position:absolute; top:10px; right:30px; display:block; overflow:hidden; cursor:pointer}
.game_menu_box .top_box .search_box {position:absolute; top:10px; left:50%; margin-left:-357px;}


.game_menu_box ul {overflow-x:hidden; padding-left:60px; padding-top:20px; height:540px;}
.game_menu_box ul::-webkit-scrollbar {width:5px; }
.game_menu_box ul::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:6px; background:#ff36be;}
.game_menu_box li {float:left; position:relative; width:144px; height:176px;margin-left:20px; margin-bottom:20px;}
.game_menu_box li .imgs {width:144px; height:144px; overflow:hidden; border-radius:12px; }
.game_menu_box li .imgs img {width:100%; height:100%;}
.game_menu_box li .txt {color:#eee; font-size:14px; letter-spacing:-0.5px;text-align:center; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.game_menu_box li .btn {display:none; overflow:hidden; position:absolute; top:0; left:0; background:rgba(0,0,0,0.8) ; width:100%; height:125px; padding-top:20px; text-align:center; border-radius:10px;}
.game_menu_box li:hover .btn {display:block;}
.game_menu_box li .del_btn {display:none; position:absolute; top:-15px; right:-15px; z-index:999; cursor:pointer;}
.game_menu_box li .del_btn img {width:44px; height:44px;}
.game_menu_box li .bookmark {position:absolute; top:-8px; right:-8px; z-index:999; cursor:pointer; background:#333; border:1px solid #666; border-radius:500px; width:24px; height:24px;}
.game_menu_box li .bookmark.on {background:url("/images/pc/icon_smile.png") no-repeat; background-size:100% 100%;}
.game_menu_box li .company_name {color:#ff36be; font-size:15px; letter-spacing:-0.5px;}
.game_menu_box .wish_list {overflow:hidden;}
.game_menu_box .wish_list .imgs {width:148px; height:125px;}
.game_menu_box .wish_list .name {color:#fff; text-align:center; height:30px; line-height:30px;}



.msg_layer .list {overflow:hidden;}
.msg_layer .list .item {overflow:hidden; overflow: hidden; margin-top: 3px; cursor:pointer }
.msg_layer .list .item.readed {}
.msg_layer .list ul {overflow:hidden; width:645px; margin:0 auto; background: #456e72; cursor: pointer; border-radius: 12px; padding: 0 30px; border:1px solid #0e423d; }
.msg_layer .list li {overflow:hidden; float: left; height: 44px; line-height: 44px; color:#ddd; width:150px; font-size:15px; letter-spacing:-0.5px;}
.msg_layer .list li:nth-child(1) {width:380px; text-align:left;}
.msg_layer .list li:last-child {text-align:center; width:100px;}
.msg_layer .list .checkbox {background:#fff; width:18px; height:18px; margin-top:12px;margin-left:10px;}
.msg_layer .list .checkbox.checked {background:#ff37be}
.msg_layer .list .substance {display:none; border:1px solid #ff37be; color:#fff; background:#290426; padding: 20px; border-radius: 12px; height:300px; margin-top:3px; overflow-x:hidden; text-align:center; font-size:18px;}
.msg_layer .list .substance .text {color:#fff; font-size:16px;}
.msg_layer .list .substance .submit {cursor:pointer; background: #ff5ee5; color:#fff; height:40px; line-height:40px; text-align:center; border-radius: 2px; margin: 20px auto; width:196px; overflow:hidden;}
.msg_layer .tab_menu {overflow:hidden; width:645px; margin:0 auto; }
.msg_layer .tab_menu div {background: #5b3511; cursor: pointer; border-radius: 10px; float:left; height:44px; line-height:44px; text-align:center; color:#c39063; margin-right:10px; width:140px; font-size:13px; letter-spacing:-0.5px;}

.layer_title {height:60px; line-height:70px; text-align:center; margin-top:10px; margin-bottom:20px; font-size: 32px; color: #fff; font-family: 'establishRetrosansOTF'; text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);}

.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; }
.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;}


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




.join_layer {position:fixed; top:0; left:0; width:100%; height:100%; margin-left:0; z-index:999;background:rgba(0,0,0,0.8);
-webkit-animation: scale-in-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: scale-in-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.join_layer .close {position:absolute; top:20px; right:15px; cursor:pointer;}
.join_layer .tit_logo {text-align:center; margin:68px 0;}
.join_layer .join_area {overflow:hidden; }
.join_layer dl {width:298px; margin:0 auto}
.join_layer dd {overflow:hidden; margin-bottom:6px;}
.join_layer dd .con {overflow:hidden;}
.join_layer dd .con span {float:left;}
.join_layer dd .con input {background:#fff; width:278px; height:42px; line-height:42px; padding:0 10px; color:#999; font-size:15px; border-radius:0;}
.join_layer dd .con select {background:#fff; width:278px; height:42px; line-height:42px; font-size:15px; padding:0 5px; border:none; outline:none; color:#999; border-radius:0;}
.join_layer dd .con input.hp {width:76px; }
.join_layer dd .con input.hp::placeholder {color:#333;}
.join_layer dd .con a.chek_btn {color:#fff; background:#ff36be; width:78px; height:42px; line-height:42px; display:block; text-align:center;}
.join_layer dd .con a.user_hp_check {color:#fff; background:#ff36be; width:78px; height:42px; line-height:42px; display:block; text-align:center;}
.join_layer .notice {text-align:center; margin:40px 0;}
.join_layer .notice li {color:#5b3413; font-size:15px; line-height:26px;}
.join_layer .layer_btn_box {text-align:center; overflow:hidden; }
.join_layer .layer_btn_box a {    font-size: 30px; color: #fff; font-family: 'establishRetrosansOTF'; text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);}

.join_layer .layer_btn_box a:hover, .join_layer .layer_btn_box a:focus, .join_layer .layer_btn_box a:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}


.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;}


.bg_icon_people {position:absolute; bottom:0; left:0; width:100%; height:694px;}




.bigwin_box {width:1502px; height:212px; position:relative;  background:url("/images/pc/jackpot_bg.png") no-repeat; display:block !important;}
.bigwin_box .info_area {position:absolute; height:20px; bottom:20px; right:50px; overflow:hidden; margin:10px auto;}
.bigwin_box .info {overflow:hidden;}
.bigwin_box .info li {float:left; color:#fff; font-size:16px; margin-left:16px;}
.bigwin_box .info li:first-child {margin-left:0;}
.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:600px;height:126px; position:absolute; top:-10px; right:10px; 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 {text-align:center; margin-left:90px; margin-top:30px;}
.bigwin_box .box .krw .ani1 {height:50px; 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; color:#fff; font-size:90px; font-family: 'Knewave', cursive; text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);}
.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);
}
}



.body_bg video {
position : fixed;
top : 0; 
left : 0;
min-width : 100%;
min-height : 100%;
width : auto;
height : auto;
}


.gnb_layer {z-index:5000; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center;}
.gnb_layer .close_layer {text-align:center; position:absolute; top:10px; right:10px; }

.gnb_layer .layer_contents_area {overflow:hidden; position:absolute; top:100px; left:50%; padding-bottom:30px; text-align:left; width:1200px; margin-left:-600px; background:#000; border-radius:12px; border:2px solid #fb75cc; box-sizing:border-box; box-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 18px rgba(255, 0, 150);}
.gnb_layer .layer_contents_area .title_box {margin-bottom:24px;}
.gnb_layer .layer_contents_area .account_check {cursor:pointer; height:50px; line-height:50px; border-radius:12px; background:#681871; color:#fff; font-size:18px; text-align:center;}
.gnb_layer .layer_contents_area .account_check #bank_name {color:#fff; font-size:18px; margin:0 10px;}
.gnb_layer .layer_contents_area .account_check #bank_number {color:#fff; font-size:18px; margin:0 10px;}
.gnb_layer .layer_contents_area .layer_tab_menu {overflow:hidden;margin:30px 10px; width:80%;}
.gnb_layer .layer_contents_area .layer_tab_menu ul {display: flex; justify-content: space-between; }
.gnb_layer .layer_contents_area .layer_tab_menu li {flex: 1; }
.gnb_layer .layer_contents_area .layer_tab_menu li .menu {text-align:center; display:block; color:#5f4659; font-size:28px; font-family: 'establishRetrosansOTF';}
.gnb_layer .layer_contents_area .layer_tab_menu li:hover .menu {color:#fff;     text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);}
.gnb_layer .layer_contents_area .layer_tab_menu li .active {color:#fff;    text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);}
.gnb_layer .layer_contents_area .wave {bottom:42px; height:70px; background-size:100% 100%;}

.gnb_layer .contents_section {overflow-x:hidden; padding:0 30px; height:600px;}
.gnb_layer .contents_section::-webkit-scrollbar {width:4px;}
.gnb_layer .contents_section::-webkit-scrollbar-thumb {background:#ff36be;}
.gnb_layer .contents_section.center_section {width:600px; margin:0 auto;}

.gnb_layer .con_box {overflow:hidden; margin-top:20px; float:left; }
.gnb_layer .con_box li {overflow:hidden; margin-bottom:6px; }
.gnb_layer .con_box li .section {overflow:hidden;  }
.gnb_layer .con_box li .wallet_sel {height:150px;}
.gnb_layer .con_box li .wallet_sel .left_con {height:150px;}
.gnb_layer .con_box li .wallet_sel .left_con .txt { line-height:150px;}
.gnb_layer .con_box li .wallet_sel dl { margin-top:25px;}
.gnb_layer .con_box li .left_con {float:left; width:140px; text-align:center;  }
.gnb_layer .con_box li .left_con .txt {line-height:50px;  color:#fff; font-size:18px; letter-spacing:-1px;}
.gnb_layer .con_box li .right_con {float:right; overflow:hidden; width:332px; }
.gnb_layer .con_box li .right_con dl {display: flex; justify-content: space-between;}
.gnb_layer .con_box li .right_con dt {flex: 1; text-align:center;}
.gnb_layer .con_box li .right_con dt .money {color:#fff47c; font-size:18px;}
.gnb_layer .con_box li .right_con dt .confirm_btn {color:#fff; display:block; font-size:16px; text-align:center; border:1px solid #ff36be; border-radius:6px; width:120px; height:42px; line-height:42px;}
.gnb_layer .con_box li .right_con dt .confirm_btn:hover {background:#ff36be;}
.gnb_layer .con_box li .right_con .txt {line-height:50px;  color:#fff; font-size:18px; min-width:110px; text-align:left; letter-spacing:-1px;}
.gnb_layer .con_box li .right_con .txt.strong {color:#681871; }
.gnb_layer .con_box li .right_con .txt span {font-size:18px;}
.gnb_layer .con_box li .right_con select {width:100%; height:42px; color:#fff; background:#000;outline:none; border:none; font-size:18px !important;}
.gnb_layer .con_box li .right_con option {color:#fff; font-size:18px;  height:42px;}
.gnb_layer .con_box li .input_cover {overflow:hidden; border:1px solid #ff36be; border-radius:6px}
.gnb_layer .con_box li .input_cover .select {width:332px; color:#fff; font-size:18px;height:44px;}
.gnb_layer .con_box li .input_cover input {width:332px; color:#fff; font-size:18px; height:42px; text-indent:10px;}
.gnb_layer .con_box li .right_con .cbform span {float:left; margin-right:10px; font-size: 16px; color: #ff6e1f; font-weight:bold;}
.gnb_layer .con_box li .right_con .sender_name {color:#fff; font-size:18px; line-height:50px;}
.gnb_layer .con_box li .right_con .sender_name span {color:#fff; font-size:18px; line-height:50px;}
.gnb_layer .con_box li .right_con .sender_name #bank_number {margin:0 10px; color:#a5fe30;}
.gnb_layer .con_box li .right_con .box {overflow:hidden;}
.gnb_layer .con_box li .right_con .box dd {overflow:hidden; text-align:center; cursor:pointer; margin-right:60px;}
.gnb_layer .con_box li .right_con .box dd .radio {background:url("/imgs_b2b/check_off.png"); width:21px; height:21px;margin-top:10px;}
.gnb_layer .con_box li .right_con .box dd.active .radio {background:url("/imgs_b2b/check_on.png");}
.gnb_layer .con_box li .right_con .box dd .imgs {float:left; overflow:hidden; margin-right:12px;}
.gnb_layer .con_box li .right_con .box dd .txt {color:#333; font-size:18px; float:left;}
.gnb_layer .con_box li .money_function {overflow:hidden; width:332px;}
.gnb_layer .con_box li .money_function div {float:left; cursor:pointer; margin-bottom:5px; margin-left:5px; text-align:center; width:77px; height:42px; line-height:42px; font-size:16px; color:#ff36be;  border-radius: 6px; border:1px solid #ff36be}
.gnb_layer .con_box li .money_function div:hover {background:#ff36be; color:#fff;}
.gnb_layer .con_box li .money_function div:first-child {margin-left:0;}
.gnb_layer .con_box li .money_function div:nth-child(5) {margin-left:0;}
.gnb_layer .con_box li .money_function .point_all {width:186px}
.gnb_layer .con_box li .cbform {overflow:hidden;}
.gnb_layer .con_box li .cbform span {color:#fff; font-size:18px;}
.gnb_layer .con_box li #bank_owner {color:#393939; font-size:18px; line-height:50px;}
.gnb_layer .btn_box {overflow:hidden; text-align:center; margin-top:40px;}
.gnb_layer .btn_box .btn {display:block; color:#fff;font-size: 28px; font-family: 'establishRetrosansOTF'; text-shadow:0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);}
.gnb_layer .btn_box .btn.close {margin-left:10px; background:#5b5b5b; }
.gnb_layer .notice_txt_box {padding:12px 0;}
.gnb_layer .notice_txt_box p {color:#fff; font-size:16px;}
.gnb_layer .notice_txt_box p strong {color:#ff36be; font-weight:600;}
.gnb_layer .hold_tit {color:#fff;font-size: 32px; font-family: 'establishRetrosansOTF'; text-shadow:0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150); margin-top:25px; text-align:center;}
.gnb_layer .charge_list_box {overflow:hidden; float:left; margin-left:120px; margin-top:20px;}
.gnb_layer .charge_list_box .title {color:#fff; font-size: 28px; font-family: 'establishRetrosansOTF'; text-align:center; }
.gnb_layer .charge_list_box .sub {color:#fff; font-size:18px; margin-bottom:10px; text-align:center;}
.gnb_layer .charge_list_box dt {overflow:hidden; background:#393939; width:490px; border-radius:12px; }
.gnb_layer .charge_list_box dt li {color:#fff; font-size:16px;}
.gnb_layer .charge_list_box dd {overflow:hidden; background:#878787; border-radius:12px; margin-top:3px;}
.gnb_layer .charge_list_box ul {display: flex;justify-content: space-between;}
.gnb_layer .charge_list_box li {    flex: 1; text-align:center; height:50px; line-height:50px; color:#fff; font-size:14px; letter-spacing:-1px;}
.gnb_layer .pw_check {width:450px; margin:60px auto; height:50px; background:#ddd; color:#fff; border-radius: 12px;  }
.gnb_layer .pw_check input {color:#333; font-size:16px; text-indent:30px; outline:none; background:none; border-radius:500px; width:100% !important;}
.gnb_layer .pw_check input:focus {outline:none; background:none; }
.gnb_layer input[type=text] {height:100%; color:#333; background:none;outline:none; border:none; font-size:18px;}
.gnb_layer input[type=text]:focus {border:none; outline:none;}
.gnb_layer input[type=password] {height:100%; color:#333; background:none;outline:none; border:none; font-size:18px; border-radius:12px; }

@keyframes blink-effect {
50% {
  opacity: 0;
}
}

.full_layer {border:0; top:0; left:0; width:100%; height:100%; margin-left:0; padding-top:120px;}
.full_layer .layout_fix {width:716px;}

.mypage_layer {padding:40px 80px;}
.mypage_layer .top_box {text-align:center; margin:20px 0;}
.mypage_layer .top_box dt {color:#000; font-size:17px; font-weight:bold;}
.mypage_layer .top_box dd {color:#333; font-size:14px; margin-top:10px;}
.mypage_layer .btn_box {margin-top:50px;}
.mypage_layer .table_list dt {background:#222; border-radius:8px; margin-bottom:10px; overflow:hidden;} 
.mypage_layer .table_list li {height:40px; line-height:40px; text-align:center !important;}
.mypage_layer .tab_menu li {width:50% !important;}



.gnb_layer.point_layer {width:454px; height:500px; margin-left:-227px;}
.gnb_layer.point_layer ul {margin:50px 0;}
.gnb_layer.point_layer li {background:#456e72; overflow:hidden; padding:0 10px; height:44px; line-height:44px; border-radius:10px; width:374px; margin:5px auto;}
.gnb_layer.point_layer li:nth-child(2) {background:#264245;}
.gnb_layer.point_layer li .left_txt {float:left;width:50%; margin-top:0;}
.gnb_layer.point_layer li .right_con {float:right;width:50%;text-align:right; }
.info_txt {margin:30px 0; text-align:center; color:#55f3d0; }

.gnb_layer.money_trans_layer {width:454px; min-height:500px; margin-left:-227px;}
.gnb_layer.money_trans_layer .con_box {width:100%;}
.gnb_layer.money_trans_layer .con_box li {margin-bottom:10px;}
.gnb_layer.money_trans_layer .con_box li .con {margin:0 auto;}
.gnb_layer.money_trans_layer .con_box li .con dd {margin-right:0;}
.gnb_layer.money_trans_layer .con_box li .con dd:first-child {margin-right:30px;}
.gnb_layer.money_trans_layer .con_box input {width:278px; margin-bottom:10px;}
.gnb_layer.money_trans_layer .input_style {width:278px; height:46px; line-height:46px; padding:0 10px; color:#fcda6e; background:#3f3f3f; font-size:16px;}
.gnb_layer.money_trans_layer .input_style span {color:#fcda6e; font-size:16px}
.gnb_layer.money_trans_layer .input_style span.txt {color:#fff; line-height:46px; margin-bottom:0;}
.gnb_layer.money_trans_layer .input_style span.numb {text-align:left;float: right;}
.gnb_layer.money_trans_layer .money_type_select {width:298px; font-size:16px !important; padding:0 5px; background: #1b2d2f; border: 1px solid #426664; color:#eee;}
.gnb_layer.money_trans_layer .money_type_select option {color:#fff;}

.gnb06 .table_list li {width:50% !important;}
.coupon_layer .table_list li {width:20% !important;}
.gnb_layer .pagination {overflow:hidden; text-align:center; margin:40px 0;}
.gnb_layer .pagination .page {color:#ddd; float:left; padding:8px 14px;  font-size:14px; font-weight:bold; margin:0 6px; background:#350843; border-radius:2px;}
.gnb_layer .pagination .page.on {background:#ff37be; color:#fff;}
.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:30px 0;}
.gnb_layer .top_box {position:relative;}
.gnb_layer .top_box .ask_btn { width:134px; height:50px; background-size:100% 100%; position:absolute; top:0; right:0;}

.gnb_layer .tab_menu ul {display:flex; justify-content:space-between;}
.gnb_layer .tab_menu li {flex:1}
.gnb_layer .tab_menu li .menu {display:block; display:block; color:#5f4659; font-size:22px; font-family:'establishRetrosansOTF'; }
.gnb_layer .tab_menu li .menu.active {color:#fff; text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);}

.gnb_layer.referer_layer .table_list li {width:30% !important;}
.gnb_layer.referer_layer .table_list li:nth-child(3) {width:40% !important;}

.rolling_txt {text-align:center; margin-bottom:10px;}
.rolling_txt dt {color:#dad36b; font-size:24px;}
.rolling_txt dd {color:#fff; font-size:15px;}

.mypage_tab {width:496px; margin:0 auto; padding-top:30px;}
.mypage_box {overflow:hidden; text-align:center;}
.mypage_box .top_box dt {color:#ffdd5a;font-size:38px;}
.mypage_box .top_box dd {color:#fff; letter-spacing:-1px;}
.mypage_box .list {overflow:hidden; text-align:center; padding-top:20px;}
.mypage_box .tit {overflow:hidden;height:42px; line-height:42px; box-shadow:0 0 6px 4px #222; margin-top:10px;}
.mypage_box .mypage_table_list {overflow:hidden;}
.mypage_box .mypage_table_list dt {float:left; width:50%; color:#fff; font-size:15px;}
.mypage_box .mypage_table_list ul {margin-top:10px; padding:0 5px 5px 5px;}
.mypage_box .mypage_table_list li {overflow:hidden;  background:none; height:35px; line-height:35px; margin-bottom:0;}
.mypage_box .mypage_table_list li:nth-child(odd) {background:#4d8084;}
.mypage_box .mypage_table_list dd {float:left; width:50%; color:#fff; font-size:14px; letter-spacing:-1px;}
.mypage_box .mypage_table_list dd .ok {color:#ffe25d;}
.mypage_box .mypage_table_list3 dt {width:33.333%;}
.mypage_box .mypage_table_list3 dd {width:33.333%;}

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

.board_view_box {overflow:hidden;}
.board_view_box .view_box {background:#350843; padding:20px 15px; border-radius:12px; margin-bottom:20px; border:1px solid #ff36be;}
.board_view_box .view_box dt {overflow:hidden; border-bottom:1px solid #ff36be; padding-bottom:10px;}
.board_view_box .view_box dt .tit {float:left; font-size:18px;  color:#fff;}
.board_view_box .view_box dt .date {float:right; color:#fff; font-size:17px; ;}
.board_view_box .view_box dd {font-size:17px; line-height:20px; color:#fff; margin-top:10px; min-height:300px;}
.board_view_box .view_box dd td {font-size:17px;  color:#eee; border:1px solid #eee;}
.board_view_box .view_box dd table {font-size:17px;  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 {background:#350843; padding:20px 15px; border-radius:12px; margin-bottom:20px; border:1px solid #ff36be;}
.board_view_box .comment_box li {overflow:hidden;  }
.board_view_box .comment_box li .info {overflow:hidden; border-bottom:1px solid #ff36be; padding-bottom:10px;}
.board_view_box .comment_box li .icon {float:left; background:#ffc800; color:#111; font-size:12px; padding:2px 6px; border-radius:2px;margin-right:10px;}
.board_view_box .comment_box li .name {float:left;color:#fff; font-size:15px;}
.board_view_box .comment_box li .date {float:right; color:#fff; font-size:14px;}
.board_view_box .comment_box li .txt {margin-top:10px; color:#fff; 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:#eacc54; color:#111; margin-right:0;}

.board_write_box {overflow:hidden; margin-bottom:30px;}
.board_write_box dt {overflow:hidden; margin-bottom:10px; border:1px solid #ff36be; border-radius:12px;}
.board_write_box dt input[type=text] {width:100%; height:46px;  border:0; font-size:15px; color:#fff; padding:0 10px; outline:none; }
.board_write_box dd {overflow:hidden; height:300px; border:1px solid #ff36be; border-radius:10px; margin-bottom:10px;}
.board_write_box dd textarea {resize:none; width:100%; height:300px;padding:10px;  font-size:16px; color:#fff;}
.board_write_box dd textarea:placeholder {color:#fff;}
.money_type_select {width:100%; height:44px; color:#fff; font-size:17px !important; border:none; background:none; outline:none;}
.money_type_select:focus option {color:#000;}

.charge_list_layer {display:none; position:absolute; top:25%; left:50%; margin-left:-200px; width:400px; min-height:350px; background:#456e72; border:1px solid #104243; border-radius:12px; z-index:1;}
.charge_list_layer .charge_list_close {position:absolute; top:10px; right:10px; cursor:pointer;}
.charge_list_layer .top_line {overflow:hidden;padding:10px;}
.charge_list_layer .top_line dt {color:#fee068; font-size:21px;}
.charge_list_layer .top_line dd {color:#eee; letter-spacing:-1px;}
.charge_list_layer .list {overflow:hidden; text-align:center; padding-top:20px;}
.charge_list_layer .list .tit {height:42px; line-height:42px; box-shadow:0 0 6px 4px #222;}
.charge_list_layer .list dt {float:left; color:#fff; font-size:15px;}
.charge_list_layer .list dt:nth-child(1) {width:30%;}
.charge_list_layer .list dt:nth-child(2) {width:20%;}
.charge_list_layer .list dt:nth-child(3) {width:30%;}
.charge_list_layer .list dt:nth-child(4) {width:20%;}
.charge_list_layer .list ul {margin-top:10px; padding:0 5px;}
.charge_list_layer .list li {overflow:hidden;  background:none; height:35px; line-height:35px;}
.charge_list_layer .list li:nth-child(odd) {background:#4d8084;}
.charge_list_layer .list dd {float:left; color:#fff; font-size:14px; letter-spacing:-1px;}
.charge_list_layer .list dd:nth-child(1) {width:30%;}
.charge_list_layer .list dd:nth-child(2) {width:20%;}
.charge_list_layer .list dd:nth-child(3) {width:30%;}
.charge_list_layer .list dd:nth-child(4) {width:20%;}
.charge_list_layer .list dd .ok {color:#ffe25d;}

#unsettlement_rolling {width:100%; color:#fff47c; font-size:18px; text-align:left; line-height:50px;}
#point_trans_money {color:#fff;}
.max_btn {cursor:pointer; color:#fff !important; display:block; font-size:16px; text-align:center; border:1px solid #ff36be; border-radius:6px; width:120px; height:42px; line-height:42px;}
.max_btn:hover {background:#ff36be}
.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 .left_txt {float:left; width:100px; color:#fff; font-size:19px;}
.partner_layer .right_con {float:right;}
.partner_layer .partner_notice {color:#888; font-size:16px; margin-bottom:20px;}
.partner_layer .right_con .phone_input input {width:100px; text-align:center;}
.partner_layer .right_con .phone_input select {width:125px; font-size:14px;}
.partner_layer .right_con .phone_input select option {}
.partner_layer .right_con .phone_input span {float:left; margin-left:5px;}
.partner_layer .right_con .phone_input span:first-child {margin-left:0;}
.partner_layer .right_con textarea {width:355px; background:#eee; resize:none; height:120px; 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:134px; left:50%; z-index:3002; width:1500px; margin-left:-670px; display:none;}
.popup_area .popup {background:url("/imgs/popup_bg.png") no-repeat; width:450px; height:600px; position:absolute; top:9px; display:none;}
.popup_area .popup .content {height:450px; padding:20px; box-sizing: border-box; overflow-y: scroll; margin-top:30px; }

.popup_area .popup .content::-webkit-scrollbar {width:5px; }
.popup_area .popup .content::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);  background:#ddd; display:none;}
.popup_area .popup .content::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:10px; background:#ff36be;}

.popup_area .popup .content .subject {font-size: 20px; color: #111; text-align:center;}
.popup_area .popup .content .body {color: #111;}
.popup_area .pop01 {left:0;}
.popup_area .pop02 {left:460px;}
.popup_area .pop03 {left:900px;}
.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:60px; left:0; width:450px; height:32px; }
.popup_area .pop_only_close {float:left; background:#662121; color:#fff; font-weight:bold; padding:6px 6px; text-align:center; cursor:pointer; font-size:12px; border-radius:2px; margin-left:20px;} 
.popup_area .pop_close {float:right; cursor:pointer; color:#fff; background:#662121; font-weight:bold; font-size:12px; width:60px; height:20px; line-height:20px; text-align:center; border-radius:2px; margin-right:20px;}

.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:absolute; top:0; left:0; z-index:3004; width:100%; height:100%;  text-align:center; pointer-events:none;display:none ; padding-top:120px; }
.center_popup_area_box .line_up {display:inline-block; overflow:hidden; pointer-events:auto; width:1380px;}
.center_popup_area_box .center_popup_area {float:left; margin:5px; width:448px;}
.center_popup_area_box .center_popup_area .conts {width:448px; height:558px;}
.center_popup_area_box .center_popup_area .conts img {display:block;}
.center_popup_area_box .center_popup_area .bottom {text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150); height:42px; line-height:42px; overflow:hidden; padding:0 10px;}
.center_popup_area_box .center_popup_area .bottom input[type=checkbox] {width:16px; height:16px; margin-right:10px; }
.center_popup_area_box .center_popup_area .bottom span {float:left; color:#fff; font-size:18px; cursor:pointer;}
.center_popup_area_box .center_popup_area .bottom .pop_only_close {float:left; color:#fff; font-size:18px; 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%;}

.rolling_box li {margin-top:10px;}
.rolling_box .left_txt {float:left; color:#fff; font-size:19px; width:136px; margin-top:2px;}
.rolling_box .right_con {float:right; color:#333; font-size:18px; width:340px;}
.rolling_box .right_con .box {color:#fff; font-size:21px; font-weight:bold; }
.rolling_box .right_con .box input {width:240px; color:#000; font-size:18px}
.rolling_box .right_con label {height:32px;color:#ffe767; font-size:21px; font-weight:bold;}
.rolling_box .btn {background:#1b2d2f; border:1px solid #406762; width:338px; height:44px; line-height:44px; text-align:center; display:block; color:#fff; font-size:16px;}


.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; background:url("/imgs/triple_icon.png") left no-repeat; background-size:20px 20px; padding-left:30px;}
.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:#ecce5e; cursor:pointer; color: #000; }

.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;
}

.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 .game_menu_box li.more { width: 1040px; border: 0px; height: 42px; }
.game_page_box .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 .game_menu_box li.more.hide { display: none; }
.game_page_box .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;}

.shadow {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:-1;}
.guide {position:absolute; top:-195px; left:0; width:100%; height:100%; z-index:3001;}
.guide .tutorial_01 {margin-top:272px; margin-left:105px;}
.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;}

.guide.onlyslot .tutorial_01 {margin-top:276px; margin-left:213px;}

.trans_layer {z-index:5000; position:absolute; top:150px; left:50%; width:760px; margin-left:-380px; background:rgba(0,0,0,0.94); padding:40px; border:2px solid #9c68c3; }
.trans_layer dl {overflow:hidden;}
.trans_layer dd {float:left; text-align:center; box-sizing:border-box; }
.trans_layer dd .imgs {height:40px;}
.trans_layer dd .imgs img {width:100%; height:100%;}
.trans_layer dd .text {color:#fff; font-size:16px;}
.trans_layer .con_box {overflow:hidden; margin-top:50px;}
.trans_layer .con_box li {overflow:hidden; margin-bottom:30px;}
.trans_layer .con_box li .left_txt {float:left; color:#fff; width:100px; font-size:15px; line-height:40px;}
.trans_layer .con_box li .left_txt span {font-size:inherit; font-weight:inherit; line-height:normal; color:inherit;}
.trans_layer .con_box li .right_con {float:left; margin-left:10px; overflow:hidden;}
.trans_layer .con_box li .right_con select {background:none; color:#fff; height:40px; border:1px solid #fff; padding:4px 10px; outline:none;}
.trans_layer .con_box li .right_con select option {background: rgba(0, 0, 0, 0.3); color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); line-height:40px;}
.trans_layer .con_box li .right_con span {float:left;}
.trans_layer .con_box li .right_con input[type=text] {width:180px; height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;}
.trans_layer .con_box li .right_con input[type=password] {width:180px; height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;}
.trans_layer .con_box li .right_con select {width:200px; height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;}
.trans_layer .con_box li .right_con .input_box {width:180px; height:38px; line-height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;}
.trans_layer .con_box li .right_con .notice_txt {margin-top:6px; font-size:13px; font-weight:bold; color:#9c68c3;}
.trans_layer .con_box li .right_con .max_btn {background:none; color:#fff; border:1px solid #fff; }

.trans_layer .con_box li .btn_box {overflow:hidden; padding-left:255px;}
.trans_layer .con_box li .btn_box a {display:block; width:120px; height:40px; line-height:40px; text-align:center; float:left; margin-right:5px;}
.trans_layer .con_box li .btn_box .confirm_btn {background:#ceafff; color:#111; font-size:14px; font-weight:bold;}
.gnb_layer .btn_box a.confirm_btn:hover, .gnb_layer .btn_box a.confirm_btn:focus, .gnb_layer .btn_box a.confirm_btn:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}

.trans_layer .con_box li .btn_box .close_btn {background:#666; color:#eee; font-size:14px; font-weight:bold;}

.trans_layer .top_box dt {color:#fff; font-weight:bold; font-size:22px; margin-bottom:10px; background:url("/imgs/icon_gnp.png") left no-repeat; background-size:20px 20px; padding-left:30px;}

.trans_layer .con_box .right_con.money_type {overflow:hidden;}
.trans_layer .con_box .right_con.money_type dd {float:left; cursor:pointer; margin-left:10px; text-align:center; box-sizing:border-box; padding:5px; border:2px solid #000;}
.trans_layer .con_box .right_con.money_type dd:first-child {margin-left:0;}
.trans_layer .con_box .right_con.money_type dd.active {border:2px solid #9c68c3; border-radius:3px;}
.trans_layer .con_box .right_con.money_type dd.active .on {display:block;}
.trans_layer .con_box .right_con.money_type dd.active .off {display:none;}
.trans_layer .con_box .right_con.money_type dd .imgs {height:40px; text-align:center;}
.trans_layer .con_box .right_con.money_type dd .imgs img {width:auto; height:40px;}
.trans_layer .con_box .right_con.money_type dd .on {display:none;}
.trans_layer .con_box .right_con.money_type dd .off {opacity:0.5;}
.trans_layer .con_box .right_con.money_type dd .text {color:#fff; font-size: 16px; text-align:center;}
.trans_layer .con_box .right_con.money_type dd .money {overflow:hidden; margin-top:5px; display:inline-block;}
.trans_layer .con_box .right_con.money_type dd .money .num {color:#fff; font-size: 16px; text-align:center;}
.trans_layer .con_box .right_con.money_type dd .money .unit {color:#fff; font-size: 16px; text-align:center;}

.cash_flow_box .cash_flow_btn {overflow:hidden; margin:20px 40px;}
.cash_flow_box .cash_flow_btn dd {display:flex; justify-content: space-between; text-align:center;}
.cash_flow_box .cash_flow_btn dd .btn {flex: 1; font-size:14px; color:#ff36be; border-radius:6px; border:1px solid #ff36be; height:34px; line-height:34px; margin-left:4px;}
.cash_flow_box .cash_flow_btn dd .btn:first-child {margin-left:0;}
.cash_flow_box .cash_flow_btn dd .btn:hover {background:#ff36be; color:#000;}
.cash_flow_box .cash_flow_btn dd .btn.on {background:#ff36be; color:#000;}

.cash_flow_box .summary {text-align:center; margin:10px 0; color:#fff; overflow:hidden;}
.cash_flow_box .summary .line_up {display:inline-block;}
.cash_flow_box .summary .line_up span {font-size:15px; border:1px solid #ff36be; height:36px; line-height:36px; border-radius:500px; padding:0 16px; color:#ff36be; margin:0 6px;}


.cash_flow_box .list_view {overflow:hidden; padding:20px 40px;}
.cash_flow_box .list_view .table_list {overflow:hidden;}
.cash_flow_box .list_view .table_list dt {overflow:hidden; background:#350843; border:1px solid #ff37be; border-radius:12px; height:40px; line-height:40px;}
.cash_flow_box .list_view .table_list ul {display:flex; justify-content: space-between; text-align:center;}
.cash_flow_box .list_view .table_list li {flex: 1; overflow:hidden;  height:46px; text-overflow:ellipsis; white-space:nowrap;}
.cash_flow_box .list_view .table_list li:last-child {flex:2;}
.cash_flow_box .list_view .table_list dt li {font-size:15px;}
.cash_flow_box .list_view .table_list dd {overflow:hidden;  height:46px; line-height:46px;  border-bottom:1px solid #333;}


.blinking{
-webkit-animation:blink 0.5s linear 4 alternate;
  -moz-animation:blink 0.5s linear 4 alternate;
  animation:blink 0.5s linear 4 alternate; 
}
@-webkit-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}


.money_trans_layer {width:600px; margin-left:-300px;}

.pw_change li {margin-bottom:6px;}
.pw_change input {font-size:14px !important; background:#fff !important; height:40px !important; border-radius:2px !important; width:300px;}

.title_box{float:left; width:100%; padding:50px 50px; margin:30px 0 0 0; display:flex; align-items: center; justify-content: space-between;}
.title{float:left; display: flex; align-items: center; justify-content: start; margin-right: 1vw; font-family: 'EsaManru'; font-weight:700; font-size:22px; color:#bababa; white-space: nowrap;}
.title span{display:inline-block; margin:0 0 0 10px; white-space:nowrap; color:#ffffff;}
.title_line{height: 2px; width: 100vw; background-color:#717171; position: relative;}
.title_line::before{content: ""; width: 8px; height: 8px; background-color:#717171; position: absolute; top: 50%; left: 0px; transform: translate(-50%,-50%);}

/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap {width:100%; min-height:400px; margin:30px 0 30px 0; padding:0 50px; text-align: left;}
.contents_box {width:100%;}
  /* .contents_box_left      {float:left; width:calc(50% - 5px);}
 .contents_box_right     {float:right; width:calc(50% - 5px); margin:0 0 0 10px;}
 
 .sports_wrap{float:left; width:100%; min-height:100vh; max-height:calc(100vh - 80px); overflow:hidden;  padding:80px 0 0 0; background:#232323;}
 .sports_box_left{float:left; width:240px; min-height:100vh; max-height:calc(100vh - 80px); padding:0 0 100px; overflow-y:auto; background:#1b1b1b; box-shadow: 3px 0px 2px 0px rgba(0, 0, 0, 0.12);}
 .sports_box_center{float:left; width:calc(100% - 540px); min-height:100vh; max-height:calc(100vh - 80px); overflow:hidden; margin:0 10px; background:#1b1b1b;}
 .sports_box_right{float:left; width:280px; min-height:100vh; max-height:calc(100vh - 80px); overflow:hidden; background:#1b1b1b;}
 .sports_box_left::-webkit-scrollbar {display: none;}
 
 .mini_wrap{float:left; width:100%; margin:30px 0 0 0;}
 .mini_box_left{float:left; width:calc(100% - 290px); margin:0 10px 0 0; padding:0 20px;}
 .mini_box_right{float:left; width:280px; background:#1b1b1b;}
 
 
 .con_box00 {float:left; width:100%; margin:0 0 0 0;}
 .con_box10 {float:left; width:100%; margin:10px 0 0 0;}
 .con_box20 {float:left; width:100%; margin:20px 0 0 0;}
 .con_box30 {float:left; width:100%; margin:30px 0 0 0;}
 .con_box40 {float:left; width:100%; margin:40px 0 0 0;}
 .con_box50 {float:left; width:100%; margin:50px 0 0 0;}
 .con_box60 {float:left; width:100%; margin:60px 0 0 0;} */
 
 .write_title_top input[type=text] {color: white!important;}