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

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: var(--bs-body-bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

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

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

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

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

.card_back {
	background-color: #F7F7F7;
}

.card_normal {
	background-color: var(--bs-body-bg);
}

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

.surface_card {
	background-color: #FFFFFF;
}

.faq_back {
	background-color: #FFF5DF;
}

.live_to_bg {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%,
		rgba(0, 0, 0, 0.10) 100%);
}

.live_bo_bg {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%,
		rgba(0, 0, 0, 0.10) 100%);
}

.accordion {
	--bs-accordion-color: #212529;
	--bs-accordion-bg: #FFFFFF;
	--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: #EBEBEB;
	--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: #474747;
	--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: #F7F7F7;
}

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

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

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

fw_800 {
	font-weight: 800;
}

.fs_10 {
	font-size: 10px;
}

.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;
}

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

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

.px_10 {
	padding-left: 10px;
	padding-right: 10px;
}

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

.px_13 {
	padding-left: 13px;
	padding-right: 13px;
}

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

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

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

.py_6 {
	padding-top: 6px;
	padding-bottom: 6px;
}

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

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

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

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

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

.mt-65 {
	margin-top: 65px;
}

.text-dark {
	/* identical to box height, or 107% */
	color: #323232;
}

.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: #FAF7F2;
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}

.color_orange {
	color: #FF9528;
}

.color_gray {
	color: #EBEBEB;
}

.color_Red {
	color: #FF3D00;
}

.color_darkgray {
	background-color: #303030;
}

.color_yellow {
	color: #FFC349;
}

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

.tag_normal {
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.4);
	/* identical to box height */
	/* Text/40 */
}

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

.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: #F9F9F9;
}

.btn-light {
	--bs-btn-color: #000;
	--bs-btn-bg: #f9f9f9;
	--bs-btn-border-color: #f8f9fa;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #d3d4d5;
	--bs-btn-hover-border-color: #c6c7c8;
	--bs-btn-focus-shadow-rgb: 211, 212, 213;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #c6c7c8;
	--bs-btn-active-border-color: #babbbc;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #f8f9fa;
	--bs-btn-disabled-border-color: #f8f9fa;
}

.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: #CDCDCD;
	--bs-btn-border-color: #CDCDCD;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #CDCDCD;
	--bs-btn-hover-border-color: #CDCDCD;
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #CDCDCD;
	--bs-btn-active-border-color: #CDCDCD;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #CDCDCD;
	--bs-btn-disabled-border-color: #CDCDCD;
}

.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(0, 0, 0, 0.4);
	--bs-btn-border-color: rgba(0, 0, 0, 0.4);
	--bs-btn-hover-color: rgba(0, 0, 0, 0.8);
	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-border-color: rgba(0, 0, 0, 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: #fff;
	--bs-btn-color: #8E6000;
	--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-outline-yellow {
	--bs-btn-color: #8E6000;
	--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-outline-dark {
	--bs-btn-color: #000;
	--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;
}

.border-bottom {
	border-color: #ebebeb;
}

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

.form-switch .form-check-input:checked[role=switch] {
	background-position: right center;
	background-image: url("/image/v3/mobile/switch_select.png");
	background-image: image-set(url("/image/v3/mobile/switch_select@2x.png") 2x,
		url("/image/v3/mobile/switch_select@3x.png") 3x);
}

.form-switch .form-check-input[role=switch] {
	background-position: left center;
	background-image: url("/image/v3/mobile/switch_select.png");
	background-image: image-set(url("/image/v3/mobile/switch_select@2x.png") 2x,
		url("/image/v3/mobile/switch_select@3x.png") 3x);
}

.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/mobile/btn_check_select.png");
	background-image: image-set(url("/image/v3/mobile/btn_check_select@2x.png") 2x,
		url("/image/v3/mobile/btn_check_select@3x.png") 3x);
}

.form-check-input[type=checkbox] {
	background-image: url("/image/v3/mobile/btn_check_normal.png");
	background-image: image-set(url("/image/v3/mobile/btn_check_normal@2x.png") 2x,
		url("/image/v3/mobile/btn_check_normal@3x.png") 3x);
}

.form-check-input {
	border: 0px;
}

.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/mobile/radio_select.png");
	background-image: image-set(url("/image/v3/mobile/radio_select@2x.png") 2x,
		url("/image/v3/mobile/radio_select@3x.png") 3x);
}

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

.form-check-input[type=radio] {
	background-image: url("/image/v3/mobile/radio_normal.png");
	background-image: image-set(url("/image/v3/mobile/radio_normal@2x.png") 2x,
		url("/image/v3/mobile/radio_normal@3x.png") 3x);
}

.form-check-input[type=datetime-local] {
	border: 1px solid #CDCDCD;
	background-color: #F9F9F9;
	background-image: none;
}

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

.accordion-button:not(.collapsed) {
	color: rgba(0, 0, 0, 0.8);
	background-color: rgba(255, 255, 255, 1);
	box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
		rgba(255, 149, 40, 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;
}

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

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

.nav-link:hover, .nav-link:active, .nav-link:focus {
	color: rgba(0, 0, 0, 0.8);
	font-size: 14px;
	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(0, 0, 0, 0.4);
	font-size: 16px;
	font-weight: 600;
	border-radius: var(--bs-border-radius-pill)!important;
	background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 0.8);
	font-size: 16px;
	font-weight: 600;
	border-radius: var(--bs-border-radius-pill)!important;
	background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 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-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: #fff;
	--bs-nav-tabs-link-active-border-color: transparent transparent #FFC349;
	border-bottom: var(--bs-nav-tabs-border-width) solid
		var(--bs-nav-tabs-border-color);
}

.main_banner_back {
	background-color: #FFF9ED;
}

.nav-background {
	background-color: #F9F9F9;
}

.charge-background {
	background-color: #FFF5DF;
}

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

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

.form-control {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-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;
}

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

.chat-scroll {
	height: 460px;
	overflow: auto;
	scrollbar-base-color: #000;
}

.modal-scroll {
	height: 360px;
	overflow: auto;
	scrollbar-base-color: #000;
}

.modal-full-scroll {
	height: 610px;
	overflow: auto;
	scrollbar-base-color: #000;
}

.form-control-live {
	display: block;
	width: 100%;
	padding: 8px 24px 8px 44px;
	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;
}

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

.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;
}

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

.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: #FFF5DF;
}

.profileRank_gold {
	position: relative;
	width: 40px;
	height: 40px;
	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: 40px;
	height: 40px;
	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: 40px;
	height: 40px;
	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;
}

.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;
}

.form-control {
	color: #212529;
	background-color: #f9f9f9;
	outline: 0;
	box-shadow: none;
	border: 1px solid #CDCDCD;
}

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

.live_bottom_radius {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0rem;
	border-bottom-right-radius: 0rem;
	--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;
}

.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);
}

.progress_yellow {
	--bs-progress-height: 1rem;
	--bs-progress-font-size: 0.75rem;
	--bs-progress-bg: #EBEBEB;
	--bs-progress-border-radius: 0.375rem;
	--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--bs-progress-bar-color: #EBEBEB;
	--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: #cdcdcd;
	--bs-progress-border-radius: 0.375rem;
	--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--bs-progress-bar-color: #cdcdcd;
	--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;
	transform: rotate(270deg);
}

.emoji_gray_box {
	box-sizing: border-box;
	background-color: #e5e5e5;
	width: 56px;
	height: 56px;
}

.form-control-img {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.4);
	background-color: #F9F9F9;
	background-clip: padding-box;
	border: 1px solid #CDCDCD;
	-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;
}

.gray_bottom_radius {
	background-color: #F9F9F9;
	/* 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: none;
	border-left-style: solid;
	border-top-color: rgb(235, 235, 235);
	border-right-color: rgb(205, 205, 205);
	border-bottom-color: rgb(205, 205, 205);
	border-left-color: rgb(205, 205, 205);
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	/* width: 400px; */
}

.roulette_gradient {
	position: relative;
	height: 431px;
	width: 327px;
	background: radial-gradient(#C21414, #FF2A2A);
	background-origin: 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: #FFFFFF; 
	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;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top2 {
    position: -webkit-sticky;
    position: sticky;
    top: 105px;
    z-index: 1019;
  }
  .sticky-top3 {
    position: -webkit-sticky;
    position: sticky;
    top: 54px;
    z-index: 1019;
  }
} 

.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;
}

.live_badge_bg_red {
	background: #E30000;
}

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

.live_badge_bg_yello {
	background: #EE8F00;
}