/*************************** 신규 css 시작 ********************************************************/
* {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	/* font-family: 'NanumBarunGothicExtraLight';
	font-family: 'NanumBarunGothicLight';
	font-family: 'NanumBarunGothicBold'; */
}

.carousel-control-next-icon {
	background-image: url(/image/v3/dark/web/ic_chevron_next.png);
}

.carousel-control-prev-icon {
	background-image: url(/image/v3/dark/web/ic_chevron_prev.png);
}

.table>tbody {
	vertical-align: baseline;
}

tbody, td, tfoot, th, thead, tr {
	vertical-align: unset;
	border-color: unset;
	border-style: none;
	border-width: 0;
}

body {
	margin: 0;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	background-color: #202020;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

::-webkit-scrollbar {
	background-color: transparent;
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-thumb {
	background: #828282; /* 스크롤바 막대 색상 */
	border-radius: 12px 12px 12px 12px;
}

.card_back {
	background-color: #282828;
}

.card_normal {
	background-color: #202020;
}

.bottome-text {
	color: rgba(255, 255, 255, 0.4);
}

.surface_card {
	background-color: #303030;
}

.faq_back {
	background-color: #303030;
}

.bg_orange {
	background-color: #FF9528;
}

.live_nav_back {
	background-color: #282828;
	border-top-left-radius: 0.9rem;
	border-top-right-radius: 0.9rem;
}

.live_to_bg {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.10) 100%);
	border-top-left-radius: 0.9rem;
	border-top-right-radius: 0.9rem;
}

.live_bo_bg {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.10) 100%);
	border-bottom-left-radius: 0.9rem;
	border-bottom-right-radius: 0.9rem;
}

.gray_bottom_radius {
	background-color: #282828;
	/* border: 1px solid #CDCDCD; */
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #474747;
	border-right-color: #474747;
	border-bottom-color: #474747;
	border-left-color: #474747;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	/* width: 400px; */
	border-bottom-left-radius: 0.9rem;
	border-bottom-right-radius: 0.9rem;
}

.live_bottom_radius {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0.9rem;
	border-bottom-right-radius: 0.9rem;
	--bs-btn-color: #FFF;
	--bs-btn-bg: #FF9528;
	--bs-btn-border-color: #FF9528;
	--bs-btn-hover-color: #FFF;
	--bs-btn-hover-bg: #FF9528;
	--bs-btn-hover-border-color: #FF9528;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #FFF;
	--bs-btn-active-bg: #FF9528;
	--bs-btn-active-border-color: #FF9528;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #FFF;
	--bs-btn-disabled-bg: #FF9528;
	--bs-btn-disabled-border-color: #FF9528;
}

.accordion {
	--bs-accordion-color: #212529;
	--bs-accordion-bg: #202020;
	--bs-accordion-transition: color 0.15s ease-in-out, background-color
		0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s
		ease-in-out, border-radius 0.15s ease;
	--bs-accordion-border-color: #474747;
	--bs-accordion-border-width: 1px;
	--bs-accordion-border-radius: 0.375rem;
	--bs-accordion-inner-border-radius: calc(0.375rem - 1px);
	--bs-accordion-btn-padding-x: 1.25rem;
	--bs-accordion-btn-padding-y: 1rem;
	--bs-accordion-btn-color: #212529;
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-icon: url(data : image/ svg + xml, % 3csvg xmlns = 
		 'http://www.w3.org/2000/svg' viewBox = '0 0 16 16' fill = 
		'%23212529' % 3e % 3cpath fill-rule = 'evenodd' d = 
		
		'M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'
		/ % 3e % 3c/ svg % 3e);
	--bs-accordion-btn-icon-width: 1.25rem;
	--bs-accordion-btn-icon-transform: rotate(-180deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-active-icon: url(data : image/ svg + xml, % 3csvg xmlns = 
		 'http://www.w3.org/2000/svg' viewBox = '0 0 16 16' fill = 
		'%230c63e4' % 3e % 3cpath fill-rule = 'evenodd' d = 
		
		'M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'
		/ % 3e % 3c/ svg % 3e);
	--bs-accordion-btn-focus-border-color: #86b7fe;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem
		rgba(13, 110, 253, 0.25);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-active-color: #0c63e4;
	--bs-accordion-active-bg: #282828;
}

.container {
	min-width: 1024px;
	width: 1024px;
}

.playerContainer {
	min-width: 960px;
	width: 960px;
}

.alert {
	--bs-alert-bg: transparent;
	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-color: inherit;
	--bs-alert-border-color: transparent;
	--bs-alert-border: 1px solid var(--bs-alert-border-color);
	--bs-alert-border-radius: 0.375rem;
	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: #8E6000;
	background-color: #282828;
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}

.border-dark {
	--bs-border-opacity: 1;
	border: 1px solid rgba(0, 0, 0, 0.4);
}

.tag_normal {
	/* Property 1=normal */
	box-sizing: border-box;
	/* Text/40 */
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.tag_selec {
	/* Property 1=normal */
	box-sizing: border-box;
	/* Text/40 */
	border: 1px solid #FFC349;
}

.tag_selec_pill {
	/* Property 1=normal */
	box-sizing: border-box;
	/* Text/40 */
	background-color: #000000;
	color: #FFFFFF;
}

.yellow_follow_box, .yellow_follow_box:hover {
	box-sizing: border-box;
	background-color: rgba(255, 195, 73, 0.3);
	color: #FFC349;
	border: 1px solid #FFC349;
}

.orange_box {
	/* Property 1=normal */
	box-sizing: border-box;
	/* Text/40 */
	border: 1px solid rgba(255, 149, 40, 1);
	background-color: #303030;
}

.yellow_box {
	box-sizing: border-box;
	background-color: #FFC349;
	text-decoration: none;
}

.red_box {
	box-sizing: border-box;
	background-color: #FF5F49;
}

.gray_box {
	box-sizing: border-box;
	background-color: #282828;
}

.emoji_gray_box {
	box-sizing: border-box;
	background-color: #e5e5e5;
}

.black_box {
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.6);
}

.pink_outline_box {
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.6);
	border: 2px solid #dd486c;
}

.color_0_8, .color_0_8:hover, .color_0_8:active, .color_0_8:focus {
	color: rgba(255, 255, 255, 0.8) !important;
}

.color_0_6, .color_0_6:hover, .color_0_6:active, .color_0_6:focus {
	color: rgba(255, 255, 255, 0.6) !important;
}

.color_0_4, .color_0_4:hover, .color_0_4:active, .color_0_4:focus {
	color: rgba(255, 255, 255, 0.4) !important;
}

.color_darkgray {
	background-color: #303030;
}

.color_white_0_6 {
	color: rgba(255, 255, 255, 0.6) !important;
}

.color_red_2 {
	color: #EA3323;
}

.color_blue {
	color: #9D8CFF;
}

.color_right_blue {
	color: #4786FF;
}

.color_green {
	color: #1FEDA3;
}

.color_yellow {
	color: #FFC24B;
}

.color_sky {
	color: #96BAFF;
}

.speech-bubble {
	position: relative;
	background: rgba(255, 195, 73, 0.7);
	border-radius: .4em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: rgba(255, 195, 73, 0.7);
	border-bottom: 0;
	margin-left: -10px;
	margin-bottom: -10px;
}

.speech-bubble-black {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: .4em;
}

.speech-bubble-black:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: rgba(0, 0, 0, 0.5);
	border-bottom: 0;
	margin-left: -10px;
	margin-bottom: -10px;
}

.color_right_yellow {
	color: rgba(255, 195, 73, 0.7) !important;
}

fw_800 {
	font-weight: 800;
}

.fs_11 {
	font-size: 11px;
}

.fs_12 {
	font-size: 12px;
}

.fs_13 {
	font-size: 13px;
}

.fs_14 {
	font-size: 14px;
}

.fs_15 {
	font-size: 15px;
}

.fs_18 {
	font-size: 18px;
}

.fs_20 {
	font-size: 20px;
}

.fs_22 {
	font-size: 22px;
}

.fs_24 {
	font-size: 24px;
}

.py_2 {
	padding-top: 2px;
	padding-bottom: 2px;
}

.py_5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.py_10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.py_12 {
	padding-top: 12px;
	padding-bottom: 12px;
}

.py_13 {
	padding-top: 13px;
	padding-bottom: 13px;
}

.py_17 {
	padding-top: 17px;
	padding-bottom: 17px;
}

.py_20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.px_2 {
	padding-left: 2px;
	padding-right: 2px;
}

.px_6 {
	padding-left: 6px;
	padding-right: 6px;
}

.px_24 {
	padding-left: 24px;
	padding-right: 24px;
}

.px_19 {
	padding-left: 19px;
	padding-right: 19px;
}

.px_12 {
	padding-left: 12px;
	padding-right: 12px;
}

.px_40 {
	padding-left: 40px;
	padding-right: 40px;
}

.px_60 {
	padding-left: 60px;
	padding-right: 60px;
}

.ps_12 {
	padding-left: 12px;
}

.pe-8 {
	padding-right: 8px;
}

.pt_24 {
	padding-top: 24px;
}

.pb_40 {
	padding-bottom: 40px;
}

.color_mainOrange, .color_mainOrange:hover, .color_mainOrange:active, .color_mainOrange:focus {
	color: #FF9528;
}

.color_Red {
	color: #FF3D00;
}

.color_gray {
	color: #EBEBEB;
}

.text-dark {
	color: #323232;
}

.btn-primary {
	--bs-btn-color: #FFF;
	--bs-btn-bg: #FF9528;
	--bs-btn-border-color: #FF9528;
	--bs-btn-hover-color: #FFF;
	--bs-btn-hover-bg: #FF9528;
	--bs-btn-hover-border-color: #FF9528;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #FFF;
	--bs-btn-active-bg: #FF9528;
	--bs-btn-active-border-color: #FF9528;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #FFF;
	--bs-btn-disabled-bg: #FF9528;
	--bs-btn-disabled-border-color: #FF9528;
}

.btn-yellow {
	--bs-btn-color: #FFF;
	--bs-btn-bg: #FFC349;
	--bs-btn-border-color: #FFC349;
	--bs-btn-hover-color: #FFF;
	--bs-btn-hover-bg: #FFC349;
	--bs-btn-hover-border-color: #FFC349;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #FFF;
	--bs-btn-active-bg: #FFC349;
	--bs-btn-active-border-color: #FFC349;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #FFF;
	--bs-btn-disabled-bg: #FFC349;
	--bs-btn-disabled-border-color: #FFC349;
}

.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #909090;
	--bs-btn-border-color: #909090;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #909090;
	--bs-btn-hover-border-color: #909090;
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #909090;
	--bs-btn-active-border-color: #909090;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #909090;
	--bs-btn-disabled-border-color: #909090;
}

.btn-outline-primary {
	--bs-btn-color: #FF9528;
	--bs-btn-border-color: #FF9528;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #FF9528;
	--bs-btn-hover-border-color: #FF9528;
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #FF9528;
	--bs-btn-active-border-color: #FF9528;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #FF9528;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #FF9528;
	--bs-gradient: none;
}

.btn-outline-secondary {
	--bs-btn-color: rgba(255, 255, 255, 0.4);
	--bs-btn-border-color: rgba(144, 144, 144, 1);
	--bs-btn-hover-color: rgba(144, 144, 144, 0.8);
	--bs-btn-hover-bg: #202020;
	--bs-btn-hover-border-color: rgba(144, 144, 144, 0.4);
	--bs-btn-focus-shadow-rgb: 108, 117, 125;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: rgba(0, 0, 0, 0.4);
	--bs-btn-active-border-color: rgba(0, 0, 0, 0.4);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: rgba(0, 0, 0, 0.4);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: rgba(0, 0, 0, 0.4);
	--bs-gradient: none;
}

.btn-outline-orange-white {
	background-color: #303030;
	--bs-btn-color: #FFC349;
	--bs-btn-border-color: #FFC349;
	--bs-btn-hover-color: #303030;
	--bs-btn-hover-bg: #FFC349;
	--bs-btn-hover-border-color: #FFC349;
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #303030;
	--bs-btn-active-bg: #FFC349;
	--bs-btn-active-border-color: #FFC349;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #FFC349;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #FFC349;
	--bs-gradient: none;
	color: #FFC349;
}

.btn-outline-yellow {
	--bs-btn-color: #FFC349;
	--bs-btn-border-color: #FFC349;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #FFC349;
	--bs-btn-hover-border-color: #FFC349;
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #FFC349;
	--bs-btn-active-border-color: #FFC349;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #FFC349;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #FFC349;
	--bs-gradient: none;
}

.btn-dark {
	--bs-btn-color: #fff;
	--bs-btn-bg: #000;
	--bs-btn-border-color: #000;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #000;
	--bs-btn-hover-border-color: #000;
	--bs-btn-focus-shadow-rgb: 66, 70, 73;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #000;
	--bs-btn-active-border-color: #000;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #000;
	--bs-btn-disabled-border-color: #000;
}

.btn-outline-dark {
	--bs-btn-color: #fff;
	--bs-btn-border-color: #909090;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #000;
	--bs-btn-hover-border-color: #000;
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #000;
	--bs-btn-active-border-color: #000;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-gradient: none;
	border-radius: 20px;
	width: 117px;
}

.mycard {
	box-sizing: border-box;
	/* Auto layout */
	flex-direction: column;
	background: #202020;
	/* Line */
	border: 1px solid #474747;
}

.livecard {
	box-sizing: border-box;
	background: #202020;
	border: 1px solid #474747;
	width: 400px;
}

.btnText {
	/* identical to box height */
	text-align: center;
	/* Text/white */
	color: #FFFFFF;
}

.form-switch .form-check-input:focus {
	background-image: url("/image/v3/dark/web/btn_check_normal.png");
}

.form-switch .form-check-input:checked[role=switch] {
	background-position: right center;
	background-image: url("/image/v3/dark/web/switch_select.png");
}

.form-switch .form-check-input[role=switch] {
	background-position: left center;
	background-image: url("/image/v3/dark/web/switch_select.png");
}

.form-check-input:checked[role=switch] {
	background-color: #FFC02F;
	border-color: #FFC02F;
}

.form-check-input[role=switch] {
	background-color: #CDCDCD;
	border-color: #CDCDCD;
}

.form-check-input:focus[type=checkbox] {
	border-color: #00000000;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0);
}

.form-check-input:checked[type=checkbox] {
	background-image: url("/image/v3/dark/web/btn_check_select.png");
}

.form-check-input[type=checkbox] {
	background-image: url("/image/v3/dark/web/btn_check_normal.png");
}

.form-check-input {
	border: 0px;
	background-color: #202020;
}

.form-check-input:focus[type=radio] {
	border-color: #00000000;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0);
}

.form-check-input:checked[type=radio] {
	background-image: url("/image/v3/dark/web/radio_select.png");
}

.form-check-input:checked {
	background-color: #00000000;
	border-color: #00000000;
}

.form-check-input[type=radio] {
	background-image: url("/image/v3/dark/web/radio_normal.png");
}

.form-check-input[type=password] {
	background-color: #474747;
	color: #fff;
	font-size: 16px;
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	box-shadow: none;
}

.border-bottom {
	border-color: #474747 !important;
}

.border-box {
	border-color: #474747;
}

.border-47 {
	border-color: #474747 !important;
}

.accordion-button:not(.collapsed) {
	color: rgba(0, 0, 0, 0.8);
	background-color: rgba(32, 32, 32, 1);
	box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
		rgba(255, 149, 40, 1);
}

.accordion-button {
	background-color: rgba(32, 32, 32, 1);
}

.player-shadow {
	box-shadow: 0 -2px 2px 2px rgba(0, 0, 0, 0.1);
}

.progress {
	--bs-progress-height: 1rem;
	--bs-progress-font-size: 0.75rem;
	--bs-progress-bg: rgba(0, 0, 0, 0.4);
	--bs-progress-border-radius: 0.375rem;
	--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--bs-progress-bar-color: #fff;
	--bs-progress-bar-bg: #FF9528;
	--bs-progress-bar-transition: width 0.6s ease;
	display: flex;
	height: 8px;
	overflow: hidden;
	font-size: var(--bs-progress-font-size);
	background-color: var(--bs-progress-bg);
	border-radius: 0;
}

.progress_yellow {
	--bs-progress-height: 1rem;
	--bs-progress-font-size: 0.75rem;
	--bs-progress-bg: #474747;
	--bs-progress-border-radius: 0.375rem;
	--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--bs-progress-bar-color: #474747;
	--bs-progress-bar-bg: #FFC349;
	--bs-progress-bar-transition: width 0.6s ease;
	display: flex;
	height: 8px;
	overflow: hidden;
	font-size: var(--bs-progress-font-size);
	background-color: var(--bs-progress-bg);
	border-radius: 0;
}

.progress_yellow_bg_47 {
	--bs-progress-height: 1rem;
	--bs-progress-font-size: 0.75rem;
	--bs-progress-bg: #474747;
	--bs-progress-border-radius: 0.375rem;
	--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--bs-progress-bar-color: #474747;
	--bs-progress-bar-bg: #FFC349;
	--bs-progress-bar-transition: width 0.6s ease;
	display: flex;
	height: 8px;
	overflow: hidden;
	font-size: var(--bs-progress-font-size);
	background-color: var(--bs-progress-bg);
	border-radius: 0;
}

.progress_circle {
	border-radius: 50%;
	background: radial-gradient(closest-side, transparent 80%, #D9D9D9 10% 100%),
		conic-gradient(transparent 75% 0);
}

.nav-link.active {
	color: rgba(255, 255, 255, 0.8) !important;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 2px solid #FF9528;
}

.nav-link {
	color: rgba(255, 255, 255, 0.4);
	font-size: 16px;
	font-weight: 400;
}

.nav-link:hover, .nav-link:active, .nav-link:focus {
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	font-weight: 600;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	/*  color: var(--bs-nav-pills-link-active-color); */
	background-color: transparent;
	border-color: #FFC349;
	border-radius: 0;
	--border-top-raduis: 0.325rem;
}

.nav-a {
	color: rgba(255, 255, 255, 0.4);
	font-size: 16px;
	font-weight: 600;
	border-radius: var(--bs-border-radius-pill)!important;
	background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
}

.nav-a:hover, .nav-a:active, .nav-a:focus {
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	font-weight: 600;
	border-radius: var(--bs-border-radius-pill)!important;
	background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
}

.nav-pills .nav-a.active, .nav-pills .show>.nav-a.active {
	color: rgba(255, 255, 255, 0.8);
	background-color: transparent;
	border: 1px solid #FFC349;
	border-radius: var(--bs-border-radius-pill)!important;
}

.nav-a {
	color: rgba(255, 255, 255, 0.4);
	font-size: 16px;
	font-weight: 600;
	border-radius: var(--bs-border-radius-pill)!important;
	background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
}

.nav-a:hover, .nav-a:active, .nav-a:focus {
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	font-weight: 600;
	border-radius: var(--bs-border-radius-pill)!important;
	background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
}

.nav-pills .nav-a.active, .nav-pills .show>.nav-a.active {
	color: rgba(255, 255, 255, 0.8);
	background-color: transparent;
	border: 1px solid #FFC349;
	border-radius: var(--bs-border-radius-pill)!important;
}

.nav-tabs {
	--bs-nav-tabs-border-width: 0px;
	--bs-nav-tabs-border-color: #202020;
	--bs-nav-tabs-border-radius: 0.375rem;
	--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
	--bs-nav-tabs-link-active-color: #495057;
	--bs-nav-tabs-link-active-bg: #202020;
	--bs-nav-tabs-link-active-border-color: #FFC349;
	border-bottom: var(--bs-nav-tabs-border-width) solid
		var(--bs-nav-tabs-border-color);
}

.nav-background {
	background-color: #282828 !important;
}

.border-end-dark {
	border-right: 1px solid #FFFFFF66 !important;
}

.border {
	border: var(--bs-border-width) var(--bs-border-style) #474747 !important;
}

.form-control {
	color: #fff;
	background-color: #202020;
	outline: 0;
	box-shadow: none;
	border: 1px solid #474747;
}

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

.horizontal-scroll {
	overflow-x: auto;
	white-space: nowrap;
}

.chat-scroll {
	height: 376px;
	overflow: auto;
}

.right-menu-scroll {
	height: 565px;
	overflow: auto;
}

.form-control-img {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.4);
	background-color: #282828;
	background-clip: padding-box;
	border: 1px solid #474747;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.input-group-text-img {
	display: flex;
	align-items: center;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #ff9528;
	text-align: center;
	white-space: nowrap;
	background-color: #282828;
	border: 1px solid #ff9528;
	border-radius: 0.375rem;
}

.form-control-live {
	display: block;
	width: 100%;
	padding: 12px 24px 12px 56px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	background-color: #303030;
	background-clip: padding-box;
	border: 1px solid #FFC349;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-select {
	display: block;
	width: 100%;
	padding: 0.375rem 2.25rem 0.375rem 0.75rem;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-image: url(/image/v3/dark/web/ic_chevron_down.png);
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border: 1px solid #474747;
	border-radius: 0.375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.back_mask_7 {
	background-color: rgba(0, 0, 0, 0.7);
	border: 1px solid #474747;
}

.back_mask_6 {
	background-color: rgba(0, 0, 0, 0.6);
}

.back_mask_5 {
	background-color: rgba(0, 0, 0, 0.5);
}

.back_mask_3 {
	background-color: rgba(0, 0, 0, 0.3);
}

.back_mask_3_orange {
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid #FF9528;
	box-shadow: 0 0px 8px 0px #FF9528;
}

.back_mask_3_blue {
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid #3C1FED;
	box-shadow: 0 0px 8px 0px #3C1FED;
}

.back_mask_3_right_blue {
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid #4786FF;
	box-shadow: 0 0px 8px 0px #4786FF;
}

.back_mask_3_green {
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid #1FEDA3;
	box-shadow: 0 0px 8px 0px #1FEDA3;
}

.back_mask_3_yellow {
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid #FFC24B;
	box-shadow: 0 0px 8px 0px #FFC24B;
}

.back_mask_3_red {
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid #EA3323;
	box-shadow: 0 0px 8px 0px #EA3323;
}

.back_mask_3_sky {
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid #96BAFF;
	box-shadow: 0 0px 8px 0px #96BAFF;
}

.back_mask_6_dona {
	background-color: rgba(0, 0, 0, 0.6);
	box-shadow: 0 0px 8px 0px #FFC349;
}

.circle_shadow {
	box-shadow: 0 0px 20px 0px #FFC349;
}

.dona_red {
	background-color: rgba(234, 51, 35, 0.7);
}

.dona_blue {
	background-color: rgba(60, 31, 237, 0.7);
}

.dona_right_blue {
	background-color: rgba(31, 101, 237, 0.7);
}

.dona_green {
	background-color: rgba(31, 237, 163, 0.7);
}

.dona_yellow {
	background-color: rgba(255, 194, 75, 0.8);
}

.dona_sky {
	background-color: rgba(150, 186, 255, 0.7);
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: 7.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.drop-down-setting {
	background-color: #282828;
	border: 1px solid #474747;
	border-radius: 0.375rem;
}

.dropdown-menu {
	--bs-dropdown-zindex: 1000;
	--bs-dropdown-min-width: 10rem;
	--bs-dropdown-padding-x: 0;
	--bs-dropdown-padding-y: 0.5rem;
	--bs-dropdown-spacer: 0.125rem;
	--bs-dropdown-font-size: 1rem;
	--bs-dropdown-color: #212529;
	--bs-dropdown-bg: #202020;
	--bs-dropdown-border-color: var(--bs-border-color-translucent);
	--bs-dropdown-border-radius: 0.375rem;
	--bs-dropdown-border-width: 1px;
	--bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
	--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
	--bs-dropdown-divider-margin-y: 0.5rem;
	--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-dropdown-link-color: #212529;
	--bs-dropdown-link-hover-color: #1e2125;
	--bs-dropdown-link-hover-bg: #e9ecef;
	--bs-dropdown-link-active-color: #fff;
	--bs-dropdown-link-active-bg: #0d6efd;
	--bs-dropdown-link-disabled-color: #adb5bd;
	--bs-dropdown-item-padding-x: 1rem;
	--bs-dropdown-item-padding-y: 0.25rem;
	--bs-dropdown-header-color: #6c757d;
	--bs-dropdown-header-padding-x: 1rem;
	--bs-dropdown-header-padding-y: 0.5rem;
	z-index: var(--bs-dropdown-zindex);
	min-width: var(--bs-dropdown-min-width);
	padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
	font-size: var(--bs-dropdown-font-size);
	color: var(--bs-dropdown-color);
	text-align: left;
	list-style: none;
	background-color: var(--bs-dropdown-bg);
	background-clip: padding-box;
	border: var(--bs-dropdown-border-width) solid
		var(--bs-dropdown-border-color);
	border-radius: var(--bs-dropdown-border-radius);
}

.black_gradiunt {
	position: relative;
	height: 88px;
	width: 608px;
	border-bottom-left-radius: 0.9rem;
	border-bottom-right-radius: 0.9rem;
	background-image: linear-gradient(#000000, #000000),
		linear-gradient(to top, #000000 80%, #000000 10%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.roulette_gradient {
	position: relative;
	height: 573px;
	width: 420px;
	background: radial-gradient(#C21414, #FF2A2A);
	background-origin: border-box;
}

.profileRank_gold {
	position: relative;
	width: 48px;
	height: 48px;
	border: 3px solid transparent;
	border-radius: 50%;
	background-image: linear-gradient(#fff, #fff),
		linear-gradient(to top, #FFDC95 100%, #FFC349 100%, #C18249 100%,
		#FFC349 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.profileRank_silver {
	position: relative;
	width: 48px;
	height: 48px;
	border: 3px solid transparent;
	border-radius: 50%;
	background-image: linear-gradient(#fff, #fff),
		linear-gradient(to top, #DDDDDD 100%, #979797 100%, #8D8D8D 100%,
		#FFFFFF 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.profileRank_bronze {
	position: relative;
	width: 48px;
	height: 48px;
	border: 3px solid transparent;
	border-radius: 50%;
	background-image: linear-gradient(#fff, #fff),
		linear-gradient(to top, #D6AD5A 100%, #9E721A 100%, #895526 100%,
		#D8B56E 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}
/*************************** 신규 css 끝 ********************************************************/
#viewContentImageModal .carousel-indicators {
	margin: 10px 0 0;
	overflow: auto;
	position: static;
	display: block;
	text-align: left;
	white-space: nowrap;
	width: 100%;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

#viewContentImageModal .carousel-indicators::-webkit-scrollbar {
	display: none;
}

#viewContentImageModal .carousel-indicators li {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 0 !important;
	padding: 0 4px;
	width: auto;
	vertical-align: middle;
}

#viewContentImageModal .carousel-indicators li img {
	display: block;
	opacity: 1.0;
	max-width: 120px;
	max-height: 120px;
}

.popup_sendcash_select {
	background-color: #202020; 
	border-color: #EBEBEB;
}

.popup_sendcash_select.selected {
	border-color: #ffae08;
}

.page-item .page-link {
	color: #212529;
}

.page-item.active .page-link {
	color: #fff;
	background-color: #FF9528;
	border-color: #FF9528;
}


.cc {
	font-size: 6px;
	color: #909090;
	padding: 0px 3px 0px 2px;
	border-radius: 12px;
	border: solid 1px #909090;
}

.table-responsive {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.table-responsive::-webkit-scrollbar {
	display: none;
}

.info_more_box .info_more {
	display: none;
}

.info_more_box .info_more_button {
	color: #0091ff;
	right: 0;
	bottom: 3px;
	position: relative;
	display: none;
}

.info_more_box .info_more_button.gray {
	color: #909090;
	bottom: 0;
}

.info_more_box .info_less_button {
	color: #0091ff;
	right: 0;
	bottom: 3px;
	position: relative;
	display: none;
}

.info_more_box .info_less_button.gray {
	color: #909090;
	bottom: 0;
}

.listedit_on {
	display: none;
}

.playlistEdit_end {
	display: none;
}

.playlistGroupEdit_end {
	display: none;
}

*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.4);
  background-clip: padding-box;
  border: 2px solid transparent;
}

*::-webkit-scrollbar-track {
  background-color: #282828;
  box-shadow: inset 0px 0px 5px #202020;
}

.live_badge_bg_red {
	background: #E30000;
}

.live_badge_bg_black {
	background: rgba(0, 0, 0, 0.8);
}

.live_badge_bg_yello {
	background: #EE8F00;
}