:root {
	--color-primary: #32584c;
	--color-secondary: #0a986b;
	--color-tertiary: #8ad4bd;
	--color-quaternary: #d3dedb;
	--color-gray: #9a9a9a;

	--common-margin: 25px;
}

.color_gray {
	color: var(--color-gray);
}

/* 대시보드 */
.wrap {
	position: relative;
	height: 100vh;
	font-family: "Noto Sans KR", sans-serif;
	word-break: keep-all;
	min-width: 1080px;
}

.wrap button {
	font-family: "Noto Sans KR", sans-serif;
}

.wrap.loading {
	overflow: hidden;
}

.nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 250px;
	height: 100vh;
	background: var(--color-primary);
	text-align: center;
	z-index: 10;
}

.nav p {
	padding: 40px 0 20px;
}

.nav p img {
	width: 60%;
}

.nav ul li a {
	display: block;
	color: #fff;
	font-size: 15px;
	padding: 10px;
	opacity: 0.8;
}

.nav ul li a.on,
.nav ul li a:hover {
	font-weight: 600;
	opacity: 1;
}

.nav .button_logout {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 0;
	color: #fff;
}

.ar {
	text-align: right;
}

.content {
	position: relative;
	margin-left: 250px;
	padding: 40px;
	overflow: hidden;
	min-width: 1200px;
	min-height: calc(100vh - 170px);
}

.content.no_data {
	display: flex;
	height: 100vh;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 18px;
}

.content.no_data p {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 15px;
}

.content.sample:before {
	content: "SAMPLE";
	position: fixed;
	top: 20%;
	left: 60%;
	display: block;
	width: 700px;
	line-height: 160px;
	background: rgba(255, 255, 255, 0.6);
	text-align: center;
	border: 2px solid var(--color-primary);
	font-size: 100px;
	color: var(--color-primary);
	font-weight: 600;
	transform: rotate(-30deg) translate(-50%, -50%);
	z-index: 10;
}

.content.sample:after {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: #fff;
	opacity: 0.5;
	z-index: 5;
}

.content h1 {
	font-size: 18px;
	font-weight: 600;
}

/* 카드등록 팝업 */
.card_info_modal_wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card_info_modal {
	width: 90%;
	height: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #fff;
	width: 500px;
	border-radius: 20px;
	padding: 30px;
	line-height: 1.5;
}

.card_info_modal p + p {
	margin-top: 15px;
}

.card_info_modal button {
	display: block;
	width: 100%;
	line-height: 40px;
	border-radius: 5px;
	background: #2272eb;
	font-size: 15px;
	color: #fff;
	font-weight: 600;
}

/* 토글박스 */
.content .toggle_wrap {
	margin-top: var(--common-margin);
}

.content .toggle_wrap .toggle_button {
	position: relative;
	cursor: pointer;
	line-height: 55px;
	background: #f2f5f4;
	padding: 0 20px;
	border-radius: 10px;
}

.content .toggle_wrap .toggle_button i {
	position: absolute;
	right: 20px;
	top: 0;
	line-height: 55px;
	transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
}

.content .toggle_wrap .toggle_box {
	height: 0;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
}

.content .toggle_wrap.open .toggle_button i {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.content .toggle_wrap.open .toggle_box {
	height: auto;
	visibility: visible;
	opacity: 1;
}

.option {
	padding: var(--common-margin) 0;
	border-bottom: 1px solid var(--color-quaternary);
}

.option .date_wrap {
	display: flex;
	align-items: center;
}

.option .date_wrap > div {
	display: inline-block;
	width: auto;
	border: 1px solid var(--color-quaternary);
	padding: 15px;
	border-radius: 10px;
	cursor: pointer;
	transition: 0.3s border-color, 0.3s color;
	-webkit-transition: 0.3s border-color, 0.3s color;
}

.option .date_wrap > div:hover {
	border-color: var(--color-tertiary);
	color: var(--color-secondary);
}

.option .date_wrap > div.shop_list {
	position: relative;
	height: 50px;
	padding: 0;
	width: 230px;
	margin-left: 20px;
}

.option .date_wrap > div.shop_list span {
	position: relative;
	display: block;
	width: 100%;
	line-height: 50px;
	height: 50px;
	padding: 0 40px 0 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.option .date_wrap > div.shop_list span:before {
	position: absolute;
	right: 10px;
	top: 0;
	width: 20px;
	height: 50px;
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	text-align: center;
	font-weight: 600;
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
}

.option .date_wrap > div.shop_list.on span:before {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.option .date_wrap > div.shop_list ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	margin: 10px 0 0;
	border-radius: 10px;
	background: #fff;
	z-index: 10;
}

.option .date_wrap > div.shop_list.on ul {
	display: block;
}

.option .date_wrap > div.shop_list ul li {
	padding: 15px;
	color: #000;
}

.option .date_wrap > div.shop_list ul li.on {
	color: var(--color-secondary);
	font-weight: 600;
}

.option .date_wrap > div.shop_list ul li:hover {
	background: var(--color-secondary);
	color: #fff;
}

.option .date_wrap .comparison {
	margin-left: 10px;
	color: var(--color-gray);
}

.option .date_wrap .comparison:before {
	content: "Vs. ";
}

.option .notice {
	font-size: 15px;
	color: var(--color-gray);
	margin: 20px 0 0 10px;
}
.option .notice + p {
	margin-top: 10px;
}

.first_data_list {
	display: grid;
	gap: 20px;
	margin: var(--common-margin) 0;
	grid-template-columns: repeat(5, 1fr);
}

.first_data_list.w25 {
	grid-template-columns: repeat(4, 1fr);
}

.first_data_list.w33 {
	grid-template-columns: repeat(3, 1fr);
}

.first_data_list > li {
	width: 100%;
	padding: 20px 10px;
	border: 1px solid var(--color-quaternary);
	border-radius: 10px;
	text-align: center;
}

.first_data_list li h2 {
	display: flex;
	height: 40px;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
}

.first_data_list li p {
	font-size: 25px;
	font-weight: 600;
}

.first_data_list li span {
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-top: 10px;
	color: var(--color-gray);
}

.first_data_list li span.up {
	color: var(--color-secondary);
}

.first_data_list li span.up:before {
	content: "+";
}

.first_data_list li span.down {
	color: #d20808;
}

.second_data_list {
	display: flex;
	width: 100%;
	gap: var(--common-margin);
	margin: var(--common-margin) 0;
}

.second_data_list > li,
.user_guide {
	padding: 30px;
	border: 1px solid var(--color-quaternary);
	border-radius: 10px;
}

.second_data_list > li:first-child {
	width: 60%;
}

.second_data_list > li:last-child {
	width: 40%;
}

.second_data_list > li.li_width100 {
	width: 100%;
}

.second_data_list > li h2,
.user_guide h2 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
}

.chart_wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.chart_wrap > div {
	position: relative;
}

.chart_wrap canvas {
	width: 300px;
	height: 300px;
}

.chart_wrap .click_all {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 12px;
}

.chart_wrap .click_all.hidden {
	display: none;
}

.chart_wrap .click_all strong {
	display: block;
	font-size: 25px;
	font-weight: 600;
	margin-top: 5px;
}

.chart_wrap > div:nth-child(2) {
	width: calc(100% - 325px);
}

.chart_wrap .chart_title {
	justify-content: right;
	font-size: 14px;
	overflow: hidden;
}

.chart_wrap .chart_title span {
	display: block;
	width: 80px;
	float: right;
	text-align: center;
}

.chart_wrap ul li {
	display: flex;
	align-items: center;
	padding: 15px 0;
}

.chart_wrap ul li em {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 10px;
}

.chart_wrap ul li p {
	font-size: 12px;
	width: calc(100% - 190px);
}

.chart_wrap ul li span {
	width: 80px;
	text-align: center;
}

.chart_wrap.no_data {
	height: 300px;
}

.chart_wrap.no_data .click_all {
	display: none;
}

.chart_wrap.no_data:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "데이터가 없습니다.";
	display: block;
	width: 100%;
	text-align: center;
	line-height: 300px;
	background: #fff;
	z-index: 2;
}

.second_data_list > li .ranking li {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
	text-align: left;
}

.second_data_list > li .ranking li + li {
	border-top: 1px solid var(--color-quaternary);
}

.second_data_list > li .ranking li p {
	position: relative;
	width: calc(100% - 80px);
}

.second_data_list > li .ranking li .number {
	display: block;
	width: 25px;
	height: 25px;
	background: var(--color-primary);
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	border-radius: 50%;
	line-height: 25px;
	margin-right: 10px;
	float: left;
}

.second_data_list > li .ranking li p em {
	display: block;
	width: calc(100% - 35px);
	height: 25px;
	line-height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.second_data_list > li .ranking li strong {
	width: 80px;
	color: var(--color-gray);
	text-align: right;
}

.second_data_list > li .ranking li.no_data {
	display: block;
	line-height: 260px;
	text-align: center;
}

.button_download {
	display: inline-block;
	border-radius: 10px;
	padding: 15px 20px;
	background-color: var(--color-primary);
	color: #fff;
	font-weight: 600;
	margin-top: 20px;
}

.button_download i {
	margin-left: 20px;
}

.user_guide {
	margin-top: var(--common-margin);
	line-height: 1.6;
}

.user_guide > div {
	display: flex;
	font-size: 14px;
}

.user_guide > div ul:first-child {
	padding-right: 30px;
}

.user_guide > div ul + ul {
	border-left: 1px solid var(--color-quaternary);
	padding-left: 30px;
}

.user_guide > div ul li + li {
	margin-top: 20px;
}

.user_guide > div ul li strong {
	font-weight: 600;
}

.user_guide > div ul li p {
	padding-left: 20px;
}

.user_guide > div ul li p + p {
	margin-top: 5px;
}

.user_guide > div ul li p em {
	font-weight: 600;
}

/* 구독정보 */
#subscribe_date,
#payment_date {
	display: inline-block;
	width: auto;
	border: 1px solid var(--color-quaternary);
	padding: 15px;
	border-radius: 10px;
	cursor: pointer;
	transition: 0.3s border-color, 0.3s color;
	-webkit-transition: 0.3s border-color, 0.3s color;
	margin: var(--common-margin) 0;
}

#subscribe_date i,
#payment_date i {
	margin-right: 10px;
}

#subscribe_date:hover,
#payment_date:hover {
	border-color: var(--color-tertiary);
	color: var(--color-secondary);
}

.option .date_wrap {
	position: relative;
}

.option .date_wrap > div {
	display: inline-block;
	width: auto;
	border: 1px solid var(--color-quaternary);
	padding: 15px;
	border-radius: 10px;
	cursor: pointer;
	transition: 0.3s border-color, 0.3s color;
	-webkit-transition: 0.3s border-color, 0.3s color;
}

.option .date_wrap > div i {
	margin-right: 10px;
}

.option .date_wrap > div:hover {
	border-color: var(--color-tertiary);
	color: var(--color-secondary);
}

.option .date_wrap .button_refresh {
	position: absolute;
	right: 0;
	top: 0;
	color: var(--color-gray);
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid var(--color-quaternary);
}

.option .date_wrap .button_refresh i {
	margin-right: 10px;
}

.subscribe_box {
	border: 1px solid var(--color-quaternary);
	padding: 50px;
	border-radius: 10px;
}
.subscribe_box + .subscribe_box {
	margin-top: var(--common-margin);
}

.subscribe_box dl {
	display: flex;
}

.subscribe_box dl + dl {
	margin-top: 30px;
}
.subscribe_box dl dt {
	flex: 1;
	font-size: 16px;
	font-weight: 600;
}

.subscribe_box dl dd {
	flex: 5;
	font-size: 16px;
}

.subscribe_box dl dd ul li + li {
	margin-top: 20px;
}

.subscribe_box dl dd ul li strong {
	display: inline-block;
	padding: 10px 20px;
	background: var(--color-quaternary);
	border-radius: 10px;
	margin-right: 10px;
}

.subscribe_box.no_data {
	text-align: center;
}

/* loading_screen */
.loading .loading_screen {
	display: flex;
	z-index: 10;
}

.loading_screen {
	position: fixed;
	display: none;
	align-items: center;
	justify-content: center;
	width: calc(100% - 250px);
	height: 100vh;
	margin-left: 250px;
	background: var(--color-quaternary);
	z-index: -1;
}
.lds-ellipsis {
	/* change color here */
	color: var(--color-primary);
}
.lds-ellipsis,
.lds-ellipsis div {
	box-sizing: border-box;
}
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ellipsis div {
	position: absolute;
	top: 33.33333px;
	width: 13.33333px;
	height: 13.33333px;
	border-radius: 50%;
	background: currentColor;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}

.error {
	position: relative;
	text-align: center;
	padding: 300px 0 100px;
	background: #f3f3f3 url("../img/error.png") no-repeat top 120px center / 150px auto;
	font-size: 25px;
	line-height: 50px;
	border-radius: 20px;
}

.error_message {
	font-size: 0.7rem;
	color: #ff0000;
	margin: 0.5rem 0 1rem;
}

.error span {
	display: block;
}

/* @media (max-width: 1450px) {
	.nav {
		width: 200px;
	}

	.content {
		margin-left: 200px;
	}

	.option {
		display: block;
	}

	.option .notice {
		margin-top: 15px;
	}
	.chart_wrap {
		display: block;
	}

	.chart_wrap canvas {
		transform: scale(0.7);
		margin: -50px auto 0;
	}

	.chart_wrap ul {
		margin-top: -25px;
	}

	.chart_wrap ul li {
		padding: 5px 0;
	}
}

@media (max-width: 1280px) {
	.nav {
		display: flex;
		width: 100%;
		height: 70px;
		align-items: center;
	}
	.nav p {
		width: 200px;
		padding: 0;
	}
	.nav ul {
		display: flex;
	}
	.nav .button_logout {
		width: 100px;
		right: 0;
		top: 0;
		left: auto;
	}

	.content {
		margin-left: 0;
		margin-top: 70px;
	}
} */

/* 결제하기 */
.product_wrap {
	margin-bottom: 80px;
}

.product_wrap > dl {
	margin-top: var(--common-margin);
}

.product_wrap > dl > dt {
	position: relative;
	width: 380px;
	line-height: 58px;
	text-align: center;
	font-weight: 600;
	color: #fff;
	font-size: 18px;
	margin: 0 auto;
	background: var(--color-primary);
	border-radius: 15px;
	z-index: 1;
}

.product_wrap > dl > dd {
	display: flex;
	height: 100%;
	background: #e6eeec;
	border-radius: 30px;
	margin-top: -29px;
	padding: 60px 30px 30px;
	gap: var(--common-margin);
}

.product_wrap > dl > dd dl {
	flex: 1;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.product_wrap > dl > dd dl dt {
	line-height: 65px;
	background: #cde4dd;
	font-weight: 600;
	text-align: center;
}

.product_wrap > dl > dd dl dd {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 65px);
	background: #fff;
	padding: var(--common-margin);
}

.product_wrap > dl > dd dl dd p {
	font-size: 14px;
	margin: 10px 0 30px;
}

.product_wrap > dl > dd dl dd p strong {
	font-size: 25px;
	font-weight: 800;
}

.product_wrap > dl > dd dl dd ul li {
	position: relative;
	padding-right: 50px;
	line-height: 1.7;
	margin-bottom: 20px;
}

.product_wrap > dl > dd dl dd ul li:before {
	content: "";
	position: absolute;
	right: 0;
	top: calc(50% - 15px);
	width: 20px;
	height: 14px;
	border-left: 5px solid var(--color-primary);
	border-bottom: 5px solid var(--color-primary);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.product_wrap > dl > dd dl dd button {
	display: block;
	width: 100%;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #2f2f2f;
	font-size: 16px;
	font-weight: 600;
	border-radius: 10px;
	margin-top: 15px;
}

.product_wrap > dl > dd dl dd button + button {
	background: #4a7869;
}

.product_wrap > dl.foodq_curation > dt {
	background: #789627;
}

.product_wrap > dl.foodq_curation > dd {
	background: #f0f7de;
}

.product_wrap > dl.foodq_curation > dd dl dt {
	background: #d7eaaa;
}

.product_wrap > dl.foodq_curation > dd dl dd ul li:before {
	border-color: #a6cb44;
}

.product_wrap > dl.foodq_curation > dd dl dd button + button {
	background: #a6cb44;
}

.product_wrap > dl > dd dl dd ul li.off:before {
	border-color: #c9c9c9;
	opacity: 0.5;
}

.user_guide ul ul {
	margin-top: 10px;
	padding-left: 20px;
}

.user_guide ul ul li {
	position: relative;
	margin-top: 5px !important;
	padding-left: 15px;
}

.user_guide ul ul li:before {
	content: "-";
	position: absolute;
	left: 0;
	top: 0;
}

.open_refund_form,
.refund_form .apply_refund {
	display: block;
	margin-top: 30px;
	padding: 7px 25px;
	font-size: 14px;
	background: #eee;
	color: #333;
	border-radius: 5px;
}

/* 환불팝업 */
.refund_form {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.2);
}

.refund_form.open {
	display: flex;
	z-index: 100;
}

.refund_form > div {
	display: none;
	position: relative;
	width: 400px;
	padding: 30px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}

.refund_form > div.on {
	display: block;
}

.close_refund_form {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 24px;
}

.refund_form > div > div {
	margin-top: 20px;
}

.refund_form input,
.refund_form select {
	display: block;
	width: 350px;
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 14px 0;
	font-family: "Noto Sans KR", sans-serif;
}

.refund_form .apply_refund {
	display: block;
	margin-top: 20px;
	width: 100%;
}

.refund_form input:-webkit-autofill,
.refund_form input:-webkit-autofill:hover,
.refund_form input:-webkit-autofill:focus,
.refund_form input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.refund_form input[type="text"]:focus,
.refund_form select:focus,
.refund_form input[type="date"]:focus {
	outline: none;
	border-bottom: 1px solid var(--color-primary);
}

.refund_error {
	color: #d20808;
	margin-top: 20px;
	text-align: center;
	font-size: 15px;
}

.refund_form .refund_success {
	display: none;
}

.refund_form.success > div:first-child {
	display: none;
}

.refund_form.success .refund_success {
	display: block;
}

#refund_second_step strong {
	font-size: 15px;
	font-weight: 600;
}

#refund_second_step p {
	line-height: 2;
	text-align: center;
}

#refund_reason_value {
	text-align: center;
	margin: 20px 0;
	padding: 10px;
	border-radius: 5px;
	background: var(--color-quaternary);
}

#refund_alert {
	padding: 30px;
	text-align: center;
}

/* 구독정보 */
.subscribe_list {
	position: relative;
	display: flex;
	gap: 20px;
	margin-top: var(--common-margin);
}

.subscribe_list > div {
	width: 50%;
	border: 1px solid var(--color-quaternary);
	padding: 50px 50px 40px;
	border-radius: 20px;
}

.subscribe_list > div p {
	font-size: 20px;
	font-weight: 600;
}

.subscribe_list > div ul {
	font-size: 14px;
	margin: 15px 0;
}

.subscribe_list > div ul li {
	margin-bottom: 10px;
}

.subscribe_list > div ul li strong {
	font-weight: 600;
	margin-right: 10px;
}

.subscribe_list > div .button_wrap {
	position: relative;
	float: right;
}

.subscribe_list > div button {
	background: #4a7869;
	color: #fff;
	font-size: 14px;
	padding: 7px 18px;
	border-radius: 5px;
}

.subscribe_list > div button + button {
	background: #ddd;
	color: #333;
	margin-left: 10px;
}

.subscribe_list > div.no_data {
	width: 100%;
	text-align: center;
	padding: 100px 0;
	background: #efefef;
}

/* 테이블 - 결제이력확인, TPO추천 */
.table_wrap {
	position: relative;
}

.table_wrap table th,
.table_wrap table td {
	padding: 20px 15px;
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
}

.table_wrap table th {
	background: #eee;
}

.table_wrap table td {
	border-bottom: 1px solid #eee;
}

.table_wrap table td.subscribe:before {
	content: "정기결제";
	display: inline-block;
	width: 80px;
	margin: 0 5px 0 0;
	border-radius: 20px;
	color: var(--color-primary);
	border: 1px solid var(--color-primary);
	font-size: 13px;
	line-height: 25px;
	font-weight: 600;
}

.table_wrap table td.red {
	color: #d20808;
}

.table_wrap table td button {
	background: #ddd;
	font-size: 14px;
	padding: 5px 18px;
}

.table_wrap table td button:disabled {
	cursor: default;
	opacity: 0.8;
}

.tpo_result {
	margin-top: var(--common-margin);
	border-right: 1px solid #eee;
}

.tpo_result td {
	border-left: 1px solid #eee;
}

/* 푸터 */

footer {
	position: relative;
	margin-left: 250px;
	padding: 30px 40px;
	overflow: hidden;
	min-width: 1200px;
	font-size: 14px;
	background: #f8f8f8;
	color: #333;
}

footer ul {
	display: flex;
	row-gap: 12px;
	flex-wrap: wrap;
}

footer ul li {
	width: 50%;
}

footer ul li strong {
	display: inline-block;
	font-weight: 600;
	margin-right: 15px;
}