/*231010 수정본 hh*/
html {
	font-size: 62.5%
}

header {
	position: relative;
	min-width: 1000px;
	/* box-shadow: 0 0 50px #ffb224; */
	/* background: linear-gradient(266deg, #0b316d, transparent); */
}

.header__notice {
	position: relative;
	padding-right: 120px;
	background-color: #000000;
}

.header__notice li {
	display: block;
	position: relative;
	height: 40px;
}

.header__notice .ic--mic {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	animation: ani--opacity 1s infinite;
	vertical-align: middle;
	background: url('../../img/venom/ic-sprite.png?v=1') 0 0 no-repeat;
	background-size: 400px 200px;
}

.header__notice li marquee {
	position: relative;
	vertical-align: middle;
	color: rgba(255, 255, 255, .6);
	font-size: 1.4rem;
	font-weight: lighter;
	line-height: 40px;
}

.header__inner {
	display: flex;
	min-width: 1200px;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 16px;
	align-items: center;
	/* background: red; */
}

.header__menu-opener {
	display: none;
}

.header__logo {
	overflow: hidden;
	width: 216px;
	height: 90px;
	text-indent: -9999px;
	color: #fff;
	font-size: 3rem;
	background: url(../../img/venom/logo_okada2.png?v=1) center center no-repeat;
	background-size: contain;
}

.header__gnb {
	flex: 1;
}

.header__gnb .depth1 {
	display: flex;
	width: 100%;
	margin-left: 40px;
	gap: 0;
	align-items: center;
}

.header__gnb .depth1>li {
	position: relative;
	padding: 40px 15px;
	cursor: pointer;
	transition: all .3s ease;
	color: rgba(255, 255, 255, .8);
	font-size: 1.5rem;
	font-weight: normal;
}

.header__gnb .depth1>li .svg--dropdown {
	width: 16px;
	height: 16px;
	margin-top: -1px;
	vertical-align: middle;
}

.header__gnb .depth1>li:before {
	display: inline-block;
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	content: '';
	transition: all .3s ease;
	transform: translate(-50%);
	background-color: #f0af1d;
}

.header__gnb .depth1>li:hover {
	color: #ffb224;
	background: radial-gradient(88.63% 49.61% at 50.39% 100.00%, hsl(38.7deg 100% 51% / 31%) 0%, hsl(38.7deg 100% 51% / 17%) 42.71%, hsl(38.7deg 100% 51% / 4%) 78.13%, hsl(38.7deg 100% 51% / 0%) 100%);
}

.header__gnb .depth1>li:hover:before {
	opacity: 1;
	width: 80%;
}

.header__gnb .depth2 {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 99;
	margin-top: 101px;
	border-radius: 0 0 15px 15px;
	user-select: none;
	transition: all .2s ease;
	transform: translateX(-50%);
	pointer-events: none;
	backdrop-filter: blur(5px);
}

.header__gnb .depth1>li:hover .depth2 {
	opacity: 1;
	pointer-events: all;
}

.header__gnb .depth2>li {
	min-width: 150px;
	padding: 10px;
	transition: all .3s ease;
	text-align: center;
	color: rgba(255, 255, 255, .7);
	font-size: 1.5rem;
	background-color: #e52b01cc;
}

.header__gnb .depth2>li:hover {
	color: #000;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 1.0);
	box-shadow: 0 0 30px #fff;
}

header .login {
	display: flex;
	min-width: 400px;
	max-width: 660px;
	color: rgba(255, 255, 255, .7);
	font-size: 1.4rem;
	line-height: 160%;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

header .login a {
	transition: all .3s ease;
	color: rgba(255, 255, 255, 1);
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 160%;
}

header .login a:hover {
	background-color: #ffb224;
}

header .login b {
	color: #b075ff;
	font-size: 1.4rem;
	font-weight: bold;
}

header .login button .ic--login {
	margin-right: 4px;
}

header .login button .ic--logout {
	margin-right: 1px;
}

.login__info__level {
	width: 20px;
}

header .login .info {
	display: flex;
	margin-right: 8px;
	font-size: 1.3rem;
	align-items: center;
	gap: 4px;
}

header .login .info .value {
	color: #f0af1d;
	font-weight: bold;
	font-weight: 16px;
}

header .login--after{
	gap:2px 8px
}

header .login--after:after{
	content: '';
	display: block;
	order:1;
	flex:100%;
	height:0px;
}

header .login--after button{
	order:3;
}

.lang {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 21;
	margin: 4px 4px;
	color: #fff;
	font-size: 1rem;
	background: url('../../img/common/lang/ic_arrowD.png') 90% center no-repeat rgba(0, 0, 0, .5);
	background-size: 12px;
}

.lang .now_lang {
	position: relative;
	padding: 0 38px;
	border: 1px #999 solid;
	cursor: pointer;
	line-height: 30px;
}

.lang :after {
	position: absolute;
	top: 2px;
	left: 6px;
	width: 22px;
	height: 22px;
	border: 1px #000 solid;
	border-radius: 50%;
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.lang .en:after {
	background-image: url('../../img/common/lang/en2.png');
}

.lang .ch:after {
	background-image: url('../../img/common/lang/ch2.png');
	background-position: top left;
}

.lang .jp:after {
	background-image: url('../../img/common/lang/jp2.png');
}

.lang .ko:after {
	background-image: url('../../img/common/lang/ko2.png');
}

.lang ul {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	margin-top: 31px;
	border: 1px #999 solid;
}

.lang:hover ul {
	display: block;
}

.lang ul li {
	display: block;
	position: relative;
	width: 100%;
	height: 30px;
	margin-top: -1px;
	padding-left: 38px;
	border-top: 1px #999 solid;
	cursor: pointer;
	line-height: 29px;
	background: #000;
}

.lang ul li:hover {
	background: #222;
}

.main {
	overflow: hidden;
	position: relative;
	min-width: 1000px;
	min-height: 600px;
}

.main:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 500px;
	content: '';
	background: url('../../img/venom/bg_maxim01.jpg?v=1');
	background-size: cover;
}

.main__visual {
	display: flex;
	flex-direction: column;
	position: relative;
	max-width: 1200px;
	height: 450px;
	margin: 0 auto;
	padding-left: 40px;
	color: rgba(255, 255, 255, .9);
	justify-content: center;
	gap: 16px;
	align-items: center;
	text-shadow: 0 0 3px BLACK;
}

.main__visual h2 {
	animation: fadein 1s ease .4s both;
	font-size: 2rem;
	display: none;
}

.main__visual p {
	animation: fadein 1s ease .6s both;
	font-size: 1.6rem;
	text-align: center;
	max-width: 500px;
	text-shadow: 0 0 5px black, 0 0 5px black;
}

.main__visual p br{display:none;}

.main__visual__logo {
	width: 100%;
	height: 361px;
	animation: fadein 1s ease .3s both;
	background: url('../../img/venom/logo_okada1.png') center 0 no-repeat;
	background-size: contain;
	margin: -30px 0 -20px 0;
}

.main__visual__img--left {
	display: inline-block;
	position: absolute;
	bottom: -100px;
	left: 50%;
	width: 500px;
	height: 500px;
	margin-left: -840px;
	user-select: none;
	animation: fadein 1s both .2s;
	pointer-events: none;
	background-image: url('../../img/venom/mainvisual--right_maxim01.png?v=1');
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
}

.main__visual__img--right {
	position: absolute;
	right: -340px;
	bottom: -75px;
	width: 500px;
	height: 400px;
	animation: updown 3s both infinite;
	background-image: url('../../img/venom/mainvisual--left_maxim01.png?v=1');
	background-repeat: no-repeat;
	background-size: contain;
}

.main__gamelist {
	display: flex;
	max-width: 1400px;
	margin: 0 auto;
	flex-wrap: wrap;
	gap: 20px 16px;
}

.main__gamelist li {
	display: block;
	position: relative;
	width: calc(33% - 8px);
	height: 250px;
	padding: 30px;
	border: 4px solid #f0af1d;
	border-right-color: #b075ff;
	border-bottom-color: #b075ff;
	border-radius: 15px;
	cursor: pointer;
	transition: all .3s ease;
	animation: fadein .5s ease both;
	color: rgba(255, 255, 255, .8);
	background: var(--2828282-paints, linear-gradient(180deg, rgba(0, 0, 0, .00) 0%, rgba(255, 255, 255, .13) 5.21%, rgba(0, 0, 0, .05) 18.23%, rgba(0, 0, 0, .60) 79.17%, rgba(0, 0, 0, .00) 100%), #282828);
}

.main__gamelist li:hover {
	color: #fff;
	box-shadow: 0 0 34px 0 #4c8a76;
}

.main__gamelist li:hover .btn--super {
	opacity: 1;
	bottom: 0;
}

.main__gamelist li:hover .main__gamelist__visual {
	transform: scale(1.0);
}

.main__gamelist__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 11px;
}

.main__gamelist li:nth-child(5n-4) .main__gamelist__bg{
	background:url(../../img/venom/gamebg01.jpg) center center no-repeat;
	background-size: 100% 100%;
}

.main__gamelist li:nth-child(5n-3) .main__gamelist__bg{
	background:url(../../img/venom/gamebg02.jpg) center center no-repeat;
	background-size: 100% 100%;
}

.main__gamelist li:nth-child(5n-2) .main__gamelist__bg{
	background:url(../../img/venom/gamebg03.jpg) center center no-repeat;
	background-size: 100% 100%;
}

.main__gamelist li:nth-child(5n-1) .main__gamelist__bg{
	background:url(../../img/venom/gamebg04.jpg) center center no-repeat;
	background-size: 100% 100%;
}

.main__gamelist li:nth-child(5n) .main__gamelist__bg{
	background:url(../../img/venom/gamebg05.jpg) center center no-repeat;
	background-size: 100% 100%;
}

.main__gamelist__visual {
	position: absolute;
	right: -20px;
	bottom: 0;
	transition: all .3s ease;
	transform: scale(.95);
	transform-origin: bottom center;
	display: inline-block;
	z-index: 5;
	width: 100%;
	height: 115%;
	user-select: none;
	pointer-events: none;
}

.main__gamelist li:nth-child(32n-31) .main__gamelist__visual{background: url(../../img/venom/gamevisual01.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-30) .main__gamelist__visual{background: url(../../img/venom/gamevisual02.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-29) .main__gamelist__visual{background: url(../../img/venom/gamevisual03.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-28) .main__gamelist__visual{background: url(../../img/venom/gamevisual04.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-27) .main__gamelist__visual{background: url(../../img/venom/gamevisual05.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-26) .main__gamelist__visual{background: url(../../img/venom/gamevisual06.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-25) .main__gamelist__visual{background: url(../../img/venom/gamevisual07.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-24) .main__gamelist__visual{background: url(../../img/venom/gamevisual08.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-23) .main__gamelist__visual{background: url(../../img/venom/gamevisual09.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-22) .main__gamelist__visual{background: url(../../img/venom/gamevisual10.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-21) .main__gamelist__visual{background: url(../../img/venom/gamevisual11.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-20) .main__gamelist__visual{background: url(../../img/venom/gamevisual12.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-19) .main__gamelist__visual{background: url(../../img/venom/gamevisual13.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-18) .main__gamelist__visual{background: url(../../img/venom/gamevisual14.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-17) .main__gamelist__visual{background: url(../../img/venom/gamevisual15.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-16) .main__gamelist__visual{background: url(../../img/venom/gamevisual16.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-15) .main__gamelist__visual{background: url(../../img/venom/gamevisual17.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-14) .main__gamelist__visual{background: url(../../img/venom/gamevisual18.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-13) .main__gamelist__visual{background: url(../../img/venom/gamevisual19.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-12) .main__gamelist__visual{background: url(../../img/venom/gamevisual20.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-11) .main__gamelist__visual{background: url(../../img/venom/gamevisual21.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-10) .main__gamelist__visual{background: url(../../img/venom/gamevisual22.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-9) .main__gamelist__visual{background: url(../../img/venom/gamevisual23.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-8) .main__gamelist__visual{background: url(../../img/venom/gamevisual24.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-7) .main__gamelist__visual{background: url(../../img/venom/gamevisual25.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-6) .main__gamelist__visual{background: url(../../img/venom/gamevisual26.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-5) .main__gamelist__visual{background: url(../../img/venom/gamevisual27.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-4) .main__gamelist__visual{background: url(../../img/venom/gamevisual28.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-3) .main__gamelist__visual{background: url(../../img/venom/gamevisual29.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-2) .main__gamelist__visual{background: url(../../img/venom/gamevisual30.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n-1) .main__gamelist__visual{background: url(../../img/venom/gamevisual31.png) 110% bottom no-repeat;background-size: auto 100%;}
.main__gamelist li:nth-child(32n) .main__gamelist__visual{background: url(../../img/venom/gamevisual32.png) 110% bottom no-repeat;background-size: auto 100%;}


.main__gamelist li.main__gamelist__readmore {
	display: flex;
	height: 100px;
	padding: 10px;
	font-size: 2rem;
	flex: 1;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.main__gamelist li h2 {
	margin-bottom: 4px;
	letter-spacing: -1px;
	font-size: 3rem;
	font-weight: normal;
}

.main__gamelist li h3 {
	margin-bottom: 30px;
	letter-spacing: 3px;
	font-size: 1.6rem;
	font-weight: normal;
}

.main__gamelist li .btn--super {
	display: inline-block;
	opacity: 0;
	position: relative;
	bottom: -50px;
	padding: 0 60px 0 12px;
	transition: all .3s ease;
	animation: heartbeat 1.5s ease-in-out infinite both;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 40px;
	background: url(../../img/venom/btn--super.svg) 0 0 no-repeat;
	background-size: contain;
	filter: hue-rotate(223deg);
}

.main__jackpot {
	overflow: hidden;
	position: relative;
	position: relative;
	margin: 80px 0;
	padding: 30px 0;
	background: var(--linear, linear-gradient(161deg, #f0af1d 0%, #b075ff 100%));
}

.main__jackpot__inner {
	display: flex;
	overflow: hidden;
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	justify-content: space-around;
	align-items: center;
}

.main__jackpot:before {
	display: inline-block;
	position: absolute;
	top: -80px;
	left: 0;
	z-index: 0;
	width: 368px;
	height: 437px;
	content: '';
	user-select: none;
	animation: heartbeat 2s ease-in-out infinite both;
	background: url(../../img/venom/jackpotbg--left.png?v=1) 0 0 no-repeat;
	background-size: cover;
}

.main__jackpot:after {
	display: inline-block;
	position: absolute;
	top: -80px;
	right: 0;
	z-index: 0;
	width: 368px;
	height: 437px;
	content: '';
	user-select: none;
	animation: heartbeat 2s ease-in-out infinite both;
	background: url(../../img/venom/jackpotbg--right.png?v=1) 0 0 no-repeat;
	background-size: cover;
}

.main__jackpot__inner img {
	z-index: 1;
	height: 100%;
}

.jackpot-box {
	display: inline-flex;
	position: relative;
	z-index: 1;
	padding: 16px 40px;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, .5);
	align-items: center;
	gap: 10px;
	justify-content: flex-end;
}

.jackpot-box .value {
	font-family: 'Montserrat', sans-serif;
	color: #222;
	font-size: 5rem;
}

.jackpot-box b {
	font-family: 'Montserrat', sans-serif;
	color: #222;
	font-size: 2rem;
}


.main__cta {
	overflow: hidden;
	position: relative;
	margin: 80px 0;
	padding: 40px 0;
	background: url(../../img/venom/cta--bg.jpg) 0 0 no-repeat;
	background-size: cover;
}

.main__cta__inner {
	display: flex;
	overflow: hidden;
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	justify-content: space-around;
	align-items: center;
}

.main__cta__inner h2{
	animation: heartbeat 1.5s ease infinite both;
}

.main__cta__inner h2:before{
	content: 'PLAY AND WIN!';
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 6rem;
	font-weight: bold;
	text-shadow: 0 0 8px #ffb224;
	font-style: italic;
}

.main__cta__inner p:before{
	content:'안전하고 검증된 온라인 카지노에서 다양한 게임을 즐겨보세요.';
	color: #fff;
	font-size: 1.8rem;
	opacity: 0.8;
}

.main__bottom {
	display: flex;
	max-width: 1400px;
	margin: 0 auto 80px auto;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

.main__bottom__board {
	overflow: hidden;
	width: calc(24.5% - 10px);
	border-radius: 8px;
	box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .80);
	height: 250px;
}

.main__bottom__board h2 {
	position: relative;
	padding: 10px;
	cursor: pointer;
	vertical-align: middle;
	color: #fff;
	line-height: 30px;
	background: var(--2828282-paints, linear-gradient(180deg, rgba(0, 0, 0, .00) 0%, rgba(255, 255, 255, .2) 5.21%, rgba(0, 0, 0, .05) 18.23%, rgba(0, 0, 0, .60) 79.17%, rgba(0, 0, 0, .00) 100%), #333);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 1.0) inset;
}

.main__bottom__board h2:before {
	display: inline-block;
	opacity: 0;
	position: absolute;
	top: 50%;
	right: 16px;
	z-index: 1;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	content: '';
	user-select: none;
	transition: all .3s ease;
	pointer-events: none;
	background: url('../../img/venom/ic-sprite.png?v=1') -40px -34px no-repeat;
	background-size: 400px 200px;
}

.main__bottom__board h2:after {
	display: inline-block;
	opacity: .5;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	content: '';
	user-select: none;
	transition: all .3s ease;
	pointer-events: none;
	background: url('../../img/venom/ic-sprite.png?v=1') -80px -34px no-repeat;
	background-size: 400px 200px;
}

.main__bottom__board h2:hover:before {
	opacity: 1;
	right: 8px;
}

.main__bottom__board h2:hover:after {
	opacity: 0;
}

.main__bottom__board h2 svg {
	margin-right: 4px;
	vertical-align: middle;
}

.main__bottom__board table {
	width: 100%;
}

.main__bottom__board table td {
	padding: 8px 10px;
	text-align: center;
}

.main__bottom__board table td p {
	transition: all .3s ease;
	font-size: 1.3rem;
	height: 1.5rem;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.5rem;
}

.main__bottom__board table td small {
	font-size: 1rem;
}

.main__bottom__board table tr {
	cursor: pointer;
}

.main__bottom__board table tr:nth-child(even) td {
	background-color: #292929;
}

.main__bottom__board .payment {
	/*display: flex;*/
	flex-direction: row;
	position: relative;
	flex-wrap: wrap;
	gap: 0;
}

.main__bottom__board .payment__tab {
	margin: 8px 8px 8px 8px;
	padding: 6px 0;
	border: 1px solid rgba(255, 255, 255, .1);
	cursor: pointer;
	transition: all .2s ease;
	text-align: center;
	font-size: 1.3rem;
	flex: 1;
}

.main__bottom__board .payment__tab:first-child {
	margin-right: 0;
}

.main__bottom__board .payment__tab:hover {
	background-color: rgba(255, 255, 255, .1);
}

.main__bottom__board .payment__tabview {
	flex: 100%;
}

.main__bottom__board .payment__tabview li {
	display: flex;
	padding: 8px 10px;
	transition: all .2s ease;
;
	justify-content: space-between;
}

.main__bottom__board .payment__tabview li:hover {
	background-color: rgba(255, 255, 255, .1);
}

.main__bottom__board .payment__tabview li:hover strong {
	opacity: 1;
}

.main__bottom__board .payment__tabview li p {
	overflow: hidden;
	width: 29%;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.3rem;
}

.main__bottom__board .payment__tabview li strong {
	opacity: .6;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.3rem;
}

.main__bottom__board .payment__tabview li span {
	font-size: 1rem;
}

.main__bottom__board .color {
	display: inline-block;
	opacity: .7;
	padding: 2px 4px;
	border: 1px solid #fff;
	transition: all .3s ease;
	color: #fff;
	font-size: 1.2rem;
	line-height: 18px;
}

.main__bottom__board table tr:hover .color {
	opacity: 1;
}

.main__bottom__board table tr:hover p {
	color: #fff;
}

.main__bottom__board--color1 h2, .main__bottom__board--color1 .payment__tabview li strong {
	color: #f0af1d;
}

.main__bottom__board--color1 path {
	fill: #f0af1d;
}

.main__bottom__board--color1 .color, .main__bottom__board--color1 .payment__tab.on {
	border-color: #f0af1d;
	color: #f0af1d;
}

.main__bottom__board--color2 h2, .main__bottom__board--color2 .payment__tabview li strong {
	color: #df9bff;
}

.main__bottom__board--color2 path {
	fill: #df9bff;
}

.main__bottom__board--color2 .color, .main__bottom__board--color2 .payment__tab.on {
	border-color: #df9bff;
	color: #df9bff;
}

.main__bottom__board--color3 h2, .main__bottom__board--color3 .payment__tabview li strong {
	color: #ffc531;
}

.main__bottom__board--color3 path {
	fill: #ffc531;
}

.main__bottom__board--color3 .color, .main__bottom__board--color3 .payment__tab.on {
	border-color: #ffc531;
	color: #ffc531;
}

.main__bottom__board--color4 h2, .main__bottom__board--color4 .payment__tabview li strong {
	color: #73e6ff;
}

.main__bottom__board--color4 path {
	fill: #73e6ff;
}

.main__bottom__board--color4 .color, .main__bottom__board--color4 .payment__tab.on {
	border-color: #73e6ff;
	color: #73e6ff;
}

.main__bottom__board--color5 h2, .main__bottom__board--color5 .payment__tabview li strong {
	color: #ffea2e;
}

.main__bottom__board--color5 path {
	fill: #ffea2e;
}

.main__bottom__board--color5 .color, .main__bottom__board--color5 .payment__tab.on {
	border-color: #ffea2e;
	color: #ffea2e;
}

.main__bottom__board--color6 h2, .main__bottom__board--color6 .payment__tabview li strong {
	color: #bebebe;
}

.main__bottom__board--color6 path {
	fill: #bebebe;
}

.main__bottom__board--color6 .color, .main__bottom__board--color6 .payment__tab.on {
	border-color: #bebebe;
	color: #bebebe;
}

footer {
	position: relative;
	padding-bottom: 30px;
	background-color: #000;
}

footer:after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 4px;
	content: '';
	user-select: none;
	pointer-events: none;
	background: var(--linear, linear-gradient(161deg, #f0af1d 0%, #b075ff 100%));
	box-shadow: 0 0 500px 30px #f0af1d;
}

.fnb {
	position: relative;
	background-color: #171717;
}

.fnb ul {
	display: flex;
	margin: 0 auto;
	padding: 20px 30px;
	justify-content: center;
	gap: 16px;
}

.fnb li {
	display: inline-block;
	padding: 0 24px;
	border: 2px solid rgba(255, 255, 255, .5);
	border-radius: 50px;
	cursor: pointer;
	transition: all .3s ease;
	transition: all .2s ease;
	color: #fff;
	color: rgba(255, 255, 255, .7);
	font-size: 1.4rem;
	line-height: 38px;
	background: linear-gradient(161deg, #414141 0%, #202020 100%);
}

.fnb li:hover {
	border-color: #fff;
	color: #222;
	background-color: #fff;
	box-shadow: 0 0 17px #fff, 0 0 100px #fff inset;
}

.footer__menu {
	overflow: hidden;
	position: relative;
	padding: 20px 0;
	border-top: 1px rgba(255, 255, 255, .3) solid;
	border-bottom: 1px rgba(255, 255, 255, .3) solid;
	text-align: center;
}

.footer__menu:before {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	width: 250px;
	height: 60px;
	content: '';
	background: url('../../img/venom/logo_okada2.png?v=1') 0 0 no-repeat;
	background-size: contain;
	mix-blend-mode: luminosity;
}

.footer__menu li {
	display: inline-block;
	padding: 0 16px;
	cursor: pointer;
	transition: all .3s ease;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 32px;
	color: rgba(255, 255, 255, .7);
}

.footer__menu li:hover {
	color: rgba(255, 255, 255, 1);
}

.footer__ico {
	max-width: 800px;
	margin: 30px auto;
	text-align: center;
}

.footer__ico img {
	width: 100px;
	height: 50px;
	margin: 0 4px;
}

.footer__guide {
	position: relative;
	width: 95%;
	max-width: 1200px;
	margin: 10px auto;
	text-align: center;
	color: rgba(255, 255, 255, .4);
	font-size: 1.1rem;
}

.footer__licence {
	overflow: hidden;
	position: relative;
	width: 70%;
	max-width: 1200px;
	margin: 30px auto;
	border: 1px rgba(255, 255, 255, .3) solid;
	border-radius: 10px;
	text-align: left;
}

.footer__licence dt,
.footer__licence dd {
	float: left;
}

.footer__licence dt {
	width: 15%;
	padding: 10px 0;
	text-align: center;
}

.footer__licence dt img {
	width: 80%;
}

.footer__licence dd {
	width: 80%;
	padding: 10px;
	border-left: 1px rgba(255, 255, 255, .3) solid;
	color: rgba(255, 255, 255, .6);
	font-size: 1rem;
}

.footer__copy {
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding: 30px 0;
	text-align: center;
	color: rgba(255, 255, 255, .6);
	font-size: 1.2rem;
}

.footer__copy b {
	margin-right: 10px;
	font-weight: bold;
}

.footer__copy img {
	opacity: .3;
	position: absolute;
	top: 20px;
	right: 5%;
	width: 40px;
}

.sub:before {
	background: url('../../img/venom/bg2_maxim01.jpg') center;
	background-size: cover;
}

.sub__container {
	position: relative;
	width: 1200px;
	min-width: 768px;
	max-width: 98%;
	margin: 60px auto;
	padding: 30px 30px 50px 30px;
	border: 4px solid #f0af1d;
	border-right-color: #b075ff;
	border-bottom-color: #b075ff;
	border-radius: 15px;
	transition: all .3s ease;
	animation: fadein .5s both;
	text-align: center;
	font-size: 1.6rem;
	background-color: #212121e8;
	box-shadow: 0 0 34px 0 #4c8a76;
	backdrop-filter: blur(3px);
}

.form_money .input-text-box input::placeholder {
	font-size: 2.4rem;
}

.form_money {
	padding: 2rem 4rem;
}

.form_money dl {
	width: 700px;
}

.sub__tab {
	width: 80%;
}

.sub__tab li {
	padding: 2rem 3rem;
}

.table thead th {
	padding: 1rem .8rem;
}

.table td {
	padding: 1rem .8rem;
	word-break: break-all;
}

.board_view .content {
	min-height: 200px;
	padding: 3rem;
}

.board_view .subject {
	font-size: 2rem;
}

.row-box {
	display: flex;
	gap: 4rem;
}

.row-box__item {
	display: flex;
	flex-direction: column;
	width: 400px;
	margin: 0 auto;
	gap: .8rem;
}

.sub.join .sub__container {
	width: auto;
	min-width: auto;
	margin: 80px auto;
	padding: 40px 40px 50px 40px;
}

.sub.login .sub__container {
	width: auto;
	min-width: auto;
	margin: 160px auto 40px auto;
	padding: 270px 40px 50px 40px;
}

.sub.login .sub__container .btn_set .btn--primary {
	flex-grow: 1;
}

.sub.mypage .sub__container {
	width: auto;
	min-width: auto;
}

.sub.mypage .sub__container .btn_set {
	flex-grow: 1;
	align-items: flex-end;
}

.popup__content {
	max-height: 700px;
}

.easy-ticker-li{
	font-size: 15px;
	text-align: center;
	margin: 0 auto !important;
	top: 10px;
}


.popup:hover {
	box-shadow: 0 0 20px 0 #f0af1d;
}

.popup:hover .popup__bottom__close {
	background-color: #ffb224;
}

.layer-popup__inner {
	border: 2px solid #f0af1d;
	border-right-color: #b075ff;
	border-bottom-color: #b075ff;
	border-radius: 1.5rem;
}

.layer-popup__inner:hover {
	box-shadow: 0 0 20px 0 #f0af1d;
}

.btn--primary {
	background: var(--linear, linear-gradient(161deg, #ffb224 0%, #b075ff 100%));
}

.btn--primary:hover {
	color: hsl(357 59% 25% / 1);
	box-shadow: 0 0 17px #f0af1d, 0 0 100px #fff inset;
}

.sub__logo {
	background: url(../../img/venom/logo_okada1.png?v=1) center no-repeat;
	background-size: contain;
	width: 115%;
	margin-left: -8%;
	height: 28rem;
	margin-top: -20px;
}

.join .sub__logo{

}

.login .sub__logo{
	height: 39rem;
	margin-top: -45rem;
	margin-bottom: -1rem;
	background-size: contain;
	background-position: bottom;
}

/*
color
light : ffb224
main : f0af1d
sub : b075ff
filter: hue-rotate(1deg);
box-shadow: 0 0 34px 0 #4c8a76;
*/