@charset "UTF-8";
:root {
	--primary-color-1: #4370f9;
	--secondary-color-2: #7a54eb;
	--red-color-1: #ff4c4c;
	--font-color-1: #111;
	--font-color-2: #6f6f6f;
	--font-color-3: #303030;
	--border-color-1: #e8e8e8;
}
.img_box {
	display: block;
}
.icon_box {
	width: 20px;
}
.icon_box img,
.img_box img {
	width: 100%;
	display: block;
}
.btn_icon {
	display: flex;
	align-items: center;
	column-gap: 4px;
	padding: 0 13px;
	border-radius: 40px;
	border: 1px solid #d7d7d7;
	height: 32px;
}

.btn_icon span {
	font-size: 14px;
	font-weight: 700;
	color: var(--font-color-3);
}
.main_color {
	color: var(--primary-color-1) !important;
}
.second_color {
	color: var(--secondary-color-2) !important;
}
.overlay {
	background: #000;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 50;
	display: none;
}
.overlay.on {
	display: block;
	opacity: 0.4;
}
select {
	-webkit-appearance: none; /* for chrome */
	-moz-appearance: none; /*for firefox*/
	appearance: none;
	background: #fff url("/data/images/dropdown_icon.svg") no-repeat calc(100% - 10px)
		50% / 16px auto;
	background-size: 16px;
	border-radius: 8px;
	padding: 0 25px 0 8px;
	border: 1px solid #d7d7d7;
	color: var(--font-color-3);
	font-size: 14px;
	font-weight: 600;
}

select::-ms-expand {
	display: none; /*for IE10,11*/
}
.wrap {
	min-width: 100vw;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
/* 	height: 100%; */
/* 	min-height: 100vh; */
	background: #fff;
}
#sideMenu {
	width: 238px;
/* 	min-height: 1080px; */
	height: 100vh;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-right: 1px solid #e8e8e8;
	background: #fff;
	z-index: 60;
}
#sideMenu.on {
	width: 67px;
}
#sideMenu.on .gnb > ul > li > a span {
	display: none;
}
#sideMenu.on .gnb > ul > li.on > .sub_menu,
#sideMenu.on .gnb > ul > li > a .btn_arrow {
	display: none;
}
#sideMenu.on .gnb {
	padding: 0 7px 0 15px;
}
#sideMenu.on .gnb > ul > li.on > a::after {
	width: 6px;
}
#sideMenu.on .btn_sideMenu_box {
	padding: 20px 13px 0;
}
#sideMenu.on .btn_sideMenu img {
	transform: rotate(180deg);
}
#sideMenu .btn_sideMenu_box {
	display: flex;
	align-items: center;
	justify-content: end;
	padding: 20px 20px 0;
}
#sideMenu .btn_sideMenu {
	background: #f8f8f8;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
#sideMenu #logo {
	padding: 0 16px;
}
#sideMenu #logo a {
	display: block;
	width: 206px;
}
#sideMenu #logo .img_box {
	background: url(/data/images/logo-fit-content.svg) no-repeat center;
		background-size: contain;
	width: 100%;
	height: 24px;
	display: block;
}
#sideMenu.on #logo a {
	width: 31px;
}
#sideMenu.on #logo .img_box {
	background: url(/data/images/logo_baronaem2.png) no-repeat center;
	width: 31px;
	height: 25px;
}
#sideMenu .gnb {
	padding: 0 16px;
	margin-top: 72px;
}

#sideMenu .gnb > ul > li > a {
	display: flex;
	align-items: center;
	column-gap: 10px;
	height: 44px;
	border-radius: 8px;
	padding: 0 12px;
	position: relative;
}
#sideMenu .gnb > ul > li.on > a {
	background: #f3f5fa;
}
#sideMenu .gnb > ul > li.on > a::after {
	content: "";
	display: block;
	border-radius: 0px 6px 6px 0px;
	background: #4370f9;
	width: 8px;
	height: 45px;
	position: absolute;
	left: -16px;
	top: 50%;
	transform: translateY(-50%);
}
#sideMenu .gnb > ul > li.on > a .btn_arrow {
	transform: rotate(180deg);
}
#sideMenu .gnb > ul > li .icon_box {
	width: 20px;
}
#sideMenu .gnb > ul > li .icon_box svg {
	fill: #cbd0dc;
	display: block;
	width: 100%;
}

#sideMenu .gnb > ul > li.on .icon_box svg {
	fill: #4370f9;
}
#sideMenu .gnb > ul > li > a span {
	display: block;
	width: 118px;
	font-size: 16px;
	font-weight: 600;
}
#sideMenu .gnb > ul > li > .sub_menu {
	display: none;
}
#sideMenu .gnb > ul > li.on > .sub_menu {
	padding-bottom: 16px;
	display: block;
}
#sideMenu .gnb > ul > li .sub_menu li {
	margin-top: 12px;
}
#sideMenu .gnb > ul > li .sub_menu li {
	padding-left: 42px;
}
#sideMenu .gnb > ul > li .sub_menu li a {
	color: #6f6f6f;
	font-size: 14px;
	font-weight: 600;
}
#sideMenu .gnb > ul > li .sub_menu li.on a {
	color: var(--primary-color-1);
}

/*	*/

#container {
	width: calc(100% - 20px);
}
#container.on {
	width: calc(100% - 67px);
}
.cont_header {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--border-color-1);
	padding: 0 24px;
	background: #fff;
}
.cont_header .logo {
	max-width: 90px;
	max-height: 30px;
}
.cont_header .logo a {
	display: block;
}
.cont_header .logo a img {
	max-width: 100%;
	max-height: 26px;
	display: block;
}
.cont_header .tit {
	color: var(--font-color-3);
	font-size: 20px;
	font-weight: 600;
}
.cont_header .left_group {
	display: flex;
	align-items: center;
	column-gap: 16px;
}
.cont_header .right_group {
	display: flex;
	align-items: center;
	column-gap: 33px;
}
.cont_header .right_group .info_name span {
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	color: var(--font-color-1);
}
.cont_header .right_group .info_name {
	font-size: 14px;
	font-weight: 600;
	color: var(--font-color-2);
	position: relative;
}
.cont_header .right_group .info_name::after {
	content: "";
	display: block;
	background: #cbd0dc;
	width: 1px;
	height: 16px;
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
}
.cont_header .right_group .btn_list ul {
	display: flex;
	align-items: center;
	column-gap: 16px;
}
.cont_header .right_group .btn_list a {
	display: flex;
	align-items: center;
	column-gap: 4px;
}
.cont_header .right_group .btn_list a span {
	display: block;
	color: var(--primary-color-1);
	font-size: 14px;
	font-weight: 600;
}
.cont_header .right_group .btn_list .btn_logout a span {
	display: block;
	color: var(--red-color-1);
	font-size: 14px;
	font-weight: 600;
}
.cont_top {
	height: 40px;
	border-bottom: 1px solid #e8e8e8;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 24px;
	background: #fff;
}
.cont_top .tab_menu {
	padding-top: 4px;
}
.cont_top .tab_menu ul {
	display: flex;
	align-items: center;
}

.cont_top .tab_menu li a {
	padding: 0 20px;
	color: var(--font-color-2);
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 34px;
}
.cont_top .tab_menu li.on a {
	color: var(--primary-color-1);
}
.cont_top .tab_menu li.on {
	border-bottom: 2px solid var(--primary-color-1);
}
.cont_top .right_group ul {
	display: flex;
	align-items: center;
	column-gap: 4px;
}
.cont_top .right_group ul a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	height: 30px;
	padding: 0 12px;
	border-radius: 8px;
	background: #8b92a2;
}
.cont_top .right_group ul a span {
	color: #fff;
	font-size: 14px;
	display: block;
	font-weight: 500;
}
.cont_top .right_group ul a .icon_box {
	width: 20px;
}
.cont_top .right_group ul li.btn_set a {
	background: var(--primary-color-1);
}
.menu_list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.menu_list li {
	max-width: 159px;
	width: calc((100% - 32px) / 9);
	border-radius: 8px;
	border: 1px solid #e8e8e8;
	background: #fff;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
}

.menu_list li a {
	display: block;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	position: relative;
	line-height: 40px;
}

.menu_list li a span {
	display: block;
	line-height: 40px;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
}
.menu_list li a .num {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	line-height: 20px;
	background: #eae3ff;
	border-radius: 50px;
	color: var(--secondary-color-2);
	font-size: 14px;
	font-weight: 600;
	display: block;
	text-align: center;
}
.menu_list li.on {
	border: 1px solid #ffdb5e;
	background: rgba(255, 219, 94, 0.2);
	position: relative;
}
.menu_list li.on::after {
	content: "";
	display: block;
	width: 20px;
	height: 32px;
	background: url(/data/images/label.svg);
	position: absolute;
	left: 12px;
	top: 0;
}
.menu_list li.on .num {
	background: #ffdb5d;
	color: #4a4a4a;
}
#content {
	background: #f8f8f8;
	padding: 0 24px 28px;
}
#content.demolition_cont {
	min-height: 990px;
	height: calc(100vh - 90px);
}
.menu_list .slider {
	max-width: 1634px;
	overflow: hidden; /* 슬라이더 컨테이너의 오버플로우를 숨김 */
	position: relative;
}
.menu_list .slider-content {
	display: flex;
	width: 100%;
	flex-wrap: wrap; /* 2줄로 표시 */
	max-height: 90px; /* 2줄의 최대 높이 */
	gap: 4px;
	transition: transform 0.3s ease-in-out;
	row-gap: 4px;
}
.menu_list {
	margin-bottom: 12px;
}
.menu_list .top_group {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.menu_list .top_group .right_group {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	padding: 8px 0;
}
.menu_list .top_group .top-button {
	min-width: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: 1px solid #d2d2d2;
	height: 30px;
	padding: 0 12px;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}
.menu_list .top_group button.btn_add {
	background: #3d3d3d;
	border: none;
}
.menu_list .top_group button.btn_delete {
	background: #3d3d3d;
	border: none;
}
.cont_box {
	border-radius: 12px;
	background: #fff;
	box-shadow: 4px 4px 8px 0px rgba(189, 202, 236, 0.16);
}
.demolition_wrap {
	display: flex;
	column-gap: 8px;
}
.demolition_wrap .cont_box {
	height: 816px;
	border-radius: 20px;
}
.demolition_wrap .cont_box.left_group {
	width: 676px;
}
.demolition_wrap .cont_box.left_group .tit_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px;
	border-bottom: 1px solid var(--border-color-1);
	margin-bottom: 29px;
}
.demolition_wrap .cont_box.left_group .tit_box .tit {
	font-size: 16px;
	font-weight: 700;
	color: var(--font-color-3);
}
.demolition_wrap .cont_box.left_group .tit_box .total {
	color: var(--font-color-3);
	font-size: 16px;
	font-weight: 700;
}
.demolition_wrap .cont_box.left_group .tit_box .total span {
	display: inline-block;
	color: var(--primary-color-1);
	font-size: 16px;
	font-weight: 700;
}
#content .cont_box > .tit_box > .tit {
	font-size: 16px;
	font-weight: 700;
	color: var(--font-color-3);
}

.demolition_wrap .cont_box.left_group #sortable li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	border-radius: 10px;
	border: 1px solid #e8e8e8;
	background: #fff;
	box-shadow: 2px 2px 8px 0px rgba(17, 17, 17, 0.08);
	margin-bottom: 11px;
	padding: 0 36px;
	position: relative;
	cursor: pointer;
}
.demolition_wrap .cont_box.left_group .container {
	max-height: 714px;
	padding: 0 24px;
	overflow: auto;
	width: calc(100% - 6px);
}
.demolition_wrap .cont_box.left_group .container::-webkit-scrollbar {
	width: 8px;
}
.demolition_wrap .cont_box.left_group .container::-webkit-scrollbar-thumb {
	border-radius: 4px;
	border: 1px solid #fff;
	background: rgba(17, 17, 17, 0.2);
}
.demolition_wrap .cont_box.left_group .container::-webkit-scrollbar-track {
	background-color: transparent;
}

#sortable li .sub_tit {
	width: 220px;
	display: block;
	font-weight: 600;
	font-size: 14px;
	color: var(--font-color-3);
}
#sortable li .right_group {
	display: flex;
	align-items: center;
}
#sortable li .num_box {
	width: 80px;
	text-align: center;
}
#sortable li .num_box em {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	color: var(--font-color-3);
	text-align: center;
}
#sortable li .num_box span {
	color: #9e9fa8;
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
}
.price_box {
	width: 120px;
	color: var(--primary-color-1);
	font-weight: 600;
	font-size: 16px;
	text-align: right;
	margin-left: 16px;
}

#sortable li input[type="checkbox"] {
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	outline: none !important;
	background: url(/data/images/checkbox.svg) no-repeat center;
	background-size: contain;
}
#sortable li .checkbox {
	padding: 0 5px;
	width: 26px;
	margin-left: 40px;
}
#sortable li input[type="checkbox"]:checked {
	content: "";
	display: block;
	background: url(/data/images/checkbox_on.svg) no-repeat center;
	background-size: contain;
	border: none;
}
#sortable .btn_delete {
	width: 14px;
	display: block;
	position: absolute;
	right: 8px;
	top: 8px;
}
#sortable .btn_delete img {
	width: 100%;
	display: block;
}
.demolition_wrap .cont_box.right_group {
	min-width: 948px;
	width: calc(100% - 684px);
}
.demolition_wrap .cont_box.right_group .tit_box {
	display: flex;
	justify-content: space-between;
	padding: 24px 24px 0;
	margin-bottom: 12px;
}
.demolition_wrap .cont_box.right_group .tit_box .tit {
	font-weight: 700;
	font-size: 16px;
	color: var(--font-color-3);
}
.demolition_wrap .cont_box.right_group .tit_box .right_group form {
	display: flex;
	align-items: center;
	column-gap: 12px;
}
.demolition_wrap .cont_box.right_group .search_box {
	display: flex;
	align-items: center;
	column-gap: 6px;
}
.demolition_wrap .cont_box.right_group .search_box input {
	width: 247px;
	line-height: 32px;
	border-radius: 8px;
	background: #f1f1f1;
	border: none;
	font-size: 14px;
	font-weight: 500;
	padding: 0 10px;
}
.demolition_wrap .cont_box.right_group .search_box input::placeholder {
	color: #8d8d8d;
}
.demolition_wrap .cont_box.right_group .search_box button {
	border-radius: 8px;
	line-height: 32px;
	display: block;
	background: var(--primary-color-1);
	color: #fff;
	padding: 0 24px;
	font-size: 14px;
	font-weight: 700;
}
.demolition_wrap .cont_box.right_group .filter_box {
	margin-bottom: 16px;
	padding: 0 24px;
}
.demolition_wrap .cont_box.right_group .filter_box form {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 30px;
}
.demolition_wrap .cont_box.right_group .filter_box select {
	width: 280px;
	height: 36px;
}
.demolition_wrap .cont_box.right_group select:disabled {
	color: #b0b0b0;
	border: 1px solid #d7d7d7;
	background: #fff;
}
.demolition_wrap .cont_box.right_group .filter_box input {
	border-radius: 8px;
	border: 1px solid #d7d7d7;
	background: #fff;
	width: 280px;
	line-height: 34px;
	padding: 0 8px;
	color: var(--font-color-3);
	font-size: 14px;
	font-weight: 600;
}
.demolition_wrap .cont_box.right_group .filter_box input:disabled {
	color: #b0b0b0;
	border: 1px solid #d7d7d7;
}
.quote_item {
	max-height: 688px;
	overflow-y: auto;
	padding: 0 24px;
}
/* 견적 항목 스크롤 */
.demolition_wrap .quote_item::-webkit-scrollbar {
	width: 8px;
}
.demolition_wrap .quote_item::-webkit-scrollbar-thumb {
	border-radius: 4px;
	border: 1px solid #fff;
	background: rgba(17, 17, 17, 0.2);
}
.demolition_wrap .quote_item::-webkit-scrollbar-track {
	background-color: transparent;
}
/* 견적 항목 스크롤 */
.quote_item ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}
.quote_item li {
	width: calc((100% - 32px) / 5);
	border-radius: 16px;
	border: 1px solid #e8e8e8;
	background: #fff;
	padding: 8px;
}
.quote_item li .img_box {
	border-radius: 6px;
	overflow: hidden;
	height: 112px;
	width: 100%;
	margin-bottom: 10px;
	background: #f3f3f3;
}
.quote_item li .img_box img {
	width: 100%;
	height: 112px;
	object-fit: cover;
}
.quote_item li .item_box .name {
	color: var(--font-color-3);
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}
.quote_item li .item_box button {
	display: block;
	border-radius: 8px;
	background: #f1f1f1;
	width: 100%;
	line-height: 31px;
	margin-top: 9px;
	color: #383838;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
}
.popup_wrap {
	border: 1px solid #494b7e;
	background: #fff;
	box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.08);
	width: 1018px;
	height: 679px;
	z-index: 80;
	position: fixed;
	top: 50%;
	left: calc(50% + 238px);
	transform: translate(-50%, -50%);
	display: none;
}
.popup_wrap.on {
	display: block;
}
.popup_demolition {
	padding: 24px;
}
.popup_demolition .conts {
	display: flex;
	column-gap: 20px;
	margin-bottom: 20px;
}
.popup_demolition .left_group {
	width: 280px;
}
.popup_demolition .left_group .img_box {
	width: 212px;
	height: 212px;
	overflow: hidden;
	margin-bottom: 12px;
}
.popup_demolition .left_group .img_box img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.popup_demolition .left_group .info_wrap {
	background: url(/data/images/subtract.png) no-repeat center / cover;
	width: 280px;
	height: 351px;
	padding: 12px 20px 16px;

	filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.08));
}
.popup_demolition .left_group .info_wrap .name_box {
	display: flex;
	column-gap: 8px;
	margin-bottom: 12px;
}
.popup_demolition .left_group .info_wrap .name_box span {
	font-size: 18px;
	font-weight: 600;
	color: var(--font-color-3);
}
.popup_demolition .left_group .info_wrap .name_box button {
	width: 16px;
}
.popup_demolition .left_group .info_wrap .name_box button img {
	width: 100%;
	display: block;
}
.popup_demolition .left_group .info_wrap .info_box {
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 4px;
	margin-bottom: 8px;
}
.popup_demolition .left_group .info_wrap .info_box ul li {
	display: flex;
	align-items: center;
	column-gap: 17px;
	height: 20px;
}
.popup_demolition .left_group .info_wrap .info_box .tit {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.28px;
	color: var(--font-color-2);
	position: relative;
}
.popup_demolition .left_group .info_wrap .info_box .tit::after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #e5e5e8;
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translateY(-50%);
}
.popup_demolition .left_group .info_wrap .info_box .txt {
	font-size: 14px;
	font-weight: 500;
	color: var(--font-color-3);
}
.popup_demolition .left_group .info_option {
	height: 125px;
	overflow-y: auto;
}
.popup_demolition .left_group .info_option ul li {
	display: flex;
	align-items: center;
	column-gap: 10px;
}
.popup_demolition .left_group .info_option ul li + li {
	margin-top: 4px;
}
.popup_demolition .left_group .quantity_box .tit,
.popup_demolition .left_group .info_option ul li .tit {
	display: inline-block;
	width: 26px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.28px;
	color: var(--font-color-2);
}
.popup_demolition .left_group .info_option ul li input {
	width: 107px;
	line-height: 28px;
	border: 1px solid #e5e5e8;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.28px;
	padding: 0 8px;
}
.popup_demolition .left_group .info_option::-webkit-scrollbar {
	width: 4px;
}
.popup_demolition .left_group .info_option::-webkit-scrollbar-thumb {
	background: #d9d9d9;
}
.popup_demolition .left_group .info_option::-webkit-scrollbar-track {
	background-color: transparent;
}
.popup_demolition .left_group .quantity_box {
	display: flex;
	align-items: center;
	column-gap: 10px;
	padding: 8px 0;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
	margin-bottom: 20px;
}
.popup_demolition .left_group .quantity_box input {
	width: 56px;
	line-height: 28px;
	border: 1px solid #e5e5e8;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.28px;
	padding: 0 8px;
	text-align: right;
}
.popup_demolition .left_group .total_box {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	column-gap: 9px;
}
.popup_demolition .left_group .total_box .tit {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
}
.popup_demolition .left_group .total_box .price {
	font-size: 20px;
	color: var(--secondary-color-2);
	font-weight: 500;
}
.popup_demolition .right_group {
	width: 670px;
}
.popup_demolition .right_group .mySwiper {
	width: 100%;
}
.popup_demolition .right_group .img_box {
	width: 670px;
}

.popup_demolition .right_group .btn_box button {
	background: rgba(0, 0, 0, 0.4);
	width: 48px;
	height: 48px;
	border-radius: 48px;
	padding: 12px;
}
.popup_demolition .right_group .btn_box button img {
	width: 100%;
	display: block;
}
.popup_demolition .right_group .btn_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0 16px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
}
.popup_wrap .btn_wrap ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 8px;
}
.popup_wrap .btn_wrap ul li {
	width: 120px;
}
.popup_wrap .btn_wrap ul button {
	width: 120px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 36px;
}
.popup_wrap .btn_wrap ul .btn_main {
	background: var(--primary-color-1);
	color: #fff;
}
.popup_wrap .btn_wrap ul .btn_border {
	border: 1px solid var(--primary-color-1);
	color: var(--primary-color-1);
}
/*	*/
.sub-process_cont .cont_box {
	height: 816px;
}
.sub-process_cont .menu_list .top_group {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menu_list .top_group .tit {
	font-size: 20px;
	font-weight: 600;
}
.sub-process_cont .cont_box .tit_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 24px;
}

.sub-process_cont .cont_box .tit_box #content .cont_box > .tit_box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}
.sub-process_cont .cont_box .tit_box .filter_box ul {
	display: flex;
	align-items: center;
	column-gap: 20px;
}
.sub-process_cont .cont_box .tit_box .filter_box select {
	width: 280px;
	height: 36px;
}
.sub-process_cont .cont_box .tit_box .filter_box ul li {
	display: flex;
	align-items: center;
	column-gap: 12px;
}
.sub-process_cont .cont_box .tit_box .filter_box ul li .tit {
	font-size: 14px;
	color: var(--font-color-2);
}
.sub-process_cont .cont_box .tit_box .right_group {
	display: flex;
	align-items: center;
	justify-content: end;
	column-gap: 16px;
}
.sub-process_cont .cont_box .tit_box .right_group .btn_box {
	display: flex;
	align-items: center;
	column-gap: 4px;
}
.sub-process_cont .cont_box .tit_box .btn_icon {
	background: var(--primary-color-1);
	border: none;
	height: 36px;
	width: 146px;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}
.sub-process_cont .cont_box .tit_box .btn_icon span {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.sub-process_cont .cont_box .tit_box .btn_add {
	background: var(--secondary-color-2);
	height: 36px;
	width: 97px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 8px;
}
.sub-process_cont .item_list {
	padding: 24px 24px;
}
.sub-process_cont .item_list ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}
.sub-process_cont .item_list li {
	width: calc((100% - 80px) / 11);
	border: 1px solid #e8e8e8;
	background: #fff;
	padding: 8px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.04);
}
.sub-process_cont .item_list li .img_box {
	border-radius: 6px;
	width: 120px;
	overflow: hidden;
	background: #f3f3f3;
	margin: 0 auto 8px;
}
.sub-process_cont .item_list li.img_box img {
	aspect-ratio: 1 / 1;
	width: 100%;
	object-fit: cover;
}
.sub-process_cont .item_list li .item_box .name {
	color: var(--font-color-3);
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.sub-process_cont .item_list li .item_box button {
	display: block;
	border-radius: 8px;
	width: 100%;
	line-height: 28px;
	margin-top: 8px;
	color: #6d6d6d;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	border: 1px solid #dadada;
}
.popup_management {
	padding-bottom: 30px;
	width: 1215px;
	height: fit-content;
}
.popup_management .conts {
	padding: 0 40px;
	display: flex;
	column-gap: 20px;
}

.popup_wrap .close_wrap {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	padding: 12px 12px 0;
	margin-bottom: 30px;
}
.popup_wrap .close_wrap button {
	width: 32px;
}
.popup_management .process_box {
	width: 365px;
	height: 256px;
	border: 1px solid #e7e7e7;
}
.popup_management .process_box .top_group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e6e6e6;
	height: 41px;
	padding: 0 20px;
}
.popup_management .process_box .top_group .tit {
	color: var(--font-color-3);
	font-size: 16px;
	font-weight: 600;
}
.popup_management .process_box .top_group .right_group ul {
	display: flex;
	align-items: center;
	column-gap: 10px;
}
.popup_management .process_box .top_group .right_group ul li {
	position: relative;
	width: 16px;
}
.popup_management .process_box .top_group .right_group button {
	display: block;
	width: 16px;
}
.popup_management .process_box .top_group .right_group button img {
	width: 100%;
	display: block;
}
.popup_management .process_box .top_group .right_group ul li span {
	background: #111;
	font-size: 10px;
	font-weight: 500;
	color: #fff;
	padding: 0 17px;
	line-height: 20px;
	display: block;
	position: relative;
}
.popup_management .process_box .top_group .right_group .tooltip {
	visibility: hidden;
	position: absolute;
	left: 50%;
	top: -6px;
	transform: translate(-50%, -100%);
	width: 52px;
	z-index: 10;
	transition: 0.1s ease-in;
}
.popup_management .process_box .top_group .right_group span {
	position: relative;
}
.popup_management .process_box .top_group .right_group .tooltip span::after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-top: 8px solid #111;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	position: absolute;
	left: 50%;
	bottom: 1px;
	transform: translate(-50%, 100%);
}
.popup_management .process_box .top_group .right_group ul li:hover .tooltip {
	visibility: visible;
}
.popup_management .process_box .list_box {
	height: 215px;
	overflow-y: auto;
}
.popup_management .process_box .list_box li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 36px;
	padding: 0 20px;
}
.popup_management .process_box .list_box li a span {
	font-weight: 400;
	font-size: 16px;
	color: var(--font-color-3);
}
.popup_management .process_box .list_box li .icon_box {
	width: 16px;
}
.popup_management .process_box .list_box li.on {
	background: #f3f5fa;
}
.popup_management .process_box .list_box li.on span {
	color: var(--primary-color-1);
}
.popup_management .btn_wrap {
	padding: 0 40px;
	margin-top: 22px;
}
.sub-process-edit_cont {
	display: flex;
	column-gap: 20px;
	height: calc(100vh - 50px);
}
.edit_img_cont {
	width: 154px;
	height: fit-content;
	border: 1px solid #e5e5e8;
	background: #fff;
	margin-top: 10px;
	padding: 4px;
	position: relative;
}
.sub-process-edit_cont .edit_cont {
	width: 1427px;
	width: calc(100% - 174px);
}
.edit_file input {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}
.edit_img label {
	display: flex;
	align-items: center;
	column-gap: 6px;
	cursor: pointer;
	border-radius: 4px;
	background: #efefef;
	height: 32px;
	padding: 0 6px;
	margin-bottom: 6px;
}
.edit_img label .btn {
	display: block;
	width: 44px;
	line-height: 22px;
	border-radius: 4px;
	background: var(--primary-color-1);
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
}
.edit_img label .txt {
	display: block;
	color: #6f6f6f;
	font-size: 12px;
	font-weight: 500;
	width: calc(100% - 50px);
	overflow: hidden;
}
.edit_img label img {
	width: 2.4rem;
}
.profile_img {
	width: 100%;
	aspect-ratio: 1 /1;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 6px;
}
.profile_img img {
	width: 100%;
	aspect-ratio: 1 /1;
	object-fit: cover;
}
.btn_basic_img {
	display: block;
	width: 100%;
	line-height: 24px;
	border-radius: 4px;
	border: 1px solid #d8d8d8;
	background: #fff;
	text-align: center;
	color: var(--font-color-3);
	font-size: 12px;
	font-weight: 600;
}
.sub-process-edit_cont .container {
	padding: 0 24px;
}
.basic_info {
	display: flex;
	column-gap: 8px;
	margin-bottom: 20px;
}
.basic_info_box {
	width: fit-content;
	display: grid;
	grid-template-columns: 122px 312px;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}
.basic_info_box > div {
	height: 36px;
	display: flex;
	align-items: center;
	padding: 0 8px;
	font-size: 14px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.basic_info_box .tit {
	background: #fafafa;
	font-weight: 700;
	font-size: 14px;
	color: var(--font-color-3);
	text-align: center;
	justify-content: center;
}
.basic_info_box .txt p {
	font-size: 14px;
	font-weight: 400;
	color: var(--font-color-3);
}
.basic_info_box .txt.bg_txt {
	background: #efefef;
}

.formula_txt {
	position: relative;
}

.formula_box {
	position: absolute;
	top: 2px;
	right: -12px;
	transform: translateX(100%);
	z-index: 30;
}

.btn_formula {
	display: inline-block;
	line-height: 32px;
	padding: 0 24px;
	border-radius: 8px;
	background: var(--primary-color-1);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.pop_formula {
	display: none;
	background: #fff;
	border: 1px solid var(--primary-color-1);
	box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.08);
	width: 352px;
	margin-top: 4px;
	padding: 30px;
}
.pop_formula.on {
	display: block;
}

.pop_formula .conts {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
}
.pop_formula .sign_box {
	width: 74px;
	padding: 12px 6px;
	background: #c9cbe2;
	border: 1px solid #c4c5e6;
}
.pop_formula .sign_box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.pop_formula .sign_box ul li {
	width: 27px;
}
.pop_formula .sign_box ul button {
	background: #fff;
	width: 100%;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: 1px solid #c4c5e6;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
}
.pop_formula .sign_box ul button img {
	width: 16px;
	display: block;
}
.pop_formula .number_box {
	width: 210px;
	padding: 12px 6px;
	border: 1px solid #e6e6e6;
}
.pop_formula .number_box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.pop_formula .number_box button {
	text-align: center;
	display: block;
	width: 62px;
	line-height: 30px;
	border-radius: 8px;
	border: 1px solid #f5f5f5;
	background: #fff;
	/* btn shadow */
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
}
.pop_formula .set_box {
	border: 1px solid #e6e6e6;
	background: #fafafa;
	padding: 8px 12px;
}
.pop_formula .set_box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.pop_formula .set_box ul li {
	width: 84px;
}
.pop_formula .set_box li button {
	width: 100%;
	display: block;
	height: 30px;
	border-radius: 8px;
	border: 1px solid #f5f5f5;
	background: #fff;
	font-size: 14px;
	font-weight: 400;
	color: var(--font-color-3);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
}
.pop_formula .set_box li button.btn_main {
	background: var(--secondary-color-2);
	color: #ddd;
}
.pop_formula .btn_wrap {
	margin-bottom: 14px;
}
.pop_formula .btn_wrap ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 8px;
}
.pop_formula .btn_wrap ul li {
	width: 73px;
}
.pop_formula .btn_wrap ul button {
	width: 73px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 32px;
}
.pop_formula .btn_wrap ul .btn_main {
	background: var(--primary-color-1);
	color: #fff;
}
.pop_formula .btn_wrap ul .btn_border {
	border: 1px solid var(--primary-color-1);
	color: var(--primary-color-1);
}
.basic_table {
	width: fit-content;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.basic_table .top_group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background: #fafafa;
	padding: 0 20px;
	height: 40px;
}
.basic_table .top_group .tit {
	color: var(--font-color-3);
	font-size: 16px;
	font-weight: 700;
}
.basic_table .top_group .btn_list ul {
	display: flex;
	align-items: center;
	column-gap: 16px;
}
.icon_btn,
.basic_table .top_group .btn_list ul li a {
	display: flex;
	align-items: center;
	gap: 4px;
}
.icon_btn .icon_box,
.basic_table .top_group .btn_list ul li a .icon_box {
	width: 16px;
}
.icon_btn span,
.basic_table .top_group .btn_list ul li a span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: var(--font-color-3);
}

.basic_table .top_group .btn_list ul li a.btn_input span {
	color: #6f6f6f;
}
.icon_btn.btn_delete span,
.basic_table .top_group .btn_list ul li a.btn_delete span {
	color: #ff4c4c;
}
.basic_table .item_box {
	display: grid;
	grid-template-columns: 284px 162px 264px 124px 122px 69px;
	border-bottom: 1px solid #eee;
}
.basic_table .scroll_box .item_box:last-child {
	border-bottom: none;
}
.basic_table .item_box .item.tit {
	height: 36px;
	color: #797979;
	font-size: 14px;
	font-weight: 400;
}
.basic_table .item_box .item {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 32px;
	font-size: 14px;
	font-weight: 400;
	color: var(--font-color-3);
	padding: 6px 20px;
}
.basic_table .item_box .item span {
	font-size: 14px;
	font-weight: 400;
	color: var(--font-color-3);
	display: block;
	text-align: center;
}
.basic_table .item_box .item.txt_r span {
	width: 100%;
	text-align: right;
}
.basic_table .item_box .item.none {
	background: #efefef;
}
.basic_table .item_box .btn_delete {
	width: 16px;
}
.basic_table .item_box .btn_delete img {
	width: 100%;
	display: block;
}

.basic_table .item_box .btn_edit {
	position: relative;
}
.basic_table .item_box .btn_edit a {
	display: inline-block;
	padding: 0 20px;
	color: #303030;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	border-radius: 4px;
	border: 1px solid #d8d8d8;
	background: #fff;
}

.basic_table .item_box .btn_edit .pop_formula {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 20;
}
.basic_table .item_box .btn_edit .pop_formula.on {
	display: block;
}
.basic_table .item_box .btn_edit.on .pop_formula {
	display: block;
}
.basic_table + .basic_table {
	margin-top: 12px;
}
.basic_table .scroll_box {
	height: 160px;
	overflow-y: auto;
}
.basic_table.basic_table2 .scroll_box {
	height: 64px;
	overflow-y: auto;
}
.basic_table.basic_table2 .item_box {
	display: grid;
	grid-template-columns: 162px 202px 224px 124px 245px 69px;
	border-bottom: 1px solid #eee;
}
.basic_table3 {
	width: 1042px;
}
.basic_table3 .scroll_box {
	width: 1042px;
	height: fit-content;
	overflow-x: auto;
	overflow-y: initial;
}
.basic_table3 .example_list {
	padding: 16px;
	width: max-content;
}
.basic_table3 .example_list ul {
	display: flex;
	gap: 8px;
}
.basic_table3 .example_list li {
	width: 120px;
	height: 120px;
	overflow: hidden;
}
.basic_table3 .example_list li.on {
	border: 1px solid var(--primary-color-1);
}
.basic_table3 .example_list li a {
	display: block;
	height: 120px;
	background: #efefef;
}
.popup_wrap .search_box {
	margin-bottom: 12px;
}
.popup_wrap .search_box form {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
}
.popup_wrap .search_box input {
	width: 247px;
	line-height: 30px;
	border: 1px solid #e5e5e8;
	background: #fff;
	padding: 0 10px;
}
.popup_wrap .search_box button {
	display: block;
	border-radius: 8px;
	width: 73px;
	background: var(--primary-color-1);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 32px;
}
.popup_add {
	width: 746px;
	height: fit-content;
	padding: 30px;
}
.pop_table {
	margin-bottom: 20px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.04);
	border: 1px solid #e7e7e7;
}
.pop_table input[type="checkbox"] {
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	outline: none !important;
	background: #fff;
	border: 1px solid #c7c7c7;
	border-radius: 2px;
}

.pop_table input[type="checkbox"]:checked {
	content: "";
	display: block;
	background: url(/data/images/checkbox_on.svg) no-repeat center;
	background-size: contain;
	border: none;
	border-radius: 2px;
}
.pop_table .item_box {
	display: grid;
	grid-template-columns: 54px 162px 105px 117px 129px 117px;
	border-bottom: 1px solid #eee;
}
.pop_table .item_box:last-child {
	border-bottom: none;
}
.pop_table .item_box.tit_box .item {
	padding: 0;
	color: #797979;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}
.pop_table .item_box .item {
	padding: 6px 16px;
	min-height: 32px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pop_table .item_box .item + .item {
	border-left: 1px solid #eee;
}
.pop_table .item_box .item.txt_r span {
	width: 100%;
	text-align: right;
}
.popup_wrap.popup_add .btn_wrap ul li,
.popup_wrap.popup_add .btn_wrap ul button {
	width: 73px;
}
.popup_wrap.popup_add .btn_wrap ul button {
	height: 32px;
}
.popup_basicimg {
	position: absolute;
	left: 0;
	bottom: -8px;
	transform: translateY(100%);
	width: 350px;
	background: #fff;
	border: 1px solid #494b7e;
	padding: 16px;
	display: none;
}
.popup_basicimg.on {
	display: block;
}
.popup_basicimg .img_list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.popup_basicimg .img_list li {
	width: 100px;
	height: 100px;
	border-radius: 8px;
	overflow: hidden;
}
.popup_basicimg .img_list li.on {
	outline: 1px solid var(--primary-color-1);
}
.popup_basicimg .img_list img {
	display: block;
	width: 100%;
}
.popup_basicimg .btn_wrap {
	margin-top: 12px;
}
.popup_basicimg .btn_wrap ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 8px;
}

.popup_basicimg .btn_wrap ul button {
	width: 73px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 32px;
}
.popup_basicimg .btn_wrap ul .btn_main {
	background: var(--primary-color-1);
	color: #fff;
}
.popup_basicimg .btn_wrap ul .btn_border {
	border: 1px solid var(--primary-color-1);
	color: var(--primary-color-1);
}
/* 미분류항목 */
.unclassified_cont .cont_box {
	width: 100%;
	margin-top: 24px;
	min-height: 943px;
}
.unclassified_cont .cont_box .tit_box {
	padding: 16px 24px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 24px;
}
.unclassified_cont .item_list {
	padding: 0 24px;
}
.unclassified_cont .item_list ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}
.unclassified_cont .item_list li {
	width: 136px;
	border: 1px solid #e8e8e8;
	background: #fff;
	padding: 8px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.04);
}
.unclassified_cont .item_list li .img_box {
	width: 120px;
	overflow: hidden;
	background: #f3f3f3;
	margin: 0 auto 8px;
}
.unclassified_cont .item_list li.img_box img {
	aspect-ratio: 1 / 1;
	width: 100%;
	object-fit: cover;
}
.unclassified_cont .item_list li .item_box .name {
	color: var(--font-color-3);
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.unclassified_cont .item_list li .item_box button {
	display: block;
	border-radius: 8px;
	width: 100%;
	line-height: 28px;
	margin-top: 8px;
	color: #6d6d6d;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	border: 1px solid #dadada;
}
.period_txt {
	display: flex;
	align-items: center;
	column-gap: 12px;
	margin-top: 24px;
	margin-bottom: 24px;
}
.period_txt p {
	color: #8d8d8d;
	font-size: 16px;
	font-weight: 700;
}
.period_txt span {
	color: #303030;
	font-size: 16px;
	font-weight: 700;
}
.period_txt span em {
	font-style: normal;
	color: #ff4c4c;
	font-size: 16px;
	font-weight: 700;
}
.basic_cont_box .tit_box {
	padding: 16px 20px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 24px;
}
.basic_cont_box .tit_box .tit {
}
.mypage_cont .flex_box {
	display: flex;
	gap: 10px;
}
.mypage_cont .cont_box.left_box {
	width: 676px;
	height: fit-content;
}
.mypage_cont .cont_box.left_box .container {
	padding: 0 24px 24px;
}
.mypage_cont .privacy_list li {
	display: flex;
	align-items: center;
	height: 26px;
	column-gap: 32px;
}
.mypage_cont .privacy_list .tit {
	width: 50px;
	display: block;
	font-size: 14px;
	color: #6f6f6f;
	font-weight: 600;
	line-height: 26px;
}
.mypage_cont .privacy_list li + li {
	margin-top: 8px;
}
.mypage_cont .privacy_list li .right_group {
	display: flex;
	gap: 8px;
}
.mypage_cont .privacy_list li .right_group .txt {
	width: 148px;
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
}
.mypage_cont .privacy_list li .btn_change button,
.mypage_cont .privacy_list li .btn_change a {
	display: inline-block;
	padding: 0 16px;
	border-radius: 8px;
	background: #8b92a2;
	line-height: 26px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}
.mypage_cont .right_box {
	width: 948px;
}
.mypage_cont .right_box .cont_box + .cont_box {
	margin-top: 10px;
}
.mypage_cont .right_box .cont_box .container {
	padding: 0 24px 24px;
}
.mypage_cont .right_box .privacy_list li {
	column-gap: 22px;
}
.mypage_cont .right_box .privacy_list .tit {
	width: 71px;
}
.mypage_cont .right_box li .right_group .txt {
	width: 807px;
}
.mypage_cont .right_box li .right_group .situation_box {
	width: fit-content;
	display: inline-block;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	padding: 0px 4px;
	line-height: 26px;
}
.mypage_cont .right_box li .right_group .situation_box.normal {
	background: rgba(67, 112, 249, 0.1);
	color: var(--primary-color-1);
}
.mypage_cont .right_box li .right_group .situation_box.error {
	background: rgba(255, 76, 76, 0.1);
	color: var(--red-color-1);
}
.mypage_cont .filebox {
	position: relative;
	display: flex;
	align-items: center;
	gap: 7px;
}
.mypage_cont .filebox .upload-name {
	display: inline-block;
	vertical-align: middle;
	width: 234px;
	height: 40px;
	color: #6f6f6f;
	z-index: 0;
	position: relative;
	padding: 8px 12px;
	border: none;
	border-radius: 8px;
	background: #f1f1f1;
}
.mypage_cont .filebox label {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 234px;
	height: 40px;
	z-index: 10;
}
.mypage_cont .filebox input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}
.mypage_cont .upload_img {
	display: flex;
	align-items: center;
	column-gap: 18px;
}
.mypage_cont .upload_img .img_box {
	width: 140px;
	height: 140px;
	border-radius: 8px;
	border: 1px solid #e8e8e8;
	overflow: hidden;
}
.mypage_cont .upload_img .img_box img {
	aspect-ratio: 1 / 1;
	width: 100%;
	object-fit: contain;
}
.mypage_cont .upload_img .right_group {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 140px;
}
.mypage_cont .upload_img .txt ul li {
	position: relative;
	padding-left: 20px;
}
.mypage_cont .upload_img .txt ul li::after {
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background: #6f6f6f;
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
}
.mypage_cont .upload_img .txt ul li p {
	font-size: 14px;
	color: var(--font-color-2);
	font-weight: 500;
}
.mypage_cont .upload_img .txt ul li p span {
	font-size: 14px;
	color: var(--font-color-1);
	font-weight: 500;
}
.mypage_cont .btn_upload {
	width: 140px;
	line-height: 38px;
	display: block;
	text-align: center;
	color: var(--font-color-3);
	font-weight: 600;
	font-size: 16px;
	border-radius: 8px;
	border: 1px solid #e8e8e8;
	background: #fff;
}
.point_box {
	width: 934px;
	margin-top: 24px;
}
.point_box .point_info {
	padding: 35px 47px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.point_box .btn_withdraw a {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 64px;
	width: fit-content;
	border-radius: 8px;
	background: var(--primary-color-1);
	box-shadow: 4px 4px 12px 0px rgba(67, 112, 249, 0.2);
	padding: 0 20px;
}
.point_box .btn_withdraw .icon_box {
	width: 40px;
}
.point_box .btn_withdraw a span {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	display: block;
}
.point_box .point_info .info_list {
	width: 560px;
}
.point_box .point_info .info_list ul {
	width: 100%;
	display: flex;
	column-gap: 68px;
}
.point_box .point_info .info_list li {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.point_box .point_info .info_list li + li {
	padding-left: 68px;
}
.point_box .point_info .info_list li + li::after {
	content: "";
	display: block;
	width: 1px;
	height: 54px;
	background: #e8e8e8;
	left: 1px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
.point_box .point_info .info_list .num {
	font-family: "Outfit", sans-serif;
	font-size: 24px;
	font-weight: 500;
	color: #3d3d3d;
}
.point_box .point_info .info_list .tit {
	color: #8d8d8d;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
}
.point_menu {
	margin-top: 34px;
	margin-bottom: 14px;
}
.point_menu ul {
	display: flex;
	align-items: center;
	gap: 4px;
	background: #f1f1f1;
	box-shadow: 1px 1px 0px 0px rgba(17, 17, 17, 0.04) inset;
	width: fit-content;
	padding: 2px;
	border-radius: 8px;
}
.point_menu li a {
	display: flex;
	width: fit-content;
	height: 36px;
	padding: 0 20px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	color: #6f6f6f;
	font-size: 16px;
	font-weight: 600;
}
.point_menu li.on a {
	border-radius: 8px;
	background: #3d3d3d;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
.point_cont ul li + li {
	margin-top: 12px;
}
.point_cont .item.none {
	background: #f2f2f2;
}
.point_cont .item {
	border-radius: 12px;
	background: #fff;
	box-shadow: 4px 4px 8px 0px rgba(189, 202, 236, 0.16);
	padding-right: 38px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 86px;
}
.point_cont .item .left_group {
	display: flex;
	gap: 20px;
	align-items: center;
}
.point_cont .item .left_group .info {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	border-right: 1px solid #e8e8e8;
	width: 137px;
/* 	height: 86px; */
	padding-top: 24px;
	padding-bottom: 24px;
}
.point_cont .item .left_group .info .tit {
	color: #3d3d3d;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}
.point_cont .item .left_group .info .day_info {
	color: #8d8d8d;
	font-weight: 400;
	font-size: 14px;
	text-align: center;
}
.point_cont .item .left_group .point {
	display: flex;
	align-items: center;
	gap: 26px;
}
.point_cont .item .left_group .point .num {
	font-family: "Outfit", sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #3d3d3d;
}
.point_cont .item .left_group .point .num.plus {
	color: var(--primary-color-1);
}
.point_cont .item .left_group .point .num.minus {
	color: var(--red-color-1);
}
.point_cont .item .left_group .tag_cont {
	border-radius: 20px;
	background: #f7f7f7;
	display: inline-flex;
	padding: 0 10px;
	align-items: center;
	gap: 10px;
	height: 26px;
	width: fit-content;
}
.point_cont .item .left_group .tag_cont .tit {
	color: #8d8d8d;
	font-size: 14px;
	font-weight: 500;
}
.point_cont .item .left_group .tag_cont .txt {
	color: #595959;
	font-weight: 500;
	font-size: 14px;
}
.point_cont .item .right_group {
	display: flex;
	align-items: center;
	column-gap: 12px;
}
.point_cont .item .right_group .tit {
	display: flex;
	align-items: center;
	gap: 5px;
}
.point_cont .item .right_group .tit .icon_box {
	width: 20px;
}
.point_cont .item .right_group .tit span {
	color: #8d8d8d;
	font-size: 16px;
	font-weight: 500;
}
.point_cont .item .right_group .num {
	font-family: "Outfit", sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #595959;
}
.point_tab_cont .point_cont {
	display: none;
}
.point_tab_cont .point_cont:first-child {
	display: block;
}

/*	*/

.my_othersett .cont_box {
	width: 980px;
}
.my_othersett .basic_cont_box .tit_box {
	padding: 10px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0;
}

.my_othersett .basic_cont_box .btn_list ul {
	display: flex;
	align-items: center;
	column-gap: 16px;
}
.my_othersett .basic_cont_box .btn_list ul li a {
	display: flex;
	align-items: center;
	gap: 4px;
}
.my_othersett .basic_cont_box .btn_list ul li a .icon_box {
	width: 16px;
}
.my_othersett .basic_cont_box .btn_list ul li a span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: var(--font-color-3);
}
.my_othersett .basic_cont_box .btn_list ul li a.btn_input span {
	color: #6f6f6f;
}
.my_othersett .basic_cont_box .btn_list ul li a.btn_delete span {
	color: #ff4c4c;
}
.basic_table .item_box .item select {
	border: none;
	width: 100%;
	text-align: center;
	background: transparent url(/data/images/dropdown_icon.svg) no-repeat
		calc(100% - 10px) 50% / 16px auto;
	background-size: 16px;
	font-weight: 500;
}
.basic_table .item_box .item select:focus {
	outline: none;
}
.basic_table.sett_table .item_box {
	grid-template-columns: 140px 240px 200px 200px 200px;
}
.basic_table.sett_table2 .item_box {
	grid-template-columns: 80px 240px 80px 180px 200px 200px;
}
.my_othersett .sett_table.basic_table {
	border: none;
}
.sett_table {
	padding-bottom: 37px;
}
.my_othersett .cont_box + .cont_box {
	margin-top: 24px;
}
.basic_table input[type="checkbox"] {
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 14px;
	height: 14px;
	display: block;
	cursor: pointer;
	outline: none !important;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #b6b6b6;
}

.basic_table input[type="checkbox"]:checked {
	content: "";
	display: block;
	background: url(/data/images/checkbox_on.svg) no-repeat center;
	background-size: contain;
	border: none;
	border-radius: 2px;
}
.basic_table.sett_table .item_box .item {
	font-weight: 500;
	color: #3d3d3d;
	font-size: 14px;
}
.basic_table.sett_table .item_box .item.none {
	background: #f1f1f1;
}
.basic_table.sett_table .item_box {
	border-bottom: 1px solid #e8e8e8;
}
.my_basicinfo .flex_box {
	display: flex;
	gap: 10px;
}
.my_basic_tab {
	margin-top: 24px;
}
.my_basicinfo .cont_box {
	height: 943px;
}
.my_basicinfo .cont_box .container {
	padding: 0 24px;
}
.my_basicinfo .cont_box.left_group {
	width: 803px;
}
.my_basicinfo .cont_box.right_group {
	width: 822px;
}
.btn_gray a {
	width: 109px;
	height: 36px;
	padding: 0 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #8b92a2;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}
.my_basicinfo .basic_cont_box.right_group .btn_gray {
	margin-bottom: 24px;
}
.my_basicinfo .cont_box.right_group .img_box {
	width: 774px;
	margin: 0 auto;
}
.my_basicinfo .cont_box.right_group .img_box img {
	width: 100%;
	display: block;
}
.privacy_form input {
	width: 280px;
	height: 36px;
	line-height: 34px;
	border-radius: 8px;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	padding: 0 8px;
	font-size: 14px;
	font-weight: 500;
}
.privacy_form input:disabled ,
.privacy_form input:readonly { background-color: #f1f1f1 !important; }
.privacy_form input::placeholder {
	color: #9a9a9a;
}
.privacy_form .item_box {
	display: flex;
	column-gap: 19px;
}
.privacy_form .item_box label {
	display: block;
	width: 62px;
	line-height: 32px;
	color: #6f6f6f;
	font-size: 14px;
	font-weight: 600;
}
.privacy_form .item_box + .item_box {
	margin-top: 8px;
}
.privacy_form .item_box.address_box .input_box {
	display: flex;
	gap: 8px;
	margin-bottom: 8px;
}
.privacy_form .item_box.address_box input {
	width: 430px;
}
.privacy_sub + .privacy_sub {
	margin-top: 52px;
}
.privacy_sub .radio_list ul {
	display: flex;
	column-gap: 16px;
	align-items: center;
}
.privacy_sub .radio_list ul li {
}
.privacy_sub .radio_list ul label {
	display: flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
}
.privacy_sub .radio_list ul label span {
	color: var(--font-color-1);
	font-size: 14px;
	font-weight: 500;
	display: block;
}
.privacy_sub input[type="checkbox"],
.privacy_sub .radio_list input[type="radio"] {
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	outline: none !important;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #b6b6b6;
	padding: 0;
}
.privacy_sub input[type="checkbox"]:checked,
.privacy_sub .radio_list input[type="radio"]:checked {
	content: "";
	display: block;
	background: url(/data/images/privacy_checked.svg) no-repeat center;
	background-size: contain;
	border: none;
	border-radius: 2px;
}
.privacy_sub .item_box .unit_txt {
	font-size: 14px;
	font-weight: 500;
}
.privacy_sub .item_box.unit_box input {
	width: 107px;
	margin-right: 8px;
}
.privacy_sub .item_box.unit_box {
	gap: 0;
}
.privacy_sub .item_box.unit_box .sub_box {
	margin-bottom: 8px;
}
.privacy_sub02 {
	display: flex;

	column-gap: 83px;
}
.privacy_form .privacy_sub02 .item_box + .item_box {
	margin-top: 0;
}
.privacy_sub03 .right_group {
	display: flex;
	align-items: center;
	column-gap: 12px;
}
.privacy_sub03 input[type="date"] {
	border: none;
	position: relative;
	padding: 0 8px;
	border-radius: 8px;
	border: 1px solid #e8e8e8;
	background: #f1f1f1;
	font-size: 14px;
	font-weight: 500;
}
.privacy_sub03 input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	color: transparent;
	cursor: pointer;
}
.privacy_sub03 input[type="date"]::before {
	content: attr(placeholder);
	width: 100%;
	height: 100%;
}
.privacy_sub03 input[type="date"]:valid::before {
	display: none;
}
.privacy_sub03 .txt_box {
	width: 548px;
	height: 116px;
	padding: 12px 10px;
	border-radius: 8px;
	border: 1px solid #e8e8e8;
	overflow: hidden;
}
.privacy_sub03 .txt_box p {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.71;
	width: 100%;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	word-break: keep-all;
	overflow: hidden;
}
.my_basic_tab .my_basic_tab_cont {
	display: none;
}
.my_basic_tab .my_basic_tab_cont:first-child {
	display: block;
}

/* 수정 */
.menu_list .top_group .btn_save {
	background: var(--primary-color-1);
	border: none;
}
.menu_list .top_group .btn_icon.btn_back {
	border: 1px solid var(--primary-color-1);
	width: 122px;
}
.menu_list .top_group .btn_icon.btn_back span {
	color: var(--primary-color-1);
}

/* 달력 추가 */
.calendar_wrap {
	display: flex;
	column-gap: 32px;
}
#calendar {
	width: 100%;
}
.calendar_wrap .cont_box {
	padding: 24px;
	width: 900px;
	margin-top: 24px;
}
.calendar_wrap .list_cont_box {
	width: 305px;
}
.calendar_wrap .list_cont_box .comm_search_wrap {
	margin-top: 20px;
}
.list_cont_box .comm_search_box {
	display: flex;
	align-items: center;
	column-gap: 6px;
}
.list_cont_box .comm_search_box input {
	width: calc(100% - 78px);
	line-height: 42px;
	border-radius: 8px;
	background: #f1f1f1;
	border: none;
	font-size: 14px;
	font-weight: 500;
	padding: 0 10px;
}

.list_cont_box .comm_search_boxinput::placeholder {
	color: #8d8d8d;
}
.list_cont_box .comm_search_box button {
	display: block;
	width: 72px;
	border-radius: 8px;
	line-height: 42px;
	background: var(--primary-color-1);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
.list_cont_box .search_list {
	margin-top: 20px;
}
.list_cont_box .search_list ul {
	min-height: 20px;
}
.list_cont_box .search_list ul li + li,
.list_cont_box .search_list .fc-event + .fc-event {
	margin-top: 12px;
}
.list_cont_box .search_list .fc-event,
.list_cont_box .search_list ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	border: 1px solid #e8e8e8;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
	padding: 0 16px;
	border-radius: 8px;
	line-height: 32px;
	font-size: 14px;
	font-weight: 600;
	cursor: move !important;
	width: 100%;
}
.list_cont_box .box_item {
	margin-top: 20px;
}
.box_item {
	border-radius: 8px;
	border: 1px solid #e8e8e8;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
	overflow: hidden;
}
.box_item .tit_box {
	font-size: 16px;
	font-weight: 600;
	display: block;
	text-align: center;
	background: #4370f9;
	line-height: 32px;
	color: #fff;
}
.box_item.box_item02 .tit_box {
	font-size: 16px;
	font-weight: 600;
	display: block;
	text-align: center;
	background: #7a54eb;
	line-height: 32px;
}
.box_item .search_list {
	padding: 0 16px 16px;
}
.colot_btn {
	width: 24px;
	display: block;
}
.colot_btn img {
	display: block;
	width: 100%;
}
.list_cont_box > .tit_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fc-daygrid-block-event .fc-event-title {
	font-size: 12px;
}
.fc-event {
	cursor: pointer;
}
.popup_wrap.color_pop {
	width: fit-content;
	left: 50%;
	padding: 32px;
	height: fit-content;
}
.color_pop_list li {
	display: flex;
	align-items: center;
	column-gap: 8px;
}
.color_pop_list li span {
	display: block;
	font-size: 16px;
	font-weight: 500;
	min-width: 72px;
}
.color_pop_list li + li {
	margin-top: 12px;
}
.fc .fc-daygrid-day-number {
	font-size: 12px;
}
.fc .fc-col-header-cell-cushion {
	font-size: 14px;
}
.colorPicker {
	width: 32px;
	height: 20px;
	border: 1px solid #e8e8e8;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
}
.color_pop_list {
	margin-bottom: 32px;
}
.color_pop_btn {
	display: block;
	width: 24px;
}
.color_pop_btn img {
	width: 100%;
	display: block;
}
.fc .fc-button-primary {
	font-size: 12px;
}
.fc-h-event {
	background-color: var(--primary-color-1);
}
.calendar_list {
	margin-top: 32px;
}
.calendar_list .item {
	border: 1px solid #e8e8e8;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
	display: flex;
	justify-content: space-between;
	border-radius: 8px;
	overflow: hidden;
	padding: 0 16px;
}
.calendar_list .item .info_box {
	padding: 10px 0;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.calendar_list .item .info_box span,
.calendar_list .item .info_box p {
	font-size: 14px;
	font-weight: 500;
}
.calendar_list .item .info_box .top_group {
	display: flex;
	align-items: center;
	column-gap: 12px;
}
.calendar_list .item + .item {
	margin-top: 12px;
}
.calendar_list .item .info_box .info {
	display: flex;
	align-items: center;
	column-gap: 4px;
}
.calendar_list .item .btn_wrap {
	display: flex;
	align-items: center;
	column-gap: 16px;
}
.calendar_list .item .btn_wrap .btn_box {
	width: 24px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.calendar_list .item .btn_wrap .btn_box a img,
.calendar_list .item .btn_wrap .btn_box a {
	display: block;
	width: 24px;
	text-align: center;
}
.calendar_list .item .btn_wrap .btn_box a {
	display: block;
	font-size: 12px;
	font-weight: 600;
}
.fc-day-sun {
	color: var(--red-color-1);
}
.fc-day-sat {
	color: var(--primary-color-1);
}
.confirmed_event {
	display: flex;
	align-items: center;
	padding: 1px 2px;
	font-size: 12px;
}
.confirmed_event img {
	width: 10px;
	display: block;
}
.fc-event .fc-event-main {
	font-size: 12px;
}
.calendar_list .item .confirmed_icon {
	display: flex;
	align-items: center;
	column-gap: 6px;
}
.calendar_list .item .confirmed_icon span {
	font-size: 12px;
	color: var(--primary-color-1);
}
.calendar_list .item .confirmed_icon .icon_box {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: var(--primary-color-1);
	padding: 4px;
	border-radius: 8px;
}
.calendar_list .item .confirmed_icon img {
	width: 100%;
	display: block;
}

/*	*/

.list_cont_box .fc-event span {
	display: block;
	font-size: 14px;
	font-weight: 600;
}
.list_cont_box .fc-event .btn_event_delet {
	display: block;
	width: 16px;
}
.list_cont_box .fc-event .btn_event_delet img {
	width: 100%;
}
.step01.list_cont_box .fc-event .btn_event_delet {
	display: none;
}