@charset "UTF-8";

@font-face {
	font-family: 'S-CoreDream';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff')
	format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff')
	format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff')
	format('woff');
	font-weight: 600;
	font-style: normal;
}

:root {
	/* theme color */
	/* Give only rgb value for opacity control */
	--theme-color: 41, 83, 238;
	--theme-color2: 6, 53, 105;
	--theme-color3: 66, 90, 118;
	--betting-bg: 255, 255, 255;

	/* default color */
	--title-color: #000000;
	--body-color: #8995a7;
	--light-color: #9b9b9b;
	--secondary-color: #f9f9f9;
	--smoke-color: #f8f8f8;
	--dark-color: #181f25;
	--light-gray-color: #343a40;
	--light-dark-color: #010228;
	--blue-color: #47566d;
	--white-color: #ffffff;
	--black-color: #000000;
	--background-black-color: rgba(23, 31, 41, .8);
	--background-white-color: rgba(255, 255, 255, .1);
	--background-blue-color: rgba(0, 24, 73, .7);
	--disable-white-color: rgba(255, 255, 255, .5);
	--yellow-color: #fec624;
	--success-color: #28a745;
	--error-color: #dc3545;
	--orange-color: #f07707;
	--gold-color: #c1986c;
	--telegram-color: #0088cc;
	--border-color: rgba(255, 255, 255, 0.10);
	--theme-font:
			'DM Sans', sans-serif;
	--theme-font2:
			'Montserrat', sans-serif;
	--theme-font3:
			'Roboto', sans-serif;
	--icon-font:
			'Font Awesome 5 Pro';
	--ripple-ani-duration: 3s;
	--bs-gutter-x: 10px;
	--bs-gradient: linear-gradient(#FFC33B 0%, #FFC33B 54.68%, #e58400 100%);
}

/* base */
/* layout */
/* font */
/* Common */
*, :before, :after {
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
}

html.fix {
	overflow-y: hidden;
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
	margin: 0;
	padding: 0;
}

body, input, textarea, select, button, table {
	font-family: 'S-CoreDream', sans-serif;
	font-size: 13px;
	color: #ccc;
	font-weight: normal;
	-webkit-text-size-adjust: none;
}

textarea {
	-webkit-appearance: none;
}

body {
	background: url(/img/main/content_bg.jpg) #0f1012 no-repeat 50% 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

img, fieldset {
	border: 0;
}

fieldset {
	min-width: 0;
}

img {
	vertical-align: top;
}

ul, ol {
	list-style: none;
}

em, address {
	font-style: normal;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
}

a[href^=tel] {
	text-decoration: inherit;
	color: inherit;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
	zoom: 1;
}

input, select {
	vertical-align: middle;
	background: #002142;
	border: none;
	font-weight: 400;
	color: #fff;
	letter-spacing: -0.6px;
	border-radius: 0;
	font-size: 15px;
}

input {
	padding: 3px 20px;
}

option {
	padding: 10px;
}

input[type="radio"], input[type="checkbox"] {
	border: 0;
	padding: 3px 20px;
	height: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

select {
	padding: 5px;
	height: 40px;
	border: none;
}

textarea {
	padding: 10px;
	vertical-align: middle;
	background: #fff;
	border: none;
	border-radius: 3px;
	font-weight: 400;
	color: #fff;
	font-size: 15px;
	letter-spacing: -0.6px;
	box-shadow: none;
}

caption, legend {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
	overflow: hidden;
	font-size: 0;
}

.blind {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
}

button {
	cursor: pointer;
	border: 0;
	background-color: transparent;
}

.u_skip a {
	position: fixed;
	left: 0;
	top: -45px;
	width: 100%;
	z-index: 999;
	padding: 5px;
	background-color: #000;
	color: #fff;
}

.u_skip a:focus {
	width: auto;
	top: 0;
	text-decoration: none;
}

.dis_non {
	display: none !important;
}

.dis_block {
	display: block !important;
}

.dis_inblock {
	display: inline-block !important;
}

.dis_hide {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: -999em;
	width: 0;
	height: 0;
	line-height: 0;
}

.new-label {
	display: none;
	position: relative;
	margin: 1px 0 0 4px;
	background: rgba(var(--theme-color3), 1);
	line-height: 1;
	text-transform: capitalize;
	color: #fff;
	border-radius: 10px;
	padding: 3px 6px;
	font-size: 11px;
	vertical-align: top;
	z-index: 3;
}

.pos_abs {
	position: absolute !important;
}

.pos_rel {
	position: relative !important;
}

.pos_fix {
	position: fixed !important;
}
.form-control {
	border-radius: 0;
	padding: 0 8px;
	font-size: 12px;
	padding-right: 50px;
	color: #fff;
	border: 1px solid #383838;
	color: #fff;
	background-color: #101010;
}

.form-control:focus {
	outline: 0;
	color: #fff;
	box-shadow: none;
	background: none;
	border-color: #FFC33B;
}

.form-control::-moz-placeholder {
	color: #939393;
	text-transform: capitalize;
}

.form-control::-webkit-input-placeholder {
	color: #939393;
	text-transform: capitalize;
}

.form-control:-ms-input-placeholder {
	color: #939393;
	text-transform: capitalize;
}

.form-control::-ms-input-placeholder {
	color: #939393;
	text-transform: capitalize;
}

.form-control::placeholder {
	color: #939393;
	text-transform: capitalize;
}

.form-control:disabled,
.form-control[readonly] {
	border: 1px solid #383838;
	color: #939393;
	background-color: #101010;
}

input.form-control {
	height: 40px;
}

input.form-control::-webkit-outer-spin-button,
input.form-control::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input.form-control[type=number] {
	-moz-appearance: textfield;
}

textarea.form-control {
	min-height: auto;
	padding: 8px 8px;
}

input[type="checkbox"] {
	visibility: hidden;
	opacity: 0;
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	display: none;
}

input[type="checkbox"]:checked ~ label:before {
	content: "\f00c";
	color: #fff;
	border-color: #fff;
}

input[type="checkbox"] ~ label {
	position: relative;
	height: 24px;
	line-height: 24px;
	padding-left: 24px;
	cursor: pointer;
	display: block;
	font-size: 13px;
	color: #fff;
}

input[type="checkbox"] ~ label:before {
	content: '';
	font-family: var(--icon-font);
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #242424;
	border: 1px solid #585858;
	height: 24px;
	width: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
}

input[type="radio"] {
	visibility: hidden;
	opacity: 0;
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	display: none;
}

input[type="radio"] ~ label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	font-weight: 600;
	margin-bottom: 0;
}

input[type="radio"] ~ label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid var(--border-color);
	border-radius: 100%;
	background: #fff;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

input[type="radio"] ~ label:after {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

input[type="radio"]:checked ~ label::before {
	border-color: rgba(var(--theme-color), 1);
}

input[type="radio"]:checked ~ label:after {
	opacity: 1;
	background-color: rgba(var(--theme-color), 1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.form-group {
	margin-bottom: 30px;
	position: relative;
}

.form-group > i {
	position: absolute;
	right: 30px;
	top: 20px;
	font-size: 18px;
	color: rgba(var(--theme-color), 1);
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
	border: 1px solid var(--error-color);
	background-position: left calc(.0em + 0.3875rem) center;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
	outline: 0;
	box-shadow: none;
}

textarea.form-control.is-invalid {
	background-position: top calc(.575em + 0.5875rem) left calc(.0em + .3875rem);
}

.form-dark .form-control.is-invalid,
.form-dark .was-validated .form-control:invalid {
	background-position: right calc(.375em + 0.8875rem) center;
}

.form-dark textarea.form-control.is-invalid {
	background-position: top calc(.375em + 0.5875rem) right calc(.375em + .8875rem);
}

.row.no-gutters > .form-group {
	margin-bottom: 0;
}

.row.gutters-20 > .form-group {
	margin-bottom: 20px;
}

.vs-rating-input span {
	cursor: pointer;
}

.vs-rating-input .active {
	color: var(--yellow-color);
}

/*------------------- 5.4. Select Box -------------------*/
.form-select {
	height: 40px;
	background-color: #003061;
	border-color: #0D1626;
	color: #fff;
	font-size: 12px;
	border-radius: 0;
}

.form-select option {
	background-color: var(--black-color);
}

.form-select:disabled {
	border: 1px solid #383838;
	color: #ffffff3b;
	background-color: #101010;
}

.select-box1 {
	font-weight: 700;
}

.select-box1:after {
	content: '\f107';
	border: none;
	font-family: var(--icon-font);
	vertical-align: -0.5px;
}

.form-select-lg {
	padding: 13px 30px;
	font-size: 14px;
	border-radius: 0;
	color: var(--body-color);
	border-color: #f0f0f0;
	background-position: right 20px center;
	cursor: pointer;
}

.form-select-lg option {
	cursor: pointer;
}

.form-select-lg:focus {
	border-color: #f0f0f0;
	outline: none;
	box-shadow: none;
}

.form-check {
	padding-left: 0;
	display: inline-block;
	margin: 0;
}

@media screen and (max-width: 768px) {
	body, input, textarea, select, button, table {
		font-size: 12px;
	}
}

.quick_nav .btn_top, .location_wrap .inner_wrap .location .home:before, .location_wrap .inner_wrap .location > span:before, .location_wrap .inner_wrap .location > strong:before, .sub_article .sub_aside .sub_nav .menu li a:after, .sub_title .share_area .btn_open span:after, .sub_title .share_area .sns_group .icon button.facebook, .sub_title .share_area .sns_group .icon button.twitter, .sub_title .share_area .sns_group .icon button.kakao, .sub_title .share_area .sns_group .icon button.naver, .sub_title .share_area .sns_group .btn_close, .wating_box:before, .contract_wrap .contract_bet_wrap .contract_body .contract_times .left .box .selectbox .chosen-container-single .chosen-single div, .fx_wrap .contract_content .contract_times .left .box .selectbox .chosen-container-single .chosen-single div, .error_wrap .error .info:before, .main_swiper .swiper-button-prev:after, .main_swiper .swiper-button-next:after, .main_wrap .main_conts .main_info .main_guide .cs_info .kakao .tit:before, .main_wrap .main_conts .main_info .main_guide .cs_info .telegram .tit:before, .selectbox:after, .radio input[type="radio"]:checked + label:before, .radio input[type="radio"]:disabled + label:before, .radio label:before, .sports_game_list .sports_game_list_item .item_game_body .item_game_item .item_game_item_odds .game_col .game_team .rating .rate_arrow.rate_up, .sports_game_list .sports_game_list_item .item_game_body .item_game_item .item_game_item_game .game_col .game_team .rating .rate_arrow.rate_up, .sports_game_list .sports_game_list_item .item_game_body .item_game_item .item_game_item_odds .game_col .game_team .rating .rate_arrow.rate_down, .sports_game_list .sports_game_list_item .item_game_body .item_game_item .item_game_item_game .game_col .game_team .rating .rate_arrow.rate_down, .sports_game_item .game_body .sports_score_list .sports_score_item .score_col.score .odd_wrap .odd_box .odd .rate .rate_arrow.rate_up, .sports_game_item .game_body .sports_score_list .sports_score_item .score_col.score .odd_wrap .odd_box .odd .rate .rate_arrow.rate_down, .sports_icon.icon_6046, .sports_icon.icon_154914, .sports_icon.icon_48242, .sports_icon.icon_154830, .sports_icon.icon_35232, .sports_icon.icon_1149093, .sports_icon.icon_687890 {
	background-image: url(../img/sp/sp_common.png);
}

/* layout */
#container {
	position: relative;
}

.inner_wrap {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 20px;
}

.inner_wrap:after {
	content: '';
	display: block;
	clear: both;
}

.main_user_info {
	display: none;
}

.quick_nav {
	position: fixed;
	left: calc(50% + 704px);
	top: 181px;
	width: 122px;
	height: 433px;
	z-index: 101;
	transition: all 0.5s;
	background: #1d1d35;
}

.quick_nav h2 {
	padding: 10px 0;
	border-bottom: 2px solid #33b44a;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.quick_nav .quick_area {
	width: 121px;
	padding: 30px 0 50px 0;
}

.quick_nav .quick_area .quick-info li {
	text-align: center;
	position: relative;
	margin-top: 25px;
}

.quick_nav .quick_area .quick-info li:nth-child(1) {
	margin-top: 0;
}

.quick_nav .quick_area .quick-info li .icon {
	display: block;
	font-size: 32px;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
}

.quick_nav .quick_area .quick-info li .txt {
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	text-align: center;
	display: block;
	color: #fff;
}

.quick_nav .quick_area .quick-info li em {
	display: block;
	width: 55px;
	height: 20px;
	border-radius: 30px;
	background: #0d643a;
	text-align: center;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -1px;
	color: #fff;
	line-height: 20px;
}

.quick_nav .btn_top {
	display: block;
	margin: -25px auto 0;
	width: 50px;
	height: 50px;
	background-position: -328px -32px;
}

@keyframes notice_slide {
	from {
		left: 40em;
	}
	to {
		left: -55em;
	}
}

.location_wrap {
	display: none;
	position: relative;
	background-color: #212121;
}

.location_wrap .inner_wrap .location {
	padding: 15px 0;
	text-align: left;
}

.location_wrap .inner_wrap .location .home {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-top: 3px;
	color: #fff;
	vertical-align: top;
}

.location_wrap .inner_wrap .location .home:before {
	display: inline-block;
	vertical-align: top;
	width: 11px;
	height: 11px;
	background-position: -312px -205px;
	content: '';
}

.location_wrap .inner_wrap .location > span, .location_wrap .inner_wrap .location > strong {
	display: inline-block;
	margin: 0 0 0 13px;
	font-size: 13px;
	color: #7a899e;
	vertical-align: top;
	white-space: nowrap;
}

.location_wrap .inner_wrap .location > span:before, .location_wrap .inner_wrap .location > strong:before {
	display: inline-block;
	width: 3px;
	height: 5px;
	margin: 6px 13px 0 0;
	width: 3px;
	height: 5px;
	background-position: -320px -285px;
	vertical-align: top;
	content: '';
}

.location_wrap .inner_wrap .location > strong {
	position: relative;
}

.location_wrap .inner_wrap .location > strong > a {
	display: inline-block;
	padding-right: 15px;
	font-weight: 400;
	color: #fff;
	vertical-align: top;
}

.location_wrap .inner_wrap .location > strong > a:after {
	position: absolute;
	right: 0;
	top: 8px;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid #fff;
	content: '';
}

.location_wrap .inner_wrap .location > strong .sub_menu {
	display: none;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 160px;
	padding: 12px 10px;
	background-color: #303030;
	z-index: 100;
}

.location_wrap .inner_wrap .location > strong .sub_menu a, .location_wrap .inner_wrap .location > strong .sub_menu .tit {
	display: block;
	margin-top: 5px;
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	color: #fff;
	text-align: center;
	opacity: .4;
}

.location_wrap .inner_wrap .location > strong .sub_menu a:first-child, .location_wrap .inner_wrap .location > strong .sub_menu .tit:first-child {
	margin-top: 0;
}

.location_wrap .inner_wrap .location > strong .sub_menu a.on, .location_wrap .inner_wrap .location > strong .sub_menu .tit.on {
	opacity: 1;
}

.location_wrap .inner_wrap .location > strong .sub_menu .tit {
	margin: 6px 0;
	opacity: 1;
}

/* sub */
.sub_container {

}

.sub_container.bet_bg {
	background-color: #03101d;
}

.sub_article {
	position: relative;
	padding-top: 30px;
}

.sub_article.flexbox .inner_wrap {
	display: flex;
	padding-top: 30px;
}

.sub_article .sub_aside {
	position: relative;
	width: 220px;
	min-width: 220px;
	margin-right: 35px;
}

.sub_article .sub_aside h1 {
	display: block;
	height: 94px;
	line-height: 94px;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -2px;
	color: #fff;
	background-color: #2d2b29;
}

.sub_article .sub_aside h1 a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: #fff !important;
}

.sub_article .sub_aside .sub_nav {
	position: relative;
	z-index: 1;
	padding-bottom: 40px;
}

.sub_article .sub_aside .sub_nav .group_title {
	position: relative;
	clear: both;
	display: block;
	font-weight: bold;
	font-size: 17px;
	color: #fff;
	padding: 0 0 0 12px;
	margin: 24px 0 13px 19px;
}

.sub_article .sub_aside .sub_nav .group_title:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: "ㆍ";
}

.sub_article .sub_aside .sub_nav .menu {
	background-color: #2d2b29;
}

.sub_article .sub_aside .sub_nav .menu:after {
	content: '';
	display: block;
	clear: both;
}

.sub_article .sub_aside .sub_nav .menu li {
	width: 100%;
	height: auto;
	text-indent: 25px;
	clear: both;
	vertical-align: top;
}

.sub_article .sub_aside .sub_nav .menu li a {
	display: block;
	width: 100%;
	height: 50px;
	padding-right: 24px;
	line-height: 50px;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
	letter-spacing: -1px;
	word-spacing: -1px;
	text-decoration: none;
	border: 1px solid #1d1d1d;
	position: relative;
	margin-top: -1px;
	z-index: 1;
}

.sub_article .sub_aside .sub_nav .menu li a:after {
	position: absolute;
	top: 25px;
	right: 15px;
	width: 9px;
	height: 5px;
	background-position: -409px -76px;
	content: '';
}

.sub_article .sub_aside .sub_nav .menu li.on a {
	border-color: #FFC33B;
	background-color: #FFC33B;
}

.sub_article .sub_aside .sub_nav .menu.recommend {
	padding: 15px 0 15px 10px;
	border: 1px solid #dcdcdc;
	border-bottom: none;
	margin: 0;
}

.sub_article .sub_aside .sub_nav .menu.recommend li {
	display: block;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
}

.sub_article .sub_aside .sub_nav .menu.recommend li a {
	display: block;
	clear: both;
	height: 20px;
	color: #666;
	text-indent: 0;
	padding: 0 0 0 28px;
	font-size: 13px;
	line-height: 25px;
	letter-spacing: -1px;
	font-weight: bold;
	background: url(/_images/_common/bg_recommend.gif) 0 5px no-repeat;
	border: none;
}

.sub_article .sub_aside .sub_nav .menu.recommend li a:hover, .sub_article .sub_aside .sub_nav .menu.recommend li a.on {
	color: #cc3344;
	border: none;
}

.sub_article .sub_aside .sub_nav .menu ul {
	height: auto;
	padding: 20px 0;
	border: 1px solid #dcdcdc;
	border-top: none;
	margin-bottom: -1px;
}

.sub_article .sub_aside .sub_nav .menu ul li {
	height: 27px;
	margin: 0;
	padding: 0;
	background: none;
}

.sub_article .sub_aside .sub_nav .menu ul li a {
	display: block;
	height: 27px;
	font-size: 15px;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	border: none;
	line-height: 27px;
	background: none;
	margin: 0;
}

.sub_article .sub_aside .sub_nav .menu ul li a:after {
	display: none;
}

.sub_article .sub_aside .sub_nav .menu ul li a img {
	position: relative;
	top: -1px;
}

.sub_article .sub_aside .sub_nav .menu ul li a:hover {
	text-decoration: none;
	color: #FFC33B;
	border: none;
	background: none;
}

.sub_article .sub_aside .sub_nav .menu ul li.on {
	height: auto;
}

.sub_article .sub_aside .sub_nav .menu ul li.on a {
	text-decoration: none;
	color: #FFC33B;
	border: none;
	background: none;
}

.sub_article .sub_aside .sub_nav .menu ul li.on ul {
	background: none;
}

.sub_article .sub_content {
	position: relative;
	flex: 1;
}

.sub_article .sub_content .sub_title {
	margin-top: 0;
	padding-top: 9px;
}

.pop_bg .breadcumb-wrapper {
	display: none;
}

.point_charge h3 {
	font-size: 14px;
}

.vs-blog-wrapper {
	padding-top: 10px;
}

.btn_area_top {
	padding: 10px;
}

.newsletter-pb {
	padding-bottom: 30px;
}

.bet-bg {

	padding-top: 10px;
}

.newsletter-medium-pb {
	padding-bottom: 100px;
}

.vs-product-layout1 .vs-product {
	margin-bottom: 23px;
}

.vs-product-layout1 .category {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 700;
}

.vs-product-layout1 .product-content {
	padding-top: 33px;
}

.vs-product-layout1 .product-img {
	background-color: #191c22;
	position: relative;
}

.vs-product .label {
	position: absolute;
	right: 20px;
	top: 20px;
	background-image: var(--bs-gradient);
	font-weight: 700;
	font-size: 10px;
	color: #fff;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 50%;
}

.cart-btn-group .vs-btn {
	width: auto;
	height: auto;
	text-transform: capitalize;
	text-transform: none;
	color: #fff;
	background-image: var(--bs-gradient);
	min-width: 150px;
	font-size: 14px;
	font-weight: 700;
	line-height: 50px;
	border-radius: 150px;
	margin: 0 7px;
}

.vs-product-layout2 .product-content {
	height: 79px;
	padding: 15px 10px;
	background: none !important;
}

.vs-product-layout2 .product-content .product-name {
	font-size: 15px;
}

.vs-product-layout2 .product-content span {
	font-size: 13px;
}

.vs-product-layout2 .product-img {
	position: relative;
	padding-top: 112%;
	background-color: rgba(0, 0, 0, .2);
}

.vs-product-layout2 .product-img img {
	position: absolute;
	top: 0;
	left: 50%;
	-ms-transform: translateY(-50%);
	transform: translateX(-50%);
	height: 100%;
}

.vs-product-layout2 .cart-btn-group {
	position: absolute;
	top: 40%;
	right: 0;
	left: 0;
	z-index: 3;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all ease 0.4s;
	transition: all ease 0.4s;
	opacity: 0;
	visibility: hidden;
}

.vs-product-layout2 .cart-btn-group .icon-btn3 {
	position: relative;
	-webkit-transition: all ease 0.4s;
	transition: all ease 0.4s;
}

.vs-product-layout2 .cart-btn-group .icon-btn3:first-child {
	right: 20px;
}

.vs-product-layout2 .cart-btn-group .icon-btn3:last-child {
	left: 20px;
}

.vs-product-layout2 .vs-product {
	margin: 10px 10px;
	box-shadow: none;
	-webkit-transition: all ease 0.4s;
	transition: all ease 0.4s;
}

.vs-product-layout2 .vs-product:hover {

}

.vs-product-layout2 .vs-product:hover .cart-btn-group {
	top: 50%;
	opacity: 1;
	visibility: visible;
}

.vs-product-layout2 .vs-product:hover .cart-btn-group .icon-btn3:first-child {
	right: 0;
}

.vs-product-layout2 .vs-product:hover .cart-btn-group .icon-btn3:last-child {
	left: 0;
}

.sort-btn select {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 280px;
	margin-right: 20px;
}

.sort-btn .icon-btn3 {
	background-image: var(--bs-gradient);
}

.sort-btn .icon-btn3 i {
	border-radius: 0;
	font-size: 18px;
	background-image: none;
	background-color: #fff;
	border: 1px solid #f0f0f0;
	border-right: none;
	color: var(--title-color);
}

.sort-btn .icon-btn3:last-child i {
	border-right: 1px solid #f0f0f0;
}

.sort-btn .icon-btn3.active i, .sort-btn .icon-btn3:hover i {
	background-color: transparent;
	color: #fff;
	border-color: transparent;
}

.latest-product-v1 .post {
	margin-bottom: 15px;
}

.latest-product-v1 .post:last-child {
	margin-bottom: 0;
}

.quantity-box input,
.quantity-box button {
	width: 50px;
	height: 50px;
	text-align: center;
	border: none;
	font-size: 14px;
	line-height: 50px;
	color: var(--title-color);
	background-color: var(--smoke-color);
}

.quantity-box input {
	color: #fff;
	background-image: var(--bs-gradient);
}

.product-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.product-list li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 4px;
}

.product-list li:before {
	content: '\f00c';
	font-family: var(--icon-font);
	color: rgba(var(--theme-color2), 1);
	position: absolute;
	left: 0;
}

.product-about {
	background-color: #fff;
	padding: 55px 60px 60px 60px;
	box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.05);
}

.product-details-shape {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
	left: 0;
	max-width: 870px;
}

.product-thum-slide {
	width: 100%;
	max-width: 270px;
	position: absolute;
	left: 40px;
	bottom: 40px;
	display: inline-block;
}

.product-thum-slide .thumb {
	cursor: pointer;
}

.product-thum-slide .slide-btn {
	position: absolute;
	width: 30px;
	top: 0;
	right: -35px;
}

.product-thum-slide .slide-btn button {
	width: 100%;
	height: 35px;
	display: inline-block;
	border: none;
	background-color: #fff;
}

.product-share {
	position: absolute;
	left: 40px;
	top: 40px;
}


.sub_title {
	position: relative;
	padding: 30px 0;
	border-bottom: 12px solid #0e1527;
}

.sub_title h2 {
	padding: 20px 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
	background-color: #0D1626;
}

.sub_title .btn_set {
	position: absolute;
	top: 6px;
	right: 0;
}

.sub_title .btn_set > * {
	float: left;
	margin-left: 5px;
}

.sub_title .share_area {
	position: absolute;
	right: 0;
	top: 0;
}

.sub_title .share_area .btn_open {
	width: 115px;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 40px;
}

.sub_title .share_area .btn_open:hover {
	background-color: #f9f9f9;
}

.sub_title .share_area .btn_open span {
	display: inline-block;
	font-size: 15px;
	color: #666;
	letter-spacing: 0;
}

.sub_title .share_area .btn_open span:after {
	display: inline-block;
	margin-left: 8px;
	margin-bottom: 2px;
	vertical-align: middle;
	width: 12px;
	height: 14px;
	background-position: -416px -174px;
	content: "";
}

.sub_title .share_area .sns_group {
	display: none;
	width: 230px;
	height: 40px;
	background: #FFC33B;
	padding: 10px 20px 0 25px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	position: absolute;
	right: 0;
	top: 0;
}

.sub_title .share_area .sns_group:after {
	content: '';
	display: block;
	clear: both;
}

.sub_title .share_area .sns_group .icon {
	float: left;
}

.sub_title .share_area .sns_group .icon button {
	display: inline-block;
	text-indent: -9999px;
	margin-right: 15px;
}

.sub_title .share_area .sns_group .icon button.facebook {
	width: 20px;
	height: 20px;
	background-position: -146px -374px;
}

.sub_title .share_area .sns_group .icon button.twitter {
	width: 20px;
	height: 20px;
	background-position: -50px -374px;
}

.sub_title .share_area .sns_group .icon button.kakao {
	width: 20px;
	height: 20px;
	background-position: -74px -374px;
}

.sub_title .share_area .sns_group .icon button.naver {
	width: 20px;
	height: 20px;
	background-position: -98px -374px;
}

.sub_title .share_area .sns_group .btn_close {
	float: right;
	margin-top: 2px;
	width: 16px;
	height: 15px;
	background-position: -161px -223px;
}

.sub_title .page_title {
	font-size: 40px;
	color: #222;
	font-family: "notom";
	text-align: center;
}

.sub_title .page_desc {
	margin-top: 11px;
	font-size: 14px;
	color: #7a899e;
	font-weight: 300;
	text-align: center;
}

.sub_game_title {
	display: flex;
	position: relative;
	margin-bottom: 10px;
	align-items: center;
}

.sub_game_title h2 {
	flex: 1;
	margin-bottom: 0;
	min-width: 0;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -1px;
}

.sub_game_title .game_menus {
	display: flex;
}

.sub_game_title .game_menus li {
	flex: 1;
	position: relative;
}

.sub_game_title .game_menus li + li {
	margin-left: 3px;
}

.sub_game_title .game_menus li a {
	display: block;
	position: relative;
	height: 32px;
	padding: 0 15px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	transition: all .2s;
	line-height: 32px;
	border-radius: 2px;
	background: linear-gradient(0deg,#202020 0,#3c3c3c 99%,#686b77);
}

.sub_game_title .game_menus li a.on {
	color: #242424;
	background: linear-gradient(#FFC33B 0%, #FFC33B 54.68%, #e58400 100%);
	border-color: #000;
}

.sub_game_title .game_menus.small li a {
	height: 44px;
	font-size: 15px;
	line-height: 44px;
}

.sub_content {
	padding-bottom: 140px;
}

.sub_cont_title {
	margin: 50px 0 20px 0;
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

.sub_tabs {margin-bottom: 10px;}

.sub_tabs:after {
	display: block;
	clear: both;
	content: '';
}

.sub_tabs li {
	float: left;
	position: relative;
	margin-right: 3px;
	margin-bottom: 3px;
	width: calc(16.6666% - 3px);
}

.sub_tabs li a {
	display: block;
	position: relative;
	min-width: 120px;
	height: 32px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 29px;
	text-align: center;
	transition: all .2s;
	border-radius: 1px;
	background: linear-gradient(0deg,#202020 0,#3c3c3c 99%,#686b77);
	border: 1px solid #4c4c4c;
}

.sub_tabs li.on {
	z-index: 5;
}

.sub_tabs li.on a {background: linear-gradient(#ffc33b 0%, #ffc33b 54.68%, #e58400 100%);border: 1px solid #ffc33b;color: #000;}

.sub_tabs li a:hover {
	filter: brightness(1.5);
}

.sub_tabs li.tip {
	border: none;
}

.sub_tabs li.tip p {
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
}

.sub_tabs li.form {
	float: right;
}

.sub_tabs li.form .input_box {
	display: flex;
	margin-top: 4px;
	align-items: center;
}

.sub_tabs li.form .input_box span {
	display: block;
	margin-right: 4px;
	color: #e1c991;
	font-weight: 900;
	font-size: 13px;
}

.sub_tabs li.form .input_box input {
	margin-right: 4px;
	width: 163px;
}

.sub_tabs.small li a {
	height: 44px;
	font-size: 15px;
	line-height: 44px;
}

.detail_tab {
	position: relative;
	margin-top: 40px;
	margin-bottom: 30px;
}

.detail_tab ul {
	font-size: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.detail_tab ul li {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.detail_tab ul li:nth-child(1) {
	border-width: 1px;
}

.detail_tab ul li + li {
	margin-left: 20px;
}

.detail_tab ul li a {
	display: block;
	position: relative;
	height: 45px;
	font-size: 15px;
	color: #fff;
	line-height: 45px;
}

.detail_tab ul li.on a {
	color: #FFC33B;
}

.detail_tab ul li.on a:after {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 2px;
	background-color: #FFC33B;
	content: '';
}

.sub_page_options {
	padding: 20px 0;
	font-size: 0;
}

.sub_page_options li {
	display: inline-block;
	margin: 0 0 5px;
}

.sub_page_options li + li a:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 14px;
	margin-top: -7px;
	background-color: #ddd;
	content: '';
}

.sub_page_options li a {
	display: inline-block;
	position: relative;
	height: 34px;
	line-height: 34px;
	padding: 0 15px;
	color: #363838;
	font-size: 15px;
}

.sub_page_options li.on a {
	color: #fff;
	background: #FFC33B;
	font-weight: bold;
	border-radius: 17px;
}

.sub_page_options li.on a:before {
	display: none;
}

.sub_tabs_content {
	position: relative;
}

#header {
	position: relative;
	width: 100%;
	background: #000;
	background-size: auto 101px;
	z-index: 10000;
}

#header .new_icon {
	position: absolute;
	text-align: center;
}

#header .new_icon i {
	padding: 2px 8px;
	border: 2px solid #FFC33B;
	border-radius: 13px;
	background: #fff;
	font-family: HelveticaNeue-Bold, AppleSDGothicNeo-Bold, helvetica, dotum, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #FFC33B;
	display: inline-block;
	font-style: normal;
	font-weight: 600;
}

#header .header_top {
	display: none;
	position: relative;
	background-color: #1d1d35;
}

#header .header_top .inner_wrap {
	position: relative;
}

#header .header_top .btn_partner {
	float: left;
	height: 30px;
	color: #bdbdbd;
	font-size: 12px;
	line-height: 30px;
}

#header .header_top .date {
	float: right;
	height: 30px;
	color: #bdbdbd;
	font-size: 12px;
	line-height: 30px;
}

#header .header_gnb {
	position: relative;
}

#header .header_gnb .inner_wrap {
	position: relative;
	height: 100px;
}

#header .header_gnb .logo_link {
	position: absolute;
	left: 0px;
	top: 62px;
	z-index: 10;
	background-image: linear-gradient(0deg, #131c2e, #2a4683);
	border: 2px solid #345ba3;
	color: #badbff;
	height: 25px;
	line-height: 20px;
	font-size: 13px;
	padding: 0 16px;
	border-radius: 13px;
}

#header .header_gnb .logo {
	position: absolute;
	left: 0;
	top: 33px;
}

#header .header_gnb .logo a {
	display: block;
	font-size: 0;
}

#header .header_gnb .logo a > img {
	width: 135px;
}

#header .header_gnb .gnb {
	margin-left: 140px;
	font-size: 0;
}

#header .header_gnb .gnb > li {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

#header .header_gnb .gnb > li > a {
	display: block;
	position: relative;
	height: 100px;
	font-size: 16px;
	font-weight: 800;
	line-height: 105px;
	padding: 0 13px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	transition: all .2s;
	letter-spacing: -1px;
}

#header .header_gnb #gnb > li > a .new_icon {
	left: 0;
	top: -25px;
	width: 100%;
}

#header .header_gnb #gnb > li > a:hover {
	color: #FFC33B;
}

#header .header_gnb .gnb > li.on > a {
	color: #FFC33B;
}

#header .header_gnb .gnb > li .depth2_area {
	display: none;
	position: absolute;
	top: 80px;
	left: 50%;
	width: 150px;
	margin-left: -75px;
	z-index: 999;
}

#header .header_gnb .gnb > li .depth2_area .inner_wrap {
	padding: 0;
}

#header .header_gnb .gnb > li .depth2_area .depth2 {
	background-color: #191a1d;
	border-radius: 10px;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.82);
	font-size: 0;
	line-height: 0;
}

#header .header_gnb #gnb > li .depth2_area .depth2 > li {
	display: block;
}

#header .header_gnb #gnb > li .depth2_area .depth2 > li > a {
	display: block;
	height: 38px;
	padding: 0 10px;
	line-height: 38px;
	font-weight: normal;
	font-size: 13px;
	text-align: center;
	color: #fff;
	vertical-align: top;
	transition: all .2s;
}

#header .header_gnb #gnb > li .depth2_area .depth2 > li > a:after {
	display: none;
}

#header .header_gnb #gnb > li .depth2_area .depth2 > li > a:hover {
	color: #FFC33B;
}

#header .header_gnb .gnb.gnb_sub {
	position: absolute;
	top: 0;
	right: 410px;
	margin: 0;
}

#header .header_gnb .gnb.gnb_sub > li {
	width: auto;
}

#header .header_gnb .gnb.gnb_sub > li > a {
	padding: 0 10px;
	color: #FFC33B;
}

#header .header_gnb .btn_all_my {
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

#header .header_gnb .btn_all_menu {
	display: none;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 69px;
	width: 49px;
	height: 48px;
	align-items: center;
	justify-content: center;
	background-color: #000;
}

#header .header_gnb .btn_all_menu .inner {
	display: block;
	position: relative;
	width: 20px;
	height: 16px;
}

#header .header_gnb .btn_all_menu .inner span {
	position: absolute;
	right: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	transition: all .3s ease-in-out;
}

#header .header_gnb .btn_all_menu .inner span.ba_top {
	top: 0;
}

#header .header_gnb .btn_all_menu .inner span.ba_mid {
	top: 7px;
}

#header .header_gnb .btn_all_menu .inner span.ba_bot {
	top: 14px;
}

#header .header_gnb .btn_all_menu.active span {
	background-color: #fff;
	width: 100%;
}

#header .header_gnb .btn_all_menu.active span.ba_top {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 10px;
}

#header .header_gnb .btn_all_menu.active span.ba_mid {
	width: 0;
}

#header .header_gnb .btn_all_menu.active span.ba_bot {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 10px;
}

#header .header_gnb .gnb_login {
	display: flex;
	width: 390px;
	position: absolute;
	right: 20px;
	top: 0;
	border-left: 1px solid #343434;
	border-right: 1px solid #343434;
}

#header .header_gnb .gnb_login .login_before {
	display: flex;
	position: relative;
	width: 100%;
	height: 100px;
	justify-content: center;
	flex-direction: column;
}

#header .header_gnb .gnb_login .login_before .intro {
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	text-align: center;
}

#header .header_gnb .gnb_login .login_before .intro .image {
	display: inline-block;
	margin: 1px 4px 0;
	vertical-align: top;
	font-size: 0;
}

#header .header_gnb .gnb_login .login_before .intro .image > img {
	width: 70px;
}

#header .header_gnb .gnb_login .login_before .btn_area {
	display: block;
	margin-top: 10px;
	text-align: center;
}

#header .header_gnb .gnb_login .login_before .btn_area > button, #header .header_gnb .gnb_login .login_before .btn_area a {
	display: inline-block;
	height: 32px;
	min-width: 94px;
	padding: 0 10px;
	font-size: 13px;
	font-weight: 500;
	line-height: 32px;
	text-align: center;
	border-radius: 16px;
	vertical-align: top;
}

#header .header_gnb .gnb_login .login_before .btn_area > button.btn_login, #header .header_gnb .gnb_login .login_before .btn_area a.btn_login {
	color: #242424;
	background: linear-gradient(#ffc33b 0%, #ffc33b 54.68%, #e58400 100%);
}

#header .header_gnb .gnb_login .login_before .btn_area > button.join, #header .header_gnb .gnb_login .login_before .btn_area a.join {
	color: #fff;
	background-color: #676767;
}

#header .header_gnb .gnb_login .login_after {
	display: flex;
	position: relative;
	width: 100%;
	height: 100px;
	justify-content: center;
}

#header .header_gnb .gnb_login .login_after .ico {
	display: inline-block;
	font-size: 23px;
	vertical-align: top;
}

#header .header_gnb .gnb_login .login_after .state_left {
	display: flex;
	min-width: 120px;
	padding: 0 10px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#header .header_gnb .gnb_login .login_after .state_left .state_info {
	width: 100%;
	font-size: 0;
	text-align: center;
}

#header .header_gnb .gnb_login .login_after .state_left .state_info .level {
	display: inline-block;
	width: 28px;
	vertical-align: top;
	font-size: 0;
}

#header .header_gnb .gnb_login .login_after .state_left .state_info .level > img {
	width: 100%;
}

#header .header_gnb .gnb_login .login_after .state_left .state_info .name {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	vertical-align: top;
	margin: 3px 0 0 4px;
}

#header .header_gnb .gnb_login .login_after .state_left .state_info .name em {
	display: inline-block;
	max-width: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

#header .header_gnb .gnb_login .login_after .state_left .state_btns {
	width: 100%;
}

#header .header_gnb .gnb_login .login_after .state_left .state_btns .btn_area {
	position: relative;
	margin-top: 10px;
	text-align: center;
}

#header .header_gnb .gnb_login .login_after .state_left .state_btns .btn_area > a {
	display: inline-block;
	min-width: 84px;
	height: 24px;
	color: #242424;
	font-size: 12px;
	font-weight: 500;
	line-height: 24px;
	padding: 0 8px;
	background: #FFC33B;
	border-radius: 12px;
	vertical-align: top;
	transition: all .2s;
}

#header .header_gnb .gnb_login .login_after .state_count {
	flex: 1;
	border-left: 1px solid #343434;
	align-items: center;
}

#header .header_gnb .gnb_login .login_after .state_count ul {
	display: flex;
	flex: 1;
	flex-direction: column;
	height: 100%;
}

#header .header_gnb .gnb_login .login_after .state_count ul li {
	display: flex;
	flex: 1;
	height: 100px;
	align-items: center;
	justify-content: center;
}

#header .header_gnb .gnb_login .login_after .state_count ul li + li {
	border-top: 1px solid rgba(255, 255, 255, .1);
}

#header .header_gnb .gnb_login .login_after .state_count ul li > span {
	display: block;
}

#header .header_gnb .gnb_login .login_after .state_count ul li .tit {
	margin-right: 4px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}

#header .header_gnb .gnb_login .login_after .state_count ul li .tit .fal {
	margin-top: 3px;
	margin-right: 4px;
	font-size: 14px;
	vertical-align: top;
}

#header .header_gnb .gnb_login .login_after .state_count ul li .area {
	text-align: center;
}

#header .header_gnb .gnb_login .login_after .state_count ul li .area a, #header .header_gnb .gnb_login .login_after .state_count ul li .area em {
	font-family: HelveticaNeue-Bold, AppleSDGothicNeo-Bold, helvetica, dotum, sans-serif;
	font-size: 14px;
	color: #FFC33B;
}

#header .header_gnb .gnb_login .login_after .state_count ul li:last-child {
	flex: 1;
	min-width: 64px;
}

#header .header_gnb .gnb_login .login_after .state_charge {
	display: flex;
	min-width: 95px;
	border-left: 1px solid #1d2a55;
}

#header .header_gnb .gnb_login .login_after .state_charge ul {
	display: flex;
	width: 100%;
	flex: 1;
	flex-direction: column;
}

#header .header_gnb .gnb_login .login_after .state_charge ul li {
	display: flex;
	width: 100%;
	flex: 1;
	flex-direction: column;
}

#header .header_gnb .gnb_login .login_after .state_charge ul li a {
	display: flex;
	flex: 1;
	text-align: center;
	align-items: center;
	font-size: 12px;
	color: #fff;
	justify-content: center;
}

#header .header_gnb .gnb_login .login_after .state_charge ul li a .fal {
	margin-right: 4px;
}

#header .header_gnb .gnb_login .login_after .state_charge ul li a.charge {
	background-color: #484848;
}

#header .header_gnb .gnb_login .login_after .state_charge ul li a.exchange {
	background-color: #303030;
}

#header .header_gnb .gnb_login .login_after .state_charge ul li a.ask {
	background-color: #FFC33B;
	color: #222;
}

#header .header_gnb .gnb_login .login_after .state_charge ul li a.recom {
	background-color: #003f7b;
	color: #fff;
}


#header .all_menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 80px 80px;
	transition: all 0.4s;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

#header .all_menu .inner {
	display: block;
	position: relative;
	flex: 1;
	margin: auto;
	padding: 60px 60px 0;
	max-width: 1280px;
	height: 650px;
	background: #333;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#header .all_menu .inner .logo {
	position: absolute;
	left: 40px;
	top: 40px;
}

#header .all_menu .inner .logo > img {
	width: 120px;
}

#header .all_menu .inner .head {
	display: none;
}

#header .all_menu .inner .conts {
	position: relative;
}

#header .all_menu .inner .dep1 {
	padding-bottom: 50px;
	font-size: 0;
}

#header .all_menu .inner .dep1:after {
	content: '';
	display: block;
	clear: both;
}

#header .all_menu .inner .dep1 > li {
	display: inline-block;
	width: 25%;
	margin-bottom: 55px;
	vertical-align: top;
}

#header .all_menu .inner .dep1 > li > a {
	display: block;
	font-size: 20px;
	color: #fff;
	padding: 10px 0;
	position: relative;
	font-weight: 700;
	touch-action: manipulation;
}

#header .all_menu .inner .dep1 > li > a .new_icon {
	display: inline-block;
	position: static;
	width: auto;
	margin: -2px 0 0 0;
	vertical-align: top;
}

#header .all_menu .inner .dep1 > li > a .new_icon i {
	border: none;
}

#header .all_menu .inner .dep1 > li > a.active {
	color: #FFC33B;
}

#header .all_menu .inner .dep1 > li > a.act {
	color: #2ab6ad;
}

#header .all_menu .inner .dep1 > li > a.act em {
	border-bottom: 0px solid #2ab6ad;
}

#header .all_menu .inner .dep1 > li .depth2 > li {
	margin-top: 12px;
}

#header .all_menu .inner .dep1 > li .depth2 > li a {
	padding: 10px 0;
	font-size: 15px;
	font-weight: 400;
	color: #777;
}

#header .all_menu .inner .dep1 > li .depth2 > li a:hover {
	text-decoration: underline;
}

#header .all_menu .btn_close {
	position: absolute;
	top: 40px;
	right: 40px;
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0;
	text-indent: -9999px;
}

#header .all_menu .btn_close:before, #header .all_menu .btn_close:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 1px;
	margin-left: -15px;
	background-color: #fff;
}

#header .all_menu .btn_close:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#header .all_menu .btn_close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#header .gnb_dim {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .8;
	z-index: 999;
}

#header .gnb_dim.on {
	display: block;
}

/* footer */
#footer {
	position: relative;
	border-top: 25px solid #343434;
	background-color: #000;
}

#footer .footer_bottom {
	position: relative;
	padding-bottom: 50px;
}

#footer .footer_bottom .inner_wrap {
	position: relative;
}

#footer .footer_bottom .card_pay {
	padding: 30px 0;
	text-align: center;
}

#footer .footer_bottom .card_pay > img {
	max-width: 70%;
}

#footer .footer_bottom .site_logos {
	padding: 20px 0 30px;
	text-align: center;
}

#footer .footer_bottom .site_logos img {
	max-width: 100%;
}

#footer .footer_bottom .address {
	display: block;
	padding-top: 30px;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	border-top: 1px solid #262938;
}

#footer .footer_bottom .address p {
	display: block;
	position: relative;
}

#footer .footer_bottom .address p + p {
	margin-top: 10px;
}

#footer .footer_bottom .style_logos {
	display: flex;
	margin-top: 40px;
	text-align: center;
}

#footer .footer_bottom .style_logos span {
	display: block;
	flex: 1;
	margin: 10px 10px;
	font-size: 0;
	vertical-align: top;
}

#footer .footer_bottom .style_logos span img {
	width: auto;
	height: 48px;
}

#footer .quick-menu {
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 99;
	text-align: center
}

#footer .quick-menu .consultation {
	background: linear-gradient(#ffc33b 0%, #ffc33b 54.68%, #e58400 100%);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	padding: 8px 0 0;
}

#footer .quick-menu .consultation a {
	display: block;
}

#footer .quick-menu .consultation .icon {
	display: block;
	width: 18px;
	/* height: 20px; */
	margin: 0 auto 5px;
}

#footer .quick-menu .consultation .icon svg {
	color: #000;
	fill: #000;
	width: 100%;
}

#footer .quick-menu .consultation p {
	color: #000;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
}

#footer .quick-menu .top {
	position: relative;
	display: block;
	margin-top: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-left: 0;
	letter-spacing: 0;
	text-align: center;
}

#footer .quick-menu .top::before {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: '';
	display: inline-block;
	position: absolute;
	box-sizing: border-box;
	width: 10px;
	height: 6px;
	background-size: cover;
}

.login_wrap {
	display: flex;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 60px 0;
	align-items: center;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.login_wrap:before {
	display: flex;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	background-color: rgba(0, 0, 0, .2);
	content: '';
}

.login_wrap .login_box_wrap {
	position: relative;
	margin: auto auto;
	flex: 1;
	z-index: 10;
}

.login_wrap .login_box_wrap .login_header {
	display: flex;
	margin-bottom: 0;
	align-items: center;
	justify-content: center;
}

.login_wrap .login_box_wrap .login_header .logo {
	display: block;
}

.login_wrap .login_box_wrap .login_header .logo a {
	display: block;
	font-size: 0;
}

.login_wrap .login_box_wrap .login_header .logo a > img {
	width: 170px;
}

.login_wrap .login_box_wrap .login_title {
	text-align: center;
	margin-bottom: 30px;
}

.login_wrap .login_box_wrap .login_title .desc {
	font-size: 17px;
	color: #FFC33B;
	line-height: 24px;
}

.login_wrap .login_box_wrap .login_section {
	position: relative;
	padding: 30px 60px;
	border-radius: 10px;
}

.login_wrap .login_box_wrap .login_section .join_find {
	position: relative;
	padding: 0 30px;
}

.login_wrap .login_box_wrap.login {
	max-width: 600px;
}

.login_wrap .login_box_wrap.join {
	max-width: 830px;
}

.login_wrap .login_box_wrap.join ~ .vimeo-wrapper {
	display: none;
}

.login_wrap .login_box_wrap.join .login_header {
	margin-bottom: 50px;
}

.login_wrap .login_box_wrap.join .login_section {
	background: none;
	padding: 0;
	box-shadow: none;
}

.login_wrap .login_box_wrap.join .board_form {
	border-bottom: none;
}

.login_wrap .login_box_wrap.join .board_form dl {
	margin-bottom: 30px;
	align-items: unset;
}

.login_wrap .login_box_wrap.join .board_form dl dt {
	height: 60px;
	min-width: 175px;
	padding: 0 0 0 26px;
	font-size: 18px;
	font-weight: normal;
	line-height: 60px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	color: #FFC33B;
	background-color: #0D1626;
}

.login_wrap .login_box_wrap.join .board_form dl dt .icon_bul {
	margin-top: 29px;
	background-color: #4ba6ff;
	vertical-align: top;
}

.login_wrap .login_box_wrap.join .board_form dl dd {
	padding: 0;
}

.login_wrap .login_box_wrap.join .board_form dl dd .input_text {
	height: 60px;
	padding: 0 26px;
	font-size: 18px;
	line-height: 60px;
	border-radius: 30px;
	background-color: #131f33;
	border: 1px solid #3B85D0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: none;
}

.login_wrap .login_box_wrap.join .board_form dl dd .hint {
	margin-top: 10px;
	font-size: 14px;
	color: #FFC33B;
}

.login_wrap .login_box_wrap.join .board_form dl dd .selectbox {
	border: 1px solid #3B85D0;
	border-left: none;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	background-color: #131f33;
}

.login_wrap .login_box_wrap.join .board_form dl dd .selectbox > select {
	height: 60px;
	font-size: 18px;
	border-radius: 30px;
	color: #fff;
	background: none;
}

.login_wrap .login_box_wrap.join .board_form dl dd .selectbox > select option {
	background-color: #131f33;
}

.login_wrap .login_box_wrap.join .board_form dl dd .number_box {
	background-color: #131f33;
	border: 1px solid #3B85D0;
	border-left: none;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

.login_wrap .login_box_wrap.join .board_form dl dd .number_box .selectbox {
	border: none;
	background: none;
}

.login_wrap .login_box_wrap.join .board_form dl dd .number_box .input_text {
	border-radius: 0;
	border: none;
	background: none;
}

.login_wrap .login_box_wrap.join .board_form dl dd .number_box .dash {
	background-color: #FFC33B;
}

.login_wrap .login_box_wrap.join .board_form dl + dl {
	border-top: none;
}

.login_wrap .login_box_wrap.join .btn_ui_area > button {
	position: relative;
	display: block;
	flex: 1;
	height: 60px;
	padding: 0 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	border-radius: 30px;
	color: #fff;
}

.login_wrap .login_box_wrap.join .btn_ui_area > button + button {
	margin-left: 10px;
}

.login_wrap .login_box_wrap.join .btn_ui_area .btn_join {
	color: #242424;
	background: linear-gradient(#FFC33B 0%, #FFC33B 54.68%, #e58400 100%);
}

.login_wrap .login_box_wrap.join .btn_ui_area .btn_cancel {
	background: #08305a;
	color: #FFC33B;
}

.login_wrap .join_tip {
	margin-bottom: 14px;
	font-size: 15px;
	color: #555;
}

.login_wrap .join_tip .fal {
	margin-right: 2px;
}

.login_wrap .required {
	margin-top: 30px;
	padding-bottom: 15px;
	font-size: 14px;
	color: #888;
}

.login_wrap .required .icon_bul {
	margin-left: 0;
	margin-right: 5px;
}

.login_wrap .required .fal {
	margin-right: 2px;
}

.login_wrap .board_form {
	border-top: none;
	padding: 30px 30px;
}

.login_wrap .login_cont {
	position: relative;
}

.login_wrap .login_cont h3 {
	display: none;
	font-size: 22px;
	margin-bottom: 19px;
	text-align: center;
}

.login_wrap .login_cont .login_box {
	margin-bottom: 20px;
}

.login_wrap .login_cont .login_box .input_text {
	display: block;
	width: 100%;
	height: 60px;
	margin-bottom: 15px;
	padding: 0 26px;
	font-size: 18px;
	border-radius: 30px;
	background-color: #07223c;
	transition: all .2s;
	border-color: #3B85D0;
}

.login_wrap .login_cont .login_box .btn_login, .login_wrap .login_cont .login_box .btn_saveid {
	display: block;
	width: 100%;
	height: 59px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 59px;
	border-radius: 30px;
	text-align: center;
}

.login_wrap .login_cont .login_box .btn_login {
	color: #242424;
	background: linear-gradient(#FFC33B 0%, #FFC33B 54.68%, #e58400 100%);
}

.login_wrap .login_cont .login_box .btn_saveid {
	margin-top: 10px;
	background: #0D1626;
	color: #FFC33B;
}

.login_wrap .login_footer {
	position: relative;
	margin-top: 10px;
	padding: 30px 20px;
	background-color: #3b3937;
	text-align: center;
}

.login_wrap .login_footer .links {
	margin-bottom: 20px;
	overflow: hidden;
}

.login_wrap .login_footer .links li {
	display: inline-block;
	position: relative;
	padding-right: 21px;
	margin-right: 20px;
}

.login_wrap .login_footer .links li:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 2px;
	right: 0;
	width: 1px;
	height: 16px;
	background: #cacaca;
}

.login_wrap .login_footer .links li a {
	font-size: 15px;
	color: #373737;
}

.login_wrap .login_footer .links li:last-child a {
	color: #FFC33B;
}

.login_wrap .login_footer .links li:last-child:after {
	display: none;
}

.login_wrap .login_footer .address {
	margin-bottom: 20px;
}

.login_wrap .login_footer .address:after {
	content: '';
	display: block;
	clear: both;
}

.login_wrap .login_footer .address li {
	display: inline-block;
	margin-right: 13px;
	margin: 2px 0;
	font-size: 14px;
	color: #8d8d8d;
	vertical-align: top;
}

.login_wrap .login_footer .address li:first-child {
	color: #373737;
}

.login_wrap .login_footer .tels {
	display: flex;
	position: relative;
}

.login_wrap .login_footer .tels button {
	display: block;
	flex: 1;
	border: 1px solid #ededed;
	width: 50%;
	height: 55px;
}

.login_wrap .login_footer .tels button + button {
	border-left: none;
}

.login_wrap .login_footer .tels a {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #8d8d8d;
}

.login_wrap .login_footer .tels a span {
	color: #373737;
}

.login_wrap .login_footer .copy {
	padding: 20px 0 0 0;
	font-size: 14px;
	color: #8d8d8d;
	letter-spacing: -.5px;
}

.login_wrap .btn_ui_area {
	display: flex;
	background: none;
	box-shadow: none;
}

.login_wrap .btn_ui_area .btn_ui {
	flex: 1;
	margin: 0;
}

.login_wrap .btn_ui_area .btn_ui + .btn_ui {
	margin-left: 20px;
}

.video_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}

.video_wrap .main_video {
	position: absolute;
	left: 50%;
	right: 0;
	top: 0;
	bottom: 0;
	transform: translateX(-50%);
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}

.wating_box {
	position: relative;
	padding: 300px 0;
	text-align: center;
}

.wating_box:before {
	display: block;
	margin: 0 auto 30px;
	width: 66px;
	height: 53px;
	background-position: -228px -251px;
	content: '';
}

.wating_box .tit {
	font-size: 32px;
	color: #fff;
}

.wating_box .tit .b {
	font-weight: normal;
}

.wating_box .text {
	margin-top: 20px;
	color: #9e9e9e;
	font-size: 13px;
	line-height: 26px;
	word-break: keep-all;
}

.wating_box .btn_box {
	margin-top: 80px;
}

.wating_box .btn_box button {
	min-width: 215px;
}

.power {
	color: #67ff52;
}

.normal {
	color: #f58702;
}

.sub_tip {
	padding: 10px 20px;
	border: 1px solid #3ca5d9;
	background-color: #073868;
	font-size: 15px;
	color: #fff;
	line-height: 26px;
	border-radius: 2px;
}

.sub_tip p {
	font-size: 13px;
}

.sub_tip b {
	font-weight: bold;
	color: #FFC33B;
}

@keyframes game_btn_anim {
	0% {
		-left: 100%;
	}
	100% {
		left: 50%;
	}
}

.terms_agree {
	border: 1px solid #eee;
	border-radius: 3px;
}

.terms_agree .agree_all {
	border-bottom: 1px solid #eee;
	padding: 30px 30px;
}

.terms_agree .agree_all .checkbox label {
	color: #2953ee !important;
	font-weight: 500;
}

.terms_agree .agreeList li {
	position: relative;
	padding: 30px 30px;
	border-top: 1px solid #eee;
}

.terms_agree .agreeList li:first-child {
	border-top: none;
}

.terms_agree .agreeList li .btn_view {
	position: absolute;
	right: 23px;
	top: 20px;
	width: 30px;
	height: 30px;
}

.terms_agree .agreeList li .btn_view:after {
	content: '';
	display: block;
	width: 17px;
	height: 9px;
	margin: 10px auto 0;
	background: url("/asset/images/common/sp_common.png") no-repeat -60px 0;
}

.terms_agree .agreeList li .agree_content {
	max-height: 240px;
	margin-top: 20px;
	padding: 30px;
	font-size: 15px;
	line-height: 25px;
	color: #666;
	background: #fafafa;
	overflow-y: auto;
}

.terms_agree .agreeList li .agree_content pre {
	margin: 0;
}

.terms_agree .agreeList li .tbl_cont {
	margin-top: 20px;
}

.terms_agree .agreeList li .dep2 {
	padding: 10px 0 2px 44px;
}

.terms_agree .agreeList li .dep2 .checkbox {
	display: block;
	margin: 10px 0 0 0;
}

.terms_agree .agreeList li .dep3 {
	padding: 25px 0 0 38px;
}

.terms_agree .agreeList li .dep3 .checkbox + .checkbox {
	margin-left: 60px;
}

.tit_area {
	position: relative;
	color: #fff;
}

.tit_area .btn_set {
	position: absolute;
	top: 4px;
	right: 0;
}

.tit_area .btn_set > * {
	float: left;
	margin-left: 5px;
}

.tit_area h2, .tit_area .h2 {
	margin-bottom: 80px;
	font-weight: 500;
	font-size: 24px;
}

.tit_area h3, .tit_area .h3 {
	margin-top: 40px;
	margin-bottom: 12px;
	font-weight: 500;
	font-size: 17px;
}

.tit_area h4, .tit_area .h4 {
	margin-top: 50px;
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 17px;
}

.tit_area h5, .tit_area .h5 {
	margin-top: 50px;
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 24px;
}

.tit_area .add {
	position: absolute;
	right: 0;
	top: -8px;
}

.tit_area + p, .tit_area + ul {
	margin-top: -8px;
}

.my_section {
	position: relative;
}

.my_section .btn_more {
	position: absolute;
	top: 3px;
	right: 0;
	font-size: 15px;
}

.my_section .btn_more .fal {
	font-size: 17px;
	margin-left: 4px;
	vertical-align: top;
}

.my_level_wrap {
	margin-bottom: 10px;
	background-color: #1c1c1c;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.my_level_wrap .my_level_in {
	display: flex;
	padding: 12px 12px;
}

.my_level_wrap .level_box {
	position: relative;
	min-width: 160px;
}

.my_level_wrap .point, .my_level_wrap .note2, .my_level_wrap .cart {
	flex: 1;
	margin-right: 45px;
	padding-top: 10px;
}

.my_level_wrap .tit {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	border-bottom: none;
	padding: 0 0 10px;
	margin: 0 0 11px;
}

.my_level_wrap .level {
	display: block;
	float: left;
	width: 160px;
	height: 160px;
	margin: 0 50px 0 0;
	padding-top: 20px;
	background: #121212;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.my_level_wrap .level p {
	font-size: 18px;
	color: #fff;
	margin-bottom: 5px;
}

.my_level_wrap .level strong {
	display: block;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 600;
	font-size: 15px;
	text-align: center;
}

.my_level_wrap .level .img {
	display: block;
	width: 80px;
	margin: 4px auto 0;
	font-size: 0;
}

.my_level_wrap .level .img > img {
	width: 100%;
}

.my_level_wrap .info li {
	padding: 8px 0;
	font-size: 13px;
	color: #9b9b9b;
}

.my_level_wrap .info li a {
	font-weight: bold;
	color: #FFC33B;
}

.my_level_wrap .info li .title {
	display: inline-block;
	width: 84px;
}

.my_level_wrap .point {
	width: 195px;
}

.my_level_wrap .point .info li .title {
	width: 90px;
}

.my_links {
	position: relative;
}

.my_links .card_list {
	margin: 0 -5px;
}

.my_links .card_list:after {
	content: '';
	display: block;
	clear: both;
}

.my_links .card_list li {
	float: left;
	width: 33.3333%;
	margin-bottom: 10px;
	padding: 0 5px;
}

.my_links .card_list li a {
	display: flex;
	height: 110px;
	padding: 0 30px;
	background: linear-gradient(0deg,#202020 0,#3c3c3c 99%,#686b77);
	justify-content: center;
	flex-direction: column;
	transition: all .2s;
	border: none;
	border: 1px solid #4c4c4c;
}

.my_links .card_list li a:hover {
	border-color: #ffc33b;
}

.my_links .card_list li .icon {
	display: block;
	margin-bottom: 12px;
	font-size: 25px;
	line-height: 0;
	color: #FFC33B;
}

.my_links .card_list li .title {
	display: block;
	font-size: 15px;
	color: #fff;
}



.board_form {
	width: 100%;
	background-color: #1e1e1e;
}

.board_form .form_title {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}

.board_form dl {
	display: flex;
}

.board_form dl + dl {
	border-top: 1px solid #363636;
}

.board_form dl dt {
	min-width: 120px;
	width: 170px;
	padding: 14px 10px;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	text-align: left;
	background-color: rgba(255, 255, 255, .04);
}

.board_form dl dt label {
	display: block;
}

.board_form dl dt .sub {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #FFC33B;
}

.board_form dl dd {
	flex: 1;
	padding: 14px 10px;
	font-size: 13px;
	color: #fff;
}

.board_form dl dd .input_text {
	width: 100%;
}

.board_form dl dd .tbl_board {
	border-top: 1px solid #1c1c1c;
}

.board_form dl dd .tbl_board th, .board_form dl dd .tbl_board td {
	padding: 10px 6px;
	font-size: 12px;
}

.board_form dl dd .tbl_board th {
	background: #f9f9f9 !important;
}

.board_form dl dd .tbl_board td {
	background: #fff !important;
}

.board_form dl dd .flexbox {
	display: flex;
	align-items: center;
}

.board_form dl dd .flexbox .btn_ui {
	margin-left: 10px;
}

.board_form dl dd .btn_area {
	display: flex;
	flex-wrap: wrap;
}

.board_form dl dd .btn_area:after {
	content: '';
	display: block;
	clear: both;
}

.board_form dl dd .btn_area .btn_money {
	display: block;
	width: calc(20% - 2px);
	height: 30px;
	margin: 0 1px 2px;
	color: #fff;
	font-size: 13px;
	line-height: 30px;
	padding: 0 8px;
	background-color: #0e1527;
	border-radius: 2px;
	vertical-align: top;
	transition: all .2s;
}

.board_form dl dd .btn_area .btn_money.reset {
	background-color: #212c3a;
}

.board_form dl dd .charge_flex {
	display: flex;
	font-size: 0;
}

.board_form dl dd .chaege_btn .btn {
	width: 20%;
	margin: 0 2px 2px 0;
	padding: 7px 4px;
	font-size: 11px;
}

.board_form dl dd .charge_flex .btn_area {
	flex: 1;
	min-width: 0;
}

.board_form dl dd .charge_flex .flexbox {
	min-width: 40%;
	margin-left: 10px;
	align-items: baseline;
}

.board_form dl dd .number_box {
	display: flex;
	align-items: center;
}

.board_form dl dd .number_box .selectbox {
	width: 150px;
	min-width: 150px;
	margin: 0;
}

.board_form dl dd .number_box .selectbox:first-child {
	margin-left: 0;
}

.board_form dl dd .number_box .input_text {
	flex: 1;
}

.board_form dl dd .number_box .selectbox + .selectbox {
	margin: 0 5px;
}

.board_form dl dd .number_box .dash {
	display: inline-block;
	min-width: 10px;
	width: 10px;
	height: 1px;
	margin: 0 10px;
	background: #979797;
	vertical-align: middle;
}

.board_form dl dd .number_box .input_text {
	margin: 0;
}

.board_form dl dd .number_box .btn_ui {
	margin-left: 10px;
}

.board_form dl dd .number_box + .number_box {
	margin-top: 10px;
}

.board_form dl dd .email_box .selectbox, .board_form dl dd .email_box .input_text {
	width: 250px;
}

.board_form dl dd .email_box .selectbox:first-child, .board_form dl dd .email_box .input_text:first-child {
	margin-left: 0;
}

.board_form dl dd .email_box .selectbox {
	margin-left: 10px;
}

.board_form dl dd .email_box .at {
	margin: 0 5px;
	font-size: 18px;
}

.board_form dl dd .auto_box {
	position: relative;
}

.board_form dl dd .auto_box .input_text {
	width: 250px;
}

.board_form dl dd .label {
	display: inline-block;
	min-width: 70px;
	margin: 0 6px;
	font-size: 13px;
	color: #c9c9c9;
	vertical-align: middle;
}

.board_form dl dd .join_sns {
	display: flex;
	margin-top: 12px;
}

.board_form dl dd .join_sns span {
	display: flex;
	align-items: center;
}

.board_form dl dd .join_sns span > img {
	vertical-align: top;
}

.board_form dl dd .join_sns span label {
	display: inline-block;
	margin-left: 10px;
	font-size: 16px;
	color: #333;
	vertical-align: top;
}

.board_form dl dd .join_sns span + span {
	margin-left: 20px;
}

.board_form dl dd .hint {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color: #f8bb35;
}

.board_form dl dd .hint.red {
	color: #ffc33a;
}

.board_form dl dd .bank_name {
	display: block;
	font-weight: 400;
	color: #fff;
}

.board_form dl dd .bank_name + .desc {
	margin-top: 6px;
}

.board_form dl dd .cash {
	font-weight: 500;
	color: #f9d025;
}

.board_form dl dd .desc {
	display: block;
	margin-top: 4px;
	margin-bottom: 0;
	font-size: 12px;
	color: #FFC33B;
}

.board_form dl dd.result {
	line-height: 25px;
}

.board_form dl dd.result hr {
	border: 0;
	border-top: 1px solid #ddd;
	margin: 6px 0;
	height: 1px;
}

.board_form dl dd.settings {
	padding-bottom: 20px;
}

.board_form dl dd.settings .radio, .board_form dl dd.settings .checkbox {
	display: block;
	margin-left: 0;
}

.board_form dl dd.settings .radio + .radio, .board_form dl dd.settings .radio + .checkbox, .board_form dl dd.settings .checkbox + .radio, .board_form dl dd.settings .checkbox + .checkbox {
	margin-top: 10px;
}

.board_form + .tit_area h3 {
	margin-top: 60px;
}

.board_form.narrow {
	padding: 16px 16px;
	border: none;
}

.board_form.narrow dl {
	display: block;
}

.board_form.narrow dl + dl {
	margin-top: 20px;
	border-top: none;
}

.board_form.narrow dl dt {
	width: 100%;
	min-width: 0;
	margin-bottom: 7px;
	padding: 0;
	background: none;
}

.board_form.narrow dl dd {
	padding: 0;
}

.board_form .form_box {
	display: flex;
	padding: 20px 20px;
	border: 1px solid #2e3956;
}

.board_form .form_box .box_col {
	flex: 1;
	min-width: 0;
}

/* 입출금 신청 */
.money_charge .tit_area {
	margin: 0;
	padding: 14px 20px;
	text-align: center;
}

.money_charge .tit_area h3 {
	margin: 0;
	text-align: center;
}

.my_info {
	position: relative;
	padding: 20px 50px 50px;
}

.my_info .msg_box {
	position: relative;
	padding: 40px 10px 25px;
	text-align: center;
}

.my_info .msg_box .icon {
	display: block;
	margin-bottom: 30px;
	font-size: 73px;
	color: #FFC33B;
	text-align: center;
}

.my_info .msg_box .tit {
	display: block;
	font-size: 26px;
	color: #fff;
}

.my_info .msg_box .desc {
	margin-top: 5px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}

.my_info .msg_form {
	position: relative;
}

.my_info .msg_form .again {
	font-size: 18px;
	color: #333;
	text-align: center;
}

.my_info .msg_form .row {
	width: 381px;
	margin: 0 auto !important;
	text-align: left;
}

.my_info .msg_form .row + .row {
	margin-top: 10px;
}

.my_info .msg_form .sign_in {
	padding: 40px 0;
	background-color: #181818;
	font-size: 0;
}

.my_info .msg_form .sign_in .label {
	display: inline-block;
	width: 130px;
	height: 40px;
	font-size: 15px;
	line-height: 40px;
	color: #fff;
	vertical-align: top;
}

.my_info .msg_form .sign_in .input_text {
	width: 247px;
}

.my_info .msg_form .btn_area {
	margin-top: 20px;
	text-align: center;
}

.my_info .msg_form .btn_area .btn_ui {
	margin: 0 6px;
}

.my_info .sign_tip {
	margin-top: 40px;
	padding: 25px 30px;
	background-color: #f9f9f9;
}

.my_info .sign_tip:after {
	content: '';
	display: block;
	clear: both;
}

.my_info .sign_tip .tit {
	display: block;
	float: left;
	font-size: 18px;
	font-weight: 400;
	color: #1884d2;
	margin-right: 25px;
}

.my_info .sign_tip .tit .fal {
	margin-right: 4px;
}

.my_info .sign_tip .desc {
	float: left;
	font-size: 15px;
	color: #101010;
}

/* 휴장안내 */
.end_trade {
	flex: 1;
	min-width: 0;
	position: relative;
	padding: 150px 50px;
	text-align: center;
}

.end_trade .icon {
	display: block;
	margin-bottom: 20px;
	text-align: center;
	font-size: 43px;
	color: #FFC33B;
}

.end_trade h3 {
	font-size: 32px;
	font-weight: bold;
	color: #fff;
}

.end_trade h3 em {
	color: #FFC33B;
}

.end_trade .desc {
	margin-top: 12px;
	font-size: 15px;
	color: #9a9a9a;
}

.end_trade .info {
	margin-top: 20px;
}

.end_trade .info li {
	padding: 2px 0;
	font-size: 15px;
	color: #9a9a9a;
}

.wating {
	flex: 1;
	min-width: 0;
	position: relative;
	padding: 160px 50px;
	text-align: center;
}

.wating .icon {
	display: block;
	margin-bottom: 20px;
	text-align: center;
	font-size: 63px;
	color: #FFC33B;
}

.wating h3 {
	font-size: 28px;
	font-weight: bold;
	color: #fff;
}

.wating h3 em {
	color: #FFC33B;
}

.wating .tit {
	display: block;
	margin-top: 30px;
	font-size: 20px;
	color: #222;
	font-weight: normal;
	line-height: 25px;
}

.wating .info {
	margin-top: 10px;
}

.wating .info li {
	padding: 4px 0;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}

.cont_list {
	padding: 20px 0 10px 20px;
	background-color: rgba(255, 255, 255, .07);
}

.cont_list dl {
	font-size: 0;
	line-height: 0;
}

.cont_list dl dt {
	display: inline-block;
	width: 120px;
	margin-bottom: 10px;
	font-size: 13px;
	color: #fff;
	line-height: 30px;
	font-weight: 500;
	vertical-align: top;
}

.cont_list dl dd {
	display: inline-block;
	width: calc(100% - 120px);
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 300;
	line-height: 22px;
	vertical-align: top;
	color: #999;
}

.cont_list dl dd strong {
	display: block;
	font-weight: 400;
	color: #FFC33B;
}

.cont_list > ul {
	padding-bottom: 10px;
	font-size: 0;
	line-height: 0;
}

.cont_list > ul.txt_list > li {
	font-size: 12px;
	line-height: 22px;
	word-break: keep-all;
	vertical-align: top;
	font-weight: normal;
}

.cont_list .tbl_cont {
	margin-top: 10px;
	border-top-color: #d7d7d7;
}

.cont_list .tbl_cont table th, .cont_list .tbl_cont table td {
	font-size: 15px;
}

.txt_list > li {
	position: relative;
	margin-top: 10px;
	padding-left: 9px;
	font-size: 14px;
	line-height: 30px;
	color: #b9b9b9;
}

.txt_list > li:first-child {
	margin-top: 0;
}

.txt_list > li:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 11px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #757575;
}

.txt_list > li > strong {
	display: block;
	font-weight: 400;
	color: #FFC33B;
}

.terms_wrap {
	position: relative;
	line-height: 30px;
}

.terms_wrap h3 {
	margin-top: 70px;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 30px;
}

.terms_wrap h3.top {
	padding-top: 80px;
	border-top: 1px solid #eee;
}

.terms_wrap p {
	line-height: 28px;
}

.terms_wrap .depth {
	margin-top: 20px;
}

.terms_wrap .depth > li {
	margin-top: 15px;
	line-height: 28px;
}

.terms_wrap .depth > li:first-child {
	margin-top: 0;
}

.terms_wrap .depth > li > ul {
	margin: 8px 0;
}

.terms_wrap .depth > li > ul > li ul {
	margin: 0 0 5px 0;
}

.terms_wrap strong.tit {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	font-weight: 500;
}

.terms_wrap > p strong.tit {
	padding-top: 0;
}

.terms_wrap div.ind {
	margin-top: 10px;
}

.terms_wrap div.ind:before {
	content: '-';
	display: inline-block;
	margin-right: 5px;
}

.terms_wrap ul.ind {
	margin-top: 10px;
}

.terms_wrap ul.ind > li:before {
	content: '-';
	display: inline-block;
	margin-right: 5px;
}

.terms_wrap .memo {
	margin-top: 5px;
}

.terms_wrap .memo:before {
	content: '※';
	display: inline-block;
	margin-right: 5px;
}

.terms_wrap .date {
	margin-top: 70px;
	text-align: right;
}

.terms_wrap .date > li li {
	margin-top: 5px;
}

.terms_wrap .manager {
	margin-top: 20px;
}

.terms_wrap .manager dt {
	padding-bottom: 3px;
	font-weight: 500;
}

.terms_wrap .tblCont {
	margin-top: 20px;
}

/* 에러 페이지 */
.error_wrap {
	display: flex;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.error_wrap .logo {
	margin-bottom: 100px;
}

.error_wrap .logo > img {
	width: 162px;
}

.error_wrap .error .info {
	position: relative;
}

.error_wrap .error .info .tit {
	display: block;
	font-size: 37px;
	line-height: 48px;
	color: #fff;
	font-weight: normal;
}

.error_wrap .error .info p {
	margin-top: 20px;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 26px;
	font-weight: 300;
	word-break: keep-all;
}

.error_wrap .error .info + .btnArea {
	margin-top: 80px;
}

.error_wrap .footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 28px 0;
	color: rgba(255, 255, 255, 0.5);
	font-size: 0;
	text-align: center;
}

.error_wrap .footer > p {
	position: relative;
	display: inline-block;
	margin-left: 20px;
	padding-left: 21px;
	font-size: 15px;
	line-height: 27px;
	vertical-align: top;
}

.error_wrap .footer > p:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background: #d7d7d7;
}

.error_wrap .footer > p:first-child {
	margin-left: 0;
	padding-left: 0;
}

.error_wrap .footer > p:first-child:after {
	display: none;
}

@keyframes neon {
	0% {
		color: #fff;
	}
	50% {
		color: red;
	}
	100% {
		color: #fff;
	}
}

@keyframes fadeInOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* home */
.section {
	width: 1200px;
	margin: 0 auto;
}

.section_title {
	position: relative;
	margin-bottom: 20px;
}

.section_title .sub {
	display: block;
	font-size: 32px;
	color: #fff;
	font-weight: 500;
	text-align: center;
}

.section_title .line {
	display: inline-block;
	margin-top: 4px;
	z-index: 1;
	position: relative;
	font-weight: 700;
	font-size: 40px;
}

.section_title .line:after {
	z-index: -1;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 7px;
	height: 18px;
	width: 100%;
	background: #a3d8eb;
}

.main_swiper {
	position: relative;
	border-bottom: 1px solid #505050;
}

.main_swiper.pc_swiper {

}

.main_swiper.mobile_swiper {
	display: none;
}

.main_swiper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	height: 414px;
	border-radius: 8px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-color: #000;
	align-items: center;
	flex-direction: column;
	justify-content: space-around;
}

.main_swiper .swiper-slide:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	content: '';
}

.main_swiper .swiper-slide .inner {
	position: relative;
	width: 1200px;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0 auto;
	z-index: 1;
}

.main_swiper .swiper-slide .inner .tit {
	color: #fff;
	font-size: 41px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 15px 0;
}

.main_swiper .swiper-slide .inner .txt {
	color: #fbc749;
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
}

.main_swiper .swiper-slide .inner .btn {
	display: flex;
	height: 90px;
	align-items: center;
	justify-content: center;
}

.main_swiper .swiper-button-prev, .main_swiper .swiper-button-next {
	top: 50%;
	width: 30px;
	height: 54px;
	margin-top: -27px;
	background: none;
}

.main_swiper .swiper-button-prev:after, .main_swiper .swiper-button-next:after {
	display: block;
	content: '';
}

.main_swiper .swiper-button-prev {
	left: -30px;
}

.main_swiper .swiper-button-prev:after {
	width: 30px;
	height: 54px;
	background-position: -265px -147px;
}

.main_swiper .swiper-button-next {
	right: -30px;
}

.main_swiper .swiper-button-next:after {
	width: 30px;
	height: 54px;
	background-position: -362px -218px;
}

.main_swiper .swiper-pagination {
	bottom: 20px;
	left: 0;
	right: 0;
	font-size: 0;
}

.main_swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 3px;
	background-color: rgba(0, 0, 0, 0.7);
}

.main_swiper .swiper-pagination-bullet-active {
	background-color: #fff;
}

.main_wrap {
	position: relative;
	padding: 0 0 40px;
	background: url(/img/main/content_bg.jpg) #0f1012 no-repeat 50% 0;
}

.main_wrap .inner_wrap {
	max-width: 1200px;
}

.main_wrap .main_menus {
	display: none;
}

.main_wrap .main_games {
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
}

.main_wrap .main_games .game_section {
	position: relative;
	padding: 0;
}

.main_wrap .main_games .game_section +.game_section {
	margin-top: 10px;
}

.main_wrap .main_games .game_section .game_title {
	display: flex;
	height: 84px;
	margin: 1px 0 0 0;
	filter: drop-shadow(0 6px 12px rgba(0,0,0,.9));
}

.main_wrap .main_games .game_section .game_title .title_inner {
	display: flex;
	position: relative;
	flex: 1;
	line-height: 1;
	margin: 0 1px;
	background: linear-gradient(0deg,#24262b 0,#3a3c43 99%,#686b77);
	text-shadow: 0 0 5px rgba(0,0,0,.7), 0 0 5px rgba(0,0,0,.7);
	transition: 0.3s;
	text-align: center;
	flex-direction: column;
	justify-content: center;
}

.main_wrap .main_games .game_section .game_title .title_inner:after {
	content: "";
	position: absolute;
	left: 0;
	top: -25px;
	width: 150px;
	height: 150px;
	background-size: 150px 150px;
	opacity: .2;
	animation: flip_banner 3s ease infinite;
}

.main_wrap .main_games .game_section .game_title.sports .title_inner {
	padding: 0 0 0 60px;
	background: linear-gradient(0deg,#24262b 0,#3a3c43 99%,#686b77);
	-webkit-clip-path: polygon(0 0,100% 0,100% 100%,10% 100%);
	clip-path: polygon(0 0,100% 0,100% 100%,10% 100%);
}

.main_wrap .main_games .game_section .game_title.sports .title_inner:after {
	background: url(/img/main/banner_casino.svg) no-repeat 50%;
}

.main_wrap .main_games .game_section .game_title.casino .title_inner {
	padding: 0 60px 0 0;
	background: linear-gradient(0deg,#202020 0,#3c3c3c 99%,#686b77);
	-webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
	clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
}

.main_wrap .main_games .game_section .game_title.casino .title_inner:after {
	background: url(/img/main/banner_slot.svg) no-repeat 50%;
}

@keyframes flip_banner {
	0% {
		transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		transform: perspective(400px) rotateY(1turn) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.main_wrap .main_games .game_section .game_title .title_inner span {
	display: block;
	margin: 0px 0 1px;
	color: #fff;
	font-size: 28px;
	font-weight: 500;
	transition: 0.3s;
}

.main_wrap .main_games .game_section .game_title .title_inner em {
	display: block;
	margin-top: 5px;
	color: #939393;
	font-size: 17px;
	transition: 0.3s;
}

.game_list_wrap {
	position: relative;
	margin: 20px 0 15px 0;
}

.game_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
	margin: calc(0px - 15px) 0 0 calc(0px - 15px);
}

.game_list .game_item {
	display: block;
	width: calc(20% - 15px);
	position: relative;
	display: block;
	transition: 0.3s;
	padding: 5px;
	margin: 15px 0 0 15px;
	background: linear-gradient(0deg,#24262b 0,#3a3c43 99.5%,#686b77);
	box-shadow: 0 10px 15px rgba(0,0,0,.3);
}

.game_list .game_item:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: 0.3s;
	opacity: 0;
	z-index: -1
}

.game_list .game_item .game_box {
	height: 100%;
	border: 1px solid #111;
	background: #191a1d
}

.game_list .game_item .game_box .game_thumb {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 112.04%;
	z-index: 1
}

.game_list .game_item .game_box .game_thumb:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 6px 12px 0 rgba(0,0,0,.75)
}

.game_list .game_item .game_box .game_thumb .thumb_cover,.game_list .game_item .game_box .game_thumb>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.3s
}

.game_list .game_item .game_box .game_thumb .thumb_cover {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: rgba(0,0,0,.7);
	opacity: 0;
	z-index: 5
}

.game_list .game_item .game_box .game_thumb .icon_play {
	width: 58%;
	height: 58%;
	margin: 0 auto 5px auto;
	filter: drop-shadow(0 6px 6px rgba(0,0,0,.9));
	z-index: 1
}

.game_list .game_item .game_box .game_info {
	height: 62px;
	line-height: 1.4;
	padding: 15px 0 10px;
	text-align: center;
	transition: 0.3s;
}

.game_list .game_item .game_box .game_info h3 {
	color: #eee;
	font-size: 15px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.game_list .game_item .game_box .game_info h4 {
	margin-top: 2px;
	color: #999;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0
}

.game_list .game_item .game_box .game_info .btn_start {
	display: block;
	width: calc(100% - 20px);
	margin: 10px 10px 0 10px;
	padding: 8px 0;
	background: #FFC33B;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	opacity: 0;
	transform: scale(0);
	transition: 0.3s;
}

body.pc .game_list .game_item:hover {
	margin-top: calc(0px - 15px);
	margin-bottom: calc(0px - 15px*2);
	box-shadow: 0 10px 15px rgba(0,0,0,.9);
	z-index: 3
}

body.pc .game_list .game_item:hover:after {
	background: linear-gradient(0deg,#cd971c 0,#ffce60 99.5%,#ffe09a);
	opacity: 1
}

body.pc .game_list .game_item:hover .game_thumb>img {
	transform: scale(1.2)
}

body.pc .game_list .game_item:hover .game_thumb .thumb_cover {
	opacity: 1
}

body.pc .game_list .game_item:hover .game_thumb .icon_play {
	-webkit-animation: icon_play .4s ease-in-out infinite alternate;
	animation: icon_play .4s ease-in-out infinite alternate;
	z-index: -1
}

body.pc .game_list .game_item:hover .game_info {
	height: 114px
}

body.pc .game_list .game_item:hover .game_info h3 {
	color: #FFC33B;
}

body.pc .game_list .game_item:hover .game_info h4 {
	color: #ccc
}

body.pc .game_list .game_item:hover .game_info .btn_start {
	opacity: 1;
	transform: scale(1)
}

@-webkit-keyframes icon_play {
	0% {
		transform: scale(1)
	}

	to {
		transform: scale(1.04)
	}
}

@keyframes icon_play {
	0% {
		transform: scale(1)
	}

	to {
		transform: scale(1.04)
	}
}

.jackpot_wrap {
	border: 1px solid #393b42;
	margin-top: 10px;
	text-align: right;
	background: url(/img/common/new_main_banner04.png) 30px center no-repeat;
	padding: 0px 0px 25px 0px;
}

.jackpot_wrap .visual {
	max-width: 1300px;
	margin: 0 auto;
}

.jackpot_wrap .jack_wrap {
	position: relative;
}

.jackpot_wrap .jack_wrap:after {
	display: block;
	clear: both;
	content: '';
}

.jackpot_wrap .jack_left {
}

.jackpot_wrap .jack_left .jack_tit {
	/* text-align: right; */
}

.jackpot_wrap .jack_left .jack_num {
	margin-top: 20px;
}

.jackpot_wrap .jack_list_box {

	margin-top: 50px;
}

.jackpot_wrap .jack_list {
	width: 380px;
	height: 46px;
	margin-top: 10px;
	background: url(/img/common/jack_bg.png) no-repeat
}

.jackpot_wrap .jack_list table tr td {
	font-family: 'nanumsquare', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 48px;
}

.jackpot_wrap .jack_list table tr td.jack_td1 {
	color: #ff9c00;
	padding: 0 0 0 80px;
}

.jackpot_wrap .jack_list table tr td.jack_td2 {
	color: #ffffff
}

.jackpot_wrap .jack_list table tr td.jack_td3 {
	color: #949494;
	padding: 0 10px 0 0
}

.odometer {
	display: block;
	letter-spacing: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 45px;
	font-style: normal;
	font-weight: 1000;
	line-height: 50px;
	color: #eee;
	text-shadow: 2px 2px 2px rgb(0 0 0);
	box-sizing: content-box;
}

.odometer * {
	box-sizing: content-box;
}

.main_wrap .main_conts {
	display: flex;
	margin-top: 15px;
	padding: 30px 20px;
	border: 1px solid #37383f;
	background: linear-gradient(0deg,#24262b 0,#3a3c43 99.5%,#686b77);
}

.main_wrap .main_conts .main_rank {
	position: relative;
	min-width: 347px;
}

.main_wrap .main_conts .main_rank .rank_title {
	margin-bottom: 28px;
	font-size: 20px;
	font-weight: bold;
}

.main_wrap .main_conts .main_rank .rank_title .fal {
	color: #FFC33B;
}

.main_wrap .main_conts .main_rank .rank_box {
	overflow: hidden;
	height: 500px;
}

.main_wrap .main_conts .main_rank .rank_box .ticker li {
	display: flex;
	height: 45px;
	margin-bottom: 5px;
	padding: 0 10px;
	background: #1d1d35;
	border-radius: 5px;
	overflow: hidden;
}

.main_wrap .main_conts .main_rank .rank_box .ticker li > span {
	height: 45px;
	text-align: center;
	color: #8a8b99;
	font-size: 12px;
	line-height: 45px;
}

.main_wrap .main_conts .main_rank .rank_box .ticker li .fircell {
	min-width: 62px;
}

.main_wrap .main_conts .main_rank .rank_box .ticker li .fircell .num {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-top: 12px;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	vertical-align: top;
	background-color: #33b44a;
}

.main_wrap .main_conts .main_rank .rank_box .ticker li .seccell {
	min-width: 90px;
	color: #cfd0e5;
}

.main_wrap .main_conts .main_rank .rank_box .ticker li .thicell {
	flex: 1;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	color: #FFC33B;
}

.main_wrap .main_conts .main_rank + .main_rank {
	margin-left: 20px;
}

.main_wrap .main_conts .main_info {
	display: flex;
	flex: 1;
	margin-left: 0;
}

.main_wrap .main_conts .main_info .main_board {
	position: relative;
	flex: 1;
}

.main_wrap .main_conts .main_info .main_board .board_title {
	margin-bottom: 16px;
}

.main_wrap .main_conts .main_info .main_board .board_title h2 {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

.main_wrap .main_conts .main_info .main_board .board_title h2 span {
	font-size: 12px;
	margin-left: 6px;
	color: #8b8b8b;
}

.main_wrap .main_conts .main_info .main_board .list {
	margin-top: 10px;
}

.main_wrap .main_conts .main_info .main_board .list li .inner {
	display: flex;
	position: relative;
	padding: 7px 0 7px 11px;
}

.main_wrap .main_conts .main_info .main_board .list li .inner:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-radius: 50%;
	background-color: #FFC33B;
	content: '';
}

.main_wrap .main_conts .main_info .main_board .list li .inner .notice {
	display: block;
	margin-top: 1px;
	margin-right: 10px;
	font-size: 12px;
	color: #ffc33b;
}

.main_wrap .main_conts .main_info .main_board .list li .inner .txt {
	flex: 1;
	margin-right: 20px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.main_wrap .main_conts .main_info .main_board .list li .inner .date {
	display: block;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
}

.main_wrap .main_conts .main_info .main_board .list li .inner:hover .txt {
	text-decoration: underline;
}

.main_wrap .main_conts .main_info .main_board .btn_more {
	position: absolute;
	right: 0;
	top: 5px;
	color: #fff;
	font-size: 12px;
}

.main_wrap .main_conts .main_info .main_guide {
	display: flex;
	position: relative;
	flex: 1;
	margin-left: 30px;
	margin-top: 0;
	padding: 20px 20px;
	background-color: rgba(0, 0, 0, .3);
	align-items: center;
	border-radius: 5px;
}

.main_wrap .main_conts .main_info .main_guide .time_area {
	position: relative;
	margin-right: 158px;
	padding-left: 28px;
}

.main_wrap .main_conts .main_info .main_guide .time_area .fal {
	position: absolute;
	left: 0;
	top: 3px;
	color: #808080;
	font-size: 21px;
}

.main_wrap .main_conts .main_info .main_guide .time_area strong {
	display: block;
	font-size: 22px;
	color: #fff;
}

.main_wrap .main_conts .main_info .main_guide .time_area span {
	display: block;
	margin-top: 5px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
}

.main_wrap .main_conts .main_info .main_guide .cs_info {
	flex: 1;
}

.main_wrap .main_conts .main_info .main_guide .cs_info .kakao,
.main_wrap .main_conts .main_info .main_guide .cs_info .telegram {
	display: flex;
	font-size: 15px;
}

.main_wrap .main_conts .main_info .main_guide .cs_info .kakao .tit,
.main_wrap .main_conts .main_info .main_guide .cs_info .telegram .tit {
	display: block;
	flex: 1;
	position: relative;
}

.main_wrap .main_conts .main_info .main_guide .cs_info .kakao .tit:before,
.main_wrap .main_conts .main_info .main_guide .cs_info .telegram .tit:before {
	display: inline-block;
	margin-right: 8px;
	vertical-align: top;
	content: '';
}

.main_wrap .main_conts .main_info .main_guide .cs_info .kakao {
	color: #fddc3f;
}

.main_wrap .main_conts .main_info .main_guide .cs_info .kakao .tit:before {
	width: 20px;
	height: 20px;
	background-position: -122px -374px;
}

.main_wrap .main_conts .main_info .main_guide .cs_info .telegram {
	margin-top: 15px;
	color: #1591ea;
}

.main_wrap .main_conts .main_info .main_guide .cs_info .telegram .tit:before {
	width: 20px;
	height: 20px;
	background-position: -26px -374px;
}

.main_wrap .main_conts .main_info .main_guide .cs_info .desc {
	margin-top: 13px;
	padding-left: 28px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
}

/* sports icon */
.fal.fa-sport-6046:before {
	content: "\f1e3";
}

.fal.fa-sport-154914:before {
	content: "\f433";
}

.fal.fa-sport-48242:before {
	content: "\f434";
}

.fal.fa-sport-154830:before {
	content: "\f45f";
}

.fal.fa-sport-530129:before {
	content: "\f44c";
}

.fal.fa-sport-1149093:before {
	content: "\f45b";
}

.fal.fa-sport-131506:before {
	content: "\f44e";
}

/* balls */
.ball {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	padding: 0 5px;
	text-align: center;
	line-height: 20px;
	background: url("../img/common/sp_powerball.png") no-repeat 0 -50px;
	text-indent: -9999px;
}

.ball + .ball {
	margin-left: 2px;
}

.ball.n0 {
	background-position: 0 -120px;
}

.ball.n {
	background: none !important;
}

.ball.n1,
.ball.n01 {
	background-position: 0 0;
}

.ball.n2,
.ball.n02 {
	background-position: -30px 0;
}

.ball.n3,
.ball.n03 {
	background-position: -60px 0;
}

.ball.n4,
.ball.n04 {
	background-position: -90px 0;
}

.ball.n5,
.ball.n05 {
	background-position: -120px 0;
}

.ball.n6,
.ball.n06 {
	background-position: -150px 0;
}

.ball.n7,
.ball.n07 {
	background-position: -180px 0;
}

.ball.n8,
.ball.n08 {
	background-position: 0 -30px;
}

.ball.n9,
.ball.n09 {
	background-position: -30px -30px;
}

.ball.n10 {
	background-position: -60px -30px;
}

.ball.n11 {
	background-position: -90px -30px;
}

.ball.n12 {
	background-position: -120px -30px;
}

.ball.n13 {
	background-position: -150px -30px;
}

.ball.n14 {
	background-position: -180px -30px;
}

.ball.n15 {
	background-position: 0 -60px;
}

.ball.n16 {
	background-position: -30px -60px;
}

.ball.n17 {
	background-position: -60px -60px;
}

.ball.n18 {
	background-position: -90px -60px;
}

.ball.n19 {
	background-position: -120px -60px;
}

.ball.n20 {
	background-position: -150px -60px;
}

.ball.n21 {
	background-position: -180px -60px;
}

.ball.n22 {
	background-position: 0 -90px;
}

.ball.n23 {
	background-position: -30px -90px;
}

.ball.n24 {
	background-position: -60px -90px;
}

.ball.n25 {
	background-position: -90px -90px;
}

.ball.n26 {
	background-position: -120px -90px;
}

.ball.n27 {
	background-position: -150px -90px;
}

.ball.n28 {
	background-position: -180px -90px;
}

.ball.n29 {
	background-position: -240px 0;
}

.ball.n30 {
	background-position: -270px 0;
}

.ball.n31 {
	background-position: -300px 0;
}

.ball.n32 {
	background-position: -330px 0;
}

.ball.n33 {
	background-position: -360px 0;
}

.ball.n34 {
	background-position: -390px 0;
}

.ball.n35 {
	background-position: -420px 0;
}

.ball.n36 {
	background-position: -450px 0;
}

.ball.n37 {
	background-position: -480px 0;
}

.ball.n38 {
	background-position: -510px 0;
}

.ball.n39 {
	background-position: -240px -30px;
}

.ball.n40 {
	background-position: -270px -30px;
}

.ball.n41 {
	background-position: -300px -30px;
}

.ball.n42 {
	background-position: -330px -30px;
}

.ball.n43 {
	background-position: -360px -30px;
}

.ball.n44 {
	background-position: -390px -30px;
}

.ball.n45 {
	background-position: -420px -30px;
}

.ball.n46 {
	background-position: -450px -30px;
}

.ball.n47 {
	background-position: -480px -30px;
}

.ball.n48 {
	background-position: -510px -30px;
}

.ball.n49 {
	background-position: -240px -60px;
}

.ball.n50 {
	background-position: -270px -60px;
}

.ball.n51 {
	background-position: -300px -60px;
}

.ball.n52 {
	background-position: -330px -60px;
}

.ball.n53 {
	background-position: -360px -60px;
}

.ball.n54 {
	background-position: -390px -60px;
}

.ball.n55 {
	background-position: -420px -60px;
}

.ball.n56 {
	background-position: -450px -60px;
}

.ball.n57 {
	background-position: -480px -60px;
}

.ball.n58 {
	background-position: -510px -60px;
}

.ball.n59 {
	background-position: -240px -90px;
}

.ball.n60 {
	background-position: -270px -90px;
}

.ball.n61 {
	background-position: -300px -90px;
}

.ball.n62 {
	background-position: -330px -90px;
}

.ball.n63 {
	background-position: -360px -90px;
}

.ball.n64 {
	background-position: -390px -90px;
}

.ball.n65 {
	background-position: -420px -90px;
}

.ball.n66 {
	background-position: -450px -90px;
}

.ball.n67 {
	background-position: -480px -90px;
}

.ball.n68 {
	background-position: -510px -90px;
}

.ball.n69 {
	background-position: -510px -120px;
}

.ball.n70 {
	background-position: -510px -150px;
}

.ball.p0 {
	background-position: 0 -120px;
}

.ball.p1 {
	background-position: -30px -120px;
}

.ball.p2 {
	background-position: -60px -120px;
}

.ball.p3 {
	background-position: -90px -120px;
}

.ball.p4 {
	background-position: -120px -120px;
}

.ball.p5 {
	background-position: -150px -120px;
}

.ball.p6 {
	background-position: -180px -120px;
}

.ball.p7 {
	background-position: -210px -120px;
}

.ball.p8 {
	background-position: -240px -120px;
}

.ball.p9 {
	background-position: -270px -120px;
}

.badge {
	display: inline-block;
	padding: 0 10px;
	height: 26px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 26px;
	border-radius: 13px;
	vertical-align: middle;
}

.badge.buy {
	border-color: #ca2a1d;
	background-color: #ca2a1d;
}

.badge.sell, .badge.complete {
	border-color: #0182dd;
	background-color: #0182dd;
}

.badge.fail {
	border-color: #d22627;
	background-color: #d22627;
}

.badge.ready, .badge.stay {
	border-color: #08223c;
	background-color: #08223c;
}

.badge.stay {
	background-color: #08223c;
	border-color: #08223c;
}

.badge.complete {
	background-color: #FFC33B;
	border-color: #FFC33B;
	color: #fff;
}

.badge.cancel {
	background-color: #ff6c60;
	border-color: #ff6c60;
	color: #fff;
}

.badge.dcancel {
	background-color: #e70012;
	border-color: #e70012;
	color: #fff;
}

.text-box {
	display: inline-block;
	height: 24px;
	padding: 0 10px;
	font-size: 11px;
	color: #fff;
	line-height: 22px;
	border: 1px solid #323248;
	background-color: #323248;
	border-radius: 2px;
	white-space: nowrap;
}

.text-box.win, .text-box.complete {
	background-color: #0182dd;
	border-color: #0182dd;
}

.text-box.lose, .text-box.fail {
	background-color: #d22627;
	border-color: #d22627;
}

.text-box.stay {
	background-color: #646464;
	border-color: #646464;
}

.plain {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.plain.win, .plain.complete {
	color: #2792d1;
}

.plain.lose, .plain.fail {
	color: #ff5600;
}

.plain.stay {
	color: rgba(255, 255, 255, 0.5);
}

/* autocomplete */
.auto_list {
	display: none;
	overflow-y: auto;
	position: absolute;
	width: 100%;
	max-height: 124px;
	margin-top: -1px;
	padding: 17px 0;
	border: 1px solid #ddd;
	background: #fff;
	z-index: 1;
}

.auto_list li {
	margin-top: 8px;
	height: 24px;
}

.auto_list li:first-child {
	margin-top: 0;
}

.auto_list li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 18px;
	background: #fff;
	box-sizing: border-box;
	font-size: 15px;
}

/* switch */
.switch {
	display: inline-block;
	position: relative;
	height: 26px;
	overflow: hidden;
}

.switch input {
	position: absolute;
	display: block;
	opacity: 0;
	left: 0;
	top: 0;
}

.switch input:checked + label {
	background: #FFC33B;
}

.switch input:checked + label:after {
	left: auto;
	right: 0;
}

.switch label {
	width: 54px;
	height: 26px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	background: #bdbdbd;
	border-radius: 30px;
	transition: all 0.3s linear;
}

.switch label:after {
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	margin: 3px;
	background: #fff;
	border-radius: 10px;
	transition: all 0.3s linear;
	content: '';
}

.btn_plane {
	display: inline-block;
	font-size: 18px;
}

.btn_plane:hover {
	text-decoration: underline;
}

.btn_ui {
	display: inline-block;
	min-width: 280px;
	height: 60px;
	font-size: 12px;
	line-height: 58px;
	background: linear-gradient(180deg, #2d353c, #222);
	border-radius: 1px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	transition: all .2s;
	border: 1px solid #444444;
}

.btn_ui > span {
	display: block;
	padding: 0 10px;
	font-weight: normal;
	white-space: nowrap;
}

.btn_ui:hover {
	border-color: #333;
}

.btn_ui.btn_xlarge {
	min-width: 160px;
	height: 52px;
	padding: 0 20px;
	font-size: 14px;
}

.btn_ui.btn_xlarge > span {
	height: 50px;
	line-height: 50px;
}

.btn_ui.btn_large {
	min-width: 200px;
	padding: 0 40px;
	font-size: 18px;
}

.btn_ui.btn_large > span {
	height: 58px;
	line-height: 58px;
}

.btn_ui.btn_medium {
	min-width: 80px;
	height: 42px;
	font-size: 14px;
}

.btn_ui.btn_medium > span {
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
}

.btn_ui.btn_small {
	min-width: 120px;
	height: 38px;
	font-size: 12px;
}

.btn_ui.btn_small > span {
	height: 37px;
	line-height: 37px;
	padding: 0 20px;
}

.btn_ui.btn_xsmall {
	min-width: 80px;
	height: 30px;
}

.btn_ui.btn_xsmall > span {
	height: 28px;
	line-height: 28px;
	font-size: 11px;
	padding: 0 8px;
}

.btn_ui.btn_xxsmall {
	min-width: 65px;
	height: 30px;
	font-size: 13px;
}

.btn_ui.btn_xxsmall > span {
	height: 28px;
	line-height: 28px;
	padding: 0 6px;
}

.btn_ui.gray {
	border: 1px solid #1c5894;
	background: linear-gradient(#1a5086 0%, #08223c 100%);
	color: #fff;
}

.btn_ui.light_gray {
	border: 1px solid #133454;
	background-color: #133454;
	color: #fff;
}

.btn_ui.navy {
	border: 1px solid #FFC33B;
	background: linear-gradient(#FFC33B 0%, #bd8a15 100%);
	color: #000;
}

.btn_ui.red {
	border: 1px solid #d62424;
	background: linear-gradient(#d62424 0%, #6b1212 100%);
	color: #fff;
}

.btn_ui.blue {
	border: 1px solid #c5a97e;
	background: linear-gradient(180deg, #2d353c, #222);
	border-color: #424242 #181818 #232324 #2c3339;
	color: #fff;
}

.btn_ui.yellow {
	border: 1px solid #FFC33B;
	background: linear-gradient(#FFC33B 0%, #bd8a15 100%);
	color: #000;
}

.btn_ui.buy {
	border-color: #df0034;
	background-color: #df0034;
	color: #fff;
}

.btn_ui.sell {
	border-color: #0b6bcf;
	background-color: #0b6bcf;
	color: #fff;
}

.btn_ui_area {
	padding: 10px 0;
	font-size: 0;
	text-align: right;
}

.btn_ui_area .btn_ui {
	margin: 0 5px;
}

.btn_ui_area.left {
	text-align: left;
}

.btn_ui_area.right {
	text-align: right;
}

.board_more_area {
	position: relative;
	margin-top: 50px;
	text-align: center;
}

.board_more_area .btn_more {
	display: inline-block;
	min-width: 280px;
	height: 70px;
	padding: 0 20px;
	background-color: #f8f8f9;
	color: #79818f;
	font-size: 18px;
	font-weight: 400;
	line-height: 70px;
	text-align: center;
	vertical-align: top;
	border-radius: 35px;
	transition: all .2s;
}

.board_more_area .btn_more:hover {
	background-color: #e9e9ef;
}

.board_more_area .btn_more .fal {
	margin-top: 24px;
	margin-left: 4px;
	vertical-align: top;
}

.btn {
	font-size: 12px;
	background: #040606;
	border: 1px solid #444444;
	color: #fff;
	border-radius: 2px;
}

.btn:hover {
	color: #FFC33B;
}

.btn.bg-gradient {
	background-image: linear-gradient(#FFC33B 0%, #FFC33B 54.68%, #e58400 100%) !important;
	color: #212527;
	border-color: #FFC33B;
}

.btn.ctype1 {
	background: #d9d9d9;
	color: #000;
	overflow: hidden;
	padding: 8px 15px;
}

.btn.ctype2 {
	background: #666;
	color: #fff;
	overflow: hidden;
	padding: 8px 15px;
}

.btn.submit {
	background: #0c2748;
	border-color: #0c2748;
	color: #fff;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
}

.btn.submit:hover {
	background-color: #264871;
	border-color: #264871;
}

.btn.cancel {
	background: #666;
	color: #fff;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
}

.btn.complete {
	background: #02abd2;
	color: #fff;
}

.btn.progress {
	background: #ffb005;
	color: #fff;
	padding: 4px 0;
	border-radius: 2px;
	min-width: 59px;
}

.btn.sell {
	background: #0b6bcf;
	border-color: #0b6bcf;
	color: #fff;
	border-radius: 15px;
	min-width: 59px;
}

.btn.sell:hover {
	background: #0b619e;
	border-color: #0b619e;
}

.btn.buy {
	background: #df0034;
	border-color: #df0034;
	color: #fff;
	border-radius: 15px;
	min-width: 59px;
}

.btn.buy:hover {
	background: #cc3f34;
	border-color: #cc3f34;
}

.btn.end {
	background: #b7b6b6;
	color: #fff;
	padding: 4px 0;
	border-radius: 2px;
	min-width: 59px;
}

.btn.etc1 {
	border: 1px solid #cb1919;
	color: #cb1919;
}

.btn.etc2 {
	border: 1px solid #FFC33B;
	color: #FFC33B;
}

.btn.co1 {
	border-color: #ff6c60;
	background-color: #ff6c60;
	color: #fff;
}

.btn.co1:hover {
	border-color: #ec5649;
	background-color: #ec5649;
}

.btn.co2 {
	border-color: #FFC33B;
	background-color: #FFC33B;
	color: #fff;
}

.btn.co2:hover {
	border-color: #016fbd;
	background-color: #016fbd;
}

.btn.co3 {
	background: #02abd2;
	color: #fff;
	padding: 7px 19px;
}

.btn.base {
	background-color: #f2f3f5;
	color: #101010;
	border: none;
}

.btn.base:hover {
	background-color: #d7dce6;
}

.icon_bul {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-left: 5px;
	margin-top: 2px;
	background: #fff;
	border-radius: 100%;
	text-indent: -999em;
	vertical-align: sub;
}

.table_form {
	width: 100%;
	background-color: rgba(0, 0, 0, .5);
	border-top: 1px solid #FFC33B;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.table_form dl {
	display: flex;
}

.table_form dl dt, .table_form dl dd {
	border-bottom: 1px solid #303030;
}

.table_form dl dt {
	min-width: 16%;
	width: 16%;
	padding: 20px 20px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-align: left;
}

.table_form dl dt .icon_bul {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-left: 5px;
	background: #e32c51;
	border-radius: 100%;
	text-indent: -999em;
	vertical-align: sub;
}

.table_form dl dt .sub {
	display: block;
	margin-top: 4px;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.5);
}

.table_form dl dd {
	flex: 1;
	min-width: 0;
	padding: 20px 20px;
	font-size: 14px;
}

.table_form dl dd.text-yellow {
	color: #FFC33B;
}

.table_form dl dd .input_text {
	width: 80%;
}

.table_form dl dd .flexbox {
	display: flex;
	align-items: center;
}

.table_form dl dd .flexbox .btn_ui {
	margin-left: 10px;
}

.table_form dl dd .number_box .selectbox, .table_form dl dd .number_box .input_text {
	width: 150px;
	margin: 0;
}

.table_form dl dd .number_box .selectbox:first-child, .table_form dl dd .number_box .input_text:first-child {
	margin-left: 0;
}

.table_form dl dd .number_box .selectbox + .selectbox {
	margin: 0 5px;
}

.table_form dl dd .number_box .dash {
	display: inline-block;
	min-width: 10px;
	width: 10px;
	height: 1px;
	margin: 0 10px;
	background: #979797;
	vertical-align: middle;
}

.table_form dl dd .number_box .input_text {
	margin: 0;
}

.table_form dl dd .number_box .btn_ui {
	margin-left: 10px;
}

.table_form dl dd .number_box + .number_box {
	margin-top: 10px;
}

.table_form dl dd .email_box .selectbox, .table_form dl dd .email_box .input_text {
	width: 250px;
}

.table_form dl dd .email_box .selectbox:first-child, .table_form dl dd .email_box .input_text:first-child {
	margin-left: 0;
}

.table_form dl dd .email_box .selectbox {
	margin-left: 10px;
}

.table_form dl dd .email_box .at {
	margin: 0 5px;
	font-size: 18px;
}

.table_form dl dd .auto_box {
	position: relative;
}

.table_form dl dd .auto_box .input_text {
	width: 250px;
}

.table_form dl dd .label {
	display: inline-block;
	margin: 0 5px;
	font-size: 13px;
	vertical-align: middle;
}

.table_form dl dd .hint {
	display: block;
	margin-top: 10px;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.5);
}

.table_form dl dd .hint.red {
	color: #D82B29;
}

.table_form dl dd .bank_name {
	display: block;
	font-weight: 400;
	color: #333;
}

.table_form dl dd .bank_name + .desc {
	margin-top: 6px;
}

.table_form dl dd .cash {
	font-weight: 400;
	color: #FFC33B;
}

.table_form dl dd .desc {
	display: block;
	margin-top: 4px;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.5);
}

.table_form dl dd.settings {
	padding-bottom: 20px;
}

.table_form dl dd.settings .radio, .table_form dl dd.settings .checkbox {
	display: block;
	margin-left: 0;
}

.table_form dl dd.settings .radio + .radio, .table_form dl dd.settings .radio + .checkbox, .table_form dl dd.settings .checkbox + .radio, .table_form dl dd.settings .checkbox + .checkbox {
	margin-top: 10px;
}

.table_form + .tit_area h3 {
	margin-top: 60px;
}

.board_view {
	position: relative;
	background-color: #161718;
	border-top: 1px solid #FFC33B;
}

.board_view .view_top {
	display: table;
	width: 100%;
	background: #1b1b1f;
	border-bottom: 1px solid #000;
	table-layout: fixed;
}

.board_view .view_top .tit {
	display: table-cell;
	padding: 10px 20px;
	font-size: 15px;
	line-height: 36px;
	font-weight: 500;
	vertical-align: top;
	color: #fff;
}

.board_view .view_top .writer {
	display: table-cell;
	padding: 0 20px;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.board_view .view_top .date {
	display: table-cell;
	padding: 0 20px;
	font-size: 11px;
	vertical-align: middle;
	color: rgba(255, 255, 255, 0.5);
	text-align: right;
}

.board_view .view_cont {
	min-height: 200px;
	padding: 20px 20px;
	font-size: 12px;
	color: #f9f9f9;
	line-height: 24px;
	font-weight: normal;
}

.board_view .view_cont .source {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #0182DC;
}

.board_view .view_cont img {
	max-width: 100%;
}

.board_view .view_bet_log {
	padding: 20px 20px;
}

.board_view .view_attach {
	padding: 30px 30px 20px;
	border-top: 1px solid #eee;
}

.board_view .view_attach dt {
	padding-bottom: 20px;
	font-weight: 500;
	font-size: 17px;
}

.board_view .view_attach dd a {
	display: inline-block;
	position: relative;
	height: 42px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 0 20px;
	border-radius: 1px;
	background-color: #f7f7f7;
	font-size: 15px;
	line-height: 42px;
	vertical-align: top;
}

.board_view .view_attach dd a:after {
	content: '';
	position: absolute;
	top: 15px;
	right: 20px;
	width: 10px;
	height: 12px;
	background: url("/asset/images/common/sp_btn.png") no-repeat 0 -50px;
}

.board_view .view_reply {
	position: relative;
	padding: 20px 20px;
	border-top: 1px solid #3e3e3e;
	border-bottom: 1px solid #3e3e3e;
}

.board_view .view_reply .profile {
	display: flex;
	position: relative;
	padding: 10px 10px;
	background-color: #363636;
	border: none;
	border-bottom: none;
}

.board_view .view_reply .profile dt {
	flex: 1;
	min-width: 0;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

.board_view .view_reply .profile dd {
	color: rgba(255, 255, 255, 0.5);
	font-size: 11px;
	white-space: nowrap;
}

.board_view .view_reply .reply_txt {
	position: relative;
	padding: 10px 10px;
	border: none;
	background-color: #262626;
	font-size: 13px;
	color: #c7c7c7;
	line-height: 24px;
}

.option_box {
	margin: 20px 0;
}

.option_box.center {
	text-align: center;
}

.option_box.right {
	text-align: right;
}

/* table */
.tbl_cont {
	border-top: 1px solid #323248;
	border-bottom: 1px solid #eee;
}

.tbl_cont table th, .tbl_cont table td {
	padding: 19px 30px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	text-align: center;
	vertical-align: middle;
}

.tbl_cont table th {
	background: #f7f7f7;
	font-weight: 500;
}

.tbl_cont table th em {
	display: block;
	font-size: 15px;
	color: #757575;
	font-weight: 400;
}

.tbl_cont table th.ths {
	background-color: #fff;
}

.tbl_cont table th.thb {
	font-weight: 400 !important;
}

.tbl_cont table tr > th:first-child, .tbl_cont table tr > td:first-child {
	border-left: none;
}

.tbl_cont table tr:first-child th, .tbl_cont table tr:first-child td {
	border-top: none;
}

.tbl_cont table thead + tbody tr:first-child th, .tbl_cont table thead + tbody tr:first-child td {
	border-top: 1px solid #eee;
}

.tbl_cont table tfoot tr th, .tbl_cont table tfoot tr td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	background: #f9f9f9;
}

.tbl_cont table tfoot tr.total + tr th, .tbl_cont table tfoot tr.total + tr td {
	border-top: 1px solid #ccc;
}

.tbl_cont.left table td {
	text-align: left;
}

.tbl_tip {
	margin-bottom: 8px;
	padding: 10px 5px;
	font-size: 13px;
	color: #fff;
}

.board_btn_top,
.board_btn_bottom {
	display: flex;
	position: relative;
	/* background-color: #3a3a3a; */
	margin-bottom: 1px;
	align-items: center;
}

.board_btn_top:after,
.board_btn_bottom:after {
	content: '';
	display: block;
	clear: both;
}

.board_btn_top.floating, .board_btn_bottom.floating {
	position: absolute;
	right: 0;
	top: 6px;
}

.board_btn_top .left, .board_btn_top .right,
.board_btn_top .center, .board_btn_bottom .left,
.board_btn_bottom .right, .board_btn_bottom .center {
	display: flex;
	flex: 1;
}

.board_btn_top .left .btn_ui + .btn_ui, .board_btn_top .right .btn_ui + .btn_ui,
.board_btn_top .center .btn_ui + .btn_ui, .board_btn_bottom .left .btn_ui + .btn_ui,
.board_btn_bottom .right .btn_ui + .btn_ui, .board_btn_bottom .center .btn_ui + .btn_ui {
	margin-left: 8px;
}

.board_btn_top .left, .board_btn_bottom .left {
	justify-content: flex-start;
}

.board_btn_top .right, .board_btn_bottom .right {
	justify-content: flex-end;
}

.board_btn_top .center, .board_btn_bottom .center {
	justify-content: center;
}

.board_btn_top {
	padding: 10px 0;
}

.board_btn_top.align_top {
	margin-top: -48px;
}

.board_btn_top .coup {
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 27px;
}

.board_btn_top .coup strong {
	display: inline-block;
	margin-left: 4px;
	font-size: 15px;
	color: #FFC33B;
	vertical-align: top;
}


.board_check_top {
	display: flex;
	position: relative;
	padding: 10px 0;
	align-items: center;
}

.board_check_top:after {
	content: '';
	display: block;
	clear: both;
}

.board_check_top .left,
.board_check_top .right {
	display: flex;
	flex: 1;
}

.board_check_top .right {
	justify-content: end;
}

.board_check_top .form-check input[type="checkbox"] ~ label {
	padding-left: 30px;
}

.search_form {
	padding-bottom: 20px;
}

.board_btn_bottom {
	padding-top: 20px !important;
}

.tbl_board {
	border-top: 1px solid #FFC33B;
}

.tbl_board th, .tbl_board td {
	border-bottom: 1px solid #343434;
}

.tbl_board th .checkbox, .tbl_board td .checkbox {
	margin-top: -10px;
	vertical-align: middle;
}

.tbl_board th .checkbox label, .tbl_board td .checkbox label {
	padding-left: 24px;
}

.tbl_board th.left, .tbl_board td.left {
	text-align: left;
}

.tbl_board th.right, .tbl_board td.right {
	text-align: right;
}

.tbl_board th.bdb, .tbl_board td.bdb {
	border-bottom: 1px solid #2e3956;
}

.tbl_board th.bdr, .tbl_board td.bdr {
	border-right: 1px solid #2e3956;
}

.tbl_board th.bdl, .tbl_board td.bdl {
	border-left: 1px solid #2e3956;
}

.tbl_board th {
	padding: 12px 10px;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color: #0e0e0e;
}

.tbl_board td {
	padding: 8px 8px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.tbl_board td a {
	color: #FFC33B;
}

.tbl_board td a .attach {
	display: inline-block;
	padding: 0 4px;
	height: 22px;
	background-color: rgba(255, 255, 255, .1);
	font-size: 11px;
	vertical-align: middle;
	border-radius: 2px;
	color: #fff;
	line-height: 22px;
	min-width: 46px;
	margin-top: -2px;
	text-align: center;
	letter-spacing: -1px;
}

.tbl_board td a .attach .fal {
	margin-top: 5px;
	margin-right: 4px;
	font-size: 12px;
	vertical-align: top;
}

.tbl_board td .in, .tbl_board td .inn {
	font-weight: 400;
	color: #ffc33a;
}

.tbl_board td .out {
	font-weight: 400;
	color: #ff5663;
}

.tbl_board td .cash {
	font-weight: bold;
}

.tbl_board td .cash.in_cash {
	color: #FFC33B;
}

.tbl_board td .cash.out_cash {
	color: #ff565a;
}

.tbl_board td .yes {
	color: #ff565a;
}

.tbl_board td .no {
	color: rgba(255, 255, 255, 0.5);
}

.tbl_board td .badge {
	display: inline-block;
	padding: 0 10px;
	height: 26px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 26px;
	border-radius: 13px;
	vertical-align: middle;
}

.tbl_board td .badge.stay {
	background-color: #08223c;
	border-color: #08223c;
	color: #fff;
}

.tbl_board td .badge.complete {
	background-color: #0182dd;
	border-color: #0182dd;
	color: #fff;
}

.tbl_board td .badge.cancel {
	background-color: #ad0d00;
	border-color: #df1100;
	color: #fff;
}

.tbl_board td .badge.dcancel {
	background-color: #e70012;
	border-color: #e70012;
	color: #fff;
}

.tbl_board td .text_box.request {
	color: rgba(255, 255, 255, 0.5);
}

.tbl_board td .text_box.complete {
	color: #0182dd;
}

.tbl_board td .text_box.fail {
	color: #d22627;
}

.tbl_board td .text_box.stay {
	color: #959595;
}

.tbl_board td .file {
	color: rgba(255, 255, 255, 0.5);
}

.tbl_board td .read {
	color: #959595;
}

.tbl_board td .cate {
	color: #fff;
}

.tbl_board td .unread {
	color: #00b3e0;
}

.tbl_board td .flexbox {
	display: flex;
	align-items: center;
}

.tbl_board td .flexbox .input_text + .selectbox {
	margin-left: 5px;
}

.tbl_board td .flexbox .btn_ui {
	margin-left: 10px;
}

.tbl_board td .flexbox .label {
	display: block;
	margin-left: 10px;
}

.tbl_board td .ball + .ball {
	margin-left: 4px;
}

.tbl_board td .bet_result_box {
	padding: 12px 12px;
}

.tbl_board td .bet_result_box .sports_game_item {
	border: none;
}

.tbl_board td .bet_result_box .sports_game_item .score_col.team_name {
	border-right: none !important;
}

.tbl_board td .bet_result_box .sports_game_item .score_col.type {
	display: flex !important;
}

.tbl_board td .bet_result_box .sports_game_item .score_col.type .line {
	min-width: 100px;
}

.tbl_board td .bet_result_box .sports_game_item .sports_score_head {
	border-radius: 3px;
	overflow: hidden;
}

.tbl_board td .bet_result_box .sports_game_item + .sports_game_item {
	border-top: 1px solid #ddd;
}

.tbl_board td .bet_result_box .sports_game_item:last-child {
	border-bottom: none;
}

.tbl_board td .btn_ui {
	text-decoration: none !important;
}

.tbl_board td .btn_score {
	display: inline-block;
	min-width: 45px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	padding: 0 7px;
	color: #bdbdbd;
	font-weight: 400;
	border-collapse: separate;
	border-radius: 2px;
	cursor: pointer;
}

.tbl_board td.hdr {
	padding: 2px 0;
	border: none !important;
}

.tbl_board td.balls {
	white-space: nowrap;
}

.tbl_board td.cash {
	font-weight: bold;
	color: #FFC33B;
}

.tbl_board td.game {
	font-weight: 400;
	color: #fff;
}

.tbl_board td.game a {
	color: #fff;
}

.tbl_board td.date {
	color: #838383;
}

.tbl_board td.subject {
	text-align: left;
	color: #000;
}

.tbl_board td.subject a {
	color: #000;
}

.tbl_board td.results {
	padding: 0;
}

.tbl_board td.btn_set .btn_ui {
	margin-top: 5px;
}

.tbl_board td.noresult {
	padding: 40px 20px !important;
	text-align: center;
}

.tbl_board td.noresult .fal {
	margin-bottom: 10px;
	font-size: 30px;
}

.tbl_board tbody th {
	border-bottom: none;
	border-top: 1px solid #FFC33B;
}

.tbl_board a:hover {
	text-decoration: underline;
}

.tbl_board a .notice {
	display: inline-block;
	height: 21px;
	margin-top: 0;
	margin-right: 6px;
	padding: 0 8px;
	font-size: 12px;
	font-weight: 400;
	line-height: 23px;
	border-radius: 11px;
	vertical-align: top;
	background-color: #fff;
	border: 1px solid #ddd;
	color: #101010;
}

.tbl_board a .new {
	display: inline-block;
	height: 21px;
	margin-top: 0;
	margin-right: 6px;
	padding: 0 8px;
	font-size: 12px;
	font-weight: 400;
	line-height: 23px;
	border-radius: 11px;
	vertical-align: top;
	background-color: #FFC33B;
	color: #fff;
}

.tbl_board tr:last-child td.hdr {
	padding: 0;
	border: none;
}

.tbl_board tr.notice td {
	background-color: rgba(255, 255, 255, .05);
}

.tbl_board tr.unread td {
	background-color: #2b2b2a;
}

.tbl_board tr.first {
	background: none !important;
}

.tbl_board tr.first td {
	padding: 10px 30px;
	border-top: none !important;
	background: #131323 !important;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: 2px solid #000026;
	text-align: left;
}

.tbl_board tr.first td a {
	color: #fff;
	font-weight: 600;
}

.tbl_board tr.divide {
	background: none !important;
}

.tbl_board tr.divide td {
	border: none !important;
	background-color: #07396A !important;
}

.tbl_board.tbl_autobet td .tbl_autobet {
	border: 1px solid #2e3956;
}

.tbl_board.tbl_autobet td .tbl_autobet tr td {
	padding-top: 8px;
	padding-bottom: 8px;
	border-right: 1px solid #2e3956;
}

.tbl_board.tbl_autobet td .tbl_autobet tr td:last-child {
	border-right-color: #2e3956;
}

.tbl_board.tbl_autobet td .tbl_autobet tr:first-child td {
	border-top-color: #2e3956;
}

.tbl_board.tbl_autobet td.hdr {
	background-color: #000026 !important;
}

.tbl_board.tbl_small th, .tbl_board.tbl_small td {
	padding: 15px 10px;
	font-size: 14px;
}

.tbl_board.tbl_small th {
	font-size: 15px;
}

.tbl_board.tbl_small td.noresult {
	padding: 50px 20px !important;
}

.tbl_result_box {
	position: relative;
}

.tbl_result_box .result_box_item {
	position: relative;
	background-color: #3b3c3d;
}

.tbl_result_box .result_box_item th .checkbox, .tbl_result_box .result_box_item td .checkbox {
	margin-top: -10px;
	vertical-align: middle;
	transform: scale(0.7);
}

.tbl_result_box .result_box_item th .checkbox label, .tbl_result_box .result_box_item td .checkbox label {
	padding-left: 24px;
}

.tbl_result_box .result_box_item th {
	padding: 7px 5px;
	font-weight: 600;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color: #2a2a2a;
	border-bottom: 1px solid #000;
}

.tbl_result_box .result_box_item td {
	height: 45px;
	padding: 2px 10px;
	border-left: 1px solid #07223C;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
}

.tbl_result_box .result_box_item td:first-child {
	border-left: none;
}

.tbl_result_box .result_box_item td.date {
	color: rgba(255, 255, 255, 0.5);
}

.tbl_result_box .result_box_item td.type {
	color: #fff;
	font-weight: 600;
}

.tbl_result_box .result_box_item td.odd {
	color: #fff;
	font-weight: 600;
	text-align: left;
}

.tbl_result_box .result_box_item td.odd em {
	color: #ffcc00;
}

.tbl_result_box .result_box_item td.score em {
	display: inline-block;
	margin-top: -10px;
	vertical-align: middle;
}

.tbl_result_box .result_box_item td.score span {
	font-size: 21px;
	font-weight: bold;
	color: #fff;
}

.tbl_result_box .result_box_item td.score span.win {
	color: #FFC33B;
}

.tbl_result_box .result_box_item td.win_money {
	color: #f89924;
	font-weight: bold;
}

.tbl_result_box .result_box_item td.money {
	color: #fff;
	font-weight: bold;
}

.tbl_result_box .result_box_item td .item_inner_table {
	border: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #262626;
	border-right: 1px solid #000000;
}

.tbl_result_box .result_box_item td .item_inner_table table td {
	font-size: 12px;
	padding: 5px 10px 3px;
	border-color: #000000;
	border-bottom: 1px solid #000;
}

.tbl_result_box .result_box_item td .item_inner_table table td b {
	font-weight: normal;
	color: #fff;
}

.tbl_result_box .result_box_item td .item_inner_table table td.money {
	color: #FFC33B;
}

.tbl_result_box .result_box_item td .item_inner_table table td:last-child {
	border-bottom: none;
}

.tbl_result_box .result_box_item td .item_inner_table table tr:last-child td {
	border-bottom: none;
}

.tbl_result_box .result_box_item td .item_inner_table table td.check {
	padding-left: 0;
	padding-right: 0;
}

.tbl_result_box .result_box_item td .item_inner_table table td .odd_box {
	display: inline-block;
	min-width: 120px;
	height: 34px;
	padding: 0 10px;
	color: #fff;
	text-align: center;
	line-height: 34px;
	border-radius: 2px;
	background-color: #161616;
	border: 1px solid #000000;
}

.tbl_result_box .result_box_item td .item_inner_table table td .odd_box em {
	color: #ffcc00;
}

.tbl_result_box .result_box_item td .text-box {
	padding: 0 5px;
	font-size: 11px;
}

.tbl_result_box .result_box_item td .sports_icon {
	display: inline-block;
	margin-top: -4px;
	vertical-align: top;
}

.tbl_result_box .result_box_item td .team_info {
	display: flex;
}

.tbl_result_box .result_box_item td .team_info dt, .tbl_result_box .result_box_item td .team_info dd {
	font-size: 12px;
	color: #fff;
	text-align: left;
}

.tbl_result_box .result_box_item td .team_info dt {
	min-width: 50px;
}

.tbl_result_box .result_box_item td .team_info dt.home {
	color: #ff5600;
}

.tbl_result_box .result_box_item td .team_info dt.away {
	color: #2792d1;
}

.tbl_result_box .result_box_item td .team_info dd {
	flex: 1;
	min-width: 0;
}

.tbl_result_box .result_box_item td .team_info + .team_info {
	margin-top: 5px;
}

.tbl_result_box .result_box_item td.result_td {
	padding: 5px 10px 10px;
}

.tbl_result_box .result_box_item td.result_td .bet_score_result {
	background-color: rgba(0, 0, 0, .5);
	padding: 8px 12px;
}

.tbl_result_box .result_box_item td.result_td .bet_score_result:after {
	content: '';
	display: block;
	clear: both;
}

.tbl_result_box .result_box_item td.result_td .bet_score_result .info {
	display: flex;
	float: left;
	width: 50%;
	padding: 4px 0;
}

.tbl_result_box .result_box_item td.result_td .bet_score_result .info dt, .tbl_result_box .result_box_item td.result_td .bet_score_result .info dd {
	font-size: 12px;
	line-height: 19px;
}

.tbl_result_box .result_box_item td.result_td .bet_score_result .info dt {
	min-width: 82px;
	text-align: left;
}

.tbl_result_box .result_box_item td.result_td .bet_score_result .info dd {
	flex: 1;
	color: #fff;
	text-align: left;
}

.tbl_result_box .result_box_item td.result_td .bet_score_result .info dd.money {
	font-size: 14px;
	font-weight: bold;
	color: #FFC33B;
}

.tbl_result_box .result_box_item td.result_td .bet_score_result .info dd.odd {
	font-size: 14px;
	font-weight: bold;
	color: #ffcc00;
}

.tbl_result_box .result_box_item tr:first-child td {
	padding-top: 10px;
}

.tbl_result_box .result_box_item tr:last-child td {
	padding-bottom: 10px;
}

.tbl_result_box .result_box_item + .result_box_item {
	margin-top: 15px;
}

.no_result_box {
	padding: 120px 40px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #1c1c1c;
}

.no_result_box .icon {
	display: block;
	margin-bottom: 10px;
	font-size: 28px;
	color: rgba(255, 255, 255, 0.5);
}

.event_list {
	margin: 0 -15px;
}

.event_list:after {
	content: '';
	display: block;
	clear: both;
}

.event_list li {
	float: left;
	width: 20%;
	min-height: 504px;
	padding: 4px 4px;
	margin-bottom: 20px;
	position: relative;
}

.event_list li .inner {
	display: block;
	position: relative;
	padding: 15px 15px;
	background-color: rgba(0, 0, 0, 0.3);
}

.event_list li .inner .image {
	display: block;
	position: relative;
	padding-top: 129%;
	overflow: hidden;
	background: url(/img/common/img_logo.png) rgba(0, 0, 0, .8) no-repeat 50% 50%;
	background-size: 120px;
}

.event_list li .inner .image > img {
	position: absolute;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
}

.event_list li .inner .info_txt {
	height: 42px;
	margin-top: 15px;
	text-align: left;
}

.event_list li .inner .info_txt dt {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.event_list li .inner .info_txt dd {
	margin-top: 4px;
	font-size: 11px;
}

.event_list li .inner .info_txt dd.date {
	color: #999;
}

.event_list li .inner .btn_area {
	display: flex;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.event_list li .inner .btn_area .btn_ui {
	flex: 1;
	border-radius: 2px;
}

.event_list li .inner .btn_area .btn_ui + .btn_ui {
	margin-left: 8px;
}

.game_tabs {
	display: flex;
	margin-bottom: 4px;
}

.game_tabs li {
	flex: 1;
	position: relative;
}

.game_tabs li + li {
	margin-left: 1px;
}

.game_tabs li a {
	display: flex;
	position: relative;
	padding: 4px 5px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #353535;
}

.game_tabs li a .fal {
	margin: 0 0 0 0;
	font-size: 22px;
	vertical-align: top;
}

.game_tabs li a .fal.fa-sport-687890:before {
	content: "\f11b";
}

.game_tabs li a .fal.fa-sport-35232:before {
	content: "\f454";
}

.game_tabs li a .txt {
	display: block;
	margin-top: 1px;
	font-size: 12px;
	font-weight: 500;
}

.game_tabs li a .count {
	display: inline-block;
	margin-top: 1px;
	padding: 0px 10px 1px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #fbc749;
}

.game_tabs li a:hover {
	background-color: #175590;
}

.game_tabs li.on {
	z-index: 5;
}

.game_tabs li.on a {
	background: linear-gradient(#FFC33B 0%, #FFC33B 54.68%, #e58400 100%);
	border-color: #000;
	color: #222;
	font-weight: 500;
}

.game_tabs li.on a .count {
	color: #222;
}


.game_loading_layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	padding: 0;
	align-content: center;
	justify-content: center;
	text-align: center;
	background-color: rgba(245, 245, 245, 0.5);
	z-index: 10;
}

.game_loading_layer .layer_box {
	position: relative;
	margin: auto auto;
	padding: 30px 30px;
	background-color: #232323;
	border-radius: 10px;
}

.game_loading_layer .layer_box p {
	margin-top: 10px;
	font-size: 12px;
	color: #fff;
}

.game_loading_layer .layer_box p em {
	font-weight: bold;
	color: #ffb005;
}

.game_loading_layer .layer_box .odd_info {
	padding: 10px 10px;
	background-color: rgba(255, 255, 255 ,.1);
}

.game_loading_layer .layer_box .odd_info .team,
.game_loading_layer .layer_box .odd_info .betting {
	display: flex;
	padding: 4px 0;
}

.game_loading_layer .layer_box .odd_info .team dt,
.game_loading_layer .layer_box .odd_info .team dd,
.game_loading_layer .layer_box .odd_info .betting dt,
.game_loading_layer .layer_box .odd_info .betting dd {
	font-size: 12px;
	text-align: left;
}

.game_loading_layer .layer_box .odd_info .team dt,
.game_loading_layer .layer_box .odd_info .betting dt  {
	min-width: 50px;
	margin-right: 8px;
	color: #999;
}

.game_loading_layer .layer_box .odd_info .team dd,
.game_loading_layer .layer_box .odd_info .team dd {
	flex: 1;
	min-width: 0;
}

.game_loading_layer .layer_box .odd_info .betting dd {
	color: #ffc33b;
	font-weight: bold;
}

.sports_icon {
	display: block;
	min-width: 26px;
	height: 26px;
}

.sports_icon .fal {
	margin-top: 4px;
}

.sports_icon.icon_6046 {
	width: 26px;
	height: 26px;
	background-position: -90px -344px;
}

.sports_icon.icon_154914 {
	width: 26px;
	height: 26px;
	background-position: -385px -308px;
}

.sports_icon.icon_48242 {
	width: 26px;
	height: 26px;
	background-position: -325px -308px;
}

.sports_icon.icon_154830 {
	width: 26px;
	height: 26px;
	background-position: -60px -344px;
}

.sports_icon.icon_35232 {
	width: 26px;
	height: 26px;
	background-position: 0px -344px;
}

.sports_icon.icon_1149093 {
	width: 26px;
	height: 26px;
	background-position: -30px -344px;
}

.sports_icon.icon_687890 {
	width: 26px;
	height: 26px;
	background-position: -355px -308px;
}

.sports_flag {
	display: block;
	width: 26px;
	min-width: 26px;
	height: 26px;
	font-size: 0;
}

.sports_flag > img {
	width: 100%;
}

.btn_pop_area {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 20px 0;
	background-color: #000;
	text-align: center;
	z-index: 1000;
}

.btn_pop_area .btn_ui.btn_medium {
	min-width: 140px;
}

@keyframes scale {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}

.arr_wave {
	display: inline-block;
}

.arr_wave.up {
	color: #fe3131;
}

.arr_wave.down {
	color: #317efe;
}

.better {
	-moz-animation: ratebetter 1s linear none 0s infinite;
	-webkit-animation: ratebetter 1s linear none 0s infinite;
	animation: ratebetter 1s linear none 0s infinite;
}

.worse {
	-moz-animation: rateworse 1s linear none 0s infinite;
	-webkit-animation: rateworse 1s linear none 0s infinite;
	animation: rateworse 1s linear none 0s infinite;
}

.intro_page {
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #131D30;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	padding: 180px 50px;
}

.intro_page .intro_page_bg {
	z-index: 1;
	background-image: url(/img/intro/intro_bg.jpg);
	max-height: 950px;
}

.intro_page .intro_page_bg,
.intro_page .intro_page_bg_tiles {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.intro_page .intro_page_bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.intro_page .intro_page_bg_tiles {
	z-index: 2;
	background-color: rgba(0, 0, 0, .5);
}

.intro_page .intro_page_bg_fader {
	z-index: 3;
	position: absolute;
	left: 0;
	right: 0;
	height: 320px;
}

.intro_page .intro_page_bg_fader.m_top {
	top: 0;
	background: linear-gradient(180deg, rgba(18, 27, 38, 0.63) 0%, rgba(26, 47, 53, 0) 100%);
}

.intro_page .intro_page_bg_fader.m_bottom {
	bottom: 0;
	background: linear-gradient(180deg, rgba(15, 42, 67, 0) 0%, #131D30 100%);
}

.intro_page .intro_page_content {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 0px;
	flex-shrink: 0;
	flex: 1;
	min-width: 780px;
	padding: 60px 50px;
	align-items: center;
	justify-content: center;
}

.intro_page .intro_page_logo {
	margin-bottom: 40px;
	display: block;
	text-align: center;
}

.intro_page .intro_page_logo img {
	width: 320px;
}

.intro_page .intro_page_button {

}

.intro_page .intro_page_title {
	display: none;
	font-family: 'PT Serif', serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	font-size: 40px;
	margin: 80px 0 10px;
	line-height: 48px;
	text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
}

.intro_page .intro_page_text {
	font-size: 19px;
	line-height: 28px;
	font-weight: normal;
	text-align: center;
	text-shadow: 0px 5px 6px #0B161D;
	margin: 40px 0;
}

.intro_page .intro_page_play {
	position: relative;
	min-width: 400px;
	background: linear-gradient(-90deg, #EE7752, #E73C7E, #23A6D5, #23D5AB, #EE7752);
	background-size: 400% 100%;
	text-transform: uppercase;
	font-weight: 700;
	border: none;
	border-radius: 0.25em;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 0;
	margin-bottom: 20px;
	-webkit-animation: Gradient 4s ease infinite;
	animation: Gradient 4s ease infinite;
	text-decoration: none;
	display: block;
}

.intro_page .intro_page_play div {
	color: #000;
	min-height: 40px;
	padding: 0 1.618em;
	border-radius: inherit;
	background-size: inherit;
	background-image: inherit;
	-webkit-animation: Gradient 4s ease infinite;
	animation: Gradient 4s ease infinite;
	position: relative;
	z-index: 1;
	mix-blend-mode: overlay;
	font-family: 'Helvetica Neue';
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
}

.intro_page .intro_page_desc {
	box-shadow: -1px 0 0 1px rgb(173 211 86 / 75%), -1px -1px 0 1px rgb(130 214 106 / 25%), -1px 1px 0 1px rgb(130 214 106 / 25%), 0 -1px 0 1px rgb(87 217 126 / 50%), 0 1px 0 1px rgb(87 217 126 / 50%), 1px -1px 0 1px rgb(44 220 146 / 25%), 1px 1px 0 1px rgb(44 220 146 / 25%), 1px 0 0 1px rgb(0 223 166 / 75%);
	padding: 50px 50px;
	text-align: center;
	width: 100%;
	font-size: 18px;
	line-height: 26px;
	color: #48d482;
	margin-top: 40px;
}

@-webkit-keyframes Gradient {
	50% {
		background-position: 140% 50%;
		transform: skew(-2deg);
	}
}

@keyframes Gradient {
	50% {
		background-position: 140% 50%;
		transform: skew(-2deg);
	}
}

.intro_page .intro_page_buttons {
	margin-top: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	display: flex;
	width: 100%;
	padding: 0;
}

.intro_page .intro_page_button {
	cursor: pointer;
	display: block;
	text-decoration: none;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 4px;
	flex-shrink: 0;
	flex: 1;
	margin: 7px 0;
	transition: all 0.2s ease;
	text-align: center;
	padding: 20px 10px;
	font-size: 14px;
	line-height: 23px;
	border-left: 2px solid rgba(5,118,255,1);
	border-right: 2px solid rgba(36,248,255,1);
	background-image: -webkit-linear-gradient(left, rgba(5,118,255,1), rgba(36,248,255,1)), -webkit-linear-gradient(left, rgba(5,118,255,1), rgba(36,248,255,1));
	background-size: 100% 2px;
	background-position: 0 100%, 0 0;
	background-repeat: no-repeat;
	background-clip: border-box;
	color: rgba(36,248,255,1);
	white-space: nowrap;
}

.intro_page .intro_page_button + .intro_page_button {
	margin-left: 20px;
}

.casino-nav {
	display: flex;
	margin-top: 2px;
	padding: 0 6px;
}

.casino-nav li {
	position: relative;
	flex: 1;
	background: linear-gradient(to bottom, #4c4c4c 0, #313131 50%, #202020 50%);
	box-shadow: 0 0 1px #000;
	border: solid 1px;
	border-color: #7e7e7e #464646 #444 #585858;
}

.casino-nav li + li {
	margin-left: 2px;
}

.casino-nav li:first-child {
	margin-left: 0;
}

.casino-nav li a {
	display: flex;
	height: 158px;
	padding: 0 0 0 130px;
	font-weight: 400;
	font-family: inherit;
	line-height: inherit;
	text-align: left;
	flex-direction: column;
	justify-content: center;
}

.casino-nav li a:after {
	display: none;
}

.casino-nav li a .fal {
	content: '';
	display: inline-block;
	position: absolute;
	left: 40px;
	top: 40px;
	font-size: 43px;
	color: #999;
}

.casino-nav li a .tit {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 22px;
	color: #fff;
}

.casino-nav li a .txt {
	margin-top: 0;
	font-size: 14px;
	color: #999;
	line-height: 26px;
	margin: 0;
}

.casino-nav li.on {
	background: linear-gradient(to bottom, #fae82c 0, #ecab29 50%, #db9d1d 50%);
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #f6d52b;
}

.casino-nav li.on .fal {
	color: #000;
}

.casino-nav li.on a .tit, .casino-nav li.on a .txt {
	color: #000;
}

.casino-wrapper .game_list_wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
}

@keyframes slideInDown {
	from {
		transform: translate3d(0, -70%, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes ratebetter {
	from {
		color: #fff;
	}
	50% {
		color: #000;
	}
	to {
		color: #fff;
	}
}

@keyframes rateworse {
	from {
		color: #000;
	}
	50% {
		color: #317efe;
	}
	to {
		color: #000;
	}
}

/* media query */
@media screen and (max-width: 1440px) {
	#header .header_gnb .gnb_login {
		width: 250px;
	}

	#header .header_gnb .gnb_login .login_before {
		padding: 0 20px;
	}

	#header .header_gnb .gnb_login .login_before .intro {
		font-size: 13px;
	}

	#header .header_gnb .gnb_login .login_after .state_left {
		min-width: 0;
		flex: 1;
	}

	#header .header_gnb .gnb_login .login_after .state_count {
		display: none;
	}

	#header .header_gnb .gnb.gnb_sub {
		right: 280px;
	}
}

@media screen and (max-width: 1280px) {
	.game_loading_layer {
		height: 100%;
	}

	.vs-product-layout2 .product-content {
		padding: 10px 0 0;
		height: 53px;
	}

	.vs-product-layout2 .product-content .product-name {
		font-size: 13px;
	}

	.cart-btn-group .vs-btn {
		min-width: 115px;
	}

	.product-about {
		padding: 25px 30px 30px 30px;
	}

	.product-about .product-list.mb-35 {
		margin-bottom: 20px;
	}

	.product-about .border-dashed-light.mt-25.mb-20 {
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.product-details-shape {
		max-width: 720px;
	}

	.product-thum-slide {
		position: relative;
		left: 0;
		bottom: 0;
		margin-top: 30px;
		margin-left: 30px;
		margin-bottom: 30px;
	}

	.product-share {
		position: absolute;
		left: 30px;
		top: 30px;
	}

	.game_loading_layer .layer_box {
		padding: 24px 24px;
	}

	.game_loading_layer .layer_box p {
		font-size: 13px;
	}

	.board_btn_top {
		padding: 10px 10px;
	}

	.board_btn_top.floating {
		position: relative;
		top: auto;
		right: auto;
	}

	.board_btn_top.align_top {
		margin-top: 0;
	}

	.board_btn_top .coup {
		font-size: 13px;
		line-height: 27px;
	}

	.board_btn_top .coup strong {
		margin-left: 4px;
		font-size: 13px;
	}


	.board_check_top {
		padding: 10px 10px;
	}

	.input_text {
		width: 100% !important;
		padding: 0 10px;
		font-size: 15px;
		flex: 1;
	}

	.checkbox label {
		padding-left: 34px;
		font-size: 12px;
	}

	.selectbox {
		width: 100% !important;
	}

	.selectbox > select {
		width: 100% !important;
		padding: 0 10px;
		font-size: 14px;
	}

	.ball {
		transform: scale(0.8);
	}

	.ball + .ball {
		margin-left: 0;
	}

	.board_form {
		width: 100%;
		border-top: 1px solid #323248;
	}

	.board_form dl {
		flex-direction: column;
	}

	.board_form dl dt {
		width: 100%;
		min-width: 0;
		font-size: 14px;
		font-weight: bold;
		padding: 15px 15px 0;
		background: none;
		border: none;
	}

	.board_form dl dd {
		padding: 10px 15px 15px;
		font-size: 13px;
		width: 100%;
	}

	.board_form dl dd .input_text {
		height: 45px;
	}

	.board_form dl dd .input_text + .label {
		margin-left: 10px;
	}

	.board_form dl dd .selectbox {
		height: 45px;
	}

	.board_form dl dd .selectbox > select {
		height: 43px;
	}

	.board_form dl dd .label {
		display: block;
		min-width: 70px;
		margin: 0;
	}

	.board_form dl dd .form-control + .label {
		margin-left: 10px;
	}

	.board_form dl dd .flexbox .btn_ui {
		min-width: 90px;
	}

	.board_form dl dd .btn_area .btn_money {
		width: calc(50% - 2px);
		font-size: 12px;
	}

	.board_form dl dd .charge_flex .flexbox {
		margin-top: 5px;
		margin-left: 0;
		min-width: 0;
	}

	.board_form dl dd .charge_flex .flexbox .label {
		min-width: 0;
	}

	.board_form dl dd .charge_flex {
		display: block;
	}

	.board_form dl dd .chaege_btn .btn {
		width: calc(33.3333% - 2px);
	}

	.board_form dl dd .number_box {
		display: flex;
		align-items: center;
	}

	.board_form dl dd .number_box .selectbox {
		min-width: 60px;
	}

	.board_form dl dd .number_box .input_text {
		margin: 0 2px;
	}

	.board_form dl dd .email_box {
		display: flex;
		align-items: center;
	}

	.board_form dl dd .email_box .selectbox {
		min-width: 60px;
	}

	.board_form dl dd .email_box .input_text {
		margin: 0 2px;
	}

	.board_form + .tit_area h3 {
		margin-top: 60px;
	}

	.board_form.narrow {
		padding-left: 0;
		padding-right: 0;
	}

	.board_form .form_box {
		display: block;
		padding: 14px 14px;
	}

	.board_form .form_box .box_col + .box_col {
		margin-top: 20px;
	}

	.table_form {
		width: 100%;
		border-top: 1px solid #323248;
	}

	.table_form dl {
		flex-direction: column;
	}

	.table_form dl dt {
		width: 100%;
		min-width: 0;
		font-size: 14px;
		padding: 15px 15px 0;
		background: none;
		border: none;
	}

	.table_form dl dd {
		padding: 10px 15px 15px;
		font-size: 13px;
	}

	.table_form dl dd .input_text {
		height: 45px;
	}

	.table_form dl dd .selectbox {
		height: 45px;
	}

	.table_form dl dd .selectbox > select {
		height: 43px;
	}

	.table_form dl dd .flexbox .btn_ui {
		min-width: 90px;
	}

	.table_form dl dd .number_box {
		display: flex;
		align-items: center;
	}

	.table_form dl dd .number_box .selectbox {
		min-width: 60px;
	}

	.table_form dl dd .number_box .input_text {
		margin: 0 2px;
	}

	.table_form dl dd .email_box {
		display: flex;
		align-items: center;
	}

	.table_form dl dd .email_box .selectbox {
		min-width: 60px;
	}

	.table_form dl dd .email_box .input_text {
		margin: 0 2px;
	}

	.table_form + .tit_area h3 {
		margin-top: 60px;
	}



	.event_list {
		margin: 0 0;
		padding: 0 5px;
	}

	.event_list li {
		width: 50%;
		min-height: 0;
		padding: 0 2px;
		margin-bottom: 10px;
	}

	.event_list li .inner {
		padding: 5px 5px;
		background-color: rgba(0, 0, 0, 0.3);
	}

	.event_list li .inner .info_txt {
		margin-top: 10px;
		padding: 0 5px;
	}

	.event_list li .inner .info_txt dt {
		font-size: 14px;
	}

	.event_list li .inner .info_txt dd {
		margin-top: 4px;
		font-size: 12px;
	}

	.event_list li .inner .btn_area {
		display: block;
		margin-top: 10px;
		padding-top: 10px;
	}

	.event_list li .inner .btn_area .btn_ui {
		width: 100%;
		margin: 0;
	}

	.event_list li .inner .btn_area .btn_ui + .btn_ui {
		margin-top: 4px;
		margin-left: 0;
	}

	.board_view {
		box-shadow: none;
	}

	.board_view .view_top .tit {
		display: table-cell;
		padding: 15px 0 15px 10px;
		font-size: 15px;
		font-weight: 600;
		line-height: 22px;
	}

	.board_view .view_top .date {
		font-size: 13px;
		white-space: nowrap;
	}

	.board_view .view_cont {
		padding: 15px 10px;
		font-size: 14px;
		line-height: 22px;
	}

	.board_view .view_cont .source {
		margin-top: 10px;
		font-size: 15px;
	}

	.board_view .view_bet_log {
		padding: 15px 10px;
	}

	.board_view .view_attach {
		padding: 15px 10px;
	}

	.board_view .view_attach dt {
		padding-bottom: 10px;
		font-size: 15px;
	}

	.board_view .view_attach dd a {
		height: 42px;
		margin-bottom: 10px;
		margin-right: 10px;
		padding: 0 20px;
		font-size: 15px;
		line-height: 42px;
	}

	.board_view .view_attach dd a:after {
		content: '';
		position: absolute;
		top: 15px;
		right: 20px;
		width: 10px;
		height: 12px;
		background: url("/asset/images/common/sp_btn.png") no-repeat 0 -50px;
	}

	.board_view .view_reply {
		padding: 15px 10px;
	}

	.board_view .view_reply .profile dt {
		font-size: 12px;
	}

	.board_view .view_reply .profile dd {
		font-size: 12px;
	}

	.board_view .view_reply .reply_txt {
		font-size: 12px;
		line-height: 22px;
	}

	.search_form .selectbox + .selectbox {
		margin-top: 8px;
	}

	/* table */
	.tbl_cont table th, .tbl_cont table td {
		padding: 15px 5px;
		font-size: 13px;
	}

	.tbl_cont table th em {
		font-size: 15px;
	}

	.tbl_scroll {
		overflow-x: auto;
	}

	.tbl_scroll .tbl_board {
		min-width: 530px;
		margin: 0;
	}

	.tbl_scroll .tbl_board.tbl_game_result {
		min-width: 640px;
	}

	.tbl_board {
		margin: 0;
	}

	.tbl_board th {
		padding: 8px 5px !important;
		font-size: 12px !important;
	}

	.tbl_board td {
		padding: 10px 5px !important;
		font-size: 12px;
	}

	.tbl_board td .badge {
		min-width: 0;
		height: 28px;
		padding: 0 10px;
		font-size: 13px;
		line-height: 28px;
	}

	.tbl_board td .btn_score {
		min-width: 0;
		height: 24px;
		font-size: 12px;
		line-height: 24px;
		vertical-align: middle;
	}

	.tbl_board td .bet_result_box {
		position: relative;
		border: none;
		padding: 0;
	}

	.tbl_board td .bet_result_box .sports_game_item {
		padding: 6px 6px;
	}

	.tbl_board td .bet_result_box .sports_game_item .game_body .sports_score_list .sports_score_item {
		border-bottom: none;
	}

	.tbl_board td .bet_result_box .sports_game_item .game_body .sports_score_list .sports_score_item .score_col.team_name {
		padding: 0;
	}

	.tbl_board td .bet_result_box .sports_game_item .game_body .sports_score_list .sports_score_item .score_col.score {
		min-width: 0;
		flex: 1;
		border: 1px solid #094a68;
	}

	.tbl_board td .bet_result_box .sports_game_item .game_body .sports_score_list .sports_score_item + .sports_score_item {
		padding-top: 10px;
	}

	.tbl_board td .bet_result_box .sports_game_item .game_body + .game_body {
		border-top: 1px solid #ddd;
	}

	.tbl_board td .bet_result_box .sports_game_item + .sports_game_item {
		margin-top: 4px;
		padding-top: 6px;
	}

	.tbl_board td.noresult {
		padding: 40px 5px !important;
	}

	.btn_ui {
		min-width: 280px;
		height: 40px;
		font-size: 15px;
		line-height: 40px;
	}

	.btn_ui > span {
		padding: 0 8px;
	}

	.btn_ui.btn_xlarge {
		min-width: 0;
		height: 50px;
		padding: 0 10px;
		line-height: 50px;
		font-size: 15px;
	}

	.btn_ui.btn_xlarge > span {
		height: 48px;
		line-height: 48px;
	}

	.btn_ui.btn_large {
		min-width: 0;
		height: 48px;
		line-height: 48px;
		padding: 0 10px;
		font-size: 15px;
	}

	.btn_ui.btn_large > span {
		height: 46px;
		line-height: 46px;
	}

	.btn_ui.btn_medium {
		min-width: 0;
		height: 35px;
		font-size: 12px;
		padding: 0 10px;
		line-height: 35px;
	}

	.btn_ui.btn_medium > span {
		height: 35px;
		padding: 0 5px;
		line-height: 35px;
	}

	.btn_ui.btn_small {
		min-width: 0;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}

	.btn_ui.btn_small > span {
		height: 28px;
		line-height: 28px;
		padding: 0 10px;
	}

	.btn_ui.btn_xsmall {
		min-width: 50px;
		height: 30px;
		line-height: 30px;
	}

	.btn_ui.btn_xsmall > span {
		height: 28px;
		font-size: 12px;
		line-height: 28px;
		padding: 0 10px;
	}

	.btn_ui.btn_xxsmall {
		min-width: 40px;
		height: 22px;
		font-size: 12px;
	}

	.btn_ui.btn_xxsmall > span {
		height: 20px;
		line-height: 20px;
		padding: 0 4px;
	}

	.tbl_result_box {
		padding: 0 10px;
	}

	.tbl_result_box .result_box_item {
		/* background-color: #11427d; */
	}

	.tbl_result_box .result_box_item th {
		font-size: 12px;
		background-color: #2a2a2a;
	}

	.tbl_result_box .result_box_item td {
		padding: 2px 5px;
		font-size: 12px;
	}

	.tbl_result_box .result_box_item td .team_info {
		display: block;
	}

	.tbl_result_box .result_box_item td .team_info dt, .tbl_result_box .result_box_item td .team_info dd {
		font-size: 12px;
	}

	.tbl_result_box .result_box_item td .item_inner_table {

	}

	.tbl_result_box .result_box_item td .item_inner_table table td {
		padding: 5px 5px;
	}

	.tbl_result_box .result_box_item td .item_inner_table table td .sports_icon {
		display: none;
	}

	.tbl_result_box .result_box_item td .item_inner_table table td .odd_box {
		display: block;
		min-width: 0;
		height: 30px;
		padding: 0 3px;
		font-size: 12px;
		line-height: 30px;
	}

	.tbl_result_box .result_box_item td.score em {
		display: none;
		margin: 0;
	}

	.tbl_result_box .result_box_item td.score span {
		font-size: 15px;
	}

	.tbl_result_box .result_box_item td.result_td {
		padding: 0;
	}

	.tbl_result_box .result_box_item td.result_td .bet_score_result {
		padding: 5px 8px;
		background: none;
	}

	.tbl_result_box .result_box_item td.result_td .bet_score_result .info dt, .tbl_result_box .result_box_item td.result_td .bet_score_result .info dd {
		font-size: 12px;
	}

	.tbl_result_box .result_box_item td.result_td .bet_score_result .info dt {
		min-width: 70px;
	}

	.tbl_result_box .result_box_item td.result_td .bet_score_result .info dd.money {
		font-size: 13px;
	}

	.tbl_result_box .result_box_item tr:first-child td {
		padding-top: 5px !important;
	}

	.no_result_box {
		padding: 60px 20px;
		font-size: 13px;
	}

	.no_result_box .icon {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.layer_popup .layer_flex {
		flex-direction: column;
		padding: 55px 15px;
	}

	.layer_popup .layer_body {
		flex: 0;
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	.layer_popup .layer_body + .layer_body {
		margin-top: -8px;
	}

	.layer_popup .layer_body .pop_content {
		padding: 0;
	}

	.layer_popup .layer_body .pop_content .pop_title {
		padding-bottom: 16px;
		font-size: 18px;
	}

	.layer_popup .layer_body .pop_content .pop_inner {
		font-size: 13px;
		line-height: 19px;
	}

	.layer_popup .layer_body .pop_content .trade_status {
		width: 150px;
		height: 150px;
		font-size: 33px;
		line-height: 150px;
	}

	.layer_popup .layer_body .pop_content .btn_area {
		margin-top: 20px;
	}

	.layer_popup .layer_body.agreement {
		width: 100%;
		height: 100%;
		margin: 0;
		min-width: 100%;
	}

	.layer_popup .layer_body.agreement .pop_content {
		padding-top: 45px;
	}

	.layer_popup .layer_body.agreement .agree_container {
		padding-bottom: 0;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .titset h2 {
		font-size: 24px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .titset .desc {
		font-size: 13px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .resultbox {
		margin: 10px 0;
		padding: 16px 0;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .result_dt .space {
		font-size: 12px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .result_dt .space + .space {
		margin-left: 4px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .date {
		font-size: 14px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .money {
		margin-top: 8px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .money .txt {
		margin-top: 9px;
		font-size: 14px;
		margin-right: 10px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .money .num {
		font-size: 28px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts {
		padding: 0;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .ic {
		margin-top: 10px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .ic li {
		padding-left: 10px;
		font-size: 13px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .ic li:before {
		position: absolute;
		left: 0;
		top: 7px;
		width: 4px;
		height: 1px;
		background: #747474;
		margin: 0 4px 4px 0;
		content: "";
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .ic li + li {
		margin-top: 8px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .dealtime {
		margin: 22px 0;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .dealtime .f_left {
		padding-left: 10px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .dealtime .f_left .time {
		font-size: 13px;
		line-height: 29px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .dealtime .f_left .time span {
		margin-left: 4px;
		font-size: 18px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .dealtime .f_right .btn_ui {
		width: 120px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .qaset {
		padding: 0;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .qaset .txt {
		font-size: 13px;
		line-height: normal;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .tb_frm {
		margin-top: 10px;
	}

	.layer_popup .layer_body.agreement .agree_container .awrap .conts .tb_frm table td, .layer_popup .layer_body.agreement .agree_container .awrap .conts .tb_frm table th {
		padding: 6px 6px;
		font-size: 13px;
	}

	.layer_popup .btn_close {
		top: 15px;
		right: 15px;
		transform: scale(0.8);
	}
}

/* media query */
@media screen and (max-width: 1400px) {
	#header .header_gnb .gnb_login {
		width: 280px;
	}

	#header .header_gnb .gnb_login .login_before {
		padding: 0 20px;
	}

	#header .header_gnb .gnb_login .login_before .intro {
		font-size: 14px;
	}

	#header .header_gnb .gnb_login .login_after .state_count {
		display: none;
	}

	#header .header_gnb .gnb.gnb_sub {
		right: 280px;
	}
}

@media screen and (max-width: 1280px) {
	#header {
		position: fixed;
		top: 0;
		left: 0;
	}

	#header .header_top {
		display: none;
	}

	#header .header_gnb > .inner_wrap {
		height: 50px;
		padding-top: 0;
	}

	#header .header_gnb .gnb_login {
		display: none;
	}

	#header .header_gnb .logo {
		top: 50%;
		left: 50%;
		margin-left: -49px;
		margin-top: -13px;
	}

	#header .header_gnb .logo a > img {
		width: 98px;
	}

	#header .header_gnb .logo_link {
		top: 27px;
		left: 50%;
		z-index: 10;
		height: 21px;
		line-height: 18px;
		font-size: 11px;
		padding: 0 10px;
		transform: translate(-50%, 0);
	}

	#header .header_gnb #gnb {
		display: none;
	}

	#header .header_gnb .btn_all_my {
		display: flex;
	}

	#header .header_gnb .btn_all_menu {
		display: flex;
		right: 20px;
		top: 16px;
		width: 21px;
		height: 16px;
		background: none;
	}

	#header .header_gnb .btn_all_menu .inner span {
		background-color: #fff;
	}

	#header .header_gnb .btn_all_menu .inner span.ba_mid {
		top: 7px;
	}

	#header .header_gnb .btn_all_menu .inner span.ba_bot {
		top: 14px;
	}

	#header .all_menu {
		display: block;
		width: 100%;
		padding: 0;
	}

	#header .all_menu.left {
		right: auto;
		left: -100%;
	}

	#header .all_menu.right {
		left: auto;
		right: -100%;
	}

	#header .all_menu.on {
		display: flex;
	}

	#header .all_menu .inner {
		display: flex;
		height: 100%;
		padding: 0;
		flex-direction: column;
		background: #1b1b1f;
		overflow: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	#header .all_menu .inner .head {
		display: block;
		background: linear-gradient(0deg,#24262b 0,#3a3c43 99%,#686b77);
	}

	#header .all_menu .inner .head .head_before {
		display: flex;
		position: relative;
		min-height: 50px;
		padding: 20px 20px 22px;
		align-items: center;
	}

	#header .all_menu .inner .head .head_before > li:not(.dark_mode) {
		display: inline-block;
		vertical-align: top;
	}

	#header .all_menu .inner .head .head_before > li:not(.dark_mode) a {
		font-size: 13px;
		color: #fff;
	}

	#header .all_menu .inner .head .head_before > li + li {
		margin-left: 4px;
	}

	#header .all_menu .inner .head .head_before > li.divide {
		width: 1px;
		height: 12px;
		margin: -1px 8px 0 12px;
		background-color: rgba(255, 255, 255, 0.1);
	}

	#header .all_menu .inner .head .head_util {
		position: relative;
		letter-spacing: 0;
		padding: 12px 20px 0;
		align-items: center;
	}

	#header .all_menu .inner .head .head_util .links {
		font-size: 0;
	}

	#header .all_menu .inner .head .head_util .links:after {
		content: '';
		display: block;
		clear: both;
	}

	#header .all_menu .inner .head .head_util .links > li {
		float: left;
	}

	#header .all_menu .inner .head .head_util .links > li:not(.dark_mode) {
		margin-top: 6px;
	}

	#header .all_menu .inner .head .head_util .links > li:not(.dark_mode) a {
		display: inline-block;
		font-size: 11px;
		color: #fff;
		vertical-align: top;
	}

	#header .all_menu .inner .head .head_util .links > li + li:not(.dark_mode):before {
		content: '';
		display: inline-block;
		width: 1px;
		height: 12px;
		margin: 1px 6px 0;
		vertical-align: top;
		background-color: rgba(255, 255, 255, 0.1);
	}

	#header .all_menu .inner .head .head_util .profile {
		position: relative;
		float: none;
		display: flex;
		padding-top: 23px;
	}

	#header .all_menu .inner .head .head_util .profile .name_wrap {
		min-width: 0;
		color: #fff;
		font-size: 18px;
	}

	#header .all_menu .inner .head .head_util .profile .name_wrap .name_info {
		display: block;
	}

	#header .all_menu .inner .head .head_util .profile .name_wrap .name_info .name {
		min-width: 0;
		font-size: 22px;
		font-weight: bold;
	}

	#header .all_menu .inner .head .head_util .profile .name_wrap .name_info .txt {
		display: block;
	}

	#header .all_menu .inner .head .head_util .profile .coin {
		margin-top: 4px;
	}

	#header .all_menu .inner .head .head_util .profile .mode {
		display: block;
		position: relative;
		margin-left: 5px;
	}

	#header .all_menu .inner .head .head_util .profile .mode .btn_mode {
		display: block;
		height: 25px;
		padding: 0 9px;
		text-align: center;
		background: #343434;
		border-radius: 16px;
		font-size: 12px;
		color: #fff;
		font-weight: 600;
		line-height: 25px;
		letter-spacing: -1px;
	}

	#header .all_menu .inner .head .head_util .profile .util_btns {
		position: absolute;
		right: 0;
		bottom: 3px;
	}

	#header .all_menu .inner .head .head_util .profile .util_btns > a {
		display: inline-block;
		font-size: 12px;
		color: #fff;
		vertical-align: top;
		text-decoration: underline;
	}

	#header .all_menu .inner .head .head_util .profile .util_btns > a + a {
		margin-left: 5px;
	}

	#header .all_menu .inner .head .head_util .point {
		margin-top: 6px;
	}

	#header .all_menu .inner .head .head_util .point .tit {
		font-size: 13px;
	}

	#header .all_menu .inner .head .head_util .point a {
		font-size: 13px;
		color: #FFC33B;
	}

	#header .all_menu .inner .head .head_my {
		position: relative;
		letter-spacing: 0;
		padding: 12px 10px;
		align-items: center;
	}

	#header .all_menu .inner .head .head_my .my_menu {
		padding: 2px 0;
		font-size: 17px;
	}

	#header .all_menu .inner .head .head_info {
		display: flex;
		margin: 10px 10px;
		background: linear-gradient(#FFC33B 0%, #FFC33B 54.68%, #e58400 100%);
	}

	#header .all_menu .inner .head .head_info > a {
		display: block;
		flex: 1;
		position: relative;
		height: 42px;
		font-size: 11px;
		color: #242424;
		text-align: center;
		letter-spacing: 0;
		line-height: 42px;
	}

	#header .all_menu .inner .head .head_info > a .count {
		display: inline-block;
		font-size: 10px;
		font-weight: bold;
		z-index: 1;
		line-height: 18px;
		min-width: 18px;
		height: 18px;
		padding: 0 6px;
		text-align: center;
		vertical-align: top;
		letter-spacing: 0;
		color: #242424;
		border-radius: 18px;
		background-color: #fff;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	}

	#header .all_menu .inner .head .head_info > a .far,
	#header .all_menu .inner .head .head_info > a .fal {
		font-size: 15px;
	}

	#header .all_menu .inner .conts {
		min-height: 0;
		flex: 1;
	}

	#header .all_menu .inner .dep1 {
		padding: 0;
	}

	#header .all_menu .inner .dep1 > li {
		display: block;
		width: 100%;
		margin: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	#header .all_menu .inner .dep1 > li > a {
		display: block;
		padding: 15px 15px;
		font-size: 15px;
	}

	#header .all_menu .inner .dep1 > li > a .fal {
		margin-right: 5px;
	}

	#header .all_menu .inner .dep1 > li > a:before {
		display: none;
	}

	#header .all_menu .inner .dep1 > li > a:hover {
		color: #fff;
	}

	#header .all_menu .inner .dep1 > li > a .new_icon {
		margin: -2px 0 0 3px;
	}

	#header .all_menu .inner .dep1 > li > a .new_icon i {
		padding: 2px 6px;
		font-size: 10px;
	}

	#header .all_menu .inner .dep1 > li .depth2 {
		background-color: rgba(0, 0, 0, 0.65);
		border-top: #1b1b1f;
	}

	#header .all_menu .inner .dep1 > li .depth2 > li {
		margin-top: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	#header .all_menu .inner .dep1 > li .depth2 > li a {
		display: block;
		padding: 15px 20px;
		font-size: 13px;
	}

	#header .all_menu .inner .dep1 > li .depth2 > li a:hover {
		color: #fff;
	}

	#header .all_menu .btn_close {
		top: 7px;
		right: 5px;
		width: 28px;
		height: 28px;
	}

	#header .all_menu .btn_close:before, #header .all_menu .btn_close:after {
		left: 0;
		width: 26px;
		margin: 0;
	}

	#header .all_menu.on {
		display: block;
		width: 80%;
	}

	#header .all_menu.on.left {
		left: 0;
	}

	#header .all_menu.on.right {
		right: 0;
	}

	.inner_wrap {
		padding: 0 10px;
	}

	#container {
		margin-top: 51px;
		background: none;
		padding-bottom: 0;
	}

	.main_user_info {
		display: flex;
		padding: 2px 0;
		background-color: #000;
		border-bottom: 1px solid #405c8e;
	}

	.main_user_info > li {
		display: flex;
		padding: 8px 0;
		position: relative;
	}

	.main_user_info > li > a, .main_user_info > li > span {
		display: inline-block;
		height: 22px;
		padding: 0 11px;
		font-size: 13px;
		color: #a5a5a5;
		line-height: 22px;
		letter-spacing: 0;
		white-space: nowrap;
	}

	.main_user_info > li > a .cash, .main_user_info > li > span .cash {
		color: #FFC33B;
		font-weight: 500;
	}

	.main_user_info > li + li:before {
		display: inline-block;
		width: 1px;
		height: 13px;
		margin-top: 4px;
		background-color: #545454;
		vertical-align: top;
		content: '';
	}

	.main_user_info > li.profile {
		display: flex;
		padding-left: 5px;
	}

	.main_user_info > li.profile .name_wrap {
		display: flex;
		color: #a5a5a5;
	}

	.main_user_info > li.profile .name_wrap .name {
		display: block;
		max-width: 60px;
		color: #fff;
		font-weight: 500;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.main_user_info > li.profile .name_wrap .txt {
		white-space: nowrap;
	}

	.main_user_info > li.message > a, .main_user_info > li.message > span {
		color: #fff;
	}

	.main_user_info > li.message .count {
		position: absolute;
		top: 3px;
		left: 23px;
		font-family: Tahoma;
		font-size: 10px;
		font-weight: bold;
		z-index: 1;
		line-height: 18px;
		min-width: 18px;
		height: 18px;
		padding: 0 6px;
		text-align: center;
		vertical-align: top;
		letter-spacing: 0;
		color: #fff;
		border-radius: 18px;
		background-color: #33b44a;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	}

	.main_user_info > li.my:before, .main_user_info > li.mode:before {
		display: none;
	}

	.main_user_info > li.btns {
		padding: 0 16px;
		flex: 1;
		text-align: right;
		justify-content: flex-end;
		align-items: center;
	}

	.main_user_info > li.btns:before {
		display: none;
	}

	.main_user_info > li .btn_my, .main_user_info > li .btn_op {
		display: inline-block;
		height: 22px;
		padding: 0 9px;
		text-align: center;
		border-radius: 11px;
		font-size: 12px;
		font-weight: 600;
		line-height: 23px;
		vertical-align: top;
		margin-left: 4px;
	}

	.main_user_info > li .btn_my {
		background-color: #2f2f2f;
		color: #a5a5a5;
	}

	.main_user_info > li .btn_op {
		background-color: #FFC33B;
		color: #242424;
	}

	.login_info_wrap {
		display: none;
	}

	.vs-blog-wrapper {
		padding-top: 0 !important;
	}

	.quick_nav {
		display: none;
	}

	.main_swiper {
		padding: 0;
	}

	.main_swiper.pc_swiper {
		display: none;
	}

	.main_swiper.mobile_swiper {
		display: block;
		border-bottom: none;
	}

	.main_swiper .inner_wrap {
		padding: 0;
	}

	.main_swiper .swiper-container {
		border-radius: 0;
		box-shadow: none;
	}

	.main_swiper .swiper-slide {
		background-position: 0 0;
		height: auto;
		background-size: cover;
		border-radius: 0;
		padding-top: 53%;
	}


	.main_swiper .swiper-slide .inner {
		display: flex;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		padding: 0;
		flex-direction: column;
		justify-content: center;
	}

	.main_swiper .swiper-slide .inner .tit {
		font-size: 27px;
		line-height: 1;
		margin: 0 0 15px 0;
	}

	.main_swiper .swiper-slide .inner .txt {
		font-size: 14px;
	}

	.main_swiper .swiper-slide .inner .btn {
		height: 90px;
	}

	.main_swiper .swiper-button-prev, .main_swiper .swiper-button-next {
		display: none;
	}

	.main_swiper .swiper-pagination {
		bottom: 16px;
	}

	.main_swiper .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 3px;
		background-color: rgba(255, 255, 255, 0.7);
	}

	.main_swiper .swiper-pagination-bullet-active {
		background-color: #fff;
	}

	.main_wrap {
		margin: 0;
		padding: 0;
	}

	.main_wrap .inner_wrap {
		padding: 0;
	}

	.main_wrap .main_games {
		margin: 0;
	}

	.main_wrap .main_games .game_section {
		display: block;
		padding: 0;
	}


	.main_wrap .main_games .game_section .game_title {
		height: 61px;
		margin: 1px 0 0 0;
	}

	.main_wrap .main_games .game_section .game_title .title_inner {
		margin: 0 1px;
	}

	.main_wrap .main_games .game_section .game_title .title_inner:after {
		display: none;
	}

	.main_wrap .main_games .game_section .game_title.sports .title_inner {
		padding: 0;
		clip-path: none;
	}

	.main_wrap .main_games .game_section .game_title.casino .title_inner {
		padding: 0;
		clip-path: none;
	}

	.main_wrap .main_games .game_section .game_title .title_inner span {
		margin: 0 0 1px;
		font-size: 20px;
	}

	.main_wrap .main_games .game_section .game_title .title_inner em {
		margin-top: 3px;
		font-size: 12px;
	}

	.casino-wrapper .game_list_wrap {
		padding-top: 0;
	}

	.game_list_wrap {
		margin: 10px 0;
	}

	.game_list {
		margin: 0;
		padding: 0 10px;
	}

	.game_list .game_item {
		width: calc(50% - 6px);
		padding: 5px;
		margin: 3px 3px;
	}

	.game_list .game_item .game_box .game_thumb {
		padding-top: 102%;
	}

	.game_list .game_item .game_box .game_thumb .icon_play {
		width: 58%;
		height: 58%;
		margin: 0 auto 5px auto;
	}

	.game_list .game_item .game_box .game_info {
		height: 62px;
		line-height: 1.4;
		padding: 15px 5px 10px;
	}

	.game_list .game_item .game_box .game_info h3 {
		font-size: 15px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.game_list .game_item .game_box .game_info h4 {
		margin-top: 2px;
		font-size: 12px;
	}

	.game_list .game_item .game_box .game_info .btn_start {
		width: calc(100% - 20px);
		margin: 10px 10px 0 10px;
		padding: 8px 0;
		font-size: 14px;
		font-weight: 500;
	}

	.game_list .game_item.off:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.5);
		z-index: 2
	}


	.jackpot_wrap {
		max-width: 100%;
		margin-top: 20px;
		height: 159px;
		background-size: cover;
		background-position: 50% 50%;
		background-image: url(/img/common/img_m_banner_1.png);
		border: none;
		border-radius: 0;
		margin: 10px 0 0;
	}

	.jackpot_wrap .visual {
		max-width: 100%;
	}

	.jackpot_wrap .jack_wrap {
		padding: 85px 10px 11px;
	}

	.jackpot_wrap .jack_left {
	}

	.jackpot_wrap .jack_left .jack_tit {
		text-align: center;
	}

	.jackpot_wrap .jack_left .jack_tit img {
		width: 200px;
	}

	.jackpot_wrap .jack_left .jack_num {

		margin-top: 13px;
		text-align: center;
	}

	.jackpot_wrap .jack_list_box {

		margin-top: 20px;
	}

	.jackpot_wrap .jack_list {
		width: 100%;
	}

	.jackpot_wrap .jack_list table tr td {
		font-size: 15px;
		line-height: 48px;
	}

	.odometer {
		font-size: 30px !important;
	}

	.odometer.odometer-auto-theme, .odometer.odometer-theme-car {

	}

	.odometer.odometer-auto-theme {

	}

	.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
		transform: scale(0.9);
	}

	.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
		height: 50px;
	}

	.main_wrap .main_conts {
		display: block;
		margin-top: 0;
		padding: 13px 13px;
		border: none;
		background: none;
	}

	.main_wrap .main_conts .main_rank .rank_title {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.main_wrap .main_conts .main_rank .rank_box {
		height: 195px;
	}

	.main_wrap .main_conts .main_rank + .main_rank {
		margin-left: 0;
		margin-top: 30px;
	}

	.main_wrap .main_conts .main_info {
		display: block;
		margin-top: 0;
		margin-left: 0;
	}

	.main_wrap .main_conts .main_info .main_board {
		background: rgba(255, 255, 255, .07);
		padding: 15px 20px;
	}

	.main_wrap .main_conts .main_info .main_board .board_title {
		margin-bottom: 10px;
	}

	.main_wrap .main_conts .main_info .main_board .btn_more {
		right: 20px;
		top: 15px;
	}

	.main_wrap .main_conts .main_info .main_board .list {

	}

	.main_wrap .main_conts .main_info .main_board .list li .inner {
		padding: 8px 0 8px 11px;
	}

	.main_wrap .main_conts .main_info .main_guide {
		display: block;
		height: auto;
		margin: 0;
		margin-top: 6px;
		padding: 15px 20px;
		background: rgba(255, 255, 255, .07);
	}

	.main_wrap .main_conts .main_info .main_guide .time_area {
		margin: 0 0 10px 0;
	}

	.main_wrap .main_conts .main_info .main_guide .time_area strong {
		font-size: 16px;
	}

	.main_wrap .main_conts .main_info .main_guide .time_area span {
		margin-top: 2px;
		font-size: 12px;
	}

	.main_wrap .main_conts .main_info .main_guide .cs_info .kakao, .main_wrap .main_conts .main_info .main_guide .cs_info .telegram {
		font-size: 13px;
	}

	.main_wrap .main_conts .main_info .main_guide .cs_info .telegram {
		margin-top: 4px;
	}

	.main_wrap .main_conts .main_info .main_guide .cs_info .desc {
		margin-top: 10px;
	}

	.location_wrap {
		background-color: #FFC33B;
		border-bottom: none;
	}

	.location_wrap .inner_wrap {
		padding: 0;
	}

	.location_wrap .inner_wrap .location {
		padding: 0;
	}

	.location_wrap .inner_wrap .location .home {
		display: none;
	}

	.location_wrap .inner_wrap .location > span, .location_wrap .inner_wrap .location > strong {
		display: block;
		height: 44px;
		margin: 0;
		text-align: center;
		font-size: 13px;
		line-height: 44px;
	}

	.location_wrap .inner_wrap .location > span:before, .location_wrap .inner_wrap .location > strong:before {
		display: none;
	}

	.location_wrap .inner_wrap .location > span {
		display: none;
	}

	.location_wrap .inner_wrap .location > strong > a {
		display: block;
		padding: 0;
		color: #fff;
	}

	.location_wrap .inner_wrap .location > strong > a:after {
		top: 20px;
		right: 20px;
		border-top-color: #fff;
	}

	.location_wrap .inner_wrap .location > strong .sub_menu {
		top: 43px;
		left: 0;
		width: 100%;
		transform: none;
		border: none;
		padding: 0;
		border-radius: 0;
		background-color: #FFC33B;
		max-height: 118px;
		overflow: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.location_wrap .inner_wrap .location > strong .sub_menu a, .location_wrap .inner_wrap .location > strong .sub_menu .tit {
		margin-top: 0;
		font-size: 13px;
		color: #fff;
		line-height: 34px;
	}

	.location_wrap .inner_wrap .location > strong .sub_menu a.on, .location_wrap .inner_wrap .location > strong .sub_menu .tit.on {
		color: #fff;
		background-color: rgba(0, 0, 0, 0.2);
	}

	.location_wrap .inner_wrap .location > strong .sub_menu .tit {
		margin: 0;
		opacity: 1;
	}

	.sub_title {
		margin-bottom: 4px;
		padding: 0;
		text-align: center;
		border-bottom: none;
		background-color: #0D1626;
	}

	.sub_title:first-child {
		padding-top: 0;
	}

	.sub_title h2 {
		width: 100%;
		min-height: 0;
		font-size: 17px;
		line-height: normal;
		padding: 10px 0;
		border: none;
	}

	.sub_title .btn_set {
		top: 4px;
		right: 15px;
		z-index: 1;
	}

	.sub_title .btn_set .btn_ui {
		float: none;
	}

	.sub_game_title {
		margin-bottom: 0;
		display: block;
		padding: 10px 0 0;
	}

	.sub_game_title h2 {
		font-size: 20px;
		text-align: center;
	}

	.sub_game_title .game_menus {
		margin-top: 10px;
		padding: 0 0;
	}

	.sub_game_title .game_menus li a {
		height: 37px;
		padding: 0 7px;
		font-size: 13px;
		line-height: 37px;
		color: #fff;
		border: 1px solid #000;
		background: linear-gradient(0deg,#24262b 0,#3a3c43 99%,#686b77);
		border-radius: 0;
	}

	.sub_game_title .game_menus li a.on {
		z-index: 1;
	}

	.sub_game_title .game_menus li + li {
		margin-left: -1px;
	}

	.sub_content {
		padding-top: 0;
		padding-bottom: 20px;
	}

	.sub_article {
		padding-bottom: 0;
	}

	.sub_article .inner_wrap {
		max-width: 100%;
		padding-top: 0;
		padding-bottom: 15px;
	}

	.sub_article.flexbox .inner_wrap {
		display: block;
		padding-top: 0;
		padding-bottom: 15px;
	}

	.sub_article .sub_aside {
		display: none;
	}

	.sub_cont_title {
		margin: 15px 0;
		font-size: 13px;
	}

	.login_wrap {
		padding: 0 5px !important;
		position: static;
		overflow: hidden;
		display: block;
	}

	.login_wrap .login_box_wrap .login_header {
		margin-bottom: 11px;
	}

	.login_wrap .login_box_wrap .login_header .logo {
		margin-bottom: 20px;
	}

	.login_wrap .login_box_wrap .login_header .logo a > img {
		width: 120px;
	}

	.login_wrap .login_box_wrap.login {
		max-width: 300px;
		margin-top: 90px;
	}

	.login_wrap .login_box_wrap.join {
		max-width: 100%;
		padding: 30px 0;
	}

	.login_wrap .login_box_wrap.join .login_header {
		margin-bottom: 17px;
	}

	.login_wrap .login_box_wrap.join .join_find {
		padding: 0;
	}

	.login_wrap .login_box_wrap.join .board_form {
		padding: 0;
		border: 1px solid #194b7d;
	}

	.login_wrap .login_box_wrap.join .board_form dl {
		margin-bottom: 0;
		padding: 10px 0;
	}

	.login_wrap .login_box_wrap.join .board_form dl dt {
		height: auto;
		padding: 10px 10px 5px;
		font-size: 13px;
		color: #fff;
		line-height: normal;
		background: none;
	}

	.login_wrap .login_box_wrap.join .board_form dl dt .icon_bul {
		margin-top: 0;
	}

	.login_wrap .login_box_wrap.join .board_form dl dd {
		padding: 0 10px;
	}

	.login_wrap .login_box_wrap.join .board_form dl dd .input_text {
		height: 42px;
		padding: 0 12px;
		font-size: 13px;
		line-height: 42px;
		border-radius: 1px;
		border: 1px solid #3B85D0;
	}

	.login_wrap .login_box_wrap.join .board_form dl dd .hint {
		margin-top: 5px;
		font-size: 13px;
	}

	.login_wrap .login_box_wrap.join .board_form dl dd .selectbox {
		border: 1px solid #3B85D0;
		border-radius: 6px;
	}

	.login_wrap .login_box_wrap.join .board_form dl dd .selectbox > select {
		height: 42px;
		font-size: 13px;
		border-radius: 6px;
	}

	.login_wrap .login_box_wrap.join .board_form dl dd .number_box {
		border-radius: 6px;
		border: 1px solid #3B85D0;
	}

	.login_wrap .login_box_wrap.join .board_form dl dd .number_box .selectbox {
		min-width: 76px !important;
		width: 76px !important;
	}

	.login_wrap .login_box_wrap.join .board_form dl dd .join_sns span label {
		font-size: 13px;
	}

	.login_wrap .login_box_wrap.join .btn_ui_area {
		margin-top: 20px;
		background: none;
		box-shadow: none;
	}

	.login_wrap .login_box_wrap.join .btn_ui_area > button {
		height: 50px;
		padding: 0 30px;
		font-size: 14px;
		line-height: 50px;
		border-radius: 30px;
	}

	.login_wrap .login_box_wrap.join .btn_ui_area > button + button {
		margin-left: 10px;
	}

	.login_wrap .login_section {
		width: 100% !important;
		padding: 0 !important;
		box-shadow: none;
		background: none;
	}

	.login_wrap .login_box_wrap .login_section .join_find {
		padding: 0;
	}

	.login_wrap .login_section .login_title {
		text-align: center;
		margin-bottom: 0;
	}

	.login_wrap .login_section .login_title .logo {
		margin-bottom: 30px;
	}

	.login_wrap .login_section .login_title .logo > img {
		width: 120px;
	}

	.login_wrap .login_section .login_title h2 {
		margin-bottom: 14px;
	}

	.login_wrap .login_section .login_title h2 span {
		font-size: 23px;
	}

	.login_wrap .login_section .login_title p {
		font-size: 13px;
		line-height: 18px;
		margin: 10px 0 0;
		padding-bottom: 10px;
	}

	.login_wrap .login_section .join_tip {
		font-size: 13px;
	}

	.login_wrap .login_cont {
		border: none;
		height: auto;
		padding: 0;
		background: none;
	}

	.login_wrap .login_cont .login_box .input_text {
		height: 45px;
		font-size: 13px;
		line-height: 45px;
	}

	.login_wrap .login_cont .login_box .save_id {
		display: block;
	}

	.login_wrap .login_cont .login_box .save_id .find_wrap {
		margin-top: 20px;
		text-align: center;
	}

	.login_wrap .login_cont .login_box .btn_login, .login_wrap .login_cont .login_box .btn_saveid {
		height: 49px;
		font-size: 17px;
		line-height: 49px;
	}

	.login_wrap .login_cont .img {
		display: none;
	}

	.login_wrap .login_cont .login_box {
		margin-bottom: 30px;
		padding: 0;
	}

	.login_wrap .login_cont .login_box .save_id .find_wrap a {
		font-size: 13px;
	}

	.login_wrap .login_cont .login_box .save_id .find_wrap a + a {
		margin-left: 15px;
		padding-left: 17px;
	}

	.login_wrap .login_cont .join_box {
		margin-top: 40px;
		padding-right: 120px;
	}

	.login_wrap .login_footer .links {
		text-align: center;
	}

	.login_wrap .login_footer .links li {
		margin-right: 12px;
		padding-right: 11px;
	}

	.login_wrap .login_footer .links li:last-child {
		margin-right: 0;
		padding-right: 0;
	}

	.login_wrap .login_footer .address {
		text-align: center;
	}

	.login_wrap .login_footer .address li {
		display: inline;
		float: none;
		margin-right: 6px;
		font-size: 15px;
		line-height: 23px;
		vertical-align: top;
	}

	.login_wrap .login_footer .tels button {
		height: 45px;
	}

	.login_wrap .login_footer .tels button a {
		font-size: 15px;
	}

	.login_wrap .login_footer .copy {
		text-align: center;
	}

	.wating_box {
		padding: 100px 0;
	}

	.wating_box:before {
		margin: 0 auto 20px;
	}

	.wating_box .tit {
		font-size: 18px;
	}

	.wating_box .text {
		margin-top: 10px;
		font-size: 13px;
		line-height: 18px;
	}

	.wating_box .btn_box {
		margin-top: 20px;
	}

	.wating_box .btn_box button {
		min-width: 150px;
	}

	.sub_tip {
		margin: 0 10px;
		padding: 10px 10px;
		font-size: 13px;
		line-height: 19px;
		border-radius: 4px;
	}

	.sub_tip p {
		font-size: 12px;
	}

	.sub_tip br {
		display: none;
	}

	.casino_intro li {
		width: 33.3333%;
		padding: 4px 4px;
	}

	.my_level_wrap {
		margin-bottom: 10px;
	}

	.my_level_wrap .my_level_in {
		display: block;
	}

	.my_level_wrap .my_level_in .level_box {
		min-width: 0;
	}

	.my_level_wrap .my_level_in .level_box .level {
		float: none;
		width: 100%;
		height: auto;
		padding: 10px 0;
	}

	.my_level_wrap .my_level_in .level_box .level p {
		font-size: 13px;
	}

	.my_level_wrap .my_level_in .level_box .level .img {
		width: 60px;
	}

	.my_level_wrap .tit {
		padding-bottom: 0;
		font-size: 13px;
	}

	.my_level_wrap .point, .my_level_wrap .note2, .my_level_wrap .cart {
		margin-top: 10px;
		margin-right: 0;
	}

	.my_level_wrap .point {
		width: 100%;
	}

	.my_level_wrap .cart {
		width: 100%;
	}

	.my_level_wrap .info li {
		padding: 2px 0;
		font-size: 13px;
	}

	.my_links {
		margin: 0;
		padding: 0;
		background: none;
	}

	.my_links .card_list {
		margin: 0 0;
		padding: 0 6px;
	}

	.my_links .card_list li {
		width: 50%;
		margin-bottom: 10px;
		padding: 0 4px;
	}

	.my_links .card_list li a {
		height: 110px;
		padding: 0 20px;
	}

	.my_links .card_list li .icon {
		font-size: 20px;
	}

	.my_links .card_list li .title {
		font-size: 14px;
	}

	.my_links .card_list li .title:after {
		margin-top: -3px;
	}

	.my_section .btn_more {
		top: 2px;
		font-size: 13px;
	}

	.my_section + .my_section {
		margin-top: 30px;
	}

	.sports_icon .fal {
		margin-top: 3px !important;
		font-size: 20px !important;
	}

	.end_trade {
		margin-top: 20px;
		padding: 50px 20px;
	}

	.end_trade .icon {
		margin-bottom: 10px;
		font-size: 32px;
	}

	.end_trade h3 {
		font-size: 22px;
	}

	.end_trade .desc {
		margin-top: 8px;
		font-size: 13px;
		color: #222;
		line-height: 20px;
	}

	.end_trade .info {
		margin-top: 15px;
	}

	.end_trade .info li {
		padding: 2px 0;
		font-size: 13px;
	}

	.wating {
		margin-top: 20px;
		padding: 50px 20px;
	}

	.wating .icon {
		margin-bottom: 10px;
		font-size: 42px;
	}

	.wating h3 {
		font-size: 22px;
	}

	.wating .tit {
		margin-top: 20px;
		font-size: 13px;
		line-height: 18px;
	}

	.wating .info {
		margin-top: 2px;
	}

	.wating .info li {
		padding: 2px 0;
		font-size: 13px;
	}

	#footer {
		border-top: 15px solid #343434;
	}

	#footer .inner_wrap {
		padding: 0;
	}

	#footer .footer_bottom {
		padding: 20px 15px;
		text-align: center;
	}

	#footer .footer_bottom .inner_wrap {
		padding: 0;
	}

	#footer .footer_bottom .card_pay {padding: 5px;}

	#footer .footer_bottom .card_pay img {
		max-width: 100%;
	}

	#footer .footer_bottom .address {
		padding-top: 0;
		font-size: 12px;
		line-height: 20px;
		border-top: none;
	}

	#footer .footer_bottom .site_logos {padding: 5px 0;}

	#footer .footer_bottom .style_logos {
		margin-top: 0;
	}

	#footer .footer_bottom .style_logos span {
		margin: 5px 0;
	}

	#footer .footer_bottom .style_logos span img {
		height: 30px;
	}

	#footer .footer_bottom .copyright {
		font-size: 13px;
	}

	#footer .quick-menu {
		bottom: 10px;
		right: 10px;
	}

	#footer .quick-menu .consultation {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		padding: 9px 0;
	}

	#footer .quick-menu .consultation .icon {
		width: 15px;
		margin: 0 auto 2px;
	}

	#footer .quick-menu .consultation p {
		font-size: 12px;
	}

	#footer .quick-menu .top {
		margin-top: 7px;
		padding: 5px 0;
		color: #a0a0a0;
		font-size: 13px;
		font-weight: bold;
		padding-left: 15px;
	}

	.btn_top {
		display: none;
		right: 0;
		bottom: 0;
		opacity: .8;
		transform: scale(0.8);
	}

	.game_tabs {
		display: block;
		font-size: 0;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.game_tabs li {
		display: inline-block;
		width: 80px;
		vertical-align: top;
	}

	.game_tabs li a {
		padding: 6px 5px;
	}

	.game_tabs li a .fal {
		font-size: 13px;
	}

	.game_tabs li a .txt {
		font-size: 13px;
	}

	.game_tabs li a .count {
		margin-top: 2px;
		padding: 1px 6px 2px;
		font-size: 11px;
	}

	.sub_tabs.flex_tab li a {
		border: 1px solid #3d6fa0;
	}

	.detail_tab {
		margin: 10px 10px;
	}

	.detail_tab ul li a {
		height: 33px;
		font-size: 13px;
		line-height: 33px;
	}



	.sub_tabs {
		margin: 0;
		padding: 5px 0;
		display: block;
		position: relative;
		border: none;
		font-size: 0;
	}

	.sub_tabs li {
		/* flex: 1; */
		display: inline-block;
		float: left;
		width: calc(25% - 2px);
		min-width: 0;
		border-bottom: solid 1px rgba(255, 255, 255, 0.1);
		display: inline-block;
		vertical-align: top;
		margin-right: 2px;
		margin-bottom: 2px;
	}

	.sub_tabs li.tip {
		position: absolute;
		top: 7px;
		left: 0;
		right:  0;
	}

	.sub_tabs li.tip p {
		font-size: 12px;
		line-height: 16px;
	}

	.sub_tabs li.form {
		position: absolute;
		right: 0;
		top: -40px;
	}

	.sub_tabs li.form .input_box {
		display: flex;
		margin-top: 4px;
		align-items: center;
	}

	.sub_tabs li.form .input_box span {
		display: none;
	}

	.sub_tabs li.form .input_box input {
		margin-right: 4px;
		width: 120px;
	}

	.sub_tabs.small li a {
		height: 44px;
		font-size: 15px;
		line-height: 44px;
	}

	.sub_tabs li a {
		min-width: 0;
		height: 32px;
		padding: 0 9px;
		font-size: 12px;
		font-weight: normal;
		width: 100%;
		line-height: 29px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.sub_tabs.small li a {
		height: 33px;
		font-size: 13px;
		line-height: 33px;
	}

	.sub_tabs + .sub_page_box .sub_page_options {
		padding-top: 0;
		padding-bottom: 5px;
	}

	.sub_page_options {
		padding: 10px 0;
	}

	.sub_page_options:after {
		content: '';
		display: block;
		clear: both;
	}

	.sub_page_options li {
		float: left;
		width: 25%;
		padding: 0 2px;
	}

	.sub_page_options li a {
		display: block;
		height: 26px;
		padding: 0 10px;
		font-size: 12px;
		text-align: center;
		line-height: 26px;
		border-radius: 13px;
		background-color: #f5f5f5;
	}

	.sub_page_options li a:before {
		display: none;
	}

	.my_info {
		background: none;
		box-shadow: none;
	}

	.my_info .msg_box {
		padding: 20px 0;
	}

	.my_info .msg_box .icon {
		margin-bottom: 10px;
		font-size: 30px;
	}

	.my_info .msg_box .tit {
		padding: 0 20px;
		font-size: 19px;
	}

	.my_info .msg_box .desc {
		margin-top: 12px;
		font-size: 13px;
	}

	.my_info .msg_form .row {
		width: 100%;
	}

	.my_info .msg_form .sign_in {
		padding: 15px 0;
		background: none;
	}

	.my_info .msg_form .sign_in .label {
		display: block;
		height: auto;
		margin-bottom: 5px;
		line-height: normal;
	}

	.my_info .msg_form .sign_in .label {
		width: 100%;
		margin: 0 0 2px 0;
		padding: 5px 5px;
		font-size: 13px;
		text-align: center;
	}

	.my_info .msg_form .sign_in .input_text {
		width: 100%;
	}

	.my_info .msg_form .btn_area {
		margin-top: 0;
		padding: 0 20px;
	}

	.tbl_scroll {
		margin: 0 -10px;
	}

	.btn_ui_area {
		display: flex;
		margin-top: 0;
		margin-bottom: 0;
		padding: 10px 10px;
		padding-bottom: 0 !important;
	}

	.btn_ui_area form {
		display: flex;
		flex: 1;
	}

	.btn_ui_area .btn_ui,
	.btn_ui_area input {
		width: calc(50% - 4px);
		min-width: 0;
		margin: 2px 2px;
	}

	.btn_ui_area .btn_ui {
		flex: 1;
		min-width: 0;
		margin: 0 5px;
	}

	.tit_area .btn_set {
		position: relative;
		top: auto;
		right: auto;
	}

	.tit_area .btn_set > * {
		float: none;
	}

	.tit_area h2, .tit_area .h2 {
		margin-bottom: 20px;
		font-weight: 700;
		font-size: 22px;
	}

	.tit_area h3, .tit_area .h3 {
		margin-top: 20px;
		margin-bottom: 10px;
		font-weight: 500;
		font-size: 17px;
	}

	.tit_area h4, .tit_area .h4 {
		margin-top: 20px;
		margin-bottom: 10px;
		font-weight: 700;
		font-size: 18px;
	}

	.tit_area h5, .tit_area .h5 {
		margin-top: 20px;
		margin-bottom: 10px;
		font-weight: 700;
		font-size: 13px;
	}

	.tit_area .add {
		position: absolute;
		right: 0;
		top: -8px;
	}

	.tit_area + p, .tit_area + ul {
		margin-top: -8px;
	}

	.cont_list {
		padding: 15px 15px;
	}

	.cont_list dl {
		padding-bottom: 0;
	}

	.cont_list dl dt {
		width: 21%;
		margin-bottom: 15px;
		font-size: 12px;
		line-height: 20px;
	}

	.cont_list dl dd {
		width: calc(100% - 25%);
		margin-bottom: 15px;
		font-size: 12px;
		line-height: 20px;
	}

	.cont_list > ul {
		padding-bottom: 22px;
	}

	.cont_list > ul.txt_list > li {
		font-size: 12px;
		line-height: 20px;
	}

	.cont_list .tbl_cont {
		margin-top: 10px;
	}

	.cont_list .tbl_cont table th, .cont_list .tbl_cont table td {
		font-size: 12px;
	}

	.terms_agree .agree_all {
		padding: 16px 16px;
	}

	.terms_agree .agreeList li {
		padding: 16px 16px;
	}

	.terms_agree .agreeList li .btn_view {
		right: 23px;
		top: 20px;
		width: 30px;
		height: 30px;
	}

	.terms_agree .agreeList li .btn_view:after {
		width: 17px;
		height: 9px;
		margin: 10px auto 0;
	}

	.terms_agree .agreeList li .agree_content {
		max-height: 150px;
		margin-top: 10px;
		padding: 16px 16px;
		font-size: 13px;
		line-height: 22px;
	}

	.terms_agree .agreeList li .tbl_cont {
		margin-top: 20px;
	}

	.terms_agree .agreeList li .dep2 {
		padding: 10px 0 2px 44px;
	}

	.terms_agree .agreeList li .dep2 .checkbox {
		margin: 10px 0 0 0;
	}

	.terms_agree .agreeList li .dep3 {
		padding: 25px 0 0 38px;
	}

	.terms_agree .agreeList li .dep3 .checkbox + .checkbox {
		margin-left: 60px;
	}

	/* 투자안내 */
	.meaning .step1 {
		margin-top: 0;
		margin-bottom: 16px;
		box-shadow: 0 0 20px rgba(91, 91, 91, 0.1);
		flex-direction: column;
	}

	.meaning .step1 .image {
		position: relative;
		min-width: 100%;
		width: 100%;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		box-shadow: none;
	}

	.meaning .step1 .image:after {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border: 1px solid #34314c;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		opacity: .1;
		content: '';
	}

	.meaning .step1 .image > img {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

	.meaning .step1 .text {
		padding-left: 0;
		padding: 20px 20px;
		border: 1px solid #1d1d1d;
		border-top: none;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	.meaning .step1 .text .title {
		font-size: 17px;
		margin-bottom: 6px;
		line-height: 22px;
	}

	.meaning .step1 .text p {
		font-size: 13px;
		line-height: 20px;
	}

	.meaning .step1 .text:before {
		display: none;
	}

	.meaning .step2 {
		margin-bottom: 16px;
		box-shadow: 0 0 20px rgba(91, 91, 91, 0.1);
		flex-direction: column-reverse;
	}

	.meaning .step2 .image {
		position: relative;
		min-width: 100%;
		width: 100%;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		box-shadow: none;
	}

	.meaning .step2 .image:after {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border: 1px solid #34314c;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		opacity: .1;
		content: '';
	}

	.meaning .step2 .image > img {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

	.meaning .step2 .text {
		padding-left: 0;
		padding: 20px 20px;
		border: 1px solid #1d1d1d;
		border-top: none;
		text-align: left;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	.meaning .step2 .text .title {
		font-size: 17px;
		margin-bottom: 6px;
		line-height: 22px;
	}

	.meaning .step2 .text p {
		font-size: 13px;
		line-height: 20px;
	}

	.meaning .step2 .text:before {
		display: none;
	}

	/* 에러 페이지 */
	.error_wrap {
		padding: 40px 10px 77px;
		margin: 0;
		text-align: center;
	}

	.error_wrap .logo {
		margin-bottom: 0;
	}

	.error_wrap .logo > img {
		width: 120px;
	}

	.error_wrap .error {
		padding: 0 20px;
	}

	.error_wrap .error .info {
		padding-top: 32px;
	}

	.error_wrap .error .info :after {
		top: 0;
		transform: scale(0.7);
	}

	.error_wrap .error .info .tit {
		font-size: 20px;
		line-height: 30px;
	}

	.error_wrap .error .info p {
		margin-top: 10px;
		font-size: 13px;
		line-height: 18px;
	}

	.error_wrap .error .info + .btnArea {
		margin-top: 20px;
	}

	.error_wrap .footer {
		padding: 18px 20px;
	}

	.error_wrap .footer > p {
		display: block;
		margin: 0;
		padding: 0;
		font-size: 13px;
		line-height: 20px;
	}

	.error_wrap .footer > p:after {
		display: none;
	}

	.casino-nav {
		display: block;
		margin-top: 2px;
		padding: 0;
	}

	.casino-nav li {
		position: relative;
		flex: 1;
	}

	.casino-nav li + li {
		margin-left: 0;
		margin-top: 2px;
	}

	.casino-nav li:first-child {
		margin-left: 0;
	}

	.casino-nav li a {height: 120px;padding-left: 90px;}

	.casino-nav li a .fal {
		left: 25px;
		top: 38px;
		font-size: 35px;
	}

	.casino-nav li a .tit {
		font-size: 20px;
	}

	.casino-nav li a .txt {
		margin-top: 0;
		font-size: 14px;
		line-height: 26px;
	}

	.casino-nav li.on {

	}

	.casino-nav li.on .fal {

	}

	.casino-nav li.on a .tit, .casino-nav li.on a .txt {

	}
}