@import url("https://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css");

html {
	background:#fff;
	background-size:auto;
	/*background-attachment:fixed;*/
	height:100%;
	background-image: url('../images/bg_z.jpg');
}

:root {

	/* color */
	--color-main: #e0a138;
	--color-main_h: #ffffff;
	--color-sub: #ffdca1;
	--color-sub_h: #ffffff;
	--color-text_main: #ffffff;
	--color-text_main_h: #ffffff;
	--color-text_row: #ffffff;
	--color-white: #ffffff;
	--color-black: #000000;
	--color-gray: #454545;
	--color-bg: #161616;
	--color-org: #ff6b00;
	--color-pup: #df30e2;

	/* font_size */
	--size-header: 10px;
	--size-sub_header: 5px;
	--size-nomal:3px;

}

body { padding:0; font-size:12px; margin-left:0px; margin-top:0px; margin-right:0px; min-height:800px; margin-bottom:0px; width:100%; }
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin:0; padding:0; }
fieldset, img { border:0 none; }
dl, ul, ol, menu, li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
input, select, textarea, button { vertical-align:middle; }
button { border:0 none; background-color:transparent; cursor:pointer; }
body, th, td, input, select, textarea, button { font-size:12px; color:var(--color-sub); }
a { color:#ffffff; text-decoration:none; }
a:active, a:hover { text-decoration:none; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight:normal; }
figure { margin:0; padding:0; }
.clear { clear:both; width:100%; margin:0; padding:0; }
.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
a { transition:0.2s; }

.header {
	width:100%;
	margin:0 auto;
	/*border-right:2px solid var(--color-main);*/
	height: 100%;
    overflow: auto;
}

.header::-webkit-scrollbar {
    display:none
}


.sub_content_arr { position:relative; overflow:hidden; width:auto; min-height:650px; margin:10px; padding:10px; padding-top:60px; }
.sub_content_left { position:relative; float:left; padding:10px; padding-bottom:50px; padding-right:280px; width:100%;  min-height:580px; box-sizing:border-box; overflow:hidden; }
.sub_content_right { float:right; }
.logo_top { display:block; margin:20px auto; z-index:99999; }

.logo_top img {
	display:block;
	margin:0 auto;
	margin-top:0px;
	width:220px;
	transition:0.2s;
	filter:brightness(1.0);
}

.main_navigation_arr { position:relative; }

.main_navigation {
	width:82%;
	padding:17px;
	margin:0 auto 4px;
	box-sizing:border-box;
}

.main_navigation ul {
	width:100%;
	margin:0 auto;
}

.main_navigation li {
	position:relative;
	padding:2px 3px;
	box-sizing:border-box;
	height: 50px;
	width: 106%;
    border-bottom: 2px solid;
	border-image: linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    border-image-slice: 1;
	margin-bottom:7px;	
}

.main_navigation li a {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	cursor:pointer;
	margin-left:20px;
	margin-right:20px;
	box-shadow:none !important;
	margin-top: 8px;
	background: none !important;
}

.main_navigation ul :hover {
	transition: .4s ease-out;
}

.main_navigation li a .txt {
	color:#b98b3e;
	font-size:14px;
	font-weight:700;
	transition:.3s ease-out;
	margin-top:3px;
	box-shadow:none !important;
}

.main_navigation li .lfticom { margin-right:10px; width:35px; box-shadow:none !important; background: none !important;}
.main_navigation li a .hovePic { display:none; position:absolute; transition:.4s ease-out; box-shadow:none !important;background: none !important; }
.main_navigation li a .hovePic img { width: 35px; margin-top:4px;box-shadow:none !important;background: none !important; }
.main_navigation li a:hover .hovePic, .main_navigation li a:active .hovePic { display: block; }
.main_navigation li a:hover .lfticom, .main_navigation li a:active .lfticom { opacity: 0; }
.main_navigation li a:hover .txt, .main_navigation li a:active .txt { color:var(--color-white); background: none !important;}

.main_navigation1 {
	width: 82%;
	padding:17px;
	margin:0 auto 13px;
	box-sizing:border-box;
}

.main_navigation1 ul { width:89%; margin:0 auto; }
.main_navigation1 li { position:relative; padding:6px 3px; border-bottom:1px solid var(--color-gray); box-sizing:border-box; }
.main_navigation1 li a { display:flex; align-items:center; justify-content:flex-start; cursor:pointer; }
.main_navigation1 li a .txt { color:var(--color-sub); font-size:13px; font-weight:700; transition:.3s ease-out; }
.main_navigation1 li .lfticom { width:26px; margin-right:20px; color:#666; }
.main_navigation1 li a .lfticom-hover { display:none; position:absolute; top:6px; left:3px; width:26px; transition:.4s ease-out; }
.main_navigation1 li a:hover .lfticom-hover, .main_navigation1 li a:active .lfticom-hover { display:block; }
.main_navigation1 li a:hover .lfticom, .main_navigation1 li a:active .lfticom  { color:#333;  opacity:0 !important;  }
.main_navigation1 li a:hover .txt, .main_navigation1 li a:active .txt { color: var(--color-white); } 
.casino-ff a { color:#fff; }
.casino-ff a { display:block; margin:0 auto; animation-name:example; animation-duration:0.9s; animation-timing-function:linear; animation-delay:0.9s; animation-iteration-count:infinite; animation-direction:alternate; }

.main_navigation li a span { display:block; font-weight:200; font-size:10px; color:rgba(255,255,255,0.7); line-height:10px; }
.main_navigation li a:hover span { color:#ffc600; }
.main_navigation li:last-child a { /*margin-right:0px;*/ }
.main_navigation li:first-child a { /*margin-left:0px; */}
.main_navigation .r-margin { margin-right:127px; background:none; }
.top-navegation01 { display:none; position:absolute; left:0; top:50px; text-align:right; width:1200px; }
.top-navegation01 li { display:inline-block; text-align:center; padding:0 2px; }
.top-navegation01 li a { display:block; padding:0 10px; height:30px; line-height:30px; color:#fff; font-weight:bold; background:#3b5f89; border-radius:50px; }
.top-navegation01 li a:hover { background:#4d7db5; color:#ffc600; }
.top-sub-navi { position:absolute; right:0; top:40px; border-radius:0 5px 5px 0; }
.top-sub-navi li { float:left; }
.top-sub-navi li:last-child { background:none; }
.top-sub-navi li a { display:block; font-family:NotoSansKR !important; font-weight:600; color:#fff; font-size:15px; height:40px; line-height:40px; padding:0 10px !important; text-align:center; margin-right:2px; text-shadow:0 1px 3px rgba(0,0,0,0.9); border-radius:100px; }
.top-sub-navi li:last-child a { padding:0 10px !important; }
.top-sub-navi li a:hover { color:#ffc600; background-position:0 -48px; text-shadow:0 -1px 0px rgba(0,0,0,0.6); }
.cash-01, .cash-02, .cash-03 { padding:0 2px !important; }
.cash-01 a { display:inline-block; position:relative; margin-right:2px; padding:0px 20px; color:#fff !important; border-radius:100px; background:#000; height:23px; line-height:23px; font-size:13px; font-family:NotoSansKR !important; }
.cash-01 a:hover { border-color:#ff0000; color:rgba(255,255,255,0.7) !important; }
.cash-02 a { display:inline-block; position:relative; margin-right:2px; padding:0px 20px; height:25px; line-height:25px; color:#fff !important; border-radius:100px; border:solid 1px rgba(255,255,255,0.3); font-size:13px; font-family:NotoSansKR !important; }
.cash-02 a:hover { border-color:#fff; color:rgba(255,255,255,0.7) !important; }
.cash-03 a { display:inline-block; position:relative; margin-right:2px; padding:0px 20px; height:25px; line-height:25px; color:#fff !important; border-radius:100px; border:solid 1px rgba(255,255,255,0.3); font-size:13px; font-family:NotoSansKR !important; }
.cash-03 a:hover { border-color:#ff0000; color:rgba(255,255,255,0.7) !important; }
.top-sub-navi i { font-size:20px; vertical-align:middle; }
/*.noticeText { display:flex; align-items:center; width:84%; } */

.noticeText {
	display:flex;
	align-items:center;
	width:40%;
	padding: 4px;
	border: 2px solid transparent;
	border-radius: 21px;
	background-image: linear-gradient(#2f2f2f, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
	background-origin:border-box;
	background-clip:padding-box, border-box;
}

.noticeText img { width:29px; }

.noticeText marquee {
	display:flex;
	font-size:13px;
	font-weight:700;
	font-family:dotum; duration:8s; delay:0s;
	direction:normal; pauseOnHover:running;
	pauseOnClick:running; loops:infinite;
	gradient-color:rgba(255, 255, 255, 1), rgba(255, 255, 255, 0);
	gradient-width:200px;
	min-width:94%;
	margin-top:2px;
}

.noticeicn {
    background: url(../images/ic-notice.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 21px;
    background-size: contain;
    margin-left: 5px;
}

.top-info-right { position:absolute; right:0; top:0; height:35px; }
.top-info-right li { float:left; background:url("/html/casino1/images/bg_gmenu_line.gif") right no-repeat; }
.top-info-right li:last-child { background:none; }
.top-info-right li a { padding:0 10px; line-height:35px; font-size:12px; font-family:NotoSansKR !important; color:#fff; }
.top-info-right li a:hover { color:#e9b424; }
.top-info-right i { color:#e9b424; }
.clear { clear:both; width:100%; margin:0; padding:0; }
.level_icon img { vertical-align:middle; margin-top:-2px; }
.bg_top_arr { width:100%; top:0; left:0; z-index:9999; }

.user-info-arr {
	position:fixed;
	top:0px;
	width:calc(100% - 250px)!important;
	height:70px;
	background:#fff;
	z-index:99;
	background-image: url(../images/bg_z.jpg);
	border-bottom: 2px solid;
	border-image: linear-gradient(to bottom right, #271c00 10%, #582d00, #fffdcb, #a17300);
	border-image-slice: 1;
	box-sizing: border-box;
}

.user-info-cont { display:flex; margin:0 auto; width:95%; height:73px; align-items:center; justify-content:space-between; }
.user-info01 { display:flex; justify-content:flex-end; color:var(--color-main);}
.user-info01 li { display:flex; padding:0 5px; font-size:14px; line-height:36px; }
.user-info01 li button { color: #fff; align-items: center; }	
/*.user-info01 li i { display:flex; margin-right:3px; color:#666; align-items:center; font-size:15px; }	*/
.user-info01 li i { display:flex; margin-right:3px; color:var(--color-main); align-items:center; font-size: 18px; line-height:0; position: relative; }
.user-info01 li .level_icon { margin-top:3px; display:flex; align-items:center; }
.user-info01 li:last-child { border-left:none; background:none; }
.user-info01 a { display:flex; color:var(--color-sub); }
.level_icon img { width:36px !important; vertical-align:middle; }
.user-info01 .mb_point strong { color:#000; }
.user-info01 .PointChange strong { color:var(--color-sub);}

.topth th {
	height:33px;
	font-weight:300px;
	font-family:dotum;
	text-align:center;
	font-weight:500;
	font-size:13px;
	color:#fff;
	font-family:NotoSansKR !important;
	background:linear-gradient(0deg, #212121, #a0a0a0);
}

.topth th:first-child { border-radius:5px 0 0 5px; }
.topth th:last-child { border-radius:0 5px 5px 0; }
.topth td { height:33px; text-align:center; }
.result_menu { display:inline-block; padding:0px 0; }
.result_menu:after { content:""; display:block; clear:both; }
.result_menu li { float:left; display:inline-block; margin-right:8px !important; margin-bottom:9px; }

.result_menu li span {
	display:inline-block;
	padding:0 5px 0 10px;
	color:#333 !important;
}

.result_menu li a {
	display: inline-block;
    padding: 0 15px;
    width: auto;
    height: 30px;
    line-height: 31px;
    font-family: dotum;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    color: var(--color-main);
    border: 1px solid transparent;
    border-radius: 21px;
    background-image: linear-gradient(#2f2f2f, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
.result_menu li a:hover { color:#000; background:var(--color-main);}
.result_menu li i { font-size:16px; margin-right:5px; margin-top:3px;}
.result_menu li a.on { background:var(--color-main); color:#37270b;}
.betting_info_table { background:rgba(0,0,0,0.20); }
.cont_back_arr01 { position:relative; }
.memo_view01 { width:100%; border:1px solid #ccc; border-radius:6px; }
.memo_view02 { background-color:#fff; }
.memo_view03 { background:#fff; padding:20px 20px 40px 20px; line-height:20px; min-height:300px; color:#000; }
.member-info-table001 { border:solid 1px #c9c9c9; border-bottom:none; background:#212121; }
.member-info-table001 td { border-bottom:solid 1px #c9c9c9; padding:10px; }
.member-info-table001 .titletext { border-right:solid 1px #c9c9c9; color:#fff; background-color:#212121; text-align:left; width:10%; }
#sub-content { font-family:dotum; background:#212121;}
.result-table td { box-sizing:border-box; color:#ffffff; }
.noSelected { padding: 0 10px; height: 33px; font-family:dotum; font-weight:bold; vertical-align:middle; color:#000 !important; border:1px solid #b0b0b0 !important; font-weight:400; box-shadow:inset 0px 0px 0px rgb(0 0 0);font-family:NotoSansKR !important; background:var(--color-black); cursor:pointer; transition:.5s; }
.noSelected table td { color:#939393 !important; font-weight:bold !important; }
.noSelected span { color:var(--color-sub) !important; font-weight:bold !important; }
.noSelected i { font-size:12px; }
.noChoice { background:#1b1b1b; color:#000; border-botom:#111111 1px solid; border-left:#595959 1px solid; border-top:#595959 1px solid; border-right:#111111 1px solid; font-weight:bold; vertical-align:middle; }
.noChoice table { color:#fff; }
.Choice { font-weight:bold; color:#000; border:solid 1px #ccc !important; background:#ccc; vertical-align:middle; transition:0.2s; }
.Selected {
    padding: 0 10px;
    font-family: NotoSansKR !important;
    color: #000;
    text-shadow: none;
    box-shadow: 0px 0px 6px 1px #c68a00de;
    border: 1px solid transparent !important;
    vertical-align: middle;
    transition: .8s cubic-bezier(0.4, 0, 1, 1);
    background-image: linear-gradient(132deg, #C19001, #ffda69 50%, #b48837), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
.Selected table td { color:#000 !important; }
.Selected .divd { color:#000 !important; }
.Selected span { font-weight:bold; color:#000 !important; }
.Selected2 { border:solid 1px #ccc !important; padding:0 10px; font-weight:bold; font-family:dotum; height:25px; vertical-align:middle; color:#000; text-shadow:none; font-weight:bold; box-shadow:inset 0 1px 0px 0 rgba(255,255,255,0.3); text-shadow:none; color:#000; border:solid 1px #ccc !important; background:#ffcc00;}
.Selected2 table td { color:#000 !important; }
.Selected2 span { color:#000 !important; }
.GameEnd { padding:0 10px; font-family:NotoSansKR !important; background:#222; color:#444; border:1px solid #666 !important; text-shadow:none; vertical-align:middle; }
.GameEnd table td { color:#666 !important; }
.GameEnd .divd { color:#666 !important; }
.GameEnd span { font-weight:bold; color:#666 !important; }

.table-betting-arr .table_top_bg { border-radius:5px; background:rgba(255,255,255,0.1); border:1px solid #111; color:#fff; font-size:16px; height:40px; line-height:40px; text-indent:30px; font-family:'noto'; }
.table-betting-arr .league { font-size:13.5px; font-family:NotoSansKR !important; background:linear-gradient(180deg, #343434 6.17%, #000 100%); border-radius:100px; border:solid 1px var(--color-main); }
.table-betting-arr .bt_stime { font-weight:bold; color:var(--color-sub); font-size:11px; font-family:NotoSansKR !important; }
.cash_notice_zone li { font-family:dotum; }
#bett_lists table td { font-family:dotum; padding:5px; text-align:center; }

.sub_content_arr h2 {
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	right:0;
	margin:0;
	height:50px;
	text-align:left;
	font-size:25px;
	font-weight:700;
	color:var(--color-main);
	line-height:50px;
	font-family:NotoSansKR !important;
	padding-left:15px;
	text-shadow:0 0 1px rgba(0,0,0,0.7);
}

.sub_content_arr h2 small { font-weight:700; font-size:20px; color:var(--color-sub); }
#divMenu { position:absolute; padding:10px; left:left:expression(1010 + (document.body.clientwidth-1010)/2); top:0px; right:0px; margin-top:60px; width:270px; visibility:visible; box-sizing:border-box; z-index:999; }
#divMenu iframe { position:absolute; top:-73px; left:12px; }
#divMenu label { cursor:pointer; }
.b-kakao-talk { display:block; position:relative; background:url(../images/banner-kakao.png); height:75px; }
.b-kakao-talk span { position:absolute; color:#ffd200; font-size:18px; font-family:Arial Black; right:10px; bottom:10px; }
.popupCalendar { z-index:99999999999999; }
.betting-list-body td { border-bottom:solid 1px #c9c9c9; background:#fff; font-size:12px; font-weight:bold; }
.betting-list-body { border-top: solid 1px rgba(255,255,255,0.2); }
.trEndGame3 td { opacity:0.6; }
.trEndGame3 td { color:#808080 !important; }
.btnCancel, .btnDelete { background:#dc0003; color:#fff; border-radius:3px; height:25px !important; padding:0 10px; border:none; cursor:pointer; box-shadow:0 2px 3px rgba(0,0,0,0.3); }
.btnCancel:hover, .btnDelete:hover { opacity:0.8; }
.league, .leagueT { font-weight:bold; padding:0 10px; }
.betting-result .title { background:#ddd; font-weight:bold; text-align:center; }
.real_win_money { color:#f10004 !important; font-weight:bold; }
.betting-result td { font-weight:bold; }
.betting-result-desc td { font-weight:bold; }
.betting-result-desc td:nth-child(odd) { padding-right:8px; text-align:right; }
.betting-result-desc td:nth-child(even){ padding-left:8px; text-align:left; }
input[type='text'], input[type='password'], select { border:1px solid #ccc; background:#dadada; box-shadow: inset 0px 0px 5px 2px #00000070;color:#000; font-size:12px; padding:2px 5px; line-height:33px; height:33px; transition:0.2s; vertical-align:middle; border-radius:5px; }
textarea { border:1px solid #ccc; background:#dadada; box-shadow:inset 0px 0px 5px 2px #00000070;color:#222; font-size:12px; padding:5px 5px; transition:0.2s; border-radius:5px; }
textarea:focus { outline:none; border:solid 1px #000; }
select { height:30px; line-height:38px; }
input[type='text']:focus, input[type='password']:focus, select:focus, textarea:focus { outline:none; border:solid 1px #000; }

.navi-menu-sports { box-sizing:border-box; margin-bottom:5px; }
.navi-menu-sports:after { content:""; display:block; clear:both; }
.navi-menu-sports li { float:left; width:19%; margin:0.5%; box-sizing:border-box; }
.navi-menu-sports li a { background:#666; border:1px solid #666; border-radius:100px; color:#fff; display:block; font-size:14px; font-weight:bold; text-align:center; height:40px; line-height:40px; box-shadow:2px 4px 5px 1px rgb(0 0 0 / 10%), inset 0 0 1px 1px rgba(255,255,255,0.3); }
.navi-menu-sports li a:hover { filter:brightness(1.3); }

.tf_pagination { display:block; padding:1em 0; text-align:center; }
.tf_pagination ul { display:inline-block; margin:0; padding:0; margin:0 auto; text-align:center; }
.tf_pagination ul li { display:inline-block; list-style:none; margin:0 !important; vertical-align:middle; text-align:center; }
.tf_pagination ul li a { display:block; margin-bottom:5px; margin-right:5px; width:30px; height:30px; line-height:30px; font-family:NotoSansKR !important; font-size:14px; font-weight:bold; color:#000; border-radius:0px; border:1px solid #c9c9c9; background:var(--color-sub); border-radius:10px; cursor:pointer; }
.tf_pagination ul li a .fa { margin-top:10px; }
.tf_pagination ul li a:hover { color:#000; background:#fff; }
.tf_pagination .active { color:#fff; background:var(--color-main); }
.betting-list .title { height:30px; }
.cash_btn01 a { background-position:0 -36px; }
.cash_notice_zone { margin-bottom:15px; width:100%; background:#212121; overflow:hidden; border: 2px solid transparent; background-image: linear-gradient(#2f2f2f, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a); background-origin: border-box; background-clip: padding-box, border-box;}
.cash_notice_zone .title { text-align:left; font-size:14px; padding:15px 0 12px 0; padding-left:15px; font-family:NanumGothic, Malgun Gothic, sans-serif; color:var(--color-main); font-weight:800; background:linear-gradient(180deg, #0f0f0f, dimgrey); border-bottom: 2px solid transparent; background-image: linear-gradient(#2f2f2f, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a); background-origin: border-box; background-clip: padding-box, border-box;}
.cash_notice_zone ul { padding:15px 20px; }
.cash_notice_zone li { color:#ffffff; margin-bottom:10px; }
.bank-time-table { border-collapse:collapse; border-bottom:none; background:#212121; }
.bank-time-table td { padding:10px; text-align:center; border:1px solid #ccc; color:#ffffff; }
.bank-time-table th { padding:10px; color:var(--color-main); background:#212121; border:1px solid #ccc; border-right:1px solid #ccc; }
.cash_zone_table {
	border: solid 1px transparent;
    background: #212121;
    background-image: linear-gradient(#2f2f2f, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
.cash_zone_table td {
	border-bottom: 2px solid;
    border-image: linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    border-image-slice: 1;
}
.cash_zone_table th {
	padding:0 10px;
	color:var(--color-main);
	background:#212121;
	border-bottom: 2px solid;
    border-right: 2px solid;
    border-image: linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    border-image-slice: 1;
}
.cash_bottom_btn { padding:20px; text-align:center; }
.cash_bottom_btn button { display:inline-block; }
.bbs-list-cash td { border-bottom:solid 1px #c9c9c9; text-align:center; font-size:12px; vertical-align:middle; height:20px; }
.bbs-list td { background:#000; border-bottom:solid 1px #c9c9c9; }

.search_zone_arr { padding:20px; text-align:center; vertical-align:middle; }
.paging_list { padding:10px; text-align:center !important; }
.list_bottom_btn_left { float:left; padding:20px 10px; }
.list_bottom_btn_right { float:right; padding:20px 10px; }
#speedpage { margin:0 auto; }
#lists td { border-bottom:solid 1px #c9c9c9; }
#lists tr:nth-child(even) td { background-color:rgba(50,50,50,0.1); }
.notice td { border-bottom:solid 1px #c9c9c9; }
.bbs-list td { height:35px; font-family:dotum; }
.bbs-list .notice a { color:#e40003 !important; }
.bbs-list .notice .hit { color:#fff; }
.font_11_yellow { display:block; margin-top:5px; }
.board_wirte_bottom { padding:20px 0; text-align:center; }
.bg_gray01 { font-weight:bold; color:#fff; font-size:16px; text-align:center;}
.bbs-list-new { border-collapse:collapse; border-top:solid 2px var(--color-main); }
.bbs-list-new td { padding:5px;}
#betting_list .bbs-list-new td { border:none !important; }
.board_title { padding:10px; font-weight:bold; font-size:16px; text-align:left; font-size:14px; padding:15px 0 12px 25px !important; font-family:NanumGothic, Malgun Gothic, sans-serif; color:#fff; font-weight:800; border-bottom:1px solid #ccc;}
.board_user { padding:10px; border-bottom:1px solid #ccc; font-size:12px; padding:10px 25px 8px 25px !important; font-family:Dotum, AppleGothic, sans-serif; color:#fff; letter-spacing:-1px; vertical-align:middle; }
.board_user span { font-weight:bold; margin-right:17px; }
.board_date { float:right; margin-left: 20px !important; margin-right: 0px !important;}
.board_content { /*height:500px !important;*/ vertical-align:top; line-height:18px; color:#fff; padding:20px 10px !important; font-family:dotum; font-size:15px; }
.board_comment_title { padding:10px; font-weight:bold; font-size:16px; background:#ddd; color:#000; }
.board_bottom_btn { padding:20px 0; border-top:dotted 1px #c9c9c9; text-align:center; }
#comment_content { margin:10px 0; }
.baord_list_comment01 td { background:#fff; color:#000; border-bottom:solid 1px #c9c9c9; padding:8px 10px; }
.baord_list_comment01 strong { color:#2759be; }
#betting_list { margin-bottom:10px; border-bottom: 1px solid #b4b4b4; }
.alert_container { position:absolute; margin:0 auto; width:500px; }
#alert_container { position:fixed; padding:30px 0; width:20%; left:40%; top:30%; background:#222; border:solid 1px #333; border-radius:5px; text-align:center; line-height:22px; color:#fff; z-index:9999; }
#alert_container input { display:block; margin:20px auto 0 auto; padding:5px 0px; border:solid 1px #000; border-radius:4px; color:#fff !important; background:#222; width:60px !important; cursor:pointer; }
.betting_lock p { position:absolute; top:0; left:0px; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:999; margin:0; }
.betting_lock .fa { margin:0 auto; font-size:120px; color:#ffcb00; position:absolute; left:50%; top:50%; z-index:99999; margin-left:-39px; margin-top:-60px; }

.game_zone .btn-zone-arr a { height:50px; width:48%; cursor:pointer; display:block; position:relative; margin:0.5% 1%; padding:0; border-radius:15px; border:solid 2px rgba(0,0,0,0.0); box-sizing:border-box; }
.game_zone .btn-zone-arr a .divd { font-family:NotoSansKR !important; font-weight:700; font-size:16px; text-shadow:0 0px 2px #000; display:block; margin-top:0px; text-align:center; }
.game_zone .btn-zone-arr a:hover {  box-shadow:inset 0px 0px 105px 5px rgba(0,0,0,0.5);}
.game_zone .btn-zone-arr .select {  box-shadow:inset 0px 0px 105px 43px rgba(0,0,0,0.9) !important; }
.game_zone .btn-zone-arr a img { display:none; }
.game_zone .btn-zone-arr .select font { color:#ffcc00 !important; }	
.game_zone .btn-zone-arr .select .divd { color:#ffcc00 !important; }		
.game_zone .btn-zone-arr a .divd { font-family:NotoSansKR !important; font-weight:700; font-size:15px; text-shadow:0 0px 2px #000; position:absolute; left:0px; bottom:5%; right:0; text-align:center; }
.game_zone .btn-zone-arr a font { font-family:NotoSansKR !important; font-weight:700; font-size:16px ; display:block; color:#fff; text-shadow:0 0px 2px #000; text-align:center; position:absolute; left:0; top:5%; right:0; } 	

.gamezone-menu { width:100%; margin:0 auto; }
.gamezone-menu:after { content:""; display:block; clear:both; }
.gamezone-menu li { float:left; padding-bottom:5px; margin:0; text-align:center; }  
.gamezone-menu li a { display:block; text-align:center; margin:0 auto; width:auto; padding:0 10px; }  

.float_left { float:left; background:#207ce5; }
.float_center { float:left; background:#222; }	
.float_right { float:right; background:#ff3019; }
.game_zone h3 { background:rgba(0,0,0,0.8); border-radius:5px; line-height:30px; height:30px; margin:10px 0; display:block; text-align:center; color:#ffcc00; font-size:14px; }
.game_zone_arr { width:300px; float:right; }
.game_zone { position:relative; }
.game_zone .btn-zone-arr { text-align:center; margin-top:5px; padding:5px; vertical-align:text-top; border:1px solid #c9c9c9; background:#eee; border-radius:10px; box-shadow:2px 4px 5px 1px rgb(0 0 0 / 10%), inset 0 0 6px 1px #fff; }
.game_time { text-align:center; font-family:dotum; background:#501023; border:solid 1px #501023; padding:10px; vertical-align:text-top; border-radius:10px; box-shadow:2px 4px 5px 1px rgb(0 0 0 / 10%); }
.game_time h4 { display:inline-block; margin:0; color:#ffc600; font-size:12px; }
.game_time em { font-style:normal; color:#fff; display:inline-block; }
.game_time p { display:inline-block; margin:0; color:#ffc428; font-size:18px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; }
#game_end_time { display:none; }
.betting_lock { padding:0; margin:0; }
.betting_lock p { position:absolute; margin:0; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:999; }
.betting_lock .fa { position:absolute; margin:0 auto; left:50%; top:50%; z-index:99999; margin-left:-39px; margin-top:-60px; font-size:120px; color:#ffcb00; }
.game_zone h3 { margin:0; padding:0; margin-bottom:5px; font-size:12px; background:rgba(0,0,0,0.8); color:#ffc600; height:20px; line-height:20px; border-radius:5px; }
.game_zone #team_name { font-size:0px !important; font-weight:bold !important; }
.game_zone .btn-zone-arr a font { font-weight:bold !important; }
.gamezone-bet-result { margin-top:10px; }
.btn-zone-arr .divd { color:#fff; }
.result_top_group { float:right; padding-bottom:5px; }
.result_top_group li { float:left; margin:0 5px; }
.text-warning { color:var(--color-pup);}
.text-info { color:#41afff; }
.text-danger { color:#ff3437; }
#game_iframe { float:left; width:calc(100% - 320px); box-sizing:border-box; padding:10px; border:1px solid #c9c9c9; background:#eee; border-radius:10px; box-shadow:2px 4px 5px 1px rgb(0 0 0 / 10%), inset 0 0 6px 1px #fff; }
.user-info-arr1 { width:100%; margin:10px auto; z-index:9999; box-sizing:border-box; }
.w1160 { position:relative; padding:0 10px; margin:0 auto; width:1260px; box-sizing:border-box; }
.top-navegation01, .main_navigation_arr, .hader_top_arr { transition:0.2s; }
#footer { width:1200px; margin:0 auto; }
.tabmenu01 { float:right; padding-bottom:10px; color:var(--color-main); font-size:17px;}
.top-up-arrow { display:none !important; position:fixed; right:50px; bottom:50px; z-index:999999999999; }
.top-up-arrow { font-size:100px; color:#ff0000; }

.header-arr {
	float:left;
	position:fixed;
	top:0;
	bottom:0;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	background-color:var(--color-bg);
	box-shadow:rgba(0,0,0,0.3) 0 0 0.6em;
	width:250px;
	z-index:999;
	transition:.25s ease-out;
	background: url(../images/header_bg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.sub_content_arr_bg {
	margin-top:80px;
	padding-left:250px;
	animation:leftIn .5s;
	min-width:1200px;
}
.main_navigation .game-rollover ul { position:absolute; border-radius:5px; overflow:hidden; left:100px; margin-top:0px; }
.main_navigation .game-rollover ul li { float:left; background:#455f7d; top:-10px; }
.main_navigation .game-rollover ul li:first-child { overflow:hidden; }
.main_navigation .game-rollover ul li:last-child { overflow:hidden; }
.main_navigation .game-rollover ul li a { height:35px; line-height:35px; font-size:14px; font-weight:200; }
.sub-navi-bottom { position:absolute; right:0; height:40px; box-sizing:border-box; border-right:solid 1px #444; border-left:solid 1px #444; background:rgba(0,0,0,0.5); }
.sub-navi-bottom li { float:left; box-sizing:border-box; }
.sub-navi-bottom li:last-child { border-right:none; }
.sub-navi-bottom a { display:block; padding:0 10px; height:40px; line-height:40px; color:#8c8c8c; border-right:1px solid #333435; font-size:13px; font-family:NotoSansKR !important; font-weight:400; }
.sub-navi-bottom a:hover { color:#e9b424; filter:brightness(1.2); }
.navi-menu-sub { display:none; position:absolute; left:50%; margin-left:-60px; top:50px; background:rgba(0,0,0,.95); border:2px solid #999; width:120px; border-radius:5px; overflow:hidden; text-align:center; z-index:99999; }
.navi-menu-sub li { display:block; float:none; margin:0; padding:0 7px; }
.navi-menu-sub li a { display:block; padding:0; margin:0; height:30px; line-height:30px; font-size:14px; text-align:center; color:#ccc; border-bottom:solid 1px #444; }
.navi-menu-sub li:last-child a { padding:0 10px; border:none; }
.mini-game1122 .ico13, .mini-game1122 .ico14{ display:none !important;}	
.sub-navi-bottom-arr { background:#fbb726; height:30px; }
.board__list td { background:rgba(0,0,0,0.5); }
#casino_point { font-weight:bold; }
.getCasinoPoint { display:inline-block; padding:0 5px; margin:0 5px; font-size:11px; font-weight:bold; background:#cf0066; }
.chageCasinoPoint { display:inline-block; padding:0 5px; margin:0 5px; font-size:11px; font-weight:bold; background:#459618; }
#login-btn1, #join-btn1 { margin-right:5px; width:120px; height:40px; line-height:40px; border-radius:100px; font-weight:bold; color:#fff; text-align:center; }
#login-btn1 { background:#c01111; }
#join-btn1 { background:#e64c4c; }
#login-btn1:hover, #join-btn1:hover { filter:brightness(1.2); }
.modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99999; }
.modal_content { position:relative; top:50%; left:50%; margin-top:-250px; margin-left:-320px; width:640px; height:500px; line-height:23px; background:#fff; border-radius:10px; text-align:center; box-sizing:border-box;  background:#212121  url("../images/login_bg.png") center right; cursor:pointer; border:2px solid #545454;}
.logingirl { position:absolute; left:0; bottom:0; }
.lg_frm_arr { position:absolute; top:-32px; bottom:0; left:380px; right:29px; display:flex; flex-direction:column; align-items:center; justify-content:center;}

.lg_frm_arr .frm-logo {
	display:block;
	margin:0px auto 10px auto;
	width:200px;
}

.lg_frm_arr h4 { padding:8px 0; font-size:20px; color:var(--color-main); border-bottom:solid 2px #ccc; }
#my_id, #my_pw, #reg_code { margin-top:10px; width:100%; height:35px; background:#fff; border:solid 1px #b4b4b4; border-radius:10px; font-size:14px; text-align:center; box-sizing:border-box; outline:none; }
#userid:focus, #passwd:focus { border:solid 1px #000; }
.login-btn, .join-btn { display:block; margin-top:10px; width:100%; height:50px; line-height:50px; background:linear-gradient(22deg, #b303bd, #ffd000); color:#fff; font-size:16px; font-weight:bold; border-radius:10px; }
.login-btn {
	margin-top:10px;
	margin-top:10px;
	width:100%;
	height:50px;
	line-height:50px;
	color: var(--color-main);
	border: 2px solid transparent;
	background-image: linear-gradient(#000, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
	background-origin:border-box;
	background-clip:padding-box, border-box;
	font-size:16px;
	font-weight:bold;
	border-radius:10px;
	transition-duration: 1s;
}
.join-btn {background: none;border-bottom: 1px solid var(--color-main);border-radius: 0px;height: 37px;width: 74px;font-size: 12px;margin-top: 0px;color: var(--color-main);line-height: 55px;}
.login-btn:hover, #join-btn:hover { filter:brightness(2); }
.modal-close { position:absolute; font-size:30px; right:10px; top:10px; color:#000; z-index:9; }
.bannermss img { width:200px; margin:0 auto; display:block; margin-bottom:30px; }
.bannermss_19 img { width:120px; margin:0 auto; display:block; margin-bottom:30px; }


.main-page { margin-top: -10px; }
.main_content_wrap .infoZone { display:flex; justify-content:space-between; margin-top:25px; width:100%; gap:1%; }

.main_content_wrap .infoZone .info01 {
	width:48%;
	padding:23px;
	padding-top:7px;
	margin-top:25px;
	border:1px solid transparent;
    background-image: linear-gradient(#2f2f2f, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.logo_z {
    background: url(../images/logo2.png);
    background-size: contain;
    width: 19px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.main_content_wrap .infoZone .info01 .title { color:var(--color-main); font-size:18px; font-weight:700; border-bottom:1px solid; padding-bottom:10px;}
.main_content_wrap .infoZone .info01 .title span { color:var(--color-sub); margin-left:10px; }
.main_content_wrap .infoZone .info01 .list { margin-top:14px; animation-duration:1s; background-position:-15px -13px; animation-iteration-count:infinite; animation-timing-function:step-start; animation-play-state:running; }
.main_content_wrap .infoZone .info01 .list .listA { display:flex; align-items:center; justify-content:space-between; width:100%; height:45px; line-height: 45px; transition:.4s ease-out; border-bottom:solid 1px #ccc; cursor:pointer; }
.main_content_wrap .infoZone .info01 .list .listA a { display: block; }

.main_content_wrap .infoZone .info01 .list .listA .message {
	display:grid;
	font-size:12px;
	text-align:left;
	color:var(--color-sub);
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	transition:.4s ease-out;
}

.main_content_wrap .infoZone .info01 .list .listA .time { font-size:12px; text-align:left; color:var(--txtColor66); transition:.4s ease-out; }
.vertical-ticker-ar li div { height:30px; line-height:30px; display:inline-block; margin:0 5px; }
.vertical-ticker-ar li div:nth-child(1) { width:200px; text-align:right; }
.vertical-ticker-ar li div:nth-child(2) { margin-left:70px; width:100px; }
.vertical-ticker-ar li div:nth-child(3) { width:150px; text-align:right; }
.vertical-ticker-ar li div:nth-child(4) { float:right; }
.vertical-ticker-ar li div .out_put { float:left; }
.vertical-ticker-ar li div .fa-bullseye { color:var(--color-sub); font-size:16px; margin-right:10px; display:inline-block; }
.vertical-ticker-ar li div strong { color:var(--color-sub); }
.slick-slide { box-sizing:border-box;}
.slick-slide { height:auto !important; }

.containerInner { position:relative; margin:0 auto; z-index:1; }
.main-visual { width:100%; overflow:hidden; }
.slick-slider { margin-bottom:0 !important; }
.slick-slide img { width:100% !important; }
.slick-slide button { display:none !important; }
.slick-list { padding:0 !important; }
.casino-game-title:before {content:''; width:100%; position:absolute; left:0; z-index:-1; height:76px; opacity:0.3; }
.casino-game-title { float:left; margin:0 0 15px; width:100%; border-top-right-radius:5px; border-top-left-radius:5px; }
.list-menugame { width:25%; padding:0.5%; box-sizing:border-box; float:left; text-align:center;  display:block; cursor:pointer; }
.list-menugame:hover { z-index:1; }
.companys { float:right; padding:10px; width:60%; box-sizing:border-box; } 
.companys li { position:relative; cursor:pointer; box-sizing:border-box; text-align:center; display:inline-block; width:32.33%; margin:0.5%; padding:5px 5px; transition:0.2s; }	
.companys-title,
.companys-title2 { padding-top:54%; width:100%; box-sizing:border-box; overflow:hidden; position:relative; transition:1s; }
.companys-title:hover,
.companys-title2:hover { transform:scale(1.07); }

.companys-title span,
.companys-title2 span { cursor:pointer; font-size:20px; text-align:center; height:40px; line-height:40px; position:absolute; bottom:0; left:0; right:0; color:#ffcc00; font-weight:bold; background:rgba(0,0,0,0.8); display:none; }

.casino-g { display:block; }
.casino-g:after { content:""; display:block; clear:both; }
.slot-g { display:block; }
.slot-g:after { content:""; display:block; clear:both; }
#close-slot-game { position:fixed; top:40px; font-size:40px; float:right; }
#close-slot-game i { width:1000px; display:block; text-align:right; color:#fff; }
#slot-game { position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.8); z-index:9998; }
#slot-game .slot-game-layer { width:1000px; position:fixed; left:50%; top:80px; bottom:80px;  overflow:hidden; overflow-y:auto; margin-left:-500px; z-index:9990; background:#111; border:solid 10px #29210f; box-sizing:border-box; }
.slot-game-layer::-webkit-scrollbar { width:10px; }
.slot-game-layer::-webkit-scrollbar-thumb { background-color:#ffcc00; border-radius:10px; }
.slot-game-layer::-webkit-scrollbar-track { background-color:#29210f; border-radius:10px; box-shadow:inset 0px 0px 5px white; }
#slot-game-list { padding:10px; box-sizing:border-box; width:100%; }
#slot-game-list:after { content:""; display:block; clear:both; }
#slot-game-list li { width:19%; margin:0.5%; float:left; text-align:center; box-sizing:border-box; cursor:pointer; }
#slot-game-list li img { width:100%; height:135px; }
#slot-game-list li span { background:#252525; display:block; height:25px; line-height:25px; color:#fff; }
.my-wallet { margin-bottom:30px; }
.my-wallet:after { content:""; display:block; clear:both; }
.point_change { background:#222; color:#fff; position:fixed; width:780px; left:50%; margin-left:-390px; top:50%; height:270px; margin-top:-135px; box-sizing:border-box; padding:50px; }
.game-money, .sports-money { float:left; width:49%; border:solid 1px #444; box-sizing:border-box; }
.game-money p, .sports-money p { font-size:20px; height:50px; line-height:50px; text-align:center; background:#000; font-weight:bold; }
.game-money div, .sports-money div { font-size:20px; height:50px; line-height:50px; text-align:center; background:#111; }
#w_from, #w_to { width:160px; }
.wallet-move .money { width:200px; }
.ly002 { position:fixed; left:0; top:0; right:0; bottom:0; overflow:hidden;  z-index:999999 !important; background:rgba(0,0,0,0.7); }
.close-ly { height:35px; line-height:35px; background:#ff0000; text-shadow:0 1px 3px rgba(0,0,0,0.9); font-weight:bold; border-radius:3px; width:70px; display:inline-block; right:5px; top:5px; text-align:center; position:absolute; right:2px; top:2px; }
.close-point-change { position:absolute; right:2px; top:0px; }
.close-point-change:before { font-size:30px !important; vertical-align:middle; }
.btn_point_change { display:block !important; margin:20px auto 20px auto; background:#ff0000; height:50px !important; line-height:50px !important; width:120px; }

.slide img { width:100%; }
.slick-slider { margin-bottom:10px !important; }
.slick-dots { bottom:30px !important; }
.slick-dots li button:before { color:#ffcc00 !important; border:solid 2px #fff; border-radius:100px; }
.main_content { float:left; width:100%; padding-bottom:85px; }
.main_content_wrap { width:90%; margin:0 auto; height:auto; }
.main_content_wrap .casinoZone .title .txt { display:flex; margin-top:10px; font-family:arial; font-size:24px; }	
.main_content_wrap .casinoZone .title { margin-top:10PX; display:flex; align-items:center; color:#cececd; font-size:24px; font-weight:700; }
.main_content_wrap .casinoZone .title i	{ color:var(--color-main); vertical-align:middle; margin-top:10px; font-size:30px; margin-right:5px; }
.main_content_wrap .casinoZone .title h3 { color:var(--color-main); margin-left:4px; margin-bottom:6px;}
.main_content_wrap .casinoZone .content ul { display:flex; flex-wrap:wrap; justify-content:start; width:100%; }
.main_content_wrap .casinoZone .content ul li {
	position:relative; padding-bottom:23px; margin-bottom:21px; margin-right:1%;
	width:24%; height:233px; border:1px solid #ccc; border-radius:10px;
	background:#fff0c5; background:linear-gradient(180deg,#fff0c5 6.17%,#fff9da 100%);
	box-shadow:2px 4px 5px 1px rgba(0,0,0,0.2), inset 0 0 6px 1px #ffffffbf;
	overflow:hidden; cursor:pointer; box-sizing:border-box;
}

.companys-title.bc_pb1	{ background:url("../images/bc_pb1.png") center center no-repeat; background-size:contain; }
.companys-title.bc_pb2	{ background:url("../images/bc_pb2.png") center center no-repeat; background-size:contain; }
.companys-title.bc_pb3	{ background:url("../images/bc_pb3.png") center center no-repeat; background-size:contain; }
.companys-title.bc_pb5	{ background:url("../images/bc_pb5.png") center center no-repeat; background-size:contain; }
.companys-title.be2_sut	{ background:url("../images/be2_sut.png") center center no-repeat; background-size:contain; }
.companys-title.be2_socc{ background:url("../images/be2_socc.png") center center no-repeat; background-size:contain; }
.companys-title.be2_base{ background:url("../images/be2_base.png") center center no-repeat; background-size:contain; }
.companys-title.be2_cric{ background:url("../images/be2_cric.png") center center no-repeat; background-size:contain; }
.companys-title.lts_bc	{ background:url("../images/lts_bc.png") center center no-repeat; background-size:contain; }
.companys-title.sky_bc	{ background:url("../images/sky_bc.png") center center no-repeat; background-size:contain; }
.companys-title.sky_bc2	{ background:url("../images/sky_bc2.png") center center no-repeat; background-size:contain; }
.companys-title.sky_sbc	{ background:url("../images/sky_sbc.png") center center no-repeat; background-size:contain; }
.companys-title.sky_dt	{ background:url("../images/sky_dt.png") center center no-repeat; background-size:contain; }
.companys-title.sky_sam	{ background:url("../images/sky_sam.png") center center no-repeat; background-size:contain; }
.companys-title.sky_dice{ background:url("../images/sky_dice.png") center center no-repeat; background-size:contain; }
.companys-title.sky_oe	{ background:url("../images/sky_oe.png") center center no-repeat; background-size:contain; }

.companys-title.b365_socc	{ background:url("../images/b365_socc.png?a") center center no-repeat; background-size:contain; }
.companys-title.b365_bask	{ background:url("../images/b365_bask.png?a") center center no-repeat; background-size:contain; }
.companys-title.b365_dog	{ background:url("../images/b365_dog.png?a") center center no-repeat; background-size:contain; }
.companys-title.b365_horse	{ background:url("../images/b365_horse.png?a") center center no-repeat; background-size:contain; }

.companys-title.csn_ev { background:url("../images/csn_ev.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_pml { background:url("../images/csn_pml.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_mcl { background:url("../images/csn_mcl.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_mg { background:url("../images/csn_mg.png?v2") center center no-repeat; background-size:contain; }
.companys-title.csn_sx { background:url("../images/csn_sx.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_tg { background:url("../images/csn_tg.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_dw { background:url("../images/csn_dw.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_dg { background:url("../images/csn_dg.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_wm { background:url("../images/csn_wm.png?v1") center center no-repeat; background-size:contain; }
.companys-title.csn_ag { background:url("../images/csn_ag.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_ta { background:url("../images/csn_ta.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_bgs { background:url("../images/csn_bgs.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_sw { background:url("../images/csn_sw.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_vv { background:url("../images/csn_vv.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_mtv { background:url("../images/csn_mtv.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_pt { background:url("../images/csn_pt.png?v0") center center no-repeat; background-size:contain; }
.companys-title.csn_ast { background:url("../images/csn_ast.png?v0") center center no-repeat; background-size:contain; }

.companys-title2.csn_mc { background:url("../images/csn_mc.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_pm { background:url("../images/csn_pm.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_bg { background:url("../images/csn_bg.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_cq9 { background:url("../images/csn_cq9.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_nl { background:url("../images/csn_nl.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_rt { background:url("../images/csn_rt.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_bt { background:url("../images/csn_bt.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_nt { background:url("../images/csn_nt.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_pt { background:url("../images/csn_pt.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_pg { background:url("../images/csn_pg.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_pso { background:url("../images/csn_pso.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_hb { background:url("../images/csn_hb.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_evo { background:url("../images/csn_evo.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_pst { background:url("../images/csn_pst.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_rx { background:url("../images/csn_rx.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_yg { background:url("../images/csn_yg.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_avt { background:url("../images/csn_avt.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_hs { background:url("../images/csn_hs.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_wz { background:url("../images/csn_wz.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_png { background:url("../images/csn_png.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_tpg { background:url("../images/csn_tpg.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_elk { background:url("../images/csn_elk.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_ds { background:url("../images/csn_ds.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_1x2 { background:url("../images/csn_1x2.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_tk { background:url("../images/csn_tk.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_pp { background:url("../images/csn_pp.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_bp { background:url("../images/csn_bp.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_ga { background:url("../images/csn_ga.png?v0") center center no-repeat; background-size:contain; }
.companys-title2.csn_mb { background:url("../images/csn_mb.png?v0") center center no-repeat; background-size:contain; }

.btn_point_change { display:none !important; }

.sub_content_arr.casino .submain-img { float:left; width:40%; height:700px; background:url("../images/submain-casino.png") no-repeat center center; background-size:contain; box-sizing:border-box; -webkit-animation:aniLogo 2.6s infinite; animation:aniLogo 2.6s infinite; }	
.sub_content_arr.slot .submain-img { float:left; width:40%; height:700px; background:url("../images/submain-slot.png") no-repeat center center; background-size:contain; box-sizing:border-box; -webkit-animation:aniLogo 2.6s infinite; animation:aniLogo 2.6s infinite; }	
.sub_content_arr.mini .submain-img { float:left; width:40%; height:700px; background:url("../images/submain-mini.png") no-repeat center center; background-size:contain; box-sizing:border-box; -webkit-animation:aniLogo 2.6s infinite; animation:aniLogo 2.6s infinite; }	
.sub_content_arr.b365 .submain-img { float:left; width:40%; height:700px; background:url("../images/submain-virtual.png") no-repeat center center; background-size:contain; box-sizing:border-box; -webkit-animation:aniLogo 2.6s infinite; animation:aniLogo 2.6s infinite; }	

#lists td { border-bottom:solid 1px #c9c9c9; }
#lists tr:nth-child(even) td { padding:8px 0; background-color:rgba(50, 50, 50, 0.1); }
.bbs-list-cash td { height:20px; font-size:12px; text-align:center; border-bottom:solid 1px #c9c9c9; vertical-align:middle; }

.result_menu-sports { margin:0; padding:0; padding-top:5px; padding-bottom:5px; width:100%; overflow:hidden; border-bottom:none; list-style:none; }
.result_menu-sports li { float:left; width:12.5%; margin:0 !important; padding-right:3px; box-sizing:border-box; }
.result_menu-sports li p { margin:7px 0 13px; font-size:14px; text-align:center; }

.result_menu-sports li a {
	display:inline-block;
	width:95%;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
	transition:0.3s;
	display:flex;
	justify-content:center;
	display:flex;
	justify-content: center;
	align-items: center;
	padding-top:4px;
}

.result_menu-sports li a img { display:inline-block; width:30px; vertical-align:middle; }
.result_menu-sports li:last-child a { margin-right:0; }
.result_menu-sports li.current a { background:#455f7d; color:#52d6ff; border:1px solid #455f7d; }

.league {
	display:table; padding:0 15px; margin-top:5px; margin-bottom:3px; width:100%; height:35px; line-height:35px;
	background:linear-gradient(180deg,#ddd 6.17%, #fff 100%); border-spacing:0; border-radius:100px; border:solid 1px #ccc; box-sizing:border-box;
}
.trIngGame3 { display:table; margin-bottom:-3px; width:100%; border-spacing:5px; box-sizing:border-box; }
.trIngGame3:after { content:""; display:block; clear:both; }
.trIngGame3 div { display:table-cell; margin-bottom:-3px; border-spacing:5px; vertical-align:middle; box-sizing:border-box; }
.trEndGame3 { display:table; width:100%; opacity:0.5 !important; box-sizing:border-box; }
.trEndGame3:after { content:""; display:block; clear:both; }
.trEndGame3 div { display:table-cell; box-sizing:border-box; }
.bt_stime { width:10%; padding:0 0 0 10px; color:#999; }
.btnbb01 { width:38%; }
.btnbb02 { text-align:center; }
.btnbb03 { width:38%; }
.bt-status-arr { width:5%; text-align:center; color:#f00; }
.ggame-plus { width:4%; text-align:center; }
.ls { float:left; }
.rs { float:right; }
.ggame-plus i { display:inline-block; height:32px; line-height:32px; font-size:12px; color:#ffcc00; vertical-align:middle; box-sizing:border-box; cursor:pointer; }
.group_block .bt_stime { font-size:0; }
.league img { width:24px; }
	
.navi-menu-sports { box-sizing:border-box; margin-bottom:5px; }
.navi-menu-sports:after { content:""; display:block; clear:both; }
.navi-menu-sports li { float:left; margin:0.5%; width:19%; box-sizing:border-box; }
.navi-menu-sports li a {
	display:block;
	line-height:44px;
	border:2px solid transparent;
	border-radius:100px;
	background-image: linear-gradient(#2f2f2f, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
	background-origin:border-box;
	background-clip:padding-box, border-box;
	color:var(--color-sub);
	font-size:16px;
	font-weight:bold;
	text-align:center;
	box-shadow:2px 4px 5px 1px rgb(0 0 0 / 10%), inset 0 0 1px 1px rgba(255,255,255,0.3);
}
.navi-menu-sports li a:hover { filter: brightness(1.3); }

/* 카트 */
@font-face {
	font-family:'Digital Dismay';
	src:url("/html/button/images/time.otf");
	font-weight:normal;
	font-style:normal;
}

.cart-content { 
    position: relative;
    border: 3px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 4px 5px 1px rgb(0 0 0 / 10%), 0 0 14px 1px #ffc80042;
    border-radius: 10px;
    background-image: linear-gradient(#2f2f2f, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.cart-content h4 {
	position:relative;
	margin-top:0 !important;
	margin-bottom:0 !important;
	margin-left:0;
	padding-left:10px;
	height:36px;
	line-height:45px;
	background:#1d1d1d;
	font-size:13px;
}

.cart-content h4 i { font-size:20px; vertical-align:middle; }
.cont_middle { padding:0; margin:5px; background:#1d1d1d; border:solid 2px #666; border-radius:5px; }
.cont_middle li { border-bottom:1px dashed rgba(255,255,255,0.2); }
.cont_middle ul li input { margin-top:3px; padding:1px 10px; height:20px !important; line-height:20px !important; vertical-align:middle; }
.cont_middle ul { margin:0; font-family:NotoSansKR !important; }
.cont_middle ul li { position:relative; padding-right:20px; height:30px; line-height:30px; color:#fff; font-size:11px; }
.cont_middle ul li:first-child { border-top:none; }

.cont_middle span {
	display:inline-block;
	padding-left:20px;
	font-family:NotoSansKR !important;
	font-size:12px !important;
	font-weight:500;
	color:var(--color-main);
}

.cont_middle strong {
	float:right;
	font-family:NotoSansKR !important;
	font-size:12px;
	color:var(--color-sub);
}

#total_ratio {
	float:right;
	background:none !important;
	box-shadow:none !important;
	font-family:NotoSansKR !important;
	font-weight:bold;
	color:var(--color-sub);
}

#max_price { float:right; }
.max-price { padding:10px; }
.max-price li { padding:5px; font-weight:bold; }
.money_view { float:right; font-family:NotoSansKR !important; font-size:14px; }
.money_view01 { float:right; font-family:NotoSansKR !important; font-size:14px; color:#f00; }
.intro_1 { font-family:NotoSansKR !important; font-size:14px; color:#000; }
#bet_price { float:right; width:70px !important; background:#fff; color:#501023; border:1px solid #ccc; border-radius:0; font-family:NotoSansKR !important; box-shadow:none; }
#total_prize {
	float:right;
	color:var(--color-sub);
	font-size:16px;
	font-weight:bold;
	background:none !important;
	box-shadow:none !important;
	border:none;
	font-family:NotoSansKR !important;
}
.betting_btn_zone { padding:5px; text-align:center; }
.betting_btn_zone img { -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.74); -moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.74); box-shadow:0px 5px 5px 0px rgba(0,0,0,0.74); }
.betting_btn_zone a:hover { opacity:0.8; }
.control-box { position:absolute; display:block; top:8px; right:5px; }
.control-box ul { display:block; padding-bottom:10px; }
.control-box li { float:right; display:block; margin-right:5px; height:30px; line-height:30px; color:#222; vertical-align:middle; letter-spacing:-1px; }
.control-box li label { color:#fff; }
*+ html .control-box li { display:inline; }
.control-box li input { position:relative; margin:0 4px 0 0; top:0px; width:15px; height:15px; vertical-align:middle; }
.c-delete { margin:6px 0; }
.bt-middle { padding-bottom:4px; }
.bt-middle p span { display:inline-block; width:100px; }
.bt-content { padding:0px 0px 0 0; }
.bt-content p { padding:2px 0; margin:0; }
.bet-info-txt { line-height:45px; font-weight:bold; text-align:center; }
.bt-list {
	position:relative; display:block; padding:5px; margin:3px 5px; height:40px; font-family:NotoSansKR !important;
	background:linear-gradient(180deg, #fff 6.17%, #eee 100%); border:1px solid #ccc; border-radius:10px;
}
.bt-list p { margin-top:-2px; width:120px; color:#000; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-1px; }
.bt-list .win { color:#501023; font-weight:bold; }
.bt-list .date { position:absolute; right:5px; top:15px; font-size:12px; color:#501023; }
.bt-list .date .fa { color:#000; font-size:20px; cursor:pointer; }
.bt-bottom p strong { color:#0c67db; }
.bt-bottom p strong.gray { color:#555; }
.btn_price_zone { position:relative; padding:0 5px; text-align:center; clear:both; }
.btn_price_zone:after { content:""; display:block; clear:both; }
.btn_price_zone button {
	float: left;
    display: inline;
    padding: 0;
    margin: 1%;
    width: 31.333%;
    height: 30px;
    background: #2a2a2a;
    color: var(--color-white);
    font-family: dotum;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    border: 1px solid transparent;
    cursor: pointer;
    transition: 0.2s;
    border-radius: 5px;
    background-image: linear-gradient(#2f2f2f, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
.btn_price_zone button:hover { background:#eee; transition:0.2s; }
.kakao_banner {
	position:relative; margin-top:10px; width:250px; height:64px;
	background:url(/html/casino1/images/banner-cart-kakao.png);
	overflow:hidden; border-radius:5px;
}
.kakao_banner p { position:absolute; margin:0; padding:0; top:13px; left:95px; color:#2a1412; font-size:14px; font-weight:bold; }
.kakao_banner span { position:absolute; top:30px; left:95px; color:#2a1412; font-size:16px; font-weight:bold; }
#clock { height:33px; line-height:33px; background:#555; color:#fff; border-bottom:solid 1px #3a3d3d; text-shadow:0 0 2px rgba(0,0,0,0.81); font-size:18px; font-weight:bold; }
#btnBett {
	display: block;
    margin: 0;
    height: 50px;
    line-height: 47px;
    font-size: 20px;
    font-weight: 700;
    box-sizing: border-box;
    border-radius: 5px;
    background: linear-gradient(#2f2f2f, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    transition: 0.2s;
    border: 3px solid transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
#btnBett:hover { filter:brightness(1.5); }
#btnDel { margin-left:5px; color:#fff; }
#btnDel i { color:#fff; font-size:20px; }
#btnDel:hover { opacity:0.8; }
.link_banner { margin-top:5px; }
#date_time {
	display:block; margin-bottom:10px; height:30px; line-height:30px; color:#44ecff; background:rgba(50,50,50,0.8);
	border:solid 1px #2d303a; border-radius:10px; font-family:NotoSansKR !important; font-weight:400; font-size:16px; text-align:center; z-index:999999;
}
#date_time span { color:#fff; }
.dark_radius { background:#222; border:1px solid #444; border-radius:5px; }
.cartbtn { text-align:center; padding:10px 0; }
.cartbtn a { width:40%; display:inline-block; padding:0 5px; }
.cartbtn a img { margin-right:5px; vertical-align:-5px; }
.cont_bottom01 li { height:30px; line-height:30px; color:#fff; padding:0 10px; font-size:16px; }
.kakaoid { background:#222; color:#fff; height:40px; line-height:40px; padding:0 10px; box-sizing:border-box; border-bottom:solid 1px #444; }
.kakaoid p { display:inline-block; color:#cad0dd; font-size:12px; font-weight:bold; }
.kakaoid i { color:#fae200; font-size:20px; vertical-align:middle; margin-right:5px; }
.teleid { background:#222; color:#fff; height:40px; line-height:40px; padding:0 10px; box-sizing:border-box; }
.teleid p { display:inline-block; color:#cad0dd; font-size:12px; font-weight:bold; }
.teleid i { color:#2ca9e3; font-size:20px; vertical-align:middle; margin-right:5px; }
.kakaoid strong, .teleid strong { color:#ffcc00; margin-left:10px; display:inline-block; }

/* 복권 */
.lottery_area { margin:0 2%;  display:flex; flex-direction: column;  align-items: center;}
.lottery_area .btn_attend { position:absolute; top:14px; right:0; }
.lottery_area .lottery_count { font-size:24px; font-weight:900; color:#fff; line-height:30px; text-align:center; border: 2px solid var(--color-main); padding:1%; width:22%; border-radius:30px; margin-top:26px;}
.lottery_area .lottery_wrap {
	position:relative;
	width:704px;
	height:275px;
	margin:40px auto 0;
	background:url(../images/bok/bg_lottery_wrap.jpg) no-repeat 0 0;
	box-shadow:3px 4px 5px 0px rgba(0, 0, 0, 0.53);
    border: 4px solid;
    border-image: linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    border-image-slice: 1;
}
.lottery_area .lottery_wrap.blind:before { content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; background:rgba(0,0,0,0.82); }
.lottery_area .lottery_wrap .btn_lottery { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; border-radius:10px; box-shadow:0px 0px 9px 0px rgba(0, 0, 0, 1); }
.lottery_area .lottery_wrap .cvs_lottery { position:absolute; top:23px; right:20px; z-index:1; cursor:url(../images/bok/csr_ltr.cur),auto; }
.lottery_area .lottery_wrap .secret_wrap { display:flex; position:absolute; top:23px; right:20px; width:308px; height:232px; background:#ddd; border-radius:10px; flex-direction:column; justify-content:center; align-items:center; }
.lottery_area .lottery_wrap .secret_wrap p { color:#0f0f0f; }
.lottery_area .lottery_wrap .secret_wrap .tit { font-size:23px; font-weight:700; line-height:23px; }
.lottery_area .lottery_wrap .secret_wrap .lottery_money { padding-top:7px; font-size:22px; font-weight:900; line-height:53px; }
.lottery_area .btn_lottery_next_wrap { display:none; width:100%; text-align:center; }
.lottery_area .lottery_wrap .btn_lottery1_wrap { position:absolute; top:calc(55% - 40px); left:calc(50% - 210px); z-index:2; }
.lottery_area .lottery_wrap .btn_lottery2_wrap { position:absolute; top:calc(55% - 40px); left:calc(50% + 10px); z-index:2; }
.lottery_area .btn_lottery_next { position:relative; padding:0 16px; margin-top:32px; width:200px; height:80px; background:linear-gradient(#f8e12c, #cab313); color:#513f0f; font-size:24px; font-weight:bold; line-height:1; border:0; border-radius:4px; box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px, #8e680d 0 -6px 0 inset; transition:box-shadow .15s,transform .15s; cursor:pointer; box-sizing:border-box; }
.lottery_area .lottery_wrap .btn_lottery1 { position:relative; padding:0 16px; width:200px; height:50px;  font-size:24px; font-weight:bold; line-height:2.2; border-radius:90px; transition:box-shadow .15s,transform .15s; cursor:pointer; box-sizing:border-box; border: 1px solid var(--color-main); color:#fff;}
.lottery_area .lottery_wrap .btn_lottery2 {position:relative; padding:0 16px; width:200px; height:50px;  font-size:24px; font-weight:bold; line-height:2.2; border-radius:90px; transition:box-shadow .15s,transform .15s; cursor:pointer; box-sizing:border-box; border: 1px solid var(--color-main); color:#fff;}
.lottery_area .btn_lottery_next:hover { box-shadow:#2d234266 0 4px 8px, #2d23424d 0 7px 13px -3px, #8e680d 0 -6px 0 inset; transform:translateY(-2px); }
.lottery_area .lottery_wrap .btn_lottery1:hover { box-shadow:#2d234266 0 4px 8px, #2d23424d 0 7px 13px -3px, #8e680d 0px 0px 6px 4px inset; transform:translateY(-2px); }
.lottery_area .lottery_wrap .btn_lottery2:hover { box-shadow:#2d234266 0 4px 8px, #2d23424d 0 7px 13px -3px, #8e680d 0px 0px 6px 4px inset; transform:translateY(-2px); }

/* 황금복권 */
.gold_lottery_area { margin:0 2%;  display:flex; flex-direction: column;  align-items: center;}
.gold_lottery_area .btn_attend { position:absolute; top:14px; right:0; }
.gold_lottery_area .lottery_count { margin-top:26px; width:320px; height:82px; background:url(../images/gold_bok/gold_bok_cnt.png) no-repeat 0 0; font-size:24px; font-weight:900; line-height:90px; color:#fff; text-align:right; }
.gold_lottery_area .lottery_count > span { padding-right:48px; }
.gold_lottery_area .lottery_wrap { position:relative; margin:40px auto 0; width:720px; height:334px; background:url(../images/gold_bok/gold_bok_bg.png) no-repeat 0 0; }
.gold_lottery_area .lottery_wrap.blind:before { content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; background:rgba(0,0,0,0.82); }
.gold_lottery_area .lottery_wrap .btn_lottery { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; border-radius:10px; box-shadow:0px 0px 9px 0px rgba(0, 0, 0, 1); }
.gold_lottery_area .lottery_wrap .cvs_lottery { position:absolute; top:48px; right:44px; z-index:1; cursor:url(../images/bok/csr_ltr.cur),auto; }
.gold_lottery_area .lottery_wrap .secret_wrap { display:flex; position:absolute; top:48px; right:44px; width:308px; height:232px; background:#ddd; border-radius:10px; flex-direction:column; justify-content:center; align-items:center; }
.gold_lottery_area .lottery_wrap .secret_wrap p { color:#0f0f0f; }
.gold_lottery_area .lottery_wrap .secret_wrap .tit { font-size:23px; font-weight:700; line-height:23px; }
.gold_lottery_area .lottery_wrap .secret_wrap .lottery_money { padding-top:7px; font-size:22px; font-weight:900; line-height:53px; }
.gold_lottery_area .btn_lottery_next_wrap { display:none; width:100%; text-align:center; }
.gold_lottery_area .lottery_wrap .btn_lottery1_wrap { position:absolute; top:calc(55% - 80px); left:calc(50% - 210px); z-index:2; }
.gold_lottery_area .lottery_wrap .btn_lottery2_wrap { position:absolute; top:calc(55% - 80px); left:calc(50% + 10px); z-index:2; }
.gold_lottery_area .btn_lottery_next { position:relative; padding:0 16px; margin-top:32px; width:140px; height:140px; background:url(../images/gold_bok/gold_bok_btn.png) no-repeat 0 0;; color:#fff; font-size:20px; font-weight:bold; line-height:1; cursor:pointer; }
.gold_lottery_area .lottery_wrap .btn_lottery1 { position:relative; padding:0 16px; width:140px; height:140px; font-size:20px; font-weight:bold; cursor:pointer; color:#fff; background:url(../images/gold_bok/gold_bok_btn.png) no-repeat 0 0;}
.gold_lottery_area .lottery_wrap .btn_lottery2 { position:relative; padding:0 16px; width:140px; height:140px; font-size:20px; font-weight:bold; cursor:pointer; color:#fff; background:url(../images/gold_bok/gold_bok_btn.png) no-repeat 0 0;}
.gold_lottery_area .lottery_wrap .btn_lottery1 > div,
.gold_lottery_area .lottery_wrap .btn_lottery2 > div,
.gold_lottery_area .lottery_wrap .btn_lottery_next > div { line-height:1; }
.gold_lottery_area .lottery_wrap .btn_lottery1 > div:first-child,
.gold_lottery_area .lottery_wrap .btn_lottery2 > div:first-child,
.gold_lottery_area .lottery_wrap .btn_lottery_next > div:first-child { margin-top:-12px; }

/* 출석 */
.attendance .main-content .calendar-wrap { display:flex; -webkit-flex-flow:column; flex-flow:column; gap:0.2em; }
.attendance .main-content .calendar-wrap .head { margin-top:1em; display:flex; -webkit-justify-content:space-between; justify-content:space-between; font-size:1em; }
.attendance .main-content .calendar-wrap .head .left-wrap { display:flex; -webkit-align-items:center; align-items:center; }
.attendance .main-content .calendar-wrap .head .left-wrap select { padding:0.4em; padding-right:2em; width:115px; font-size:1.2em; font-weight:700; color:#000; }
.attendance .main-content .calendar-wrap .head .left-wrap option { color:#222; }
.attendance .main-content .calendar-wrap .head .left-wrap select.month { margin-left:0.2em; }
.attendance .main-content .calendar-wrap .head .right-wrap {
	display:flex;
	padding:0 1em;
	-webkit-align-items:center;
	align-items:center;
	background:linear-gradient(360deg, #77530a, #ffd277);
	color:#422c00;
	font-size:1.2em;
	border-radius:1em;
	font-weight:800;
}

.attendance .main-content .calendar-wrap .head .right-wrap .ac_cnt { padding:0 1em; font-weight:700; }
.attendance .main-content .calendar-wrap .calendar {
	margin-top:1em;
	width:100%;
	display:flex;
	-webkit-flex-flow:column;
	flex-flow:column;
	overflow:hidden;
	box-shadow:var(--shadow-secondary);
	border: 4px solid;
    border-image: linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    border-image-slice: 1;
}

.attendance .main-content .calendar-wrap .calendar .cols {
	display:grid;
	-webkit-justify-content:center;
	justify-content:center;
	grid-template-columns:repeat(7, 1fr);
	border-bottom: 2px solid;
    border-image: linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    border-image-slice: 1;
}

.attendance .main-content .calendar-wrap .calendar .cols .cell {
	display:flex;
	height:3em;
	color:var(--color-sub);
	font-size:1.5em;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	border-right: 2px solid;
    border-image: linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    border-image-slice: 1;
}

.attendance .main-content .calendar-wrap .calendar .rows { display:grid; -webkit-justify-content:center; justify-content:center; grid-template-columns:repeat(7, 1fr); gap:1px; font-size:1.25em; }
.attendance .main-content .calendar-wrap .calendar .rows .cell { display:flex; height:7em; color:var(--font-third); font-weight:700; -webkit-flex-flow:column; flex-flow:column; -webkit-align-items:center; align-items:center; -webkit-justify-content:flex-start; justify-content:flex-start; }
.attendance .main-content .calendar-wrap .calendar .rows .cell:nth-child(7n+1) { color:#e33535; }
.attendance .main-content .calendar-wrap .calendar .rows .cell:nth-child(7n) { color:skyblue; }
.attendance .main-content .calendar-wrap .calendar .rows .cell.today { color:var(--fg-primary); }
.attendance .main-content .calendar-wrap .calendar .rows .cell.day { padding-top:0.5em;background: linear-gradient(0deg, #191919, #3c3c3c); border:1px solid #060606; font-weight:700; border-radius:5px;gap:6px;}
.attendance .main-content .calendar-wrap .calendar .rows .cell.day .image { margin:0.25em; width:100%; height:100%; background-size:100% 100%; text-shadow:0 1px 0 rgba(0, 0, 0, 0.16); -webkit-flex-grow:1; flex-grow:1; background:url(../images/att/att2.png) no-repeat center; background-size:contain; }
.attendance .main-content .calendar-wrap .calendar .rows .cell.day .image.no { background-image:url(../images/att/att1.png); }
.attendance .attendance-reward-wrap .attendance-reward-btn { width:100px; height:35px; }

/* 로또 */
.lot_wrap { width:100%; text-align:center; position:relative; margin:0 auto; left:3.5%;}
.lot_wrap * { box-sizing:border-box; }
.lot_wrap .lot_wrap2 { width:1180px; text-align:center; margin:0 auto; position:relative; }
.lot_wrap .lot_wrap2 .title { position:absolute; top:20px; width:100%; text-align:center; }
.lot_wrap .lot_wrap2 .pig { top:231px; width:83%; text-align:right; }
.lot_wrap .lot_wrap2 .pannel_bg {width:100%; text-align:center; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel { position:relative; margin:0 auto; width:806px; height:480px; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap { position:absolute; top:0; width:100%; height:100%; padding:20px; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .result { padding:12px 0; width:100%; border-bottom:1px solid #888; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .result .inline { position:relative; display:inline-block; vertical-align:middle; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .result .inline.result_num { background:url(../images/lotto/result_num.png); width:276px; height:69px; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .result .inline.plus { margin:0 8px; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .result .inline.result_bonus { background:url(../images/lotto/result_bonus.png); width:71px; height:69px; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .result .num { display:inline-block; margin-top:16px; width:36px; height:36px; color:#000; line-height:36px; font-size:12px; font-weight:bold; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .select { position:relative; padding:12px 56px; width:100%; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .select .num { float:left; margin:4px 8px; width:56px; height:56px; background:url(../images/lotto/pannel_num.png); background-repeat:no-repeat; background-size:contain; color:#000; font-size:20px; font-weight:bold; line-height:56px; cursor:pointer; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n0.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n1.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n2.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n3.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n4.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n5.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n6.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n7.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n8.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n9.on { background:url(../images/lotto/num_sel_00.png); background-repeat:no-repeat; background-size:contain; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n10.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n11.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n12.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n13.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n14.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n15.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n16.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n17.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n18.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n19.on { background:url(../images/lotto/num_sel_10.png); background-repeat:no-repeat; background-size:contain; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n20.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n21.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n22.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n23.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n24.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n25.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n26.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n27.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n28.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n29.on { background:url(../images/lotto/num_sel_20.png); background-repeat:no-repeat; background-size:contain; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n30.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n31.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n32.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n33.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n34.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n35.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n36.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n37.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n38.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n39.on { background:url(../images/lotto/num_sel_30.png); background-repeat:no-repeat; background-size:contain; }
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n40.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n41.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n42.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n43.on,
.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n44.on,	.lot_wrap .lot_wrap2 .pannel_bg .pannel .wrap .num.n45.on { background:url(../images/lotto/num_sel_40.png); background-repeat:no-repeat; background-size:contain; }
.lot_wrap .lot_wrap2 .pannel_bg .btn_lotto_wrap { position:relative; margin:0 auto; width:806px; height:70px; line-height:70px; font-size:28px; font-weight:bold; color:#000; cursor:pointer; }
.lot_wrap .lot_wrap2 .pannel_bg .btn_lotto_wrap .btn_lotto {
	width:100%;
	height:100%;
	text-align:center;
	border: 4px solid transparent;
    background-image: linear-gradient(#2f2f2f, #000), linear-gradient(to right, #77530a, #ffd277, #77530a, #77530a, #ffd277, #77530a);
    background-origin: border-box;
    background-clip: padding-box, border-box;
	margin-top:10px;
	color: var(--color-sub);
}

.lot_table { width:806px; margin:0 auto; margin-top:20px; }
.lot_table table { width:100%; }
.lot_table th { background:linear-gradient(180deg, var(--color-main), #614204); color:#fff; font-size:14px; font-weight:bold; height:42px; }
.lot_table .lot_tbg { background:#2b2626; border-bottom:1px solid #000; text-align:center; color:#fff; font-size:12px; height:30px; }

/* FOOTER */
#footer { margin-top:10px; width:100%; padding:50px 0; background:#212121; }
.footer-png{ display:block; margin:0px auto 10px auto; }
.copyright { text-align:center; padding:50px 0; border-top:solid 1px #ccc; color:#666; margin-top:20px; }
.copyright img { width:200px; margin:20px 10px; }

.aniLogo { -webkit-animation:aniLogo 1.5s infinite; animation:aniLogo 1.5s infinite; }

.bok_result { background:url(../images/bok/bok_result.png) no-repeat; width:800px; height:301px; text-align:center; padding-top:120px; color:#000; font-size:50px; }

.progress_wrap { position:relative; width:100%; text-align:center; }
.progress_wrap .progress_item { float:left; box-sizing:border-box; width:20%; padding:4px; }
.progress_wrap .progress_item .progress_box { padding:12px; background:#25292c; color:#fff; border-radius:8px; }
.progress_wrap .progress_item .progress_icon { margin-right:4px; height:18px; vertical-align:middle; }
.progress_wrap .progress_item .progress { clear:both; position:relative; margin:15px 0; height:28px; background:#fff; border-radius:10px; }
.progress_wrap .progress_item .progress .ing { height:28px; background:linear-gradient(to right, #fffdcb, #582d00); color:#000; border-radius:10px; }
.progress_wrap .progress_item .progress .txt { position:absolute; top:0; left:0; width:100%; height:28px; line-height:28px; color:#000; text-align:center; }

@keyframes example {
	0%	{ filter:brightness(1); text-shadow:0px 2px 5px rgba(255, 200, 0, 1);					}
	50%	{ filter:brightness(1.5); text-shadow:0px 2px 20px rgba(255, 200, 0, 1); color:#e9b424;	}
	100%{ filter:brightness(1); text-shadow:0px 2px 5px rgba(255, 200, 0, 1);					}
}
@keyframes aniLogo {
	0%	{ background-position-y:0px; transform:scale(1);	}
	50%	{ background-position-y:5px; transform:scale(1.03);	}
	to	{ background-position-y:0px; transform:scale(1);	}
}

@media (max-width : 1580px) {
	.user-info01 li { font-size:12px; }
}
@media (max-width : 1460px) {
	.noticeText { width:20%; }
}
@media (max-width : 1380px) {
	.user-info01 li { font-size:10px; }
}
@media (max-width : 1180px) {
	.user-info01 li { font-size:8px; }
}