:root {
	--box-padding: 20px 25px;
	--box-left-right-padding: 25px;
	--top-height: 66px;
	--box-border-color: #ededed;
	--cont-side--padding: 32px;
	--text-icon-color: #009688;
	--top-right--padding: 32px;
	/*--box-shadow:2px 2px 1px 1px rgb(117 121 125 / 7%);*/
	--box-shadow:0px 2px 1px 1px rgb(117 121 125 / 13%);
	--btn-box-shadow:0px 2px 8px 1px rgb(117 121 125 / 22%);

}

/** Custom-WU */
.control_box {
	position: relative;
}

.tooltip {
	position: absolute;
	width: 200px;
	height: 60px;
	visibility: hidden;
	border: 1px solid #000;
	background-color: white;
	z-index: 2;
}

.control_box:hover > .tooltip {
	visibility: visible;
}

.ratePlanDetail-tooltip {
	position: relative;
	color: #5e6ecc;
	text-decoration: underline;
}

.ratePlanDetail-tooltip::after {
	content: attr(data-tooltip);
	position: absolute;
	top: 100%; /* 링크 아래로 배치 */
	left: 200%;
	transform: translateX(-50%);
	background-color: #f1f1f1;
	color: #333; /* 텍스트 색상 */
	padding: 8px;
	border-radius: 4px;
	white-space: nowrap;
	font-size: 12px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	opacity: 0; /* 기본적으로 숨김 */
	pointer-events: none; /* 마우스 이벤트 차단 */
	transition: opacity 0.2s ease-in-out;
	z-index: 10;
}

.ratePlanDetail-tooltip:hover::after {
	opacity: 1; /* 마우스 호버 시 표시 */
}

.text-green {
	color: green;
}
.text-red {
	color: red;
}

.text-green-link {
	color: green;
	text-decoration: underline;
}
.text-red-link {
	color: red;
	text-decoration: underline;
}

.additionalPriceButton {
	background-color: black;
	color: white;
	border: none;
	border-radius: 8px;
	font-size: 12px;
	cursor: pointer;
	min-width: 50px;
	width: 100%;
}

.additionalPriceButton:hover {
	background-color: #333;
}


.btnExcelDownload {
	background-color: black;
	color: white;
	border: none;
	border-radius: 8px;
	font-size: 12px;
	cursor: pointer;
	min-width: 50px;
	width: 100%;
}

.btnExcelDownload:hover {
	background-color: #333;
}
/** Custom-WU */

/*temp*/

.spacing_b_8{
	margin-bottom: 8px;
}

.flex_only{
	display: flex;
}

.mini_box{
	display: flex;
	align-items: center;
	position: relative;
	width: 56px;
	height: 36px;
}


.p20x {
	padding: 20px;
}

.mb5x {
	margin-bottom: 5px;
}


.date_box {
	width: 150px;
	font-weight: bold;
	margin-top: 4px;
	justify-content: center;
	align-items: center;
	display: flex;
}


.wave {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	font-size: 1.5rem;
	margin-top: 4px;
}


.temp_box {
	margin-bottom: 24px;
}

.temp_label {
	display: block;
	margin-bottom: 11px;
	font-size: 0.825rem;
	position: relative;;
}

.temp_btn_box {
	margin-top: 30px;
}

.p20x h2 {
	margin-top: 25px;
	margin-bottom: 40px;
}


.card_box {
	border: 1px solid #ddd;
	border-radius: 8px;
	margin-bottom: 15px;
	box-shadow: var(--box-shadow);
}



.card_box tbody tr:last-child td{
	border-bottom: none !important;
}


.form_box {
	border: 1px solid #ddd;
	border-radius: 8px;
	margin-bottom: 15px;
	box-shadow: var(--box-shadow);
	padding: 15px;
}


.right_align_btn{
	position: absolute;
	right: 0;
}

.card_header .right_btn_box {
	display: block;
	margin-left: 50px;
	position: absolute;
	right: 0;
	margin-right: 12px;
	font-size: 0.825rem;
}

.card_header .right_btn_box a{
	margin-left: 4px;
}


.fl-right {
	float: right;
}


a.square_btn {
	text-decoration: none !important;

}


tbody tr:last-child td {
	border-bottom: none !important;
}


input[type="checkbox"] {
	display: block !important;
}

table input {
	text-align: center;
}


tbody tr:last-child td {
	border-bottom: 2px solid #e9e9e9 !important;
}


.card_header {

	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

	padding: 18px;
	background: #f9f9f9;
	display: flex;

	align-items: center;

	position: relative;
	font-size: 0.855rem;

}

.card_header > span {
	margin-right: 8px;
}


.card_header label.switch {
	margin-right: 10px;
}

.card_header label.admin-avail-head {
	margin-right: 10px;
}

.rateplan_cancel_type_box {
	padding: 18px 18px;
	margin-bottom: 12px;
	border: 1px solid #ddd;
	border-radius: 10px;
	font-size: 0.875rem;
}

.rateplan_cancel_type_box input {
	margin: 0 10px;
}


.rateplan_cancel_type_box span {
	padding-right: 14px;
}


td a {
	margin-right: 0;
}


/*temp*/


/* some good temp*/


.switch {
	position: relative;
	display: inline-block;
	width: 29px;
	height: 18px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f4433654;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50px;

}

.slider:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
	box-shadow: 0px 0px 8px #00000020;
}

input:checked + .slider {
	background-color: #4caf50;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	transform: translateX(11px);
}


.ab_right {
	position: absolute;
	right: 0;
}

/* some good temp*/


html {
	line-height: 1.15;
	font-size: 16px;
	letter-spacing: -0.03rem;
	font-family: 'Noto Sans KR';
	color: #555;
	background: #fafafa;
}

#wrapper {
	height: 100%;
	min-width: 1150px;
}


#top_box {

	/* height: 65px; */
	/* padding: var(--box-padding); */
	/* padding: 20px 25px; */
	/* padding: 23px var(--cont-side--padding) 23px var(--box-left-right-padding); */

	padding: 23px 40px 23px var(--box-left-right-padding);


	/* background: blue; */
	/* border-bottom: 1px solid #ddd; */
	border-bottom: 1px solid var(--box-border-color);

	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	height: var(--top-height);

	position: fixed;
	width: 100%;
	min-width: 990px;
	z-index: 110;
	box-shadow: 0px 1px 5px rgb(0 0 0 / 5%);


}

.footer_box {
	height: 110px;
	background: blue;
}


.logo_img {
	image-rendering: -webkit-optimize-contrast;
	height: 26px;
	margin-right: 14px;
	user-select: none;
}


#main {
	display: flex;
	min-height: 900px;
}


#content_box {

	/* height: 94%; */

	background: #fff;
	border-radius: 8px;
	width: 100%;
	min-width: fit-content;
	/* margin: 40px 20px; */
	margin: calc(var(--top-height) + 35px) 30px 30px 217px;
	/* min-height: 300px; */
	min-height: 850px;
	/* display: inline-table; */
	/* padding-bottom: 20px; */

	box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%),
	0 0.9375rem 1.40625rem rgb(4 9 20 / 3%),
	0 0.25rem 0.53125rem rgb(4 9 20 / 5%),
	0 0.125rem 0.1875rem rgb(4 9 20 / 3%);

}


.col-1 {
	width: 8.33%;
}

.col-2 {
	width: 16.66%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.33%;
}

.col-5 {
	width: 41.66%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.33%;
}

.col-8 {
	width: 66.66%;
}

.col-9 {
	width: 75%;
}

.col-10 {
	width: 83.33%;
}

.col-11 {
	width: 91.66%;
}

.col-12 {
	width: 100%;
}


.cont_head {
	padding: 40px var(--cont-side--padding) 22px var(--cont-side--padding);
	display: flex;
}

#main .cont_head {
	/* background: red; */
	height: 96px;
}


.cont_body {
	/*padding: 28px 30px;*/
	/* background: green; */
}

.cont_body_box{
	margin: 28px 30px;
}


h2 {
	color: #6a6a6a;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	width: 100%;
	/* user-select: none; */
	/* padding-bottom: 25px; */
}

h2 i {
	/* color: #c3c3c3; */
	/* color: #444; */
	/* color: var(--text-icon-color); */

	font-size: 0.9rem;
	margin-right: 12px;
	color: #bbb;
	padding-top: 1px;
}


h3 {
	color: #6a6a6a;
	width: 100%;
	font-size: 1rem;
	user-select: none;
}


.cnt_view {
	font-size: 0.8rem;
	color: #9a9a9a;
	margin-left: 10px;
	font-weight: 400;
	position: relative;
	top: 4px;
	letter-spacing: -0.03rem;
}


b {
	font-weight: 500;
}


.bd_b {
	border-bottom: 1px solid #eee;
}


.mw_i {
	min-width: inherit !important;
}


.user_box {
	display: flex;
	justify-content: center;
	align-items: center;
	/* background: blue; */
}


.user_box > div {
	/* margin-left: 32px; */
	margin-left: 10px;

}

.user_box i {
	color: #c0c0c0;
	font-size: 1.25rem;
}

.name_box {
	color: #999;
	margin-right: 14px;
	line-height: 16px;
	text-align: right;
}


.user_avatar_box {
	display: flex;
	justify-content: center;
	align-items: center;
	/* width: 45px; */
	/* height: 45px; */
	/* border-radius: 50px; */
}


.user_avatar_img {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	/* border: 2px solid #fff; */
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
	object-fit: cover;


	/* border: 3px solid #eee; */


}

.name_txt {
	font-size: 0.855rem;
	color: #777;
	font-weight: 500;
}

.name_kr_txt {
	font-size: 0.8rem;
	color: #999;
}


.info_box a {
	padding: 10px;
}

.info_box a:hover i {
	color: #999;
}


.info_box {
	position: relative;
}

.info_cnt {
	position: absolute;
	top: -10px;
	right: -16px;
	font-size: 0.7rem;
	width: 16px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	/* padding: 5px 5px; */
	background: red;
	color: white;
	border-radius: 50%;
	/* display: block; */
	/* color: #000; */
	font-weight: 500;
}

.info_dot {
	position: absolute;

	top: 0px;
	right: 2px;
	width: 5px;
	height: 5px;
	background: red;
	border-radius: 50%;
}


#sidebar_box {
    overflow: auto;
	border-right: 1px solid var(--box-border-color);
	display: inline-block;
	min-width: 180px;
	padding-top: 37px;
	background: #fff;
	/* padding: var(--box-padding); */
	/* color: red; */
	font-size: 0.845rem;
	user-select: none;
	/* color: #707070; */
	color: #737373;

	position: fixed;
	height: 93%;
	top: 66px;

	z-index: 110;

}


#sidebar_box a {
	display: block;
	/* padding: 10px; */
	/* padding: 15px var(--box-left-right-padding); */
}


.dep_1_title i {
	color: #d5d5d5;
	font-size: 0.775rem;
	margin-right: 10px;
}


.m_dot {
	color: #ccc;
	font-size: 0.955rem;
	margin-right: 8px;
	margin-left: -1px;
}


.dep_2_title.active .m_dot {
	color: #4caf50 !important;
}


#sidebar_box li {
	line-height: 16px;
	cursor: pointer;
}


.dep_1 .fa-angle-right {
	float: right;
	line-height: 18px;
}


.dep_1_title {
	padding: 15px 16px 15px 27px;
}


.dep_1_title:hover,
.dep_2_title:hover {
	background: #efefef;
}

.dep_1_title.open + .dep_2 {
	display: block;
}


.dep_2 {
	display: none;
	border-bottom: 1px solid #eee;
}


.dep_2_title {
	font-size: 0.8rem !important;
	padding: 11px 10px 11px 29px;

}

.dep_2 li:first-child {
	margin-top: 3px;
}

.dep_2 li:last-child .dep_2_title {
	padding-bottom: 18px;
}


.dep_2_title.active {
	color: #606060;
	font-weight: 500;
}


.loading_box {
	background: url(/adm/img/page_loading.gif);
	background-size: 250px;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 800px;
	padding: 20px;
}


table {
	/* border: 1px solid blue; */
	width: 100%;
	letter-spacing: -0.01rem;
}

table tbody.transBlue tr:hover{
    background-color: #e6f3ff;
    cursor : pointer;
}

.side_table th {
	background: #eaeaea;
}


.memo_list {
	word-break: break-word;
}

.memo_sub_header {
	margin-top: 32px;
	font-size: 1.1rem;
	padding-bottom: 18px;
	/* border-bottom: 2px solid #eaeaea; */
}


.mh100x {
	min-height: 100px;
}


.scroll_table {
	overflow: auto;
	border-top: 2px solid #eaeaea;
	border-bottom: 2px solid #e9e9e9;
}

.scroll_table th {
	/* border-top: 2px solid red; */
	border-top: none;
}

.scroll_table tbody tr:last-child td {
	/* border-bottom: 2px solid blue; */
	border-bottom: none;
}


.memo_table {


	/* border-top: none; */
	border-bottom: none;
}

.memo_table th {
	padding: 9px 9px !important;
}


.mh200x {
	max-height: 200px;
}

.mh220x {
	max-height: 220px;
}

.mh250x {
	max-height: 250px;
}

.mh300x {
	max-height: 300px;
}

.mh350x {
	max-height: 350px;
}


td, th {
	line-height: 1.5;
	font-size: 0.825rem;
	vertical-align: middle;
	text-align: center;
	padding: 10px 10px;
	color: #666;

	/* word-break:keep-all; */
}

th {
	min-width: 60px;
}


th {
	color: #666;
	font-size: 0.785rem;
	border-top: 2px solid #eaeaea;
	border-bottom: 1px solid #e9e9e9;
	background: #fcfcfc;
	padding: 8px 10px;
}


.vert_border td:last-child,
.vert_border th:last-child {
	border-right: none;
}


.mainTable table {
	min-width: 900px;
}

.mainTable td {
	padding: 12px 10px;
	word-break: keep-all;
}

.productTable th {
	word-break: keep-all;
}

.productTable td {
	padding: 12px 10px;
	color: #888;
	font-size: 0.755rem;
}

.mainTable tbody tr:hover {
	background: #fbfbfb;
}


.vert_border td {
	border-right: 1px solid #eaeaea;
}


#main .mainTable th {
	padding: 14px 5px 12px 5px;
	border-top: none;
	color: #888;
	background: none;
	border-bottom: 2px solid #e9e9e9;
	white-space: nowrap;

}
.mainTable th .info{
margin-left: 10px;border-radius: 50%;background-color: white;display: inline-block;width: 17px;height: 20px;border: 2px solid gray;
}


.mainTable td:first-child,
.mainTable th:first-child {
	padding-left: var(--cont-side--padding) !important;
}


.mainTable td:last-child,
.mainTable th:last-child {
	padding-right: calc(var(--cont-side--padding) + 5px) !important;
}


.mainTable td:nth-child(1) {
	width: 10px;
	font-size: 0.7rem;
	color: #aaa;
}


tbody tr:last-child td {
	border-bottom: 2px solid #e9e9e9;
}

tbody.memo_list tr:last-child td {
	border-bottom: none;
}


tbody td {
	border-bottom: 1px solid #eee;
}

td a {
	font-weight: 500;
	color: #737373;
}


tr[data-status="cancel"] td,
tr[data-status="cancel"] a,
tr[data-status="cancel"] .order_title div,
tr[data-status="cancel"] .order_link div {
	color: #ff0000cc !important;
}


tr.day_over td,
tr.day_over .order_title div,
tr.day_over .order_link div {
	color: #a8a8a8;
}

tr.day_over .badge_btn,
tr[data-status="cancel"] .badge_btn {
	background: #c3c3c3 !important;
}


.badge_btn.selected,
tr.day_over .badge_btn.selected,
tr[data-status="cancel"] .badge_btn.selected {
	background: #6262ff !important;
}


tr.selected {
	background: #F5F5F5;
}

tr.selected td {
	border-bottom: 1px solid #ddd;
}


.preview_link i {
	color: #c9c9c9;
	margin-right: 10px;
	margin-top: 1px;
}

.preview_link:hover i {
	color: #a9a9a9;
}


.title_link {
	color: #6f6f6f;
	font-weight: 500;
	text-align: left;
	word-break: keep-all;
	font-size: 0.8rem;
}

.title_link:hover {
	color: #8c8c8c;
}

.title_link:active {
	color: #a6a6a6;
}


.lightgray_link {
	color: #868686;
}

.lightgray_link:hover {
	color: #aaa !important;
}

.lightgray_link:active {
	color: #bbb !important;
}


.blue_link {
	color: #428bd2;
	cursor: pointer;
}

.blue_link:hover {
	color: #64b5f6 !important;
}

.blue_link_linked {
	color: #428bd2;
	cursor: pointer;
}

.blue_link_linked:hover {
	color: #64b5f6 !important;
}

.orderTable th:nth-child(7),
.orderTable td:nth-child(7) {

	width: 300px;
	min-width: 200px;
}


.orderTable td:nth-child(2) {
	width: 165px !important;
	min-width: 100px !important;
	/* padding-right: 7px; */
}

.orderTable th:nth-child(8),
.orderTable td:nth-child(8) {

	width: 150px;
	min-width: 100px;
}

.order_link {
	color: #5da3e8;
	font-weight: 400;
	/* line-height: 19px; */
	line-height: 1.6;
	word-break: break-word;
}

.order_link:hover > div {
	color: #64b5f6 !important;

}

.order_link div:nth-child(1) {
	font-weight: 500;
	font-size: 0.8rem;
}

.order_link div:nth-child(2),
.order_link div:nth-child(3) {
	font-size: 0.745rem;
}


.checkinout_box {
	min-width: 80px;
	font-size: 0.76rem;
	/* background: gray; */
}


.order_title {
	text-align: left;
	/* color: blue; */
	/* font-size: 0.7rem; */
}

.order_title div:nth-child(1) {
	color: #505050;
	font-size: 0.835rem;
	font-weight: 500;
	margin-bottom: 2px;
}


.badge {
	padding: 2px 5px;
	border-radius: 6px;
	font-weight: 500;
	/* background: #4caf50; */
	font-size: 0.725rem;
	white-space: nowrap;
}


.gubun_HT {
	border: 1px solid #4caf5044;
	color: #4caf50;
}

.gubun_TO {
	border: 1px solid #2196f344;
	color: #2196f3;
}

.gubun_13 {
	border: 1px solid #3f51b544;
	color: #3f51b5;
}

.gubun_99 {
	border: 1px solid #3f51b544;
	color: #3f51b5;
}


input[type="checkbox"],
input[type="radio"] {
	display: none !important;
}


input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	font-size: 13px;
	text-align: center;
	white-space: nowrap;
}


input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 19px;
	height: 19px;
	color: transparent;
	display: block;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
}


input[type="checkbox"] + label:before {
	content: "\f00c";
	font-size: 10.5px;
	padding-right: 1px;
	line-height: 19px;
}


input[type="radio"] + label:before {
	content: "\f111";
	border-radius: 50px;
	font-size: 9px;
	line-height: 18px;
}


input[type="checkbox"] + label:hover:before {
	color: #4caf5088;
	border-color: #4caf5088;
}


input[type="checkbox"]:checked + label:before {
	border-color: #4caf5066;
	background: #4caf50;
	color: white;
}


input[type="checkbox"]:checked:hover + label:before {
	background: #BFDEBA;
	border-color: #BFDEBA;

}


input[type="radio"] + label:hover:before {
	/* color: #4caf50; */
	border-color: #4caf5088;

}


input[type="radio"]:checked + label:before {
	color: #4caf50;
	border-color: #4caf5066;
}


input[type="radio"]:checked:hover + label:before {
	color: #4caf5088;
}


label {
	user-select: none;
	letter-spacing: -0.03rem;
}

.label_txt {
	margin-left: 5px;
	white-space: nowrap;
	color: #707070;
	font-size: 0.765rem;
}


#filter_box {
	padding: 8px var(--cont-side--padding) 18px var(--cont-side--padding);

	display: flex;
	margin-bottom: 5px;
	justify-content: flex-end;
}


@media screen and (max-width: 1400px) {

	.order_list #filter_box {
		padding-bottom: 0px !important;
		flex-wrap: wrap;
		justify-content: left;
	}

	.inp_box {
		margin-bottom: 10px;
	}

	#main .mainTable th {
		padding-top: 0px;
	}

	#content_box {
		width: inherit;
		/*min-width: inherit;*/
	}

}


#filter_box:last-child {
	margin-bottom: 0;
}


#filter_box select,
#filter_box input {
	color: #707070;
	padding: 8px 10px 8px 15px;
	border: 2px solid #ebebeb;
	border-radius: 20px;
}


.inp_box {
	display: flex;
	margin-right: 9px;
	min-width: 120px;
	width: 120px;
	position: relative;
}

.inp_box:last-child {
	margin-right: 0;
}


.inp_right {
	pointer-events: none;
	color: #bbb !important;
	left: inherit !important;
	right: 13px !important;
	top: 12px !important;
}

.fa-calendar-alt {
	font-size: 0.8rem !important;
}


select {
	min-width: 50px;
	background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23afafaf'><polygon points='0,0 100,0 50,50'/></svg>");
	background-size: 9px;
	background-position: calc(100% - 10px) 14px;
	background-repeat: no-repeat;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	user-select: none;
}


select,
input,
button,
textarea,
a.btn {
	width: 100%;
	font-size: 0.78rem;
	border-radius: 6px;
	padding: 10px 10px;
}


select,
input[type="number"],
input[type="text"],
textarea {
	height: 36px;
}


td button,
.label_box input[type="submit"],
.label_box input[type="button"] {
	height: 36px;
}


textarea {
	height: auto;
	resize: vertical;
	background: #fafafa;
	line-height: 18px;
	font-size: 0.83rem;
}

button {
	user-select: none;
}


select,
input,
textarea {
	color: #505050;
	border: 1px solid #e4e4e4;
}

input {
	background: transparent;
}


input[name="stock_val"]:disabled {
	background: #ffe6ee !important;
	border: 1px solid #fff !important;
}


.sm_inp {
	padding: 6px 6px !important;
	width: 32px;
	height: 28px !important;
	font-size: 0.725rem;
}

.m_inp {
	padding: 5px 5px !important;
	width: 40px;
	font-size: 0.725rem;
	height: 25px !important;
}


.resp_btn {
	width: inherit !important;
	min-width: inherit !important;
}


.send_lms {
	width: 100% !important;
	margin-bottom: 6px;
	display: inline-block;
	color: #5da3e8;
}

.confirm_input {
	border: 1px solid #e3e3e3;
	font-size: 0.725rem;
	min-width: 100px;
}


.hoz_label_box select,
.label_box select {
	background: #f9f9f9 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23afafaf'><polygon points='0,0 100,0 50,50'/></svg>");
	background-size: 9px;
	background-position: calc(100% - 10px) 14px;
	background-repeat: no-repeat;
}


.sm_int {
	text-align: center;
	padding-right: 0px;
}


.datepicker::placeholder {
	font-weight: 400;
	color: #737373;
}

.label_box .datepicker {
	background: #fafafa;
}


select:focus,
.datepicker:focus {
	outline: none;
	box-shadow: 0 0 0 3px #b9b9b950;
}

select:hover:not(:focus) {
	outline: none;
	box-shadow: 0 0 0 3px #acacac29;
}

input:focus,
textarea:focus {
	outline: none;
	box-shadow: 0 0 0 3px #6be07052;
	border: 1px solid #dfdfdf;
}


.bg_btn {
	width: 150px;
	height: 45px;
	font-size: 0.845rem;
}


.btn.selected,
.btn.selected:hover,
.btn.selected:active {
	background: #4caf50;
	color: white;
}


.org_btn {
	background: #f44336 !important;
	color: #fff !important;
	border: 1px solid #f44336;
}


.org_btn i {
	color: #fff !important;
}

.org_btn:hover {
	background: #f1675d !important;
	border: 1px solid #f1675d !important;
}


.org_btn:active {
	background: #e03225 !important;
	border: 1px solid #e03225 !important;
}

.gry_btn {
	background: #eee;
	border: 2px solid #eee;
}

.gry_btn:disabled{
	color: #bcbcbc;
}


.grn_btn {
	background: #4caf50 !important;
	color: #fff !important;
	border: none !important;
}

.grn_btn:hover {
	background: #66bb6a !important;
	border: none;
}

.grn_btn:active {
	background: #43a047 !important;
	border: none;
}

.grn_btn i {
	color: #fff;
}


td button {
	padding: inherit !important;
}


.badge_btn {
	width: auto;
	min-width: auto;
	border-radius: 20px;
	position: relative;
	font-size: 0.7rem;
	display: inline-block;
	top: -1px;
	margin-right: 3px;
	height: inherit;
	padding: 4px 9px 3px 7px !important;
}


.badge_btn i {
	font-size: 0.655rem !important;
	margin-right: 2px;
}


a.btn,
button,
input[type="button"],
input[type="submit"] {
	border-radius: 50px;
	padding: 10px 10px;
	min-width: 100px;
	width: 120px;
	cursor: pointer;
	white-space: nowrap;
	color: #797979;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eee;
	border: 2px solid #e9e9e9;
}


.wh_btn {
	background: #fff !important;
}

.wh_btn:hover {
	background: #e0e0e0 !important;
}

.wh_btn:active {
	background: #d0d0d0 !important;
	color: #fff !important;
}

.wh_btn i {
	color: #999;
	font-size: 0.745rem !important;
}


a.btn {
	/*min-width: 60px;*/
	/*width: auto;*/
	/*padding: 8px 20px;*/
}


h2 a.btn {
	font-weight: 400;
	margin-left: 8px;
	min-width: 55px;
}


h2 a:first-of-type {
	margin-left: 25px;
}


a.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background: #e0e0e0;
}


a.btn:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active {
	background: #b0b0b0;
	color: #fff;
	border: 2px solid transparent;

}

button i {
	font-size: 0.755rem !important;
}

button i.fa-trash-alt {
	color: #939393;
}


.square_btn {
	display: inline-block;
	font-size: 0.785rem;
	border: 1px solid transparent !important;
	width: inherit;
	min-width: inherit;
	border-radius: 6px !important;
	padding: 8px 10px !important;
	min-width: 60px;
	text-align: center;
}

.square_round_btn {
	border-radius: 8px;
}

.hoz_label_box .square_btn {
	/* padding: inherit !important; */
	height: 100%;
}


.label_header {
	min-width: 90px !important;
	width: 90px !important;
	justify-content: left !important;
	padding-left: 7px;
}


.btn_left {
	position: absolute;
	left: 0;
	top: 6px;
}


.sm_btn {
	min-width: 33px !important;
	padding: 5px 10px !important;
}

.pd_inh {
	padding: inherit !important;
}


.insert_cmt {
	margin-top: 7px;
	display: flex;
}


hr {

	border: none;
	height: 1px;
	background-color: #eaeaea;

	margin: 18px 0;

}


.trans_btn {
	background: none;
	color: #b5b5b5 !important;
}

.trans_btn i {
	color: #b5b5b5 !important;
}


.trans_btn:hover {
	background: none;
	color: #666 !important;
}

.trans_btn:hover i {
	color: #666 !important;
}


.trans_btn:active {
	background: none;
	color: #222 !important;
}

.trans_btn:active i {
	color: #222 !important;
}


.sm_icon_btn {
	padding: 0 5px !important;
	height: 18px;
	min-width: 25px;
}


.icon_btn {
	min-width: 50px;
	width: 50px;
	margin-left: -2px;
	padding-right: 16px;
	border-color: #e3e3e3;
}


.icon_btn i {
	position: relative;
	top: 1px;
}


.cont_footer {
	display: flex;
	padding: 26px var(--cont-side--padding) 32px var(--cont-side--padding);
}


.btn_box {
	display: flex;
	/* width: 100%; */
	align-items: baseline;
	position: relative;
}


.btn_box button,
.btn_box a.btn,
.btn_box input,
.btn_box div {
	margin-right: 8px;
}


.btn_box button:last-child,
.btn_box a.btn:last-child,
.btn_box input:last-child,
.btn_box div:last-child {
	margin-right: 0;
}


.chk_label_box {
	display: flex;
	justify-content: center;
	margin-top: 2px;
	margin-bottom: 1px;
}

.chk_label_box input[type="checkbox"] + label:before,
.chk_label_box input[type="radio"] + label:before{
	margin-right: 7px;
}

.chk_label_box label {
	margin-right: 15px;
	word-break: keep-all;
}


#filter_box .chk_label_box {
	margin-right: 0;
}


.mainTable .chk_label_box input[type="checkbox"] + label:before {
	margin-right: 0 !important;
}

.mainTable .chk_label_box label {
	margin-right: 0 !important;
}


#pagin_box {
	display: flex;
	justify-content: flex-end;
	/* padding: 28px var(--cont-side--padding) 30px var(--cont-side--padding); */
	font-size: 0.855rem;
	color: #9a9a9a;
	align-items: center;
}

.pagin_num_box {
	cursor: pointer;
	padding: 8px 11px;
	border-radius: 25px;
	/* border: 1px solid #f4f4f4; */
	margin: 0 2px;
	user-select: none;
}

.pagin_num_box:hover {
	background: #efefef;
}


.pagin_num_box:first-child,
.pagin_num_box:last-child {
	/* padding: 8px 25px; */
}

.pagin_num_box i {
	position: relative;
	top: 2px;
	color: #d3d3d3;
	font-size: 0.755rem;
}

.pagin_num_box:first-child {
	/* border-radius: 6px 0 0 6px; */
}

.pagin_num_box:last-child {
	/* border-radius: 0 6px 6px 0; */
}

.pagin_num_box.active {
	font-weight: 600;
	background: #4caf50;
	color: white;
}


.right_icn_btn {
	border-radius: 0 6px 6px 0;
	min-width: 40px !important;
	width: 40px !important;
	border: 1px solid #e3e3e3;
}


.mb5 {
	margin-bottom: 5px;
}

.mb16 {
	margin-bottom: 16px;
}


.mb10 {
	margin-bottom: 10px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.d_flex {
	display: flex;
}

.bd {
	font-weight: 500;
}

.ai_center {
	align-items: center;
}


.w5 {
	width: 5% !important;
}

.w10 {
	width: 10% !important;
}

.w12 {
	width: 12% !important;
}

.w15 {
	width: 15% !important;
}

.w18 {
	width: 18% !important;
}

.w20 {
	width: 20% !important;
}

.w30 {
	width: 30% !important;
}

.w40 {
	width: 40% !important;
}

.w50 {
	width: 50% !important;
}

.w60 {
	width: 60% !important;
}

.w65 {
	width: 65% !important;
}

.w68 {
	width: 68% !important;
}

.w70 {
	width: 70% !important;
}

.w80 {
	width: 80% !important;
}

.w90 {
	width: 90% !important;
}

.w100 {
	width: 100% !important;
}

.h50{
	height: 50px;
}
.h40{
	height: 40px;
}


.w20x {
	width: 20px;
	min-width: 20px !important;
}

.w30x {
	width: 30px;
	min-width: 30px !important;
}

.w40x {
	width: 40px !important;
	min-width: 40px !important;
}

.w50x {
	width: 50px !important;
	min-width: 50px !important;
}

.w60x {
	width: 55px;
	min-width: 55px;
}

.w60x {
	width: 60px;
	min-width: 60px;
}

.w70x {
	width: 70px;
	min-width: 70px;
}

.w75x {
	width: 75px;
	min-width: 75px;
}

.w80x {
	width: 80px !important;
	min-width: 80px !important;
}

.w90x {
	width: 90px !important;
	min-width: 90px !important;
}


.w100x {
	width: 100px !important;
	min-width: 100px !important;
}

.w110x {
	width: 110px !important;
	min-width: 110px !important;
}

.w115x {
	width: 115px;
	min-width: 115px;
}

.w120x {
	width: 120px;
	min-width: 120px;
}

.w130x {
	width: 130px !important;
	min-width: 130px !important;
}

.w135x {
	width: 135px !important;
	min-width: 135px !important;
}

.w140x {
	width: 140px !important;
	min-width: 140px !important;
}

.w150x {
	width: 150px !important;
	min-width: 150px !important;
}

.w160x {
	width: 160px;
	min-width: 160px;
}

.w170x {
	width: 170px;
	min-width: 170px;
}

.w175x {
	width: 175px;
	min-width: 175px;
}

.w180x {
	width: 180px;
	min-width: 180px;
}

.w185x {
	width: 185px;
	min-width: 185px;
}

.w190x {
	width: 190px;
	min-width: 190px;
}

.w200x {
	width: 200px !important;
	min-width: 200px !important;
}

.w220x {
	width: 220px;
	min-width: 220px;
}


.w250x {
	width: 250px;
	min-width: 250px;
}

.w300x {
	width: 300px;
	min-width: 300px;
}

.w400x {
	width: 400px;
	min-width: 400px;
}

.w500x {
	width: 500px;
	min-width: 300px;
}

.w550x {
	width: 550px;
}

.w600x {
	width: 600px;
}

.w700x {
	width: 700px;
	min-width: 700px;

}



.mw100{
	min-width: 100% !important;
}

.mw300x {
	min-width: 300px !important;
}

.mw500x {
	min-width: 500px !important;
}

.mw550x {
	min-width: 550px !important;
}

.mw600x {
	min-width: 600px !important;
}


.h40x {
	height: 40px;
}

.h45x {
	height: 45px;
}

.h50x {
	height: 50px;
}


.w100 {
	width: 100%;
}

.w40 {
	width: 40%;
}


.red {
	color: #f44336;
}

.mr20 {
	margin-right: 20px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr22 {
	margin-right: 22px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mr6 {
	margin-right: 6px;
}

.ml0 {
	margin-left: 0;
}

.pl0 {
	padding-left: 0 !important;
}

.hide {
	display: none;
}



.ui_box {
	min-height: 35px;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}


.checkbox_box {
	flex-wrap: wrap;
	height: inherit;
}

.f_wrap {
	flex-wrap: wrap;
	height: inherit;
}

.checkbox_box .chk_label_box {
	min-width: 69px;
	justify-content: flex-start;
}

.checkbox_box .chk_label_box label {
	min-width: inherit;
	line-height: 35px;
	justify-content: flex-start;
}


.fz8 {
	font-size: 0.8rem;
}

.fz75 {
	font-size: 0.75rem !important;
}

.fz735 {
	font-size: 0.735rem !important;
}


.ta_r {
	text-align: right;
}

.ta_l {
	text-align: left;
}

.ta_c {
	text-align: center;
}

.jc_r {
	justify-content: flex-end;
}

.jc_l {
	justify-content: left !important;
}

.jc_c {
	justify-content: center !important;
}

.b5 {
	font-weight: 500;
	color: #777;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
	padding: 8px 8px;
}

.date_block {
	line-height: 18px;
	font-size: 0.745rem;
}


.send_confirm {
	display: flex;
}


.confirm_input {
	border-right: none;
}

.pre-line {
	white-space: pre-line;
}


.bg_gray {
	background: #f9f9f9;
}


.login_box {

	background: #fff;
	width: 480px;
	height: 390px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 12px;
	box-shadow: 1px 4px 3px 0 rgb(117 121 125 / 6%), 0 1px 8px 0 rgb(113 117 121 / 15%);


	display: flex;
	align-items: center;
	justify-content: center;

	padding: 50px 75px;

}

.login_box .inp_box {
	width: 100%;
	position: relative;
}


.login_box img.logo {
	margin: 0 auto;
	padding-left: 5px;
	width: 325px;
	display: block;
	margin-bottom: 50px;
}


.login_box form {
	width: 100%;
}


.login_box input {
	height: 40px;
	border-radius: 6px;
	border: 1px solid #ececec;
	border: none;
	background: #f5f5f5;
}

.login_box input:focus {
	background: #e9e9e9;
	/* box-shadow: 0 0 0 2px #4caf5057; */

	box-shadow: 0 0 0 4px #f4f4f4;


}

.login_box input[type="text"],
.login_box input[type="password"] {
	padding-left: 38px;
	margin-bottom: 12px;
	color: #7f7f7f;
}

.login_box input::placeholder {
	color: #acacac;
}


.login_box input[type="submit"] {
	margin-top: 10px;
	height: 45px;
	cursor: pointer;
	width: 100%;
	/* border-bottom: 2px solid #e3e3e3; */
	border-bottom: 2px solid #42a045;
	/* border-bottom: 2px solid #419a45; */
	color: #999;
	background: #49b54d;
	/* background: #47ab4b; */
	color: white;
	padding-top: 9px;
	box-shadow: 0px 3px 5px 0 rgb(117 121 125 / 15%);
}


.login_box input[type="submit"]:hover {
	background: #41a045;
	border-bottom: 2px solid #41a045;
	box-shadow: 0px 3px 5px 0 rgb(117 121 125 / 20%);
}


.inp_box > i {
	color: #d9d9d9;
	font-size: 0.855rem;
	position: absolute;
	left: 12px;
	top: 14px;
}

.login_box .inp_box i.fa-key {
	top: 15px;
}



.popup_box {
	padding: 20px 30px;
	margin: 0 auto;
}

#content_box.popup:not(:first-child) {
	margin-top: 30px;
}

.popup_box #content_box {
	min-height: 520px !important;
	min-width: 1000px;
	max-width: 1600px;
	margin: 0px auto 0 auto;
}



.popup_box .cont_head {
	border-bottom: 1px dashed #cfcfcf;
	/* padding: 40px 36px 22px 36px; */
	padding: 40px 42px 22px 42px;
}


.popup_box .cont_body {

	/* padding: 20px var(--cont-side--padding) 22px var(--cont-side--padding); */
	/* padding: 20px 45px 20px 45px; */
	padding: 20px 40px;
}


.popup_box h2 {
	font-size: 1.25rem;
}

.cont_title {
	display: inline-flex;
	margin-bottom: 3px;
	align-items: center;
}


.panel_box {
	margin-bottom: 40px;
	margin-top: 10px;
}




.panel_row{
	margin-bottom: 15px;
}
.panel_row:last-child{
	margin-bottom: 0;
}


.panel_btn_box {
	margin-bottom: 20px;
	margin-top: 10px;
}


.panel_title {
	padding-bottom: 8px;
	padding-left: 2px;
	margin-bottom: 4px;
	width: 100%;
	display: flex;
	align-items: center;
	height: 36px;
}


.panel_title select {
	padding: 8px 12px;
}


.panel_title:not(:first-child) {
	margin-top: 30px;
}


.panel_title h3 {
	font-size: 1.1rem;
	margin-bottom: 10px;
}


h3 i {
	font-size: 0.85rem;
	margin-right: 8px;
	color: #b9b9b9;
	position: relative;
	top: -1px;
}


.row {
	display: flex;
	margin-bottom: 6px;
	border-bottom: 1px solid #eee;
	padding-top: 12px;
	padding-bottom: 18px;
}


.row .label_box:last-child,
.line .label_box:last-child,
.line .hoz_label_box:last-child {
	margin-right: 0;
}

.row .hoz_label_box:last-child {
	margin-right: 0;
}



.line {
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 10px;
	display: flex;
}

.line .hoz_label_box:first-child label {
	justify-content: left !important;
}


.label_box label {
	padding-left: 7px;
	font-size: 0.785rem;
	/* color: #6c6c6c; */
	color: #7c7c7c;
	font-weight: 400;

}




.label_box {
	margin-right: 9px;
	position: relative;
}


.label_box input,
.label_box select,
.label_box .ui_box,
.label_box textarea {
	margin-top: 8px;
	font-size: 0.81rem;
}


.label_box input {
	/* background: #f9f9f9; */
}


.clear_input_date_btn {
	background: #e0e0e0;
	color: #fff;
	position: absolute;
	border-radius: 3px;
	right: 39px;
	top: -1px;
	padding: 2px;
	font-size: 0.725rem;
	cursor: pointer;
}

.clear_input_date_btn:hover {
	background: #aaa;
}


.hoz_label_box {
	display: flex;
	margin-right: 10px;
}


.label_top {
	font-weight: 500;
	justify-content: start !important;
	align-items: start !important;
	padding-top: 12px;
	color: #777;
	width: 85px;
	padding-left: 7px;
}


#popupProductView .hoz_label_box {
	margin-right: 5px;
	margin-bottom: 8px;
}

#popupProductView th {
	white-space: nowrap;
}

.hoz_label_box label {
	/* background: gray; */
	min-width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.795rem;
}

.line > .hoz_label_box:first-child > label {
	font-weight: 500;
}


td .hoz_label_box label {
	padding-left: 0;
}


input#order_num,
input#tourNumber {
	background: #fff;
	border: none;

	padding: 5px 0 0 10px;
	margin-top: 5px;
	font-size: 1.3rem;
	font-weight: 600;
}


table input,
table select {
	/* border: 1px solid #e0e0e0; */
	/* background: #f9f9f9; */
}


#popupProductView td {
	vertical-align: inherit;
}


.tour_title {
	margin-bottom: 12px;
	text-align: left;
	word-break: keep-all;

}


.ktalk_preview {
	cursor: pointer;
	width: 30px;
	display: inline-block;
}

.ktalk_preview:hover {
	background: #eee;
}

.modal_container {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.3);
	top: 0;
	left: 0;
	padding: 20px 40px;
	width: 100dvw;
	height: 100dvh;
	z-index: 999;
}

.modal_on {
	visibility: visible;
}

.modal_off {
	visibility: hidden;
}

.modal_layer.modal,
.modal_layer.popup {
	display: none;
}

.modal_layer.modal {
	position: fixed;
	z-index: 101;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* overflow: auto; */
	background-color: rgba(0, 0, 0, 0.03);
}


.modal_layer.popup {
	position: fixed;
	z-index: 100;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-width: 600px;
	/* overflow: auto; */
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	background: #fff;
}


.modal_box {
	padding: 25px 30px;
}


.modal .modal_box {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.1);

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#popup_stock_cal .modal_box {
	transform: translate(-50%, -450px);
}


#popup_inquiry_status .modal_box {
	top: 320px;
}


.modal_close {

	border: 1px solid #eee;
	padding: 4px;
	font-size: 1.75rem;
	border-radius: 10px;

	color: #afafaf;
	cursor: pointer;
	user-select: none;
}

.modal_close:hover {
	color: #555;
}

.modal_header {
	display: flex;
	align-items: center;
	padding: 5px 0 28px 0;
}


#popup_memo {
	position: absolute;
	top: 30%;
	left: 74%;
}


#popup_memo .modal_header {
	padding-bottom: 20px;
}


.bdrs_r_0 {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.bdrs_l_0 {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}


.delete_order {
	display: block;
	cursor: pointer;
	user-select: none;
	min-width: 35px;
	height: 19px;
}


.hoz_scroll_table {
	display: block;
	overflow-x: scroll;
	margin-bottom: -28px;
	/* padding-bottom: 10px; */
}

.hoz_header_table {
	width: 100px;

}


.hoz_header_table td,
.stockCalTableInside td {
	font-size: 0.765rem;
}


.hoz_header_table td {
	background: #fcfcfc;

}

.hoz_scroll_table td {
	padding: 15px 15px;
	min-width: 95px;
}

.hoz_scroll_table div {
	min-height: 18px;
}


.stockCalTable td {
	padding: 0;
}

.stockCalTableInside td {
	padding: 10px;
}


.stock_table_box {
	display: flex;
	border-bottom: 1px solid #e9e9e9;
	position: relative;
}

.stockCalTableInside {
	border-bottom: none !important;
}

.stockCalTable tbody tr td {
	border-bottom: 1px solid #eee;
}


.hoz_header_table tr:first-child td,
.stockCalTableInside tr:first-child td {
	border-top: 2px solid #e0e0e0;
	background: #f6f6f6;
	height: 45px;
	white-space: nowrap;
}


.hoz_header_table tr:nth-child(2) td,
.stockCalTableInside tr:nth-child(2) td {
	height: 40px;
}


/*
.hoz_header_table tr:nth-child(3) td,
.stockCalTableInside tr:nth-child(3) td
{
	background: blue;
	height: 60px;
}
*/

.stockCalTableInside:hover td {
	background: #fafafa !important;
}


.week_6 {
	color: #4caf50;
	font-weight: 500;
	border-bottom: 2px solid #4caf50 !important;
}


input[name="stock_val"] {
	margin-top: 4px;
	border: 1px solid #e0e0e0;
}


input[name="stock_val"][value="0"],
input[name="stock_val"][value=""] {
	background: #f6f6f6;

}


#stock_cal table {
	border-bottom: 2px solid #e9e9e9;
	margin-bottom: 20px;
}


.year_header {
	display: flex;
	padding: 5px;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
}

.year_month_text {
	padding: 10px 40px;
	font-size: 1.2rem;
	font-weight: 600;
}


table.calendar thead td {
	border-bottom: 2px solid #e9e9e9;
}

table.calendar thead td:nth-child(1) {
	color: #f44336;
}


.header_subtitle {
	color: #888;
	font-weight: 500;
}

.header_bar {
	color: #dadada;
	margin: 0 7px;
}


.hoz_cal_scroll_btn {
	position: absolute;
	bottom: 10px;
	background: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: 0px 2px 6px rgb(0 0 0 / 10%);
	opacity: 0.5;
}

.hoz_cal_scroll_btn[data-direction="right"] {
	right: 0;

}

.hoz_cal_scroll_btn[data-direction="left"] {
	left: 63px;
}

.hoz_cal_scroll_btn:hover {
	opacity: 0.9;
}


.thumb_list {
	overflow-y: auto;
	width: 100%;
	display: flex;
	gap:20px;
	margin-bottom: 18px;
	border-radius: 10px;
}

.thumb_list .thumb_container {
	height: max-content;
}

.thumb_box {
	position: relative;
	border: 1px solid #e9e9e9;
	border-radius: 8px;
	background: white;
}

.uploader-description{
	text-align: center;
	font-size: 14px;
	width: 130px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 8px auto;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.thumb_box_empty {
	border: 1px solid #e9e9e9;
	border-radius: 8px;

	text-align: left;
	width: 100%;
	padding: 14px 12px;
	font-size: 0.825rem;
	color: #a9a9a9;
	letter-spacing: -0.01rem;
}

.thumb_box img {
	width: 120px;
}

.center-cropped {
	width: 140px;
	height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.thumb_del_box {
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	background: white;
	position: absolute;
	color: #b6b6b6;
	right: -11px;
	top: -11px;
	padding: 5px;
	cursor: pointer;
	border-radius: 6px;
	font-size: 0.9rem;
	user-select: none;
}

.thumb_del_box:hover {
	background: #666;
	color: #fff;
}


#map {
	background: #eee;
	width: 100%;
	height: 300px;
}

#map button {
	min-width: inherit !important;
}


input:read-only {
	background: #f3f3f3;
}

.sm_cmt {
	font-size: 0.785rem;
	margin-left: 6px;
	font-weight: 400;
	color: #8f8f8f;
	vertical-align: bottom;
	margin-top: 2px;
}


#add_inquiry_status_btn {
	position: fixed;
	/* bottom:50px; */
	top: 135px;
	right: 70px;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.33rem;
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
}

#inquiry_countdown {
	position: fixed;
	top: 120px;
	right: 44px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid #eee;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.795rem;
	color: #a0a0a0;
	letter-spacing: 0.01rem;
	user-select: none;
}


#test_btn {
	cursor: pointer;
	background: yellow;
	position: fixed;
	z-index: 200;
	bottom: 25px;
	left: 25px;
}

.inquiry_no {
	font-size: 0.72rem;
	color: #9a9a9a;
	margin-bottom: 1px;
}


.search_res_box {
	/* background: blue; */
	position: relative;
	width: 100%;
}

.search_res_list {
	width: 100%;
	display: block;
	/* background: yellow; */
	position: absolute;
	z-index: 1;

	background: white;
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 10px 10px 0 rgb(117 121 125 / 10%);
	max-height: 550px;
	overflow-y: scroll;

}


.search_res_list li {
	padding: 11px 10px;
	font-size: 0.85rem;
	border-bottom: 1px solid #f3f3f3;
	cursor: pointer;
	line-height: 19px;

}


.search_res_list li.selected {
	background: #e9e9e9;
}


.search_res_list .search_res_subtitle {

	color: #8a8a8a;
	font-size: 0.8rem;
}


.search_res_item .order_name {
	font-weight: 500;
}


.same_row {
	background: #ffeb3b22;
}

.same_row:hover {
	background: #ffeb3b28 !important;

}


.urgent_icon_box {
	background: yellow;
	width: 20px;
	border-radius: 5px;
	padding: 4px 4px 3px 4px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	color: #666;
	font-weight: 600;
}

.urgent_icon_box i {
	font-size: 0.725rem;
	color: #707070;

}


.num_icon_box {
	display: flex;
	justify-content: center;
	align-items: center;
}

.num_icon_box.column {flex-direction: column;}
.num_icon_box.column a.delete {color:#ff0000;}


input[type="checkbox"]:disabled + label:before {
	background: #ececec !important;
	border: 1px solid #f0f0f0;
}

input[type="checkbox"]:disabled:hover + label:before {
	color: #f3f3f3;
}


input[type="checkbox"]:checked:disabled + label:before {
	/* background: #4caf5044 !important; */
	/* border: 1px solid #4caf5055; */
}


.tab_header {
	display: flex;
	font-size: 0.775rem;
	margin-bottom: 18px;
}

.tab_header a {
	user-select: none;
	border: 1px solid #e6e6e6;
	padding: 12px 20px;
	border-radius: 25px;
	margin-right: 6px;
}


.tab_header a.active {
	background: #f0f0f0 !important;
}

.tab_header a.active:active {
	color: inherit !important;
}


.tab_body {
	display: none;
}

.tab_body.active {
	display: block;
}


.tab_header[data-tab-id="inquiry_order_tab"] {
	margin-top: -8px;
}


.count_txt {
	font-size: 0.765rem;
	color: #a8a8a8;
	letter-spacing: -0.01rem;
}


.order_item_box {

	/*border: 1px solid #d9d9d9;*/
	margin-bottom: 10px;
	padding: 10px;
	text-align: left;
}


.tab.multiple {
	position: relative;
	display: flex;
	justify-content: flex-start;
	padding: 0 20px;
	box-shadow: 0px 2px 5px rgba(182, 182, 182, 0.13);
}

.tab.multiple p {
	width: fit-content;
	padding: 0.5rem 0.5rem;
	color: #808D9D;
	font-weight: 500;
}

.tab.multiple p.on {
	color: #383838;
	font-weight: 700;
}

.tab.multiple .now_bar {
	left: 25px;
}

.tab .now_bar {
	position: absolute;
	bottom: 0;
	transition: 0.5s all ease-in-out;
	height: 3px;
	background-color: #21A5AC;
	width: 32px;
}


.faq_box {
	border-bottom: 1px solid #E5E9F4;
	width: 100%;
	padding-left: 5%;
}

@media screen and (min-width: 800px) {
	.faq_box {
		padding: 0 80px;
	}
}

.faq_box:hover {
	cursor: pointer;
}

.faq_box .q_wrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
}

.faq_box .q_wrap p {
	width: calc(100% - 44px);
}

.faq_box .q_wrap > img {
	transition: 0.25s all ease-in-out;
}

.faq_box .q_wrap > img:hover {
	cursor: pointer;
}

.faq_box .q_wrap img.on {
	transform: rotate(180deg);
}

.faq_box .q_wrap .on {
	transform: none;
}

.faq_box .scroll_wrap {
	height: 0;
	overflow: hidden;
	color: #808D9D;
}

.faq_box .scroll_wrap.open {
	transition: 0.25s all ease-in-out;
	margin-bottom: 18px;
	height: fit-content;
	display: flex;
	align-items: center;
}

@media screen and (min-width: 800px) {
	.faq_box .scroll_wrap.open {
		margin-bottom: 25px;
	}
}

.faq_box .scroll_wrap.open textarea {
	margin-right: 15px;
}

.inquiry .inquiry-list {
	padding: 0 15px;
	width: 100%;
	height: 250px;
	overflow-y: auto;
	border: 1px solid #000;
	border-radius: 15px;
}

.inquiry .inquiry-list .inquiry-item {
	display: flex;
	margin-top: 15px;
}

.inquiry .inquiry-list .inquiry-item.inquiry-user {
	justify-content: flex-start;
}

.inquiry .inquiry-list .inquiry-item.inquiry-operator {
	justify-content: flex-end;
}

.inquiry .inquiry-list div {
	width: fit-content;
}

.inquiry .inquiry-user {
	text-align: left;
}

.inquiry .inquiry-operator {
	text-align: right;
}


.inquiry .author-id {
	font-size: 13px;
}

.inquiry .inquiry-content {
	margin-top: 8px;
	padding: 8px 8px 12px 8px;
	max-width: 618px;
	border-radius: 7px;
	text-align: left;
	word-break: break-word;
	line-height: 160%;
	color: #000;
	font-family: 'Noto Sans KR';
}

.inquiry .inquiry-user .inquiry-content {
	border: 1px solid #b4eaff;
	background-color: #b4eaff;
}

.inquiry .inquiry-operator .inquiry-content {
	border: 1px solid #e9ffb4;
	background-color: #e9ffb4;
	font-size: 14px;
	font-weight: 400;
	line-height: 160%;
	letter-spacing: -0.05rem;
	white-space: pre-wrap;
}

.inquiry .inquiry-content-wrap {
	text-align: end;
}

.inquiry .inquiry-content-wrap #inquiryContent {
	width: 622px;
	font-size: 14px;
	font-weight: 400;
	line-height: 160%;
	letter-spacing: -0.05rem;
}

.inquiry .inquiry-btn-wrap {
	text-align: right;
}

.inquiry .inquiry-btn-wrap #btnInquiry {
	display: inline-block; margin-top: 10px;
}


























#bulk_cal_box {
	user-select: none;
	display: inline-flex;
	width: 100%;
	/* background: lightgrey; */
	/*padding-bottom: 10px;*/
	padding: 12px 5px;

	border: 1px solid #eee;
	border-radius: 15px;
	box-shadow: var(--box-shadow);
	position: relative;
}



#bulk_cal_box .month_wrap{
	width: 50%;
	/*margin-right: 8px;*/
	/*margin-left: 4px;*/
	/*padding: 0 10px;*/
	border-right: 1px solid #eee;
	/*background: lightgrey;*/
}

#bulk_cal_box .month_wrap:last-child{
	border-right: none;
}

#bulk_cal_box .year_header{
	color: #888;
}


#bulk_cal_box thead{
	/*background: #ececec;*/
	border-bottom: 1px solid #eee;
}

#bulk_cal_box thead td{
	color: #a3a3a3;
}

#bulk_cal_box thead td:first-child{
	color: #ff5722;
}




#bulk_cal_box tbody td{
	border-bottom: none;
}


#bulk_cal_box tbody tr:last-child td{
	border-bottom: none !important;
}


#bulk_cal_box tbody td{
	color: #aaa;
}

#bulk_cal_box .d_picker{
	color: #606060;
}


#bulk_cal_box .m_picker{
	cursor: pointer;
	border-radius: 5px;
	padding: 5px;
}


#bulk_cal_box .w_picker{
	cursor: pointer;
	border-radius: 5px;
}




#bulk_cal_box .w_picker:hover,
#bulk_cal_box .m_picker:hover{

	background: #4caf50;
	color: white;
}







#bulk_cal_box .d_picker:hover p{
	cursor: pointer;
	background: #4caf50;
	color: white;
}


#bulk_cal_box td{
	padding: 4px 2px;
}


#bulk_cal_box td p{
	padding: 4px 5px;
	border-radius: 50px;
	max-width: 28px;
}



#bulk_cal_box .d_picker[data-status="selected"] p{
	background: #3f51b5 !important;
	color: white !important;
	box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 13%);
}


#bulk_cal_box .d_picker.ing_date p{
	background: #4caf50;
	color: white;
}


#bulk_cal_box .d_picker[data-status="selected"]:hover p{
	background: #ff9800 !important;
}



.cal_month_arrow{
	position: absolute;
	margin: 0;
	cursor: pointer;
	font-size: 0.835rem;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	display: flex;
	top: 17px;
	color: #888;
}

.cal_month_arrow:hover{
	color: #777;
	background: #eee;
	border-radius: 50%;
}

.cal_month_arrow[data-direction="left"]{
	left: 5px;
}
.cal_month_arrow[data-direction="right"]{
	right: 5px;
}

.cal_month_arrow.disabled{
	color: #aaa;
}

.popupList tr {
	cursor: pointer;
}

.popupList tr.on {
	background-color: aliceblue;
}













.row_btn_box{
	position: relative;
	height: 30px;
	width: 100%;
}

.bulk_control_box{
	display: none;
	position:relative;
	height: 30px;
	width: 100%;
}

.bulk_control_box.selected{
	display: flex;
}





.scroll_h_box{
	overflow-x:scroll;
}

.rateplan_price_box th{
	min-width: 90px;
}




.no_result{
	height: 100px;
	width: 100%;
	background: #fcfcfc;
	border: 1px solid #ececec;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.825rem;
}



label[for="sun"],
label[for="selectedSun"],
th.sun{
	color:#f44336;
}




.cal_nav_btn{
	position: fixed;
	bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: white;
	box-shadow: var(--btn-box-shadow);
	cursor: pointer;
	color: #777;
}

.cal_nav_btn[data-direction="left"]{
	left: 50px;
}

.cal_nav_btn[data-direction="right"]{
	right: 50px;
}



.cal_nav_btn:hover{
	background: #808080;
	color: white;
}

.cal_nav_btn:active{
	background: #666;
	color: white;
}



.gray_link:hover{
	color: #999;
}
.gray_link:active{
	color: #aaa;
}


#content_box.user_list{
	min-width: 1000px;
}











#tag_box{
	display: flex;
	width: 100%;
	min-height: 36px;
	margin-top: 8px;
	font-size: 0.855rem;
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	padding: 8px 10px 2px 10px;
	flex-wrap: wrap;
}

.tag_content_box{
	/*background: red;*/
	margin-right: 8px;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 6px;
	padding: 6px 10px;
	background: #4caf50;
	color:white;
	/*min-width: 100px;*/
	position: relative;
}



#tag_input_box{
	background: none;
	padding: 0;
}


#tag_input{
	margin-top: 0;
	height: 20px;
	/*width: 100px;*/
}


.tag_content_box .fa-times{
	cursor: pointer;
	margin-left: 8px;
	margin-top: 2px;
	position: relative;
	text-align: right;
}





#tag_input_btn{
	width: 85px;
	min-width: 85px;
	border-radius: 6px;
	padding: 5px 10px;
}





.side_table tbody tr:first-child td,
.side_table tbody tr:first-child th{
	border-top: 1px solid #e9e9e9;
}


.inner_btn_input{
	position:relative;
}

.inner_btn_input input[type=button]{
	position: absolute;
	top: 50%;
	right: 4px;
	transform: translateY(-50%);
	margin-top: 4px;
	height: 30px;
	padding: 0;
	min-width: 60px;
	width:60px;
	border-radius:5px;
}

.fixedBtn { position:fixed; bottom: 50px; right:70px; }

.memo-content { white-space:pre-wrap; line-height: 1.5; text-align: left; font-family: unset; font-size: 0.825rem; font-weight: 400; }

.layer-wrap {position: fixed; top:50%; left:50%; z-index:1; min-width: 400px; min-height: 400px; transform: translate(-50%, -50%);  background-color: #fff; border: 1px solid #c9c5c5; border-radius: 10px;}
.layer-wrap.off {display:none;}
.layer-wrap.on {display:block;}
.layer-wrap .top-layer {border-bottom: 1px solid #c9c5c5;}
.layer-wrap .top-layer figure {text-align: end;}
.layer-wrap .top-layer figure img {cursor: pointer;}
.layer-wrap .body-layer {padding:10px 20px 20px 20px;}
.layer-wrap .body-layer h3 {margin-bottom:5px;}
.layer-wrap .body-layer pre {font-weight:700;}
.layer-wrap .body-layer .warp-content.inline-flex {display: flex;}
.layer-wrap .body-layer .warp-content .layer-value {margin-left:10px;}
.layer-wrap .body-layer .warp-content .layer-line {height:1px; margin:10px 0;background-color: #8f8f8f;}
.layer-wrap .body-layer .warp-content.inline-flex .layer-label { width: 120px; height: 36px; line-height: 36px;}
.layer-wrap .body-layer .warp-content.inline-flex .layer-value {height: 36px; line-height: 36px;}
.layer-wrap .body-layer .warp-content.inline-flex select.layer-value {line-height: unset;}
.layer-wrap .body-layer .layer-value {margin-left:10px;}
.layer-wrap .body-layer .layer-line {height:1px; margin:10px 0;background-color: #8f8f8f;}
.layer-wrap .body-layer .body-layer-label {margin-top: 20px;}
.layer-wrap .body-layer .body-layer-label:first-child {margin-top:0}

.cont_body.multiple_table {margin:0 20px 10px 20px;}

.cont_body.multiple_table:last-child {margin-top:50px}
.cont_body.multiple_table .table_list_wrap {height:300px; overflow: auto;}

.table-sticky {position:sticky; top:0; z-index:1}

#product_add_form .thumb_list{padding-top:12px;padding-bottom:12px; overflow: auto;}
#product_add_form .thumb_list div.thumb_box {min-width: 100px;}

.dashboard .card_box {margin: 20px 10px; padding: 10px 20px;}
.dashboard .card_box .searchBox {margin-top:10px;}

.reviewTable td div.content{ width: 100%; overflow: hidden;	text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.pay_status_cancel_wrap {
    display: flex;
    justify-content: center;
}