/* ========== 의약품몰 공통 스타일 ========== */
	.mall-white-btn {
		display: flex;
		padding: 18px 40px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex: 1 0 0;
		border-radius: 8px;
		border: 1px solid #E4E4E7;
		background: #FFF;
		color: #222;
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 100%;
		letter-spacing: -0.32px;
	}
	.mall-red-btn {
		display: flex;
		padding: 18px 40px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		align-self: stretch;
		border-radius: 8px;
		border: none;
		background: #FF0229;
		color: #FFF;
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 100%;
		letter-spacing: -0.32px;
	}
	.mall-gray-btn {
		display: flex;
		padding: 18px 40px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border-radius: 8px;
		border: none;
		background: #616161;
		color: #FFF;
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 100%;
		letter-spacing: -0.32px;
	}

	/* ========== 의약품몰 프론트 페이지 스타일 ========== */
	/* 로그인 페이지 내 제휴 신청 카드  */
	.mall-partner-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
		border-radius: 16px;
		border: 1px solid #CFCFCF;
		background: #FFF6F7;
		padding: 50px 90px;
	}
	.mall-partner-card h5 {
		color: #000;
		text-align: center;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		letter-spacing: -0.48px;
	}
	.mall-partner-card p {
		color: #657175;
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		letter-spacing: -0.32px;
	}

	/* 제휴 신청 페이지 */
	.step-container {
		width: 100%;
		height: 4px;
		display: flex;
		align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}
	.step-container .step-item {
		width: calc(100% / 3);
		height: 4px;
		background: #e0e0e0;
	}
	.step-container .step-item.active {
		background: #ff0229;
	}

	.partnership-title {
		color: #000;
		text-align: center;
		font-size: 34px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		letter-spacing: -0.68px;
	}
	.partnership-description {
		color: #4C5254;
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		letter-spacing: -0.32px;
	}

	.partnership-label {
		color: #222;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
	}
	.partnership-control {
		display: flex;
		height: 52px;
		padding: 18px 15px;
		align-items: center;
		gap: 12px;
		align-self: stretch;
		border-radius: 8px;
		border: 1px solid #E4E4E7;
		background: #FFF;
	}
	.partnership-control input:placeholder {
		color: #969696;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -0.32px;
	}

	.partnership-radio-container {
		width: 100%;
		display: flex;
		padding: 24px;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
		border-radius: 8px;
		border: none;
		background: #FFF7F7;
	}

	.mall-accordion {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		align-self: stretch;
		border: none;
	}
	.mall-accordion .accordion-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		align-self: stretch;
		border: none !important;
		border-bottom: 1px solid #EFEFEF;
	}
	.mall-accordion .accordion-item .accordion-header {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}
	.mall-accordion .accordion-item .accordion-header .accordion-button {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
		color: #222;
		font-size: 22px;
		font-style: normal;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: -0.44px;
		border-bottom: 1px solid #EFEFEF;
		padding: 24px 0px;
	}
	.mall-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
		color: #222;
		background: transparent;
		box-shadow: none;
		border-bottom: none;
	}
	.mall-accordion .accordion-body {
		padding: 20px;
		gap: 20px;
		align-self: stretch;
		border-radius: 12px;
		border: none;
		background: #F7F7F7;
		color: #222;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		letter-spacing: -0.36px;
	}



	/* ========== 의약품몰 관리자 페이지 스타일 ========== */
	/* 검색 필터 */
	.mall-filter-container {
		display: flex;
		padding: 20px 32px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
		align-self: stretch;
		margin-top: 32px;
		border-top: 1px solid #434343;
		background: #FFF;
	}
	.mall-filter-container .filter-title {
		color: #222;
		width: 100%;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: -0.28px;
		margin-bottom: 10px !important;
	}
	.mall-filter-container .mall-select {
		display: flex;
		width: 160px;
		padding: 13px 18px;
		justify-content: space-between;
		align-items: flex-start;
		border-radius: 4px;
		border: 1px solid #DEDFDF;
		background: #FFF;
	}
	.mall-filter-container .filter-content {
		width: 100%;
	}
	.mall-filter-container .filter-content input {
		display: flex;
		padding: 14px 130px 13px 18px;
		align-items: flex-start;
		flex: 1 0 0;
		border-radius: 4px;
		border: 1px solid #DEDFDF;
		background: #FFF;
		color: #222;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.28px;
	}
	.mall-filter-container .filter-content input[id="fromDt"],
	.mall-filter-container .filter-content input[id="toDt"] {
		display: flex;
		padding: 13px 18px;
		align-items: center;
		gap: 10px;
		border-radius: 4px;
		border: 1px solid #DEDFDF;
		background: #FFF;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.28px;
	}
	.mall-filter-container .filter-content input[type="checkbox"] {
		display: flex;
		flex-shrink: 0;
	}
	.mall-filter-container .filter-content .mall-filter-term {
		display: flex;
		height: 46px;
		padding: 4px;
		gap: 10px;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		gap: 4px;
		background: #EEE;

	}
	.mall-filter-container .filter-content .mall-filter-term li {
		display: flex;
		padding: 11px 20px 10px 20px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border-radius: 4px;
		background: transparent;
		color: #676767;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.28px;
		flex-shrink: 0;
	}
	.mall-filter-container .filter-content .mall-filter-term li:hover {
		cursor: pointer;
	}
	.mall-filter-container .filter-content .mall-filter-term li.active {
		background: #FFF;
		color: #171717;
		font-weight: 600;
	}
	.mall-filter-container .filter-reset-btn {
		display: flex;
		width: 68px;
		padding: 12px 10px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border: 1px solid #D8D8D8;
		background: #FFF;
		color: #222;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: -0.28px;
	}
	.mall-filter-container .filter-search-btn {
		display: flex;
		padding: 12px 22px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		background: #434343;
		color: #FFF;
		text-align: center;

		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: -0.28px;
	}

	/* 콘텐츠 영역 */
	.mall-content-container {
		display: flex;
		width: 100%;
		padding: 32px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		gap: 24px;
		background: #FFF;
		margin-top: 32px;
	}
	.mall-content-container .mall-insert-btn {
		display: flex;
		width: 144px;
		padding: 12px 22px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		background: #2375CD;
		color: #FFF;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: -0.28px;
		border: none;
	}
	.mall-content-container .mall-delete-btn {
		display: flex;
		padding: 12px 22px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		background: #FF0229;
		color: #FFF;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: -0.28px;
		border: none;
	}

	.mall-phrm-info-container {
		display: flex;
		padding: 32px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 60px;
		align-self: stretch;
		border-top: 1px solid #434343;
		background: #FFF;
	}