:root {
	--menu-width: 250px;
	--menu-bg: #f9fafa;
	--color-boder: #eeeeed;
	--color-default: #09bb1b;
	--color-gray: #eaecee;
	--color-purple: #aa7ad9;
	--color-highlight: #478ccb;
	--color-text-default: #2d3d4e;
	--color-default-bg-gradient: linear-gradient(97deg, rgb(9, 205, 7) 0%, rgb(11, 196, 9) 14%, rgb(6, 200, 187) 88%);
	--color-red-bg: 232 73 0;
	--color-green-bg: 9 187 27;
	--btn-shadows: 0px 2px 6px rgba(0, 0, 0, 0.02), inset 0px -1px 0px rgba(0, 0, 0, 0.06), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
	--border-radius: 7px;
}
/* common */
.input {
	width: 100%;
	margin: 5px 0;
	padding: 7px 10px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	box-sizing: border-box;
	font-size: 15px;
	background: #fbfbfb;
}
#wrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#GNB {
	width: 100%;
	max-width: var(--menu-width);
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	padding: 30px 10px;
	box-sizing: border-box;
	background: var(--menu-bg);
	box-shadow: rgba(0, 0, 0, 0.05) -10px 0 17px -5px inset;
	overflow-y: auto;
}
#GNB div.box {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--color-boder);
}
#GNB .top {
	margin-bottom: 30px;
	padding: 0 10px;
}
#GNB .top .logo {
	font-size: 1.7em;
	margin-bottom: 20px;
}
#GNB .top .logo a {
	display: inline-block;
	width: 100%;
	font-weight: bold;
}
#GNB .top .info {
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#GNB .top .info b {
	color: var(--color-highlight);
	font-weight: bold;
}
#GNB .top .info a {
	padding: 5px 8px;
	font-size: 11px;
}
#GNB .box h3 {
	font-size: 0.8em;
	color: #707880;
	margin-bottom: 5px;
	cursor: default;
	padding: 0 10px;
	box-sizing: border-box;
}
#GNB .box ul {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
#GNB .box ul li a {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 5px 10px;
	opacity: 0.6;
	transition: all 0.2s;
	color: var(--color-text-default);
	gap: 12px;
	font-size: 15px;
	font-weight: 600;
	box-sizing: border-box;
}
#GNB .box ul li a:hover {
	opacity: 1;
	background: #e7e9ec;
	border-radius: 7px;
}
#GNB .box ul li.active a {
	opacity: 1;
	background: #e7e9ec;
	border-radius: 7px;
}
.table_img img {
	width: 60px;
	height: 60px;
}
.small {
	font-size: 13px;
	color: var(--color-default);
	margin-bottom: 10px;
}
.select_wrap {
	display: inline-block;
	width: 100%;
}
.container {
	width: calc(100% - var(--menu-width));
	margin-left: var(--menu-width);
	box-sizing: border-box;
	position: relative;
	height: 100%;
}
footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}
.utill {
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--color-boder);
}
.utill h1 {
	font-size: 1.7em;
	font-weight: bold;
	cursor: default;
	color: var(--color-text-default);
}
.content {
	position: relative;
	width: 100%;
	height: calc(100% - 88.2px);
	overflow: auto;
}
.content .box_header {
	padding: 0 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fdfdfd;
	font-size: 15px;
	color: var(--color-text-default);
	height: 59px;
}
.content .box_header .box_header_btn {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}
.content .box_header .box_header_btn a {
	color: #fff;
	font-size: 13px;
	padding: 8px 10px;
}
.content .box_header .box_header_btn div.icon {
	color: var(--color-text-default);
	position: relative;
	padding: 5px;
}
.content .box_header .box_header_btn div.icon span {
	cursor: pointer;
}
.content .sub_title {
	padding: 0 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 30px;
}
.content .sub_title h1 {
	font-size: 1.2em;
	font-weight: bold;
	cursor: default;
	color: var(--color-text-default);
}
.content .sub_title p {
	font-size: 15px;
	color: var(--color-text-default);
	opacity: 0.8;
}
.btn {
	display: inline-block;
	transition: all 0.2s;
	background: #fff;
	box-shadow: var(--btn-shadows);
	border-radius: var(--border-radius);
	white-space: nowrap;
	line-height: 1.4;
}
.btn:hover {
	background: #fafafa;
}
.btn.sm,
.btn.icon {
	padding: 8px 18px;
	border: none;
	cursor: pointer;
	font-size: 13px;
}
.btn.icon {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.def_btn {
	color: var(--color-text-default) !important;
	opacity: 0.8;
}
.def_btn:hover {
	color: var(--color-text-default);
	opacity: 1;
}
.green_btn {
	background: var(--color-default-bg-gradient);
	opacity: 0.8;
	padding: 8px 18px;
	border: none;
	cursor: pointer;
	font-size: 13px;
	color: #fff;
}
.green_btn:hover {
	background: var(--color-default-bg-gradient);
	opacity: 1;
}
.yellow_btn {
	background: #f2da00;
	opacity: 0.8;
}
.yellow_btn:hover {
	background: #f2da00;
	opacity: 1;
}
.red_btn {
	background: rgb(var(--color-red-bg));
	opacity: 0.8;
	color: #fff;
}
.red_btn:hover {
	background: rgb(var(--color-red-bg));
	opacity: 1;
}
.blue_btn {
	background: #3b82f6;
	border: 1px solid #2f6adf;
	color: #fff !important;
	padding: 8px 16px;
	font-size: 13px;
	cursor: pointer;
}
.blue_btn:hover {
	background: #2f6adf;
	color: #fff !important;
}
.line_btn {
	border: 1px solid #cbd5e1;
	color: var(--color-text-default) !important;
	padding: 8px 16px;
	font-size: 13px;
	background: #fff;
	cursor: pointer;
}
.line_btn:hover {
	background: #f8fafc;
	color: var(--color-text-default) !important;
}
.gray_btn {
	border: 1px solid #e5e7eb;
	background: #f3f4f6;
	color: #9ca3af !important;
	padding: 8px 16px;
	font-size: 13px;
	cursor: not-allowed;
}
.gray_btn:hover {
	background: #f3f4f6;
	color: #9ca3af !important;
}
.highlight {
	color: var(--color-highlight);
}
.nice-select {
	height: 34px;
	line-height: 34px;
	font-size: 14px !important;
}
.table {
	min-height: 450px;
}
.table table {
	width: 100%;
}
.table table.trHover tr:hover td {
	background: rgba(var(--color-green-bg) / 0.03);
}
.table table tr.hold td {
	background: rgba(var(--color-red-bg) / 0.1);
	color: rgb(var(--color-red-bg));
}
.table table th {
	background: #fafbfb;
	text-align: left;
	height: 20px;
}
.table table th.text-center {
	text-align: center;
}
.table table th,
.table table td {
	padding: 10px 13px;
	color: var(--color-text-default);
	vertical-align: middle;
	box-sizing: border-box;
}
.table table th:first-child,
.table table td:first-child {
	width: auto;
	border-left: 0;
}
.table table th:last-child,
.table table td:last-child {
	border-right: 0;
}
.table table td {
	border: 1px solid var(--color-boder);
}
.table table td:nth-child(2),
.table table td:nth-child(3) {
	cursor: pointer;
}
.table table td.permission {
	width: 120px;
}
.table table td.state {
	width: 90px;
}
.table table td.date {
	width: 190px;
}
.nonCursor td {
	cursor: auto !important;
}
.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.checkbox_wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.checkbox_wrap label {
	display: flex;
	align-items: center;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	gap: 5px;
	cursor: pointer;
}
.checkbox_wrap input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkbox_wrap input:checked ~ .checkbox_mark {
	background: var(--color-default);
}
.checkbox_wrap input:checked ~ .checkbox_mark:after {
	opacity: 1;
}
.checkbox_wrap .checkbox_mark {
	width: 20px;
	height: 20px;
	background: #eee;
	transition: all 0.2s;
	border-radius: 4px;
}
.checkbox_wrap .checkbox_mark::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 7px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
	transition: all 0.2s;
}
.checkbox_wrap label .checkbox_text {
	font-size: 15px;
	color: var(--color-default);
}
.right_layer {
	width: 400px;
	height: 100%;
	position: absolute;
	right: -400px;
	top: 0;
	background: #fff;
	z-index: 1;
	box-shadow: -20px 0px 80px 0px #dadada66;
	transition: all 0.2s;
}
.right_layer .close {
	width: 100%;
	text-align: right;
	padding: 30px 30px 0;
	box-sizing: border-box;
}
.right_layer .close div {
	background: #cdd2d6;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-left: auto;
}
.right_layer .close span {
	cursor: pointer;
	color: #fff;
	font-size: 20px;
}
.right_layer .title {
	padding: 0 30px 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.right_layer .title h1 {
	font-size: 1.7em;
	font-weight: bold;
	cursor: default;
	color: var(--color-text-default);
}
.right_layer .title p {
	font-size: 16px;
	color: var(--color-text-default);
	opacity: 0.8;
}
.right_layer .layer_content {
	padding: 30px;
	box-sizing: border-box;
}
.right_layer .right_btn {
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}
.right_layer .right_btn button {
	width: 100%;
	color: #fff;
	background: var(--color-default-bg-gradient);
	padding: 10px 0;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	border: 0;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
}
.layer_popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	min-width: 500px;
	display: none;
}
.layer_popup .layer_inner {
	background: #fff;
	border-radius: var(--border-radius);
	box-shadow: 0px 0px 80px 20px #dadada88;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.layer_popup .close {
	width: 100%;
	text-align: right;
	padding: 30px 30px 0;
	box-sizing: border-box;
}
.layer_popup .close div {
	background: #cdd2d6;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-left: auto;
}
.layer_popup .close span {
	cursor: pointer;
	color: #fff;
	font-size: 20px;
}
.layer_popup .title {
	padding: 0 30px 0px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.layer_popup .title h1 {
	font-size: 1.7em;
	font-weight: bold;
	cursor: default;
	color: var(--color-text-default);
}
.layer_popup .title p {
	font-size: 16px;
	color: var(--color-text-default);
	opacity: 0.8;
}
.layer_popup .layer_content {
	padding: 30px;
	box-sizing: border-box;
}
.layer_popup .layer_btn {
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}
.layer_popup .layer_btn button {
	width: 100%;
	color: #fff;
	background: var(--color-default-bg-gradient);
	padding: 10px 0;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	border: 0;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
}
.layer_popup input:disabled {
	background: rgba(var(--color-green-bg) / 0.1);
}
.input_wrap {
	margin-bottom: 20px;
}
.input_wrap h3 {
	font-size: 15px;
	color: var(--color-text-default);
	margin-bottom: 7px;
}
.input_wrap .input {
	width: 100%;
	margin: 5px 0;
	padding: 7px 10px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	box-sizing: border-box;
	font-size: 15px;
	background: #fbfbfb;
}
.input_wrap .input::placeholder {
	font-size: 13px;
	color: #c1c4cb;
}
.input_wrap .input:focus {
	outline: 1px solid var(--color-default);
	border: 1px solid var(--color-default);
}
.input_wrap .require {
	font-size: 11px;
	color: red;
	margin-left: 5px;
}
.input_wrap .info_text {
	display: flex;
	align-items: center;
	margin-top: 7px;
	font-size: 13px;
	cursor: default;
	color: var(--color-text-default);
}
.input_wrap .info_text i span {
	font-size: 18px;
	color: var(--color-default);
}
.smail_content {
	max-width: 700px;
	padding: 0 30px 50px;
	box-sizing: border-box;
}
.label {
	display: inline-block;
	padding: 5px 8px;
	font-size: 11px;
	cursor: default;
}
.label.label_def {
	background: #e7f0f8;
	color: #173b5d;
	font-weight: bold;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
}
.label.label_purple {
	background: #f1e8fb;
	color: #50356a;
	font-weight: bold;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
}
.label.label_green {
	background: #e8fbe8;
	color: #356a35;
	font-weight: bold;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
}
.loading-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(30, 30, 30, 0.3);
	z-index: 9999;
}
#loader {
	display: none;
	position: fixed;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	z-index: 10000;
}
#loader-bg {
	display: none;
	position: fixed;
	top: calc(50% - 55px);
	left: calc(50% - 55px);
	width: 110px;
	height: 110px;
	z-index: 10000;
	border-radius: 50%;
}
.flex100 {
	flex: 1 0 0;
}
.pagination {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	padding-bottom: 100px;
}
.pagination ul {
	display: flex;
	align-items: center;
	gap: 10px;
}
.pagination ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	transition: all 0.2s;
}
.pagination ul li a.disabled {
	cursor: default;
}
.pagination ul li a:not(.disabled):hover,
.pagination ul li a:not(.disabled).active {
	background: var(--color-default);
	color: #fff;
}

/* setting */
.category {
	margin-bottom: 30px;
}
.category label {
	margin-bottom: 20px;
	display: inline-block;
	font-size: 15px;
}
.category ul:not(.list) {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.category ul:not(.list) li:not(.option) {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	padding: 15px 20px;
	color: var(--color-text-default);
	box-sizing: border-box;
}
.category ul:not(.list) li:not(.option) div {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
}
.category ul .nice-select .option {
	font-size: 15px;
}
.tip_box {
	padding: 30px 0;
	width: 100%;
}
.tip_box .tip_inner {
	border-radius: var(--border-radius);
	background: #f8f8f9;
	display: flex;
	gap: 10px;
	padding: 20px;
	align-items: flex-start;
}
.tip_box .tip_inner span {
	display: inline-block;
	background: var(--color-default-bg-gradient);
	color: #fff;
	font-size: 13px;
	padding: 5px 8px;
	border-radius: var(--border-radius);
}
.tip_box .tip_inner div {
	line-height: 1.3;
	color: var(--color-text-default);
	font-size: 15px;
	padding-top: 4px;
}
.tip_box .tip_inner div b {
	font-weight: bold;
}
.tip_box .tip_inner div em {
	color: var(--color-highlight);
}

/* LOGIN */
#login {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	padding: 30px;
	width: 350px;
}
#login .title {
	text-align: center;
	margin-bottom: 30px;
}
#login .title h1 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: -0.32px;
	background-image: linear-gradient(97deg, rgb(9, 205, 7) 0%, rgb(11, 196, 9) 14%, rgb(6, 200, 187) 88%);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
#login .title p {
	font-size: 14px;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: -0.16px;
	color: #8d96a1;
}
#login .input_wrap {
	margin-bottom: 0px;
}
#login .input_wrap .input {
	padding: 13px 14px;
	background: #fff;
	border: 1px solid #fff;
	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
#login .input_wrap .input:focus {
	border: 1px solid var(--color-default);
}
.login_btn {
	margin-top: 15px;
}
.login_btn button {
	width: 100%;
	color: #fff;
	background: var(--color-default-bg-gradient);
	padding: 15px 0;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	border: 0;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	opacity: 0.8;
}
.login_btn button:hover {
	opacity: 1;
	background: var(--color-default-bg-gradient);
}

.program div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.program div:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.program_wrap {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.program_wrap .program_info {
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
}
.program_wrap .program_info .program_info_top {
	padding: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid var(--color-boder);
}
.program_wrap .program_info .program_info_top div:first-child {
	width: 30px;
	height: 30px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--border-radius);
	font-size: 15px;
}
.program_wrap .program_info .program_info_top div:first-child.green {
	background: var(--color-default);
}
.program_wrap .program_info .program_info_top div:first-child.purple {
	background: var(--color-purple);
}
.program_wrap .program_info .program_info_content {
	padding: 15px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.program_wrap .program_info .program_info_content .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
}
.program_wrap .program_info .program_info_content .box span:first-child {
	color: var(--color-text-default);
	opacity: 0.7;
}
.program_wrap .program_info .program_info_content .box span:last-child {
	color: var(--color-text-default);
	font-weight: bold;
}
.program_user {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--color-boder);
	border-top: 0;
	padding: 15px;
	border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.program_user .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--color-boder);
}
.program_user .box:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.program_user .box span:first-child {
	color: var(--color-text-default);
	opacity: 0.7;
}
.program_user .box span:last-child {
	color: var(--color-text-default);
	font-weight: bold;
}
.program_user .box span.label {
	font-size: 13px;
	background: var(--color-gray);
	color: var(--color-text-default);
	border-radius: var(--border-radius);
}
.program_user .box .how_box {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
}
.program_user .box .how_box span {
	font-weight: bold;
	opacity: 1;
}
.acodien {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	box-sizing: border-box;
	margin: 20px 0 0;
	border: 1px solid var(--color-boder);
	cursor: pointer;
}
.acodien span:first-child {
	font-size: 15px;
	font-weight: bold;
	color: var(--color-text-default);
}
.search_popup {
	position: absolute;
	top: 30px;
	right: 70%;
	background: #fff;
	padding: 15px;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	width: 180px;
	display: none;
	z-index: 1;
}
.search_popup .search_popup_inner {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.search_popup button {
	width: 100%;
	border: 0;
	box-shadow: var(--btn-shadows);
	padding: 6px 0;
	color: #fff;
	cursor: pointer;
}
.search_popup .input_wrap {
	margin-bottom: 0;
}

/* Settlement payment pill styles */
.payment-pill-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}
.payment-pill {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	background: #f3f6fb;
	border: 1px solid var(--color-boder);
	border-radius: 999px;
	font-size: 13px;
	line-height: 1.2;
	color: var(--color-text-default);
	white-space: nowrap;
}

/* contect us setting */
.row_content {
	display: flex;
	padding: 30px 30px 50px;
	box-sizing: border-box;
	gap: 30px;
}
.row_content .box .between_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.row_content .box .between_box label {
	margin-bottom: 0;
}
.row_content .box .between_box a {
	color: #fff;
	font-size: 13px;
	padding: 8px 10px;
}
.row_content .category ul:not(.list) li.in_box:not(.option) {
	position: relative;
}
.row_content .category ul:not(.list) li.in_box:not(.option) .edit_in_box {
	position: absolute;
	top: 50%;
	left: 50px;
	background: #fff;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	transition: all 0.2s;
	transform: translateY(-50%);
	padding: 10px;
	gap: 30px;
	display: none;
}
.row_content .category ul:not(.list) li.in_box:not(.option) .edit_in_box input {
	border: 0;
	padding: 5px;
}
.row_content .category ul:not(.list) li.in_box:not(.option) .edit_in_box input:focus {
	outline: none;
}
.row_content .category ul:not(.list) li.in_box:not(.option) .edit_in_box:has(input:focus) {
	border: 1px solid var(--color-default);
}
.row_content .category ul:not(.list) li.in_box:not(.option) .edit_in_box div {
	color: var(--color-text-default);
}
.row_content .category ul:not(.list) li.in_box:not(.option) .edit_in_box div span {
	font-size: 13px;
	font-weight: bold;
	cursor: default;
}
.row_content .category ul:not(.list) li.in_box:not(.option) .edit_in_box div span:last-child {
	display: inline-block;
	padding: 5px 8px;
	font-size: 12px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
}
.list_edit,
.list_delete {
	cursor: pointer;
	padding: 5px;
}
.list_edit span,
.list_delete span {
	font-size: 23px !important;
}
.highlight {
	background: rgba(var(--color-green-bg) / 0.2);
}
.in_title span:first-child {
	cursor: pointer;
}
.type_in {
	border: 1px solid var(--color-default) !important;
}
.type_in input {
	width: 500px;
	border: 0;
	padding: 5px;
}
.type_in input:focus {
	outline: none;
}
.type_in .delete_type {
	cursor: pointer;
}
.type_in .edit_in_box {
	background: #fff;
	border-radius: var(--border-radius);
	transition: all 0.2s;
	gap: 30px;
	display: none;
}
.type_in .edit_in_box input {
	border: 0;
	padding: 5px;
}
.type_in .edit_in_box input:focus {
	outline: none;
}
.type_in .edit_in_box div {
	color: var(--color-text-default);
}
.type_in .edit_in_box div span {
	font-size: 13px;
	font-weight: bold;
	cursor: default;
}
.type_in .edit_in_box div span:last-child {
	display: inline-block;
	padding: 5px 8px;
	font-size: 12px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
}
.type_in .dp1_insert {
	background: #fff;
	border-radius: var(--border-radius);
	transition: all 0.2s;
	gap: 30px;
	display: none;
}
.type_in .dp1_insert input {
	border: 0;
	padding: 5px;
}
.type_in .dp1_insert input:focus {
	outline: none;
}
.type_in .dp1_insert div {
	color: var(--color-text-default);
}
.type_in .dp1_insert div span {
	font-size: 13px;
	font-weight: bold;
	cursor: default;
}
.type_in .dp1_insert div span:last-child {
	display: inline-block;
	padding: 5px 8px;
	font-size: 12px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
}
.type_in .dp2_insert div span {
	font-size: 13px;
	font-weight: bold;
	cursor: default;
}
.type_in .dp2_insert div span:last-child {
	display: inline-block;
	padding: 5px 8px;
	font-size: 12px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
}

/* contact us */
.row_contactus {
	display: flex;
	max-height: 515px;
}
.row_contactus .program_user {
	border-radius: 0 0 0 7px;
}
.layer_popup.wide {
	min-width: 1000px;
}
.comments {
	padding: 15px;
	border-bottom: 1px solid var(--color-boder);
	border-right: 1px solid var(--color-boder);
	border-radius: 0 0 7px 0;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.comments .box span:first-child {
	color: var(--color-text-default);
	opacity: 0.7;
}
.comments .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--color-boder);
}
.comments .comments_inner {
	height: 100%;
	max-height: 100%;
	box-sizing: border-box;
	overflow: auto;
	padding-bottom: 50px;
}

/* 대시보드 */
.semi_content {
	display: flex;
	height: 100%;
}
.semi_content .left {
	flex: 1 0 0;
}
.semi_content .right {
	width: 400px;
	border-left: 1px solid var(--color-boder);
	position: relative;
}
.semi_content .right .title {
	padding: 0 30px;
	height: 59px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.semi_content .right .title a {
	font-size: 13px;
	padding: 8px 10px;
}
.program_list {
	display: flex;
	flex-direction: column;
}
.program_list .program_inner {
	display: flex;
	align-items: center;
	padding: 20px 30px;
	gap: 20px;
	border-bottom: 1px solid var(--color-boder);
	cursor: pointer;
}
.program_list .program_inner:last-child {
	border-bottom: 0;
}
.program_list .program_inner .program_mark {
	width: 45px;
	height: 45px;
	background: #f2f2f2;
	border-radius: var(--border-radius);
	display: flex;
	align-items: center;
	justify-content: center;
}
.program_list .program_inner .program_mark.program_1 {
	background: var(--color-default);
	box-shadow: var(--btn-shadows);
	color: #fff;
}
.program_list .program_inner .program_mark.program_2 {
	background: var(--color-purple);
	box-shadow: var(--btn-shadows);
	color: #fff;
}
.program_list .program_inner .program_mark.more {
	background: #42d1cf;
	box-shadow: var(--btn-shadows);
	color: #fff;
}
.program_list .program_inner .info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1 0 0;
}
.program_list .program_inner .info .info_text {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.program_list .program_inner .info .info_text h3 {
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 10px;
}
.program_list .program_inner .info .info_text h3 span {
	color: var(--color-text-default);
	font-size: 15px;
	font-weight: normal;
	opacity: 0.7;
	cursor: default;
}
.program_list .program_inner .info .info_text p {
	font-size: 15px;
	font-weight: normal;
	color: var(--color-text-default);
	letter-spacing: 0.5px;
	display: flex;
	align-items: center;
}
.program_list .program_inner .info .info_text p span {
	font-size: 15px;
	border-right: 1px solid var(--color-text-default);
	margin-right: 10px;
	padding-right: 10px;
}
.program_list .program_inner .info .info_text p span:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}
.contactus_list {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 15px;
	box-sizing: border-box;
}
.contactus_list .list {
	margin-bottom: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}
.contactus_list .info {
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.2s;
	border-radius: var(--border-radius);
}
.contactus_list .info:hover {
	background: #f2f2f2;
}
.contactus_list .info:last-child {
	border-bottom: 0;
}
.contactus_list .info .info_text {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.contactus_list .info .info_text h3 {
	font-weight: bold;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 230px;
	height: 16px;
}
.contactus_list .info .info_text p {
	font-size: 15px;
	font-weight: normal;
	color: var(--color-text-default);
	letter-spacing: 0.5px;
	display: flex;
	align-items: center;
}
.contactus_list .info .info_text p span {
	font-size: 15px;
	border-right: 1px solid var(--color-text-default);
	margin-right: 10px;
	padding-right: 10px;
}
.contactus_list .info .info_text p span:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}
.none_data {
	min-height: 300px;
	text-align: center;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid var(--color-boder);
}
.none_data_td {
	width: 100% !important;
	text-align: center;
	height: 300px;
}
.nW10 {
	width: 10% !important;
}
.chart {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 20px 15px;
	box-sizing: border-box;
}

/* program setting */
.program_contant {
	width: 100%;
	max-width: 1000px;
	display: flex;
	align-items: center;
	padding: 30px 30px 50px;
	box-sizing: border-box;
	flex-direction: column;
}
.program_contant .inner {
	width: 100%;
	display: flex;
	gap: 20px;
}
.program_contant .inner .days {
	width: 400px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.program_contant .inner .days .box {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.program_contant .inner .days .box .box_inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.program_contant .inner .days .box .box_inner .data_list {
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	padding-right: 20px;
	box-sizing: border-box;
	transition: all 0.2s;
}
.program_contant .inner .days .box .box_inner .data_list.on {
	border: 1px solid var(--color-default);
}
.program_contant .inner .days .box .box_inner .data_list .data_title {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	padding: 15px 0 15px 20px;
	box-sizing: border-box;
}
.program_contant .inner .times {
	flex: 1 0 0;
}
.program_contant .inner .times label {
	margin-bottom: 20px;
	display: inline-block;
}
.program_contant .inner .times .nonData {
	width: 100%;
	height: 100%;
	background: #f8f8f9;
	border-radius: var(--border-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--btn-shadows);
}
.program_contant .inner .times ul.times_list {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 10px;
}
.program_contant .inner .times ul.times_list > li .data_title {
	display: flex;
	align-items: center;
	gap: 10px;
}
.program_contant .inner .times ul.times_list > li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 10px 20px;
	box-sizing: border-box;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
}

/* product menu */
.row_content.product .category ul:not(.list) li.in_box:not(.option) {
	cursor: pointer;
}
.row_content.product .category ul:not(.list) li.on {
	border: 1px solid var(--color-default);
}
.product .setting {
	display: flex;
	flex-direction: column;
	gap: 20px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
}
.product .setting .file_box {
	position: relative;
	width: 100%;
}
.product .setting .file_box input[type='file'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
	visibility: hidden;
}
.product .setting .file_box label {
	width: 100%;
	height: 300px;
	background: var(--color-gray);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	cursor: pointer;
	border-radius: var(--border-radius);
	color: var(--color-highlight);
	transition: all 0.2s;
	font-weight: bold;
}
.product .setting .file_box label:hover {
	color: var(--color-default);
}
.product .setting .file_box #thumbnail_preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: var(--btn-shadows);
	border-radius: var(--border-radius);
	overflow: hidden;
}
.product .setting .file_box #thumbnail_preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product .setting .file_box #thumbnail_preview:hover img {
	filter: blur(3px);
}
.product .setting .file_box #thumbnail_preview:hover img + label {
	opacity: 1;
	visibility: visible;
}
.product .setting .file_box #thumbnail_preview label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	box-shadow: var(--btn-shadows);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	color: #fff;
}
.product .setting .wide_banner .file_box label {
	height: 160px;
}
.product .setting .file_box #wideBanner_preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: var(--btn-shadows);
	border-radius: var(--border-radius);
	overflow: hidden;
}
.product .setting .file_box #wideBanner_preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.2s;
}
.product .setting .file_box #wideBanner_preview:hover img {
	filter: blur(3px);
}
.product .setting .file_box #wideBanner_preview:hover img + label {
	opacity: 1;
	visibility: visible;
}
.product .setting .file_box #wideBanner_preview label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	box-shadow: var(--btn-shadows);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	color: #fff;
}
.product .setting .wide_banner_m .file_box label {
	height: 160px;
}
.product .setting .file_box #wideBanner_preview_m {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: var(--btn-shadows);
	border-radius: var(--border-radius);
	overflow: hidden;
}
.product .setting .file_box #wideBanner_preview_m img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.2s;
}
.product .setting .file_box #wideBanner_preview_m:hover img {
	filter: blur(3px);
}
.product .setting .file_box #wideBanner_preview_m:hover img + label {
	opacity: 1;
	visibility: visible;
}
.product .setting .file_box #wideBanner_preview_m label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	box-shadow: var(--btn-shadows);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	color: #fff;
}
.product .setting .file_box #thumbnail_preview2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: var(--btn-shadows);
	border-radius: var(--border-radius);
	overflow: hidden;
}
.product .setting .file_box #thumbnail_preview2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product .setting .file_box #thumbnail_preview2.acodien img {
	filter: blur(3px);
}
.product .setting .file_box #thumbnail_preview2:hover img + label {
	opacity: 1;
	visibility: visible;
}
.product .setting .file_box #thumbnail_preview2 label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	box-shadow: var(--btn-shadows);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	color: #fff;
}
.product .type_in input {
	width: 150px;
}

/* product item */
.product_item table img {
	width: 50px;
	height: 50px;
	border-radius: var(--border-radius);
}
.product_item table td {
	cursor: pointer;
}
.product_item table td:nth-child(2) {
	width: 5%;
}
.product_item table td:nth-child(3) {
	width: 5%;
}
.product_item table td:nth-child(4) {
	width: 5%;
	white-space: nowrap;
}
.product_item table td:nth-child(5) {
	width: 5%;
	white-space: nowrap;
}
.product_item table td:nth-child(7) {
	width: 15%;
}
.product_inner_contant {
	width: 100%;
	max-width: 1000px;
	display: flex;
	align-items: center;
	padding: 30px 30px 50px;
	box-sizing: border-box;
	flex-direction: column;
}
.product_inner_contant .inner {
	width: 100%;
	display: flex;
	gap: 20px;
}
.product_inner_contant .inner .box {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 20px;
}
.product_inner_contant .inner .box label.box_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--color-text-default);
	margin-bottom: 15px;
}
.product_inner_contant .inner .box label.box_title .box_title_text {
	display: flex;
	align-items: center;
	gap: 5px;
}
.product_inner_contant .inner .box label.box_title .ref span {
	cursor: pointer;
}
.product_inner_contant .inner .box label.box_title .small {
	font-size: 13px;
	color: var(--color-default);
}
.product_inner_contant .inner .box .input_box_double {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	flex-direction: row;
}
.product_inner_contant .inner .box .input_box_double div {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.product_inner_contant .inner .box .file {
	display: flex;
	gap: 30px;
}
.product_inner_contant .inner .box .file .file_box {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-direction: row;
}
.product_inner_contant .inner .box .file .file_box.file_box_input {
	flex-direction: column;
}
.product_inner_contant .inner .box .file .file_box .radio_wrap {
	position: relative;
}
.product_inner_contant .inner .box .file .file_box .radio_wrap input[type='radio'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
	visibility: hidden;
}
.product_inner_contant .inner .box .file .file_box .radio_wrap label {
	width: 100px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--btn-shadows);
	border-radius: var(--border-radius);
	transition: all 0.2s;
	cursor: pointer;
}
.product_inner_contant .inner .box .file .file_box .radio_wrap label.on {
	background: var(--color-default-bg-gradient);
	color: #fff;
}
.product_inner_contant .inner .box .file .file_box .radio_wrap input[type='radio']:checked + label {
	background: var(--color-default-bg-gradient);
	color: #fff;
}
.product_inner_contant .inner .box .file .file_box .hidden_input {
	display: none;
}
.product_inner_contant .inner .box .item_thumb {
	height: 455px;
	position: relative;
	display: inline-block !important;
}
.product_inner_contant .inner .box .item_thumb .file_box {
	position: relative;
	width: 100%;
	height: 100%;
}
.product_inner_contant .inner .box .item_thumb .file_box input[type='file'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
	visibility: hidden;
}
.product_inner_contant .inner .box .item_thumb .file_box label {
	width: 100%;
	height: 100%;
	background: var(--color-gray);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	cursor: pointer;
	border-radius: var(--border-radius);
	color: var(--color-highlight);
	transition: all 0.2s;
	font-weight: bold;
}
.product_inner_contant .inner .box .item_thumb .file_box label:hover {
	color: var(--color-default);
}
.product_inner_contant .inner .box .item_thumb .file_box .item_file_preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: var(--btn-shadows);
	border-radius: var(--border-radius);
	overflow: hidden;
}
.product_inner_contant .inner .box .item_thumb .file_box .item_file_preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product_inner_contant .inner .box .item_thumb .file_box .item_file_preview:hover img {
	filter: blur(3px);
}
.product_inner_contant .inner .box .item_thumb .file_box .item_file_preview:hover img + label {
	opacity: 1;
	visibility: visible;
}
.product_inner_contant .inner .box .item_thumb .file_box .item_file_preview label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	box-shadow: var(--btn-shadows);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	color: #fff;
}

.product_inner_contant .inner .box .silde_img {
	position: relative;
}
.product_inner_contant .inner .box .silde_img input[type='file'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
	visibility: hidden;
}
.product_inner_contant .inner .box .silde_img label {
	width: 100%;
	height: 100px;
	background: #fbfbfb;
	box-shadow: var(--btn-shadows);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: var(--border-radius);
	gap: 10px;
	cursor: pointer;
}
.product_inner_contant .inner .box #silder_img img {
	width: 100px;
	height: 100px;
}
.product_inner_contant .inner .box .row_content {
	padding: 0;
	margin: 30px 0;
}
.product_inner_contant .inner .box .row_content .category {
	width: 100%;
}
.product_inner_contant .inner .box .row_content .category ul:not(.list) li:not(.option) {
	width: 100%;
	padding: 15px 10px;
}
.product_inner_contant .inner .box .btn_ a {
	color: #fff;
	font-size: 13px;
	padding: 8px 10px;
}

.product_inner_contant .detail_wrap .detail_box {
	display: flex;
	gap: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--color-boder);
	position: relative;
}
.product_inner_contant .detail_wrap .detail_box:hover .delete_detail {
	opacity: 1;
	visibility: visible;
}
.product_inner_contant .detail_wrap .detail_box .delete_detail {
	position: absolute;
	top: 10px;
	right: 60px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
}
.product_inner_contant .detail_wrap .detail_box .delete_detail a {
	color: #fff;
	font-size: 13px;
	padding: 8px 10px;
}
.product_inner_contant .detail_wrap .detail_box:hover .update_detail {
	opacity: 1;
	visibility: visible;
}
.product_inner_contant .detail_wrap .detail_box .update_detail {
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
}
.product_inner_contant .detail_wrap .detail_box .update_detail a {
	color: #fff;
	font-size: 13px;
	padding: 8px 10px;
}
.product_inner_contant .detail_wrap .file_box {
	position: relative;
	width: 250px;
}
.product_inner_contant .detail_wrap .file_box input[type='file'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
	visibility: hidden;
}
.product_inner_contant .detail_wrap .file_box label {
	width: 100%;
	height: 250px;
	background: var(--color-gray);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	cursor: pointer;
	border-radius: var(--border-radius);
	color: var(--color-highlight);
	transition: all 0.2s;
	font-weight: bold;
}
.product_inner_contant .detail_wrap .file_box label:hover {
	color: var(--color-default);
}
.product_inner_contant .detail_wrap .file_box .detail_file_preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: var(--btn-shadows);
	border-radius: var(--border-radius);
	overflow: hidden;
}
.product_inner_contant .detail_wrap .file_box .detail_file_preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product_inner_contant .detail_wrap .file_box .detail_file_preview:hover img {
	filter: blur(3px);
}
.product_inner_contant .detail_wrap .file_box .detail_file_preview:hover img + label {
	opacity: 1;
	visibility: visible;
}
.product_inner_contant .detail_wrap .file_box .detail_file_preview label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	box-shadow: var(--btn-shadows);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	color: #fff;
}
.product_inner_contant .btn_submit {
	width: 100%;
	text-align: center;
}
.product_inner_contant .btn_submit button {
	width: 100%;
	color: #fff;
	background: var(--color-default-bg-gradient);
	padding: 15px 0;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	border: 0;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	opacity: 0.8;
}

.product_inner_contant .btn_submit.section_btn {
	margin-bottom: 60px;
}

/* .product_inner_contant.estimate{max-width: 100%;} */
.product_inner_contant.estimate .inner .box .input_box_double {
	margin-bottom: 0;
}
.product_inner_contant.estimate .table tr th {
	white-space: nowrap;
}
.product_inner_contant.estimate .table tr td:nth-child(2) {
	width: 100px;
}
.product_inner_contant.estimate .table tr td:nth-child(4) {
	width: 50px;
}
.product_inner_contant.estimate .table tr td:nth-child(5) {
	width: 100px;
}
.estimate_date {
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	display: flex;
	align-items: center;
	font-family: 'Pretendard';
}
.estimate_date .date_box {
	flex: 1 0 0;
	border-right: 1px solid var(--color-boder);
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 15px;
	position: relative;
}
.estimate_date .date_box h3 {
	font-size: 16px;
	color: var(--color-text-default);
}
.estimate_date .date_box p {
	display: flex;
	align-content: center;
	gap: 10px;
}
.estimate_date .date_box p span {
	font-size: 25px;
	color: var(--color-text-default);
	letter-spacing: -0.5px;
}
.estimate_date .date_box p a {
	color: #fff;
	font-size: 11px;
	padding: 3px 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.estimate_date .date_box span {
	font-size: 14px;
	color: var(--color-text-default);
	opacity: 0.8;
}
.sub_title .btn_ {
	text-align: right;
	width: 100%;
}
.sub_title .btn_ a {
	color: #fff;
	font-size: 13px;
	padding: 8px 10px;
}
.date_update {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 0 20px;
	box-sizing: border-box;
	display: none;
}
.date_update .date_inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.date_update input {
	width: 100%;
	margin: 5px 0;
	padding: 7px 10px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	box-sizing: border-box;
	font-size: 15px;
	background: #fbfbfb;
}
.date_update a {
	width: 100%;
	color: #fff;
	font-size: 13px;
	padding: 8px 10px;
	box-sizing: border-box;
	text-align: center;
}
.estimate .tr_blue td {
	background: rgba(var(--color-green-bg) / 0.1);
	font-weight: bold;
}
.product_inner_contant.estimate .box .status {
	padding: 10px 15px;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	display: inline-block;
	text-align: center;
	max-width: 100px;
	color: #fff;
	cursor: default;
}
.product_inner_contant.estimate .box .status.def {
	background: rgba(var(--color-red-bg));
}
.product_inner_contant.estimate .box .status.success {
	background: var(--color-default);
}

.estimate_list .green_box {
	background: var(--color-default);
	color: #fff;
}
.estimate_list .table table.trHover tr {
	cursor: pointer;
}
.estimate_list .table table.trHover tr:hover td.green_box {
	color: var(--color-text-default);
}

.double {
	display: flex;
	align-items: center;
	gap: 5px;
}
.double .input {
	width: 100%;
	margin: 5px 0;
	padding: 7px 10px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	box-sizing: border-box;
	font-size: 15px;
	background: #fbfbfb;
}
.double .input:focus {
	outline: 1px solid var(--color-default);
	border: 1px solid var(--color-default);
}

.items .gift_box {
	display: none;
}
.items tr.active td {
	background: #f6fcf8;
}
.items tr.active td .input {
	background: #fff;
}
.items tr td.gift_setting {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.items tr td.gift_setting .double {
	gap: 10px;
}
.items tr td.gift_setting .double div:first-child {
	width: 30px;
}
.items tr td.gift_setting .double div.group_name {
	min-width: 60px;
}
.items tr td.gift_setting .double .quantity {
	display: flex;
	align-items: center;
	gap: 5px;
}
.items tr td.gift_setting .btn_ button {
	width: 100%;
	padding: 4px 8px;
	color: #fff;
	border: 0;
	cursor: pointer;
	border-radius: var(--border-radius);
	font-size: 11px;
}

.delete_item button {
	border: 0;
	border-radius: 0;
	background: none;
	color: rgb(var(--color-red-bg));
	cursor: pointer;
}

.popup_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
	background: rgba(0, 0, 0, 0.2);
	display: none;
}
.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	display: none;
}
.popup .inner {
	background: #fff;
	box-shadow: 0px 0px 80px 20px #dadada88;
	width: 450px;
	max-height: 90vh;
	overflow: auto;
	border-radius: var(--border-radius);
}
.popup .inner .close {
	width: 100%;
	text-align: right;
	padding: 30px 30px 0;
	box-sizing: border-box;
}
.popup .inner .close div {
	background: #cdd2d6;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-left: auto;
}
.popup .inner .close span {
	cursor: pointer;
	color: #fff;
	font-size: 20px;
}
.popup .inner .title {
	padding: 0 30px 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.popup .inner .title h1 {
	font-size: 1.7em;
	font-weight: bold;
	cursor: default;
	color: var(--color-text-default);
}
.popup .inner .title p {
	font-size: 16px;
	color: var(--color-text-default);
	opacity: 0.8;
}
.popup .inner .layer_content {
	padding: 30px;
	box-sizing: border-box;
}
.popup .inner .layer_content .double {
	justify-content: space-between;
	padding: 5px 5px 5px 15px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	margin-bottom: 5px;
}
.popup .inner .layer_content .double:last-child {
	margin-bottom: 0;
}
.popup .inner .layer_content .double .th {
	font-size: 14px;
}
.popup .inner .layer_content .double .input {
	width: 100px;
}
.popup .inner .right_btn {
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}
.popup .inner .right_btn button {
	width: 100%;
	color: #fff;
	background: var(--color-default-bg-gradient);
	padding: 10px 0;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	border: 0;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
}

.itemSetting .btn_ {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 30px;
	gap: 10px;
	margin-top: 30px;
}
.itemSetting .btn_ a {
	color: #fff;
	font-size: 13px;
	padding: 8px 10px;
}
.itemSetting .box {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.itemSetting .box .items_group {
	width: 300px;
}
.itemSetting .box .items_group ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.itemSetting .box .items_group ul li a {
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	padding: 15px;
	box-sizing: border-box;
	transition: all 0.2s;
}
.itemSetting .box .items_group ul li.active a {
	border: 1px solid var(--color-default);
}

.item_thumb {
	width: 100%;
	height: 370px;
	position: relative;
	display: inline-block !important;
}
.item_thumb .file_box {
	position: relative;
	width: 100%;
	height: 100%;
}
.item_thumb .file_box input[type='file'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
	visibility: hidden;
}
.item_thumb .file_box label {
	width: 100%;
	height: 100%;
	background: var(--color-gray);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	cursor: pointer;
	border-radius: var(--border-radius);
	color: var(--color-highlight);
	transition: all 0.2s;
	font-weight: bold;
}
.item_thumb .file_box label:hover {
	color: var(--color-default);
}
.item_thumb .file_box .item_file_preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: var(--btn-shadows);
	border-radius: var(--border-radius);
	overflow: hidden;
}
.item_thumb .file_box .item_file_preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.item_thumb .file_box .item_file_preview:hover img {
	filter: blur(3px);
}
.item_thumb .file_box .item_file_preview:hover img + label {
	opacity: 1;
	visibility: visible;
}
.item_thumb .file_box .item_file_preview label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	box-shadow: var(--btn-shadows);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	color: #fff;
}

.item_thumb .file_box .item_file_preview_update {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: var(--btn-shadows);
	border-radius: var(--border-radius);
	overflow: hidden;
}
.item_thumb .file_box .item_file_preview_update img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.item_thumb .file_box .item_file_preview_update:hover img {
	filter: blur(3px);
}
.item_thumb .file_box .item_file_preview_update:hover img + label {
	opacity: 1;
	visibility: visible;
}
.item_thumb .file_box .item_file_preview_update label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	box-shadow: var(--btn-shadows);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	color: #fff;
}
.item_table tr td {
	cursor: pointer;
}
.item_table tr:hover td {
	background: #f6fcf8;
}

.item_search .search {
	padding: 10px 30px;
	border-top: 1px solid var(--color-boder);
	border-bottom: 1px solid var(--color-boder);
	height: auto;
	display: flex;
	align-items: center;
}
.item_search .search .search_box {
	display: flex;
	align-items: center;
	gap: 10px;
}
.item_search .search .search_box .search_th {
	width: 100px;
	cursor: default;
}
.item_search .search .search_box .search_input {
	display: flex;
	align-items: center;
	gap: 10px;
}
.item_search .search .search_box .search_input button {
	padding: 8px 18px;
	border: none;
	cursor: pointer;
	font-size: 13px;
	color: #fff;
}
.item_search #date_wrap {
	position: relative;
}
.item_search #date_wrap span {
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 2;
	transform: translateY(-50%);
	color: var(--color-text-default);
}
.item_search .filter {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-left: 10px;
}
.item_search .filter .filter_list {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 4px 5px;
	border-radius: 5px;
	border: 1px solid #67aad9;
	background: #f5fbff;
}
.item_search .filter .filter_list span {
	color: #3b86c8;
	font-size: 15px;
	letter-spacing: -0.5px;
	cursor: default;
}
.item_search .filter .filter_list span b {
	font-weight: bold;
}
.item_search .img img {
	width: 60px;
	height: 60px;
	object-fit: cover;
}

.quick_menu table td.img img {
	width: 60px;
	height: 60px;
}

.tab_wrap {
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid var(--color-boder);
	height: 70px;
}
.tab_btn {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}
.tab_info {
	position: absolute;
	top: 50px;
	right: 0;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	padding: 15px;
	min-width: 300px;
	background: #fff;
	display: none;
	box-shadow: var(--btn-shadows);
	z-index: 9;
}
.tab_info h3 {
	font-size: 16px;
	margin-bottom: 10px;
	color: var(--color-default);
}
.tab_info ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
	border-top: 1px solid var(--color-boder);
	border-bottom: 1px solid var(--color-boder);
	padding: 15px 0;
}
.tab_info ul li {
	font-size: 14px;
	list-style: disc;
	margin-left: 20px;
}
.tab_info ul li b {
	color: var(--color-highlight);
}
.tab_info .hi_text {
	margin-top: 10px;
	color: var(--color-purple);
	font-size: 12px;
	line-height: 1.2;
}
.input_wrap .hi_text {
	margin-top: 10px;
	color: var(--color-purple);
	font-size: 12px;
	line-height: 1.2;
}
.tab_btn button {
	border: 0;
	color: #fff;
	padding: 10px 15px;
	cursor: pointer;
}
.tab_btn a {
	color: var(--color-text-default);
	transition: all 0.2s;
}
.tab_btn a:hover {
	color: var(--color-highlight);
}
.sub_tab {
	display: flex;
	align-items: center;
	gap: 10px;
}
.sub_tab a {
	padding: 10px 15px;
	display: inline-block;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	transition: all 0.2s;
}
.sub_tab a:hover {
	background: var(--color-gray);
}
.sub_tab a.active {
	background: var(--color-default);
	color: #fff;
	box-shadow: var(--btn-shadows);
}
.ecount_selector {
	display: flex;
	align-items: center;
	gap: 10px;
}
.ecount_selector a {
	padding: 10px 15px;
	display: inline-block;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	transition: all 0.2s;
}
.ecount_selector a:hover {
	background: var(--color-gray);
}
.ecount_selector a.active {
	background: var(--color-default);
	color: #fff;
	box-shadow: var(--btn-shadows);
}

#ecount_info {
	color: var(--color-purple);
	font-size: 13px;
}
.item_search th {
	white-space: nowrap;
}

.table_slide {
	overflow: auto;
}
.table_slide table {
	white-space: nowrap;
	border-collapse: separate;
	border-spacing: 0;
}
/* .table_slide table th:first-child, 
.table_slide table td:first-child{position: sticky; position: -webkit-sticky; left: 0; width: 500px; min-width: 500px; max-width: 500px; background: #fff; border-right: 1px solid #ebf1f6; white-space: normal;} */
.table_slide td {
	cursor: default;
}
.click_active {
	cursor: pointer !important;
}
.click_active:active {
	font-weight: bold !important;
	box-shadow: var(--btn-shadows);
}
.settlement_content {
	padding: 0 30px 50px;
	box-sizing: border-box;
}
.settlement_search {
	padding: 15px 0;
	border-top: 1px solid var(--color-boder);
	border-bottom: 1px solid var(--color-boder);
}
.settlement_search .settlement_form {
	display: grid;
	gap: 12px;
}
.settlement_search .search_box {
	align-items: flex-start;
}
.settlement_search .search_input {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.settlement_search .help_text {
	font-size: 12px;
	color: #8d96a1;
}
.settlement_search .search_btns {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: 110px;
}
.settlement_search .referrer_suggestions {
	margin: 10px 0 0 110px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.settlement_search .referrer_suggestions p {
	font-size: 13px;
	color: #6f7a86;
}
.settlement_search .referrer_suggestions .referrer_tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.settlement_search .referrer_suggestions .referrer_tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border: 1px solid #67aad9;
	border-radius: var(--border-radius);
	background: #f5fbff;
	color: #3b86c8;
	font-size: 13px;
	text-decoration: none;
}
.settlement_search .referrer_suggestions .referrer_tag:hover {
	background: #e8f4ff;
}
.settlement_search .referrer_suggestions .referrer_tag .amount {
	color: #66707a;
	font-size: 12px;
}
.settlement_search .referrer_suggestions.empty {
	margin-left: 110px;
	color: #8d96a1;
	font-size: 13px;
}
.settlement_alert {
	margin-top: 10px;
	padding: 12px 14px;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	border: 1px solid var(--color-boder);
}
.settlement_alert[hidden] {
	display: none;
}
.settlement_alert.success {
	background: #f1faf3;
	color: #2e7d32;
}
.settlement_alert.error {
	background: #fef4f2;
	color: #c62828;
}
.settlement_summary {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 15px;
	padding: 20px 0;
}
.settlement_summary .summary_card {
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	padding: 15px;
	box-shadow: var(--btn-shadows);
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.settlement_summary .summary_card.highlight {
	background: #f5fbff;
	border-color: #67aad9;
}
.settlement_summary .summary_card p {
	font-size: 14px;
	color: #6f7a86;
}
.settlement_summary .summary_card strong {
	font-size: 18px;
	color: var(--color-text-default);
}
.settlement_summary .summary_card strong.minus {
	color: #c62828;
}
.settlement_summary .summary_highlight_row {
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: space-between;
}
.settlement_summary .summary_badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 8px;
	border-radius: 12px;
	background: #eef6ff;
	color: #1e6fb5;
	font-size: 12px;
	font-weight: 600;
}
.settlement_summary .summary_zero_notice {
	margin: 4px 0 0;
	color: #c62828;
	font-size: 13px;
}
.previous_summary {
	margin-top: 6px;
}
.previous_summary_title {
	margin: 6px 0 0;
	font-size: 13px;
	color: #6f7a86;
}
.previous-summary-grid .summary_card.highlight {
	background: #fffaf3;
	border-color: #f0b664;
}
.summary_source_notice {
	margin-top: -6px;
	margin-bottom: 10px;
	color: #6f7a86;
	font-size: 13px;
}
.settlement_status {
	padding: 0 0 15px;
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--color-boder);
}
.settlement_status .inline_form {
	margin-left: auto;
}
.settlement_status .inline_form button {
	color: #fff;
	padding: 8px 12px;
	border: 0;
	cursor: pointer;
}
.settlement_table_header {
	padding: 15px 0 10px;
	margin-top: 10px;
}
.settlement_table_header .box_header_btn a {
	padding: 8px 12px;
	color: #fff;
}
.settlement_table {
	padding-bottom: 50px;
}
.vip {
	color: #ea5d00 !important;
}
.vip3 {
	color: #dd599b !important;
}
.vip5 {
	color: #aa52d9 !important;
}

.table.table_slide table td:nth-child(2),
.table.table_slide table td:nth-child(3) {
	cursor: default;
}
.red {
	color: rgb(var(--color-red-bg)) !important;
	font-size: 13px;
}
.purple {
	color: #aa52d9 !important;
	font-size: 13px;
}
.more_vc {
	position: relative;
}
.more_vc_content {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: calc(100% + 76.83px + 115.14px);
	display: none;
	z-index: 9;
	box-shadow: var(--btn-shadows);
}
.more_vc_content ul {
	border: 1px solid var(--color-default);
}
.more_vc_content ul li {
	padding: 0 10px;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	border-bottom: 1px solid var(--color-boder);
}
.more_vc_content ul li div {
	display: flex;
	align-items: center;
}
.more_vc_content ul li div span {
	height: 40px;
	display: flex;
	align-items: center;
	padding: 0 10px;
}
.more_vc_content ul li div span:first-child {
	width: 200px;
	justify-content: center;
}
.more_vc_content ul li div span:nth-child(2) {
	width: 110px;
	border-left: 1px solid var(--color-boder);
	justify-content: flex-end;
}
.more_vc_content ul li div span:nth-child(3) {
	width: 115px;
	border-left: 1px solid var(--color-boder);
	justify-content: flex-end;
}
.more_close_btn {
	margin: 10px 0;
}
.more_close_btn button {
	width: 100%;
	color: #fff;
	border: 0;
	padding: 5px 0;
	cursor: pointer;
}
.cursorP {
	cursor: pointer !important;
}

.more_vc_content.coupang_vc {
	width: calc(100% + 171.56px + 173.97px);
}
.more_vc_content.coupang_vc ul li div span:first-child {
	width: 152px;
	justify-content: center;
}
.more_vc_content.coupang_vc ul li div span:nth-child(2) {
	width: 150px;
	border-left: 1px solid var(--color-boder);
	justify-content: flex-end;
}
.more_vc_content.coupang_vc ul li div span:nth-child(3) {
	width: 142px;
	border-left: 1px solid var(--color-boder);
	justify-content: flex-end;
}

.item_list {
}
.table.item_list table th:first-child,
.table.item_list table td:first-child {
	border-left: 0;
	white-space: nowrap;
	overflow: hidden;
	max-width: 500px;
	text-overflow: ellipsis;
}

.fix_space {
	white-space: normal !important;
}
.ecount_table {
}

.ecount_table table th:first-child,
.ecount_table table td:first-child {
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	width: 500px;
	min-width: 500px;
	max-width: 500px;
	background: #fff;
	border-right: 1px solid #ebf1f6;
}
.ecount_table table th:first-child {
	background: #fafbfb;
}
.ecount_table table td:first-child .prod_des_wrap .prod_des {
	display: inline-block;
	width: 400px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
}
.ecount_table table td:first-child .prod_des_wrap {
	position: relative;
}
.ecount_table table td:first-child .find_update {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.ecount_table table td:first-child .find_update span {
	cursor: pointer !important;
}

.ecount_sold_out_table table td:nth-child(1) .prod_des_wrap .prod_des {
	display: inline-block;
	width: 400px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
}
.ecount_sold_out_table table td:nth-child(1) .prod_des_wrap {
	position: relative;
}
.ecount_sold_out_table table td:nth-child(1) .find_update {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.ecount_sold_out_table table td:nth-child(1) .find_update span {
	cursor: pointer !important;
}

.ecount_sold_out_table td a {
	padding: 5px 8px;
	color: #fff;
}
.ecount_sold_out_table tbody td:nth-child(5),
.ecount_sold_out_table tbody td:nth-child(6),
.ecount_sold_out_table tbody td:nth-child(7),
.ecount_sold_out_table tbody td:nth-child(8) {
	font-size: 13px;
	color: #707880;
}

.table.ecount_table table.trHover tr:hover td:first-child {
	background: #f7fdf8;
}

.ecount_table table td:nth-child(4),
.ecount_table table td:nth-child(5),
.ecount_table table td:nth-child(6),
.ecount_table table td:nth-child(7),
.ecount_table table td:nth-child(8) {
	cursor: grab;
}

.draggable {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-use-select: none;
	user-select: none;
}

.ecount_info_text {
	margin-top: 30px;
	font-size: 13px;
	color: var(--color-default);
}

.progress_layer {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999;
	display: none;
}
.progress_layer .progress_title {
	width: 100%;
	text-align: center;
}
.progress_layer .progress_title h1 {
	font-family: 'Pretendard';
	font-size: 21px;
	font-weight: bold;
	line-height: 1.5;
}
.progress_layer .progress_title div svg {
	width: 20%;
}
.progress_layer .progress_wrap {
	width: 500px;
	border: 1px solid #e9e9e9;
	background: #fff;
	border-radius: 7px;
	padding: 50px 30px;
}
.progress_layer .progress_wrap .progress_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 30px;
}
.progress_layer .progress_wrap .p_b {
	width: 100%;
}
.progress_layer .progress_wrap .p_b h3 {
	font-family: 'Pretendard';
	margin-bottom: 10px;
	font-weight: bold;
	letter-spacing: -0.5px;
	cursor: default;
}
.progress_layer .progress_wrap .progress {
	position: relative;
	width: 100%;
	height: 10px;
	border-radius: 5px;
	overflow: hidden;
	background: #f2f2f2;
}
.progress_layer .progress_wrap .progress .progress_bar {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	width: 1%;
	height: 100%;
	background: #00c13a;
	transition: all 0.3s;
}
.progress_layer .progress_wrap .progress2 {
	position: relative;
	width: 100%;
	height: 10px;
	border-radius: 5px;
	overflow: hidden;
	background: #f2f2f2;
	margin-top: 20px;
}
.progress_layer .progress_wrap .progress2 .progress_bar2 {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	width: 1%;
	height: 100%;
	background: #00c13a;
	transition: all 0.3s;
}
.progress_popup_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
}
.progress_err {
	font-size: 13px;
	font-family: 'Pretendard';
	letter-spacing: -0.5px;
	margin-top: 30px;
	line-height: 1.3;
	color: #ec734e;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.progress_err b {
	font-weight: bold;
}

.def_text {
	font-size: 13px;
	color: #707880 !important;
}

.open_tier_layer_bg {
	position: fixed;
	z-index: 8;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: none;
}
.open_tier_layer {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid var(--color-boder);
	width: 1000px;
	z-index: 9;
	background: #fff;
	padding: 30px;
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	display: none;
}
.open_tier_layer table {
	width: 100%;
}
.open_tier_layer table tr th {
	background: #fafafb;
	font-weight: bold;
}
.open_tier_layer table tr th,
.open_tier_layer table tr td {
	border: 1px solid var(--color-boder);
	padding: 8px 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	color: #222;
}

.order_info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
}
.order_info_date {
	font-size: 13px;
	color: #707880;
}

.order_list table th:first-child,
.order_list table td:first-child {
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	background: #fff;
	border-right: 1px solid #ebf1f6;
}
.table.order_list table.trHover tr:hover td:first-child {
	background: #f7fdf8;
}
.order_list table td:nth-child(3) {
	cursor: pointer !important;
}
.order_list table td:nth-child(4),
.order_list table td:nth-child(5),
.order_list table td:nth-child(6),
.order_list table td:nth-child(7) {
	cursor: grab;
}
.order_list table tr.red_bg td {
	background: rgb(232 224 0 / 10%);
}
.order_list table tr.red_bg td:first-child {
	background: #fff;
}
.order_list table tr.blue_bg td {
	background: rgb(0 140 232 / 10%);
}
.order_list table tr.blue_bg td:first-child {
	background: #fff;
}
.order_list table tr.purple_bg td {
	background: rgba(178, 0, 232, 0.05);
}
.order_list table tr.purple_bg td:first-child {
	background: #fff;
}

.order_items_wrap td {
	background: #fafafb;
}
.order_items_details {
	display: block;
	border: 1px solid var(--color-boder);
	border-radius: 8px;
	background: #fff;
	padding: 12px 14px;
}
.order_items_details[open] {
	box-shadow: var(--btn-shadows);
}
.order_items_toggle {
	cursor: pointer;
	font-weight: 600;
	color: var(--color-default);
	position: relative;
	padding-left: 20px;
}
.order_items_toggle::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	border: 2px solid var(--color-default);
	border-left: 0;
	border-top: 0;
	transform-origin: center;
	transition: transform 0.2s ease;
}
.order_items_details[open] .order_items_toggle::before {
	transform: translateY(-50%) rotate(90deg);
}
.order_items_table_wrap {
	overflow: auto;
	margin-top: 12px;
}
.order_items_table {
	width: 100%;
	border-collapse: collapse;
	min-width: 720px;
}
.order_items_table thead th {
	background: #f3f6f9;
	font-weight: 600;
	color: #333;
}
.order_items_table th,
.order_items_table td {
	border: 1px solid var(--color-boder);
	padding: 8px 10px;
	font-size: 13px;
	vertical-align: middle;
}
.order_item_num_head,
.order_item_num {
	background: #f7f9fc;
	border-left: 2px solid #d6e4f0;
	border-right: 1px solid #d6e4f0;
	font-weight: 600;
	color: #2f3a4c;
	white-space: nowrap;
}
.text-negative {
	color: #d93025 !important;
	font-weight: 700;
}

.amount-strong {
	display: inline-flex;
	justify-content: flex-end;
	width: 100%;
	padding: 6px 8px;
	border-radius: 8px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	color: #0f172a;
	background: linear-gradient(180deg, #f4f7ff 0%, #e7edff 100%);
	border: 1px solid #d5def0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
	box-sizing: border-box;
}
.amount-strong2 {
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	color: #0f172a;
}

.trHover tr:hover .amount-strong,
.order-summary-row.is-open .amount-strong {
	background: #dce7ff;
	color: #0b152a;
	border-color: #bfd0ff;
}

@media (max-width: 768px) {
	.amount-strong {
		padding: 6px;
		border-radius: 6px;
		background: #eef2ff;
	}
}

@media print {
	.amount-strong {
		background: #fff;
		color: #000;
		border: 1px solid #111;
		box-shadow: none;
	}
}

.settlement-orders table {
	border-collapse: collapse;
	width: 100%;
}
.settlement-orders th,
.settlement-orders td {
	border: 1px solid #e2e8f0;
	padding: 10px 12px;
	background: #fff;
}

.settlement-orders .order-summary-row td:last-child {
	white-space: nowrap;
}
.settlement-orders .order-items-row[hidden] {
	display: none;
}
.settlement-orders .order-items-row > td,
.settlement-orders .order-items-row > th {
	background: #f9fbff;
}
.order-items-header td {
	font-weight: 700;
	color: #1f2937;
}
.order-items-heading {
	font-weight: 700;
	color: #1f2a44;
	background: #eef2ff;
}
.order-items-label {
	font-weight: 600;
	color: #334155;
}

.settlement-orders .order-items-row > td.order-items-wrapper {
	padding: 0;
	background: #fff;
}

.settlement-orders .order-items-panel {
	margin: 10px 12px;
	padding: 12px;
	border-radius: 14px;
	border: 1px solid #dbeafe;
	background: #f9fbff;
}

.settlement-orders .order-items-panel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.settlement-orders .order-items-panel__title {
	font-weight: 800;
	color: #1f2a44;
}

.settlement-orders .order-items-panel__meta {
	font-size: 12px;
	color: #64748b;
	font-variant-numeric: tabular-nums;
}

.settlement-orders .order-items-panel__body {
	overflow-x: auto;
}

.settlement-orders .order-items-subtable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	min-width: 920px;
}

.settlement-orders .order-items-subtable th,
.settlement-orders .order-items-subtable td {
	padding: 8px 10px;
	border-right: 1px solid #e2e8f0;
	border-bottom: 1px solid #e2e8f0;
	background: #fff;
	vertical-align: top;
}

.settlement-orders .order-items-subtable th {
	background: #eef2ff;
	font-weight: 700;
	color: #1f2937;
	white-space: nowrap;
}

.settlement-orders .order-items-subtable tr:last-child td {
	border-bottom: 0;
}

.settlement-orders .order-items-subtable th:last-child,
.settlement-orders .order-items-subtable td:last-child {
	border-right: 0;
}

.settlement-orders .order-items-index-col,
.settlement-orders .order-items-index-cell {
	width: 44px;
	white-space: nowrap;
}
.settlement-orders .order-items-toggle-btn {
	display: inline-flex;
}
.order-number-cell {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-start;
	text-align: left;
}
.order-number-text {
	font-weight: 600;
}

.settlement-orders .referrer-code-stack {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	line-height: 1.2;
}

.settlement-orders .referrer-code-primary {
	font-weight: 600;
	color: #111827;
}

.settlement-orders .referrer-code-secondary {
	font-size: 12px;
	color: #94a3b8;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 768px) {
	.settlement-orders .referrer-code-secondary {
		max-width: 160px;
	}
}
.order-items-toggle-btn {
	font-size: 13px;
	border: 1px solid #eeeeed;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	margin: 0;
	padding: 6px 12px;
	line-height: 1.4;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #1f2937;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		background-color 0.2s ease;
}
.order-items-toggle-btn:focus-visible {
	outline: 2px solid #4f46e5;
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
}
.order-items-toggle-btn.is-open {
	border-color: #9ac5f7;
	background: #f3f8ff;
	box-shadow: 0 0 0 1px rgba(112, 168, 255, 0.2);
}
.order-items-toggle__icon {
	display: inline-flex;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #f1f5f9;
	align-items: center;
	justify-content: center;
}
.order-items-toggle__svg {
	width: 12px;
	height: 12px;
}
.order-items-toggle__icon-line {
	stroke: #1e293b;
	stroke-width: 2;
	stroke-linecap: round;
	transition: opacity 0.2s ease;
}
.order-items-toggle-btn.is-open .order-items-toggle__icon-line--vertical {
	opacity: 0;
}
.order-items-toggle__label {
	font-weight: 600;
}
.order-summary-row.is-open td {
	background: #f0f7ff;
	border-color: #d4e5ff;
}
.order-items-row.is-open td {
	border-color: #d4e5ff;
}
.discount-breakdown-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-end;
	margin-top: 4px;
	min-height: 22px;
	padding: 2px 0;
}
.discount-breakdown-tags--align-left {
	justify-content: flex-start;
}
.discount-tag {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 999px;
	background: #f1f4f8;
	color: #47505c;
	font-size: 12px;
	line-height: 1.3;
}
.discount-tag__label {
	font-weight: 600;
}
.discount-tag__amount {
	color: #c62828;
}
.discount-tag.muted {
	background: #f7f7f8;
	color: #8d96a1;
}
.settlement-orders .option-list {
	padding-left: 0;
	margin: 0;
}
.settlement-orders .option-list li {
	list-style: none;
}
@media print {
	.settlement-orders th,
	.settlement-orders td {
		padding: 6px 8px;
		border: 1px solid #111;
		background: #fff;
	}
	.order-items-toggle-btn {
		display: none !important;
	}
}

.items_list {
	display: flex;
	flex-direction: column;
}
.items_list .items_list_box {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--color-boder);
	display: flex;
	align-items: center;
}
.items_list .items_list_box:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.order_from {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1100px;
	height: 80vh;
	background: #fff;
	z-index: 9;
	padding: 30px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	display: none;
}
.order_from .order_from_content {
	width: 100%;
	height: 100%;
	overflow: auto;
}
.order_from .order_from_content table {
	width: 100%;
	margin-bottom: 20px;
}
.order_from .order_from_content table tr th,
.order_from .order_from_content table tr td {
	border: 1px solid var(--color-boder);
	font-size: 13px;
	padding: 8px;
}
.order_from .order_from_content table.order_from_info tr th {
	font-weight: bold;
	width: 100px;
}
.order_from .order_from_content table.order_from_info tr td {
	width: 350px;
}
.order_from .close {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.order_from .close .from_btn button {
	padding: 7px 13px;
	color: #fff;
	border: 0;
	cursor: pointer;
}
.order_from .close .from_btn button.yellow_btn {
	padding: 7px 13px;
	color: #3a1c1d;
	border: 0;
}
.order_from .close .from_btn span {
	margin-left: 10px;
	font-size: 13px;
	color: var(--color-default);
}
.order_from .close .close_btn {
	cursor: pointer;
}
.order_from .title {
	margin-bottom: 20px;
	padding: 10px;
	background: rgba(var(--color-green-bg) / 0.1);
	border-radius: var(--border-radius);
	display: none;
}
.order_from .title h1 {
	color: var(--color-default);
}

.table_flex {
	display: flex;
	gap: 10px;
}

.order_item_list {
	overflow: auto;
	height: 300px;
}
.order_item_list table tr th {
	white-space: nowrap;
}
.order_item_list table tr td:last-child {
	white-space: nowrap;
}
.order_item_list table tr.yellow_bg td {
	background: rgb(232 224 0 / 10%);
}

.alimtalk {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	height: 65vh;
	background: #fff;
	z-index: 11;
	padding: 30px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	display: none;
}
.alimtalk .close {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.alimtalk .close .close_btn {
	cursor: pointer;
}
.alimtalk button {
	cursor: pointer;
	color: #fff;
	border: 0;
	padding: 7px 13px;
}
.alimtalk button.yellow_btn {
	padding: 7px 13px;
	color: #3a1c1d;
	border: 0;
}
.alimtalk .alimtalk_info table {
	width: 100%;
	margin-bottom: 20px;
}
.alimtalk .alimtalk_info table tr th,
.alimtalk .alimtalk_info table tr td {
	border: 1px solid var(--color-boder);
	font-size: 13px;
	padding: 8px;
	vertical-align: middle;
}
.alimtalk .alimtalk_info table tr th {
	font-weight: bold;
	width: 100px;
}
.alimtalk .alimtalk_info table tr td {
	width: 250px;
}

.alimtalk_items {
	overflow: auto;
	height: 300px;
}
.alimtalk_items table {
	width: 100%;
}
.alimtalk_items table tr th,
.alimtalk_items table tr td {
	border: 1px solid var(--color-boder);
	font-size: 13px;
	padding: 8px;
	vertical-align: middle;
}
.alimtalk_items table tr th {
	white-space: nowrap;
}
.alimtalk_items table tr td:last-child {
	white-space: nowrap;
}
.alimtalk_items table tr.yellow_bg td {
	background: rgb(232 224 0 / 10%);
}
.alimtalk_total {
	width: 100%;
	display: flex;
	flex-direction: column;
	border-top: 2px solid var(--color-boder);
}
.alimtalk_total div {
	padding: 10px;
	border-bottom: 1px solid var(--color-boder);
	text-align: right;
	font-size: 14px;
}
.alimtalk_total .discount {
	color: var(--color-purple);
}
.alimtalk_total .price {
	color: var(--color-highlight);
}
.alimtalk_total .total_price {
	color: #000;
}
.alimtalk_total .total_price span {
	font-size: 17px;
	font-weight: bold;
	color: var(--color-default);
}

.red_text {
	color: red;
}

.self_order {
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	cursor: pointer;
}
.alimtalk_btn {
	display: flex;
	align-items: center;
	gap: 10px;
}
.fee input {
	width: 100px;
	text-align: right;
}

.payment_wrap {
	max-width: 500px;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	background: #fff;
	display: flex;
	flex-direction: column;
}
.payment_wrap .payment_title {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 30px;
	background: #e8fbe8;
	color: #356a35;
}
.payment_wrap .payment_title h1 {
	font-size: 18px;
	color: var(--color-default);
}
.payment_wrap .payment_title p {
	font-size: 13px;
	color: var(--color-text-default);
}
.payment_wrap .payment_info {
	flex: 1 0 0;
	width: 100%;
}
.payment_wrap .payment_info .order_from_content {
	width: 100%;
	margin-bottom: 20px;
}
.payment_wrap .payment_info .order_from_content table tr th,
.payment_wrap .payment_info .order_from_content table tr td {
	border: 1px solid var(--color-boder);
	padding: 10px;
	font-size: 13px;
}
.payment_wrap .payment_info .order_from_content table tr th {
	width: 100px;
}
.payment_wrap .payment_info .order_from_content table tr td {
	width: 150px;
}
.payment_wrap .payment_info .order_item_list {
	width: 100%;
}
.payment_wrap .payment_info .order_item_list table {
	width: 100%;
}
.payment_wrap .payment_info .order_item_list table tr th,
.payment_wrap .payment_info .order_item_list table tr td {
	border: 1px solid var(--color-boder);
	font-size: 13px;
	padding: 10px 15px;
}
.payment_wrap .payment_info .order_item_list table tr th:nth-child(1),
.payment_wrap .payment_info .order_item_list table tr td:nth-child(1) {
	width: 440px;
}
.payment_wrap .payment_info .order_item_list table tr th:nth-child(2),
.payment_wrap .payment_info .order_item_list table tr td:nth-child(2),
.payment_wrap .payment_info .order_item_list table tr th:nth-child(3),
.payment_wrap .payment_info .order_item_list table tr td:nth-child(3) {
	width: 40px;
	text-align: right;
}
.payment_wrap .payment_btn {
	height: 80px;
}
.payment_wrap .payment_btn button {
	width: 100%;
	color: #fff;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	height: 80px;
	font-size: 18px;
	padding-bottom: 10px;
}
.order_status_wrap {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.order_status_wrap .ecount_status {
	color: var(--color-default);
	font-size: 14px;
}

.order_update {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.order_update span {
	font-size: 13px;
	color: var(--color-default);
}

.session_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--color-boder);
}
.session_wrap .timer_num {
	font-size: 13px;
	display: flex;
	align-items: center;
	gap: 5px;
}
.session_wrap .timer_num span {
	color: var(--color-default);
}
.session_wrap .timer_btn span {
	cursor: pointer;
}

.batch_count {
	margin-top: 10px;
}
.ecount_batch_count {
	margin-top: 10px;
}

.progress_log {
	height: 80px;
	overflow: auto;
	margin-top: 20px;
}
.progress_log ul {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.progress_log ul li {
	font-size: 12px;
}
#smartstore_close {
	width: 100%;
	padding: 7px 0;
	border: 0;
	cursor: pointer;
	margin-top: 30px;
}

.canceled_t td {
	background: #fff3ef;
}
.canceled_m td {
	background: #fdfaed;
}
.order_list table tr.canceled_t td:first-child {
	background: #fff3ef;
}
.order_list table tr.canceled_m td:first-child {
	background: #fdfaed;
}

.game_wrap {
	width: 100%;
	height: 100%;
	display: flex;
}
.game_wrap .game_setting {
	width: 400px;
	border-right: 1px solid var(--color-boder);
	border-top: 1px solid var(--color-boder);
}
.game_box {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.game_box .game_inner {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 15px;
	box-sizing: border-box;
}
.game_box .game_inner .game_input {
	display: flex;
}
.game_box .game_inner .game_input input {
	width: 255px;
}
.game_box .game_inner .game_input button {
	flex: 1;
	color: #fff;
	border: 0;
	cursor: pointer;
}
.game_answer_wrap {
	padding: 15px;
	box-sizing: border-box;
}
.game_answer {
	display: flex;
	gap: 5px;
}
.game_answer input {
	width: 255px;
}
.game_answer button {
	flex: 1;
	cursor: pointer;
	color: #fff;
	border: 0;
	height: 33px;
	margin: 5px 0;
}
.game_choice {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.game_choice .game_choice_box {
	display: flex;
	gap: 5px;
	align-items: center;
}
.game_choice .game_choice_box span.number {
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.game_choice .game_choice_box input {
	flex: 1;
}
.game_choice .game_choice_box .add {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}
.game_choice .game_choice_box .add #add {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	cursor: pointer;
}
.game_choice .game_choice_box .add .remove {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	cursor: pointer;
}
.game_choice_btn {
	width: 100%;
	margin-top: 10px;
}
.game_choice_btn button {
	width: 100%;
	color: #fff;
	border: 0;
	cursor: pointer;
	padding: 7px 0;
}
.game_user {
	flex: 1 0 0;
}

.game_img_btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 10px;
}
.game_img_btn a {
	font-size: 13px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	padding: 5px 10px;
}

.switch2 {
	position: relative;
	display: inline-block;
	margin: 0 5px;
}

.switch2 > span {
	position: absolute;
	top: 14px;
	pointer-events: none;
	font-family: 'Helvetica', Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
	width: 50%;
	text-align: center;
}

input.check-toggle-round-flat:checked ~ .off {
	color: #fff;
}

input.check-toggle-round-flat:checked ~ .on {
	color: #fff;
}

.switch2 > span.on {
	left: 0;
	padding-left: 2px;
	color: #fff;
}

.switch2 > span.off {
	right: 0;
	padding-right: 4px;
	color: #fff;
}

.check-toggle {
	position: absolute;
	margin-left: -9999px;
	visibility: hidden;
}
.check-toggle + label {
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.check-toggle-round-flat + label {
	padding: 2px;
	width: 97px;
	height: 34px;
	background-color: #d4d7d4;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
}
input.check-toggle-round-flat + label:before,
input.check-toggle-round-flat + label:after {
	display: block;
	position: absolute;
	content: '';
}

input.check-toggle-round-flat + label:before {
	top: 2px;
	left: 2px;
	bottom: 2px;
	right: 2px;
	background-color: #d4d7d4;
	border-radius: 60px;
}
input.check-toggle-round-flat + label:after {
	top: 4px;
	left: 4px;
	bottom: 4px;
	width: 46px;
	background-color: #46a31d;
	-webkit-border-radius: 52px;
	-moz-border-radius: 52px;
	-ms-border-radius: 52px;
	-o-border-radius: 52px;
	border-radius: 52px;
	-webkit-transition: margin 0.2s;
	-moz-transition: margin 0.2s;
	-o-transition: margin 0.2s;
	transition: margin 0.2s;
}

input.check-toggle-round-flat:checked + label {
}

input.check-toggle-round-flat:checked + label:after {
	margin-left: 44px;
	background: #e31b1b;
}

.tab_setting {
}
.tab_setting .tab_inner {
	display: flex;
	align-items: center;
}
.tab_setting .tab_inner .menu_name {
	width: 200px;
}

.open_item_inner {
	position: fixed;
	z-index: 9;
	border: 1px solid var(--color-boder);
	background: #fff;
	display: none;
	max-width: 1000px;
	overflow: auto;
}
.open_item_close {
	width: 100%;
}
.open_item_close button {
	cursor: pointer;
	border: 0;
	width: 100%;
	padding: 7px;
}
.open_item_inner .table {
	min-height: auto;
}
.open_item_inner .table table td {
	white-space: nowrap;
}
.btn_wrap button {
	color: #fff;
	border: 0;
	padding: 7px 10px;
	cursor: pointer;
}
.date {
	font-size: 13px;
	color: var(--color-highlight);
}
.success_class {
	color: var(--color-default) !important;
}

#excel_btn {
	padding: 7px 10px;
	cursor: pointer;
	border: 0;
	color: #fff;
}

/* Partners settlement */
.settlement_content {
	padding-bottom: 80px;
	box-sizing: border-box;
}

.settlement-section {
	margin: 25px 0 0;
	background: #fff;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	box-shadow: var(--btn-shadows);
	overflow: hidden;
}

.settlement_panel {
	padding: 20px 24px 26px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.settlement_content .settlement_panel .settlement_form,
.settlement_content .settlement_panel .settlement-form-grid.single-row {
	max-width: 520px;
}

.settlement_panel.compact {
	gap: 12px;
}

.settlement-form-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px 18px;
	align-items: flex-start;
}

.settlement-form-grid.single-row {
	grid-template-columns: 1fr;
}

.form_field label {
	display: block;
	font-weight: 700;
	font-size: 14px;
	color: var(--color-text-default);
	margin-bottom: 6px;
}

.field_body .help_text {
	margin-top: 6px;
	color: #7b8290;
	font-size: 13px;
	line-height: 1.45;
}

.field_body.inline {
	display: flex;
	align-items: center;
	gap: 12px;
}

.settlement_section_hint {
	font-size: 13px;
	color: #7b8290;
}
.settlement_alert {
	padding: 12px 14px;
	border-radius: var(--border-radius);
	font-size: 14px;
	box-shadow: var(--btn-shadows);
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
}

.settlement_alert[hidden] {
	display: none;
}

.settlement_alert.success {
	background: rgba(var(--color-green-bg) / 0.1);
	border-color: rgba(var(--color-green-bg) / 0.4);
	color: #2f6931;
}

.settlement_alert.error {
	background: rgba(var(--color-red-bg) / 0.08);
	border-color: rgba(var(--color-red-bg) / 0.5);
	color: rgb(var(--color-red-bg));
}

.settlement_inline_notice {
	min-height: 18px;
	font-size: 13px;
	color: rgb(var(--color-red-bg));
	opacity: 0;
	transition: opacity 0.2s ease;
}

.settlement_inline_notice.show {
	opacity: 1;
}

.settlement_table_header {
	border-bottom: 1px solid var(--color-boder);
}

.settlement_table table thead th {
	position: sticky;
	top: 0;
	background: #f7f9fb;
	z-index: 1;
}

.settlement_table.settlement-orders {
	max-height: 540px;
	overflow: auto;
}

.settlement_table.settlement-orders table {
	min-width: 1024px;
}

.settlement_table table.minimal {
	min-width: 100%;
}

.settlement-period-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 14px;
	padding: 4px 24px 18px;
	margin-top: 8px;
}

.settlement-period-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	border-radius: 14px;
	border: 1px solid #dce3f0;
	background: linear-gradient(120deg, #f9fbff 0%, #f4f7ff 50%, #fdfdff 100%);
	box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
	transition:
		transform 0.15s ease,
		box-shadow 0.15s ease;
}

.settlement-period-card.primary {
	border-color: #c7d7ff;
}

.settlement-period-card.muted {
	border-color: #d9dde7;
	background: linear-gradient(120deg, #f7f9fc 0%, #f3f5f9 50%, #fbfcfe 100%);
}

.settlement-period-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(17, 24, 39, 0.12);
}

.settlement-period-icon {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: #e8edfb;
	font-size: 22px;
}

.settlement-period-card.muted .settlement-period-icon {
	background: #edf0f6;
}

.settlement-period-body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	line-height: 1.4;
}

.settlement-period-label {
	font-size: 13px;
	color: #6b7280;
	letter-spacing: -0.01em;
}

.settlement-period-value {
	font-weight: 800;
	font-size: 20px;
	color: #1f2937;
	letter-spacing: -0.01em;
}

.settlement-period-desc {
	font-size: 12px;
	color: #8a93a4;
}

.settlement-summary-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 14px;
	padding: 18px 24px 10px;
	background: #f8f9fb;
	border-bottom: 1px solid var(--color-boder);
}

.settlement-summary-cards--quartet {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.settlement-summary-cards--quintet {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.settlement-summary-cards--sextet {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1400px) {
	.settlement-summary-cards--quintet {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.settlement-summary-cards--sextet {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 1100px) {
	.settlement-summary-cards--quartet {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.settlement-summary-cards--quintet {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.settlement-summary-cards--sextet {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.settlement-summary-cards--quartet {
		grid-template-columns: 1fr;
	}
	.settlement-summary-cards--quintet {
		grid-template-columns: 1fr;
	}
	.settlement-summary-cards--sextet {
		grid-template-columns: 1fr;
	}
}

.settlement-summary-card {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 14px 16px;
	border: 1px solid #e6e9f0;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 4px 10px rgba(17, 24, 39, 0.05);
}

.settlement-summary-card.primary {
	border-color: #c6d8ff;
	background: #f7f9ff;
}

.settlement-summary-card.highlight {
	border-color: #9ed1a0;
	background: #f2faf3;
}

.settlement-summary-card .settlement-summary-icon {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #eef1f7;
	font-size: 20px;
}

.settlement-summary-card.primary .settlement-summary-icon {
	background: #e6edff;
}

.settlement-summary-card.highlight .settlement-summary-icon {
	background: #e1f4e2;
}

.settlement-summary-body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	line-height: 1.4;
}

.settlement-summary-label {
	font-size: 13px;
	color: #6b7280;
}

.settlement-summary-value {
	font-weight: 700;
	font-size: 20px;
	color: var(--color-text-default);
}

.settlement-summary-card.highlight .settlement-summary-value {
	color: #1e6b29;
}

.settlement-summary-desc {
	font-size: 12px;
	color: #8a93a4;
}

.order-group-body .order-items {
	padding: 8px 10px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	background: #fff;
}

.order-group-body .order-item {
	font-size: 13px;
	line-height: 1.5;
}

.order-group-body .order-item.header {
	font-weight: 700;
	color: #4b5563;
}

.order-group-body .order-item.option {
	white-space: normal;
}

.order-group-body .order-item.status {
	display: flex;
	align-items: center;
	gap: 6px;
}

.option-list {
	margin: 0;
	padding-left: 16px;
}

.option-list li + li {
	margin-top: 2px;
}

.order-status-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 8px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
	border: 1px solid transparent;
}

.order-status-badge.success {
	background: #e9f6ef;
	color: #1b7a34;
	border-color: #b7e1c3;
}

.order-status-badge.info {
	background: #eef6ff;
	color: #1d5fa8;
	border-color: #c9e1ff;
}

.order-status-badge.warning {
	background: #fff6e6;
	color: #b15b00;
	border-color: #ffd9a3;
}

.order-status-badge.danger {
	background: #fff0f0;
	color: #c62828;
	border-color: #f3b8b8;
}

.order-status-badge.muted {
	background: #f4f6f8;
	color: #4b5563;
	border-color: #e0e7ef;
}

.settlement-status-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: -0.01em;
	border: 1px solid #d8deeb;
	background: #f7f9fb;
	color: #3b4758;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.settlement-status-badge.is-paid {
	background: linear-gradient(120deg, #e6fff4 0%, #d6f7e7 100%);
	border-color: rgba(var(--color-green-bg) / 0.5);
	color: #1c7c35;
}

.settlement-status-badge.is-pending {
	background: linear-gradient(120deg, #fff9e6 0%, #fff4d6 100%);
	border-color: #ffd489;
	color: #a56900;
}

.settlement-status-badge.is-empty {
	background: #f3f4f6;
	border-color: #e5e7eb;
	color: #6b7280;
}

.referrer-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: center;
}

.referrer-action-row,
.settlement-action-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
}

.settlement_table .referrer-table .code-col {
	min-width: 140px;
}

.settlement_table .referrer-table .shop-col {
	min-width: 160px;
}

.settlement_table .referrer-table .numeric-col,
.settlement_table .referrer-table th.text-right {
	text-align: right;
	min-width: 120px;
}

.discount-negative {
	color: #c62828;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.settlement_table .referrer-table {
	table-layout: fixed;
	width: 100%;
}

.settlement_table .referrer-table--active col.col-referrer-code {
	width: 13%;
}

.settlement_table .referrer-table--active col.col-shop-name {
	width: 15%;
}

.settlement_table .referrer-table--active col.col-member-count {
	width: 10%;
}

.settlement_table .referrer-table--active col.col-gross {
	width: 10%;
}

.settlement_table .referrer-table--active col.col-shipping {
	width: 8%;
}

.settlement_table .referrer-table--active col.col-net {
	width: 10%;
}

.settlement_table .referrer-table--active col.col-status {
	width: 8%;
}

.settlement_table .referrer-table--active col.col-actions {
	width: 16%;
}

.settlement_table .referrer-table--no-sales col.col-referrer-code {
	width: 28%;
}

.settlement_table .referrer-table--no-sales col.col-shop-name {
	width: 22%;
}

.settlement_table .referrer-table--no-sales col.col-member-count {
	width: 14%;
}

.settlement_table .referrer-table--no-sales col.col-actions {
	width: 36%;
}

.batch_action_groups {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 14px;
}

.batch_action_group {
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	padding: 12px;
	background: #fff;
}

.batch_action_group__title {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}

.batch_action_group__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.settlement-batch-progress {
	margin-top: 14px;
	padding: 12px;
	border: 1px solid var(--color-boder);
	border-radius: var(--border-radius);
	background: #f8fafc;
}

.settlement-batch-progress__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.settlement-batch-progress__track {
	width: 100%;
	height: 10px;
	background: #e5e7eb;
	border-radius: 999px;
	overflow: hidden;
}

.settlement-batch-progress__bar {
	height: 100%;
	background: #2563eb;
	transition: width 0.2s ease;
}

.settlement-batch-history {
	margin-top: 14px;
}

.settlement-batch-history__title {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
}

.settlement-batch-row-progress {
	min-width: 180px;
}

.settlement-batch-row-progress__track {
	width: 100%;
	height: 8px;
	background: #e5e7eb;
	border-radius: 999px;
	overflow: hidden;
}

.settlement-batch-row-progress__bar {
	height: 100%;
	background: #2563eb;
	transition: width 0.2s ease;
}

.settlement-batch-row-progress__meta {
	margin-top: 4px;
	font-size: 12px;
	color: #4b5563;
}

.settlement-batch-history-table {
	min-height: 0 !important;
	margin-bottom: 0;
}

.settlement-batch-history-table table {
	min-height: 0;
}

.discount-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 6px;
}

.discount-chip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 10px;
	border-radius: 12px;
	border: 1px solid var(--color-boder);
	background: #f8fafc;
	font-size: 13px;
	gap: 6px;
}

.discount-chip .discount-label {
	color: #4b5563;
	font-weight: 600;
}

.discount-chip .discount-value {
	color: #111827;
	font-variant-numeric: tabular-nums;
}

.discount-chip.coupon {
	background: #f5fbff;
	border-color: #b5dcff;
	color: #0f60c4;
}

.discount-chip.point {
	background: #f3fff6;
	border-color: #b6eec7;
	color: #1c7c35;
}

.discount-chip.etc {
	background: #fff9f5;
	border-color: #ffd3b6;
	color: #b45309;
}

.btn.is-loading,
.btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.settlement-overlay {
	position: fixed;
	inset: 0;
	background: rgba(20, 26, 33, 0.35);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 11000;
}

.settlement-overlay.active {
	display: flex;
}

.settlement-spinner {
	background: #fff;
	border-radius: var(--border-radius);
	padding: 16px 18px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
}

.spinner_dot {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 4px solid rgba(var(--color-green-bg) / 0.2);
	border-top-color: rgb(var(--color-green-bg));
	animation: settlement-spin 0.9s linear infinite;
}

@keyframes settlement-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 1100px) {
	.settlement-detail-grid {
		grid-template-columns: 1fr;
	}

	.settlement_table.settlement-orders table {
		min-width: 920px;
	}
}

@media (max-width: 768px) {
	.action_group {
		flex-direction: column;
		align-items: flex-start;
	}
	.settlement-section {
		margin: 18px 16px 0;
	}
	.settlement-detail-grid {
		padding: 12px 16px 4px;
	}
	.settlement_panel {
		padding: 16px;
	}
}