@charset "UTF-8";

/*-------------------------------------------------------------------------------------------*/
/* CSS Reset */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section	{	display: block;	}
body	{	line-height: 1;}
ol, ul	{	list-style: none;}
blockquote, q	{	quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after	{	content: '';	content: none;}
table	{	border-collapse: collapse;	border-spacing: 0;}
pre		{	margin-top: 0;	margin-bottom: 1rem;	overflow: auto}
figure	{	margin: 0 0 1rem}
img		{	vertical-align: middle;	border-style: none}
svg		{	overflow: hidden;	vertical-align: middle}
th		{	text-align: inherit}
label	{	display: inline-block;	margin-bottom: .5rem; font-family: 'Noto Sans KR', sans-serif;}
button	{	border-radius: 0}
button:focus	{	outline: 1px dotted;	outline: 5px auto -webkit-focus-ring-color;}
button,
input,
optgroup,
select,
textarea	{	margin: 0;	font-family: inherit;	font-size: inherit;	line-height: inherit}
button,
input	{	overflow: visible}
button,
select	{	text-transform: none}
select	{	word-wrap: normal}
strong	{	font-weight: bold;}
[type=button],
[type=reset],
[type=submit],
/* button	{	-webkit-appearance: button} */
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled)	{	cursor: pointer}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner	{	padding: 0;	border-style: none}
input[type=checkbox],
input[type=radio]	{	box-sizing: border-box;	padding: 0}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time]	{	-webkit-appearance: listbox}
textarea	{	overflow: auto;	resize: vertical}
fieldset	{	min-width: 0;	padding: 0;	margin: 0;	border: 0}
progress	{	vertical-align: baseline}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button	{	height: auto}
[type=search]	{	outline-offset: -2px;	-webkit-appearance: none}
[type=search]::-webkit-search-decoration	{	-webkit-appearance: none}
::-webkit-file-upload-button	{	font: inherit;	-webkit-appearance: button}
output	{	display: inline-block}
summary	{	display: list-item;	cursor: pointer}
template	{	display: none}
[hidden]	{	display: none !important}



/*	--	COMMON	----------------------------------------------------------	*/
html, body {
	height: 100%;
	font-family:'YouandiModernTR', 'Noto Sans KR', sans-serif;
}
body	{	background: #000000;	}
a, a:hover {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all 0.5s 0s ease-in, all 0.5s 0s ease-out;
	-moz-transition: all 0.5s 0s ease-in, all 0.5s 0s ease-out;
	-o-transition: all 0.5s 0s ease-in, all 0.5s 0s ease-out;
	transition: all 0.5s 0s ease-in, all 0.5s 0s ease-out;
}
a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.btn {
	display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,
				background-color .15s ease-in-out,
				border-color .15s ease-in-out,
				box-shadow .15s ease-in-out;
	cursor: pointer;
	line-height: 1.5;
	line-height: 100%;
	font-family:'YouandiModernTR', 'Noto Sans KR', sans-serif;
}
@media (prefers-reduced-motion:reduce) {	.btn	{	transition: none}	}
.btn:hover {
	text-decoration: none
}
.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.btn.disabled,
.btn:disabled	{	opacity: .65;}
a.btn.disabled,
fieldset:disabled a.btn	{	pointer-events: none;}

.vam		{	vertical-align: middle;}
.height5	{	clear: both; height: 5px;}
.height10	{	clear: both; height: 10px;}
.height15	{	clear: both; height: 15px;}
.height20	{	clear: both; height: 20px;}
.height30	{	clear: both; height: 30px;}
.height40	{	clear: both; height: 40px;}
.height50	{	clear: both; height: 50px;}
.height60	{	clear: both; height: 60px;}
.height70	{	clear: both; height: 70px;}
.height80	{	clear: both; height: 80px;}

.shadow-sm	{	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important	}
.shadow		{	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important	}
.shadow-lg	{	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important	}
.shadow-none{	box-shadow: none !important	}
.w-25	{	width: 25% !important	}
.w-50	{	width: 50% !important	}
.w-75	{	width: 75% !important	}
.w-100	{	width: 100% !important	}
.w-auto	{	width: auto !important	}
.h-25	{	height: 25% !important	}
.h-50	{	height: 50% !important	}
.h-75	{	height: 75% !important	}
.h-100	{	height: 100% !important	}
.h-auto	{	height: auto !important	}
.mw-100	{	max-width: 100% !important	}
.mh-100	{	max-height: 100% !important	}
.min-vw-100	{	min-width: 100vw !important	}
.min-vh-100	{	min-height: 100vh !important	}
.vw-100	{	width: 100vw !important	}
.vh-100	{	height: 100vh !important;	}

.overflow-auto		{	overflow: auto !important}
.overflow-hidden	{	overflow: hidden !important}
.position-static	{	position: static !important}
.position-relative	{	position: relative !important}
.position-absolute	{	position: absolute !important}
.position-fixed		{	position: fixed !important}
.position-sticky	{	position: -webkit-sticky !important;	position: sticky !important}

.justify-content-start	{	-ms-flex-pack: start !important;	justify-content: flex-start !important}
.justify-content-end	{	-ms-flex-pack: end !important;	justify-content: flex-end !important}
.justify-content-center	{	-ms-flex-pack: center !important;	justify-content: center !important; text-align: center;}
.justify-content-between	{	-ms-flex-pack: justify !important;	justify-content: space-between !important}
.justify-content-around	{	-ms-flex-pack: distribute !important;	justify-content: space-around !important}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
	width: 100%
}

.fade	{	transition: opacity .15s linear;}
@media	(prefers-reduced-motion:reduce)	{	.fade	{	transition: none;}	}
/*	.fade:not(.show)	{	opacity: 0;}	*/
.fade	{
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}
.fade.in	{	opacity: 1;}
.collapse:not(.show)	{	display: none;}
.collapsing	{
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height .35s ease
}
@media	(prefers-reduced-motion:reduce)	{	.collapsing	{	transition: none;}	}

.m-0			{	margin: 0 !important;}
.mt-0, .my-0	{	margin-top: 0 !important;}
.mr-0, .mx-0	{	margin-right: 0 !important;}
.mb-0, .my-0	{	margin-bottom: 0 !important;}
.ml-0, .mx-0	{	margin-left: 0 !important;}
.m-1			{	margin: .25rem !important;}
.mt-1, .my-1	{	margin-top: .25rem !important;}
.mr-1, .mx-1	{	margin-right: .25rem !important;}
.mb-1, .my-1	{	margin-bottom: .25rem !important;}
.ml-1, .mx-1	{	margin-left: .25rem !important;}
.m-2			{	margin: .5rem !important;}
.mt-2, .my-2	{	margin-top: .5rem !important;}
.mr-2, .mx-2	{	margin-right: .5rem !important;}
.mb-2, .my-2	{	margin-bottom: .5rem !important;}
.ml-2, .mx-2	{	margin-left: .5rem !important;}
.m-3			{	margin: 1rem !important;}
.mt-3, .my-3	{	margin-top: 1rem !important;}
.mr-3, .mx-3	{	margin-right: 1rem !important;}
.mb-3, .my-3	{	margin-bottom: 1rem !important;}
.ml-3, .mx-3	{	margin-left: 1rem !important;}
.m-4			{	margin: 1.5rem !important;}
.mt-4, .my-4	{	margin-top: 1.5rem !important;}
.mr-4, .mx-4	{	margin-right: 1.5rem !important;}
.mb-4, .my-4	{	margin-bottom: 1.5rem !important;}
.ml-4, .mx-4	{	margin-left: 1.5rem !important;}
.m-5			{	margin: 3rem !important;}
.mt-5, .my-5	{	margin-top: 3rem !important;}
.mr-5, .mx-5	{	margin-right: 3rem !important;}
.mb-5, .my-5	{	margin-bottom: 3rem !important;}
.ml-5, .mx-5	{	margin-left: 3rem !important;}
.p-0			{	padding: 0 !important;}
.pt-0, .py-0	{	padding-top: 0 !important;}
.pr-0, .px-0	{	padding-right: 0 !important;}
.pb-0, .py-0	{	padding-bottom: 0 !important;}
.pl-0, .px-0	{	padding-left: 0 !important;}
.p-1			{	padding: .25rem !important;}
.pt-1, .py-1	{	padding-top: .25rem !important;}
.pr-1, .px-1	{	padding-right: .25rem !important;}
.pb-1, .py-1	{	padding-bottom: .25rem !important;}
.pl-1, .px-1	{	padding-left: .25rem !important;}
.p-2			{	padding: .5rem !important;}
.pt-2, .py-2	{	padding-top: .5rem !important;}
.pr-2, .px-2	{	padding-right: .5rem !important;}
.pb-2, .py-2	{	padding-bottom: .5rem !important;}
.pl-2, .px-2	{	padding-left: .5rem !important;}
.p-3			{	padding: 1rem !important;}
.pt-3, .py-3	{	padding-top: 1rem !important;}
.pr-3, .px-3	{	padding-right: 1rem !important;}
.pb-3, .py-3	{	padding-bottom: 1rem !important;}
.pl-3, .px-3	{	padding-left: 1rem !important;}
.p-4			{	padding: 1.5rem !important;}
.pt-4, .py-4	{	padding-top: 1.5rem !important;}
.pr-4, .px-4	{	padding-right: 1.5rem !important;}
.pb-4, .py-4	{	padding-bottom: 1.5rem !important;}
.pl-4, .px-4	{	padding-left: 1.5rem !important;}
.p-5			{	padding: 3rem !important;}
.pt-5, .py-5	{	padding-top: 3rem !important;}
.pr-5, .px-5	{	padding-right: 3rem !important;}
.pb-5, .py-5	{	padding-bottom: 3rem !important;}
.pl-5, .px-5	{	padding-left: 3rem !important;}
.m-n1			{	margin: -.25rem !important;}
.mt-n1, .my-n1	{	margin-top: -.25rem !important;}
.mr-n1, .mx-n1	{	margin-right: -.25rem !important;}
.mb-n1, .my-n1	{	margin-bottom: -.25rem !important;}
.ml-n1, .mx-n1	{	margin-left: -.25rem !important;}
.m-n2			{	margin: -.5rem !important;}
.mt-n2, .my-n2	{	margin-top: -.5rem !important;}
.mr-n2, .mx-n2	{	margin-right: -.5rem !important;}
.mb-n2, .my-n2	{	margin-bottom: -.5rem !important;}
.ml-n2, .mx-n2	{	margin-left: -.5rem !important;}
.m-n3			{	margin: -1rem !important;}
.mt-n3, .my-n3	{	margin-top: -1rem !important;}
.mr-n3, .mx-n3	{	margin-right: -1rem !important;}
.mb-n3, .my-n3	{	margin-bottom: -1rem !important;}
.ml-n3, .mx-n3	{	margin-left: -1rem !important;}
.m-n4			{	margin: -1.5rem !important;}
.mt-n4, .my-n4	{	margin-top: -1.5rem !important;}
.mr-n4, .mx-n4	{	margin-right: -1.5rem !important;}
.mb-n4, .my-n4	{	margin-bottom: -1.5rem !important;}
.ml-n4, .mx-n4	{	margin-left: -1.5rem !important;}
.m-n5			{	margin: -3rem !important;}
.mt-n5, .my-n5	{	margin-top: -3rem !important;}
.mr-n5, .mx-n5	{	margin-right: -3rem !important;}
.mb-n5, .my-n5	{	margin-bottom: -3rem !important;}
.ml-n5, .mx-n5	{	margin-left: -3rem !important;}
.m-auto			{	margin: auto !important;}
.mt-auto, .my-auto	{	margin-top: auto !important;}
.mr-auto, .mx-auto	{	margin-right: auto !important;}
.mb-auto, .my-auto	{	margin-bottom: auto !important;}
.ml-auto, .mx-auto	{	margin-left: auto !important;}



/*	--	LAYOUT	----------------------------------------------------------	*/
body > .wrap {
	margin: 0 auto;
    min-width:1250px;
}
.container {
	width: 1250px;
	margin: 0 auto;
}
.navbar {
	position:relative;
	z-index: 9;
	top: 0;
	background: url(mvp-01_05.png) repeat-x;
	width: 100%;
	overflow: hidden;
}
.navbar .container {
	width: 1250px;
	margin: 0 auto;
}
.navbar .toplink {
	height: 44px;
	overflow: hidden;
}
.navbar .menuleft,
.navbar .menuright {
	float: left;
	width: 445px;
}
.navbar .menuleft ul,
.navbar .menuright ul{
}
.navbar .menuleft li {
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	width: 24%;
}
.navbar .menuright li{
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	width: 32%;
}
.navbar .menuleft li a,
.navbar .menuright li a{
	color: #FFFFFF;
	text-shadow:1px 1px 1px #311a05 ;
	text-align: center;
	display:block;
	line-height: 72px;
}
.navbar .menuleft a:hover span,
.navbar .menuright a:hover  span {
	border: 1px solid #ead68e;
	padding:15px 11px;
	text-align: center;
	border-radius: 6px 6px;
	box-shadow: 1px 2px 1px #ad8b3a;
	background: rgba(255, 255, 255, 0.4);
	-webkit-transition: all 0.3s 0s ease-in-out;
	-moz-transition: all 0.3s 0s ease-in-out;
	-o-transition: all 0.3s 0s ease-in-out;
	transition: all 0.3s 0s ease-in-out;
	color: #5c3009;
	text-shadow: 1px 1px 1px #FFFFFF;
	font-weight: bold;
}
.navbar .nav-linkset .logos {
	width: 360px;
	float: left;
	margin-top: -44px;
}
.navbar .navbar-logo {}
.navbar img {}
.navbar .navbar-nav {}
.navbar .nav-item {}
.navbar .nav-item.navbar .nav-link {}
.navbar .nav-link span {}
.navbar .toplink {
	text-align: right;
}
.navbar .toplink .toplink-userbtn {
	padding: 9px 10px 0 0;
}
.navbar .toplink .toplink-userbtn .btn-login {}
	.btn-login {
		box-shadow: 0px 1px 0px 0px #fff6af;
		background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
		background-color:#ffec64;
		border-radius:2px;
		border:1px solid #ffaa22;
		display:inline-block;
		cursor:pointer;
		color:#4b2d05;
		font-size:13px;
		font-weight:bold;
		padding:5px 15px 4px;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffee66;
	}
	.btn-login:hover {
		background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
		background-color:#ffab23;
	}
	.btn-login:active {
		position:relative;
		top:1px;
	}

.navbar .toplink .toplink-userbtn .btn-join {}
	.btn-join {
		box-shadow: 0px 1px 0px 0px #b06044;
		background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
		background-color:#d0451b;
		border-radius:2px;
		border:1px solid #942911;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-size:13px;
		font-weight:bold;
		padding:5px 15px 4px;
		text-decoration:none;
		text-shadow:1px 1px 1px #661400;
	}
	.btn-join:hover {
		background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
		background-color:#bc3315;
	}
	.btn-join:active {
		position:relative;
		top:1px;
	}
.navbar .toplink .toplink-userbtn .btn-secondary {}
	.btn-secondary {
		font-size: 11px;
		color: #f9ebbd;
	}
	.btn-secondary.logout {
		background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
		background-color:#d0451b;
		border-radius:2px;
		border:1px solid #942911;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-size:11px;
		font-weight:bold;
		padding:5px 15px 4px;
		text-decoration:none;
		text-shadow:1px 1px 1px #661400;
	}
	.toplink_userinfo ul li .btn-secondary.logout {
		font-size: 16px;
		font-weight: normal;
		padding: 2px 4px 1px;
		margin-left:5px;
	}
	.toplink_userinfo ul li .btn-secondary.logout span { display: none;}
	.toplink_userinfo ul li .btn-login { font-size: 12px;}

.navbar .icon_menber {
	height: 20px; width: auto; vertical-align: middle; margin: 0 4px 0 0;
}
.navbar .toplink .toplink_userinfo {
	padding: 11px 10px 0 0;
}
.navbar .toplink .toplink_userinfo li {
	display:inline-block;
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
	padding: 0 0 0 5px;
}
.navbar .toplink .toplink_userinfo li strong {
	color: rgba(255, 255, 255, 1);
}
.maincontent {
	background: #000;
}
.maincontent .gamelist {
}
.maincontent .btn-set-gamelist {
	background:url(mvp-01_04.png) center center no-repeat;
	width: 100%;
	height: 330px;
	padding: 40px 0;
    box-sizing: border-box;
}
.maincontent .btn-set-gamelist ul {
	background:url(mvp-tab.png?ds) center bottom no-repeat;
	width: 1130px;
	height: 253px;
	margin: 0 auto;

}
.maincontent .btn-set-gamelist li {
	background-repeat: no-repeat;
	float: left;
	height: 253px;
	width: 323px;
	margin-left: -72px;
}
.maincontent .btn-set-gamelist li:nth-child(1) {
	margin-left:28px ;
	opacity: 0;
}
.maincontent .btn-set-gamelist li:nth-child(2),
.maincontent .btn-set-gamelist li:nth-child(3),
.maincontent .btn-set-gamelist li:nth-child(4) {
	opacity: 0;
}
.maincontent .btn-set-gamelist li.select:nth-child(1),
.maincontent .btn-set-gamelist li.select:nth-child(2),
.maincontent .btn-set-gamelist li.select:nth-child(3),
.maincontent .btn-set-gamelist li.select:nth-child(4) {
	opacity: 1 !important;
}
.maincontent .btn-set-gamelist li:nth-child(1):hover,
.maincontent .btn-set-gamelist li.select:nth-child(1) {
	background:url(mvp-tab.png?asd);
	background-position: -28px 0px;
	-webkit-transition: opacity 0.3s 0s ease-in-out;
	-moz-transition: opacity 0.3s 0s ease-in-out;
	-o-transition: opacity 0.3s 0s ease-in-out;
	transition: opacity 0.3s 0s ease-in-out;
	opacity: 0.8;

}
.maincontent .btn-set-gamelist li:nth-child(2):hover,
.maincontent .btn-set-gamelist li.select:nth-child(2) {
	background:url(mvp-tab.png?Asd);
	background-position: -279px -283px;
	-webkit-transition: opacity 0.3s 0s ease-in-out;
	-moz-transition: opacity 0.3s 0s ease-in-out;
	-o-transition: opacity 0.3s 0s ease-in-out;
	transition: opacity 0.3s 0s ease-in-out;
	opacity: 0.8;
}
.maincontent .btn-set-gamelist li:nth-child(3):hover,
.maincontent .btn-set-gamelist li.select:nth-child(3) {
	background:url(mvp-tab.png?asd);
	background-position: -530px -566px;
	-webkit-transition: opacity 0.3s 0s ease-in-out;
	-moz-transition: opacity 0.3s 0s ease-in-out;
	-o-transition: opacity 0.3s 0s ease-in-out;
	transition: opacity 0.3s 0s ease-in-out;
	opacity: 0.8;

}
.maincontent .btn-set-gamelist li:nth-child(4):hover,
.maincontent .btn-set-gamelist li.select:nth-child(4) {
	background:url(mvp-tab.png?ASdas);
	background-position: -781px -849px;
	-webkit-transition: opacity 0.3s 0s ease-in-out;
	-moz-transition: opacity 0.3s 0s ease-in-out;
	-o-transition: opacity 0.3s 0s ease-in-out;
	transition: opacity 0.3s 0s ease-in-out;
	opacity: 0.8;
}
.maincontent .btn-set-gamelist li a {
	display: block;
	margin: 0 auto;
	height: 100%;
	width: 70%;
	text-align: center;
}
.maincontent .btn-set-gamelist li a span {
	display: none;
}


.gamelist {
	width: 1250px;
	margin: 0 auto;
}
.gamelist h1.game-title {
	text-align: center;
	width: 100%;
	margin: 0 auto 30px auto;
/*	background: url(mvp-01_04main-game-img-bg.png) center center no-repeat;*/
}
.gamelist .game-title img {
}
.gamelist .game-list-casino {
}
.gamelist .game-list-casino .frame-border {
	background: url(main-game-img-bg.png) center center no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 8;
}
.gamelist .game-list-casino .btn_start {
	opacity:0;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #a28162;
}
.btn_start .over_title {
	position: absolute;
	bottom: 56px;
	color: #ffe384;
	font-size: 24px;
	text-align: center;
	width: 100%;
	font-weight: bold;
	text-shadow: 1px 1px 1px #382a08;
}
.gamelist .game-list-casino >li:hover .btn_start {
	opacity: 0.8;
-webkit-transition: opacity 0.5s 0s ease-in-out;
-moz-transition: opacity 0.5s 0s ease-in-out;
-o-transition: opacity 0.5s 0s ease-in-out;
transition: opacity 0.5s 0s ease-in-out;
}
.gamelist .game-list-casino > li {
	position: relative;
	width: 302px;
	height: 295px;
	text-align: center;
	box-sizing: border-box;
	float: left;
	margin: 0 10px 10px 0;
}
.gamelist .game-list-casino li a {
}
.gamelist .game-list-casino li a img {
}
/* -- GameBox -- */
.GameBox a:hover {
	opacity: 1;
}

.GameBox .modal-content {
	background: none;
}

.GameBox .modal-content .user_card {
	width: 100%;
	max-width:1280px;
	height: auto;
	padding: 0 0 10px 0;
}

.GameBox .modal-dialog {
	width: 90%;
	margin: 0 auto;
}

.GameBox .modal-dialog {
	top: 20px;
	width: auto;
}

.GameBox .pop-header {
	padding: 15px 15px 11px 20px;
	margin: 0 0;
	text-align: center;
	background: rgba(252, 234, 187, 1);
	background: -moz-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 0.65) 50%, rgba(248, 181, 0, 0.64) 51%, rgba(251, 223, 147, 0.3) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252, 234, 187, 1)), color-stop(50%, rgba(252, 205, 77, 0.65)), color-stop(51%, rgba(248, 181, 0, 0.64)), color-stop(100%, rgba(251, 223, 147, 0.3)));
	background: -webkit-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 0.65) 50%, rgba(248, 181, 0, 0.64) 51%, rgba(251, 223, 147, 0.3) 100%);
	background: -o-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 0.65) 50%, rgba(248, 181, 0, 0.64) 51%, rgba(251, 223, 147, 0.3) 100%);
	background: -ms-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 0.65) 50%, rgba(248, 181, 0, 0.64) 51%, rgba(251, 223, 147, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 0.65) 50%, rgba(248, 181, 0, 0.64) 51%, rgba(251, 223, 147, 0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
}

.GameBox .pop-header img {
	width: auto;
	height: 24px;
	display: inline-block;
	padding: 0 0;
	margin: -10px 0 0 0;
	display: inline-block;
	vertical-align: middle;
}

.GameBox .pop-header h2 {
	display: inline-block;
	font-size: 27px;
	font-family: 'Do Hyeon', sans-serif;
	color: #FFFFFF;
	padding: 8px 0px;
	margin: 0 0;
	vertical-align: middle;
}

.GameBox .pop-header .close {
	float: right;
	color: #FFFFFF;
	opacity: 1;
	text-shadow: none;
	font-size: 30px;
	margin-top: -3px;
}

.GameBox hr.goldbar_top {
	height: 5px;
}

.GameBox .modal-content .user_card .contentScroll {
	height: 100%;
	overflow: auto;
	width: 98%;
	position: relative;
	z-index: 0;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow-y: auto;

}

.GameBox .modal-content .user_card .gamelistbox {
	width: 98%;
	margin: 0 auto;
	list-style: none;
}

.GameBox .modal-content .user_card .gamelistbox li {
	width: 20%;
	box-sizing: border-box;
	padding: 10px 10px;
	float: left;
	text-align: center;
}

.GameBox .modal-content .user_card .gamelistbox li a {
	position: relative;
	border-radius: 7px;
	border: 1px solid #000000;
	border-image: linear-gradient(to right, #a36b00 0%, #fffa98 100%);
	border-image-slice: 1;
	border-width: 1px;
	display: block;
}

.GameBox .modal-content .user_card .gamelistbox li a:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border: 1px solid #fff;
	box-shadow: 0px 0px 10px #fff245, 0px 0px 10px #fff245;
	transition: 0.5s;
}
.GameBox .modal-content .user_card .gamelistbox li a .btn_start {
	opacity: 0;
}
.GameBox .modal-content .user_card .gamelistbox li a .btn_title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 5px 0 15px 0;
	text-align: center;
	transition: all 0.75s;
	opacity: 0;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,212,255,0) 100%);
}

.GameBox .modal-content .user_card .gamelistbox li a .btn_title font {
	text-align: center;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 900;
	text-shadow: 1px 1px #000000;
}

.GameBox .modal-content .user_card .gamelistbox li a:hover img.gamethumb {
	opacity: 0.5;
}

.GameBox .modal-content .user_card .gamelistbox li a:hover .btn_title,
.GameBox .modal-content .user_card .gamelistbox li a:hover .btn_start {
	opacity: 1;
}

.GameBox .modal-content .user_card .gamelistbox li img {
	width: 100%;
	height: auto;
}

@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.stroke-dotted {
	opacity: 0;
	stroke-dasharray: 4, 5;
	stroke-width: 1px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: spin 4s infinite linear;
	animation: spin 4s infinite linear;
	transition: opacity 1s ease, stroke-width 1s ease;
}

.stroke-solid {
	stroke-dashoffset: 0;
	stroke-dashArray: 300;
	stroke-width: 4px;
	transition: stroke-dashoffset 1s ease, opacity 1s ease;
}

.gamelistbox .btn_start .icon {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

.gamelistbox a:hover #play .stroke-dotted {
	stroke-width: 4px;
	opacity: 1;
}

.gamelistbox a:hover #play .stroke-solid {
	opacity: 0;
	stroke-dashoffset: 300;
}

.gamelistbox a:hover #play .icon {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.gamelistbox .btn_start #play {
	cursor: pointer;
	position: absolute;
	width: 35%;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}


@media (max-width:992px) {
	.GameBox .modal-content .user_card .gamelistbox li {
		width: 25%;
	}
	
}

@media (max-width:768px) {
	.GameBox .modal-content .user_card .gamelistbox li {
		width: 33.333%;
	}
	
}

@media (max-width:576px) {
	.GameBox .modal-content .user_card .gamelistbox li {
		width: 50%;
	}
	
}

@media (min-width:576px) {
	.GameBox .modal-dialog {
		max-width: 100%;
		margin: 1.75rem auto;
	}
	
}


.game-article {
	overflow:hidden;
/*	background: #060503;*/
	background: #000;
}
.wrap-notice {
	width:380px;
	float: left;
	margin: 0 45px 0 0;
}
.wrap-faq {
	width: 380px;
	float: left;
}
#tb_faqview { margin-top:0.65rem;}
.wrap-money {
	width:400px;
	float: left;
	margin:0 45px 0 0;
	
}
.wrap-messenger-container {
	width: 380px;
    float: left;
}
.wrap-messenger {
	width: 100%;
	background: #1e2127;
	border: 1px solid #2b2f35;
	margin: 0 0;
}
.wrap-messenger ul li {
	border-bottom: 1px solid #2b2f35;
	padding: 14px 25px;
}
.wrap-messenger ul li:last-child {
	border-bottom: none;
	background: #2e3339;
}
.wrap-messenger ul li span {
	float: right;
	display: inline-block;
	margin-top: 13px;
	color: #FFFFFF;
	font-weight: bold;
}
.game-article .article-tit {
	text-align: center;
	width: 100%;
	padding: 0 0;
	margin: 0 auto 10px auto;
	overflow: hidden;
}

.game-article .article-box {
	background: url(article-bg.png) 0px 0px;
	background-repeat: repeat-x;
	overflow: hidden;
}

.btn_more {
	float: right;
	color: #FFFFFF;
}

.btn_more span {
	display: inline;
	padding: .15em .7em .2em;
	font-size: 65%;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.article-box ul.list {
	clear: both;
	margin:18px 25px 19px 20px;
}

.article-box ul.list li {
	list-style: none;
	font-size: 13px;
	background: url(icon_bull.png) 5px center;
	background-repeat: no-repeat;
	padding: 1px 0 0 17px;
}

.article-box ul li a {
	display: block;
	padding: 9px 0 8px 0;
	color: #e5e5e5;
}
.article-box ul li a:hover {
	color: #ffea55;
}
.article-box ul li a .category {
	font-size: 11px;
	opacity: 0.7;
	min-width: 61px;
	margin-right: 4px;
	display: inline-block;
}
.article-box ul li .list-date {
	float: right;
	font-size: 11px;
	opacity: .7;
}

.switcher {
	display: block;
	padding: 0px 0px;
	background: #1f2833;
	border-radius: 2px;
	width: 200px;
	border-radius: 4px;
	border: solid 1px #070a0e;
	position: relative;
	font-family: 'Noto Sans KR', sans-serif;
	margin: 8px auto;
	overflow: hidden;
}
.switcher_input {
	display: none;
}
.switcher_label {
	float: left;
	width: 50%;
	font-size: 11px;
	line-height: 20px;
	color: #AAAAAA;
	text-align: center;
	cursor: pointer;
	position: inherit;
	z-index: 10;
	transition: color 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
	will-change: transform;
	margin-bottom: 0px;
}
.switcher_toggle {
	position: absolute;
	float: left;
	height: 18px;
	width: 50%;
	font-size: 11px;
	line-height: 30px;
	cursor: pointer;
	background-color: #34b934;
	border-radius: 4px;
	left: 1px;
	top: 1px;
	transition: left 0.25s cubic-bezier(0.4, 0.0, 0.2, 1);
	will-change: transform;
}
.switcher_input:checked + .switcher_label {
	color: #fff;
}
.switcher_input--yang:checked ~ .switcher_toggle {
	left:102px;
	background-color: #eb8e0a;
}

.label {
	display: inline;
	padding:0 4px;
	font-size: 85%;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	text-shadow: 1px 1px rgba(0, 0, 0, .5);
	font-family: 'Noto Sans KR', sans-serif;
}

.label-withdraw {
	background: #eb8e0a;
	color:#FFFFFF;
}
.label-deposit {
	background: #34b934;
	color:#FFFFFF;
}
.label-success {
	background: #337ab7;
	color:#FFFFFF;
}
.label-info {
	background: #888888;
	color:#FFFFFF;
}
.label-primary {
	background: #b78a22;
	color:#FFFFFF;
}

.list-money {
	width: 100%;
}
.list-money tr:nth-child(even) {
	background: none
}
.list-money tr:nth-child(odd) {
	background-color: rgba(255, 255, 255, 0.1);
}
.list-money td {
	color: #e5e5e5;
	font-size: 13px;
	padding: 9px 0;
	text-align: left;
}
.list-money td.labelbox {
	padding-left: 25px;
}

.list-money td.time {
	font-size: 11px;
	opacity: 0.8;
	width: 80px;
}
.list-money td.userid {}
.list-money td.cost {
	font-weight: bold;
	text-align: right;
	padding-right: 25px;
}
.list-money td.cost .xi-won {
	font-size: 11px;
	font-weight: normal;
}



/* ---	FOOTER 	--- */
.footer-box {
	border-top: 1px solid #2b2f35;
	border-bottom: 1px solid #2b2f35;
	background: #040506;
}

.footer-box .row {
	padding: 20px 0;
	text-align: center;
	overflow: hidden;
}

.footer-box .text-copyr {
	background: #0b0d11;
	border-top: 1px solid #2b2f35;
	color: #757575;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	padding: 28px 0px;
	position: relative;
}
.footer-box .text-copyr strong {
	color: #BBBBBB;
	font-weight: bold;
}

.img_partner {
	width: 300px;
	height: auto;
	position: absolute;
	top:10px;
	right: 50%;
	margin-right: -600px;

}



/* POPUP MODAL */
.modal-content.popup {
	position: absolute;
	background: rgba(0, 0, 0, 0.85) !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 7px;
	border: 1px solid #000000;
	border-image: linear-gradient(to right, #b87d20 0%, #fffa98 100%);
	border-image-slice: 5;
	border-width: 5px;
	z-index: 1001;
	min-height: 350px;
	width: 360px;
	top: 140px;
	left: 50%;
	margin-left: -180px;
}

.modal-content.popup .popup_header {
	width: 100%;
	min-height: 50px;
	padding: 15px 15px 11px 20px;
	margin: 0 0;
	text-align: left;
	background: rgba(252, 234, 187, 1);
	background: -moz-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, .65) 50%, rgba(248, 181, 0, .64) 51%, rgba(251, 223, 147, .3) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252, 234, 187, 1)), color-stop(50%, rgba(252, 205, 77, .65)), color-stop(51%, rgba(248, 181, 0, .64)), color-stop(100%, rgba(251, 223, 147, .3)));
	background: -webkit-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, .65) 50%, rgba(248, 181, 0, .64) 51%, rgba(251, 223, 147, .3) 100%);
	background: -o-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, .65) 50%, rgba(248, 181, 0, .64) 51%, rgba(251, 223, 147, .3) 100%);
	background: -ms-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, .65) 50%, rgba(248, 181, 0, .64) 51%, rgba(251, 223, 147, .3) 100%);
	background: linear-gradient(to bottom, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, .65) 50%, rgba(248, 181, 0, .64) 51%, rgba(251, 223, 147, .3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
	text-align: center;
}

.modal-content.popup .popup_header h2 {
	display: inline-block;
	font-size: 20px;
	font-family: 'Do Hyeon', sans-serif;
	color: #fff;
	padding: 0 0;
	margin: 0 0 0 10px;
	vertical-align: middle;
	text-shadow: 1px 1px #7c510e;
}
.content-area {
	color: #FFFFFF;
	padding: 20px 20px 30px;
	max-height: 400px;
	min-height: 300px;
	line-height: 165%;
	font-size: 0.95em;
}
.content-area.scroll {
	overflow: auto;
	overflow-x: hidden;
}

/* 스크롤바 */
/* width */
::-webkit-scrollbar {    width: 7px;}
/* Track */
::-webkit-scrollbar-track {    background: #CCCCCC;}
/* Handle */
::-webkit-scrollbar-thumb {    background: #404040;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {    background: #202020;}


.modal-content.popup .popup_footer {
	min-height: 35px;
	overflow: hidden;
	padding: 10px 10px 5px 10px;
	background: #202020;
}
.popup_footer .custom-checkbox {
	float: left;
	font-size: 12px;
	margin-top: 3px;
}
.popup_footer .custom-checkbox .custom-control-label { color: #BBBBBB;}
.popup_footer button.btn {
	float: right;
	font-size: 11px;
	padding: 4px 10px 4px 10px;
	border: 1px solid #000000;
	background: #404040;
	color: #AAAAAA;
}
@media only screen and (max-width:991.98px)    {    .modal-content.popup { top: 60px;}    }
@media only screen and (max-width: 480px)    {    .modal-content.popup { top: 75px;}    }
@media only screen and (max-width:320.98px)    {    .modal-content.popup { width: 300px; margin-left: -150px;}    }



/* GameBox */
.GameBox .nav {
	background: #4a3f26;
    border-top: 1px solid #372f1c;
    border-bottom: 1px solid #372f1c;
	overflow: hidden;
}
.GameBox .nav.nav-tabs{
}
.GameBox .nav .nav-item {
}
.GameBox .nav .nav-item.nav .nav-link {
}
.GameBox .nav .nav-link {
	color: #DDDDDD;
	padding:8px 20px;
	border-radius: 20px 20px 20px;
	font-size: 14px;
	border: none !important;
}

.GameBox .nav-tabs .nav-item.show .nav-link,
.GameBox .nav-tabs .nav-link.active,
.GameBox .nav-tabs li.active {
/*
    background:none;
	border: none;
*/
}
.GameBox .nav-tabs li a {
	display: inline-block;
	font-family: 'Noto Sans KR', sans-serif;
}
.GameBox .nav-tabs li.active a {
	color: #FFFFFF;
	padding:8px 20px;
	border-radius: 20px 20px 20px;
	font-size: 14px;
	background-color: #ac8d3b;
	border: none !important;
}
.GameBox .nav-tabs li.nav-item a:hover {
}
.GameBox .nav-tabs li.active a:hover {
	font-weight: normal;
}
.GameBox .modal-content .user_card .contentScroll { height:auto; overflow: hidden;}




/* ANIMATION CSS - main Visual and a tag hover */
.navbar-logo span.ani-logo {
	background: url(img_logo.gif);
	background-repeat: no-repeat;
	width: 360px;
	height: 226px;
	position: absolute;
/*	animation-name:;*/
}
.main-visual {
	position: relative;
	height: 500px;
	margin-top: -228px;
	background:#412712 url(main-visual-bg.png) top center no-repeat;
	z-index: 1;
	overflow: hidden;
}
.main-visual .main-pop-img {
	position: absolute;
	z-index: 13;
	left: 50%;
	top: 50%;
	height: 380px;
	margin-top: -140px;
	animation-name:banner_img_anim1;
}
.main-visual .main-v-img-01 {
	position: absolute;
	z-index: 12;
	width: 1450px;
	bottom: -136px;
	left: 50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
/*	animation-name:;*/
	animation-name:banner_img_anim2;
}
.main-visual .main-v-img-02 {
	position: absolute;
	z-index: 11;
	bottom:-135px;
	left: 50%;
	-webkit-transform:translateX(-50%);
	transform: translateX(-50%);
/*	animation-name:;*/
	animation-name:banner_img_anim3;
}



.main-visual img{
	position:absolute;
	animation:infinite;
	animation-duration:10s;
	animation-timing-function: linear;
	animation-fill-mode:forwards;
	opacity:1;
}
@keyframes banner_img_anim1	{
	0%	{	transform: scale(0);	opacity:0;	}
	5%	{	transform: scale(0.1);	opacity:0;	}
	10%	{	transform: scale(1);	opacity:0.25;	}
	12%	{	transform: scale(1.2);	opacity:0.65;	}
	14%	{	transform: scale(1);	opacity:1;	}
	95%	{	transform: scale(1);	opacity:1;	}
	100%{	transform: scale(0);	opacity:0;	}
}
@keyframes banner_img_anim2	{
	0%	{	margin-bottom:0;	opacity:0;	}
	10%	{	margin-bottom:0;	opacity:0.45;	}
	18%	{	margin-bottom:0;	opacity:0.75;	}
	20%	{	margin-bottom:10px;	opacity:1;	}
	25%	{	margin-bottom:0;	opacity:1;	}
	95%	{	margin-bottom:0;	opacity:1;	}
	100%{	margin-bottom:0;	opacity:0;	}
}
@keyframes banner_img_anim3	{
	0%	{	margin-bottom:-600px;	opacity:0;	}
	15%	{	margin-bottom:-600px;	opacity:0;	}
	23%	{	margin-bottom:0;	opacity:0.75;	}
	25%	{	margin-bottom:20px;	opacity:1;	}
	30%	{	margin-bottom:0;	opacity:1;	}
	95%	{	margin-bottom:0;	opacity:1;	}
	100%{	margin-bottom:0;	opacity:0;	}
}