@charset "utf-8";

@font-face {
  font-family: 'SCDream';
  src: url('../fonts/S-CoreDream-4Regular.eot');
  src: url('../fonts/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/S-CoreDream-4Regular.ttf') format('truetype');
  font-weight: 300;
  font-style: 300;
}

@font-face {
  font-family: 'SCDream';
  src: url('../fonts/S-CoreDream-5Medium.eot');
  src: url('../fonts/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/S-CoreDream-5Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SCDream';
  src: url('../fonts/S-CoreDream-6Bold.eot');
  src: url('../fonts/S-CoreDream-6Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/S-CoreDream-6Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: bold;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Black.eot');
  src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: 900;
}

/* default */
* {margin:0;padding:0;}
html {width:100%;height:100%;}
body {width:100%;height:100%;margin:0px;padding:0px;font-family: 'SCDream','sans-serif','Dotum','����';font-size:12px;color:#ffffff;}
span{margin:0px;padding:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;}
fieldset {border:0;margin:0px;padding:0px;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;display:none;}
img {border:0;vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input,select {margin:0;vertical-align:middle;}
button {cursor:pointer;}
select {font-size:12px;height:32px;background: black;}

/* 링크 */
a {text-decoration:none;margin:0px;padding:0px;}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}
a:focus, img:focus {outline:none;}

/* 인풋 */
input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"]{border:none;background:none;font-size:14px;outline:none;}
input[type="radio"] {width:19px;height:19px;margin-bottom:1px;}
input[type="checkbox"] {width:19px;height:19px;margin-bottom:2px;outline:none;border:1px solid #cbcbcc;background:#ffffff;}
input:-ms-input-placeholder {color:#000000 !important;}
input::-webkit-input-placeholder {color:#000000 !important;}
input::-moz-placeholder {color:#000000 !important;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input::-ms-clear {display:none;}

/* textarea */
textarea {width:100%;padding:10px;line-height:20px;height:100px;box-sizing:border-box;border:1px solid #c4c6c7;}
textarea {-webkit-appearance: none;-webkit-border-radius: 0;}
textarea:-ms-input-placeholder {color:#cccccc;}
textarea::-webkit-input-placeholder {color:#cccccc;}
textarea::-moz-placeholder {color:#cccccc;}

button {padding: 0;margin:0;border-radius: 5px;background-color: transparent;color:#ffffff;border:1px solid var(--border);outline:none;display:inline-block;text-align:center;transition:200ms all;}

body {background:#000000;overflow-x:hidden;}
body::-webkit-scrollbar {width:10px;}
body::-webkit-scrollbar-thumb {background:#393a42;border-radius:10px;}

.hide{display: none !important;}

#visual video{width: 100%}

/* 공통 */
.mask {position:fixed;background:rgba(0,0,0,0.5);top:0;left:0;bottom:0;right:0;z-index:100;display:none;}
.mask_layer {position:fixed;background:rgba(0,0,0,0.5);top:0;left:0;bottom:0;right:0;z-index:100;display:none;}

/* 공통 박스 */
.box_type01 {border-radius:5px;background:#222227;box-shadow: rgb(82, 82, 93) 1px 1px 4px -2px inset;}
.box_type02 {border-radius:5px;background:#222227;box-shadow: rgb(82, 82, 93) 1px 1px 4px -2px inset;}

/* 공통 버튼 */
.button_type01 {background:#222227;border-radius:5px;transition:200ms all;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;color:#ffffff;
}
.button_border { border: 1px solid #ff6a00;}
.button_type01:hover {color:#ffffff;background:var(--border);}
.button_type01.on {cursor:default !important;border:1px solid var(--border);color:#ffffff !important;background:var(--border) !important;}

.button_type01_02 {background:#222227;border-radius:5px;transition:200ms all; box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;color:#ffffff; }
.button_type01_02:hover {color:#ffffff;background:#393a43;}
.button_type01_02.on {cursor:default !important;border:1px solid var(--border);color:var(--border) !important;background:#312b20 !important;}

.button_type03 { background: #222227; width: max(60%, 39px); min-height: 30px; padding: 0 7.5px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px;font-size: .9em;border: 1px solid #454545;}
.button_type03:hover {color: #ffffff; background: var(--border);}
.button_type03.on {cursor:default !important;border:1px solid var(--border);color:var(--border) !important;background:#312b20 !important;}

/* 컨테이너 */
#container {/* max-width: 2000px; */margin:0 auto;margin-bottom: 10px;}
#container table {width:100%;min-width: 0;border-collapse: collapse;} 
#container header, footer, div, p, ul, li, table, th, td, textarea, input, select,  form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, address, section, cite, button{color:#ffffff;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box10 {width:100%;margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}


.menu2-a {color:white !important; line-height:24px;}
.menu2-img {vertical-align: middle;}
.menu2-span {float:right; margin-right:10px;}
.p-badge {margin-top:10px !important;margin-right:10px !important;}
.span-badge {float: right;margin-right:10px;margin-top:-15px;color:white;}
.sub-ul {margin-left: 14px;}
.li-bg {background:#656565;}

.al {text-align: left;}
.ar {text-align: right;}

.ml15 {margin-left: 15px;}

._w180 {width: 180px;}
._w100 {width: 100px;}

.lis {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 206px;}
.name {vertical-align: top;font-size: 0.75rem;}

.font01 {color:#ffffff; font-weight:900;}
.font02 {color:#000000; font-weight:900;}
.font03 {color:#929292;}
.font04 {color:#484848;}
.font05 {color:#ffb400; font-weight:900;}
.font06 {color:#e1c991; font-weight:900;}
.font07 {color:#ff7200; font-weight:900;}
.font08 {color:#c39766;}

.bt_none1 {color: #fff !important;}
.bt_none2 {color: #fff !important;}
.bt_none3 {color: #00ffe4 !important;}
.bt_none4 {color: #fb1010 !important;}
.bt_none5 {color: #13e40b !important;}
.bt_none6 {color: #fff000 !important;}

/* 레프트 스포츠 */
#left_section {position:fixed;margin-left:2px;width:275px;top:70px;bottom:0;left:0;z-index:10;margin-bottom: 10px;}
#left_section.on {position:fixed;top: 5px;}
.left_box {position:relative;height:100%;overflow-y:auto;}
.left_box .telegram {height:60px;margin-bottom:3px;cursor:pointer;}
.left_box .telegram .ico {display:inline-block;margin:10px 30px 0px 34px;float:left;}
.left_box .telegram .name {display:inline-block;float:left;font-size:16px;padding-top:10px;line-height:20px;}
.left_box .telegram .name .address {display:block;font-size:13px;color:#d7c509;}
.left_box .host_address {height:60px;margin-bottom:15px;cursor:pointer;}
.left_box .host_address .ico {display:inline-block;margin:10px 18px 0px 34px;float:left;}
.left_box .host_address .name {display:inline-block;float:left;font-size:20px;padding-top:10px;line-height:20px;}
.left_box .host_address .name .address {display:block;font-size:13px;color:#d7c509;}

/* 스포츠 메뉴 */
.sports_menu_list {margin-bottom:3px;padding: 0px;}
.sports_menu_list h3 {background: #2e2e2e;border: 1px solid transparent;border-radius: 5px;height: 30px;font-size: 15px;padding: 5px 8px;position: relative;font-weight: bold;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;margin-top: 5px;display: flex;align-items: center;justify-content: space-between;}
.sports_menu_list h3 .cor01 {color:var(--border);}
.sports_menu_list h3 img {vertical-align:middle;margin:0px 6px 2px 0px;}
.sports_menu_list h4 {background:#24242c;margin:10px 6px;height:30px;line-height:30px;padding-left:15px;border-radius:2px;}
.left_box .main_left {margin-bottom:8px;padding: 5px;}
.left_box .main_left:last-child {margin-bottom:0;}
.left_box .main_left .menu2 {background:#3d3d3ee0;margin-left: 7px;}
.left_box .main_left li {background:#222227;border:1px solid #434347;border-radius: 5px;height: 35px;padding:4px 10px;cursor:pointer;font-size:12px;transition:200ms all;margin-bottom:3px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;display: flex;align-items: center;gap: 5px;}
.left_box .main_left li:hover {background:var(--border);}
.left_box .main_left li img {width:20px;}
.left_box .main_left li img.arrow {width:10px;}
.left_box .main_left li .name {text-overflow: ellipsis;overflow: hidden;margin-right: 5px;white-space: nowrap;}
.left_box .main_left li .name01{margin-left: 20px; color: white;}
.left_box .main_left li .pc-name { top:17px !important; }
.left_box .main_left li .count {font-weight:bold;width:40px;text-align:center;background: #363636d1;color:var(--border);border-radius:3px;position: absolute;right: 10px;border: solid 1px var(--border);background: #000000;padding: 2px;}
.left_box .main_left li .sub_cnt{position:absolute;right: 15px;}
.left_box .main_left .league_family.on{background: var(--border) !important;}

.mobile_main_menu { opacity: 1;visibility: visible;position: fixed;overflow: auto;transition: all 0.3s ease 0s;height: 100%;padding-bottom: 250px;text-align: left;top: 40px;width: 265px;}
/* 스포츠 펼침 메뉴 */
.sports_menu_list .mune_list01 {margin:0px 6px 10px 6px;}
.sports_menu_list .mune_list01 li {position:relative;}
.sports_menu_list .menu01 {margin-right:45px;cursor:pointer;border:1px solid transparent;font-weight:bold;border-radius:5px;height:45px;line-height:45px;padding-left:15px;transition:200ms all;}
.sports_menu_list .menu01 img {height:26px;vertical-align:middle;margin:0px 4px 2px 0px;}
.sports_menu_list .menu01 span {color:#c4c4c3;position:absolute;top:0;right:0;width:45px;text-align:center;line-height:45px;}
.sports_menu_list .menu01 span svg {width:13px;height:13px;}
.sports_menu_list .menu01:hover span {color:#ffffff;}
.sports_menu_list .menu01 .close {display:none;}
.sports_menu_list .menu01.on {background:#312b20;border:1px solid var(--border);color:var(--border);}

.sports_menu_list .menu_list02 {background:#33333a;border-radius:5px;display:none;}
.sports_menu_list .menu02 {margin-right:45px;cursor:pointer;border:1px solid transparent;font-weight:bold;border-radius:5px;height:35px;line-height:35px;padding-left:15px;transition:200ms all;}
.sports_menu_list .menu02 img {width:14px;vertical-align:middle;margin:0px 4px 2px 0px;}
.sports_menu_list .menu02 span {color:#c4c4c3;position:absolute;top:0;right:0;width:45px;text-align:center;line-height:35px;}
.sports_menu_list .menu02 span svg {width:13px;height:13px;}
.sports_menu_list .menu02:hover {background:#41414a;}
.sports_menu_list .menu02:hover span {color:#ffffff;}
.sports_menu_list .menu02 .close {display:none;}
.sports_menu_list .menu02.on {background:#312b20;border:1px solid var(--border);color:var(--border);}

.sports_menu_list .menu_list03 {display:none;}
.sports_menu_list .menu03 {margin-right:45px;cursor:pointer;border:1px solid transparent;font-weight:bold;border-radius:5px;line-height:35px;padding-left:15px;transition:200ms all;padding-left:36px;}
.sports_menu_list .menu03 span {color:#c4c4c3;position:absolute;top:4px;right:0;width:45px;text-align:center;}
.sports_menu_list .menu03 span svg {width:13px;height:13px;}
.sports_menu_list .menu03:hover {background:#41414a;}
.sports_menu_list .menu03:hover span {color:#ffffff;}
.sports_menu_list .menu03 span.on {color:var(--border) !important;}
.sports_menu_list .menu03.on {background:#312b20;border:1px solid var(--border);color:var(--border);}

.sports_menu_list .all_view {margin:0px 6px 5px 6px;}
.sports_menu_list .all_view button {text-align:center;display:block;width:100%;height:40px;border-radius:5px;background:#222227;color:#c4c4c3;font-weight:bold; box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;}
.sports_menu_list .all_view svg {width:16px;vertical-align:middle;margin:0px 0px 2px 4px;}
.sports_menu_list .all_view button:hover {background:#393a43;color:#ffffff;}

.sports_menu_list .search_menu {display: flex;margin: 4px 0;}
.sports_menu_list .search_menu input {width: 100%;background-color: black;margin-left: 2px;border: none;padding-left: 5px;padding-right: 5px;margin-right: 5px;border-radius: 5px;}
.sports_menu_list .search_menu input::placeholder {color: var(--border) !important;}
.sports_menu_list .search_menu button {border: none; width: 50px; height: 30px;}

.sports_menu_list .mob_search_menu input {width: 75%; height: 31px; background-color: black; margin-left: 2px; padding-left: 5px; padding-right: 5px; margin-right: 5px;}
.sports_menu_list .mob_search_menu input::placeholder {color: #cacacaa1 !important;}
.sports_menu_list .mob_search_menu button {width: 50px; height: 30px;}

/* 기타 게임 메뉴 */
.other_menu_list {margin-bottom:3px;padding:4px;}
.other_menu_list .mune_list01 {margin:10px 6px 10px 6px;}
.other_menu_list .mune_list01 li {position:relative;margin-bottom:5px;}
.other_menu_list .menu01 {height:43px;border-radius:5px;background:#111111;color:#ffffff;font-weight:bold;transition:200ms all;line-height:41px;padding-left:15px;border:1px solid transparent;cursor:pointer; box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;}
.other_menu_list .menu01 img {height:28px;vertical-align:middle;margin:0px 4px 2px 0px;}
.other_menu_list .menu01:hover {border:1px solid var(--border);background:var(--border);}
.other_menu_list .menu01.on {background:#312b20;border:1px solid var(--border);color:var(--border);}
.other_menu_list .menu01 .time {position:absolute;top:7px;right:10px;height:28px;display:inline-block;width:50px;text-align:center;line-height:26px;font-weight:normal;border:1px solid #3a3a42;border-radius:5px;background:#111111;}
.other_menu_list .menu_topic {background: #312b20; border: 1px solid var(--border); color: var(--border); text-align: center;font-weight: bold; transition: 200ms all; line-height: 48px;height: 50px; border-radius: 5px; cursor: pointer;}

/* 카지노 슬롯 메뉴 */
.casino_slot_list {margin-bottom:3px;padding:4px;}
.casino_slot_list .mune_list01 {margin:25px 6px 10px 6px;}
.casino_slot_list .mune_list01 li {position:relative;margin-bottom:6px;}
.casino_slot_list .menu01 {height:50px;border-radius:5px;background:#111111;color:#ffffff;font-weight:bold;transition:200ms all;line-height:48px;border:1px solid transparent;cursor:pointer;text-align:center; box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;}
.casino_slot_list .menu01 img {height:28px;vertical-align:middle;margin:0px 4px 2px 0px;}
.casino_slot_list .menu01:hover {border:1px solid var(--border);background:var(--border);}
.casino_slot_list .menu01.on {background:#312b20;border:1px solid var(--border);color:var(--border);}
.casino_slot_list .menu01 span {color:#ffffff;position:absolute;top:17px;right:0;width:45px;text-align:center;line-height:48px;}
.casino_slot_list .menu01 span svg {width:13px;height:13px;}
.casino_slot_list .menu01:hover span {color:#ffffff;}
.casino_slot_list .menu01.on {background:#312b20;border:1px solid var(--border);color:var(--border);}
.casino_slot_list .menu_list02 {margin-top:6px;display:none;}
.casino_slot_list .menu02 {height:50px;border-radius:5px;background:#111111;font-weight:bold;transition:200ms all;line-height:48px;border:1px solid #434347;cursor:pointer;text-align:center; box-shadow: rgba(0, 0, 0, 0.35) -1px 4px 4px ;}
.casino_slot_list .menu02:hover {background:var(--border);}
.casino_slot_list .menu02 .name01 {display:none;}
.casino_slot_list .menu02 img {margin:3px 0px 0px -10px;}
.casino_slot_list .menu02.on { border: 1px solid var(--border);background: var(--border);}
.casino_slot_list .menu02.on .ico01 {display:none;}
.casino_slot_list .menu02.on .name01 {display:block;}
.casino_slot_list .menu02 .count01 {position:absolute;top:15px;right:7px;line-height:20px;background:#000000;width:40px;border-radius:4px;text-align:center;}
.casino_slot_list .menu_list03 {margin-top:6px;display:none;}
.casino_slot_list .menu_list03.on {display:block;}
.casino_slot_list .menu_list03 li {margin-bottom:2px;}
.casino_slot_list .menu03 {height:28px;border-radius:5px;background:#35363e;font-weight:bold;transition:200ms all;line-height:26px;border:1px solid transparent;cursor:pointer;padding-left:15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 2px ;}
.casino_slot_list .menu03:hover {background:var(--border);}
.casino_slot_list .menu03.on { border: 1px solid var(--border); background: var(--border);}
.casino_slot_list .menu03 .count01 {position:absolute;top:4px;right:7px;line-height:20px;background:#000000;width:40px;border-radius:4px;text-align:center;}

/* 라이트 영역 */
#right_section {position:fixed;margin-right:2px;width:275px;top: 70px;bottom:0;right:0;z-index:10;margin-bottom: 10px;}
#right_section.on {/* position:fixed; */top: 5px;}
.right_box {position:relative;height:100%;overflow-y:auto;}

.user_box {padding: 5px;margin-bottom:3px;display: grid;}
.user_box h3 {font-weight:bold;padding:5px 0px 7px 5px; font-size: 18px;}
.user_box .login_input input {width:100%;border:1px solid #434347;background:#ffffff;color:#000000;font-weight:bold;text-align:center;height:40px;border-radius:4px;margin-bottom:4px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.user_box .login_input input:focus {border:1px solid var(--border);box-shadow: var(--primary) 0px 0px 4px;}
.user_box .login {display:block;width:100%;height:40px;border:1px solid var(--border);background:var(--border);border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:4px;transition:200ms all;}
.user_box .login:hover {border: 1px solid #ff9000; background: #ff8600;}
.user_box .member_join {display:block;width:100%;height:40px;border: 1px solid #3ab6f3;background: #00a1ff;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:4px;transition:200ms all;}
.user_box .member_join:hover {border: 1px solid #3abcf3;background: #46c8ff;}
.user_box .user_name {height:30px;border:1px solid #434347;background:#222227;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;padding:0px 20px;line-height:26px;font-weight:bold;margin-bottom:4px;}
.user_box .user_name span {display:inline-block;width:auto;}
.user_box .money {height:30px;border:1px solid #434347;color:#f2ae53;background:#222227;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;padding:0px 20px;line-height:26px;font-weight:bold;margin-bottom:4px;}
.user_box .money img {vertical-align:middle;margin-bottom:2px;}
.user_box .money .head {display:inline-block;color:#ffffff;width:75px;}
.user_box .point {height: 30px;border:1px solid #434347;color:#f2ae53;background:#222227;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;padding:6px 10px;font-weight:bold;margin-bottom:4px;cursor:pointer;display: flex;transition:200ms all;align-items: center;}
.user_box .point:hover {background:var(--border);}
.user_box .point .head {display:inline-block;color:#ffffff;width:50px;}
.user_box .point .change {position:absolute;right:20px;color:#ffffff;}
.user_box .nickname {font-size: 14px;}
.user_box .btn_list3 {display: flex;height: 40px;margin-bottom: 5px;gap: 5px;}
.user_box .btn_list3 > button {display:block;width:100%;height:40px;border:1px solid var(--border);border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;transition:200ms all;}
.user_box .btn_list3 > button:hover {}
.user_box .btn_list3 .logout {background:var(--border);border:none}
.user_box .btn_list3 .partnerpage {background: #00a1ff;border:none}

.board_list .tabZone ul {display: flex;padding: 0;margin-bottom: 20px;overflow-x: scroll;overflow-y: hidden;}
.board_list .tabZone ul::-webkit-scrollbar {height:0px}
.board_list .tabZone ul li {padding: 10px;min-width: 110px;cursor: pointer;background-color: rgb(11 11 11);border-left: solid 1px rgba(255,255,255,0.05);position: relative;color: white;text-align: center;}
.board_list .tabZone ul li.active {background: var(--primary);}

.betting_cart {margin-bottom:10px;padding:6px 5px;}
.betting_cart h3 {color:#f4c600;font-size: 20px;font-weight:bold;border-radius:4px;text-align: center;padding: 5px;}
.betting_cart h3 img {vertical-align:middle;margin-bottom:4px;}
.betting_cart .betting_list {margin-bottom:10px;}
.betting_cart .betting_list li {border:1px solid #3a3a42;background:#222227;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:3px;border-radius:4px;}
.betting_cart h4 {line-height:26px;border-bottom:1px solid #3f3f43;height:29px;position:relative;font-weight:bold;}
.betting_cart h4 .del {position:absolute;top:0;right: 7px;height:100%;cursor:pointer;text-align:center;}
.betting_cart h4 .del img {width: 20px;}
.betting_cart .status_del {background: red;}
.betting_cart .status_dis {background: #828282;}
.betting_cart .name {line-height:26px;border-bottom:1px solid #3f3f43;padding:0px 13px;height:29px;position:relative;font-weight:bold;}
.betting_cart .result.bonus {background:#458ef8;}
.betting_cart .result {line-height:26px;background:#996300;color:#ffd200;height:29px;position:relative;font-weight:bold;}
.betting_cart .result span {position:absolute;top:0;right:13px;}
.betting_cart .betting_box {border:1px solid #3a3a42;background:#222227;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;padding:7px;border-radius:4px;}
.betting_cart .betting_box ul {}
.betting_cart .betting_box ul li {border-bottom:1px solid #333340;position:relative;height: 35px;display: flex;align-items: center;justify-content: space-between;}
.betting_cart .betting_box ul li span {color:var(--border);font-weight:bold;display: flex;align-items: center;}
.betting_cart .betting_box ul li span.icon-refresh {font-size:16px;margin-left: 5px;font-weight: 200;cursor: pointer;}
.betting_cart .betting_box ul li input {background: #272525;color: #dadada;text-align: right;width: 150px;border: 1px solid #464242;padding: 5px;border-radius: 5px;}
.betting_cart button {font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;font-weight:bold;cursor:pointer;position:relative;transition:200ms all;border-radius:3px;padding:10px;width: 100%;}
.betting_cart .btn_list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 3px;margin: 3px 0;}
.betting_cart .btn_list button:hover {background:var(--border);}
.betting_cart .btn_list button span {color:#f3e63a;}
.betting_cart .btn_update {border:1px solid #3ab6f3;background:#00a1ff;}
.betting_cart .btn_update:hover {border: 1px solid #3abcf3; background: #46c8ff;}
.betting_cart .mix_bet {margin-bottom:10px;}
.betting_cart .mix_bet button {width:100%;height:30px;border:1px solid var(--border);background:#056f9a;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px; line-height:26px;font-weight:bold;margin-bottom:4px;cursor:pointer;position:relative;transition:200ms all;border-radius:3px;}
.betting_cart .mix_bet button:hover {color:#f3e63a;}
.betting_cart .btn_bet {background: #ef3434;border: 1px solid transparent;}
.betting_cart .btn_del {background: #2564d8;border: 1px solid transparent;} 

.sns_wrap {border-radius: 5px;background: #222227;box-shadow: rgb(82, 82, 93) 1px 1px 4px -2px inset;padding: 5px;margin-top: 10px;}
.sns_wrap a {display: inline-flex;align-items: center;text-align: center;justify-content: center;width: 100%;height: 100%;}
.sns_wrap a img {width: 100%;border-radius: 5px;cursor: pointer;max-width: 100%;}
.sns_wrap a span {position: absolute;color: #ffffff;font-size: 20px;font-weight: bold;white-space: nowrap;margin-left: 85px;}

/* 컨텐츠 */

#contents {margin: 0px 285px;}
marquee {padding-top: 5px;}

/* 메인 비쥬얼 */
.main_visual {position:relative;overflow:hidden;}
.main_visual .swiper-slide {border:1px solid #434347;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px;border-radius:4px;}
.main_visual .swiper-pagination {display:block;height:4px;box-sizing:border-box;bottom:20px;}
.main_visual .swiper-pagination-bullet {display:inline-block;width:8%;height:4px;background:var(--border);margin:0 3px;opacity:1;border-radius:0;vertical-align:top;}
.main_visual .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ffffff;opacity:1;}
.main_visual .box01 {margin: 0 auto;height: 100%;position: relative;}
.main_visual .box01 img {margin: 0 auto;width: 100%;height: 100%;object-fit: contain;}
.main_visual .box01 h3 {font-size:20px;font-weight:bold;    position: absolute;top: 20%;left: 10%;}
.main_visual .box01 h3 strong {display:block;font-size:70px;font-weight:bold;line-height:70px;}
.main_visual .box01 p {color:#989898;font-size:9px;line-height:12px;}
.main_visual .box01 button {width:230px;height:43px;border:1px solid #434347;border-radius:3px;transition:200ms all;line-height:40px;font-weight:bold; margin-top:18px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;position: absolute;top: 45%;left: 10%;}
.main_visual .box01 button:hover {background:var(--border);}

/* 메인 스포츠 매치 */
.main_sports {position:relative;*zoom:1;margin-bottom:15px;}
.main_sports:after {display:block;clear:both;height:0;visibility:hidden;}
.main_sports section {width:50%;float:left;padding:0px 2px 0px 0px;}
.main_sports section:last-child {padding:0px 0px 0px 2px;}
.main_sports .head {background:var(--border);height:40px;border:1px solid transparent;border-radius: 5px;height:40px;margin-bottom:7px; font-size:12px;line-height:36px;padding:0px 30px;position:relative;font-weight:bold;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;}
.main_sports .head h3 {font-size:12px;line-height:36px;font-weight:bold;}
.main_sports .head h3 span {color:var(--border);}
.main_sports .head button {position:absolute;top:3px;right:20px;width:70px;height:30px;border:1px solid #434347;background:#222227;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.main_sports .box01 {border:1px solid #2d2d34;border-radius:4px;background:#222227;padding:8px;margin-bottom:3px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;}
.main_sports .box01 h4 {border-radius:3px;background:#222227;height:30px;padding:4px 10px;line-height:20px;font-size:12px;transition:200ms all; margin-bottom:3px;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;}
.main_sports .box01 h4 .ico01 {height:20px;}
.main_sports .box01 h4 .arrow {vertical-align:middle;margin-bottom:2px;margin-right:10px;}
.main_sports .box01 h4 .nation {height:16px;vertical-align:middle;margin-bottom:2px;}
.main_sports .box01 ul {margin-bottom:8px;}
.main_sports .box01 ul:last-child {margin-bottom:0;}
.main_sports .box01 ul li {border-bottom:1px solid #373738;position:relative;padding:6px 0px 10px 0px;*zoom:1;}
.main_sports .box01 ul li:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.main_sports .box01 ul li:before {content:"";position:absolute;bottom:1px;left:0;right:0;height:1px;background:#000000;}
.main_sports .box01 .time_arae {float:left;width:25%;text-align:center;line-height:28px;font-size:12px;}
.main_sports .box01 .bet_area {float:left;width:75%;text-align:center;}
.main_sports .box01 .bet_area div {display:inline-block;line-height:28px;height:30px;border: 1px solid #636363;background: #49494d;border-radius:3px;font-size:12px;cursor:pointer; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align:top;transition:200ms all;}
.main_sports .box01 .bet_area .home {width:40%;text-align:left;padding:0px 10px;}
.main_sports .box01 .bet_area .home:hover {background:var(--border);border:1px solid var(--border);}
.main_sports .box01 .bet_area .home.on {background:#ff0000;border:1px solid #ff0000;}
.main_sports .box01 .bet_area .vs {width:14%;text-align:center;cursor:default;}
.main_sports .box01 .bet_area .away {width:40%;text-align:right;padding:0px 10px;}
.main_sports .box01 .bet_area .away:hover {background:#1a4050;border:1px solid var(--border);}
.main_sports .box01 .bet_area .away.on {background:var(--border);border:1px solid var(--border);}

/* 메인 미니게임 */
.main_minigame {margin-top: 15px;}
.main_minigame:after {display:block;clear:both;height:0;visibility:hidden;}
.main_minigame ul {display: grid;grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));justify-content: space-between;gap: 5px;}
.main_minigame ul li .box01 {border:1px solid #978e92;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;border-radius:0px;cursor:pointer;}
.main_minigame ul li .box01 img {width: 100%}
.main_minigame ul li .box01:hover{opacity:0.5;transition:200ms all;}
.main_minigame ul li .box01 h3 {position:relative;padding:40px 0px 0px 7px;font-weight:bold;color:#ffdf1b;font-size:1.2rem;z-index:10;}
.main_minigame ul li .box01 h3 strong {display:block;padding:10px 0px 0px 0px;color:#ffffff;font-size:1.5rem;line-height:30px;}
.main_minigame ul li .box01 .bottom01 {position:absolute;bottom:0;left:0;width:100%;line-height:70px;text-align:center;background:#0c1319;border-top:1px solid #434347;opacity:0.5;z-index:10;}

/* 게시판 형식 */
.board_box h2 {margin-top: 10px;margin-bottom:10px;position:relative;border:1px solid #2d2d34;border-radius:5px;background:#222227;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;height:45px;padding-left:15px;line-height:43px;font-size:18px;color:var(--border);text-align: left;}
.board_box .message_box {border:1px solid var(--border);background:#303030;border-radius:5px;font-size: 16px;font-weight:bold;line-height:25px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;margin-bottom:10px;padding:20px;}
.board_box .message_box button { height: 34px; width: min(130px, 30%); background: #303030; border-radius: 5px; transition: 200ms all; box-shadow: rgb(0 0 0 / 35%) 0px 3px 4px, rgb(255 255 255 / 22%) 1px 1px 4px -2px inset; color: #ffffff;}
.board_box .bank_req {text-align: left; border: 1px solid #2d2d34;border-radius: 5px;background: #222227;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;margin-bottom: 10px;padding: 10px 20px;line-height: 2;}
.board_box .bank_req:empty {display: none;}

.board_box .money_box {position:relative;border:1px solid #2d2d34;border-radius:5px;background:#222227;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:1px;margin-bottom:10px;}
.board_box .money_box table {margin:10px 0px;}
.board_box .money_box th {text-align:center;padding:8px 10px 6px 10px;color:#ffffff;font-weight:bold;border-bottom:1px solid #2d2d34;line-height:18px;}
.board_box .money_box td {padding:8px 0px 6px 0px;vertical-align:top;border-bottom:1px solid #2d2d34;line-height:35px;}
.board_box .money_box input {width: 62.5%; vertical-align: top; height: 35px; background: #303030; box-shadow: rgb(0 0 0 / 35%) 0px 2px 3px, rgb(255 255 255 / 22%) 1px 1px 1px -2px inset; border-radius: 5px; text-indent: 10px; margin-right: 10px; font-size: 14px;}
.board_box .money_box input:-ms-input-placeholder {color:#9c9b9b !important;}
.board_box .money_box input::-webkit-input-placeholder {color:#9c9b9b !important;}
.board_box .money_box input::-moz-placeholder {color:#9c9b9b !important;}
.board_box .money_box select {height:50px;border:none;background:#303030;line-height:48px;border-radius:5px;width:95%;margin-bottom:2px;text-indent:10px; font-weight:bold;font-size:14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;}
.board_box .money_box td button {height:34px;width:min(130px, 30%);}
.board_box .money_box .btn_area {margin:10px 0px 0px 0px;}
.board_box .money_box .btn_area button {margin:0px 5px 10px 0px;min-width:75px;}
.board_box .money_box .btn_center {margin:30px 0px;text-align:center;}
.board_box .money_box .btn_center button {height:50px;width: min(37%, 250px);}
.board_box .money_box .fc01 {color:var(--border);}
.board_box .btn_center {text-align: center; margin-bottom: 30px;}
.board_box .btn_center button{height: 50px; width: min(37%, 250px);}

.board_box .searchZone {position: relative;width: 300px;margin-right: 15px;}
.board_box .searchZone input {color: #ffffff;background-color: #222227;border-radius: 6px;padding-left: 14px;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;height: 35px;margin-bottom: 0;width: 100%;}
.board_box .searchZone input:placeholder-shown + .searchIcon .icon-search{display: block;}
.board_box .searchZone input:placeholder-shown + .searchIcon .icon-delet{display: none;}
.board_box .searchZone input:not(:placeholder-shown) + .searchIcon .icon-search{display: none;}
.board_box .searchZone input:not(:placeholder-shown) + .searchIcon .icon-delet{display: block;}
.board_box .searchZone input::placeholder {color: #b6b6b6;font-size: 14px}
.board_box .searchZone .searchIcon {position: absolute;right: 0px;top: 9px}
.board_box .searchZone .searchIcon span {color: #b4b4b4;font-size: 13px;padding: 2px;cursor: pointer;}

.board_box .bet{color: white;background: red;padding: 0px 5px;border-radius: 3px;font-size: 8px;}
.board_box .topZone {display:flex;justify-content: space-between;margin-bottom: 7px;}
.board_box .topZone .btn-write{color: white;padding: 10px 15px;background: var(--primary);border-radius: 5px;}
.board_box .upVotes {cursor: pointer;}
.board_box .upVotes.on i{color: red;}

.reply-edit {margin: 5px 0;display: flex;gap: 5px;}
.reply-edit .reply-content {flex: 1;background: #171717;}
.reply-edit .btn-write {background: #1e88e5;padding: 10px;border: none;}
.reply-list .btn-edit {background: #1e88e5;}
.reply-list .btn-delete {background: #ff0000;}
.reply-list table tr th {background: #010e28;vertical-align: top;padding: 10px;}
.reply-list table tr td {border-radius: 0;color: white;border-right: 1px solid;border: 0;border-color: #505050;padding: 10px;vertical-align: middle;background: #171717;white-space: nowrap;}
.reply-list table tr td button {height: 30px;line-height: 30px;padding: 0 20px;border: none;}

.comp_rate {color: white;}
.comp_rate .main_tap {display: flex;gap: 1px;overflow: scroll;}
.comp_rate .main_tap li{padding: 10px 15px;background: linear-gradient(0deg, #424242, #6c6c6c);min-width: 100px;text-align: center;cursor: pointer;}
.comp_rate .main_tap li.on{color: #ffffff;background: linear-gradient(0deg, #0079a8, #0abbff);}
.comp_rate .sub_tap{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 1px;margin-top: 1px;}
.comp_rate .sub_tap li{text-align: center;padding: 10px;background: #2e3135;cursor: pointer;}
.comp_rate .sub_tap li.on{background: #038dc2;}

.comp_rate .comp_panel .comp_list{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 5px;flex-wrap: wrap;margin-top: 9px;}
.comp_rate .comp_panel .comp_list li{display: flex;padding: 10px;min-width: 150px;justify-content: space-between;border-radius: 5px;border: 1px solid #979797;}

.board_list {border:1px solid #2d2d34;border-radius:5px;background:#222227;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:1px;margin-bottom:10px;}
.board_list table {border-radius:5px;}
.board_list th {font-weight:bold;color:#ffffff;padding:10px 0px 10px 0px;vertical-align:top;border-bottom:1px solid #2d2d34;text-align: center;}
.board_list td {text-align:center;padding:8px 0px 6px 0px;border-bottom:1px solid #2d2d34;color:#9c9b9b;line-height:30px;cursor: pointer;}
.board_list td a {color:#9c9b9b;transition:200ms all;}
.board_list td a:hover {color:#ffffff;}
.board_list td img {vertical-align:middle;}
.board_list td button{padding: 7px 18px;background:var(--primary);border-radius:5px}
.board_list .state {color:var(--border);}
.board_list .btn_center {margin:30px 0px;text-align:center;}
.board_list .btn_center button {height:60px;min-width:300px;padding:0px 15px;}
.board_list .btn_right {margin:30px 0px;text-align:right;padding-right:15px;}
.board_list .btn_right button {height:30px;min-width:40px;padding:0px 15px;}

.board_list>ul.imgList {display: grid;grid-template-columns: var(--pc-thumb-cnt);justify-content: start;}
.board_list>ul.imgList>li {margin: 5px;cursor: pointer;}
.board_list>ul.imgList>li p{overflow:hidden;border-radius: 10px;}
.board_list>ul.imgList>li a img {max-width: 100%;width: 100%;height: auto;}
.board_list>ul.imgList>li a:hover img{scale:1.1;transition:.4s ease-out}
.board_list>ul.imgList>li b{margin-top: 5px;text-align: center;width: 100%;display: block;font-size: 16px;color: var(--primary);}

.board_list .contentZone{padding: 10px;}
.board_list .contentZone .time{display:flex;justify-content: space-between;padding: 10px;gap: 9px;}
.board_list .contentZone .time .title{flex:1;text-align:center}
.board_list .contentZone .btnFrame{display:flex;justify-content: space-between;margin: 10px 0;}
.board_list .contentZone .btnFrame button{background:var(--primary);padding: 8px;}
.board_list .contentZone .txt {padding:20px;border:1px solid #686868}

.member_section {position:relative;border:1px solid #2d2d34;border-radius:5px;background:#222227;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding: 25px 10px 0 10px;margin-bottom: 60px;text-align: left;}
.member_section .btn_wrap {display:flex;justify-content: center;padding: 10px;gap: 10px;}
.member_section .btn_wrap button {padding: 10px;border-radius: 10px;background-color: var(--primary);min-width: 100px;}
.member_section .btn_wrap .btn-cancel {padding: 10px 25px;border-radius: 10px;background-color: var(--primary);color: white;text-align: center;}

.member_box {display: grid;gap: 10px;border-bottom: 1px solid #6d6e78;}
.member_box.mypage{grid-template-columns: 1fr 1fr;}
.member_box .agree_area {margin:0px 0px 30px 0px;}
.member_box h3 {position:relative;height:25px;font-size:15px;font-weight:bold;}
.member_box .agree_check {position:absolute;top:4px;right:0;color:#76cb5c;font-weight:bold;font-size:12px;}
.member_box .terms_box {height:100px;border:1px solid #4d4f60;background:#3c3d46;overflow-y:auto;padding:20px;line-height:16px;color:#89898d;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;}
.member_box .terms_box::-webkit-scrollbar {width:5px;}
.member_box .terms_box::-webkit-scrollbar-thumb {background:#89898d;border-radius:10px;}
.member_box .all_check {margin-top:18px;color:#76cb5c;font-weight:bold;}
.member_box .check_content {display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:5px;border: 1px solid #4d4f60;border-radius: 5px;padding: 10px;}

.member_box .input_area {*zoom:1;border-bottom:1px solid #737373;position:relative;margin-bottom:30px;margin:0px -5px 30px -5px;}
.member_box .input_area:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.member_box .input_area:before {content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:#000000;}
.member_box .input_area:last-child {border:0;}
.member_box .input_area:last-child:before {height:0;}
.member_box .btn_check {position:absolute;top:-5px;right:0;}
.member_box .btn_check button {width:80px;height:30px;border:1px solid #434347;background:#222227;border-radius:5px;transition:200ms all;line-height:28px;font-weight:bold; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.member_box .btn_check button:hover {background:var(--border);border:1px solid var(--border);}

.member_box .flex_box {display: flex;}
.member_box .input_box {position:relative;}
.member_box .input_box .input_wrap {display:flex}
.member_box .input_box .input_wrap > button {white-space:nowrap; padding: 0 10px;}
.member_box .input_box .select_box {display:block;width:35%;}
.member_box .input_box .txt_center {margin: auto; padding: 0px 3px 10px 0px;}
.member_box .input_box select {height: 40px;border:1px solid #4d4f60;background:#3c3d46;border-radius:5px;width:95%;margin-bottom:2px;text-indent:10px;font-weight:bold;font-size:14px;box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;}
.member_box .input_box input {height: 40px;background:#3c3d46;border-radius:5px;width:100%;text-indent:10px;box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;}
.member_box .input_box input:-ms-input-placeholder {color:#ffffff !important;font-weight:bold;}
.member_box .input_box input::-webkit-input-placeholder {color:#ffffff !important;font-weight:bold;}
.member_box .input_box input::-moz-placeholder {color:#ffffff !important;font-weight:bold;}
.member_box .input_box .right01 {position:absolute;top:0;right:0;width:65%;}
.member_box .input_box .right02 {top:0;right:0;width:35%;margin-right: 3px;}
.member_box .input_box .btn_wrap button{height:40px;padding:10px;border-radius:5px;background: var(--primary);white-space: nowrap;margin-left: 3px;}
.member_box .btn_join button {height:54px;border:1px solid var(--border);background:var(--border);font-size:1.1rem;border-radius:5px;font-weight:bold;box-shadow: rgb(0 201 255 / 35%) 0px 1px 4px, rgb(255 255 255 / 22%) 1px 1px 4px -2px inset;/* float: left; */}
.member_box .btn_join button:hover {background:#ff8600;}
.member_box .btn_single {margin-top:-20px;position:relative;text-align: center;}
.member_box .btn_single button {width:40%; height:54px; border:1px solid var(--border); background:var(--border); font-size:1.1rem; border-radius:5px; font-weight:bold; box-shadow: rgb(0 201 255 / 35%) 0px 1px 4px, rgb(255 255 255 / 22%) 1px 1px 4px -2px inset;}
.member_box .btn_single button:hover {background:#ff8600;}

/* 레이어 팝업 */
.popup_section {position:fixed;top:50%;left:50%;width:320px;margin: 0;z-index:10002;margin-left:0px;transform: translate(-50%, -50%);}
.popup_section .pop_box {background: #222227db;border:1px solid #434347;border-radius:5px;position:relative;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;padding: 35px 15px;text-align: center;}
.popup_section .pop_box h3 {font-size: 18px;padding-bottom: 10px;border-bottom: 1px solid #525252;}
.popup_section .pop_box img.logo {height: 58px;margin-bottom: 15px;}
.popup_section .pop_box .close_pop {position:absolute;top:11px;right:11px;cursor:pointer;color: #cc6900;font-size: 12px;border: 2px solid;border-radius: 15px;padding: 5px;}
.popup_section .pop_box .input_area {border-top:1px solid #353537;}
.popup_section .pop_box .input_area li {height: 55px;border-bottom:1px solid #353537;display: flex;align-items: center;}
.popup_section .pop_box .input_area li.content {height: auto}
.popup_section .pop_box .input_area .ficon {font-size: 14px;color: #838486;background: white;padding: 6px;border-radius: 14px;border: 1px solid #838486;margin: 0 10px;}
.popup_section .pop_box .input_area img {height:40px}
.popup_section .pop_box .input_area input {height: 35px;width:100%;background: black;text-indent: 10px;}
.popup_section .pop_box .input_area input::placeholder {color:#888888 !important;}
.popup_section .pop_box .input_area textarea {min-height: 120px;width:100%;background: black;border: 1px solid black}
.popup_section .pop_box .input_area p {text-align:left;margin-top: 5px}
.popup_section .pop_box .btn_wrap {margin-top: 20px}
.popup_section .pop_box .btn_wrap button {width: 100%;padding: 10px;background: var(--primary);margin-top: 5px;}
.popup_section .pop_message {padding:10px 10px 15px 10px;text-align:center;font-size:15px;font-weight:bold;line-height:20px;color:#ff0000;}

#popup_login .sns_wrap {position: relative;display: flex;gap: 3px;background: unset;box-shadow: unset;padding: 0;}
#popup_login .sns_wrap img {width: auto;}
#popup_login .pop_box .input_area input {background: transparent;}
#popup_register {max-width: 900px;width: 100%;}
#popup_register.join h2 {background: #222227db;border: 1px solid #434347;margin-bottom: 5px;padding: 10px 15px;border-radius: 5px;color: var(--primary);display: flex;align-items: center;justify-content: space-between;}
#popup_register.join .close_pop {cursor:pointer}
#popup_register.join .pop_box{text-align:left;padding: 15px;background: #222227;}
#popup_register.join .pop_box h3 {font-size: 14px;padding: 0;border: none;}
#popup_register.join .box_left{padding: 10px 0;border-bottom: 1px solid #6d6e78}
#popup_register.join .btn_wrap {text-align:center}
#popup_register.join .btn_wrap button {max-width:100px}
#popup_register.referee {max-width: 320px;width: 100%;}
body:not(.gate) #popup_register.join {max-width: unset;position: relative;top: 0;left: 0;transform: unset;margin-top: 10px;}
body:not(.gate) #popup_register.join .close_pop {display:none}

.lvl_popup_section {position:fixed;top:50%;left:50%;width:90%;margin:0px 0px 0px 0px;z-index:10002;margin-left:0px;top: 30%;float: left;text-align: left;margin-left: -45%;display: block;}
.lvl_popup_section .pop_box {background:#222227;border:1px solid #434347;border-radius:5px;position:relative;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.lvl_popup_section .pop_box h2 {margin:4px;border:1px solid #434347;border-radius:5px;position:relative;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;line-height:38px;padding-left:15px;}
.lvl_popup_section .pop_box .close_pop {position: absolute;top: 11px;right: -412px;cursor: pointer;}
.lvl_popup_section .pop_box .close_pop img {width: 7%;}

/* 슬롯 메인 */
.slot_main {position:relative;border:1px solid #2d2d34;border-radius:5px;background:url('../images/bg_minigame_01.jpg') no-repeat center center;background-size:cover;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:20px 10px;}
.head_box {display: flex;align-items: center;position:relative;border:1px solid #2d2d34;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding: 15px;}
.head_box .ico img {height: 78px;width:auto}
.head_box .title_wrap {margin-left:10px;height: 100%;}
.head_box .title_wrap h2 {font-size:25px;color:#ffff83;font-weight:bold;}
.head_box .title_wrap p {font-size:15px;font-weight:bold;color:#a9a8a9;}

.slot_main .game_list {*zoom:1;}
.slot_main .game_list:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.slot_main .game_list li {display:inline-block;width:19.7%;padding:0px 5px;margin-bottom:15px;cursor:pointer;}
.slot_main .game_list .box01 {position:relative;cursor:pointer;}
.slot_main .game_list .box01:hover:after {content:"";position:absolute;top:0;left:0;bottom:46px;width:100%;background:rgba(0,0,0,0.6);border-width:2px;border-style:solid;box-sizing:border-box;border-image:linear-gradient(to bottom, #e7d48a 0%, #c6612c 100%);border-image-slice:1;box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px;}
.slot_main .game_list .box01:hover .play {display:block;}
.slot_main .game_list .box01:hover h3 {color:#ffff83;}
.slot_main .game_list .play {position:absolute;top:35%;left:50%;margin:-25px 0px 0px -25px;z-index:10;display:none;}
.slot_main .game_list .play img {width:50px;}
.slot_main .game_list .img_area {margin-bottom:10px;} 
.slot_main .game_list .img_area img {width:100%;} 
.slot_main .game_list h3 {color:#a9a8a9;font-size:14px;font-weight:bold;line-height:18px;}
.slot_main .btn_more {text-align:center;margin:20px 0px;}
.slot_main .btn_more button {background:var(--border);height:50px;width:95%;border-radius:5px;font-weight:bold;font-size:15px;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;}
.slot_main .btn_more button:hover {background:#484955;}

.event_list_wrap {width: 100%;}
.event_list_wrap>ul {display: grid;grid-template-columns: repeat(3, 1fr);justify-content: start;}
.event_list_wrap>ul>li {margin: 0;padding: 5px;/* flex-grow: 0; *//* flex: 22%; *//* max-width: 25%; */margin-bottom: 20px;}
.event_list_wrap>ul>li img {max-width: 100%;width: 100%;height: auto;}
.event_list_wrap>ul>li .check img {max-width: 100%; width: 3em;}

.event_content_wrap {width: 100%;background: #282828; box-shadow: rgb(0 0 0 / 35%) -3px 6px 6px -3px; padding: 1px; margin-bottom: 10px;}
.event_content_wrap>ul {display: flex;flex-flow: row wrap;justify-content: center;}
.event_content_wrap>ul>li {margin: 0;padding: 5px;flex-grow: 0; max-width: 98%;float:left; margin:0 10px 10px 0; position:relative;text-align: center;}
.event_content_wrap>ul>li img {max-width: 100%;width: 100%;cursor: pointer;}
.event_content_wrap>ul>li .check img {max-width: 100%;width: 3em;}

#coverBG{position:fixed;width:100%;height:100%;top:0;left:0;background-color: rgb(54 52 52 / 75%);z-index:10001;display:none;}
#coverBG2{position:fixed;width:100%;height:100%;top:0;left:0;background-color: rgb(54 52 52 / 75%);z-index:10001;display:none;}
#loading {position:fixed; left:50%; margin-left:-60px; top:50%; margin-top:-33px; z-index:999999; display:none;}
#loading img { width : 120px;}

#betLoading { position:fixed; left:45%; margin-left:-60px; top:40%; margin-top:-33px; z-index:999999;}
#betLoading img { width : 150px;}

.betting-span { font-size:21px; margin-left: 16px;}
.line-team { text-align:center; margin-top:13px; line-height:normal;}


/*페이징*/
.paging_box { text-align:center;min-height:30px;margin-top: 20px;}
.paging_box .left { position:absolute; top:0; left:0;}
.paging_box .right { position:absolute; top:0; right:0;}
.pagination{display:inline-block;padding-left:0;border-radius:4px;vertical-align:top;}
.pagination>li {display:inline}
.pagination>li>a, .pagination>li>span {position: relative;margin: 3px;border-radius: 5px;float: left;background: #1c1c1c;padding: 10px 15px;line-height: 20px;text-decoration: none;color: white !important;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color:#2a6496;background-color:#282828;border-color:#ddd}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {color: var(--border) !important;cursor: default;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {color: #828282;background-color: #494949;border-color: #828282;cursor:not-allowed}
.pagination [class*=icon-]{margin:0 -6px;font-size:14px;}

.list_title1     {background:linear-gradient(#2c2c2c 0%,  #1c1c1c 100%);color:#dddddd;text-align:center;font-weight:bold;font-family:'nanumgothic', sans-serif;}

.font_cash_in { color: #e1c991 !important; font-weight: 900;}
.font_cash_out {color:#ff7200 !important; font-weight:900;}

.disabled { pointer-events: none; opacity: .5;}
.pick_disabled{ pointer-events: none; opacity: .2;}
.pick_empty{ pointer-events: none; opacity: .6;}

.sports-nation-ul .menu2-span {margin-right:10px;}

/*로딩*/
.ring {background: #262626 !important;z-index: 10010;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:transparent;border:3px solid #3c3c3c;border-radius:50%;text-align:center;line-height:150px;font-family:sans-serif;font-size:20px;color:#fff000;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px #fff000;box-shadow:0 0 20px rgba(0,0,0,.5);}
.ring:before {content: '';position: absolute;top: -2px;left: -2px;width: 100%;height: 100%;border: 3px solid transparent;border-top: 3px solid #fff000;border-right: 3px solid #fff000;border-radius: 50%;animation: animateC 2s linear infinite;}
.ring>span {display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 2s linear infinite;}
.ring>span:before {content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff000;top: 0px;right: -9px;box-shadow:0 0 20px #fff000;}

@keyframes animateC
{
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
@keyframes animate
{
  0% {transform:rotate(45deg);}
  100% {transform:rotate(405deg);}
}

::-webkit-scrollbar {width: 0px;height:0}

.t_pick_sel{background-color: rgb(156, 100, 12);}

.betting-cart-name {font-size: 0.74rem;text-align: left;line-height: 26px;color: #ffd200;padding-left: 10px;}
.domestic_page {bottom: 2px;width: calc(100% - 560px);text-align: center;justify-content: center;z-index: 1000;position: fixed;max-width: 1441px;}
.abroad_page {bottom: 0;width: calc(100% - 560px);text-align: center;display: flex;justify-content: center;z-index: 1000;position: fixed;max-width: 1441px;}
.live_page {bottom: 12px;background: #000000;width: calc(100% - 560px);text-align: center;display: flex;justify-content: center;z-index: 1000;position: fixed;max-width: 1441px;}
.bet_list_page {bottom: 0;background: #111111;width: 100%;text-align: center;display: flex;justify-content: center;z-index: 1000;position: fixed;max-width: 1441px;}
.bet_result_list_page {text-align: center;display: flex;justify-content: center;width: 100%;padding-bottom: 75px;}

.bet-tab {display: flex;gap: 5px;padding: 5px 0;justify-content: flex-end;overflow: scroll;}
.bet-tab li{padding: 5px 12px;background: linear-gradient(45deg, #7a7a7a, #585858);border-radius: 5px;cursor:pointer;white-space: nowrap;}
.bet-tab li:hover{background: var(--primary);}
.bet-tab li.act{background: var(--primary);}
.bet_btn_wrap{text-align: right;margin-top:5px;background: black;}
.bet_btn_wrap button{padding: 5px 10px;background: linear-gradient(45deg, var(--primary-light), var(--primary-dark));border-radius: 5px;}

.bet-content {margin-top: 10px;background: #272525;}
.bet-content table tbody tr {border-top: 1px solid #000;}
.bet-content table thead tr th {background: #333333;padding: 10px 0;}
.bet-content table tbody tr td {height: 50px;font-size: 0.74rem;font-weight: 600;text-align: center;border-right: 1px solid #000;}
.bet-content table tbody tr td .rate{color:#FFC107}
.bet-content table tbody tr td.league {display: flex;align-items: center;}
.bet-content table tbody tr td img {}
.bet-content table tbody tr .team-info-wrap {max-width: 160px;}
.bet-content table tbody tr .team-name {white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.bet-content table tbody tr .home-handi-mark {font-size: 1.2em;color: #7eff37;margin-left: 5px;}
.bet-content table tbody tr .away-handi-mark {font-size: 1.2em;color: #7eff37;margin-left: 5px;}
.bet-content table tbody tr .under-mark {width: 13px;height: 16px;margin-left: 5px;}
.bet-content table tbody tr .over-mark {width: 13px;height: 16px;margin-left: 5px;}
.bet-content .bet_result {padding: 0 10px;margin: 0 auto 0px auto;line-height: 40px;color: #fff;font-weight: 600;font-size: 0.8rem;border-top: 1px solid #000;background: #333;display: flex;align-items: center;gap: 10px;}
.bet-content .t_pick_sel {background-color: rgb(156, 100, 12);}
.bet-content .btn_wrap button {padding: 10px;border-radius: 5px;background: #5b5b5b;border: none;}

.bet-content-mob {padding: 3px;background: #4b4b4b;margin-top: 5px;border-radius: 5px;}
.bet-content-mob .bet-time {background-color: #4b4b4b;}
.bet-content-mob .bet-time{padding:10px;display: flex;align-items: center;justify-content: space-between;}
.bet-content-mob li {background: #272727;min-height: 36px;display: flex;align-items: center;border-bottom: 1px solid #555555;font-size: 1.2em;}
.bet-content-mob .league-info {background: #1b1b1b;border-bottom: 0px;padding-left: 5px;gap: 5px;color: var(--primary);}
.bet-content-mob .league-info {display:flex;padding:5px;}
.bet-content-mob .bet-title{display: flex;padding: 5px;gap: 5px;background: #2b2b2b;justify-content: space-between;}
.bet-content-mob .market-name {color:#00ffb3}
.bet-content-mob .handi-mark {color: #7eff37;}
.bet-content-mob .bet-score {justify-content: space-between;display: flex;padding: 5px;background: #2b2b2b;}
.bet-content-mob .bet-score .score{color:#fff000}
.bet-content-mob .bet-pick-wrap {gap:2px;display:flex;padding: 3px;background: #2b2b2b;}
.bet-content-mob .bet-pick-wrap img {width:10px}
.bet-content-mob .bet-pick-wrap > div {text-align: center;padding: 0px 5px;display: flex;line-height: 30px;font-size: 11px;cursor: pointer;position: relative;border-radius: 3px;border: 1px solid #686868;}
.bet-content-mob .bet-pick-wrap .team-name{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.bet-content-mob .bet-pick-wrap .home-pick {width: 100%;justify-content: space-between;overflow: hidden;}
.bet-content-mob .bet-pick-wrap .away-pick {width: 100%;justify-content: space-between;overflow: hidden;}
.bet-content-mob .bet-pick-wrap .base-line {}
.bet-content-mob .bet-pick-wrap .score {white-space:nowrap}
.bet-content-mob .bet-pick-wrap .single-pick {width: 100%;}
.bet-content-mob .bet-pick-wrap .single-pick .team-name {width: 80%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;}
.bet-content-mob .bet-info{background:black}
.bet-content-mob .btn-wrap {justify-content: center;gap: 10px;padding: 10px;background: #4b4b4b;border: none;}
.bet-content-mob .btn-wrap button {padding: 5px 10px;border-radius: 5px;background: var(--primary);}
.bet-content-mob .bet-result{background:black;display:flex;justify-content: space-between;padding: 5px;}

/* 회원레벨, 닉네임 함께 현시 */
.user-label {display: inline-flex;align-items: center;}
.user-label img {max-height: 1.5em;}

/* 댓글입력 */
.content-editable {border: 1px solid #414141;border-radius: 3px;background: rgb(38 38 38);padding: 10px;text-align: left;line-height: 1.5;display: block;color: white;}

:root{
  --ver:1.0;
  --border:#f3753a;
  --primary:#f3753a;
  --primary-light: #f18600;
--primary-dark: #e55100;
}