@font-face {
  font-family: "NEXON Lv2 Gothic";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.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: #000;
  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: "NEXON Lv2 Gothic", sans-serif;
  font-weight: 400;
}

b,
strong {
  word-wrap: break-word;
  word-break: break-all;
  font-family: inherit;
  font-weight: 600;
}

p,
form,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

div,
table {
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
  border: 0px none;
}

ul,
ol,
li,
td,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

em,
i {
  font-style: normal;
}

a,
span {
  display: inline-block;
  font-size: inherit;
  font-family: "NEXON Lv2 Gothic", sans-serif;
  font-weight: 400;
}

img {
  border: 0;
}

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

a:hover,
a:active {
  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: #cf4924;
}

/* 폼요소기본 */

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 {
  background: transparent;
  margin: 0;
  padding: 0;
  outline: none;
  border: 0;
}

textarea:focus {
}

select {
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
}

/* 셀렉트는오류때문에 필수! */

/* 셀렉트박스 */

.select {
  height: inherit;
  overflow: hidden;
  position: relative;
  background: inherit;
  margin-bottom: 3px;
  box-sizing: border-box;
}

.select:only-of-type {
  margin-bottom: 0;
}

.select select {
  outline: none;
  width: 100%;
  padding: 9px;
  height: inherit;
  box-sizing: border-box;
  border: none;
  color: inherit;
  letter-spacing: -0.5px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-appearance: none;
  background: transparent;
}

.select .ic_arrow {
  width: 40px;
  height: 42px;
  position: absolute;
  right: 0;
  top: 0;
  background: transparent url("/imgs_gold/select_arrow.png?1") center center no-repeat;
  z-index: 1;
}

/* 사용법
<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: url("/imgs_gold/bg.png");
  overflow: hidden;
}

/* 이부분 실작업시 수정할것! */

.lineup {
  display: inline-block;
}

/* float요소들 정렬시킬때 사용 */

.layout_fix {
  max-width: 1634px;
  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;
}

.left_side {
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
}

.left_side .logo {
  padding: 10px 0;
}

.left_side .nav_menu_box {
  overflow: hidden;
}

.left_side .nav_menu_box li {
  background: #232323;
  height: 50px;
  line-height: 50px;
  text-align: left;
  margin-bottom: 1px;
  font-size: 16px;
  padding: 0 20px;
}

.left_side .nav_menu_box li .menu {
  display: block;
  color: #eee;
}

.left_side .telegram {
  height: 87px;
  line-height: 120px;
  background: url("/imgs_gold/telegram.png") no-repeat;
  margin: 2px 0;
  color: #cf4924;
  font-size: 21px;
}

.left_side .latest_area {
  overflow: hidden;
}

.left_side .latest_area .tit {
  background: #cf4924;
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  text-align: left;
  padding: 0 20px;
}

.left_side .latest_area .live_box li {
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  background: #232323;
  margin-top: 2px;
}

.left_side .latest_area .live_box li div {
  width: 33.333%;
  float: left;
}

.main_footer {
  border-top: 2px solid #a62f0f;
  margin-left: 250px;
  padding-top: 40px;
}

.main_footer .copy {
  margin-top: 20px;
  color: #a62f0f;
}

.container {
  margin-left: 260px;
  min-height: 800px;
  overflow: hidden;
  max-width: 1624px;
  position: relative;
}

.container .main_header {
  height: 391px;
  overflow: hidden;
  position: relative;
  background: url("/imgs_gold/main_banner.png") no-repeat;
}

.container .main_header .slide_banner {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 100px;
  width: 774px;
  height: 391px;
}

.container .main_header .slide_banner .img_slide {
  display: flex;
  width: 2400px;
}

.container .main_header .slide_banner .img_slide img {
  flex: 0 0 auto;
  width: 774px;
  height: 391px;
}

.container .main_header .slide_banner .button_slide {
  overflow: hidden;
  position: absolute;
  bottom: 30px;
  left: 300px;
  width: 300px;
}

.container .main_header .slide_banner .button_slide .btn {
  width: 22px;
  height: 22px;
  background: #888;
  border-radius: 50%;
  margin-left: 10px;
  cursor: pointer;
  float: left;
}

.container .main_header .slide_banner .button_slide .btn:first-child {
  margin-left: 0;
}

.container .main_header .slide_banner .button_slide .btn:hover {
  background: #cf4924;
}

.container .main_header .slide_banner .button_slide .btn.active {
  background: #cf4924;
}

.container .main_header .info_data {
  overflow: hidden;
  z-index: 1;
  position: relative;
}

.container .main_header .info_data .login_before {
  background: rgba(0, 0, 0, 0.6);
  height: 46px;
}

.container .main_header .info_data .login_before dl {
  width: 640px;
  float: right;
}

.container .main_header .info_data .login_before dd {
  margin-right: 10px;
  margin-top: 6px;
}

.container .main_header .info_data .login_before input {
  background: #fff;
  height: 34px;
  padding: 0 10px;
  border-radius: 2px;
}

.container .main_header .info_data .login_before .login_btn {
  width: 120px;
  height: 32px;
  line-height: 32px;
  border: 1px solid rgb(255, 90, 39);
  background: #5c291b;
  box-shadow: inset 0px 0px 7px rgba(255, 90, 39, 0.5);
  border-radius: 8px;
  color: #fff;
}

.container .main_header .info_data .login_before .join_btn {
  width: 120px;
  height: 32px;
  line-height: 32px;
  border: 1px solid rgb(255, 90, 39);
  background: #000;
  box-shadow: inset 0px 0px 16px rgba(255, 90, 39, 0.8);
  border-radius: 8px;
  color: #fff;
}

.container .main_header .info_data .login_after {
  margin-left: 30px;
  float: left;
  border: 1px solid rgb(255, 90, 39);
  background: #000;
  width: 1128px;
  height: 38px;
  line-height: 38px;
  box-shadow: inset 0px 0px 16px rgba(255, 90, 39, 0.8);
  border-radius: 0px 0px 33px 33px;
}

.container .main_header .info_data .sub_box {
  margin-right: 30px;
  float: right;
  border: 1px solid rgb(255, 90, 39);
  background: #5c291b;
  width: 220px;
  height: 38px;
  line-height: 38px;
  box-shadow: inset 0px 0px 7px rgba(255, 90, 39, 0.5);
  border-radius: 0px 0px 33px 33px;
}

.container .main_header .info_data dl {
  display: flex;
  justify-content: space-between;
}

.container .main_header .info_data dd {
  flex: 1;
}

.container .main_header .info_data dt {
  flex: 1;
  font-size: 16px;
}

.container .main_header .info_data dt .money {
  color: #fe5a27;
}

.container .main_header .info_data dt .msg {
  color: #fe5a27;
}

.container .main_header .info_data dt .money_trans {
  color: #fe5a27;
  font-weight: 700;
}

.container .main_header .info_data dt .name {
  cursor: pointer;
}

.container .main_header .info_data dt .msg {
  cursor: pointer;
}

.container .main_header .info_data dt .money {
  cursor: pointer;
}

.container .main_header .info_data dt .money_trans {
  cursor: pointer;
}

.container .notice {
  border: 1px solid rgb(172, 172, 172);
  background: rgb(35, 35, 35);
  width: 1624px;
  height: 58px;
  line-height: 58px;
  font-size: 16px;
  color: #ddd;
  box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 1);
}

.game_list_area {
  overflow: hidden;
}

.game_list_area .tit_img {
  text-align: left;
}

.game_list_area .game_box {
  overflow: hidden;
  max-width: 1634px;
}

.game_list_area .game_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.game_list_area .game_box li {
  flex: 0 0 calc(25%);
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
}

.game_list_area .game_box li img {
}

.game_list_area .game_box.slot_game_box li {
  flex: 0 0 calc(16.666%);
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
}

.game_list_area .game_box.slot_game_box li:first-child {
  flex: 0 0 calc(33.333%);
}

.game_list_area .game_box.slot_game_box li:nth-child(2) {
  flex: 0 0 calc(33.333%);
}

.game_list_area .game_box.slot_game_box li:nth-child(3) {
  flex: 0 0 calc(33.333%);
}

.game_list_area .game_box li a {
  height: 200px;
}

.game_list_area .game_box li .maintenence {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
  text-align: center;
  border-radius: 10px;
}

.slot_list_area {
  height: auto;
  overflow: hidden;
}

.slot_open_btn {
  margin: 30px auto;
  background: #a72e0f;
  color: #fff;
  height: 58px;
  line-height: 58px;
  width: 314px;
  border-radius: 500px;
  font-size: 16px;
  cursor: pointer;
}

.msg_area {
  overflow: hidden;
}

.msg_area .list.hd {
  overflow: hidden;
  background: #cf4924;
  height: 42px;
  line-height: 42px;
}

.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;
  background: #391312;
}

.msg_area .list.contents dd {
  float: left;
  font-size: 14px;
  color: #fff;
  width: 15%;
  text-align: center;
  height: 42px;
  line-height: 42px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.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: 5px;
  font-size: 15px;
  color: #fff;
  background: #333;
  border-radius: 500px;
  padding: 10px 20px;
}

.msg_area .buttons div:hover {
  background: #000;
}

.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 .btn_box {
  width: 318px;
  margin: 0 auto;
}

.board_box {
  overflow: hidden;
  margin-top: 20px;
}

.board_box dt {
  overflow: hidden;
  background: #cf4924;
}

.board_box dd {
  cursor: pointer;
  overflow: hidden;
  margin-top: 3px;
  background: #391312;
}

.board_box dd:nth-child(odd) {
  background: #561f1c;
}

.board_box li {
  text-align: center;
  height: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  letter-spacing: -1px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

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

.game_list_layer {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  z-index: 999;
}

.game_list_layer .game_list_layer_box {
  position: relative;
  overflow-x: hidden;
  width: 1100px;
  height: 700px;
  margin: 40px auto;
  padding: 30px;
  border: 3px solid #cf4924;
  border-radius: 2px;
  background: #000;
}

.game_list_layer .game_list_layer_box::-webkit-scrollbar {
  width: 8px;
}

.game_list_layer .game_list_layer_box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  background: #111;
  border-radius: 1px;
}

.game_list_layer .game_list_layer_box::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  background: #cf4924;
}

.game_list_layer .game_list_layer_box .game_list_layer_top_area {
  overflow: hidden;
  position: relative;
}

.game_list_layer .game_list_layer_box .game_list_layer_top_area .layer_logo {
  position: absolute;
  top: 0;
  left: 0;
}

.game_list_layer .game_list_layer_box .game_list_layer_top_area .layer_logo img {
  width: 154px;
}

.game_list_layer .game_list_layer_box .game_list_layer_top_area .search_box {
  overflow: hidden;
  width: 480px;
  margin: 20px auto;
}

.game_list_layer .game_list_layer_box .game_list_layer_top_area .search_box .search_input {
  float: left;
  width: 320px;
}

.game_list_layer .game_list_layer_box .game_list_layer_top_area .search_box .search_input input {
  background: #504b4b;
  border: 3px solid #cf4924;
  border-radius: 500px;
  height: 50px;
  width: 100%;
  padding: 0 10px;
  font-size: 15px;
}

.game_list_layer .game_list_layer_box .game_list_layer_top_area .search_box .search_input input::placeholder {
  color: #fff;
}

.game_list_layer .game_list_layer_box .game_list_layer_top_area .search_box .search_button {
  float: right;
  width: 100px;
}

.game_list_layer .game_list_layer_box .game_list_layer_top_area .search_box .search_button a {
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  background: #cf4924;
  color: #fff;
  font-size: 15px;
  border-radius: 500px;
}

.game_list_layer .game_list_layer_box .game_list_layer_top_area .close {
  position: absolute;
  top: 0;
  right: 10px;
}

.game_list_layer .game_list_layer_box .game_list {
  overflow: hidden;
  padding: 40px 0;
}

.game_list_layer .game_list_layer_box .game_list ul {
  display: flex;
  flex-wrap: wrap;
}

.game_list_layer .game_list_layer_box .game_list li {
  flex: 0 0 calc(13.333%);
  padding: 0 4px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.game_list_layer .game_list_layer_box .game_list li .imgs img {
  width: 100%;
  border-radius: 4px;
}

.game_list_layer .game_list_layer_box .game_list li .game_tit {
  color: #ddd;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.5px;
  margin-top: 4px;
}

.footer {
  position: relative;
  text-align: center;
  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: #cf4924;
}

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

.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: 20px;
  right: 30px;
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.game_menu_box .top_box .search_box {
  position: absolute;
  top: 18px;
  left: 520px;
}

.game_menu_box .top_box .search_box .search_input input {
  background: #fff;
  width: 400px;
  height: 45px;
  border: 2px solid #cf4924;
  padding: 0 18px;
  font-size: 15px;
  letter-spacing: 1px;
  color: #111;
  border-radius: 500px;
}

.game_menu_box .top_box .search_box .search_button a {
  margin-left: 10px;
  background: #cf4924;
  display: block;
  border-radius: 500px;
  width: 100px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  font-size: 15px;
  color: #fff;
}

.game_menu_box ul {
  overflow-x: hidden;
  padding-left: 60px;
  padding-top: 20px;
  height: 540px;
}

.game_menu_box ul::-webkit-scrollbar {
  width: 4px;
}

.game_menu_box ul::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  background: #cf4924;
}

.game_menu_box li {
  float: left;
  position: relative;
  width: 144px;
  height: 176px;
  margin-left: 26px;
  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;
  display: none;
}

.game_menu_box li .bookmark.on {
  background: url("/imgs_rave/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 dl {
  background: #333 !important;
}

.msg_layer .list .item.readed dl dd {
  color: #888 !important;
}

.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: #cf4924;
}

.msg_layer .list .substance {
  display: none;
  color: #fff;
  background: #561f1c;
  padding: 20px;
  height: 300px;
  margin-top: 3px;
  overflow-x: hidden;
  text-align: center;
  font-size: 18px;
}

.msg_layer .list .substance::-webkit-scrollbar {
  width: 5px;
}

.msg_layer .list .substance::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  background: #ddd;
  display: none;
}

.msg_layer .list .substance::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  background: #cf4924;
}

.msg_layer .list .substance .text {
  color: #fff;
  font-size: 16px;
}

.msg_layer .list .substance .submit {
  cursor: pointer;
  background: #cf4924;
  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.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-center 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 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 .user_id {
  width: 200px;
}

.join_layer dd .con .user_code {
  width: 200px;
}

.join_layer dd .con .user_name {
  width: 200px;
}

.join_layer dd .con select {
  background: #fff;
  width: 298px;
  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: #cf4924;
  width: 78px;
  height: 42px;
  line-height: 42px;
  display: block;
  text-align: center;
}

.join_layer dd .con a.user_hp_check {
  color: #fff;
  background: #cf4924;
  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 {
  display: block;
  margin: 0 auto;
  font-size: 21px;
  color: #fff;
  background: #cf4924;
  height: 42px;
  line-height: 42px;
  text-align: center;
  width: 220px;
}

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

.login .menu {
  color: #eee;
}

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

.bigwin_box {
  width: 1502px;
  height: 212px;
  position: relative;
  background: url("/imgs_rave/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: 0.3s;
  animation-name: sliderighttocenter;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-duration: 0.5s;
  -ms-animation-name: sliderighttocenter;
  -ms-animation-fill-mode: forwards;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: sliderighttocenter;
  -moz-animation-fill-mode: forwards;
}

.bigwin_box .info.ani2 {
  animation-duration: 0.3s;
  animation-name: slidecentertoleft;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-duration: 0.5s;
  -ms-animation-name: slidecentertoleft;
  -ms-animation-fill-mode: forwards;
  -moz-animation-duration: 0.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: 0.5s;
  animation-name: slideup;
  animation-delay: 1s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: slideup;
  -moz-animation-delay: 1s;
  -moz-animation-fill-mode: forwards;
  -ms-animation-duration: 0.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: 0.3s;
  animation-name: fadeIn;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-duration: 0.5s;
  -ms-animation-name: fadeIn;
  -ms-animation-fill-mode: forwards;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fadeIn;
  -moz-animation-fill-mode: forwards;
}

.bigwin_box .box .krw .ani2 {
  animation-duration: 0.3s;
  animation-name: fadeOut;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-duration: 0.5s;
  -ms-animation-name: fadeOut;
  -ms-animation-fill-mode: forwards;
  -moz-animation-duration: 0.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.88);
  text-align: center;
  overflow-x: hidden;
}

.gnb_layer .close_layer {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}

.gnb_layer .layer_contents_area {
  overflow: hidden;
  position: absolute;
  top: 55px;
  left: 50%;
  padding-bottom: 30px;
  text-align: left;
  width: 1008px;
  margin-left: -504px;
}

.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: hidden;
  padding: 30px 0;
}

.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;
  width: 45%;
}

.gnb_layer .con_box.con_sub_box {
  width: 100%;
  float: none;
}

.gnb_layer .con_box.con_sub_box li .right_con {
  width: 338px;
}

.gnb_layer .con_box.con_sub_box li .money_function div {
  width: 81px;
}

.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: 312px;
}

.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: #000;
  background: #fff;
  outline: none;
  border: none;
  font-size: 18px !important;
}

.gnb_layer .con_box li .right_con option {
  color: #111;
  font-size: 18px;
  height: 42px;
}

.gnb_layer .con_box li .input_cover {
  overflow: hidden;
}

.gnb_layer .con_box li .input_cover .select {
  width: 100%;
  color: #111;
  background: #fff;
  font-size: 18px;
  height: 44px;
}

.gnb_layer .con_box li .input_cover input {
  width: 100%;
  color: #111;
  background: #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;
}

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

.gnb_layer .con_box li .money_function div {
  float: left;
  cursor: pointer;
  margin-bottom: 4px;
  margin-left: 4px;
  text-align: center;
  width: 110px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #fff;
  background: #391312;
}

.gnb_layer .con_box li .money_function div:hover {
  background: #cf4924;
}

.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 {
  display: flex;
  overflow: hidden;
  text-align: center;
  margin-top: 10px;
}

.gnb_layer .btn_box .btn {
  display: block;
  color: #fff;
  font-size: 16px;
  background: #cf4924;
  width: 100%;
  height: 42px;
  line-height: 42px;
}

.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: #cf4924;
}

.gnb_layer .hold_tit {
  color: #fff;
  font-size: 32px;
  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: right;
  margin-top: 20px;
}

.gnb_layer .charge_list_box dt {
  overflow: hidden;
  background: #500500;
  width: 490px;
}

.gnb_layer .charge_list_box dt li {
  color: #fff;
  font-size: 15px;
  letter-spacing: -0.5px;
}

.gnb_layer .charge_list_box dd {
  overflow: hidden;
  background: #391312;
  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: 44px;
  line-height: 44px;
  color: #ddd;
  font-size: 15px;
  letter-spacing: -1px;
}

.gnb_layer .pw_check {
  width: 300px;
  margin: 10px auto;
  height: 44px;
  background: #ddd;
  color: #fff;
}

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

.page_tit {
  font-size: 26px !important;
}

.board_notice {
  background: #391312;
  padding: 20px;
}

.board_notice dt {
  font-size: 21px;
  margin-bottom: 14px;
}

.board_notice dd {
  font-size: 15px;
  margin-top: 8px;
}

.board_notice dd strong {
  color: #cf4924;
  font-weight: 400;
}

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

.sender_name {
  font-size: 24px;
  text-align: center;
  margin: 16px 0;
  font-weight: 300;
}

.sender_name #bank_name {
  font-size: 24px;
}

.sender_name #bank_number {
  font-size: 24px;
  color: #cf4924;
}

.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: #391312;
}

.gnb_layer .pagination .page.on {
  background: #cf4924;
  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;
  margin: 0 2px;
}

.gnb_layer .tab_menu li .menu {
  display: block;
  color: #9b5150;
  font-size: 21px;
  height: 42px;
  line-height: 42px;
  background: #391312;
  text-align: center;
}

.gnb_layer .tab_menu li .menu.active {
  color: #fff;
  background: #cf4924;
}

.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: #cf4924;
  font-size: 32px;
  margin-bottom: 10px;
}

.rolling_txt dd {
  color: #fff;
  font-size: 16px;
}

.mypage_tab {
  width: 496px;
  margin: 0 auto;
  padding-top: 30px;
}

.mypage_box {
  overflow: hidden;
  text-align: center;
}

.mypage_box .top_box dt {
  color: #cf4924;
  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 {
  margin-bottom: 20px;
}

.board_view_box .view_box dt {
  overflow: hidden;
  background: #cf4924;
  height: 44px;
  line-height: 44px;
  margin-bottom: 4px;
  padding: 0 20px;
}

.board_view_box .view_box dt .tit {
  float: left;
  font-size: 18px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.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;
  background: #561f1c;
  padding: 12px 20px;
  height: 420px;
  overflow-x: hidden;
}

.board_view_box .view_box dd::-webkit-scrollbar {
  width: 5px;
}

.board_view_box .view_box dd::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  background: #ddd;
  display: none;
}

.board_view_box .view_box dd::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  background: #cf4924;
}

.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: #561f1c;
  padding: 20px 15px;
  margin-bottom: 20px;
}

.board_view_box .comment_box li {
  overflow: hidden;
}

.board_view_box .comment_box li .info {
  overflow: hidden;
  border-bottom: 1px solid #cf4924;
  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;
  background: #fff;
}

.board_write_box dt input[type="text"] {
  width: 100%;
  height: 46px;
  border: 0;
  font-size: 15px;
  color: #111;
  padding: 0 10px;
  outline: none;
}

.board_write_box dd {
  overflow: hidden;
  height: 300px;
  background: #fff;
  margin-bottom: 10px;
}

.board_write_box dd textarea {
  resize: none;
  width: 99%;
  height: 300px;
  padding: 10px;
  font-size: 16px;
  color: #111;
}

.board_write_box dd textarea:placeholder {
  color: #111;
}

.money_type_select {
  width: 100%;
  height: 44px;
  color: #111;
  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: #cf4924;
  font-size: 18px;
  text-align: left;
  line-height: 50px;
  font-weight: bold;
}

#point_trans_money {
  color: #fff;
}

.max_btn {
  cursor: pointer;
  color: #cf4924;
  display: block;
  font-size: 16px;
  text-align: center;
  border: 1px solid #cf4924;
  border-radius: 6px;
  width: 120px;
  height: 42px;
  line-height: 42px;
}

.max_btn:hover {
  background: #cf4924;
  color: #fff;
}

.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: 1710px;
  margin-left: -855px;
  display: none;
}

.popup_area .popup {
  /*background:url("/imgs_gold/popup/popup_bg.jpg") no-repeat;*/
  background: #000;
  width: 420px;
  height: 600px;
  border: 1px solid #cf4924;
  float: left;
  margin-left: 5px;
}

.popup_area .popup.pop01 {
  margin-left: 0;
}

.popup_area .popup .content {
  height: 562px;
  padding: 10px;
  box-sizing: border-box;
  overflow-y: scroll;
}

.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: #cf4924;
}

.popup_area .popup .content .subject {
  font-size: 20px;
  color: #111;
  text-align: center;
}

.popup_area .popup .content .body {
}

.popup_area .popup .subject {
  font-weight: bold;
}

.popup_area .popup p {
  color: #ddd;
}

.popup_area .popup .content .body * {
  color: inherit;
}

.popup_area .close_box {
  height: 32px;
}

.popup_area .pop_only_close {
  float: left;
  background: #cf4924;
  color: #fff;
  padding: 6px 16px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  margin-left: 20px;
  border-radius: 500px;
}

.popup_area .pop_only_close:hover {
  background: #333;
}

.popup_area .pop_close {
  float: right;
  cursor: pointer;
  color: #fff;
  background: #cf4924;
  font-size: 12px;
  padding: 6px 16px;
  text-align: center;
  margin-right: 20px;
  border-radius: 500px;
}

.popup_area .pop_close:hover {
  background: #333;
}

.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: 50px;
  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: 1720px;
}

.center_popup_area_box .center_popup_area {
  float: left;
  margin: 5px;
  width: 420px;
}

.center_popup_area_box .center_popup_area .conts {
  overflow: auto;
  border: 1px solid #cf4924;
  width: 418px;
  height: 597px;
  background: #111;
}

.center_popup_area_box .center_popup_area .conts img {
  display: block;
}

.center_popup_area_box .center_popup_area .bottom {
  height: 42px;
  line-height: 42px;
  overflow: hidden;
  padding: 0 10px;
  background: #000;
}

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

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

.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 #cf4924;
  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: 300;
  display: none;
}

.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 #cf4924;
  height: 36px;
  line-height: 36px;
  border-radius: 500px;
  padding: 0 16px;
  color: #cf4924;
  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: #cf4924;
  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;
  padding: 0 10px;
  width: 300px;
}

@media (max-width: 1800px) {
  .game_list_area .game_box li {
    flex: 0 0 calc(25%);
  }
  .game_list_area .game_box li .box {
    padding: 0 4px;
  }
  .game_list_area .game_box li img {
    width: 100%;
  }
  .container .main_header {
    background-size: 100% 100%;
    height: 280px;
  }
  .container .main_header .info_data .login_after {
    width: 900px;
  }
  .container .main_header .info_data .sub_box {
    width: 140px;
  }
  .container .main_header .info_data dt {
    font-size: 14px;
  }
  .container .notice {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
  }
  .company_img {
    width: 80%;
  }
  .container .main_header .slide_banner {
    top: 3%;
    width: 516px;
    height: 260px;
  }
  .container .main_header .slide_banner .img_slide img {
    width: 516px;
    height: 260px;
  }
  .container .main_header .slide_banner .button_slide {
    bottom: 5px;
    left: 180px;
  }
  .container .main_header .slide_banner .button_slide .btn {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 1440px) {
  .game_list_area .game_box li {
    flex: 0 0 calc(33.333%);
  }
  .game_list_area .game_box li .box {
    padding: 0 4px;
  }
  .game_list_area .game_box li img {
    width: 100%;
  }
  .container .main_header .info_data .login_after {
    width: 800px;
  }
  .container .main_header .info_data .sub_box {
    width: 120px;
  }
}

#coupon_box {}
#coupon_box .list.hd dt:nth-child(1) {
  width: 25%;
}
#coupon_box .list.hd dt:nth-child(2) {
  width: 25%;
}
#coupon_box .list.hd dt:nth-child(3) {
  width: 25%;
}
#coupon_box .list.hd dt:nth-child(4) {
  width: 25%;
}

#coupon_box .list.contents dd:nth-child(1) {
  width: 25%;
}
#coupon_box .list.contents dd:nth-child(2) {
  width: 25%;
}
#coupon_box .list.contents dd:nth-child(3) {
  width: 25%;
}
#coupon_box .list.contents dd:nth-child(4) {
  width: 25%;
}
#coupon_box .list.contents .item {

margin: 4px 0px;
}
#coupon_box .list.contents .item:nth-child(odd) .item_box {

  background-color: #391312;
}

#coupon_box .list.contents .item:nth-child(even) .item_box {

  background-color: #561f1c;
}
.account {}
.account .account-rows {
	display: flex;
    align-items: center;
    gap: 10px;
}
.account .input_cover {display: flex;flex: 1;}
.account .account-info {
    padding-left: 107px;
}
.account .notice_txt { color: #cf4924;}