/*	---	BootS Resource	------------------------------------------------	*/
:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before	{	box-sizing: border-box}

.input-group {	position: relative;	display: -ms-flexbox;	display: flex;	-ms-flex-wrap: wrap;	flex-wrap: wrap;	-ms-flex-align: stretch;	align-items: stretch;	width: 100%;}
.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control,
.input-group > .form-control-plaintext {	position: relative;	-ms-flex: 1 1 auto;	flex: 1 1 auto;	width: 1%;	margin-bottom: 0}
.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control {	margin-left: -1px}
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus,
.input-group > .form-control:focus {	z-index: 3}
.input-group > .custom-file .custom-file-input:focus {	z-index: 4}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {	border-top-right-radius: 0;	border-bottom-right-radius: 0;}
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {	border-top-left-radius: 0;	border-bottom-left-radius: 0;}
.input-group > .custom-file {	display: -ms-flexbox;	display: flex;	-ms-flex-align: center;	align-items: center}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {	border-top-right-radius: 0;	border-bottom-right-radius: 0;}
.input-group > .custom-file:not(:first-child) .custom-file-label {	border-top-left-radius: 0;	border-bottom-left-radius: 0;}
.input-group-append,
.input-group-prepend {	display: -ms-flexbox;	display: flex}
.input-group-append .btn,
.input-group-prepend .btn {	position: relative;	z-index: 2}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {	z-index: 3}
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text {	margin-left: -1px}
.input-group-prepend	{	margin-right: -1px}
.input-group-append		{	margin-left: -1px}
.input-group-text {	display: -ms-flexbox;	display: flex;	-ms-flex-align: center;	align-items: center;	padding: .375rem .75rem;	margin-bottom: 0;	font-size: 1rem;	font-weight: 400;	line-height: 1.5;	color: #495057;	text-align: center;	white-space: nowrap;	background-color: #e9ecef;	border: 1px solid #ced4da;	border-radius: .25rem}
.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {	margin-top: 0}
.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {	height: calc(1.5em + 1rem + 2px)}
.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {	padding: .5rem 1rem;	font-size: 1.25rem;	line-height: 1.5;	border-radius: .3rem}
.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {	height: calc(1.5em + .5rem + 2px)}
.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {	padding: .25rem .5rem;	font-size: .875rem;	line-height: 1.5;	border-radius: .2rem}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {	padding-right: 1.75rem}
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {	border-top-right-radius: 0;	border-bottom-right-radius: 0}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {	border-top-left-radius: 0;	border-bottom-left-radius: 0}
.custom-control {	position: relative;	display: block;	min-height: 1.5rem;	padding-left: 0.5rem}
.custom-control-input {margin-right:2px;}
.custom-control-input:checked ~ .custom-control-label::before {	color: #fff;	border-color: #007bff;	background-color: #007bff}
.custom-control-input:focus ~ .custom-control-label::before {	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {	border-color: #80bdff}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {	color: #fff;	background-color: #b3d7ff;	border-color: #b3d7ff}
.custom-control-input:disabled ~ .custom-control-label {	color: #6c757d}
.custom-control-input:disabled ~ .custom-control-label::before {	background-color: #e9ecef}
.custom-control-label {	position: relative;	margin-bottom: 0;	vertical-align: top}

.custom-control-label::before,
.custom-file-label,
.custom-select {	transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}

@media (prefers-reduced-motion:reduce) {
	.custom-control-label::before,
	.custom-file-label,
	.custom-select {	transition: none;}
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {	.form-control {		transition: none	}}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-moz-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1
}

select.form-control:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

.form-control-file,
.form-control-range {
	display: block;
	width: 100%
}





/*	---	BootS Modal	------------------------------------------------	*/
/* COMMON */
.modal-open {
	overflow: hidden
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-dialog .container {
	width: 100% !important;
}
.modal-content {
	position: relative;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 6px;
	outline: 0;
/*
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
*/
}
.modal-backdrop {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background-color: #000
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0
}
.modal-backdrop.in {
	filter: alpha(opacity=75);
	opacity: .75
}
.modal-header {
	min-height: 16.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
	margin-top: -2px
}
.modal-title {
	margin: 0;
	line-height: 1.42857143
}
.modal-body {
	position: relative;
	padding: 10px
}
.modal-footer {
	padding: 10px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.modal-footer .btn + .btn {
	margin-bottom: 0;
	margin-left: 5px
}
.modal-footer .btn-group .btn + .btn {
	margin-left: -1px
}
.modal-footer .btn-block + .btn-block {
	margin-left: 0
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width:576px) {
	.modal-dialog {
		max-width: 560px;
		margin: 0 auto
	}
	.modal-dialog-scrollable {
		max-height: calc(100% - 3.5rem)
	}
	.modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 3.5rem)
	}
	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem)
	}
	.modal-dialog-centered::before {
		height: calc(100vh - 3.5rem)
	}
	.modal-sm {
		max-width: 300px
	}
	.logos .ani-logo .navbar-logo .nav-trigger #imgLogo {
		width: 130px; 
	}
}

@media (min-width:992px) {
	.modal-lg,
	.modal-xl {
		max-width: 900px
	}
	.logos .ani-logo .navbar-logo #imgLogo {
		width: 130px; 
	}
}

@media (min-width:1200px) {
	.modal-xl {
		max-width: 1170px
	}
}
.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: .875rem;
	word-wrap: break-word;
	opacity: 0
}
.tooltip.show {
	opacity: .9
}
.tooltip .arrow {
	position: absolute;
	display: block;
	width: .8rem;
	height: .4rem
}
.tooltip .arrow::before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid
}
.table {
	width: 100%;
	margin-bottom: 1rem;
	color: #212529
}
.table td,
.table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6
}
.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6
}
.table tbody + tbody {
	border-top: 2px solid #dee2e6
}
.table-sm td,
.table-sm th {
	padding: .3rem
}
.table-bordered {
	border: 1px solid #dee2e6
}
.table-bordered td,
.table-bordered th {
	border: 1px solid #dee2e6
}
.table-bordered thead td,
.table-bordered thead th {
	border-bottom-width: 2px
}
.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
	border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover {
	color: #212529;
	background-color: rgba(0, 0, 0, .075)
}
.table-primary,
.table-primary > td,
.table-primary > th {
	background-color: #b8daff
}
.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
	border-color: #7abaff
}
.table-hover .table-primary:hover {
	background-color: #9fcdff
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
	background-color: #9fcdff
}
.table-secondary,
.table-secondary > td,
.table-secondary > th {
	background-color: #d6d8db
}
.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
	border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
	background-color: #c8cbcf
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
	background-color: #c8cbcf
}
.table-success,
.table-success > td,
.table-success > th {
	background-color: #c3e6cb
}
.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
	border-color: #8fd19e
}
.table-hover .table-success:hover {
	background-color: #b1dfbb
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
	background-color: #b1dfbb
}
.table-info,
.table-info > td,
.table-info > th {
	background-color: #bee5eb
}
.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {
	border-color: #86cfda
}
.table-hover .table-info:hover {
	background-color: #abdde5
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
	background-color: #abdde5
}
.table-warning,
.table-warning > td,
.table-warning > th {
	background-color: #ffeeba
}
.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
	border-color: #ffdf7e
}
.table-hover .table-warning:hover {
	background-color: #ffe8a1
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
	background-color: #ffe8a1
}
.table-danger,
.table-danger > td,
.table-danger > th {
	background-color: #f5c6cb
}
.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
	border-color: #ed969e
}
.table-hover .table-danger:hover {
	background-color: #f1b0b7
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
	background-color: #f1b0b7
}
.table-light,
.table-light > td,
.table-light > th {
	background-color: #fdfdfe
}
.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
	border-color: #fbfcfc
}
.table-hover .table-light:hover {
	background-color: #ececf6
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
	background-color: #ececf6
}
.table-dark,
.table-dark > td,
.table-dark > th {
	background-color: #c6c8ca
}
.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
	border-color: #95999c
}
.table-hover .table-dark:hover {
	background-color: #b9bbbe
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
	background-color: #b9bbbe
}
.table-active,
.table-active > td,
.table-active > th {
	background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
	background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
	background-color: rgba(0, 0, 0, .075)
}
.table .thead-dark th {
	color: #fff;
	background-color: #343a40;
	border-color: #454d55
}
.table .thead-light th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #dee2e6
}
.table-dark {
	color: #fff;
	background-color: #343a40
}
.table-dark td,
.table-dark th,
.table-dark thead th {
	border-color: #454d55
}
.table-dark.table-bordered {
	border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, .05)
}
.table-dark.table-hover tbody tr:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, .075)
}
.bottom-btn-set {
	text-align:center;
}
.bottom-btn-set button {
	padding: 8px 30px 7px 30px;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.50);
}



/* Modal */
.modal800 .modal-dialog {
	max-width: 800px;
}

.modal {
	padding-right: 0 !important;
}

.modal-dialog {
	top: 90px;
}

.pop-header {
	position: relative;
	padding: 0 0;
	margin: 0 0;
	text-align: center;
	background: url(mvp-01_05b.png) top center repeat-x;
	height: 70px;
}

.pop-header img {
	width: auto;
	height: 36px;
	position: absolute;
	left: 22px;
	top: 50%;
	margin: -16px 0 0 0;
}

.pop-header h2 {
	display: inline-block;
		font-size: 28px;
		font-family: 'Do Hyeon', sans-serif;
		color: #FFFFFF;
		padding: 0 0;
		margin: 23px 0 0 0;
		text-shadow: 1px 1px 2px #5d330e;
}

/* Login */
.loginPop {
	padding: 0 0;
}
.loginPop .modal-content {
	background: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: none;
}
.loginPop .modal-header {
	min-height: 1px;
	padding: 0 0;
	border-bottom: none;
}
.loginPop .close {
	color: #FFFFFF;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 9999;
	opacity: 1;
}
.loginPop .input-group {
	width: 80%;
    margin: 0 auto;
}
.loginPop .form-group .custom-checkbox  {
	padding: 10px 0 0 35px;
}
.loginPop .form-group .custom-checkbox label {
	color: #AAAAAA;
	cursor: pointer;
}
.user_card {
	height: 400px;
	width: 350px;
	margin: auto auto;
	background: rgba(0, 0, 0, 0.85) !important;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding:0 0 0;
	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;
}
.user_card .d-flex {
	font-size: 13px;
}
.brand_logo_container {
	position: absolute;
	width: 150px;
	top: 55px;
	text-align: center;
	left: 50%;
	margin-left: -75px;
}
.brand_logo {
	height: auto;
	width: 150px;
}
.form_container {
	margin-top: 100px;
}
.login_btn {
	width: 100%;
	background: #c0392b !important;
	color: white !important;
	padding: 12px 0;
}
.login_btn:focus {
	box-shadow: none !important;
	outline: 0px !important;
}
.login_container {
	padding: 0 2rem;
}
.login_container button {
	padding: 12px 25px;
}
.input-group-text {
	background: #303030 !important;
	color: white !important;
	border: 0 !important;
	border-radius: 0.25rem 0 0 0.25rem !important;
	min-width: 40px;
}
.input_user,
.input_pass:focus {
	box-shadow: none !important;
	outline: 0px !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #c0392b !important;
}

.custom-control-label {
	color: #999999;
}

/* Join */
/*
.inputSetForm	{	padding: 0 0;}
.inputSetForm .modal-body	{	padding: 0 0;}
*/
.inputSetForm .modal-content {
	background: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: none;
}
.inputSetForm .modal-header {
	min-height: 1px;
	padding: 0 0;
	border-bottom: none;
}
.inputSetForm .close {
	color: #fff333;
	position: absolute;
	right: 35px;
	top: 15px;
	z-index: 9999;
	opacity: .75;
}
.inputSetForm .user_card {
	height: 100%;
	width: 100%;
}

.inputSetForm .form_container {
	margin-top: 20px;
}

table.user_join {
	width: 90%;
	margin: 0 auto;
}

table.user_join th {
	font-size: 13px;
	color: #999999;
	width: 28%;
	font-weight: normal;
	text-align: left;
}

table.user_join th i {
	margin-right: 5px;
	color: #777777;
}

table.user_join td {
	padding: 6px 0 5px 0;
}

table.user_join .form-control {
	font-size: 0.85rem;
}

table.user_join .form-control.w-btn {
	width: 70%;
	float: left;
	border-radius: .25rem 0 0 .25rem;
	border-right: none;
}

table.user_join td a.buttonct {
	width: 30%;
	float: right;
	border-radius: 0 .25rem .25rem 0;
	padding: 11px 0px;
	font-size: 12px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background: #c0392b !important;
}

table.user_join .infotext {
	font-size: 12px;
	font-family: 'Noto Sans KR', sans-serif !important;
	color: burlywood;
	font-weight: normal;
}

table.user_join .infotext th,
table.user_join .infotext td {
	padding: 0 0 5px 0;
}

.join_btn {
	width: 98%;
	margin: 10px auto;
	background: #c0392b !important;
	color: white !important;
	padding: 12px 0;
	font-weight: bold;
}




#ModalFindid .form_container {
	margin-top: 100px;
	text-align: center;
}

#ModalFindid .form_container p {
	font-size: 14px;
	color: #AAAAAA;
}

#ModalFindid .form_container h3 {
	font-size: 20px;
	font-family: 'Do Hyeon', sans-serif;
	color: #FFFFFF;
	margin-top: 30px;
}

#ModalFindid .form_container h2 {
	font-family: 'Do Hyeon', sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	margin: 0px auto 15px auto;
	padding: 0 0;

}

/*	모달	*/
.dispot-tx {
	font-family: 'Do Hyeon', sans-serif;
	font-size: 16px;
	color: rgba(255, 255, 255, 1);
}
.usermoneyset {
	display: inline-block;
	float: right;
}
.pending {
	text-align: center;
	color: #FFFFFF;
	padding: 50px 0;
	width: 90%;
	margin: 0 auto;
}
.pending i {}
.pending p {
	margin: 25px auto 0 auto;
}




.TableBoard .modal-dialog {
	width: auto;
	max-width: 800px;
}
.TableBoard .user_card {
	width: 100%;
	height: 100%;
}
table.tb-board {
	width: 98%;
	margin: 0 auto;
}
table.tb-board th {
	font-size: 12px;
	text-align: center;
	padding: 10px 0 9px 0;
	background: #999999;
	color: #bdc3c7;
	background-color: #202020;
	border: 1px solid #101010;
	border-top: 1px solid #353535;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
}
table.tb-board td {
	color: rgba(255, 255, 255, 0.85);
	font-weight: 400;
	border-bottom: 1px solid #303030;
	padding:13px 0 12px 0;
}
table.tb-board td a {
	display: block;
	width:100%;
}
table.tb-board td.num {
	font-size: 12px;
	text-align: center;
}
table.tb-board td.subj {
	font-size: 13px;
	padding-left: 10px;
	width: 70%;
}
table.tb-board td.date {
	font-size: 12px;
	text-align: center;
}
table.tb-board tbody > tr:hover {
	background: rgba(255, 255, 255, 0.1);
}
table.tb-board tbody > tr:hover td	{
	color: #ffe21c;
}
table.view tbody > tr:hover	{
	background: none;
}
table.view tbody > tr:hover td	{
	color: rgba(255, 255, 255, 0.85);
}
table.tb-board .top_ment,
table.tb-board tbody > tr.top_ment:hover	{
	background: rgba(255,231,71,0.8);
}
table.tb-board tbody > tr.top_ment td,
table.tb-board tbody > tr.top_ment:hover td	{
	color: #3c3506;
	font-weight: bold;
}
.tb-board .data_not td {
	padding: 40px 0px !important;
	text-align: center;
	overflow: hidden;
}
table.myp_deposit td {
	padding: 9px 0 8px 0;
	text-align: center;
	font-size: 13px;
}
.modal-content .close {
	color: #FFFFFF;
	position: absolute;
	right: 25px;
	top: 25px;
	z-index: 9999;
	opacity: .8;
	text-shadow: 1px 1px 1px #5d330e
}
.modal-content .close:hover { opacity:1; }

.view_event .scroll_content {
	color: #FFFFFF;
	padding: 30px 10px 40px 30px;
	background: #202020;
	width: 98%;
	margin: 0 auto 0 auto;
	border: 1px solid #000000;
	font-size: 0.9rem;
	height: 400px;
	overflow: auto;
	line-height: 175%;
}

/* ---- MyPage  --------------
-------------------------------------- */
/* Tabmenu -- */
.nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
/*
.nav-link {
	display: block;
	padding: .5rem 1rem
}
.nav-link:focus,
.nav-link:hover {
	text-decoration: none
}
.nav-link.disabled {
	color: #6c757d;
	pointer-events: none;
	cursor: default
}
.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
	color: #6c757d;
	background-color: transparent;
	border-color: transparent
}
*/
.nav-tabs {
	border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-item {
	padding: 5px 10px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
/*
	color: #FFFFFF;
	background-color: #ac8d3b;
	border-color: #dee2e6 #dee2e6 #fff
*/
}
.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

/* Tabs panel */
.tabbable-panel	{}
.tabbable-line > .nav-tabs {
	border: none;
	margin: 0px;
}
.tabbable-line > .nav-tabs > li {
	margin:0 0;
	width: 12.5%;
	text-align: center;
	box-sizing: border-box;
	background: #ae833e;
    flex: 1 1 auto;
}
.tabbable-line > .nav-tabs > li > a {
	border: 0;
	padding: 20px 0 18px 0;
	color:rgba(255,255,255,0.75);
	font-size: 13px;
	overflow: hidden;
	display: block;
}
.tabbable-line > .nav-tabs > li.open,
.tabbable-line > .nav-tabs > li:hover {
}
.tabbable-line > .nav-tabs > li.open > a,
.tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	/*color: #333333;*/
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu,
.tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
	position: relative;
	background:none;
}
.tabbable-line > .nav-tabs > li.active > a {
	color: #f0e25a;
	font-weight: bold;
}
.tabbable-line > .tab-content {
	border: 0;
	padding: 15px 0 30px 0;
	margin-top: -4px;
}
.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}
.cashflow > .nav-tabs > li {
	width: 50%;
	background: #ae833e;
}
.cashflow > .nav-tabs > li > a {
	font-size: 15px;
}
.close {
	float: right;
	font-size: 16px;
	line-height: 1;
	color: #000;
	filter: alpha(opacity=20);
	opacity: .2
}

.close:focus,
.close:hover {
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5
}

button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}

a.close.disabled {
	pointer-events: none
}



table.user_join.mypage td {
	color: #F0F0F0;
	font-size: 14px;
}
table.user_join.mypage .hr hr {
	border: 1px dotted #101010;
}
table.user_join.mypage .hr td {
	padding:5px 0;
}
table.user_join.mypage .hr td hr {
	margin: 5px auto;
	border-top:1px dotted #505050;
}
.tab-content > .tab-pane {
	display: none
}
.tab-content > .active {
	display: block
}




.accordion a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	padding: 0.8rem 2.2rem 0.7rem 1rem;
	color: #F0F0F0 !important;
	font-size:14px;
	font-weight: 400;
	border-bottom: 1px solid #303030;
}
.accordion a:hover,
.accordion a:hover::after {
	cursor: pointer;
	color: #F0F0F0;
}
.accordion a.active {
	color: #ffe21c !important;
	border-bottom: 1px dotted #505050;
}
.accordion .accordion-item > a::after {
	font: normal normal normal 14px/1 FontAwesome;
	font-family: xeicon!important;
	content:"\ea1b";
	position: absolute;
	float: right;
	right: 1rem;
	font-size: 14px;
	color: #909090;
	padding: 5px;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/*  border: 1px solid #7288a2;*/
	text-align: center;
}
.accordion .accordion-item > a.active::after {
	font:normal normal normal 14px/1 FontAwesome;
	font-family: xeicon!important;
	content:"\ea1b";
	color: #ffe21c;
}
.accordion .content {
	position: relative;
	opacity: 0;
	padding: 0 1rem;
	max-height: 0;
	border-bottom: 1px solid #303030;
	overflow: hidden;
	clear: both;
	-webkit-transition: all 0.2s ease 0.15s;
	-o-transition: all 0.2s ease 0.15s;
	transition: all 0.2s ease 0.15s;
}
.accordion .content p {
	font-size: 13px;
	color: #F0F0F0;
	font-weight: 300;
	line-height: 170%;
}
.accordion .content.active {
	opacity: 1;
	padding: 1rem 0.5rem 2rem 1.5rem;
	max-height: 100%;
	-webkit-transition: all 0.35s ease 0.25s;
	-o-transition: all 0.35s ease 0.25s;
	transition: all 0.35s ease 0.25s;
}
.delete_fil {
	position: absolute;
	top: 20px;
	right: 20px;
}
.delete_fil a.btn {
	display:block;
	text-align: center;
	padding: 0.3rem 0.5rem 0.3rem 0.5rem;
	font-size: 12px;
	border-radius: 2px 2px;
	background: #303030;
    border: 1px solid #101010;
    color:rgba(255,255,255,0.5);
}
.delete_fil a.btn i { margin-right: 5px;}

.tb-board.betting td {
	padding: 9px 0 8px 0;
	text-align: center;
	font-size: 13px;
}

.tb-board.coupon td {
	padding: 12px 0 10px 0;
	text-align: center;
	font-size: 13px;
}
.tb-board.coupon td .btn {
	padding: .25rem .5rem;
	font-size: 12px;
}


/* Page-Navigation */
.pagination-outer {
	text-align: center;
}
.pagination {
	background: #151515;
	padding: 2px;
	box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.8);
	border-radius: 40px;
	display: inline-flex;
	position: relative;
}
.pagination li a.page-link {
	color: #bdc3c7;
	background-color: #202020;
	font-size: 13px;
	line-height: 18px;
	height: 35px;
	width: 40px;
	margin: 0 1px 0 0;
	padding: 7px 10px 6px 10px;
	border: 1px solid #202020;
	border-top: 1px solid #353535;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
	border-radius: 0;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover {
	color: #fffa97;
	font-weight: bold;
	text-shadow: 0 1px 1px rgb(0, 0, 0);
	border: 1px solid transparent;
	border-bottom: 1px solid #252525;
	box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.8);
	background: #151515;
}
.pagination li:first-child a.page-link {
	border-radius: 20px 0 0 20px;
}
.pagination li:last-child a.page-link {
	margin-right: 0;
	border-radius: 0 20px 20px 0;
}

@media only screen and (max-width: 480px) {
	.pagination {
		display: block;
		border-radius: 10px;
		background: none;
	}
	.pagination li {
		margin: 0 0;
		display: inline-block;
	}
	.pagination li a.page-link {
		font-size: 11px;
		line-height: 13px;
		height: 30px;
		width: 30px;
		margin: 0 -1px;
	}
	.logos .ani-logo .navbar-logo .nav-trigger #imgLogo {
		width: 130px; 
	}
}




/* Button */
.nop_btn {
	background: #999999;
	border: 1px solid #777777;
	color: #FFFFFF;
	font-size: 13px;
	margin: auto 5px;
}
.ok_btn {
	background: #c0392b !important;
	border: 1px solid #8e190d;
	color: #FFFFFF;
	font-size: 13px;
	margin: auto 5px;
}
.y_btn {
	background: #db971b !important;
	border: 1px solid #bb7c09;
	color: #FFFFFF;
	font-size: 13px;
	margin: auto 5px;
}
.nop_btn:hover,
.ok_btn:hover,
.y_btn:hover	{
	color: #FFFFFF;
	opacity: .85;
}

.btn_money {
	-moz-box-shadow: inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f9eca0;
	box-shadow: inset 0px 1px 0px 0px #f9eca0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e));
	background: -moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background: -webkit-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background: -o-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background: -ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background: linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e', GradientType=0);
	background-color: #f0c911;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e65f44;
	display: inline-block;
	cursor: pointer;
	color: #c92200;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ded17c;
}
.btn_money:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911));
	background: -moz-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background: -webkit-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background: -o-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background: -ms-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background: linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911', GradientType=0);
	background-color: #f2ab1e;
	color: #ff370e;
}
.btn_money:active {
	position: relative;
	top: 1px;
}
.btn_red {
	-moz-box-shadow: inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f5978e;
	box-shadow: inset 0px 1px 0px 0px #f5978e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background: -moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background: -webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background: -o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background: -ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background: linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f', GradientType=0);
	background-color: #f24537;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d02718;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
}
.btn_red:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background: -moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background: -webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background: -o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background: -ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background: linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537', GradientType=0);
	background-color: #c62d1f;
	color: #FFFFFF;
}
.btn_red:active {
	position: relative;
	top: 1px;
}