@charset "utf-8";

.guide-box {
	background-color: #f8f9ff;
	border-radius: 12px;
	border-left: 5px solid #3d5de0;
	/* border-right: 5px solid #3d5de0; */
	padding: 20px 20px 10px 15px;
	margin-bottom: 0px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	font-size: 12px;
}

.guide-box:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.guide-box h3 {
	color: #3d5de0;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
}

.guide-box h3 i {
	margin-right: 5px;
	font-size: 16px;
}

.guide-box ul {
	margin: 0 0 0 3px;
	padding: 0;
	list-style-type: none;
}

.guide-box ul li {
	margin-bottom: 0px;
	padding-left: 20px;
	position: relative;
	line-height: 1.5;
}

.guide-box ul li i {
	position: absolute;
	left: 0;
	top: 3px;
	color: #3d5de0;
	font-size: 12px;
}

.guide-box ul li:last-child {
	margin-bottom: 0;
}

.guide-box-bottom {
	background-color: #fff9f8;
	border-left: 5px solid #e74c3c;
	/* border-right: 5px solid #e74c3c; */
}

.guide-box-bottom h3 {
	color: #e74c3c;
}

.guide-box-bottom ul li i {
	color: #e74c3c;
}

#storeRegisterForm1 {
	padding: 0 16px;
}
.register-form {
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 25px;
	margin: 0 16px 30px 16px;
}

.form-row {
	display: flex;
	margin-bottom: 20px;
	align-items: flex-start;
}

.form-label {
	flex: 1;
	width: 140px;
	font-weight: bold;
	color: #333;
	font-size: 14px;
	padding-top: 10px;
}

.form-input {
	flex: 3;
	width: 100%;
}

.form-input input[type='text'],
.form-input select,
.form-input textarea {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
}

.fa-calendar {
	display: none;
}

.date_txt {
	font-size: 13px !important;
}

.form-input textarea {
	height: 200px;
	resize: vertical;
	line-height: 1.4;
}

.form-input textarea#store_hours {
	height: 60px;
}

.form-input textarea#event_title {
	height: 100px;
}

.form-input textarea#event_content {
	height: 400px;
}

.form-input select {
	height: 38px;
}

.date-picker {
	display: flex;
	align-items: center;
}

.date-picker input {
	width: 120px;
	margin-right: 0;
}

.date-picker span {
	margin: 0 5px;
}

.date-icon {
	cursor: pointer;
	margin-left: 5px;
	color: #666;
	font-size: 18px;
}

.date-icon:hover {
	color: #ff6600;
}

/* 업로드 버튼 스타일 */
.upload-box {
	padding: 10px;
	border: 1px dashed #ccc;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
	background-color: #f9f9f9;
	transition: background-color 0.3s;
}

.upload-box:hover {
	background-color: #f0f0f0;
	border-color: #999;
}

.upload-box.uploaded {
	background-color: #f0f8ff; /* 변경된 배경색 */
	border: 2px dashed #007bff; /* 변경된 테두리 */
	color: #007bff; /* 변경된 텍스트 색상 */
	font-weight: bold;
}

.image-upload-container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 0;
	margin-bottom: 0;
}

.image-upload-item {
	flex: 1;
	min-width: 140px;
}

.image-upload-box {
	border: 1px dashed #ddd;
	padding: 15px;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 4px;
	background-color: #f9f9f9;
	cursor: pointer;
}

/* 이미지 미리보기 컨테이너 스타일 */
.image-preview-container {
	display: flex;
	flex-direction: row; /* 가로 방향으로 배치 */
	justify-content: flex-start; /* 왼쪽부터 배치 */
	align-items: flex-start; /* 상단 정렬 */
	width: 100%;
	margin: 20px 0;
	gap: 20px; /* 아이템 간 간격 */
}

.image-preview-item {
	position: relative;
	margin-bottom: 40px; /* 버튼을 위한 하단 여백 추가 */
}

.image-preview-item img {
	max-width: 100%;
	cursor: default;
	display: block;
	margin-bottom: 10px; /* 이미지와 버튼 사이 간격 */
}

.preview-image {
	width: 80px; /* 이미지 너비 고정 */
	height: 80px; /* 이미지 높이 고정 */
	object-fit: cover; /* 이미지 비율 유지하면서 영역 채우기 */
	cursor: default;
	display: block;
	margin-bottom: 10px;
	border: 1px solid #ddd; /* 이미지 테두리 추가 */
}

/* 업로드된 이미지에만 포인터 커서 적용 */
.preview-image[src^='data:'] {
	cursor: pointer;
}

.image-delete-btn {
	display: block; /* 기본적으로 숨김 */
}

/* 삭제 버튼 스타일 */
.btn-delete {
	position: absolute;
	bottom: -25px; /* 이미지 아래로 위치 */
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	padding: 5px 0px;
	background-color: white;
	color: #f44336;
	border: 1px solid #f44336;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

.btn-delete:hover {
	background-color: #ffebee;
}

.submit-button-container {
	text-align: center;
	margin: 10px 0 30px 0;
}

.btn-submit {
	display: inline-block;
	padding: 12px 40px;
	background-color: #007bff;
	color: white;
	border-radius: 4px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s;
}

.btn-submit:hover {
	background-color: #0056b3;
}

.btn-cancel {
	display: inline-block;
	padding: 12px 40px;
	background-color: #999;
	color: white;
	border-radius: 4px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	margin-left: 10px;
	transition: background-color 0.2s;
}

.btn-cancel:hover {
	background-color: #777;
}

.select-container {
	display: flex;
	gap: 10px;
}

.select-container select {
	flex: 1;
}

.required {
	color: #ff6600;
	margin-left: 5px;
}

.form-description {
	font-size: 13px;
	color: #888;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* jQuery UI Datepicker 스타일 커스터마이징 */
.ui-datepicker {
	background: #ffffff !important;
	background-color: #ffffff !important;
	border: 1px solid #4a5568 !important; /* 어두운 슬레이트 그레이 테두리 */
	border-radius: 8px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
	padding: 12px !important;
	width: 280px !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	/* height: 340px !important; */
}

.ui-datepicker .ui-datepicker-header {
	background: #ffffff !important;
	border-bottom: 1px solid #e2e8f0 !important; /* 연한 테두리로 헤더 구분 */
	border-radius: 6px !important;
	padding: 8px 0 !important;
}

.ui-datepicker .ui-datepicker-title {
	color: #333333 !important;
	font-weight: 600 !important;
	font-size: 15px !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	background: #ffffff !important;
	border: 0 solid #ffffff !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	top: 10px !important;
	width: 44px !important;
	height: 24px !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	margin-top: -6px !important;
	margin-left: -6px !important;
}

.ui-datepicker th {
	color: #666666 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	padding: 8px 0 !important;
}

.ui-datepicker td {
	padding: 2px !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center !important;
	border-radius: 4px !important;
	padding: 6px !important;
	font-size: 13px !important;
	color: #333333 !important;
	border: 1px solid transparent !important; /* 투명 테두리 기본값 */
	background: transparent !important;
	transition: all 0.2s ease !important;
}

.ui-datepicker td a.ui-state-active {
	background-color: #4a5568 !important; /* 어두운 슬레이트 그레이 배경 */
	color: #ffffff !important;
	border-color: #2d3748 !important; /* 더 어두운 테두리 */
}

.ui-datepicker td a.ui-state-highlight {
	background-color: #e2e8f0 !important; /* 연한 배경 */
	color: #4a5568 !important; /* 어두운 텍스트 */
	border: 1px solid #a0aec0 !important; /* 중간 톤의 테두리 */
}

.ui-datepicker .ui-datepicker-buttonpane {
	border-top: 1px solid #f0f0f0 !important;
	padding-top: 8px !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	background: #ffffff !important;
	border: 1px solid #dddddd !important;
	border-radius: 4px !important;
	color: #333333 !important;
	font-size: 12px !important;
	font-weight: normal !important;
	padding: 5px 10px !important;
	margin: 0 3px !important;
}

/* 요일별 색상 */
.ui-datepicker-calendar tr td:first-child a {
	color: #e74c3c !important; /* 일요일 - 빨간색 */
}

.ui-datepicker-calendar tr td:last-child a {
	color: #3498db !important; /* 토요일 - 파란색 */
}

/* 달력 내부 셀 배경색 설정 */
.ui-datepicker table {
	background: #ffffff !important;
	border-collapse: separate !important;
	border-spacing: 2px !important;
	margin-top: 5px !important;
}

.ui-datepicker-calendar {
	background: #ffffff !important;
}

.ui-widget-content {
	background: #ffffff !important;
	background-color: #ffffff !important;
	background-image: none !important;
}

.ui-widget.ui-widget-content {
	background: #ffffff !important;
	background-color: #ffffff !important;
}

/* 달력 테이블 셀 배경 */
.ui-datepicker td {
	background: #ffffff !important;
}

/* 달력 헤더 배경 */
.ui-datepicker-header {
	background: #ffffff !important;
	background-color: #ffffff !important;
	background-image: none !important;
}

/* 버튼 패널 스타일 */
.ui-datepicker .ui-datepicker-buttonpane {
	background: #f5f7fa !important;
	border-top: 1px solid #ecf0f1 !important;
	margin: 0 !important;
	padding: 8px !important;
	display: flex !important;
	justify-content: space-between !important;
}

/* 버튼 스타일 */
.ui-datepicker .ui-datepicker-buttonpane button {
	background: #3498db !important;
	border: none !important;
	border-radius: 4px !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: bold !important;
	padding: 6px 10px !important;
	margin: 0 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	width: auto !important;
	overflow: visible !important;
}

/* 이번달로 이동 버튼 */
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	background: #2ecc71 !important; /* 녹색 배경 */
	float: left !important;
	opacity: 1 !important;
}

/* 닫기 버튼 */
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
	background: #e74c3c !important; /* 빨간색 배경 */
	float: right !important;
}

/* 버튼 호버 효과 */
.ui-datepicker .ui-datepicker-buttonpane button:hover {
	opacity: 0.85 !important;
}

/* 버튼 패널 레이아웃 조정 */
.ui-datepicker-buttonpane.ui-widget-content {
	display: flex !important;
	justify-content: space-between !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.store-item {
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 15px 20px;
	background-color: #fff;
}
.store-row {
	display: flex;
	margin-bottom: 8px;
	align-items: center;
	padding: 3px 0;
}
.store-label {
	flex: 1;
	font-weight: bold;
	color: #333;
	font-size: 14px;
	text-align: center;
}
.store-value {
	flex: 3;
	font-size: 14px;
	color: #666;
}
.store-value a.store-link {
	color: #4a90e2;
	text-decoration: none;
	font-weight: bold;
	transition: color 0.2s;
}
.store-value a.store-link:hover {
	color: #3a7bc8;
	text-decoration: underline;
}
.btn-extend,
.btn-auto-extend {
	display: inline-block;
	padding: 5px 10px;
	background-color: #4a90e2;
	color: white;
	border-radius: 3px;
	text-decoration: none;
	font-size: 13px;
	margin-left: 5px;
	border: none;
	cursor: pointer;
}
.btn-extend:hover,
.btn-auto-extend:hover {
	background-color: #3a7bc8;
}
.status-waiting {
	color: #ff6b01;
	font-weight: bold;
}
.status-active {
	color: #28a745;
	font-weight: bold;
}
.radio-container {
	display: inline-block;
}
.radio-container label {
	margin-right: 15px;
	cursor: pointer;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
}
.radio-container input[type='radio'] {
	margin-right: 5px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	-webkit-appearance: radio;
	appearance: radio;
	opacity: 1;
	position: static;
	visibility: visible;
}

/* 전체 컨테이너 여백 조정 */
#marealogo {
	padding: 0 16px;
	margin-bottom: 30px;
}

/* 페이지네이션 여백 조정 */
.pagination {
	margin-top: 20px;
	text-align: center;
}

.auto-extend-on {
	color: #28a745;
	font-weight: bold;
}

.auto-extend-off {
	color: #ff6b01;
	font-weight: bold;
}

.empty-store {
	text-align: center;
	padding: 30px 20px;
}

.store-empty-message {
	font-size: 16px;
	color: #666;
	line-height: 1.5;
}

.register-button-container {
	text-align: center;
	margin: 25px 0 40px 0;
}

.btn-register {
	display: inline-block;
	padding: 10px 30px;
	background-color: #ff6600;
	color: white;
	border-radius: 4px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s;
}

.btn-register:hover {
	background-color: #e55c00;
}

.image-popup-layer {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.8);
}

.popup-content {
	position: relative;
	margin: auto;
	padding: 0;
	width: 80%;
	max-width: 800px;
	top: 50%;
	transform: translateY(-50%);
	background-color: transparent;
}

.popup-content-store {
	position: relative;
	margin: auto;
	padding: 0;
	width: 80%;
	max-width: 800px;
	top: 50%;
	transform: translateY(-50%);
	background-color: transparent;
}

.close-popup {
	position: absolute;
	top: -50px;
	right: 0;
	color: white;
	font-size: 35px;
	font-weight: bold;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.5);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1001;
}

#popupImage {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 80vh;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}

.image-preview-item {
	margin-bottom: 15px;
}

/* 매장 상세 페이지 스타일 */
.store-detail-container {
	padding: 15px;
	margin: 0 16px 30px 16px;
	background: #fff;
	border-radius: 4px;
	/* box-shadow: 0 2px 10px rgba(0,0,0,0.05); */
	border: 1px solid #e1e1e1;
}

/* 이미지 슬라이더 스타일 */
.store-image-slider {
	margin-bottom: 30px;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.slider-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slider-item {
	position: absolute;
	width: 100%;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.slider-item.active {
	position: relative; /* 활성화된 항목은 relative로 변경하여 높이 자동 조정 */
	opacity: 1;
}

.slider-item img {
	max-width: 100%; /* 100%에서 max-width로 변경 */
	height: auto;
	display: block;
	margin: 0 auto; /* 이미지가 작을 경우 가운데 정렬 */
	object-fit: contain; /* 이미지 비율 유지하면서 컨테이너에 맞춤 */
}

.slider-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	background: rgba(0, 0, 0, 0.05);
	border-radius: 8px 8px 0 0;
	margin-bottom: 5px;
}

.slider-prev,
.slider-next {
	background: rgba(0, 0, 0, 0.7);
	color: white;
	border: none;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.3s;
}

.slider-prev:hover,
.slider-next:hover {
	background: rgba(0, 0, 0, 0.9);
}

.slider-dots {
	display: flex;
	gap: 8px;
}

.dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: background 0.3s;
}

.dot.active {
	background: rgba(0, 0, 0, 0.7);
}

/* 매장 정보 스타일 */
.store-info-container {
	margin-bottom: 30px;
	border: 1px solid #eee;
	border-radius: 8px;
	overflow: hidden;
}

.info-row {
	display: flex;
	border-bottom: 1px solid #eee;
}

.info-row:last-child {
	border-bottom: none;
}

.info-label {
	flex: 1;
	padding: 15px;
	background: #f9f9f9;
	font-weight: bold;
	border-right: 1px solid #eee;
}

.info-value {
	flex: 3;
	padding: 15px;
}

/* 이벤트 정보 스타일 */
.event-info-container {
	margin-bottom: 30px;
	padding: 20px;
	background: #fff8f8;
	border-radius: 8px;
	border: 1px solid #ffe0e0;
}

.event-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ffcaca;
}

.event-header h3 {
	color: #e74c3c;
	margin: 0;
}

.event-period {
	color: #666;
	font-size: 14px;
}

.event-content-store {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	/* height: 80px; */
	justify-content: space-between;
	overflow: hidden;
	line-height: 1.6;
}

.event-content-store p {
	margin-bottom: 10px;
}

.event-content-store .company {
	font-size: 14px;
}

.event-content-store .title {
	font-size: 12px;
	-webkit-line-clamp: 1;
	max-height: 18px;
}

.event-content-store .company {
	color: #3a3a3a;
	font-weight: 600;
	margin: 0 0 8px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px !important;
}

.event-content-store .title_main {
	color: #6b7280;
	font-size: 14px;
	margin: 0 0 8px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
	max-height: 2.6em; /* 2줄 높이 */
	flex-grow: 1; /* 남은 공간 차지 */
}

.event-content-store .local {
	font-size: 13px;
	color: #4b5563;
	margin-top: auto; /* 하단에 배치 */
}

.event-content-store .pay {
	display: inline-block;
	color: #ff6b6b;
	font-size: 12px;
}

.event-content-store .period-label {
	color: #6b7280;
	display: inline-block !important;
}

.event-content-store .period-label:before {
	content: '\f073'; /* Font Awesome 캘린더 아이콘 */
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	margin-right: 5px;
	color: #ff6600; /* 인디고 색상 */
}

.event-content-store .period-date {
	display: inline-block !important;
	color: #4b5563;
	font-weight: 500;
	font-size: 13px;
}

/* 지도 스타일 */
.map-container {
	margin-bottom: 30px;
}

.map-container h3 {
	margin-bottom: 15px;
}

.map-placeholder {
	height: 300px;
	background: #f5f5f5;
	border-radius: 8px;
	overflow: hidden;
}

.map-placeholder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 버튼 스타일 */
.action-buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-top: 30px;
}

.btn-action {
	display: inline-block;
	padding: 12px 25px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s;
}

.btn-list {
	background: #4a90e2;
	color: white;
}

.btn-edit {
	background: #ff6600;
	color: white;
}

.btn-delete-view {
	background: #999;
	color: white;
}

.sorting-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.submenu-select {
	margin-right: 0;
	position: relative; /* 위치 상대적 설정 */
	display: inline-block; /* 인라인 블록으로 표시 */
}

#partnerSubMenu {
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #ddd;
	font-size: 14px;
	color: #333; /* 글자 색상 추가 */
	background-color: #fff; /* 배경색 추가 */
	width: auto; /* 너비 자동 조정 */
	min-width: 150px; /* 최소 너비 설정 */
	height: auto; /* 높이 자동 조정 */
}

.partner-link-box {
	background: #f8f9fa;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 20px;
	margin-bottom: 20px;
}

.partner-link-box h3 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 16px;
	color: #333;
}

.link-container {
	display: flex;
	margin-bottom: 10px;
	align-items: stretch; /* 요소들의 높이를 동일하게 맞춤 */
	flex-wrap: nowrap; /* 줄바꿈 방지 */
}

.link-container input {
	flex: 1;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px 0 0 4px;
	font-size: 14px;
	height: 40px; /* 고정 높이 설정 */
	box-sizing: border-box; /* 패딩을 포함한 크기 계산 */
}

.link-container button {
	padding: 0 15px;
	background: #007bff;
	color: white;
	border: none;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	white-space: nowrap; /* 텍스트 줄바꿈 방지 */
	height: 40px; /* 입력창과 동일한 높이 */
	min-width: 60px; /* 최소 너비 설정 */
	font-size: 14px; /* 글자 크기 조정 */
	display: flex; /* 플렉스 디스플레이 */
	align-items: center; /* 세로 중앙 정렬 */
	justify-content: center; /* 가로 중앙 정렬 */
}

.link-info {
	font-size: 13px;
	color: #666;
	margin: 0;
}

.partner-status {
	background: white;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 25px;
	margin-bottom: 30px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.partner-status h3 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.status-dashboard {
	/* display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 15px; */
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 15px;
	width: 100%;
}

.status-card {
	background: #f8f9fa;
	border-radius: 8px;
	padding: 15px;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
	border: 1px solid #eee;
}

.status-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.status-card.main-status {
	grid-column: 1 / -1;
	background: #e8f4ff;
	border: 1px solid #c5e1ff;
}

.status-card.highlight {
	background: #fff8e8;
	border: 1px solid #ffe5b4;
}

.status-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #e6e6e6;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	color: #666;
	font-size: 18px;
}

.status-card.main-status .status-icon.active {
	background: #28a745;
	color: white;
}

.status-card.main-status .status-icon.inactive {
	color: #dc3545;
}
.status-card.main-status .status-value.inactive {
	color: #dc3545;
}

.status-card.highlight .status-icon {
	background: #ff9800;
	color: white;
}

.status-content {
	flex: 1;
}

.status-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

.status-item {
	display: flex;
	flex-direction: column;
}

.status-label {
	display: block;
	font-size: 13px;
	color: #666;
	margin-bottom: 5px;
}

.status-value {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.status-value.active {
	color: #28a745;
}

.register-button-container {
	text-align: center;
	margin: 20px 0;
}

/* 수익금내역 페이지 스타일 */
.earnings-container {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	padding: 20px;
	margin-bottom: 30px;
}

.search-panel {
	display: flex;
	flex-wrap: nowrap; /* wrap에서 nowrap으로 변경 */
	align-items: center;
	gap: 8px;
	margin-bottom: 20px;
	background: #f8f9fa;
	padding: 12px 15px;
	border-radius: 8px;
}

.quick-buttons {
	display: flex;
	gap: 4px;
	flex-shrink: 0;
	margin-bottom: 0; /* 마진 제거 */
	width: auto; /* 자동 너비로 변경 */
}

.quick-button {
	background: #f1f3f5;
	border: 1px solid #dee2e6;
	color: #495057;
	padding: 6px 10px;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.quick-button:hover,
.quick-button.active {
	background: #4263eb;
	color: white;
	border-color: #4263eb;
}

.date-inputs {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 1;
	margin-right: 8px; /* 조회 버튼과의 간격 */
}

.date-input {
	padding: 6px 8px;
	border: 1px solid #ced4da;
	border-radius: 4px;
	width: 100px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}

.search-btn {
	background: #4263eb;
	color: white;
	border: none;
	padding: 6px 12px;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
	transition: background 0.2s;
	white-space: nowrap;
	flex-shrink: 0;
}

.search-btn:hover {
	background: #354edc;
}

.earnings-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
}

.earnings-table th {
	background: #f1f3f5;
	padding: 14px 10px; /* 패딩 증가 */
	text-align: center;
	font-weight: 600;
	color: #495057;
	border-bottom: 2px solid #e9ecef;
}

.earnings-table td {
	padding: 16px 10px; /* 패딩 증가 */
	border-bottom: 1px solid #e9ecef;
	color: #495057;
	text-align: center;
}

.earnings-table tr:hover {
	background-color: #f8f9fa;
}

.earnings-amount {
	font-weight: bold;
	color: #4263eb;
}

.pagination {
	display: flex;
	justify-content: center;
	margin-top: 25px;
	gap: 3px;
}

.pagination a {
	display: inline-block;
	padding: 6px 10px;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	color: #495057;
	text-decoration: none;
}

.pagination a.active {
	background: #4263eb;
	color: white;
	border-color: #4263eb;
}

.pagination a:hover:not(.active) {
	background: #e9ecef;
}

/* 개선된 요약 박스 스타일 */
.summary-box {
	background: linear-gradient(135deg, #4263eb, #3b5bdb);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(66, 99, 235, 0.2);
}

.summary-item {
	text-align: center;
}

.summary-label {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 8px;
	font-weight: 500;
}

.summary-value {
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.no-data {
	text-align: center;
	padding: 40px 0;
	color: #6c757d;
	font-size: 15px;
}

/* 등록된 내역이 없을 때 표시할 메시지 스타일 */
.no-earnings {
	text-align: center;
	padding: 50px 0;
	color: #6c757d;
	font-size: 15px;
	background: #f8f9fa;
	border-radius: 8px;
	margin-top: 15px;
}

.no-earnings i {
	font-size: 32px;
	color: #adb5bd;
	margin-bottom: 10px;
	display: block;
}

/* 새로운 달력 스타일 */
.date-picker-container {
	position: relative;
}

.custom-date-picker {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	background: white;
	border-radius: 8px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
	padding: 15px;
	width: 280px;
	display: none;
}

.date-picker-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.month-nav {
	background: none;
	border: none;
	color: #4263eb;
	font-size: 18px;
	cursor: pointer;
	padding: 0 5px;
}

.current-month {
	font-weight: bold;
	font-size: 16px;
	color: #212529;
}

.date-picker-days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 5px;
}

.day-name {
	text-align: center;
	font-weight: 600;
	color: #495057;
	font-size: 12px;
	padding: 5px 0;
}

.day {
	text-align: center;
	padding: 8px 0;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px;
	color: #495057;
}

.day:hover {
	background: #e9ecef;
}

.day.today {
	background: #e9ecef;
	font-weight: bold;
}

.day.selected {
	background: #4263eb;
	color: white;
}

.day.disabled {
	color: #ced4da;
	cursor: default;
}

.day.disabled:hover {
	background: none;
}

.date-picker-footer {
	display: flex;
	justify-content: center; /* 가운데 정렬로 변경 */
	margin: 10px 0 5px;
	gap: 10px; /* 버튼 사이 간격 */
}

.date-picker-btn {
	background: #4263eb;
	color: white;
	border: none;
	padding: 8px 12px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px;
}

.date-picker-btn.cancel {
	background: #adb5bd;
}

/* date-search-container 스타일 수정 */
.date-search-container {
	display: flex;
	align-items: center;
	flex-shrink: 1;
	flex-grow: 1;
	margin-left: auto; /* 오른쪽 정렬 */
}

.search-panel_v1 {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	margin-bottom: 20px;
	background: #f8f9fa;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	flex-wrap: wrap;
	padding: 12px;
	gap: 10px;
}

.quick-buttons_v1 {
	display: flex;
	gap: 10px;
}

.quick-button_v1 {
	padding: 8px 15px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 500;
	transition: all 0.2s;
	height: 40px;
}

.quick-button_v1:hover {
	background: #f0f0f0;
}

.quick-button_v1.active {
	background: #007bff;
	color: white;
	border-color: #007bff;
}

.date-search-container_v1 {
	display: flex;
	align-items: center;
	gap: 10px;
}

.year-month-select {
	display: flex;
	gap: 5px;
}

/* 셀렉트박스 크기 및 가독성 개선 */
.year-month-select select {
	padding: 8px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	height: 40px;
	font-size: 14px;
	min-width: 100px;
	appearance: menulist; /* 기본 드롭다운 화살표 표시 */
}

.search-btn_v1 {
	padding: 8px 20px;
	background: #007bff;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 500;
	transition: all 0.2s;
	height: 40px;
}

.search-btn_v1:hover {
	background: #007bff;
}

/* 달력 스타일 */
.calendar-container {
	margin-top: 2px;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.calendar-header {
	background: #007bff;
	color: white;
	padding: 15px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}

.calendar-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.calendar-day-header {
	background: #f0f4ff;
	padding: 10px;
	text-align: center;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
}

.calendar-day-header:first-child {
	color: #e74c3c; /* 일요일 색상 */
}

.calendar-day-header:last-child {
	color: #3498db; /* 토요일 색상 */
}

.calendar-day {
	min-height: 120px; /* 높이 증가 */
	border: 1px solid #eee;
	padding: 10px 5px 10px 0px;
	position: relative;
}

.calendar-day.today {
	background-color: #e1f1e2;
}

/* 이전/다음달 날짜는 회색 빈공백으로 표시 */
.calendar-day.other-month {
	background-color: #f9f9f9;
	color: #aaa;
	min-height: 120px; /* 높이 증가 */
	border: 1px solid #eee;
}

.day-number {
	position: absolute;
	top: 5px;
	right: 8px;
	font-weight: 600;
	font-size: 14px;
}

.sunday .day-number,
.calendar-day-header.sunday {
	color: #e74c3c;
}

.saturday .day-number,
.calendar-day-header.saturday {
	color: #3498db;
}

/* 날짜별 통계 정보를 4행으로 변경하고 색상 구분 */
.day-content {
	margin-top: 25px;
	font-size: 12px;
}

.day-stats-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 5px;
}

.day-stats-table tr {
	/* height: 30px; */
	height: auto;
}

.day-stats-table th {
	padding: 5px 0 5px 5px;
	text-align: left;
	border: 0 solid #eee;
	font-size: 12px;
}
.day-stats-table td {
	padding: 5px 2px 5px 0;
	text-align: right;
	border: 0 solid #eee;
	font-size: 12px;
}

.day-stats-table th {
	/* background: #f8f9fa; */
	font-weight: 600;
}

/* 각 항목별 색상 구분 */
.day-stats-table .inflow th {
	/* background: #e3f2fd; */
	color: #1565c0;
}

.day-stats-table .payment th {
	/* background: #e8f5e9; */
	color: #2e7d32;
}

.day-stats-table .promo-earnings th {
	/* background: #fff3e0; */
	color: #e65100;
}

.day-stats-table .special-earnings th {
	/* background: #f3e5f5; */
	color: #7b1fa2;
}

.day-stats-table .inflow td {
	color: #1565c0;
	font-weight: 500;
}

.day-stats-table .payment td {
	color: #2e7d32;
	font-weight: 500;
}

.day-stats-table .promo-earnings td {
	color: #e65100;
	font-weight: 500;
}

.day-stats-table .special-earnings td {
	color: #7b1fa2;
	font-weight: 500;
}

/* 월별 통계 요약 */
.monthly-summary {
	margin-top: 30px;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.summary-header {
	background: #007bff;
	color: white;
	padding: 12px 15px;
	font-size: 16px;
	font-weight: 600;
}

.summary-table {
	width: 100%;
	border-collapse: collapse;
}

.summary-table th,
.summary-table td {
	display: table-cell;
	width: 50%;
	font-size: 16px;
	padding: 15px;
	text-align: center;
	border: 1px solid #eee;
}

.summary-table th {
	background: #f8f9fa;
	font-weight: 600;
}

.summary-table td {
	font-weight: 500;
}

/* 통계 요약 테이블 각 행 스타일 */
.summary-table .inflow-row th {
	background: #e3f2fd;
	color: #1565c0;
}

.summary-table .payment-row th {
	background: #e8f5e9;
	color: #2e7d32;
}

.summary-table .promo-row th {
	background: #fff3e0;
	color: #e65100;
}

.summary-table .special-row th {
	background: #f3e5f5;
	color: #7b1fa2;
}

.summary-table .total-row th {
	background: #ede7f6;
	color: #4527a0;
}

.summary-table .inflow-row td {
	color: #1565c0;
}

.summary-table .payment-row td {
	color: #2e7d32;
}

.summary-table .promo-row td {
	color: #e65100;
}

.summary-table .special-row td {
	color: #7b1fa2;
}

.summary-table .total-row td {
	color: #4527a0;
	font-weight: 700;
}

.legend-table {
	font-size: 12px;
	margin-left: auto; /* 우측 정렬을 위해 추가 */
}

.legend-table td {
	padding: 2px 8px;
	white-space: nowrap;
}

.legend-icon {
	margin-right: 3px;
}

.inflow-icon {
	color: #1565c0;
}

.payment-icon {
	color: #2e7d32;
}

.promo-icon {
	color: #e65100;
}

.special-icon {
	color: #7b1fa2;
}

/* 유입경로 테이블 스타일 */
.referrals-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.referrals-table th,
.referrals-table td {
	padding: 12px 10px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}

/* 유입경로 컬럼만 왼쪽 정렬 */
.referrals-table td.referral-url {
	text-align: left;
}

.referrals-table th {
	background-color: #f8f8f8;
	font-weight: 600;
}

.referrals-table tr:hover {
	background-color: #f5f5f5;
}

/* 유입경로 URL 스타일 */
.referral-url {
	position: relative;
	text-align: left;
	max-width: 100%;
}

.url-text {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #0066cc;
	text-decoration: none;
}

.url-text:hover {
	text-decoration: underline;
}

/* URL 툴팁 스타일 */
.url-tooltip {
	position: absolute;
	left: 0;
	bottom: 100%; /* top에서 bottom으로 변경 - 요소 위쪽에 표시 */
	margin-bottom: 10px; /* 약간의 여백 추가 */
	background-color: #333;
	color: #fff;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 13px;
	z-index: 100;
	max-width: 400px;
	word-break: break-all;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	display: none;
}

.url-tooltip:after {
	content: '';
	position: absolute;
	top: 100%; /* bottom에서 top으로 변경 */
	left: 20px;
	border-width: 6px;
	border-style: solid;
	border-color: #333 transparent transparent transparent; /* 화살표 방향 변경 */
}

/* 데이터 없음 스타일 */
.no-referrals {
	text-align: center;
	padding: 40px 0;
	color: #888;
}

.no-referrals i {
	font-size: 48px;
	margin-bottom: 15px;
	color: #ddd;
}

.no-referrals p {
	font-size: 16px;
}

/* 단말기 셀렉트박스 스타일 */
.device-select {
	height: 32px;
	padding: 0 10px;
	margin-left: 5px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	vertical-align: middle;
	cursor: pointer;
	min-width: 80px; /* 최소 가로크기 설정 */
	width: auto; /* 내용에 따라 자동 조절 */
}

.device-select:focus {
	outline: none;
	border-color: #aaa;
}

/* URL 레이어 팝업 스타일 */
.url-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1000;
	overflow: auto;
}

.url-popup-content {
	position: absolute;
	background-color: #fff;
	padding: 0;
	width: 90%;
	max-width: 500px;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

	/* 화면 중앙 배치 */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	/* 애니메이션 수정 - 중앙에서 나타나도록 */
	animation: popupCenterFadeIn 0.3s;
}

.url-popup-header {
	padding: 15px 20px;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.url-popup-header h3 {
	margin: 0;
	font-size: 18px;
	color: #333;
}

.url-popup-close {
	background: none;
	border: none;
	font-size: 24px;
	font-weight: bold;
	color: #888;
	cursor: pointer;
}

.url-popup-close:hover {
	color: #555;
}

.url-popup-body {
	padding: 20px;
}

.url-popup-body p {
	margin: 0 0 15px 0;
	word-break: break-all;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

.url-popup-link {
	display: block; /* inline-block에서 block으로 변경 */
	padding: 12px 16px;
	background-color: #0066cc;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	font-size: 14px;
	text-align: center;
	margin: 25px auto 15px; /* 상하 여백 조정 및 좌우 auto로 중앙 정렬 */
	width: 150px; /* 버튼 너비 지정 */
}

.url-popup-link:hover {
	background-color: #0055aa;
}

/* 중앙에서 나타나는 애니메이션 */
@keyframes popupCenterFadeIn {
	from {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.9);
	}
	to {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
}

@keyframes popupFadeIn {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media screen and (max-width: 480px) {
	.link-container {
		flex-direction: column; /* 모바일에서는 세로로 배치 */
	}

	.link-container input {
		border-radius: 4px 4px 0 0; /* 상단 모서리만 둥글게 */
		margin-bottom: 1px; /* 입력창과 버튼 사이 간격 */
	}

	.link-container button {
		border-radius: 0 0 4px 4px; /* 하단 모서리만 둥글게 */
		width: 100%; /* 전체 너비 사용 */
	}

	.status-dashboard {
		grid-template-columns: 1fr;
	}

	.status-card.main-status {
		grid-column: span 1;
	}

	.search-panel_v1 {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 5px;
		padding: 10px;
	}

	.quick-buttons_v1 {
		display: flex;
		gap: 5px;
	}

	.quick-button_v1 {
		padding: 6px 10px;
		font-size: 12px;
		height: 32px;
		min-width: auto;
	}

	.date-search-container_v1 {
		display: flex;
		gap: 5px;
		flex-grow: 1;
		justify-content: space-between;
	}

	.year-month-select {
		display: flex;
		gap: 3px;
		flex: 0 0 auto;
	}

	.year-month-select select {
		padding: 6px 5px;
		font-size: 12px;
		height: 32px;
		min-width: 60px;
	}

	.search-btn_v1 {
		padding: 6px 10px;
		font-size: 12px;
		height: 32px;
		flex: 1;
		min-width: 60px;
		text-align: center;
	}

	/* 달력 대신 날짜별 테이블 표시 */
	.calendar-grid {
		display: none;
	}

	.mobile-calendar {
		display: block;
	}

	.mobile-day-card {
		margin-bottom: 15px;
		border: 1px solid #ddd;
		border-radius: 8px;
		overflow: hidden;
	}

	.mobile-day-header {
		background: #007bff;
		color: white;
		padding: 10px 15px;
		font-size: 16px;
		font-weight: 600;
		display: flex;
		justify-content: space-between;
	}

	.mobile-day-header.sunday {
		background: #e74c3c;
	}

	.mobile-day-header.saturday {
		background: #3498db;
	}

	.mobile-day-header.today {
		background: #27ae60;
	}

	.mobile-day-content {
		padding: 15px;
	}

	.mobile-stats-table {
		width: 100%;
		border-collapse: collapse;
	}

	.mobile-stats-table th,
	.mobile-stats-table td {
		padding: 10px 8px;
		text-align: left;
		border-bottom: 1px solid #eee;
	}

	.mobile-stats-table th {
		width: 40%;
		font-weight: 600;
		font-size: 15px; /* 글자 크기 키움 */
		color: #333;
	}

	.mobile-stats-table td {
		width: 60%;
		font-weight: 500;
		font-size: 15px; /* 글자 크기 키움 */
	}

	/* 모바일 테이블 항목별 색상 구분 */
	.mobile-stats-table tr.inflow th {
		color: #1565c0;
	}

	.mobile-stats-table tr.payment th {
		color: #2e7d32;
	}

	.mobile-stats-table tr.promo-earnings th {
		color: #e65100;
	}

	.mobile-stats-table tr.special-earnings th {
		color: #7b1fa2;
	}

	.mobile-stats-table tr.inflow td {
		color: #1565c0;
	}

	.mobile-stats-table tr.payment td {
		color: #2e7d32;
	}

	.mobile-stats-table tr.promo-earnings td {
		color: #e65100;
	}

	.mobile-stats-table tr.special-earnings td {
		color: #7b1fa2;
	}

	.mobile-stats-table tr:last-child th,
	.mobile-stats-table tr:last-child td {
		border-bottom: none;
	}

	/* 모바일 통계 요약 테이블 */
	.summary-table {
		width: 100%;
		border-collapse: collapse;
	}

	.summary-table tr {
		display: table-row;
		border-bottom: 1px solid #eee;
	}

	.summary-table tr:last-child {
		border-bottom: none;
	}

	.summary-table th,
	.summary-table td {
		display: table-cell;
		width: 50%;
		font-size: 16px;
		padding: 12px 15px;
		text-align: left;
		vertical-align: middle;
		white-space: nowrap;
	}

	.summary-table th {
		text-align: left;
	}

	.summary-table td {
		text-align: right;
	}

	/* 테이블 레이아웃 고정 */
	.monthly-summary {
		overflow-x: hidden;
	}

	.summary-table {
		table-layout: fixed;
	}

	.calendar-legend {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.fa-calendar {
		display: inline-block !important;
	}
	.date_txt {
		font-size: 14px !important;
	}
	.date-picker input {
		width: 120px;
		margin-right: 10px;
	}

	.date-picker span {
		margin: 0 10px;
	}
}

/* 모바일 화면에서의 스타일 */
@media (max-width: 768px) {
	.image-upload-container {
		gap: 5px;
	}

	.image-preview-container {
		flex-wrap: nowrap; /* 줄바꿈 방지 */
		/* overflow-x: auto; 필요시 가로 스크롤 허용 */
		padding-bottom: 15px; /* 스크롤바 공간 */
		gap: 15px; /* 모바일에서 간격 줄임 */
	}

	.image-preview-item {
		min-width: 64px; /* 모바일에서 최소 너비 설정 */
		width: auto; /* 자동 조절 */
	}

	.preview-image {
		width: 64px; /* 모바일에서 이미지 너비 */
		height: 64px; /* 모바일에서 이미지 높이 */
	}

	.btn-delete {
		width: 70px;
		font-size: 11px;
	}

	.status-dashboard {
		/* grid-template-columns: repeat(2, 1fr); */
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}

	.status-card.main-status {
		/* grid-column: span 2; */
		grid-column: 1 / -1; /* 모바일에서는 전체 너비 차지 */
	}

	.earnings-container {
		padding: 15px 10px;
	}

	.search-panel {
		flex-wrap: wrap;
		padding: 12px;
		gap: 10px;
	}

	.quick-buttons {
		width: 100%;
		display: flex;
		justify-content: space-between;
		gap: 3px;
		margin-bottom: 10px;
	}

	.quick-button {
		padding: 8px 0;
		font-size: 12px;
		flex: 1;
		text-align: center;
		min-width: 0;
	}

	/* 날짜 입력과 조회 버튼을 감싸는 컨테이너 추가 */
	.date-search-container {
		width: 100%;
		margin-left: 0;
	}

	.date-inputs {
		display: flex;
		align-items: center;
		flex-grow: 1;
		gap: 5px;
		margin-right: 5px;
	}

	.date-input {
		flex: 1;
		min-width: 0; /* 최소 너비 제한 제거 */
		font-size: 13px;
		padding: 8px 6px;
		height: 36px;
	}

	.search-btn {
		padding: 8px 10px;
		font-size: 13px;
		width: 65px;
		height: 36px;
		flex-shrink: 0; /* 버튼 크기 유지 */
	}

	/* 테이블 패딩 줄이기 */
	.earnings-table th,
	.earnings-table td {
		padding: 10px 4px; /* 모바일에서도 패딩 유지 */
		font-size: 12px;
	}

	/* 모바일에서 번호 컬럼 너비 조정 */
	.earnings-table th:first-child,
	.earnings-table td:first-child {
		width: 10%;
		min-width: 30px;
	}

	/* 모바일에서 매장명 컬럼 너비 조정 */
	.earnings-table th:nth-child(2),
	.earnings-table td:nth-child(2) {
		width: 35%;
	}

	/* 모바일에서 수익금 컬럼 너비 조정 */
	.earnings-table th:nth-child(3),
	.earnings-table td:nth-child(3) {
		width: 25%;
	}

	/* 모바일에서 결제날짜 컬럼 너비 조정 */
	.earnings-table th:nth-child(4),
	.earnings-table td:nth-child(4) {
		width: 30%;
	}

	/* 모바일에서 테이블 헤더 텍스트 줄바꿈 방지 */
	.earnings-table th {
		white-space: nowrap;
	}

	/* 페이지네이션 크기 조정 */
	.pagination a {
		padding: 4px 8px;
		font-size: 12px;
	}

	/* 모바일에서 달력 위치 조정 */
	.custom-date-picker {
		width: 280px;
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
		/* top: auto; */
		/* bottom: 20px; 화면 하단에서 20px 위에 배치 */
		top: 25%;
		bottom: auto;
		z-index: 1001;
		max-height: 80vh;
		overflow-y: auto;
	}

	.date-picker .date-input {
		font-size: 12px !important; /* 날짜 입력 폰트 크기 조정 */
	}

	/* 달력 배경 오버레이 추가 */
	.date-picker-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1000;
		display: none;
	}

	/* 모바일에서 요약 박스 조정 */
	.summary-box {
		padding: 15px;
	}

	.summary-label {
		font-size: 13px;
	}

	.summary-value {
		font-size: 20px;
	}

	.pc-table {
		display: none !important;
	}

	.mobile-table {
		display: table !important;
		width: 100%;
	}

	/* 모바일 테이블 셀 스타일 */
	.mobile-table th,
	.mobile-table td {
		padding: 10px 5px;
		text-align: center;
		font-size: 13px;
	}

	/* 유입경로 셀만 왼쪽 정렬 */
	.mobile-table td.referral-url {
		text-align: left;
	}

	/* URL 텍스트 스타일 */
	.mobile-url {
		color: #0066cc;
		text-decoration: underline;
		cursor: pointer;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
	}

	.device-select {
		min-width: 66px; /* 최소 가로크기 설정 */
	}

	.form-input textarea#event_title {
		height: 200px;
	}
}

/* 데스크톱에서는 모바일 달력 숨김 */
@media (min-width: 769px) {
	.mobile-calendar {
		display: none;
	}
	.pc-table {
		display: table; /* 기본적으로 PC 테이블 표시 */
		width: 100%;
	}

	.mobile-table {
		display: none !important; /* 기본적으로 모바일 테이블 숨김 */
	}
}

/* 버튼 스타일 */
.cb-local-store-buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin: 30px;
}

.cb-local-store-btn {
	display: inline-block;
	padding: 12px 25px;
	border-radius: 6px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.cb-local-store-list {
	background: linear-gradient(135deg, #4a90e2, #3a7bd5);
	color: white;
}

.cb-local-store-list:hover {
	background: linear-gradient(135deg, #3a7bd5, #2a6ac5);
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.cb-local-store-edit {
	background: linear-gradient(135deg, #ff8c00, #ff6600);
	color: white;
}

.cb-local-store-edit:hover {
	background: linear-gradient(135deg, #ff6600, #e55c00);
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.cb-local-store-delete {
	background: linear-gradient(135deg, #999, #777);
	color: white;
}

.cb-local-store-delete:hover {
	background: linear-gradient(135deg, #777, #555);
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* 매장 카드 스타일 */
.cb-local-store-card {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	margin-bottom: 20px;
	overflow: hidden;
	transition: transform 0.2s, box-shadow 0.2s;
}

.cb-local-store-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.cb-local-store-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	border-bottom: 1px solid #f0f0f0;
	background-color: #f9f9f9;
}

.cb-local-store-title {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.cb-local-store-title i {
	margin-right: 10px;
}

.cb-local-store-title a {
	color: #333;
	text-decoration: none;
	transition: color 0.2s;
}

.cb-local-store-title a:hover {
	color: #4285f4;
}

.cb-local-store-badge {
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	color: white;
}

.cb-local-store-active {
	background-color: #34a853;
}

.cb-local-store-waiting {
	background-color: #fbbc05;
}

.cb-local-store-finished {
	background-color: #dc3545;
}

.cb-local-store-content {
	padding: 15px 20px;
}

.cb-local-store-info {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.cb-local-store-info-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.cb-local-store-info-item i {
	width: 20px;
	text-align: center;
}

.cb-local-store-btn-pull {
	margin-left: auto;
	white-space: nowrap;
}

.cb-local-store-btn-extend,
.cb-local-store-btn-auto {
	margin-left: auto;
	background-color: #f5f5f5;
	color: #555;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 6px 10px;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.2s;
}

.cb-local-store-btn-extend:hover,
.cb-local-store-btn-auto:hover {
	background-color: #4285f4;
	color: white;
	border-color: #4285f4;
}

.cb-local-store-radio-group {
	display: flex;
	gap: 15px;
}

.cb-local-store-radio {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.cb-local-store-radio input {
	margin-right: 5px;
}

.cb-local-store-radio-text {
	font-size: 14px;
}

.cb-local-store-auto-on {
	color: #34a853;
	font-weight: 500;
}

.cb-local-store-auto-off {
	color: #ea4335;
	font-weight: 500;
}

/* 매장 등록 버튼 */
.cb-local-store-register-button-container {
	text-align: center;
	margin: 30px 0;
}

@media screen and (max-width: 768px) {
	.cb-local-store-header {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		/* align-items: flex-start; */
	}

	.cb-local-store-title {
		flex: 1;
		padding-right: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.cb-local-store-badge {
		flex-shrink: 0;
		min-width: 26px;
		text-align: center;
		margin-top: 2px;
	}
}

.cb-local-store-btn-register-empty {
	display: inline-block;
	background-color: #4285f4;
	color: white;
	border: none;
	border-radius: 4px;
	padding: 12px 25px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.2s;
	box-shadow: 0 2px 5px rgba(66, 133, 244, 0.3);
}

.cb-local-store-btn-register-empty:hover {
	background-color: #3367d6;
}

.cb-local-store-btn-register-empty i {
	margin-right: 8px;
}

/* 매장 없을 때 표시되는 영역 */
.cb-local-store-empty {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	padding: 40px 20px;
	text-align: center;
	margin-bottom: 20px;
}

.cb-local-store-empty-message {
	max-width: 400px;
	margin: 0 auto;
}

.cb-local-store-empty-message p {
	margin: 10px 0;
	color: #666;
	font-size: 15px;
}

.cb-local-store-empty-message i {
	margin-right: 8px;
	/* color: #4285f4; */
}

/* 페이지네이션 */
.cb-local-store-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	gap: 5px;
}

.cb-local-store-page-num,
.cb-local-store-page-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 4px;
	text-decoration: none;
	color: #555;
	transition: all 0.2s;
}

.cb-local-store-page-num:hover,
.cb-local-store-page-nav:hover {
	background-color: #f0f0f0;
}

.cb-local-store-page-num.cb-local-store-active {
	background-color: #4285f4;
	color: white;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
	.cb-local-store-info-item {
		flex-wrap: wrap;
	}

	.cb-local-store-btn-extend,
	.cb-local-store-btn-auto {
		margin-top: 5px;
	}
}

/* 공개/비공개 토글 버튼 스타일 */
.cb-local-store-toggle-container {
	display: flex;
	margin-left: auto;
}

.cb-local-store-toggle-btn {
	padding: 6px 12px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	color: #666;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.2s;
	display: flex;
	align-items: center;
	gap: 5px;
}

.cb-local-store-toggle-btn:first-child {
	border-radius: 4px 0 0 4px;
	border-right: none;
}

.cb-local-store-toggle-btn:last-child {
	border-radius: 0 4px 4px 0;
}

.cb-local-store-toggle-btn:hover {
	background-color: #e9e9e9;
}

.cb-local-store-toggle-btn.cb-local-store-toggle-active[data-visibility='public'] {
	background-color: #34a853;
	color: white;
	border-color: #34a853;
}

.cb-local-store-toggle-btn.cb-local-store-toggle-active[data-visibility='private'] {
	background-color: #ea4335;
	color: white;
	border-color: #ea4335;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
	.cb-local-store-toggle-container {
		margin-left: 0;
		margin-top: 8px;
	}
	.cb-local-store-toggle-btn {
		padding: 6px 8px;
	}
}

/* 이미지 없을 경우 스타일 */
.cb-local-store-no-image {
	margin-bottom: 30px;
	background: #f8f9fa;
	border: 1px dashed #ccc;
	border-radius: 8px;
	padding: 40px 20px;
	text-align: center;
	display: none; /* 기본적으로 숨김, 이미지 없을 때 JavaScript로 표시 */
}

.cb-local-store-no-image-content {
	max-width: 400px;
	margin: 0 auto;
}

.cb-local-store-no-image-icon {
	font-size: 60px;
	color: #adb5bd;
	margin-bottom: 15px;
}

.cb-local-store-no-image-text {
	font-size: 18px;
	font-weight: bold;
	color: #495057;
	margin-bottom: 10px;
}

.cb-local-store-no-image-subtext {
	font-size: 14px;
	color: #6c757d;
	line-height: 1.5;
}

/* 주소 입력 스타일 */
.address-input-container {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.address-search-btn {
	background-color: #007bff;
	color: white;
	border: none;
	padding: 0 15px;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
}

/* 날짜 선택기 스타일 */
.date-picker {
	display: flex;
	align-items: center;
	/* gap: 10px; */
}

.date-picker-container {
	position: relative;
	flex: 1;
}

.date-input {
	cursor: pointer;
	background-color: #fff;
}

.custom-date-picker {
	display: none;
	/* position: absolute;
	top: 100%;
	left: 0; */
	z-index: 1000;
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	width: 280px;
}

.date-picker-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	border-bottom: 1px solid #eee;
}

.month-nav {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 16px;
	color: #007bff;
}

.current-month {
	font-weight: bold;
	font-size: 18px;
}

.date-picker-days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 2px;
	padding: 10px;
}

.day-name {
	text-align: center;
	font-weight: bold;
	padding: 5px;
	font-size: 16px;
}

.day {
	text-align: center;
	padding: 8px;
	cursor: pointer;
	border-radius: 4px;
	font-size: 15px;
}

.day:hover {
	background-color: #f0f7ff;
}

.day.disabled {
	color: #ccc;
	cursor: default;
}

.day.today {
	background-color: #f0f7ff;
	font-weight: bold;
}

.day.selected {
	background-color: #007bff;
	color: white;
}

.date-picker-footer {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	border-top: 1px solid #eee;
}

.date-picker-btn {
	background-color: #007bff;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
}

.date-picker-btn.cancel {
	background-color: #6c757d;
}

/* 글자수 카운터 */
.char-counter {
	text-align: right;
	font-size: 12px;
	color: #777;
	margin-top: 5px;
}

/* 이미지 팝업 레이어 */
.image-popup-layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-content-store {
	position: relative;
	max-width: 90%;
	max-height: 90%;
}

.close-popup {
	position: absolute;
	top: -30px;
	right: -30px;
	color: white;
	font-size: 30px;
	cursor: pointer;
}

#popupImage {
	max-width: 100%;
	max-height: 90vh;
	display: block;
}

/* 매장 등록 성공 팝업 */
.cb-local-store-success-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.cb-local-store-success-content {
	background-color: white;
	border-radius: 8px;
	padding: 30px;
	text-align: center;
	max-width: 400px;
	width: 90%;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.cb-local-store-success-icon {
	font-size: 60px;
	color: #28a745;
	margin-bottom: 20px;
}

.cb-local-store-success-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #333;
}

.cb-local-store-success-message {
	font-size: 16px;
	color: #666;
	margin-bottom: 25px;
	line-height: 1.5;
}

.cb-local-store-success-button {
	background-color: #007bff;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s;
}

.cb-local-store-success-button:hover {
	background-color: #0056b3;
}

/* 진행률 표시기 스타일 */
.cb-local-store-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999;
	backdrop-filter: blur(3px);
}

.cb-local-store-popup-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	text-align: center;
	max-width: 400px;
	width: 90%;
}

.cb-local-store-progress-content {
	background: linear-gradient(to bottom, #ffffff, #f8f9fa);
	border: 1px solid rgba(0, 123, 255, 0.1);
}

.cb-local-store-popup-icon {
	margin-bottom: 20px;
}

.cb-local-store-loading-icon {
	width: 60px;
	height: 60px;
	color: #007bff;
	animation: spin 1.5s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.cb-local-store-popup-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #007bff;
}

.cb-local-store-popup-message {
	font-size: 16px;
	margin-bottom: 25px;
	line-height: 1.5;
	color: #555;
}

.cb-local-store-progress-container {
	width: 100%;
	height: 8px;
	background-color: #e9ecef;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}

.cb-local-store-progress-bar {
	width: 0%;
	height: 100%;
	background: linear-gradient(to right, #007bff, #00c6ff);
	border-radius: 10px;
	transition: width 0.3s ease;
}

.cb-local-store-progress-text {
	font-size: 14px;
	font-weight: bold;
	color: #007bff;
}

.cb-local-store-popup-button {
	background: linear-gradient(to bottom, #007bff, #0069d9);
	color: white;
	border: none;
	padding: 12px 24px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s;
	margin-top: 20px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.cb-local-store-popup-button:hover {
	background: linear-gradient(to bottom, #0069d9, #0056b3);
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* 팝업 기본 스타일 */
.cb-store-modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1001;
	width: 95%;
	max-width: 480px;
	max-height: 90vh; /* 최대 높이 90% 설정 */
	font-family: 'Noto Sans KR', sans-serif;
}

.cb-store-modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 1000;
	backdrop-filter: blur(2px);
}

.cb-store-modal-content {
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	animation: cb-store-modal-show 0.3s ease-out;
	display: flex;
	flex-direction: column;
	max-height: 90vh; /* 최대 높이 90% 설정 */
}

@keyframes cb-store-modal-show {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.cb-store-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 24px;
	border-bottom: 1px solid #eaeaea;
	background-color: #fff;
	position: sticky;
	top: 0;
	z-index: 10;
}

.cb-store-modal-header h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	letter-spacing: -0.5px;
}

.cb-store-modal-close {
	background: none;
	border: none;
	font-size: 20px;
	color: #999;
	cursor: pointer;
	padding: 0;
	transition: color 0.2s;
}

.cb-store-modal-close:hover {
	color: #333;
}

.cb-store-modal-body {
	padding: 18px 24px 0 24px;
	overflow-y: auto; /* 스크롤 추가 */
	flex: 1; /* 남은 공간 모두 차지 */
	min-height: 100px; /* 최소 높이 설정 */
}

.cb-store-modal-info {
	margin-bottom: 15px;
}

.cb-store-modal-info p {
	margin: 5px 0;
	color: #666;
	font-size: 14px;
	line-height: 1.5;
}

/* 상품 목록 스타일 */
.cb-store-product-list {
	margin-bottom: 24px;
}

/* 할인 가격 표시 스타일 */
.cb-store-price-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.cb-store-price-inline {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex-wrap: wrap;
	margin: 5px 0;
}

.cb-store-original-price {
	/* font-size: 14px; */
	color: #888;
	text-decoration: line-through;
	white-space: nowrap;
}

.cb-store-discount-arrow {
	color: #888;
	font-size: 12px;
}

.cb-store-discount-price {
	/* font-size: 16px; */
	font-weight: bold;
	color: #ff3b30;
	white-space: nowrap;
}

.cb-store-discount-badge {
	background-color: #ff3b30;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 10px;
	border-radius: 10px;
	white-space: nowrap;
}

/* 할인 뱃지 애니메이션 효과 */
@keyframes pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.7);
	}

	70% {
		transform: scale(1.05);
		box-shadow: 0 0 0 5px rgba(255, 59, 48, 0);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 59, 48, 0);
	}
}

.cb-store-product-item {
	border: 2px solid #eaeaea;
	border-radius: 10px;
	padding: 16px;
	margin-bottom: 12px;
	transition: all 0.2s;
	position: relative;
}

.cb-store-product-item.selected {
	border-color: #007bff;
	background-color: #f8f9ff;
	box-shadow: 0 0 10px rgba(0, 123, 255, 0.3);
}

.cb-store-product-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.cb-store-product-name {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.cb-store-product-badge {
	background-color: #ff6b6b;
	color: white;
	font-size: 12px;
	padding: 3px 8px;
	border-radius: 12px;
	font-weight: 500;
}

.cb-store-product-price {
	font-size: 18px;
	font-weight: 700;
	color: #007bff;
	margin-bottom: 12px;
}

.cb-store-product-desc {
	margin-bottom: 12px;
}

.cb-store-product-desc ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.cb-store-product-desc li {
	color: #666;
	font-size: 14px;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
}

.cb-store-product-desc li i {
	color: #28a745;
	margin-right: 8px;
	font-size: 12px;
}

.cb-store-product-select {
	text-align: right;
}

.cb-store-product-select input[type='radio'] {
	display: none;
}

.cb-store-product-select label {
	display: inline-block;
	background-color: #f1f3f5;
	color: #495057;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
}

.cb-store-product-select input[type='radio']:checked + label {
	background-color: #007bff;
	color: white;
}

/* 버튼 스타일 */
.cb-store-modal-buttons {
	display: flex;
	justify-content: center;
	gap: 10px;
	padding: 5px 24px 15px 24px;
	background-color: #fff;
	position: sticky;
	bottom: 0;
	z-index: 10;
}

.cb-store-modal-button-submit {
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 6px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.2s;
	flex: 1;
	max-width: 180px;
}

.cb-store-modal-button-submit:hover {
	background-color: #0069d9;
}

.cb-store-modal-button-cancel {
	background-color: #f1f3f5;
	color: #495057;
	border: none;
	border-radius: 6px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.2s;
	flex: 1;
	max-width: 180px;
}

.cb-store-modal-button-cancel:hover {
	background-color: #e9ecef;
}

.cb-store-modal-button-danger {
	background-color: #dc3545;
	color: white;
	border: none;
	border-radius: 6px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.2s;
	flex: 1;
	max-width: 180px;
}

.cb-store-modal-button-danger:hover {
	background-color: #c82333;
}

.cb-store-modal-button-confirm {
	background-color: #28a745;
	color: white;
	border: none;
	border-radius: 6px;
	padding: 14px 24px;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.2s;
	flex: 1;
	max-width: 180px;
}

.cb-store-modal-button-confirm:hover {
	background-color: #218838;
}

/* 자동연장 관련 스타일 */
.cb-store-auto-status {
	display: flex;
	align-items: center;
	padding: 16px;
	border-radius: 8px;
	margin-bottom: 20px;
}

.cb-store-auto-status-active {
	background-color: #e8f5e9;
}

.cb-store-auto-status-inactive {
	background-color: #f8f9fa;
}

.cb-store-auto-status i {
	font-size: 20px;
	margin-right: 12px;
}

.cb-store-auto-status-active i {
	color: #28a745;
}

.cb-store-auto-status-inactive i {
	color: #6c757d;
}

.cb-store-auto-status span {
	font-size: 15px;
	font-weight: 500;
	color: #333;
}

.cb-store-auto-info {
	background-color: #f8f9fa;
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 20px;
}

.cb-store-auto-info-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eaeaea;
}

.cb-store-auto-info-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.cb-store-auto-info-label {
	color: #6c757d;
	font-size: 14px;
}

.cb-store-auto-info-value {
	color: #333;
	font-weight: 500;
	font-size: 14px;
}

.cb-store-auto-options {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.cb-store-auto-option-item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.cb-store-auto-option-item:hover {
	background-color: #f8f9fa;
}

.cb-store-auto-option-item input[type='radio']:checked {
	background-color: #fff;
	border-color: #007bff;
}

.cb-store-auto-option-item input[type='radio']:checked:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #007bff;
}

.cb-store-auto-option-item label {
	font-size: 16px;
	cursor: pointer;
	user-select: none;
	display: inline-block;
}

.cb-store-auto-notice {
	background-color: #fff4e5;
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 20px;
}

.cb-store-auto-notice p {
	color: #995500;
	font-size: 13px;
	margin: 0 0 8px 0;
	line-height: 1.5;
}

.cb-store-auto-notice p:last-child {
	margin-bottom: 0;
}

.cb-store-auto-notice i {
	color: #ff9800;
	margin-right: 6px;
}

/* 모바일 환경에서의 라디오 버튼 크기 조정 */
@media (max-width: 768px) {
	.cb-store-auto-option-item input[type='radio'] {
		width: 18px;
		height: 18px;
	}

	.cb-store-auto-option-item input[type='radio']:checked:after {
		width: 8px;
		height: 8px;
	}

	.cb-store-auto-option-item label {
		font-size: 14px;
	}
}

/* 커스텀 라디오 버튼 컨테이너 */
.cb-store-auto-option-item {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

/* 기존 라디오 버튼 숨기기 */
.custom-radio input[type='radio'] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* 커스텀 라디오 버튼 컨테이너 */
.custom-radio {
	position: relative;
	display: inline-block;
	height: 22px;
	width: 22px;
	margin-right: 10px;
}

/* 커스텀 라디오 버튼 표시 */
.radio-checkmark {
	position: absolute;
	top: 2px;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 50%;
}

/* 호버 시 스타일 */
.custom-radio:hover input ~ .radio-checkmark {
	border-color: #007bff;
}

/* 선택된 라디오 버튼 스타일 */
.custom-radio input:checked ~ .radio-checkmark {
	border-color: #007bff;
}

/* 선택된 라디오 버튼 내부 표시 */
.radio-checkmark:after {
	content: '';
	position: absolute;
	display: none;
}

/* 선택된 라디오 버튼 내부 표시 스타일 */
.custom-radio input:checked ~ .radio-checkmark:after {
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #007bff;
}

/* 라벨 스타일 */
.cb-store-auto-option-item label {
	font-size: 16px;
	cursor: pointer;
	user-select: none;
}

/* 비활성화된 버튼 스타일 */
.cb-local-store-popup-button-disabled {
	/* background: linear-gradient(to bottom, #a0a0a0, #808080) !important; */
	cursor: not-allowed !important;
	opacity: 0.7;
	box-shadow: none !important;
}

/* .cb-local-store-popup-button-disabled:hover {
	background: linear-gradient(to bottom, #a0a0a0, #808080) !important;
	transform: none !important;
	box-shadow: none !important;
} */

/* 결과 메시지 스타일 */
.cb-store-result-success,
.cb-store-result-error {
	text-align: center;
	padding: 24px 16px;
	min-height: 150px; /* 최소 높이 설정 */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.cb-store-result-success i,
.cb-store-result-error i {
	font-size: 48px;
	margin-bottom: 16px;
}

.cb-store-result-success i {
	color: #28a745;
}

.cb-store-result-error i {
	color: #dc3545;
}

.cb-store-result-success h4,
.cb-store-result-error h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 12px 0;
}

.cb-store-result-success p,
.cb-store-result-error p {
	color: #666;
	margin: 0 0 8px 0;
	font-size: 14px;
}

/* 반응형 스타일 */
@media (max-width: 576px) {
	.cb-store-modal {
		width: 95%;
	}

	.cb-store-modal-header {
		padding: 16px 20px;
	}

	.cb-store-modal-body {
		padding: 20px;
	}

	.cb-store-modal-button-submit,
	.cb-store-modal-button-cancel,
	.cb-store-modal-button-danger,
	.cb-store-modal-button-confirm {
		padding: 14px 16px;
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.cb-local-store-info-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

	.cb-local-store-info-item i {
		margin-right: 0px;
	}

	.cb-local-store-info-item > span {
		flex: 1;
		min-width: 0;
	}

	.cb-local-store-btn-extend,
	.cb-local-store-btn-auto {
		margin-left: auto;
		white-space: nowrap;
	}

	.cb-local-store-toggle-container {
		margin-left: auto;
	}

	/* 공개/비공개 버튼 크기 조정 */
	.cb-local-store-toggle-btn1 {
		padding: 4px 8px;
		font-size: 12px;
	}
}

.cb-local-toast {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%) translateY(100px);
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 12px 24px;
	border-radius: 4px;
	z-index: 1000;
	transition: transform 0.3s, opacity 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: auto; /* 기본 너비 설정 */
	max-width: 90%; /* 최대 너비 제한 */
	opacity: 0.8;
}

.cb-local-toast-show {
	transform: translateX(-50%) translateY(0);
	opacity: 1;
}

.cb-local-toast-success-y {
	background-color: #34a853;
}

.cb-local-toast-success-n {
	background-color: #ea4335;
}

.cb-local-toast-error {
	background-color: black;
	color: white;
	font-weight: bold;
}

.cb-local-toast i {
	margin-right: 8px;
}

@media (max-width: 768px) {
	.cb-local-toast {
		width: 90%; /* 모바일에서 화면 너비의 90%로 설정 */
		max-width: 90%;
		padding: 12px 16px;
		font-size: 16px;
		left: 50%;
		transform: translateX(-50%) translateY(100px);
	}

	.cb-local-toast-show {
		transform: translateX(-50%) translateY(0);
	}

	.cb-local-toast i {
		font-size: 16px;
	}
}

/* 팝업 열릴 때 body 스크롤 방지 */
body.cb-local-popup-open {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.cb-local-store-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}

.cb-local-store-page-end-nav {
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 0x;
	margin: 0 2px;
}

.cb-local-store-pagination a,
.cb-local-store-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	text-align: center;
	margin: 0 2px;
}

.cb-local-store-page-disabled {
	color: #ccc;
	cursor: not-allowed;
}

/* 모바일 환경을 위한 반응형 스타일 */
@media (max-width: 480px) {
	.cb-local-store-pagination {
		padding: 0 5px;
	}

	.cb-local-store-pagination a,
	.cb-local-store-pagination span {
		min-width: 28px;
		height: 28px;
		margin: 0 1px;
	}

	.cb-local-store-page-end-nav {
		font-size: 1.1em;
		padding: 5px 0;
	}
}

/* 레이어 팝업 스타일 */
.payment-modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
}

.payment-modal-content {
	background-color: #fefefe;
	margin: 5% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 800px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.payment-modal-close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
}

.payment-modal-close:hover,
.payment-modal-close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.payment-modal-header {
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.payment-modal-header h2 {
	margin: 0;
	display: inline-block;
}

/* 로딩 인디케이터 스타일 */
.loading-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2000;
	justify-content: center;
	align-items: center;
}

.loading-spinner {
	width: 50px;
	height: 50px;
	border: 5px solid #f3f3f3;
	border-top: 5px solid #3498db;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* 버튼 비활성화 스타일 */
.cb-store-modal-button-submit:disabled {
	background-color: #cccccc;
	cursor: not-allowed;
	opacity: 0.7;
}

/* 내부 버튼 컨테이너 스타일 (동적으로 생성되는 버튼용) */
.cb-store-modal-buttons-inner {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 5px;
}

/* 결제 팝업 스타일 수정 */
#paymentModal .cb-store-modal-content {
	display: flex;
	flex-direction: column;
	max-height: 90vh;
}

#paymentModal .cb-store-modal-body {
	overflow-y: auto;
	flex: 1;
}

/* 결제 결과 팝업 스타일 수정 */
#paymentResultPopup .cb-store-modal-content {
	display: flex;
	flex-direction: column;
	max-height: 90vh;
}

#paymentResultPopup .cb-store-modal-body {
	overflow-y: auto;
	flex: 1;
}

/* 모바일 환경에서의 팝업 스타일 조정 */
@media (max-width: 576px) {
	.cb-store-modal {
		width: 95%;
		max-height: 90vh;
	}

	.cb-store-modal-header {
		padding: 15px 20px;
	}

	.cb-store-modal-body {
		padding: 15px 20px;
	}

	.cb-store-modal-buttons {
		padding: 5px 20px 15px 20px;
	}
}

/* 스크롤바 스타일 커스터마이징 */
.cb-store-modal-body::-webkit-scrollbar {
	width: 6px;
}

.cb-store-modal-body::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

.cb-store-modal-body::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 10px;
}

.cb-store-modal-body::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}

/* 결제 위젯 컨테이너 스타일 */
.cb-payment-method-container {
	margin-bottom: 15px;
}

.cb-payment-agreement-container {
	margin-bottom: 20px;
}

/* 결제 버튼 컨테이너 스타일 */
.cb-payment-button-container {
	margin-top: 20px;
	text-align: center;
}

/* 토스트 메시지가 팝업 위에 표시되도록 z-index 조정 */
.cb-local-toast {
	z-index: 1100;
}

/* 초기화 중 표시 */
.initializing-indicator {
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
	color: #666;
}

.initializing-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #3498db;
	border-radius: 50%;
	margin-right: 2px;
	animation: pulse 1s infinite;
}

@keyframes pulse {
	0% {
		opacity: 0.3;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.3;
	}
}

/* 선택한 상품 정보 스타일 */
.cb-payment-product-info {
	margin: 5px 0 20px 0;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.cb-payment-product-header {
	background: linear-gradient(to right, #f8f9fa, #e9ecef);
	padding: 12px 15px;
	font-weight: 600;
	color: #495057;
	font-size: 15px;
	border-bottom: 1px solid #dee2e6;
}

.cb-payment-product-header i {
	color: #4285f4;
	margin-right: 8px;
}

.cb-payment-product-details {
	background-color: #ffffff;
	padding: 5px 0;
}

.cb-payment-product-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 15px;
	border-bottom: 1px solid #f1f3f5;
}

.cb-payment-product-row:last-child {
	border-bottom: none;
}

.cb-payment-product-label {
	color: #6c757d;
	font-size: 14px;
}

.cb-payment-product-value {
	font-weight: 500;
	color: #343a40;
}

.cb-payment-product-price {
	font-weight: 700;
	color: #e03131;
	font-size: 16px;
}

/* 모든 모달 팝업에 공통으로 적용되는 스타일 */
.cb-store-modal .cb-store-modal-content {
	box-sizing: border-box;
}

/* 모바일 환경에서 결제 팝업 스타일 조정 */
@media screen and (max-width: 768px) {
	/* 모든 모달 팝업에 공통으로 적용 */
	.cb-store-modal .cb-store-modal-content {
		width: 95% !important;
		max-width: 480px !important;
		margin: 0 auto !important;
		border-radius: 12px;
	}

	/* 결제 팝업 스타일 */
	#paymentModal {
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	#paymentModal .cb-store-modal-content {
		display: flex;
		flex-direction: column;
		max-height: none;
	}

	#paymentModal .cb-store-modal-body {
		flex: 1;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 15px;
		width: 100% !important;
		box-sizing: border-box;
	}

	/* 결제 버튼 영역 */
	#paymentModal .cb-store-modal-buttons {
		padding: 15px;
		border-top: 1px solid #eee;
		background: white;
		border-radius: 0 0 12px 12px;
		width: 100% !important;
		box-sizing: border-box;
	}

	/* 헤더 영역 */
	#paymentModal .cb-store-modal-header {
		border-bottom: 1px solid #eee;
		background: white;
		border-radius: 12px 12px 0 0;
		width: 100% !important;
		box-sizing: border-box;
	}

	/* 토스페이먼츠 위젯 컨테이너 스타일 조정 */
	#payment-method,
	#agreement {
		width: 100% !important;
		box-sizing: border-box;
	}

	/* 토스페이먼츠 위젯 내부 요소 스타일 */
	#payment-method > div,
	#agreement > div {
		width: 100% !important;
		box-sizing: border-box;
	}
}

.cb-store-agreement-checkbox {
	margin: 0 0 5px 0;
	text-align: center;
	padding-top: 10px;
	border-top: 1px solid #eaeaea;
}

.cb-store-checkbox-container {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 14px;
	user-select: none;
}

.cb-store-checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.cb-store-checkbox-checkmark {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-right: 8px;
}

.cb-store-checkbox-container:hover input ~ .cb-store-checkbox-checkmark {
	background-color: #e9e9e9;
}

.cb-store-checkbox-container input:checked ~ .cb-store-checkbox-checkmark {
	background-color: #007bff;
	border-color: #007bff;
}

.cb-store-checkbox-checkmark:after {
	content: '';
	position: absolute;
	display: none;
}

.cb-store-checkbox-container input:checked ~ .cb-store-checkbox-checkmark:after {
	display: block;
}

.cb-store-checkbox-container .cb-store-checkbox-checkmark:after {
	left: 7px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.cb-store-checkbox-text {
	color: #333;
}

/* 끌어올리기 & 업데이트 스타일 */
.cs-store-update-box {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #e0e4e8;
	transition: transform 0.2s, box-shadow 0.2s;
}

.cs-store-update-box:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.cs-store-update-title {
	background-color: #f5f7fa;
	padding: 12px 15px;
	font-weight: 600;
	color: #333;
	border-bottom: 1px solid #e0e4e8;
	font-size: 16px;
	display: flex;
	align-items: center;
}

.cs-store-update-title i {
	margin-right: 8px;
	color: #4285f4;
	font-size: 18px;
}

.cs-store-update-content {
	padding: 15px;
}

.cs-store-update-content p {
	margin: 0 0 10px 0;
	color: #555;
	font-size: 14px;
	line-height: 1.5;
}

.cs-store-update-info {
	background-color: #f8f9fa;
	padding: 10px 15px;
	border-radius: 5px;
	margin: 15px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-left: 3px solid #4285f4;
}

.cs-store-update-label {
	font-weight: 600;
	color: #444;
	margin-right: 8px;
}

.cs-store-update-value {
	color: #666;
}

.cs-store-update-button-container {
	text-align: center;
	margin-top: 15px;
}

.cs-store-update-button {
	background-color: #4285f4;
	color: white;
	border: none;
	border-radius: 5px;
	padding: 10px 20px;
	font-size: 14px;
	cursor: pointer;
	transition: background-color 0.2s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.cs-store-update-button:hover {
	background-color: #3367d6;
}

.cs-store-update-button:disabled {
	background-color: #a0c1f4;
	cursor: not-allowed;
}

.cs-store-update-button i {
	margin-right: 5px;
}

/* 끌어올리기 상태 표시 */
.cb-local-store-pull-recent {
	color: #4285f4;
	font-weight: 500;
}

/* 토스트 메시지 스타일 */
.cb-local-toast {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%) translateY(100px);
	background-color: #333;
	color: white;
	padding: 12px 20px;
	border-radius: 5px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	z-index: 9999;
	opacity: 0;
	transition: transform 0.3s, opacity 0.3s;
	max-width: 90%;
	text-align: center;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.cb-local-toast-show {
	transform: translateX(-50%) translateY(0);
	opacity: 1;
}

.cb-local-toast-success {
	background-color: #4caf50;
}

.cb-local-toast-error {
	background-color: #f44336;
}

.cb-local-toast i {
	margin-right: 8px;
	font-size: 16px;
}

/* 모바일 대응 */
@media (max-width: 768px) {
	.cs-store-update-info {
		flex-direction: column;
		align-items: flex-start;
	}

	.cs-store-update-label {
		margin-bottom: 5px;
	}

	.cs-store-update-button {
		width: 100%;
	}
}

#pullUpdatePopup .cb-store-modal-buttons {
	border-top: 1px solid #e0e4e8;
	padding-top: 15px;
}