@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;900&display=swap");
@keyframes fadein {
	0% {
		opacity:0;
		transform:translateY(10px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
	}
}
@keyframes opacity-ani {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes fadein--left {
	0% {
		opacity:0;
		transform:translateX(-20px);
	}
	100% {
		opacity:1;
		transform:translatex(0px);
	}
}
@keyframes fadein--right {
	0% {
		opacity:0;
		transform:translateX(20px);
	}
	100% {
		opacity:1;
		transform:translatex(0px);
	}
}
@keyframes updown {
	0% {
		transform:translateY(0);
	}
	50% {
		transform:translateY(-15px);
	}
	100% {
		transform:translateY(0);
	}
}
@keyframes updown-bg-sm {
	0% {
		background-position: 0 -10px;
	}
	50% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 -10px;
	}
}
@keyframes updown-sm {
	0% {
		transform:translateY(0);
	}
	50% {
		transform:translateY(8px);
	}
	100% {
		transform:translateY(0);
	}
}
@keyframes heartbeat {
	from {
		transform:scale(1);
		transform-origin:center center;
		animation-timing-function:ease-out;
	}
	10% {
		transform:scale(.91);
		animation-timing-function:ease-in;
	}
	17% {
		transform:scale(.98);
		animation-timing-function:ease-out;
	}
	33% {
		transform:scale(.91);
		animation-timing-function:ease-in;
	}
	45% {
		transform:scale(1);
		animation-timing-function:ease-out;
	}
}
@keyframes float-ani {
	0% {
		opacity:0;
		transform:translateY(10px);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes shine-ani {
	0% {
		filter:brightness(.9);
	}
	50% {
		filter:brightness(1.3);
	}
	100% {
		filter:brightness(.9);
	}
}
@keyframes rotate-shiny {
	0% {
		opacity:1;
		transform:rotate(0deg) scale(1);
	}
	50% {
		opacity:.1;
		transform:rotate(360deg) scale(.5);
	}
	100% {
		opacity:1;
		transform:rotate(0deg) scale(1);
	}
}
@keyframes depth1-hover {
	0% {
		opacity:.8;
		background-position:-160% 0;
	}
	100% {
		opacity:.3;
		background-position:100% 0;
	}
}
@keyframes hover-shiny {
	0% {
		opacity:.2;
		background-position:-150% 0;
	}
	60% {
		opacity:.5;
		background-position:300% 0;
	}
	100% {
		opacity:0;
		background-position:300% 0;
	}
}
@keyframes bg-ani {
	0%{
		background-position: 90% 0;
	}
	100%{
		background-position: 100% 0;
	}
}
@keyframes visual-overlay {
	0%{
		background-position: 0 90%;
		opacity: 0;
	}
	100%{
		background-position: 0 100%;
		opacity: .7;
	}
}
@keyframes login-chip {
	0%{
		transform: rotateY(0);
	}
	30%{
		transform: rotateY(180deg)
	}
	60%{
		transform: rotateY(0)
	}
}
@keyframes pulsate-fwd{
	0%{
		transform:scale(1)
	}
	50%{
		transform:scale(1.1)
	}
	100%{
		transform:scale(1)
	}
}
*::-webkit-scrollbar {
	width:5px;
	height:3px;
}
*::-webkit-scrollbar-thumb {
	height:30px;
	border-radius:10px;
	background:#fb3039;
}
*::-webkit-scrollbar-track {
	background:#ffffff33;
}
body {
	color:#ffffff;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	background: url(../../../img/flex/fire/ptn-bg.jpg) repeat;
	background-attachment: fixed;
}
/** jobis 추가 */
body>form{
	display: contents;
}
a {
	color:inherit;
}
.t_red {
	color:#ff3636;
}
.t_primary {
	color:#438fff;
}
.t_yellow {
	color:#ffe200;
}
.t_secondary {
	color:#ff9537;
}
.btn--primary, .btn--secondary, .btn--gray, .btn--blue, .btn--green, .btn--orange, .btn--purple, .btn--red, .btn--teal, .btn--ghost {
	padding:0 3rem;
	border-radius:.4rem;
	transition:all .3s ease;
	font-size:1.4rem;
	line-height:4rem;
}
.btn--primary {
	color: #ffffff;
	background-color: #fc3039;
}
.btn--secondary {
	color:#ffffff;
	background-color: #303d51;
}
.btn--gray {
	color:#ffffff;
	background-color:#53565b;
}
.btn--blue {
	color:#ffffff;
	background-color:#6675c3;
}
.btn--green {
	color:#ffffff;
	background-color:#85af6c;
}
.btn--orange {
	color:#ffffff;
	background-color:#c7986c;
}
.btn--purple {
	color:#ffffff;
	background-color:#8a60b4;
}
.btn--red {
	color:#ffffff;
	background-color:#f57073;
}
.btn--teal {
	color:#ffffff;
	background-color:#7ea5ad;
}
.btn--primary:hover, .btn--primary:focus, .btn--primary:active, .btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active, .btn--gray:hover, .btn--gray:focus, .btn--gray:active, .btn--blue:hover, .btn--blue:focus, .btn--blue:active, .btn--green:hover, .btn--green:focus, .btn--green:active, .btn--orange:hover, .btn--orange:focus, .btn--orange:active, .btn--purple:hover, .btn--purple:focus, .btn--purple:active, .btn--red:hover, .btn--red:focus, .btn--red:active, .btn--teal:hover, .btn--teal:focus, .btn--teal:active{
	filter:brightness(0.8) saturate(150%) contrast(130%) drop-shadow(0px 0px 8px #000);
}
.btn--ghost {
	color:#ffffffaa;
	font-weight:bold;
	background-color:#1b2026;
	box-shadow:0 0 0 2px #ffffff66 inset;
	backdrop-filter:blur(6px);
}
.btn--ghost:hover, .btn--ghost:focus, .btn--ghost:active {
	color:#ffffff;
	background-color:#00000066;
}
.btn--full {
	width:100%;
}
.btn--l {
	padding:0 5rem;
	font-size:1.8rem;
	font-weight:bold;
	line-height:5rem;
}
.btn--s {
	padding:0 1.4rem;
	font-size:1.2rem;
	line-height:3rem;
}
/*언어선택*/
.lang {
	position: relative;
	width: 3rem;
	height: 4rem;
	cursor: pointer;
	pointer-events: initial;
	font-size: 1.4rem;
}
.lang .now_lang {
	position: relative;
	cursor: pointer;
	color: #fff;
	line-height: 2.4rem;
	font-size: 0;
}
.lang .now_lang:after {
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
	width: 3rem;
	height: 3rem;
	margin-top: -7px;
	border-radius: 50%;
	content: "";
	transition: all 0.3s ease;
	pointer-events: none;
	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;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 122px;
	margin-top: 3rem;
	border-radius: 0.8rem;
	animation: fadein 0.5s ease both;
	box-shadow: 0 0 10px #000000b5;
}
.lang:hover ul, .lang:focus ul, .lang:focus ul {
	display: block;
}
.lang ul li {
	display: block;
	position: relative;
	width: 100%;
	padding: 1.2rem 1.4rem 1.2rem 5rem;
	border-bottom: 1px solid #ffffff36;
	cursor: pointer;
	transition: all 0.3s ease;
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 19px;
	background: #fb3039;
}
.lang ul li:after {
	position: absolute;
	top: 50%;
	left: 11px;
	width: 24px;
	height: 24px;
	margin-top: -11px;
	border: 1px #0000004d solid;
	border-radius: 4px;
	content: "";
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.lang ul li:hover {
	color: #ffffff;
	background-color: #6f0509;
}
.lang ul li:last-child {
	border-bottom: 0;
}
/*input*/
.ic--login {
	display: inline-block;
	opacity: 0.8;
	position: relative;
	width: 20px;
	height: 20px;
	margin-top: -4px;
	margin-right: 6px;
	vertical-align: middle;
	background: url(../../../img/flex/fire/ic-login.png) center no-repeat;
	background-size: contain;
	transition: all .3s ease;
}
.menu-wrap .login--before:hover .ic--login {
	background: url(../../../img/flex/fire/ic-login-hover.png) center no-repeat;
	background-size: contain;
}
.ic--logout {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: -1px;
	margin-right: 3px;
	vertical-align: middle;
}
.input-text-box {
	display: flex;
	flex-direction: row;
	position: relative;
	padding-top: 3.1rem;
	text-align: left;
	flex-wrap: wrap;
	gap:0 .8rem;
}
.input-text-box label {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 3rem;
}
.input-text-box input[type="text"], .input-text-box input[type="password"] {
	width: 100%;
	height: 4.8rem;
	padding: 8px;
	border: 1px solid #ffffff29;
	border-radius: 0.4rem;
	transition: all 0.3s ease;
	color: #ffffffee;
	font-size: 1.6rem;
	background-color: rgb(27 32 38);
	flex: 1;
	font-weight: normal;
	opacity: 1;
}
.input-text-box textarea::placeholder, .input-text-box input[type="text"]::placeholder, .input-text-box input[type="password"]::placeholder {
	color: #ffffffc4;
	font-weight: normal;
	opacity: 1;
}
.input-text-box input[type="text"]:disabled {
	border-color: #ffffff29;
	cursor: not-allowed;
	background-color: rgb(0 0 0 / 67%);
}
.input-text-box textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #ffffff29;
	border-radius: 0.4rem;
	resize: none;
	transition: all 0.3s ease;
	color: rgba(255, 255, 255, 0.9);
	font-size: 1.5rem;
	background-color:#00000094;
	font-weight: normal;
	opacity: 1;
}
.input-text-box input[type="text"]:focus, .input-text-box input[type="password"]:focus, .input-text-box textarea:focus {
	border-color: #ffffffcc;
	outline: 0;
	color: #ffffff;
	background-color: #000000cc;
	box-shadow: 0 0 10px #00000091;
}
.input-text-box input[type="text"]:focus::placeholder, .input-text-box input[type="password"]:focus::placeholder, .input-text-box textarea:focus::placeholder {
	color: #ffffffee;
}
.input-text-box input[readonly="readonly"] {
	cursor: not-allowed;
}
.input-text-box input[type="text"].error, .input-text-box input[type="password"].error, .input-text-box textarea.error {
	border-color: #ef4444;
	background-color: rgb(239 68 68 / 10%);
}
.input-text-box input[type="text"].error:focus, .input-text-box input[type="password"].error:focus, .input-text-box textarea.error:focus {
	border-color: rgb(255 140 140) !important;
	outline: 0;
	box-shadow: 0 0 10px #ef44447a !important;
}
.input-text-box input[type="text"].error:focus::placeholder, .input-text-box input[type="password"].error:focus::placeholder, .input-text-box textarea.error:focus::placeholder {
	color: #ff8b8b;
}
.input-text-box--icon input[type="text"], .input-text-box--icon input[type="password"] {
	padding-left: 3.8rem;
}
.input-text-box--no-label {
	padding-top: 0;
}
.input-text-box .input-text-box__help {
	flex: 100%;
}
.input-text-box__icon {
	position: absolute;
	top: 0;
	left: 0;
}
.input-text-box__icon svg {
	display: inline-block;
	position: absolute;
	top: -1rem;
	left: 12px;
	width: 2rem;
	height: 2rem;
	margin-top: 5.4rem;
}
.input-text-box__icon svg path {
	fill: rgba(255, 255, 255, 0.5);
}
.input-text-box__help {
	display: block;
	position: relative;
	top: auto;
	left: auto;
	width: auto;
	padding-top: 0.4rem;
	color: #ffffff66;
	font-size: 1.3rem;
	line-height: 1.5rem;
	flex: 100%;
}
.input-text-box__help--red {
	color: #ff6060;
}
.input-text-box label.error {
	display: block;
	position: relative;
	top: auto;
	left: auto;
	width: auto;
	padding-top: 0.4rem;
	color: #ff6060;
	font-size: 1.3rem;
	line-height: 1.5rem;
	flex: 100%;
	order: 1;
}
.form_money {
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0 auto;
	gap: 2rem;
}
.form_money .input-text-box {
	text-align: center;
}
.form_money .input-text-box input {
	height: 6rem;
	text-align: center;
	font-size: 3rem;
}
.form_money dl {
	display: flex;
	margin: 2rem auto;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 8px;
	font-size: 1.4rem;
	flex-wrap: wrap;
	align-items: stretch;
}
.form_money dt {
	position: relative;
	width: 50%;
	padding: 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.form_money dd {
	width: 50%;
	padding: 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	word-break: break-all;
}
.form_money dt:first-child {
	border-top: 0;
}
.form_money dd:nth-child(2) {
	border-top: 0;
}
.btn_set {
	display: flex;
	gap: 0.8rem;
	justify-content: center;
	flex-wrap: wrap;
}
/*table, calendar*/
.table {
	table-layout: auto;
	color: #fff;
}
.table tbody {
}
.table td {
	padding: 1rem 0.8rem;
	transition: all 0.3s ease;
	word-break: keep-all;
	font-size: 1.5rem;
}
.table .subject {
	text-align: left;
}
.table thead th {
	padding: 1.5rem 0.8rem;
	border: 1px solid #ffffff33;
	color: #fff;
	font-size: 1.5rem;
	font-weight: normal;
	background-color: #6e89b35e;
}
.table tbody td {
	border: 1px solid #ffffff33;
}
.table tbody tr:hover td {
	background-color: #ffffff11;
}
.table tbody td a {
	transition: all 0.3s ease;
	word-break: break-word;
}
.table tbody td a:hover {
}
.table-box {
	overflow: auto;
	position: relative;
}
.table-box table {
	width: 100%;
}
.calendar-box {
	position: relative;
	padding: 1rem 0;
	text-align: right;
}
.calendar-box label {
	padding-right: 1rem;
	font-size: 1.5rem;
}
.calendar-box .input-text-box {
	display: inline-block;
	min-width: 115px;
	max-width: 130px;
	padding: 0;
}
.calendar-box .input-text-box input {
	height: 4rem;
	text-align: right;
}
.calendar-box .input-text-box:hover:before {
	opacity: 1;
}
.calendar-box .input-text-box:before {
	opacity: 0.7;
	position: absolute;
	top: 50%;
	left: 1rem;
	width: 2.4rem;
	height: 2.4rem;
	margin-top: -1.2rem;
	content: "";
	user-select: none;
	transition: all 0.3s ease;
	pointer-events: none;
	background: url(../../../img/flex/fire/ic--calendar.png) center no-repeat;
	background-size: contain;
}
@media (max-width: 1000px) {
	.calendar-box label {
		padding-right: 0.5rem;
		font-size: 1.4rem;
	}
	.calendar-box .input-text-box {
		min-width: 105px;
		max-width: 105px;
	}
	.calendar-box .input-text-box input {
		font-size: 1.3rem;
	}
}
/*board*/
.board_view{
	position:relative;
	border-top:2px solid #ffffff33;
	text-align:left;
	color:#ffffffcc;
}
.board_view li{
	padding:1rem 1rem;
	border-bottom:1px solid #ffffff33;
	text-align: center;
}
.board_view li:last-child{
	border-bottom:0;
}
.board_view .content{
	border-block-width:2px;
}
.board_view .info{
	padding-bottom:0;
	border-bottom:0;
}
.board_view .info span{
	position:relative;
	font-size:1.4rem;
}
.board_view .info span:after{
	display:inline-block;
	position:relative;
	width:1px;
	height:14px;
	margin-top:-.1rem;
	margin-right:.2rem;
	margin-left:.8rem;
	content:'';
	vertical-align:middle;
	background-color:rgba(255, 255, 255, .2);
}
.board_view .info span:last-child:after{
	display:none;
}
.board_view .content{
	min-height:200px;
	padding:1rem;
	word-break:break-word;
}
.board_view .subject{
	word-break:break-word;
	font-size:3rem;
	line-height: 1.3;
}
.paging a{
	display:inline-block;
	width:3.2rem;
	margin:3rem .2rem 0 .2rem;
	border:2px solid rgba(0, 0, 0, 0);
	border-radius:4px;
	cursor:pointer;
	transition:all .3s ease;
	color:#ffffff;
	font-size:1.4rem;
	line-height:3rem;
	background-color:rgba(255, 255, 255, .1);
}
.paging a:hover{
	border-color:#5861cf66;
	box-shadow:0 0 10px #587dcf66;
}
.paging a.on{
	border-color: #638abb;
}
.row-box{
	display:flex;
	gap:4rem;
}
.row-box__item{
	display:flex;
	flex-direction:column;
	margin:0 auto;
	gap:1rem;
}
.row-box__item .btn_set{
	margin-top:2rem;
}
@media (max-width: 1200px) {
	.board_view .subject{
		font-size: 2.4rem
	}
}
/*popup*/
.popup{
	overflow:hidden;
	position:absolute;
	top:200px;
	left:30%;
	z-index:100;
	max-width:500px;
	border:1px solid #ffffff66;
	border-radius:.4rem;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	animation:fadein 1s ease both;
	background-color:#222222cc;
	box-shadow:1px 1px 10px #00000063;
	backdrop-filter:blur(4px);
}
.popup:hover{
	box-shadow:0 0 20px 0 #0000007a;
}
.popup__title{
	position:relative;
	padding:1rem 2rem;
	text-align:center;
	word-break:break-word;
	color:#ffffff;
	font-size:1.5rem;
	line-height:2rem;
}
.popup__content{
	overflow-x:hidden;
	overflow-y:auto;
	overflow-y:auto;
	min-width:200px;
	max-width:500px;
	max-height:70vh;
	margin:0 .6rem;
	padding:1rem;
	border-radius:0;
	word-break:break-word;
	color:#333333;
	font-size:1.4rem;
	background-color:#ffffff;
}
.popup__content img{
	max-width:100%;
}
.popup__bottom{
	display:flex;
	width:100%;
	padding:.4rem 1rem;
	color:rgba(255, 255, 255, .5);
	font-size:1.3rem;
	line-height:40px;
	justify-content:space-between;
	align-items:center;
}
.popup__bottom label{
	cursor:pointer;
	transition:all .3s ease;
	vertical-align:middle;
	line-height:2rem;
}
.popup__bottom label:hover{
	color:#ffffff;
}
.popup__bottom input{
	position:relative;
	margin-top:-2px;
	margin-right:7px;
	vertical-align:middle;
}
.popup__bottom__close{
	width:100px;
	height:3rem;
	border-radius:.4rem;
	transition:all .3s ease;
	color:#ffffff;
	font-size:1.3rem;
	font-weight:500;
	line-height:3rem;
	background-color:#32445f;
	background-size:contain;
	box-shadow:none;
	backdrop-filter:none;
}
.popup__bottom__close:hover{
	background-color:#fc3039;
	filter:brightness(1.3) drop-shadow(0px 0px 5px #ff6441);
}
.layer-popup{
	display:flex;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	height:100%;
	animation:fadein 1s ease both;
	color:#ffffffee;
	background-color:rgba(0, 0, 0, .3);
	align-items:center;
	justify-content:center;
	backdrop-filter:blur(1px);
}
.layer-popup__inner{
	display:flex;
	overflow:hidden;
	flex-direction:column;
	max-width:500px;
	padding:2rem;
	border:1px solid #ffffff66;
	border-radius:1.5rem;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	animation:fadein 1s ease both;
	background-color:#111111cc;
	box-shadow:1px 1px 10px #00000063;
	backdrop-filter:blur(4px);
	gap:1rem;
}
.layer-popup__title{
	text-align:center;
	font-size:1.7rem;
}
.layer-popup__title .logo--sm{
	display:block;
	height:80px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.layer-popup__content{
	text-align:center;
	font-size:1.4rem;
}
.layer-popup__inner:hover{
	box-shadow:0 0 20px 0 #0000007a;
}
.layer-popup__bottom{
	display:flex;
	margin-top:1rem;
	gap:.8rem;
	flex-wrap:wrap;
	justify-content:center;
}
@media (min-width: 1201px){
	.row-box__item{
		max-width:400px;
	}
}
@media (max-width: 1200px){
	.lang{
		width:7rem;
		height:7rem;
		padding:0 1rem;
	}
	.lang .now_lang{
		line-height:7rem;
	}
	.lang ul{
		top:14px;
		left:8px;
		margin:3rem 0;
	}
	.lang .now_lang:after{
		width:26px;
		height:26px;
		margin-top:-15px;
	}
	.row-box{
		display:flex;
		flex-direction:column;
		gap:3rem;
	}
	.row-box__item{
		display:flex;
		flex-direction:column;
		gap:1rem;
	}
	.popup{
		top:110px !important;
		left:3% !important;
		width:94%;
		max-width:94%;
	}
	.popup__content{
		width:100%;
		max-width:100%;
		max-height:50vh;
		margin:0;
	}
	.table thead th{
		padding:.4rem;
		font-size:1.4rem;
	}
	.table td{
		padding:.4rem;
		font-size:1.3rem;
	}
}
html{
	font-size:62.5%;
}
header{
	display:flex;
	flex-direction:column;
	position:fixed;
	top:0;
	z-index:99;
	width:95%;
	height:100%;
	min-height:850px;
	border-top:6px solid #fb3039;
	border-bottom:6px solid #fb3039;
	user-select:none;
	pointer-events:none;
	box-shadow:0 0 20px 20px #0000002b;
}
header:before{
	opacity:.4;
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
	width:350px;
	height:480px;
	content:'';
	background:url(../../../img/flex/fire/header-bg.gif) -46px 66px no-repeat;
	background-size:cover;
}
header:after{
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	width:450px;
	height:380px;
	content:'';
	animation:fadein--left 1s ease, updown-bg-sm 2s ease infinite;
	background:url(../../../img/flex/fire/header-bg.png) 0 0 no-repeat;
	background-size:100% auto;
}
.header__inner{
	display:flex;
	position:absolute;
	top:20px;
	left:370px;
	z-index:100;
	user-select:none;
	pointer-events:none;
	gap:1rem;
	align-items:center;
}
body.body--notice .header__notice{
	display:block;
}
body.body--notice .header__menu-opener{
	margin-top:2.8rem;
}
body.body--notice .menu-wrap{
	margin-top:0;
}
.header__notice{
	overflow:hidden;
	top:0;
	left:0;
	z-index:10;
	width:260px;
	height:4rem;
	border-radius:.4rem;
	pointer-events:inherit;
}
.header__notice *{
	padding:0 .4rem;
	white-space:nowrap;
	color:#ffffff;
	font-size:1.4rem;
	line-height:3.6rem;
}
.header__menu-opener{
	display:none;
	opacity:.7;
	overflow:hidden;
	position:fixed;
	top:0;
	left:1.6rem;
	width:30px;
	height:7rem;
	cursor:pointer;
	transition:all .2s ease;
	text-align:left;
	text-indent:-9999px;
	pointer-events:auto;
	color:transparent;
	background:url(../../../img/flex/fire/ic-menu.png) center no-repeat;
	background-size:22px 22px;
}
.header__menu-opener:hover{
	opacity:1;
}
.header__logo{
	display:none;
}
.header__gnb{
	width:350px;
}
.header__gnb .depth1--full{
	padding:70px 1.6rem 1rem 0;
}
.header__gnb .depth1--simple{
	display:none;
}
.header__gnb .depth1 > li{
	position:relative;
	margin-bottom:.8rem;
	padding:1rem 9rem;
	border-radius:0 40px 40px 0;
	cursor:pointer;
	user-select:none;
	transition:all .3s ease;
	pointer-events:inherit;
	pointer-events:all;
	color:#ffffff99;
	color:#526a8d;
	font-size:1.8rem;
	font-weight:400;
}
.header__gnb .depth1 > li:before{
	opacity:.5;
	position:absolute;
	top:50%;
	left:5.0rem;
	width:30px;
	height:30px;
	margin-top:-13px;
	content:'';
	transition:all .2s ease;
	pointer-events:none;
	background:url(../../../img/flex/fire/ic-sprite.png) 0 0 no-repeat;
	background-size:300px 120px;
}
.header__gnb .depth1 > li:hover{
	animation:heartbeat .5s ease;
	color:#ffffff !important;
	background:#ff313a;
	box-shadow:0 0 20px #ff313a73;
}
.header__gnb .depth1 > li:hover:before{
	opacity:1;
	filter:brightness(50);
}
.header__gnb .depth1 > li:hover:after{
	display:block;
}
.header__gnb .depth1 > li:nth-child(2):before{
	background-position:-30px 0;
}
.header__gnb .depth1 > li:nth-child(3):before{
	background-position:-60px 0;
}
.header__gnb .depth1 > li:nth-child(4):before{
	background-position:-90px 0;
}
.header__gnb .depth1 > li:nth-child(5):before{
	background-position:-120px 0;
}
.header__gnb .depth1 > li:nth-child(6):before{
	background-position:-180px 0;
}
.header__gnb .depth1 > li:nth-child(7):before{
	background-position:-210px 0;
}
.header__gnb .depth1 > li:nth-child(8):before{
	background-position:-150px 0;
}
.header__gnb .depth1 > li:nth-child(9):before{
	background-position:-240px 0;
}
.menu-wrap{
	position:relative;
	z-index:99;
	order:-1;
}
.menu-wrap__inner{
	display:flex;
	height:80px;
	background:linear-gradient(0deg, rgba(27,32,38,0) 0%, rgba(27,32,38,.6418942577030813) 22%, rgba(27,32,38,1) 49%);
}
.menu-wrap__close{
	display:none;
}
.menu-wrap .login{
	display:flex;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	margin:15px 3rem;
	pointer-events:initial;
	justify-content:flex-end;
	align-items:stretch;
	align-content:flex-start;
	flex-wrap:wrap;
}
.menu-wrap .login--after .btn-box{
	display:flex;
	gap:7px;
}
.menu-wrap .login--before{
	gap:7px;
}
.menu-wrap .login--before button{
	line-height:3rem;
}
.menu-wrap .login--before .login-box{
	margin-right:.8rem;
	gap:0 .8rem;
}
.menu-wrap .login .login-box{
	display:flex;
	align-items:center;
}
.menu-wrap .login .login-box .input-text-box label{
	display:none;
}
.menu-wrap .login .login-box .input-text-box{
	padding-top:0;
}
.menu-wrap .login .login-box .input-text-box input{
	width:130px;
	height:auto;
}
.menu-wrap .login{
	font-size:1.4rem;
}
.menu-wrap .login a{
	border-bottom:1px solid transparent;
	transition:all .2s ease;
	color:#e1cb5a;
	font-size:1.4rem;
	font-weight:bold;
}
.menu-wrap .login a:hover{
	border-color:#56c1ff;
	color:#56c1ff;
}
.menu-wrap .login .btn-box{
	pointer-events:auto;
}
.menu-wrap .login .btn--primary{
	height:4rem;
	font-size:1.3rem;
	font-weight:500;
	line-height:4rem;
	background:#32445f;
	background-size:contain;
}
.menu-wrap .login .btn--primary:hover{
	color:#ffffff;
	filter:brightness(1.3) drop-shadow(0px 0px 5px #000000);
}
.menu-wrap .login .btn--ghost{
	width:120px;
	height:4rem;
	border:2px solid #ffffff8f;
	color:#ffffff;
	font-size:1.3rem;
	font-weight:500;
	line-height:4rem;
	box-shadow:none;
	backdrop-filter:none;
}
.menu-wrap .login .btn--ghost:hover{
	color:#ffffff;
	filter:brightness(1.3) drop-shadow(0px 0px 5px #ffffff99);
}
.menu-wrap .login .btn--secondary{
	width:120px;
	height:4rem;
	color:#ffffff;
	font-size:1.3rem;
	font-weight:500;
	line-height:4rem;
	background:#fc3039;
	background-size:contain;
	box-shadow:none;
	backdrop-filter:none;
}
.menu-wrap .login .btn--secondary:hover{
	color:#ffffff;
	filter:brightness(1.3) drop-shadow(0px 0px 5px #ff6441);
}
.menu-wrap .login button .ic--login{
	margin-top:-3px;
}
.menu-wrap .login .login__info__level{
	display:inline-block;
	position:absolute;
	top:50%;
	left:0;
	width:30px;
	height:30px;
	margin-top:-15px;
}
.menu-wrap .login .info{
	display:flex;
	position:relative;
	padding:.4rem .8rem;
	vertical-align:middle;
	pointer-events:auto;
	color:#ffffff;
	font-weight:normal;
	align-items:center;
}
.menu-wrap .login .info:first-child{
	padding-left:35px;
}
.menu-wrap .login .info a{
	cursor:pointer;
}
.menu-wrap .login .value{
	margin-left:.4rem;
	font-family:'Montserrat';
	color:#ff864d;
	font-size:1.4rem;
	font-weight:bold;
}
.menu-wrap__menu{
	display:none;
}
.menu-wrap__logo{
	display:inline-block;
	position:relative;
	width:350px;
	height:150px;
	cursor:pointer;
	animation:shine-ani 2s ease infinite;
	pointer-events:initial;
}
.menu-wrap__logo:before{
	position:absolute;
	top:-6px;
	left:88px;
	width:114px;
	height:114px;
	margin-left:-57px;
	content:'';
	user-select:none;
	animation:rotate-shiny 5s ease infinite both;
	pointer-events:none;
	background:url(../../../img/flex/fire/shiny.png) center no-repeat;
}
.main{
	display:flex;
	flex-direction:column;
	position:relative;
	width:95%;
	padding-top:90px;
	padding-right:470px;
	padding-bottom:40px;
	padding-left:370px;
	background:#1b2026;
	flex-wrap:wrap;
	gap:2rem;
}
.main__visual{
	position:relative;
	user-select:none;
}
.main__visual__banner{
	display:flex;
	flex-direction:column;
	position:relative;
	height:450px;
	padding:6rem;
	border-radius:1rem;
	transition:all .3s ease;
	background:url(../../../img/flex/fire/visual-bg.jpg) bottom right no-repeat;
	background-size:cover;
	justify-content:flex-end;
	align-items:flex-start;
	gap:2rem;
}
.main__visual__banner:hover{
	box-shadow:0 0 15px #414f64ff inset, 0 0 2px #ffffff inset;
}
.main__visual__banner:before{
	position:absolute;
	top:-6px;
	right:0;
	z-index:3;
	width:510px;
	height:100%;
	content:'';
	animation:float-ani 1s ease both .2s, updown-bg-sm 3s ease infinite .2s;
	background:url(../../../img/flex/fire/visual-img_fire.png) 0 0 no-repeat;
	background-size:contain;
}
.main__visual__banner .img-box{
	position:relative;
	z-index:1;
	z-index:3;
	width:360px;
	height:181px;
	animation:fadein 1s ease both;
	background-position:bottom left;
	filter:drop-shadow(0 0 10px #000000);
}
.main__visual__banner .img-box:before{
	position:absolute;
	top:0;
	left:0;
	padding:.4rem 1.6rem;
	border-radius:8px;
	content:'OPEN';
	font-family:'Montserrat';
	font-size:4rem;
	font-weight:bold;
	background-color:#fb3039;
}
.main__visual__banner .txt-box{
	position:relative;
	z-index:1;
	z-index:3;
	width:100%;
	color:#ffffff;
	text-shadow:0 0 10px #000000, 0 0 10px #000000;
}
.main__visual__banner .txt-box p{
	position:relative;
	animation:fadein 1s ease both .5s;
}
.main__visual__banner .txt-box p:before{
	display:inline-block;
	width:510px;
	content:'최첨단 보안 시스템과 공정한 운영으로 당신의 베팅을 지켜드립니다. 수많은 이용자가 신뢰한 이유를 직접 확인하세요!';
	font-size:1.8rem;
	font-weight:500;
}
.main__visual__banner .deco-box{
	display:none;
}
.main__visual__jackpot{
	display:flex;
	height:100px;
	margin-top:20px;
	padding:2rem;
	border:5px solid #596476;
	border-radius:1rem;
	transition:all .3s ease;
	background-color:#13171d;
	align-items:center;
	justify-content:space-around;
}
.main__visual__jackpot h2{
	letter-spacing:5px;
	font-family:'Montserrat';
	color:#ffffff99;
	font-size:1.4rem;
	font-weight:normal;
}
.main__visual__jackpot h2 b{
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
	letter-spacing:2px;
	font-family:'Montserrat';
	color:#fb3039;
	font-size:3.4rem;
	font-weight:bold;
	text-shadow:-1px -1px 0 #ff8e8e;
}
.main__visual__jackpot:hover{
	box-shadow:0 0 15px #414f64ff inset, 0 0 2px #ffffff inset;
}
.main__visual__jackpot .jackpot-box{
	display:flex;
	align-items:center;
}
.main__visual__jackpot .jackpot-box b{
	font-family:'Montserrat';
	font-size:1.5rem;
	font-weight:normal;
}
.main__visual__jackpot .jackpot-box .value{
	margin-left:10px;
	font-family:'Montserrat';
	font-size:3rem;
	font-weight:bold;
}
.main__visual__cta{
	display:none;
}
.main__gamelist-box{
	position:relative;
	text-align:center;
	min-width: 10px;
}
.main__gamelist-tab{
	display:flex;
	position:relative;
	gap:2rem;
	align-items:center;
	justify-content:center;
}
.main__gamelist-tab li{
	display:flex;
	position:relative;
	width:100%;
	min-height:105px;
	padding:2rem 1rem 2rem 11rem;
	border-radius:1rem;
	cursor:pointer;
	transition:all .3s ease;
	text-align:left;
	background-color:#222933;
	align-items:center;
	justify-content:flex-start;
}
.main__gamelist-tab li:hover{
	box-shadow:0 0 15px #414f64ff inset, 0 0 2px #ffffff inset;
}
.main__gamelist-tab li.active{
	box-shadow:0 0 2px #ffffff00 inset, 0 -10px 50px #fb3039 inset;
}
.main__gamelist-tab li.active:hover{
	box-shadow:0 0 2px #ffffff inset, 0 -10px 50px #fb3039 inset;
}
.main__gamelist-tab li:before{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:78px;
	height:calc(100% - 2.4rem);
	margin:1.2rem;
	border-radius:.8rem;
	content:'';
	transition:all .3s ease;
	background:#1b2026;
}
.main__gamelist-tab li:hover:before{
	background:#0b0e11;
}
.main__gamelist-tab li:after{
	position:absolute;
	top:10px;
	right:-4px;
	padding:.4rem .8rem;
	border-radius:.4rem 0 0 .4rem;
	content:'HOT';
	font-family:'Montserrat', sans-serif;
	font-size:1.3rem;
	font-weight:bold;
	background:#fb3039;
}
.main__gamelist-tab li.all-game:after{
	display:none;
}
.main__gamelist-tab li b{
	vertical-align:middle;
	word-wrap:break-word;
	color:#ffffff;
	font-size:1.6rem;
	font-weight:500;
	line-height:1.3;
	text-shadow:0 0 10px #000000, 0 0 2px #000000;
}
.main__gamelist-tab li:hover b:before{
	animation:pulsate-fwd .8s ease infinite;
}
.main__gamelist-tab li:nth-child(2) b:before{
	position:absolute;
	top:17px;
	left:17px;
	width:70px;
	height:70px;
	content:'';
	background:url(../../../img/flex/fire/tab-icon1.png) 0 0 no-repeat;
	background-size:contain;
}
.main__gamelist-tab li:nth-child(3) b:before{
	position:absolute;
	top:17px;
	left:17px;
	width:70px;
	height:70px;
	content:'';
	background:url(../../../img/flex/fire/tab-icon2.png) 0 0 no-repeat;
	background-size:contain;
}
.main__gamelist-tab li:nth-child(4) b:before{
	position:absolute;
	top:17px;
	left:24px;
	width:70px;
	height:70px;
	content:'';
	background:url(../../../img/flex/fire/tab-icon3.png) 0 0 no-repeat;
	background-size:contain;
}
.main__gamelist-tab li.all-game{
	width:80%;
	padding:4rem 0;
	text-align:center;
	justify-content:center;
}
.main__gamelist-tab li.all-game:before{
	display:none;
}
.main__gamelist{
	position:relative;
	margin-top:4rem;
	padding-top:5rem;
	border-top:1px dotted #ffffff22;
}
.main__gamelist:before{
	position:absolute;
	top:-15px;
	left:0;
	width:100%;
	content:'GAME LIST';
	letter-spacing:8px;
	font-family:'Montserrat';
	color:#ffffff;
	font-size:2.4rem;
	font-weight:bold;
	text-shadow:0 0 20px #1b2026,0 0 20px #1b2026,0 0 20px #1b2026;
}
.main__bottom{
	display:flex;
	flex-direction:column;
	position:relative;
	position:absolute;
	top:0;
	right:0;
	width:410px;
	max-width:1400px;
	height:100%;
	margin:0 auto;
	margin:90px 30px 0 30px;
	gap:30px;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.main__bottom:before{
	display:inline-block;
	position:sticky;
	top:86px;
	left:0;
	width:100%;
	height:0;
	padding-bottom:110%;
	border-radius:2rem;
	content:'';
	background:#232a34;
	background:url(../../../img/flex/fire/main-banner1.jpg) 0 0 no-repeat;
	background-size:contain;
	order:9;
}
.main__bottom__board{
	overflow:hidden;
	position:relative;
	width:100%;
	min-width:340px;
}
.main__bottom__board:hover{
	box-shadow:0 0 15px #414f64ff inset, 0 0 2px #ffffff inset;
}
.main__bottom__board--payment{
	width:100%;
	padding:2rem;
	border-radius:2rem;
	transition:all .3s ease;
	background-color:#232a34;
	order:3;
}
.main__bottom__board--payment:hover{
	border-color:#ffffff;
}
.main__bottom__board--payment ul{
	display:flex;
	overflow:hidden;
	flex-direction:column;
	border-radius:0 0 1rem 1rem;
}
.main__bottom__board--payment ul li:nth-child(odd){
	background-color:#00000021;
}
.main__bottom__board--payment ul li{
	display:flex;
	flex-direction:column;
	position:relative;
	padding:1rem;
	border-top:1px solid #ffffff24;
	font-size:1.3rem;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:flex-end;
	align-items:flex-end;
	gap:.5rem;
}
.main__bottom__board--payment ul li:before{
	position:absolute;
	top:14px;
	left:10px;
	width:30px;
	height:30px;
	content:'';
}
.payment__tabview--1 li:before{
	background:url(../../../img/flex/fire/ic-sprite.png) 0 -30px no-repeat;
	background-size:300px 120px;
}
.payment__tabview--2 li:before{
	background:url(../../../img/flex/fire/ic-sprite.png) -30px -30px no-repeat;
	background-size:300px 120px;
}
.main__bottom__board--payment ul li p{
	overflow:hidden;
	max-width:40%;
	text-overflow:ellipsis;
	color:#ffffffcc;
	font-size:1.2rem;
	font-weight:normal;
}
.main__bottom__board--payment ul li strong{
	position:absolute;
	top:50%;
	left:0;
	width:180px;
	height:2rem;
	margin-top:-1rem;
	padding-left:49px;
	text-align:left;
	font-family:'Montserrat', sans-serif;
	color:#fc3039;
	font-size:1.6rem;
	font-weight:bold;
	line-height:2rem;
}
.main__bottom__board--payment ul li span{
	width:150px;
	text-align:right;
	font-family:'Montserrat', sans-serif;
	color:#ffffff66;
	font-size:1.3rem;
	font-weight:normal;
	order:3;
}
.main__bottom__board--payment h2{
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.payment__tab{
	position:relative;
	padding:1.4rem 0rem 1.4rem 4rem;
	cursor:pointer;
	transition:all .3s ease;
	color:#ffffff66;
	font-size:1.6rem;
	font-weight:500;
	flex:1;
}
.payment__tab:before{
	position:absolute;
	top:50%;
	left: 0.4rem;
	width:30px;
	height:30px;
	margin-top: -14px;
	content:'';
	transition:all .3s ease;
	background:url(../../../img/flex/fire/ic-sprite.png) -120px -30px no-repeat;
	background-size:300px 120px;
	opacity: 0.5;
}
.payment__tab:nth-child(2):before{
	background-position:-150px -30px;
}
.payment__tab:hover:before{
	opacity: 1;
}
.payment__tab:hover, .payment__tab.on{
	color:#ffffff;
}
.payment__tab.on:before{
	opacity: 1;
}
.main__bottom__board--list{
	display:flex;
	flex-direction:column;
	position:relative;
	height:auto;
	padding:2rem;
	border-radius:1rem;
	transition:all .3s ease;
	background-color:#232a34;
}
@media (max-width: 1250px) {
	.main__bottom__board--list{
		width:100%;
	}
}
.main__bottom__board--list table{
	width:100%;
}
.main__bottom__board--list table tbody{
	display:flex;
	flex-direction:column;
	gap:.8rem;
	margin-top: 0.8rem;
}
.main__bottom__board--list table tbody:first-child{
	margin-top: 0;
}
.main__bottom__board--list table tr{
	width:370px;
}
.main__bottom__board--list table tr:hover td{
	background:#0b0e11;
}
.main__bottom__board--list table tr:hover td p{
	color:#ffffff;
}
.main__bottom__board--list table td{
	width:100%;
	padding:.8rem 0;
	transition:all .3s ease;
	text-align:left;
	color:#ffffff66;
	background-color:#1b2026;
}
.main__bottom__board--list table small{
	display:block;
	width:70px;
}
.main__bottom__board--list table td:first-child{
	width:45px;
	padding-left:.8rem;
	border-radius:8rem 0 0 8rem;
}
.main__bottom__board--list table td:nth-child(3){
	text-align:right;
}
.main__bottom__board--list table td:last-child{
	padding-right:2rem;
	border-radius:0 8rem 8rem 0;
}
.main__bottom__board--list table tbody:last-child td{
	border-bottom:0;
}
.main__bottom__board--list:nth-child(2) table tr:hover .color{
	background:#213f92;
}
.main__bottom__board--list:nth-child(3) table tr:hover .color{
	background:#ff3e61;
}
.main__bottom__board--list table .color{
	display:inline-block;
	float:left;
	position:relative;
	width:4rem;
	height:4rem;
	border-radius:50%;
	user-select:none;
	transition:all .3s ease;
	pointer-events:none;
	color:#ffffff;
	font-size:1.1rem;
	font-size:0;
	font-weight:normal;
	background-color:#273549;
}
.main__bottom__board--list table .color:before{
	position:absolute;
	top:18px;
	left:5px;
	width:30px;
	height:30px;
	margin-top:-13px;
	content:'';
	transition:all .2s ease;
	pointer-events:none;
	background:url(../../../img/flex/fire/ic-sprite.png) -90px -30px no-repeat;
	background-size:300px 120px;
}
.main__bottom__board--list:nth-child(odd) table .color{
	background-color:#e34d6978;
}
.main__bottom__board--list h2{
	margin-bottom:1rem;
	letter-spacing:-1px;
	color:#ffffffaa;
	font-size:2rem;
	font-weight:500;
}
.main__bottom__board--list p{
	display:inline-block;
	overflow:hidden;
	width:100%;
	height:2rem;
	padding-left:8px;
	cursor:pointer;
	transition:all .3s ease;
	vertical-align:middle;
	text-overflow:ellipsis;
	word-break:break-all;
	color:#ffffff99;
	font-size:1.3rem;
	font-weight:500;
	line-height:2rem;
}
/*footer*/
footer{
	position:relative;
	width:95%;
	padding:30px 30px 30px 370px;
	background:#1b2026;
}
.footer__top{
	overflow:hidden;
	position:relative;
	border:2px solid #692d2d;
	border-radius:2rem;
	background:#342327;
}
.footer__top-inner{
	display:flex;
	flex-direction:column;
	margin:0 auto;
	color:#ffffffcc;
	justify-content:space-between;
	align-items:center;
	gap:2rem 0;
}
.footer__menu{
	display:none;
}
.footer__menu .footer__logo{
	display:none;
}
.footer__menu .footer__logo:after{
	word-break:keep-all;
	color:#999999;
	font-size:1.3rem;
}
.footer__menu ul{
	display:flex;
	gap:2rem;
	flex-wrap:wrap;
}
.footer__menu li{
	display:inline-block;
	cursor:pointer;
	user-select:none;
	transition:all .3s ease;
	font-size:1.6rem;
	font-weight:normal;
}
.footer__menu li:hover{
	background-color:rgba(0, 0, 0, .05);
}
.fnb{
	display:flex;
	flex-direction:column;
	padding:3rem 5rem;
	align-items:center;
	gap:1.6rem;
}
.fnb h2{
	position:relative;
	text-align:left;
	color:#fb3039;
	font-size:3rem;
	font-weight:bold;
	line-height:1.2;
}
.fnb ul{
	display:flex;
	flex-direction:row;
	gap:1rem;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
}
.fnb ul li{
	display:inline-flex;
	flex-direction:row;
	position:relative;
	padding:12px 11px;
	border:1px solid #343f4f;
	border-radius:.8rem;
	cursor:pointer;
	transition:all .3s ease;
	text-align:center;
	font-size:1.5rem;
	line-height:1.2;
	background:#0f090f6b;
	justify-content:center;
	align-items:center;
}
.fnb ul li b{
	font-weight:normal;
}
.fnb .fnb__ul--help li{
	padding:0 1rem;
	border-radius:4px;
	font-size:1.3rem;
	line-height:3rem;
}
.fnb .fnb__ul--link{
	padding:0;
	gap:0 1rem;
}
.fnb .fnb__ul--link li{
	padding:.8rem 1rem;
	font-size:1.3rem;
}
.fnb ul li .ic{
	display:block;
	vertical-align:middle;
}
.fnb ul li.fnb__li--24hcenter{
	margin-right:.5rem;
	padding:1rem 4rem;
	border:0;
	cursor:inherit;
	pointer-events:none;
	font-size:2.4rem;
	background-color:#1c1c1e;
}
.fnb ul li.fnb__li--24hcenter b{
	padding-left:1rem;
	font-family:'Montserrat', sans-serif;
	color:#ff3e4a;
	font-size:2.4rem;
	font-weight:bold;
}
.fnb ul li .ic{
	display:none;
}
.fnb ul li:hover{
	background-color:#ffffff40;
}
.footer__ico{
	max-width:1100px;
	margin:50px auto;
	text-align:center;
}
.footer__ico img{
	width:auto;
	height:30px;
	margin:14px 14px;
}
.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 layout*/
.sub{
	position:relative;
	width:95%;
	padding:0;
	padding-top:90px;
	padding-right:30px;
	padding-bottom:40px;
	padding-left:370px;
	background:#1b2026;
}
.sub .info--column{
	display:flex;
	flex-direction:column;
	gap:1rem;
	align-items:center;
}
.sub .info--table{
	display:flex;
	flex-direction:column;
	margin-bottom:1rem;
	font-size:1.4rem;
	gap:1rem;
	align-items:flex-start;
}
.sub .info--table b{
	margin-left:.8rem;
	color:#ff2a78;
}
.sub .info svg{
	vertical-align:-.6rem;
}
.sub.join{
	display:flex;
	flex-direction:row;
	position:relative;
	width:100%;
	height:100vh;
	margin-top:0;
	margin-left:0;
	padding:0;
	background-color:#000000;
	justify-content:flex-start;
	align-items:center;
}
.sub.join:before{
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	content:'';
	background:url(../../../img/flex/fire/join-bg.jpg) center no-repeat;
	background-size:cover;
}
.sub.join .sub__flex-content{
	width:500px;
	margin:0 auto;
}
.sub.join .sub__logo{
	width:400px;
	margin:0 auto;
}
.sub.login{
	display:flex;
	flex-direction:row;
	position:relative;
	width:100%;
	height:100vh;
	margin-top:0;
	margin-left:0;
	padding:0;
	background-color:#000000;
	justify-content:flex-start;
	align-items:center;
}
.sub.login:before{
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	content:'';
	background:url(../../../img/flex/fire/login-bg.jpg) center no-repeat;
	background-size:cover;
}
.sub.login .sub__flex-content{
	width:500px;
	margin:0 auto;
}
.sub.login .sub__logo{
	width:400px;
	margin:0 auto;
}
.sub__logo{
	display:block;
	width:100%;
	height:230px;
	margin-bottom:2rem;
	animation:fadein 1s ease both;
}
.sub__container{
	position:relative;
	padding:3rem 3rem 6rem 3rem;
	border-radius:2rem;
	box-shadow:0 0 18px 0 #4d7fbd87 inset;
	background: url(../../../img/flex/fire/container-bg2.png) 0 0 #232a34 no-repeat;
}
.sub__title{
	margin-bottom:2rem;
	padding:0 0 2rem 0;
	text-align:center;
	gap:3rem;
	align-items:center;
}
.sub__title h2{
	position:relative;
	z-index:10;
	padding:0rem 0 1rem 0;
	word-break:break-word;
	color:#fb3039;
	font-size:4rem;
	font-weight:bold;
	line-height:1.2;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:130px auto;
	text-shadow:0 0 14px #000000;
}
.sub__title b{
	word-break:break-word;
	color:#80aded;
	font-size:2rem;
	font-weight:normal;
}
.sub__flex-content{
	display:flex;
	flex-direction:column;
	position:relative;
	transition:all .3s ease;
	animation:fadein .5s both;
	text-align:center;
	font-size:1.6rem;
	gap:3rem;
	align-items:center;
	max-width: 1200px;
	margin: 0 auto;
}
.form_money .input-text-box input::placeholder{
	font-size:2.4rem;
}
.form_money{
	padding:1.6rem;
}
.form_money dl{
	width:100%;
	max-width:700px;
}
.form_money .btn_set svg{
	margin-right:5px;
	vertical-align:-8px;
	stroke:#ff5757;
}
.form_money .btn_set button:hover svg{
	stroke:#ffffff;
}
.sub__tab{
	display:flex;
	max-width:80%;
	margin:0 auto;
	border: 1px solid #ffffff47;
	color:#ffffff;
	background-color:#111111;
	justify-content:center;
	gap:0;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 0 18px 0 #4d7fbd87 inset;
	flex-wrap: wrap;
}
.sub__tab li{
	padding:0 1rem;
}
.sub__tab li{
	position:relative;
	min-width: 120px;
	padding:1.6rem 3rem;
	cursor:pointer;
	transition:all .3s ease;
	color: #ffffffba;
	font-size:1.4rem;
	font-weight:normal;
	box-shadow: 0 0 1px #ffffff69;
}
.sub__tab li .svg--dropdown{
	width:16px;
	height:16px;
	margin-top:-1px;
	vertical-align:middle;
}
.sub__tab li:hover{
	background-color:#548dd938;
}
.sub__tab li.on:before, .sub__tab li:hover:before{
	opacity:1;
	width:100%;
}
.sub__tab li.on{
	color: #ffffff;
	font-weight:bold;
	background-color: #548dd970;
}
.sub__tab-cont .btn_set{
	margin-top:2rem;
}
.sub.login .sub__container{
	display:flex;
	position:relative;
	width:50%;
	height:100%;
	border-radius:0;
	transition:none;
	animation:none;
	background: url(../../../img/flex/fire/container-bg.png) 0 0 #171a1d no-repeat;
	align-items:center;
}
.sub.login .row-box__title{
	width:100%;
}
.sub.join .sub__container{
	display:flex;
	position:relative;
	width:50%;
	height:100%;
	border-radius:0;
	transition:none;
	animation:none;
	background: url(../../../img/flex/fire/container-bg.png) 0 0 #171a1d no-repeat;
	align-items:center;
	padding: 2rem;
	overflow-y: scroll;
	align-items: flex-start;
	justify-content: center;
}
.sub.join .sub__flex-content{
	margin:0;
	padding:3rem 3rem 6rem 3rem;
	box-shadow:none;
}
.sub.join .row-box{
	flex-direction:column;
}
.sub.join .row-box__title{
	width:100%;
	margin-bottom:2rem;
	flex:100%;
}
.row-box__title h2{
	font-size:3rem;
}
.row-box__title b{
	display:block;
	font-size:1.6rem;
}
.sub.login .row-box__item{
	width:100%;
	max-width:300px;
}
.sub.join .row-box__item{
	width:100%;
	max-width:500px;
	padding-top:2rem;
	border-top:1px dashed #4d5661;
}
.sub.login .sub__container .btn_set .btn--l{
	flex-grow:1;
}
.sub.login .sub__container h2, .sub.join .sub__container h2{
	color: #ffab61;
	text-shadow: 0 0 17px #fc3039;
}
body.body--notice .sub__container{
	margin-top: 3rem;
}
.sub.mypage .sub__container{
	width:auto;
	min-width:auto;
}
.sub.mypage .sub__container .btn_set{
	flex-grow:1;
	align-items:flex-end;
}
.input-text-box input[type='text'].error, .input-text-box input[type='password'].error, .input-text-box textarea.error{
	background:#ff424224;
}
.sub__tab-cont{
	width:100%;
}
@media (min-width: 2500px){
	.main__bottom{
		max-width: 1600px
	}
	.sub__flex-content{
		max-width: 1600px
	}
}
@media (max-width: 1600px){
	.main{
		padding-right: 30px;
		flex-wrap: nowrap;
		padding-left: 280px;
		padding-bottom: 3rem;
	}
	.sub{
		padding-left: 280px;
	}
	.menu-wrap__logo{
		width:280px
	}
	header:after{
		background-position: left bottom;
		background-size: 70% auto;
		height: 290px;
	}
	header:before{
		width:280px;
	}
	.header__inner{
		left:280px;
	}
	.header__gnb{
		width:280px;
	}
	.header__gnb .depth1 > li{
		padding: 1rem 1rem 1rem 9rem;
	}
	.main__bottom{
		position: relative;
		width: auto;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		gap: 3rem 3%;
		margin: 0;
	}
	.main__bottom:before{
		display: none;
	}
	.main__bottom__board{
		width: 48.5%;
	}
	.main__bottom__board--payment{
		width:100%;
	}
	.main__bottom__board--list table{
		width:100%;
		display:flex;
		flex-direction: column;
	}
	.main__bottom__board--list table colgroup{
		display:none;
	}
	.main__bottom__board--list table tbody{
		width:100%;
	}
	.main__bottom__board--list table tr{
		width:100%;
	}
	.main__bottom__board--list table td{
		width: 100%;
	}
	footer{
		padding-left: 280px;
		padding-top: 0;
	}
	.fnb ul li.fnb__li--24hcenter{
		padding: .5rem 5rem;
	}
	.fnb .fnb__ul--link{
		border:0;
		gap:1rem;
		margin-top: 0;
	}
	body.body--notice .header__notice{
		display:block;
		border:0;
		border-radius:0;
		background:#171f2b;
		box-shadow:0 -6px 11px #445b7d61 inset;
	}
	body.body--notice header{
		height:calc(100% - 4rem);
		margin-top:4rem;
	}
	body.body--notice .main{
		margin-top:4rem;
	}
	.header__notice{
		display:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
	}
	.header__notice ul{
		max-width:none;
		border-radius:0;
	}
}
@media (max-width: 1200px) {
	.main__visual__banner .img-box:before{
		display:none;
	}
	.main__visual__banner .txt-box p:before{
		width:100%;
	}
	.main__visual__jackpot{
		flex-direction:column;
		height:auto;
		margin:0;
		padding:1rem;
		border:1px solid #596476;
		border-right:0;
		border-left:0;
		border-radius:0;
	}
	.main__visual__jackpot .jackpot-box{
		padding-top:.5rem;
	}
	.main__visual__jackpot h2 b{
		font-size:2rem;
	}
	.main__gamelist-tab li:nth-child(2) b:before{
		top:17px;
		left:50%;
		margin-left:-33px;
	}
	.main__gamelist-tab li:nth-child(3) b:before{
		top:17px;
		left:50%;
		margin-left:-34px;
	}
	.main__gamelist-tab li:nth-child(4) b:before{
		top:17px;
		left:50%;
		margin-left:-27px;
	}
	.sub{
		padding:0;
	}
	.sub__title:after{
		top:auto;
		bottom:-5rem;
		left:-100px;
		width:400px;
		height:300px;
	}
	.sub__title h2{
		z-index:12;
		text-shadow:0 0 15px #000000, 0 0 8px #000000;
	}
	.sub__title h2:before{
		height:50px;
		background-position:center;
		background-size:contain;
	}
	.sub__title b{
		display:block;
		position:relative;
		z-index:12;
		width:100%;
		padding:0;
		text-shadow:0 0 10px #000000, 0 0 8px #000000;
	}
	.sub__flex-content{
		max-width:100%;
		margin:0 auto;
		padding:3rem 4rem 4rem 4rem;
	}
	.sub__container{
		margin-top:4rem;
		padding:6rem 2rem 2rem 2rem;
		background-size:300px auto;
	}
	.sub__flex-content:after{
		display:none;
	}
	.sub.login .sub__flex-content:after{
		display:block;
	}
	html{
		font-size:55%;
	}
	header{
		z-index:999;
		width:100%;
		height:auto;
		min-height:auto;
		border-width:2px;
	}
	header:before{
		display:none;
	}
	header:after{
		display:none;
	}
	body.body--notice header{
		height:100%;
		margin-top:4rem;
	}
	body.body--notice .header__inner{
		top:0;
		margin-top:0;
		border-bottom:1px solid #ffffff24;
		box-shadow:0 -6px 11px #445b7d61 inset;
	}
	body.body--notice .header__menu-opener{
		margin-top:3.5rem;
	}
	body.body--notice .header__gnb{
		padding-top:calc(70px + 2.8rem);
	}
	body.body--notice .main{
		background-color:transparent;
	}
	body.body--notice .menu-wrap{
		height:calc(100vh - 4rem - 2px);
		margin-top:0;
	}
	body.body--notice .menu-wrap__inner{
		height:calc(100vh - 4.2rem);
		padding-top:5rem;
	}
	body.body--notice .sub__container{
		margin-top:8rem;
	}
	.header__menu-opener{
		display:block;
	}
	.header__inner{
		top:0;
		left:0;
		z-index:90;
		width:100%;
		height:7rem;
		padding:0 1.6rem;
		background-color:#0a0a0ae3;
		box-shadow:0 0 1px #ffffff inset;
	}
	.lang{
		margin-left:28px;
	}
	.header__logo{
		display:inline-block;
		overflow:hidden;
		position:absolute;
		top:0;
		left:50%;
		width:40%;
		height:60px;
		margin-left:-20%;
		cursor:pointer;
		text-align:left;
		text-indent:-9999px;
		pointer-events:initial;
		color:transparent;
	}
	.header__gnb{
		display:none;
	}
	.menu-wrap__logo{
		display:none;
	}
	.menu-wrap{
		display:none;
		z-index:10;
		height:calc(100vh - 4px);
		background-color:#00000033;
	}
	.menu-wrap.menu-wrap--open{
		display:block;
		animation:opacity-ani .2s both;
		backdrop-filter:blur(3px);
	}
	.main__visual__banner{
		height:330px;
		padding:0 0 30px 0;
		border-radius:0;
		text-align:center;
		gap:2rem;
		align-items:center;
	}
	.main__visual__banner:before{
		width:80%;
	}
	.main__visual__banner .img-box{
		max-width:80%;
		height:87px;
		margin:0 auto;
		filter:drop-shadow(0px 0px 6px black) drop-shadow(0px 0px 6px black);
	}
	.main__visual__banner .txt-box h2{
		display:none;
	}
	.main__visual__banner .txt-box h2:before{
		display:inline-block;
		position:relative;
		width:90%;
		white-space:normal;
		word-break:break-word;
		font-size:3rem;
		line-height:1.2;
	}
	.main__visual__banner .txt-box p{
		width:92%;
		max-width:360px;
		margin:0 auto 0 auto;
	}
	.main__visual__banner .txt-box p:before{
		font-size:1.4rem;
		line-height:1.5;
	}
	.deco-item--left{
		background-position:bottom right;
		background-size:auto 50%;
	}
	.deco-item--right{
		background-position:bottom right;
		background-size:auto 50%;
	}
	.menu-wrap__inner{
		overflow-y:auto;
		flex-direction:column;
		position:relative;
		z-index:10;
		width:100%;
		height:calc(100vh - 70px);
		padding-top:9rem;
		animation:fadein--left .5s ease both;
		text-align:center;
		pointer-events:auto;
		background:none;
		background-color:none;
		box-shadow:5px 0 15px #b2792f33;
		align-items:center;
		gap:0;
		justify-content:space-evenly;
	}
	.menu-wrap__inner:before{
		position:absolute;
		bottom:0;
		left:0;
		content:'';
	}
	.menu-wrap .login{
		position:relative;
		right:0;
		left:0;
		width:90%;
		margin:0 auto;
		justify-content:center;
	}
	.menu-wrap .login .info{
		font-size:1.6rem;
	}
	.menu-wrap .login a{
		font-size:1.7rem;
	}
	.menu-wrap .login--before{
		flex-direction:row;
		max-width:390px;
		height:auto;
		margin:0;
		padding:2rem 0;
		background-size:cover;
		justify-content:center;
	}
	.menu-wrap .login--before .login-box{
		flex-direction:column;
		position:relative;
		width:100%;
		margin-bottom:1rem;
		gap:.8rem;
	}
	.menu-wrap .login--before .login-box:before{
		margin-bottom:.8rem;
		content:'LOGIN';
		letter-spacing:1px;
		font-family:'Montserrat', sans-serif;
		color:#ffffff;
		font-size:4rem;
		font-weight:500;
	}
	.menu-wrap:before{
		opacity:.3;
		position:absolute;
		bottom:0;
		left:0;
		z-index:0;
		width:100%;
		height:100%;
		content:'';
		background:url(../../../img/flex/fire/menu-wrap-bg.png) center bottom no-repeat;
		background-size:contain;
	}
	.menu-wrap:after{
		opacity:.7;
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100%;
		content:'';
		background:url(../../../img/flex/fire/effect.gif) center -250px no-repeat #000000;
		background-size:100% 590px;
	}
	.menu-wrap .login .login-box .input-text-box{
		width:100%;
	}
	.menu-wrap .login .login-box .input-text-box input{
		width:100%;
	}
	.menu-wrap .login--after .info{
		background:none;
		justify-content:center;
	}
	.menu-wrap .login--after .info:first-child{
		padding-left:0;
		flex:100%;
	}
	.menu-wrap .login--after .btn-box{
		z-index:1;
		margin-top:2rem;
		flex:100%;
		justify-content:center;
	}
	.menu-wrap .login .login__info__level{
		position:relative;
	}
	.menu-wrap__menu{
		display:flex;
		width:100%;
		padding:3rem 3rem;
		gap:1.6rem;
		flex-wrap:wrap;
		justify-content:center;
	}
	.menu-wrap__menu li{
		position:relative;
		width:47%;
		padding:1.6rem 0;
		border:0 solid transparent;
		border-radius:.8rem;
		cursor:pointer;
		transition:all .3s ease;
		text-align:center;
		color:#ffffff;
		font-size:1.6rem;
		font-weight:normal;
		background-color:#293849;
	}
	.menu-wrap__menu li:hover{
		animation:heartbeat .5s ease;
		color:#ffffff !important;
		background:#ff313a;
		box-shadow:0 0 20px #ff313a73;
	}
	.main{
		width:100%;
		margin-left:0;
		padding:7rem 0 0 0;
		gap:1rem;
	}
	.main__gamelist:before{
		top:-1rem;
		letter-spacing:5px;
		font-size:2rem;
	}
	.main__gamelist-box{
		padding:1rem 1rem 1.6rem 1rem;
	}
	.main__gamelist-tab{
		width:100%;
		min-width:auto;
		height:133px;
		margin:0 auto;
		flex-wrap:wrap;
		gap:1.4rem;
	}
	.main__gamelist-tab li{
		flex-direction:column;
		bottom:0;
		width:24%;
		min-width:auto;
		padding:11rem 0rem 1rem 0rem;
		text-align:center;
	}
	.main__gamelist-tab li:before{
		opacity:.7;
		top:5px;
		left:50%;
		width:70px;
		height:70px;
		margin-left:-35px;
	}
	.main__gamelist-tab li b{
		padding:0;
		word-break:keep-all;
		font-size:1.4rem;
		font-weight:bold;
	}
	.main__gamelist-tab li.all-game{
		width:16%;
		min-width:auto;
		padding:1.4rem 1rem;
	}
	.main__gamelist-tab li.all-game b{
		font-size:1.3rem;
	}
	.main__bottom{
		flex-direction:column;
		position:relative;
		width:100%;
		padding:4rem 1.6rem;
	}
	.main__bottom__board{
		width:100%;
		min-width:auto;
	}
	.main__bottom__board--list{
		padding:1rem 1.5rem;
	}
	.main__bottom__board--list h2{
		margin-bottom:1rem;
		font-size:2rem;
	}
	.main__bottom__board--list:before{
		height:40px;
	}
	.payment__tab{
		display:flex;
		width:50%;
		padding:1rem 2rem 1rem 5rem;
		font-size:1.3rem;
		align-items:center;
	}
	.payment__tab:before{
		left:1.4rem;
	}
	.main__bottom__board--payment ul li span{
		width:100%;
	}
	.main__bottom__board--payment ul li p{
		max-width:45%;
	}
	.main__bottom__board--payment ul li strong{
		width:auto;
	}
	.main__bottom__board--list table td:nth-child(3){
		min-width:80px;
	}
	.main__bottom__board--list table .color:before{
		top:15px;
		left:2px;
	}
	footer{
		margin-left:0;
		padding:0 0 3rem 0;
		background:none;
	}
	.footer__ico img{
		height:20px;
		margin:.8rem .8rem;
	}
	.footer__top-inner{
		flex-direction:column;
		background-position:80% bottom;
		flex-wrap:wrap;
	}
	.fnb{
		flex-direction:column;
		padding:2rem 1.6rem;
		flex-wrap:wrap;
		gap:.5rem;
	}
	.fnb ul li{
		padding: .4rem 1rem;
		font-size: 1.2rem
	}
	.fnb ul li.fnb__li--24hcenter{
		margin:1rem 0;
		margin-right:0;
		padding:1rem;
		font-size:1.5rem;
		flex:100%;
	}
	.fnb ul li.fnb__li--24hcenter h6{
		font-size:1.3rem;
		font-weight:normal;
	}
	.fnb__ul--help li{
		width:48%;
	}
	.fnb ul{
		flex-wrap:wrap;
		gap:.5rem;
	}
	.fnb .fnb__ul--help{
		width:100%;
	}
	.fnb .fnb__ul--help li{
		padding:.6rem 1rem;
		justify-content:center;
	}
	.fnb .fnb__ul--link{
		margin-top:1rem;
		justify-content:center;
		gap:0;
	}
	.fnb .fnb__ul--link li:first-child:before{
		display:none;
	}
	.footer__ico{
		margin:2rem auto;
	}
	.footer__licence{
		width:90%;
	}
	.footer__licence dt{
		width:30%;
	}
	.footer__licence dd{
		width:70%;
	}
	.footer__copy{
		padding:1rem 0;
	}
	.sub{
		margin-left:0;
		padding:5rem 0 3rem 0;
		background:none;
	}
	.sub__title{
		margin:0 0 2rem 0;
		padding:0;
		background:none;
		box-shadow:none;
		backdrop-filter:none;
	}
	.sub__title:after{
		display:none;
	}
	.sub__title h2{
		padding:0 2rem 1rem 2rem;
		font-size:3.4rem;
	}
	.sub__title b{
		font-size:1.6rem;
	}
	.sub__flex-content{
		margin:0 auto;
		padding:1rem 2rem 4rem 2rem;
		border:0;
		border-radius:0;
		box-shadow:none;
	}
	.sub__container{
		padding:2rem 0;
	}
	.sub__tab{
		max-width:100%;
	}
	.sub__tab li{
		padding: 1rem 2rem;
		min-width: auto;
		flex: 1;
	}
	.sub.login{
		padding:0;
		align-items:flex-end;
	}
	.sub.login .sub__logo{
		width:100%;
		height:70px;
		margin-bottom:2rem;
	}
	.sub.login .sub__container{
		width:100%;
		min-width:initial;
		height:70%;
		margin:0;
		padding:0;
		background-size:300px auto;
	}
	.sub.login:before{
		width:100%;
		height:60%;
	}
	.sub.login .sub__flex-content{
		padding:4rem 2rem 8rem 2rem;
	}
	.sub.join{
		height:auto;
		padding:0;
		align-items:flex-end;
	}
	.sub.join .sub__logo{
		width:100%;
		height:70px;
		margin-bottom:2rem;
	}
	.sub.join .sub__container{
		width:100%;
		min-width:initial;
		height:auto;
		margin-top:23rem;
		padding:0 0 5rem 0;
		background-size:300px auto;
	}
	.sub.join:before{
		width:100%;
		height:33rem;
	}
	.sub.join .sub__flex-content{
		padding:4rem 2rem 8rem 2rem;
	}
}
.payment{
	min-height:200px;
}
.sub__flex-content .help h2{
	color:#fff;
}
.sub__flex-content .help .type1 li{
	color: #fff;
	text-align: left;
}