/* =========================================================
   GLOBAL — 짙은 배경 버튼 hover/focus/active 시 글자색 보호
   ----------------------------------------------------------
   Bootstrap .btn 기본 hover 가 color 를 변경해서 dark 배경 위
   white 글자가 사라지는 문제 일괄 차단. !important 로 모든 상태
   강제 유지.
   ========================================================= */
.order-filter-btn,
.estimateList-btn,
.inquiryList-btn,
.exchangeReturnList-btn,
.inquiry-page-btn,
.estimate-page-btn,
.exchangeReturn-page-btn,
.couponList-table-tab-btn,
.wishList-btn,
.reviewList-btn,
.personalInfoUpdate-btn,
.companyInfoUpdate-btn,
.myPage-main-btn--primary,
.myPage-main-btn--navy {
	color: #fff !important;
}
.order-filter-btn:hover,           .order-filter-btn:focus,           .order-filter-btn:active,           .order-filter-btn:focus-visible,
.estimateList-btn:hover,           .estimateList-btn:focus,           .estimateList-btn:active,           .estimateList-btn:focus-visible,
.inquiryList-btn:hover,            .inquiryList-btn:focus,            .inquiryList-btn:active,            .inquiryList-btn:focus-visible,
.exchangeReturnList-btn:hover,     .exchangeReturnList-btn:focus,     .exchangeReturnList-btn:active,     .exchangeReturnList-btn:focus-visible,
.inquiry-page-btn:hover,           .inquiry-page-btn:focus,           .inquiry-page-btn:active,           .inquiry-page-btn:focus-visible,
.estimate-page-btn:hover,          .estimate-page-btn:focus,          .estimate-page-btn:active,          .estimate-page-btn:focus-visible,
.exchangeReturn-page-btn:hover,    .exchangeReturn-page-btn:focus,    .exchangeReturn-page-btn:active,    .exchangeReturn-page-btn:focus-visible,
.couponList-table-tab-btn:hover,   .couponList-table-tab-btn:focus,   .couponList-table-tab-btn:active,   .couponList-table-tab-btn:focus-visible,
.wishList-btn:hover,               .wishList-btn:focus,               .wishList-btn:active,               .wishList-btn:focus-visible,
.reviewList-btn:hover,             .reviewList-btn:focus,             .reviewList-btn:active,             .reviewList-btn:focus-visible,
.personalInfoUpdate-btn:hover,     .personalInfoUpdate-btn:focus,     .personalInfoUpdate-btn:active,     .personalInfoUpdate-btn:focus-visible,
.companyInfoUpdate-btn:hover,      .companyInfoUpdate-btn:focus,      .companyInfoUpdate-btn:active,      .companyInfoUpdate-btn:focus-visible,
.myPage-main-btn--primary:hover,   .myPage-main-btn--primary:focus,   .myPage-main-btn--primary:active,   .myPage-main-btn--primary:focus-visible,
.myPage-main-btn--navy:hover,      .myPage-main-btn--navy:focus,      .myPage-main-btn--navy:active,      .myPage-main-btn--navy:focus-visible {
	color: #fff !important;
	text-decoration: none;
}

/* =========================================================
   MyPage - Mobile FAB & Modal (myPage-common-*)
   ========================================================= */
/* ===== 모바일 FAB (back-to-top 위 8px 간격, 파란색) ===== */
.myPage-common-fab {
	cursor: pointer;
	background-color: #2563eb;
	width: 45px;
	min-height: 42px;
	position: fixed;
	bottom: 125px;
	/* 회원전환(72) + 높이(45) + 간격(8) = 125  →  back-to-top → 회원전환 → FAB 순 */
	right: 10px;
	z-index: 41;
	display: none;
	/* 991px 이하에서만 보이도록 */
	text-align: center;
	border-radius: 3px;
	opacity: 1;
	transition: all .5s ease-in-out 0s;
	transform: scale(1);
	border: 0;
	color: #fff;
	padding: 0;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
}

.myPage-common-fab:hover {
	background-color: #1e40af;
}

.myPage-common-fab.hidden-top {
	bottom: -60px;
	opacity: 0;
	transform: scale(0);
	pointer-events: none;
}

.myPage-common-fab i {
	font-size: 20px;
	line-height: 42px;
}

@media (max-width: 991px) {
	.myPage-common-fab {
		display: block;
	}

	/* FAB이 회원전환 위에 배치되므로 회원전환 위치 오버라이드 불필요 */

	/* 사이드바 숨김 시 콘텐츠 border-left 제거 + 여백 보정 */
	.producttab .tabsslider.vertical-tabs > .col-lg-10,
	.producttab .tabsslider.vertical-tabs > .col-md-10 {
		border-left: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.producttab {
		margin: 10px 0;
	}

	.producttab .tabsslider.vertical-tabs {
		border: none;
	}

	/* 모바일 breadcrumb 간소화 */
	.main-container .breadcrumb {
		padding: 6px 0;
		margin-bottom: 0;
		font-size: 12px;
	}

	/* 페이지 제목 모바일 보정 */
	.community-title {
		font-size: 17px;
		margin-bottom: 8px;
	}
}

/* ===== 모달 표시/비표시 ===== */
.myPage-common-modal[aria-hidden="true"] {
	display: none;
}

.myPage-common-modal[aria-hidden="false"] {
	display: block;
}

/* 오버레이 */
.myPage-common-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .35);
	z-index: 1000;
	opacity: 0;
	transition: opacity .2s ease;
}

/* 다이얼로그 (내용만큼, 과도하지 않게 제한) */
.myPage-common-dialog {
	position: fixed;
	z-index: 1001;
	inset: 0;
	margin: auto;
	width: min(92vw, 420px);
	height: auto !important;
	max-height: min(80vh, 520px);
	/* 10개 메뉴 대응, 화면 꽉 채우지 않음 */
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
	transform: translateY(10px);
	opacity: 0;
	transition: transform .2s ease, opacity .2s ease;
	padding: 18px 16px 12px;
	overflow: auto;
}

.myPage-common-modal[aria-hidden="false"] .myPage-common-overlay {
	opacity: 1;
}

.myPage-common-modal[aria-hidden="false"] .myPage-common-dialog {
	transform: translateY(0);
	opacity: 1;
}

/* 타이틀 & 닫기 */
.myPage-common-title {
	margin: 0 36px 12px 4px;
	font-size: 16px;
	font-weight: 700;
	color: #111827;
}

.myPage-common-close {
	position: absolute;
	top: 10px;
	right: 10px;
	border: 0;
	background: transparent;
	color: #6b7280;
	font-size: 20px;
	cursor: pointer;
	padding: 4px;
}

.myPage-common-close:hover {
	color: #111827;
}

/* 메뉴 리스트 */
.myPage-common-menu {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 4px;
}

.myPage-common-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 10px;
	border-radius: 8px;
	text-decoration: none;
	color: #1f2937;
	background: #f9fafb;
	transition: background .15s ease, transform .02s ease;
	font-size: 15px;
}

.myPage-common-item i {
	font-size: 18px;
	color: #2563eb;
}

.myPage-common-item:hover {
	background: #eef2ff;
}

.myPage-common-item:active {
	transform: translateY(1px);
}

/* 데스크톱에서 강제 숨김(안전장치) */
@media (min-width: 992px) {
	.myPage-common-modal {
		display: none !important;
	}

	.myPage-common-fab {
		display: none !important;
	}
}

/* 모달 오픈 시 바디 스크롤 잠금 */
body.myPage-common-modal-open {
	overflow: hidden;
}

/* =========================================================
   MyPage - Main (myPage-main-*)
   ========================================================= */

/* ================= 색상/치수 토큰 ================= */
:root {
	--mp-navy: #0b1e4b;
	--mp-navy-200: #114E6F;
	--mp-navy-400: #748cab;
	--mp-navy-600: #0a1a41;
	--mp-navy-800: #1d2d44;
	--mp-navy-900: #001321;
	--mp-gray-50: #f6f7f9;
	--mp-gray-100: #eef1f4;
	--mp-gray-200: #e5e7eb;
	--mp-gray-600: #6b7280;
	--mp-gray-800: #1f2937;
	--mp-green: #22c55e;
	--mp-green-700: #16a34a;
	/* 모바일 표 3컬럼 폭 */
	--mp-m-col2: 60px;
	/* 수량 */
	--mp-m-col3: 96px;
	/* 총금액 */
}

/* 공통 레이아웃 */
.myPage-main-area {
	padding: 8px 6px 0;
}

.myPage-main-title {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin: 4px 0 14px;
	color: #111827;
}

/* ========== 상단 요약 카드 ========== */
.myPage-main-summary {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.myPage-main-topbar {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 8px;
	background: #fff;
	border: 1px solid var(--mp-gray-200);
	border-radius: 12px;
	padding: 8px;
	overflow: hidden;
}

.myPage-main-topcell {
	background: #fff;
	border-radius: 8px;
	padding: 10px 12px;
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	border-right: 1px solid var(--mp-gray-100);
}

.myPage-main-topcell:last-child {
	border-right: 0;
}

.myPage-main-toplabel {
	color: var(--mp-gray-600);
	font-size: 12px;
	white-space: nowrap;
}

.myPage-main-topvalue {
	font-weight: 700;
	color: #111827;
	white-space: nowrap;
}

.myPage-main-point {
	font-size: 14px;
	color: #111827;
	white-space: nowrap;
}

.myPage-main-point strong {
	font-size: 18px;
	font-weight: 800;
}

.myPage-main-point span {
	margin-left: 4px;
	color: var(--mp-gray-600);
	font-weight: 600;
}

.myPage-main-topbtn {
	margin-left: auto;
	white-space: nowrap;
	padding: 6px 10px;
	font-size: 12px;
	border-radius: 16px;
	background: var(--mp-navy);
	color: #fff;
	text-decoration: none;
}

.myPage-main-topbtn--line {
	background: #fff;
	color: var(--mp-gray-800);
	border: 1px solid var(--mp-gray-200);
}

/* 회원등급 셀 : 버튼 2개까지 수용 */
.myPage-main-topcell--grade {
	flex-wrap: wrap;
}
.myPage-main-topbtns {
	margin-left: auto;
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.myPage-main-topbtns .myPage-main-topbtn {
	margin-left: 0;
}
.myPage-main-topbtns .myPage-main-topbtn i {
	font-size: 10px;
	margin-left: 2px;
}

/* 모바일 : 셀 세로 배치 시 버튼도 자연스럽게 wrap */
@media (max-width: 576px) {
	.myPage-main-topcell--grade {
		flex-direction: column;
		align-items: flex-start;
	}
	.myPage-main-topbtns {
		margin-left: 0;
		width: 100%;
		justify-content: flex-start;
		margin-top: 6px;
	}
}

/* 인사 배너 */
.myPage-main-greet {
	background: var(--mp-navy);
	color: #fff;
	border-radius: 10px;
	padding: 12px 14px;
	font-weight: 700;
	box-shadow: inset 0 -2px 0 rgba(255, 255, 255, .08);
}

.myPage-main-greet span {
	opacity: .95;
}

/* 그린 버튼 */
.myPage-main-actions {
	display: flex;
	gap: 8px;
	justify-content: center;
}

.myPage-main-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 700;
	width: 150px;
	transition: background .15s ease, transform .02s ease, box-shadow .15s ease;
}

.myPage-main-btn i {
	font-size: 12px;
}

.myPage-main-btn--green {
	background: var(--mp-green);
	color: #fff;
	box-shadow: 0 3px 10px rgba(34, 197, 94, .22);
}

.myPage-main-btn--green:hover {
	background: var(--mp-green-700);
}

.myPage-main-btn:active {
	transform: translateY(1px);
}

/* ========== 섹션 공통 ========== */
.myPage-main-section {
	margin-top: 18px;
}

.myPage-main-sechead {
	display: flex;
	align-items: center;
	gap: 10px;
}

.myPage-main-sechead h4 {
	margin: 0;
	font-size: 16px;
	font-weight: 800;
	color: black !important;
}

.myPage-main-desc {
	margin: 0;
	color: var(--mp-gray-600);
	font-size: 12px;
}

/* ========== 진행 중인 주문 ========== */
.myPage-main-progress {
	display: flex;
	gap: 18px;
	align-items: stretch;
	background: var(--mp-gray-50);
	border: 1px solid var(--mp-gray-200);
	border-radius: 12px;
	padding: 14px;
	margin-top: 10px;
}

.myPage-main-steps {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
}

.myPage-main-step {
	text-align: center;
}

.myPage-main-stepround {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid var(--mp-gray-200);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	color: #111827;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
}

.myPage-main-steplabel {
	margin-top: 6px;
	font-size: 12px;
	color: #374151;
}

.myPage-main-stepsep {
	color: #cbd5e1;
	font-size: 18px;
}

.myPage-main-shipbox {
	width: 320px;
	background: #fff;
	border: 1px solid var(--mp-gray-200);
	border-radius: 12px;
	padding: 14px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.myPage-main-shiptitle {
	color: var(--mp-gray-900);
	font-weight: 800;
}

.myPage-main-btn--primary {
	background: var(--mp-navy-200);
	width: 100%;
	color: #fff;
	border-radius: 999px;
	padding: 10px 14px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
}

.myPage-main-btn--navy {
	background: var(--mp-navy);
	color: #fff;
	border-radius: 999px;
	padding: 10px 14px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
}

.myPage-main-btn--primary:hover,
.myPage-main-btn--navy:hover {
	background: var(--mp-navy-600);
	color: #fff;
	cusor:hover;
}

.myPage-main-btn--primary:focus,
.myPage-main-btn--navy:focus {
	color: #fff;
	cusor: hover;
}


.myPage-main-shipdesc {
	color: var(--mp-gray-600);
	font-size: 1.3rem;
	line-height: 1.5;
	margin: 0;
}

/* ========== 최근 주문 정보 ========== */
.myPage-main-tablewrap {
	border: 1px solid var(--mp-gray-200);
	border-radius: 8px;
	overflow: hidden;
	margin-top: 10px;
	background: #fff;
}

/* 1200~991px: 가로 스크롤(줄이지 않음) */
@media (max-width:1199.98px) and (min-width:992px) {
	.myPage-main-tablewrap {
		overflow-x: auto;
	}

	.myPage-main-table {
		min-width: 1100px;
	}
}

/* 데스크탑 한정 — 주문조회 테이블 내부 세로 스크롤 + sticky 헤더.
   모바일(<992px) 은 카드형 그리드 레이아웃이라 적용 X. */
@media (min-width:992px) {
	.myPage-order-list-wrap {
		max-height: 580px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.myPage-order-list-wrap .myPage-main-table thead th {
		position: sticky;
		top: 0;
		z-index: 2;
		background: #f5f6f8;
	}
}

.myPage-main-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

.myPage-main-table thead th {
	background: #f5f6f8;
	font-weight: 800;
	padding: 12px 10px;
	text-align: center;
	color: #111827;
	border-bottom: 1px solid var(--mp-gray-200);
}

.myPage-main-table tbody tr {
	border-bottom: 1px solid #e5e7eb;
}

.myPage-main-table tbody tr:last-child(){
	border-bottom: 0 !important;
}

.myPage-main-table tbody td {
	padding: 12px 10px;
	text-align: center;
	color: #374151;
	vertical-align: middle;
	/* 긴 영문/숫자 (주문번호, 영문 상품명, 품목코드) 가 칼럼 폭을 침범하지 않도록 줄바꿈 강제 */
	word-break: break-word;
	overflow-wrap: anywhere;
}

.myPage-main-table thead th {
	word-break: keep-all;
}

/* 1열(두 줄) */
.myPage-main-col1 {
	text-align: left;
}

.myPage-main-date {
	font-weight: 700;
	color: #111827;
}

.myPage-main-ordno {
	color: #6b7280;
}

/* 2열 제목/코드 */
.myPage-main-tdtitle {
	text-align: left;
}

.myPage-main-ocode {
	color: #111827;
	margin-bottom: 2px;
}

.myPage-main-odetail {
	color: #374151;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 데스크톱 폭 고정 */
@media (min-width:992px) {
	.myPage-main-table {
		table-layout: fixed;
	}

	.myPage-main-table th:nth-child(1),
	.myPage-main-table td:nth-child(1) {
		width: 220px;
	}

	.myPage-main-table th:nth-child(3),
	.myPage-main-table td:nth-child(3) {
		width: 120px;
	}

	.myPage-main-table th:nth-child(4),
	.myPage-main-table td:nth-child(4) {
		width: 90px;
	}

	.myPage-main-table th:nth-child(5),
	.myPage-main-table td:nth-child(5) {
		width: 120px;
	}

	.myPage-main-table th:nth-child(6),
	.myPage-main-table td:nth-child(6) {
		width: 110px;
	}

	.myPage-main-table th:nth-child(7),
	.myPage-main-table td:nth-child(7) {
		width: 120px;
	}
}

/* 버튼 영역: 우측 정렬 + 묶음 경계선은 버튼 영역 기준 */
.myPage-main-rowactions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 10px;
	border-top: 1px solid var(--mp-gray-200);
	border-bottom: 1px solid var(--mp-gray-200);
	background: #fff;
}

.myPage-main-smbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 10px;
	border: 1px solid var(--mp-gray-200);
	background: #fff;
	color: #111827;
	border-radius: 6px;
	text-decoration: none;
	font-size: 13px;
	width: 120px;
}

.myPage-main-smbtn:hover {
	background: #f8fafc;
}

/* 행 내 아이콘 버튼 (주문상세/영수증) */
.myPage-row-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 1px solid var(--mp-gray-200);
	border-radius: 6px;
	background: #fff;
	color: #6b7280;
	text-decoration: none;
	font-size: 13px;
	transition: all 0.15s;
}
.myPage-row-icon-btn:hover {
	background: #f0f4ff;
	color: #2563eb;
	border-color: #2563eb;
}
.myPage-row-icon--blue {
	color: #2563eb;
	border-color: #2563eb;
}
.myPage-row-icon--green {
	color: #059669;
	border-color: #059669;
}
.myPage-row-icon--green:hover {
	background: #ecfdf5;
	color: #047857;
	border-color: #047857;
}

/* ================= 모바일(≤991px) - 3컬럼 완전 일치 ================= */
.myPage-main-mobile-head {
	display: none;
}

@media (max-width:991px) {
	.myPage-main-area {
		padding: 8px 0 0;
	}

	/* 상단 요약 카드 */
	.myPage-main-summary {
		background: #fff;
		border: 1px solid var(--mp-gray-200);
		border-radius: 12px;
		padding: 12px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
		gap: 10px;
	}

	.myPage-main-topbar {
		grid-template-columns: 1fr;
		gap: 6px;
		border: 0;
		padding: 0;
	}

	.myPage-main-topcell {
		border: 1px solid var(--mp-gray-200);
	}

	.myPage-main-actions {
		flex-direction: column;
	}

	.myPage-main-btn {
		width: 100%;
	}

	/* 주문 카드화 */
	.myPage-main-progress {
		flex-direction: column;
		padding: 12px;
		gap: 12px;
		border-radius: 12px;
	}

	.myPage-main-steps {
		justify-content: space-between;
	}

	.myPage-main-stepround {
		width: 44px;
		height: 44px;
	}

	.myPage-main-shipbox {
		width: auto;
	}

	/* 모바일 전용 3컬럼 헤더 */
	.myPage-main-mobile-head {
		display: grid;
		grid-template-columns: 1fr var(--mp-m-col2) var(--mp-m-col3);
		column-gap: 0;
		align-items: center;
		padding: 10px;
		border-bottom: 1px solid var(--mp-gray-200);
		color: #6b7280;
		font-size: 13px;
		background: #f5f6f8;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

	.myPage-main-mobile-head span:nth-child(1) {
		text-align: left;
	}

	.myPage-main-mobile-head span:nth-child(2) {
		text-align: center;
	}

	.myPage-main-mobile-head span:nth-child(3) {
		text-align: right;
	}

	/* 본문(각 행)을 헤더와 동일 그리드로 */
	.myPage-main-table thead {
		display: none;
	}

	.myPage-main-table tbody tr {
		display: grid;
		grid-template-columns: 1fr var(--mp-m-col2) var(--mp-m-col3);
		column-gap: 0;
		align-items: start;
		background: #fff;
	}

	.myPage-main-table tbody td {
		padding: 10px;
		border: 0;
		background: #fff;
	}

	/* 보일 3컬럼 매핑: 2(주문내역/코드) · 4(수량) · 5(총금액) */
	.myPage-main-table tbody td:nth-child(2) {
		grid-column: 1;
		text-align: left;
	}

	.myPage-main-table tbody td:nth-child(4) {
		grid-column: 2;
		text-align: center;
		align-self: start;
	}

	.myPage-main-table tbody td:nth-child(5) {
		grid-column: 3;
		text-align: right;
		align-self: start;
	}

	/* 숨길 컬럼 */
	.myPage-main-table tbody td:nth-child(1),
	.myPage-main-table tbody td:nth-child(3),
	.myPage-main-table tbody td:nth-child(6),
	.myPage-main-table tbody td:nth-child(7) {
		display: none;
	}

	/* 버튼 줄: 우측 정렬 유지 */
	.myPage-main-rowactions {
		justify-content: flex-end;
		flex-wrap: wrap;
	}

	.myPage-main-smbtn {
		width: auto;
	}

	/* 제품명 2줄 말줄임 */
	.myPage-main-odetail {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}

/* ========== 주문상세 모달(내용 높이에 딱 맞춤) ========== */
.myPage-main-modal[aria-hidden="true"] {
	display: none;
}

.myPage-main-modal[aria-hidden="false"] {
	display: block;
}

.myPage-main-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .45);
	z-index: 2000;
}

.myPage-main-dialog {
	position: fixed;
	inset: 0;
	margin: auto;
	z-index: 2001;
	width: 90%;
	max-width: 640px;
	height: auto;
	max-height: 70vh;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transform: translateY(8px);
	opacity: 0;
	transition: transform .2s ease, opacity .2s ease;
}

.myPage-main-modal[aria-hidden="false"] .myPage-main-dialog {
	transform: translateY(0);
	opacity: 1;
}

.myPage-main-mclose {
	position: absolute;
	top: 14px;
	right: 14px;
	border: 0;
	background: transparent;
	cursor: pointer;
	color: #6b7280;
	font-size: 20px;
	z-index: 1;
}

.myPage-main-mclose:hover {
	color: #111827;
}

.myPage-main-mtitle {
	margin: 0;
	padding: 16px 40px 12px 16px;
	font-size: 16px;
	font-weight: 800;
	color: #111827;
	flex-shrink: 0;
	border-bottom: 1px solid #e5e7eb;
}

.myPage-main-mbody {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
	font-size: 14px;
	color: #374151;
	line-height: 1.55;
}

/* 모달 내용 블록 */
.myPage-main-mgroup {
	border: 1px solid var(--mp-gray-200);
	border-radius: 8px;
	overflow: hidden;
	margin-top: 8px;
}

.myPage-main-mrow {
	display: flex;
	padding: 10px 12px;
	border-top: 1px solid var(--mp-gray-200);
}

.myPage-main-mrow:first-child {
	border-top: 0;
}

.myPage-main-mlabel {
	width: 110px;
	color: #6b7280;
}

.myPage-main-mvalue {
	flex: 1;
	color: #111827;
}

.myPage-main-mitems {
	padding: 10px 12px;
}

.myPage-main-mitems strong {
	display: block;
	margin-bottom: 4px;
}

/* 모달 타이트 반응형 */
@media (max-width:575.98px) {
	.myPage-main-dialog {
		width: 95%;
		max-height: 80vh;
	}

	.myPage-main-mtitle {
		font-size: 15px;
		padding: 12px 36px 10px 12px;
	}

	.myPage-main-mbody {
		padding: 12px;
	}

	.myPage-main-mrow {
		padding: 8px 10px;
	}

	.myPage-main-mlabel {
		width: 96px;
		font-size: 13px;
	}

	.myPage-main-mvalue {
		font-size: 13px;
	}
}

/* 모달 내 상품 테이블 */
.myPage-main-mtable {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}
.myPage-main-mtable th,
.myPage-main-mtable td {
	padding: 8px 10px;
	border-bottom: 1px solid var(--mp-gray-200);
}
.myPage-main-mtable thead th {
	background: #f9fafb;
	font-weight: 600;
	color: #374151;
	border-bottom: 2px solid var(--mp-gray-200);
}

/* (안전) 행 경계선 강제 제거 - 버튼 영역만 경계선 사용 */
/*.myPage-main-table tbody tr {*/
/*	border-bottom: 0 !important;*/
/*}*/

/* =========================
   FIX: 모바일 3컬럼 정렬/폭 완전 일치
   ========================= */
:root {
	/* 필요시 여기 숫자만 바꾸면 헤더/본문 동시에 반영됩니다 */
	--mp-m-col2: 60px;
	/* 수량 */
	--mp-m-col3: 96px;
	/* 총금액 */
}

@media (max-width: 991px) {

	/* 헤더/본문 모두 동일한 grid 정의 + 여백 통일 */
	.myPage-main-tablewrap .myPage-main-mobile-head {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) var(--mp-m-col2) var(--mp-m-col3) !important;
		column-gap: 0 !important;
		padding: 10px !important;
		border-bottom: 1px solid var(--mp-gray-200) !important;
		background: #f5f6f8 !important;
	}

	.myPage-main-tablewrap .myPage-main-mobile-head span:nth-child(1) {
		text-align: left !important;
	}

	.myPage-main-tablewrap .myPage-main-mobile-head span:nth-child(2) {
		text-align: center !important;
	}

	.myPage-main-tablewrap .myPage-main-mobile-head span:nth-child(3) {
		text-align: right !important;
	}

	/* 본문 행도 헤더와 동일한 grid(폭/간격 완전 동일) */
	.myPage-main-tablewrap .myPage-main-table tbody tr {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) var(--mp-m-col2) var(--mp-m-col3) !important;
		column-gap: 0 !important;
		align-items: start !important;
	}

	.myPage-main-tablewrap .myPage-main-table tbody td {
		padding: 10px !important;
		border: 0 !important;
		background: #fff !important;
		box-sizing: border-box !important;
		/* 패딩 포함 계산 */
	}

	/* 보여줄 3컬럼 매핑: 2(주문내역/코드)·4(수량)·5(총금액) */
	.myPage-main-tablewrap .myPage-main-table tbody td:nth-child(2) {
		grid-column: 1 !important;
		text-align: left !important;
	}

	.myPage-main-tablewrap .myPage-main-table tbody td:nth-child(4) {
		grid-column: 2 !important;
		text-align: center !important;
		align-self: start !important;
	}

	.myPage-main-tablewrap .myPage-main-table tbody td:nth-child(5) {
		grid-column: 3 !important;
		text-align: right !important;
		align-self: start !important;
	}

	/* 숨길 컬럼 강제 */
	.myPage-main-tablewrap .myPage-main-table tbody td:nth-child(1),
	.myPage-main-tablewrap .myPage-main-table tbody td:nth-child(3),
	.myPage-main-tablewrap .myPage-main-table tbody td:nth-child(6),
	.myPage-main-tablewrap .myPage-main-table tbody td:nth-child(7) {
		display: none !important;
	}

	/* 버튼 줄은 묶음의 경계선, 우측 정렬 유지 */
	.myPage-main-tablewrap .myPage-main-rowactions {
		justify-content: flex-end !important;
		gap: 8px !important;
		padding: 10px !important;
		border-top: 1px solid var(--mp-gray-200) !important;
		border-bottom: 1px solid var(--mp-gray-200) !important;
		flex-wrap: wrap;
	}

	.myPage-main-tablewrap .myPage-main-smbtn {
		width: auto !important;
	}
}

/* ============== 보너스: 혹시 남아있는 행 구분선 제거 ============== */
/*.myPage-main-table tbody tr {*/
/*	border-bottom: 0 !important;*/
/*}*/

/* =========================
   HOTFIX: 모바일(≤991px)에서 table 레이아웃 완전 비활성화
   - colgroup/표 알고리즘을 끄고, grid만 사용
   ========================= */
@media (max-width: 991px) {

	/* 테이블 성격 제거 */
	.myPage-main-table {
		display: block !important;
		width: 100% !important;
	}

	.myPage-main-table thead {
		display: none !important;
	}

	.myPage-main-table tbody {
		display: block !important;
		width: 100% !important;
	}

	.myPage-main-table colgroup,
	.myPage-main-table col {
		display: none !important;
	}

	/* ← colgroup 폭 영향 제거 */

	/* 헤더 3칸과 완전히 같은 그리드 */
	.myPage-main-mobile-head {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) var(--mp-m-col2) var(--mp-m-col3) !important;
		column-gap: 0 !important;
		padding: 10px !important;
		border-bottom: 1px solid var(--mp-gray-200) !important;
		background: #f5f6f8 !important;
	}

	.myPage-main-mobile-head span:nth-child(1) {
		text-align: left !important;
	}

	.myPage-main-mobile-head span:nth-child(2) {
		text-align: center !important;
	}

	.myPage-main-mobile-head span:nth-child(3) {
		text-align: right !important;
	}

	/* 본문 행 = 동일한 3칸 그리드 */
	.myPage-main-table tbody tr {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) var(--mp-m-col2) var(--mp-m-col3) !important;
		column-gap: 0 !important;
		align-items: start !important;
		background: #fff !important;
	}

	.myPage-main-table tbody td {
		display: block !important;
		padding: 10px !important;
		border: 0 !important;
		background: #fff !important;
		box-sizing: border-box !important;
	}

	/* 표시 컬럼 매핑: 2(주문내역/코드) · 4(수량) · 5(총금액) */
	.myPage-main-table tbody td:nth-child(2) {
		grid-column: 1 !important;
		text-align: left !important;
	}

	.myPage-main-table tbody td:nth-child(4) {
		grid-column: 2 !important;
		text-align: center !important;
		align-self: start !important;
	}

	.myPage-main-table tbody td:nth-child(5) {
		grid-column: 3 !important;
		text-align: right !important;
		align-self: start !important;
	}

	/* 나머지 컬럼 숨김 */
	.myPage-main-table tbody td:nth-child(1),
	.myPage-main-table tbody td:nth-child(3),
	.myPage-main-table tbody td:nth-child(6),
	.myPage-main-table tbody td:nth-child(7),
	.myPage-main-table tbody td:nth-child(8) {
		display: none !important;
	}

	/* 버튼 영역(우측 정렬, 묶음 경계선) */
	.myPage-main-rowactions {
		justify-content: flex-end !important;
		gap: 8px !important;
		padding: 10px !important;
		border-top: 1px solid var(--mp-gray-200) !important;
		border-bottom: 1px solid var(--mp-gray-200) !important;
		flex-wrap: wrap;
	}

	.myPage-main-smbtn {
		width: auto !important;
	}
}

/* =================================================================
   orderList.html 전용 모바일 카드 레이아웃 (≤991px)
   tablewrap에 myPage-order-list-wrap 클래스로 구분
   실제 컬럼 구조: 1(상세아이콘) 2(영수증아이콘) 3(날짜/번호) 4(상품명/코드) 5(수량) 6(금액) 7(상태) 8-9(배송)
   ================================================================= */
@media (max-width: 991px) {
	/* 모바일 헤더 숨김 — 카드형에서는 불필요 */
	.myPage-order-list-wrap .myPage-main-mobile-head {
		display: none !important;
	}

	/* 행 = 카드 그리드 (날짜+상태 / 상품명 / 수량+금액 / 아이콘버튼) */
	.myPage-order-list-wrap .myPage-main-table tbody tr {
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		grid-template-rows: auto auto auto auto !important;
		column-gap: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid var(--mp-gray-200) !important;
		background: #fff !important;
	}

	/* 기본 td */
	.myPage-order-list-wrap .myPage-main-table tbody td {
		display: block !important;
		padding: 10px 12px !important;
		border: 0 !important;
		background: transparent !important;
		box-sizing: border-box !important;
	}

	/* 1: 상세 아이콘 → row 4, 왼쪽 (일반 CSS display:none 오버라이드) */
	.myPage-order-list-wrap .myPage-main-table tbody td:nth-child(1) {
		display: block !important;
		grid-column: 1 !important;
		grid-row: 4 !important;
		text-align: left !important;
		padding-top: 4px !important;
		padding-bottom: 10px !important;
	}

	/* 2: 영수증 아이콘 → row 4, 오른쪽 (일반 CSS display:none 오버라이드) */
	.myPage-order-list-wrap .myPage-main-table tbody td:nth-child(2) {
		display: block !important;
		grid-column: 2 !important;
		grid-row: 4 !important;
		text-align: right !important;
		padding-top: 4px !important;
		padding-bottom: 10px !important;
	}

	/* 3: 주문일자/주문번호 → row 1, 왼쪽 */
	.myPage-order-list-wrap .myPage-main-table tbody td:nth-child(3) {
		grid-column: 1 !important;
		grid-row: 1 !important;
		text-align: left !important;
		padding-bottom: 6px !important;
	}

	/* 4: 상품명/품목코드 → row 2, 전체 폭 */
	.myPage-order-list-wrap .myPage-main-table tbody td:nth-child(4) {
		display: block !important;
		grid-column: 1 / 3 !important;
		grid-row: 2 !important;
		text-align: left !important;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
		border-top: 1px dashed var(--mp-gray-200) !important;
		border-bottom: 1px dashed var(--mp-gray-200) !important;
	}

	/* 5: 구매수량 → row 3, 왼쪽 */
	.myPage-order-list-wrap .myPage-main-table tbody td:nth-child(5) {
		display: block !important;
		grid-column: 1 !important;
		grid-row: 3 !important;
		text-align: left !important;
		align-self: center !important;
		color: #6b7280 !important;
		padding-top: 8px !important;
	}

	/* 6: 총금액 → row 3, 오른쪽 */
	.myPage-order-list-wrap .myPage-main-table tbody td:nth-child(6) {
		display: block !important;
		grid-column: 2 !important;
		grid-row: 3 !important;
		text-align: right !important;
		align-self: center !important;
		font-weight: 700 !important;
		padding-top: 8px !important;
	}

	/* 7: 주문상태 → row 1, 오른쪽 */
	.myPage-order-list-wrap .myPage-main-table tbody td:nth-child(7) {
		display: block !important;
		grid-column: 2 !important;
		grid-row: 1 !important;
		text-align: right !important;
		align-self: center !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		color: #405189 !important;
		white-space: nowrap !important;
		padding-bottom: 6px !important;
	}

	/* 8+: 배송정보 → 숨김 */
	.myPage-order-list-wrap .myPage-main-table tbody td:nth-child(8),
	.myPage-order-list-wrap .myPage-main-table tbody td:nth-child(9) {
		display: none !important;
	}

	/* 버튼 영역 — 균등 배분 */
	.myPage-order-list-wrap .myPage-main-rowactions {
		display: flex !important;
		justify-content: stretch !important;
		gap: 6px !important;
		padding: 10px 12px !important;
		flex-wrap: nowrap !important;
	}

	.myPage-order-list-wrap .myPage-main-smbtn {
		flex: 1 !important;
		text-align: center !important;
		min-width: 0 !important;
		padding: 8px 4px !important;
		font-size: 13px !important;
	}
}

/* Order List Start */
/* ===== 공통 리셋(겹침 방지) ===== */
/* ===== 기본 컨테이너 ===== */
.order-filter-wrap {
	padding: 12px 0 18px;
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef
}

.order-filter-wrap * {
	box-sizing: border-box
}

/* ===== 필드(라벨+컨트롤) : 간격을 clamp로 줄여서 '줄바꿈 직전까지' 가까워지게 ===== */
.order-filter-field {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: clamp(6px, 0.9vw, 10px);
	/* ⬅ 요구사항 1: 여유가 줄수록 간격 자동 축소 */
}

/* ===== 라벨 폭: 통일 + 축소 ===== */
.order-filter-label {
	--label-w: 66px;
	width: var(--label-w);
	min-width: var(--label-w);
	font-weight: 700;
	color: #111;
	letter-spacing: -.2px
}

.order-filter-label--sm {
	--label-w: 36px;
}

.order-filter-label--md {
	--label-w: 48px;
}

@media (max-width: 991.98px) {
	.order-filter-label {
		--label-w: 68px;
	}
	.order-filter-label--sm {
		--label-w: 38px;
	}
	.order-filter-label--md {
		--label-w: 50px;
	}
}

/* Tablet */
@media (max-width: 767.98px) {
	.order-filter-label {
		--label-w: 64px;
	}
	.order-filter-label--sm {
		--label-w: 34px;
	}
	.order-filter-label--md {
		--label-w: 46px;
	}
}

/* Mobile */

.order-filter-control {
	flex: 1;
	min-width: 0
}

/* ===== 공통 폼 ===== */
.order-filter-input,
.order-filter-select,
.order-filter-radio,
.order-filter-btn {
	height: 45px;
	line-height: 45px;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 2px
}

.order-filter-input,
.order-filter-select {
	width: 100%
}

/* ===== 날짜: grid로 안정 배치 + 간격 clamp ===== */
.order-filter-datewrap {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	column-gap: clamp(6px, 1.6vw, 10px);
	align-items: center
}

.order-filter-tilde {
	user-select: none
}

/* ===== 기간 라디오: 4등분 그리드(동일 폭, 컨테이너 꽉 채움) ===== */
.order-filter-range {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	/* 요구사항 3 */
	gap: clamp(6px, 1vw, 8px);
	min-width: 0;
}

.order-filter-range input[type=radio] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none
}

.order-filter-radio {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0 10px;
	border: 1px solid #cbd5e1;
	background: #fff;
	color: #111;
	cursor: pointer;
	white-space: nowrap;
	margin-bottom: 0px !important;
}

.order-filter-radio:hover {
	background: #f4f6f8
}

.order-filter-range input[type=radio]:checked+.order-filter-radio {
	background: #0b2540;
	color: #fff;
	border-color: #0b2540
}

/* ===== 검색 버튼 ===== */
.order-filter-actions {
	display: flex;
	justify-content: center;
	margin-top: 14px
}

.order-filter-btn,
.order-filter-btn:link,
.order-filter-btn:visited {
	min-width: 160px;
	background: #0b2540;
	color: #fff;
	border: 1px solid #0b2540;
	font-weight: 700
}

.order-filter-btn:hover,
.order-filter-btn:focus,
.order-filter-btn:active,
.order-filter-btn:focus-visible {
	background: #163e6e;          /* 살짝 밝은 navy */
	color: #fff !important;       /* Bootstrap btn hover color 덮어쓰기 */
	border-color: #0b2540;
	outline: none;
	box-shadow: 0 0 0 2px rgba(11, 37, 64, 0.25);
}

/* ===== 날짜 input 개별 래퍼 ===== */
.order-filter-dateinput-wrap {
	position: relative;
	min-width: 0;
}
.order-filter-dateinput-wrap .order-filter-input {
	width: 100%;
}

/* ===== 모바일 세로 간격 균일화 (요구사항 4) ===== */
@media (max-width: 767.98px) {
	.order-filter-row {
		row-gap: 12px
	}

	.order-filter-col {
		margin-bottom: 0
	}

	/* 중복 간격 방지 */
	.order-filter-field {
		gap: 8px
	}

	/* 모바일에서 라벨 폭 통일 → 모든 input 정렬 일치 */
	.order-filter-label,
	.order-filter-label--sm,
	.order-filter-label--md {
		--label-w: 64px;
	}
}

/* Order List End */

/* Point List Start */
/* ========== 적립금 내역 테이블 ========== */
.pointList-table-section {
	margin: 20px 0;
}

.pointList-table-head h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 4px;
}

.pointList-table-desc {
	font-size: 14px;
	color: #666;
	margin-bottom: 12px;
}

.pointList-table-wrap {
	overflow-x: auto;
}

.pointList-table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font-size: 14px;
}

.pointList-table th,
.pointList-table td {
	border: 1px solid #e5e7eb;
	padding: 10px;
	vertical-align: middle;
}

.pointList-table thead th {
	background: #f9fafb;
	font-weight: 600;
	color: #111;
}

.pointList-table-td-point {
	font-weight: 700;
	color: #0b2540;
	/* 포인트 컬러 */
}

/* ===== 반응형 처리 ===== */
@media (max-width: 767px) {

	/* 적립일자 컬럼 숨김 */
	.pointList-table-col-date,
	.pointList-table-th-date,
	.pointList-table-td-date {
		display: none;
	}

	/* 텍스트 좌측 정렬 */
	.pointList-table td {
		text-align: left;
	}
}

/* 데스크톱 기본 (지금처럼 고정폭 유지) */
.pointList-table-col-date {
	width: 120px;
}

.pointList-table-td-date {
	white-space: nowrap;
}

/* 모바일 대응 (991px 이하) */
@media (max-width: 991px) {
	.pointList-table colgroup col {
		width: auto !important;
		/* 모든 col 고정폭 해제 */
	}

	/* 날짜, 포인트, 유효기간 열은 최소 폭만 확보 */
	.pointList-table-col-date {
		width: 80px !important;
	}

	.pointList-table td:nth-child(3) {
		width: 80px !important;
	}

	/* 포인트 */
	.pointList-table td:nth-child(4) {
		width: 100px !important;
	}

	/* 유효기간 */

	/* 내용 열은 자동으로 남는 공간 다 차지 */
	.pointList-table td.pointList-table-td-content {
		width: auto !important;
		white-space: normal;
		/* 줄바꿈 허용 */
	}
}

/* Point List End */

/* Estimate List Start */
/* ====== FILTER (우측 정렬) ====== */
.estimateList-filter {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: 10px 0 8px;
}

.estimateList-control {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid #cfd4da;
	min-width: 140px
}

#estimateList-keyword {
	min-width: 220px
}

.estimateList-btn {
	height: 40px;
	line-height: 40px;
	padding: 0 16px;
	border-radius: 2px;
	background: #0b2540;
	color: #fff;
	border: 1px solid #0b2540;
	display: inline-block;
	text-decoration: none
}

.estimateList-btn:hover {
	filter: brightness(1.05)
}

.estimateList-btn.outline {
	background: #fff;
	color: #0b2540
}

/* ====== TABLE ====== */
.estimateList-tablewrap {
	width: 100%;
	overflow-x: auto
}

.estimateList-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 14px
}

.estimateList-table th,
.estimateList-table td {
	border: 1px solid #e5e7eb;
	padding: 10px;
	vertical-align: middle;
	text-align: center
}

.estimateList-table thead th {
	background: #f7f8fa;
	color: #111;
	font-weight: 600
}

.estimateList-th-title,
.estimateList-td-title {
	text-align: left
}

.estimateList-title {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #111
}

/* ====== ACTIONS (우측 정렬) ====== */
.estimateList-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin: 10px 0 12px
}

/* ====== RESPONSIVE: 991px 이하에서 체크박스/제목만 표시 ====== */
@media (max-width: 991px) {

	/* NO(2), 답변여부(3), 작성일(5), 공개여부(6) 숨김 */
	.estimateList-table col:nth-child(2),
	.estimateList-table col:nth-child(3),
	.estimateList-table col:nth-child(5),
	.estimateList-table col:nth-child(6),
	.estimateList-table th:nth-child(2),
	.estimateList-table th:nth-child(3),
	.estimateList-table th:nth-child(5),
	.estimateList-table th:nth-child(6),
	.estimateList-table td:nth-child(2),
	.estimateList-table td:nth-child(3),
	.estimateList-table td:nth-child(5),
	.estimateList-table td:nth-child(6) {
		display: none
	}

	/* 제목 셀은 남은 폭을 전부 사용 */
	.estimateList-table {
		table-layout: auto
	}

	.estimateList-td-title {
		width: auto
	}

	.estimateList-filter {
		justify-content: flex-end;
		gap: 6px
	}

	#estimateList-keyword {
		min-width: 160px
	}
}

/* 더 좁은 모바일에서 필터가 2~3줄로 감기더라도 좌/우 여백과 간격만 정돈 */
@media (max-width: 575px) {
	.estimateList-filter {
		gap: 6px
	}

	.estimateList-control {
		min-width: 120px
	}

	#estimateList-keyword {
		min-width: 140px
	}
}

/* === estimateList: 테이블 내부 보더 제거, 외곽선만 남김 === */
.estimateList-table {
	border: 1px solid #e5e7eb;
	/* 바깥 테두리만 */
	border-collapse: separate;
	/* 내부 보더 제거를 위해 separate */
	border-spacing: 0;
}

.estimateList-table th,
.estimateList-table td {
	border: 0;
	/* 내부 보더 제거 */
}

/* Estimate List End*/

/* Inquiry List Start */
/* ====== FILTER ====== */
.inquiryList-filter {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: 10px 0 8px;
}

.inquiryList-control {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid #cfd4da;
	min-width: 140px
}

#inquiryList-keyword {
	min-width: 220px
}

.inquiryList-btn {
	height: 40px;
	line-height: 40px;
	padding: 0 16px;
	border-radius: 2px;
	background: #0b2540;
	color: #fff;
	border: 1px solid #0b2540;
	display: inline-block;
	text-decoration: none
}

.inquiryList-btn:hover {
	filter: brightness(1.05)
}

.inquiryList-btn.outline {
	background: #fff;
	color: #0b2540
}

/* ====== TABLE (외곽선만 남김) ====== */
.inquiryList-tablewrap {
	width: 100%;
	overflow-x: auto
}

.inquiryList-table {
	width: 100%;
	table-layout: fixed;
	font-size: 14px;
	border: 1px solid #e5e7eb;
	border-collapse: separate;
	border-spacing: 0;
	/* 외곽선만 */
}

.inquiryList-table th,
.inquiryList-table td {
	border: 0;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

.inquiryList-table thead th {
	background: #f7f8fa;
	color: #111;
	font-weight: 600
}

/* 헤더 배경만 */
.inquiryList-th-title,
.inquiryList-td-title {
	text-align: left
}

.inquiryList-title {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #111
}

/* ====== ACTIONS ====== */
.inquiryList-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin: 10px 0 12px;
}

/* ====== RESPONSIVE: 991px 이하에서 체크박스/제목만 표시 ====== */
@media (max-width: 991px) {

	.inquiryList-table col:nth-child(2),
	.inquiryList-table col:nth-child(3),
	.inquiryList-table col:nth-child(5),
	.inquiryList-table col:nth-child(6),
	.inquiryList-table th:nth-child(2),
	.inquiryList-table th:nth-child(3),
	.inquiryList-table th:nth-child(5),
	.inquiryList-table th:nth-child(6),
	.inquiryList-table td:nth-child(2),
	.inquiryList-table td:nth-child(3),
	.inquiryList-table td:nth-child(5),
	.inquiryList-table td:nth-child(6) {
		display: none
	}

	.inquiryList-table {
		table-layout: auto
	}

	.inquiryList-td-title {
		width: auto
	}

	.inquiryList-filter {
		justify-content: flex-end;
		gap: 6px
	}

	#inquiryList-keyword {
		min-width: 160px
	}
}

@media (max-width: 575px) {
	.inquiryList-filter {
		gap: 6px
	}

	.inquiryList-control {
		width: calc(50% - 4px);
		min-width: 120px
	}

	#inquiryList-keyword {
		width: calc(100% - 65px);
		min-width: 140px
	}
}

/* Inquiry List End */
/* ExchangeReturn List Start */
/* ====== FILTER ====== */
.exchangeReturnList-filter {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: 10px 0 8px;
}

.exchangeReturnList-control {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid #cfd4da;
	min-width: 140px
}

#exchangeReturnList-keyword {
	min-width: 220px
}

.exchangeReturnList-btn {
	height: 40px;
	line-height: 40px;
	padding: 0 16px;
	border-radius: 2px;
	background: #0b2540;
	color: #fff;
	border: 1px solid #0b2540;
	display: inline-block;
	text-decoration: none
}

.exchangeReturnList-btn:hover {
	filter: brightness(1.05)
}

.exchangeReturnList-btn.outline {
	background: #fff;
	color: #0b2540
}

/* ====== TABLE (외곽선만 남김) ====== */
.exchangeReturnList-tablewrap {
	width: 100%;
	overflow-x: auto
}

.exchangeReturnList-table {
	width: 100%;
	table-layout: fixed;
	font-size: 14px;
	border: 1px solid #e5e7eb;
	border-collapse: separate;
	border-spacing: 0;
	/* 외곽선만 */
}

.exchangeReturnList-table th,
.exchangeReturnList-table td {
	border: 0;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

.exchangeReturnList-table thead th {
	background: #f7f8fa;
	color: #111;
	font-weight: 600
}

.exchangeReturnList-th-title,
.exchangeReturnList-td-title {
	text-align: left
}

.exchangeReturnList-title {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #111
}

/* ====== ACTIONS ====== */
.exchangeReturnList-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin: 10px 0 12px;
}

/* ====== RESPONSIVE: 991px 이하에서 체크박스/제목만 표시 ====== */
@media (max-width: 991px) {

	/* NO(2), 답변여부(3), 작성일(5) 숨김 */
	.exchangeReturnList-table col:nth-child(2),
	.exchangeReturnList-table col:nth-child(3),
	.exchangeReturnList-table col:nth-child(5),
	.exchangeReturnList-table th:nth-child(2),
	.exchangeReturnList-table th:nth-child(3),
	.exchangeReturnList-table th:nth-child(5),
	.exchangeReturnList-table td:nth-child(2),
	.exchangeReturnList-table td:nth-child(3),
	.exchangeReturnList-table td:nth-child(5) {
		display: none
	}

	.exchangeReturnList-table {
		table-layout: auto
	}

	.exchangeReturnList-td-title {
		width: auto
	}

	.exchangeReturnList-filter {
		justify-content: flex-end;
		gap: 6px
	}

	#exchangeReturnList-keyword {
		min-width: 160px
	}
}

@media (max-width: 575px) {
	.exchangeReturnList-filter {
		gap: 6px
	}

	.exchangeReturnList-control {
		width: calc(50% - 4px);
		min-width: 120px
	}

	#exchangeReturnList-keyword {
		min-width: 140px;
		width: calc(100% - 65px);
	}
}

/* ExchangeReturn List End */

/* ======================= Inquiry Start ======================= */
/* ===== 1:1문의 폼 ===== */
.inquiry-page-wrap {
	padding: 8px 0 16px;
}

.inquiry-page-form * {
	box-sizing: border-box;
}

.inquiry-page-field {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 8px 0;
}

.inquiry-page-label {
	width: 90px;
	min-width: 90px;
	font-weight: 700;
	color: #111;
}

.inquiry-page-control {
	flex: 1;
	min-width: 0;
}

/* 컨트롤 통일감 (각 폼 엘리먼트 40~45px) */
.inquiry-page-input,
.inquiry-page-select {
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	border: 1px solid #cfd4da;
	border-radius: 0;
	/* 딱딱하게 */
	width: 100%;
	/* ⬅ 셀렉트 포함 영역 꽉 채우기 */
}

.inquiry-page-textarea {
	width: 100%;
	border: 1px solid #cfd4da;
	border-radius: 0;
}

/* 접근성: 숨김 input[type=file]용 */
.visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* 파일 리스트 */
.inquiry-page-fileList {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 10px;
	margin: 6px 0 12px;
}

/* 파일 없을 때 안내 영역 */
.inquiry-page-filePlaceholder {
	grid-column: 1 / -1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 30px 16px;
	border: 2px dashed #ddd;
	border-radius: 8px;
	color: #999;
	font-size: 13px;
	background: #fafafa;
}

/* 이미지 썸네일 카드 */
.inquiry-page-fileItem {
	grid-column: span 3;
	/* 기본 4열 */
	border: 1px solid #e5e7eb;
	border-radius: 0;
	background: #fff;
	position: relative;
	padding: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.inquiry-page-fileItem img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	display: block;
}

/* 일반 파일 칩 */
.inquiry-page-fileChip {
	grid-column: span 6;
	/* 텍스트가 있어 가로 2칸 */
	border: 1px solid #e5e7eb;
	background: #f9fafb;
	border-radius: 0;
	padding: 10px 36px 10px 12px;
	position: relative;
	display: flex;
	align-items: center;
	min-height: 45px;
	overflow: hidden;
}

.inquiry-page-fileChip-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	color: #111;
}

/* 파일 개별 삭제 버튼(공통) */
.inquiry-page-fileRemove {
	position: absolute;
	top: 6px;
	right: 6px;
	cursor: pointer;
	border: 0;
	background: #111;
	color: #fff;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
}

/* 파일 액션 버튼 그룹 */
.inquiry-page-fileActions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}

/* 버튼 공통 */
.inquiry-page-btn {
	height: 40px;
	line-height: 40px;
	padding: 0 7px;
	border: 1px solid #0b2540;
	background: #0b2540;
	color: #fff;
	border-radius: 0;
	font-weight: 700;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}

@media(max-width:992px){
	.inquiry-page-btn{
		font-size: 12px !important;
	}
}

.inquiry-page-btn:hover {
	filter: brightness(1.05);
}

.inquiry-page-btn.outline {
	background: #fff;
	color: #0b2540;
	text-wrap: nowrap;
}

.inquiry-page-btn.navy {
	background: #0b2540;
	color: #fff;
}

/* 파일 선택 버튼(label) 스타일 */
.inquiry-page-btn.file {
	user-select: none;
}

/* 반응형 */
@media (max-width: 1199.98px) {
	.inquiry-page-fileItem {
		grid-column: span 4;
	}

	/* 3열 */
	.inquiry-page-fileChip {
		grid-column: span 12;
	}

	/* 한 줄 전체 */
}

@media (max-width: 767.98px) {
	.inquiry-page-label {
		width: 80px;
		min-width: 80px;
	}

	.inquiry-page-fileItem {
		grid-column: span 6;
	}

	/* 2열 */
	.inquiry-page-fileChip {
		grid-column: span 12;
	}

	/* 버튼 그룹: 브라우저 전체 폭에 맞게 균등 배분 */
	.inquiry-page-fileActions {
		flex-wrap: wrap;
		justify-content: stretch;
		gap: 6px;
	}
	.inquiry-page-fileActions .inquiry-page-btn {
		flex: 1 1 0;
		min-width: 0;
		text-align: center;
		padding: 0 4px;
		white-space: nowrap;
	}
}

/* ======================= Inquiry End ======================= */

/* ======================= Estimate Page Start ======================= */
.estimate-page-wrap {
	padding: 8px 0 16px;
}

.estimate-page-filter-label {
	display: block;
	font-weight: 700;
	color: #111;
	margin-bottom: 4px;
}

.estimate-page-control {
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	border-radius: 0;
}

#estimate-page-search {
	height: 45px;
	/* input과 동일한 높이 */
}

/* 필터 select/input 영역 꽉 채우기 */
.estimate-page-filter .estimate-page-control {
	width: 100%;
	min-width: 0;
	/* flex/grid 안에서 잘 줄어들도록 */
	box-sizing: border-box;
}

/* 버튼 */
.estimate-page-btn {
	height: 45px;
	line-height: 45px;
	padding: 0 16px;
	border: 1px solid #0b2540;
	background: #0b2540;
	color: #fff;
	border-radius: 0;
	font-weight: 700;
}

/* 행을 늘려주고, 버튼 col을 세로 플렉스로 만들어 바닥정렬 */
.estimate-page-filter-row {
	align-items: stretch;
}

/* col 높이 동일하게 */
.estimate-page-btn-col {
	display: flex;
	flex-direction: column;
	/* 세로 방향 */
}

.estimate-page-btn-col .estimate-page-btn {
	margin-top: auto;
	/* 바닥으로 밀기 */
	height: 45px;
	/* 인풋과 동일 높이 */
}

.estimate-page-btn:hover {
	filter: brightness(1.05);
}

.estimate-page-btn.navy {
	background: #0b2540;
	color: #fff;
}

/* 테이블 */
.estimate-page-tableWrap {
	--row-h: 74px;
	--head-h: 46px;
	border: 1px solid #e5e7eb;
	border-radius: 0;
	/* 10행 + 헤더 높이만큼 보여주고 스크롤 */
	max-height: calc(var(--row-h) * 10 + var(--head-h));
	overflow: auto;
}

.estimate-page-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	font-size: 14px;
}

.estimate-page-table thead th {
	position: sticky;
	top: 0;
	z-index: 2;
	background: #f7f8fa;
	color: #111;
	font-weight: 600;
	border-bottom: 1px solid #e5e7eb;
	height: var(--head-h);
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.estimate-page-table tbody td {
	border-bottom: 1px solid #f0f2f4;
	height: var(--row-h);
	vertical-align: middle;
	text-align: center;
	padding: 10px;
	background: #fff;
}

/* 제품 셀: 이미지(좌) + 이름(우) */
.estimate-page-th-prod,
.estimate-page-td-prod {
	text-align: left
}

.estimate-page-prod {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.estimate-page-prod img {
	width: 48px;
	height: 48px;
	object-fit: cover;
	display: block;
	border: 1px solid #e5e7eb;
}

.estimate-page-prod-name {
	display: block;
	color: #111;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 수량 인풋 */
.estimate-page-qty {
	width: 88px;
	height: 38px;
	border: 1px solid #cfd4da;
	border-radius: 0;
	text-align: center;
	margin: 0 auto;
}

/* 액션(오른쪽 정렬) */
.estimate-page-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}

/* 반응형: 모바일(≤991px)에서는 체크박스 + 제품명만 보이기 */
@media (max-width: 991px) {

	.estimate-page-table col:nth-child(2),
	.estimate-page-table col:nth-child(3),
	.estimate-page-table col:nth-child(5),
	.estimate-page-table thead th:nth-child(2),
	.estimate-page-table thead th:nth-child(3),
	.estimate-page-table thead th:nth-child(5),
	.estimate-page-table tbody td:nth-child(2),
	.estimate-page-table tbody td:nth-child(3),
	.estimate-page-table tbody td:nth-child(5) {
		display: none;
	}

	/* 제품 셀은 남은 폭 모두 사용 */
	.estimate-page-table {
		table-layout: auto;
	}
}

/* 체크박스 크기 미세 보정 */
.estimate-page-table input[type="checkbox"] {
	width: 18px;
	height: 18px;
}

/* 모든 col 높이를 같게 하고, 내부를 세로 플렉스로 구성 */
.estimate-page-filter-row {
	align-items: stretch;
}

.estimate-page-formcol {
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* 컨트롤/버튼을 바닥으로 밀기 (label 위, 컨트롤/버튼 아래) */
.estimate-page-formcol>.estimate-page-control,
.estimate-page-formcol>.estimate-page-btn {
	margin-top: auto;
}

/* 상세사항 텍스트영역: 전 해상도 100% */
.estimate-page-textarea {
	width: 100%;
	border: 1px solid #cfd4da;
	border-radius: 0;
	/* 둥근 모서리 없음 */
	resize: vertical;
	/* 필요 시 세로 리사이즈 */
}

/* ======================= Estimate Page End ======================= */

/* =================== ExchangeReturn Page Start =================== */
.exchangeReturn-page-wrap {
	padding: 8px 0 16px;
}

.exchangeReturn-page-label {
	display: block;
	font-weight: 700;
	color: #111;
	margin-bottom: 4px;
}

.exchangeReturn-page-control {
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	border-radius: 0;
	width: 100%;
	min-width: 0;
}

.exchangeReturn-page-btn {
	height: 45px;
	line-height: 45px;
	padding: 0 16px;
	border: 1px solid #0b2540;
	background: #0b2540;
	color: #fff;
	border-radius: 0;
	font-weight: 700;
	width: 100%;
	cursor: pointer;
}

.exchangeReturn-page-btn:hover {
	filter: brightness(1.05);
}

.exchangeReturn-page-btn.outline {
	background: #fff;
	color: #0b2540;
}

/* 테이블(10행 스크롤, 고정 행높이) */
.exchangeReturn-page-tableWrap {
	--row-h: 90px;
	/* 행 높이 */
	--head-h: 46px;
	/* 헤더 높이 */
	border: 1px solid #e5e7eb;
	max-height: calc(var(--row-h) * 10 + var(--head-h));
	overflow: auto;
}

.exchangeReturn-page-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	font-size: 14px;
}

.exchangeReturn-page-table thead th {
	position: sticky;
	top: 0;
	z-index: 2;
	background: #f7f8fa;
	color: #111;
	font-weight: 600;
	border-bottom: 1px solid #e5e7eb;
	height: var(--head-h);
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.exchangeReturn-page-table tbody td {
	border-bottom: 1px solid #f0f2f4;
	height: var(--row-h);
	vertical-align: middle;
	padding: 12px 10px;
	text-align: center;
	background: #fff;
}

.exchangeReturn-page-table tbody td:first-child {
	text-align: center;
}

.exchangeReturn-page-table .text-start {
	text-align: left !important;
}

/* 오더 내용(제품 목록) */
.exchangeReturn-page-orderbox {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.exchangeReturn-page-item {
	display: flex;
	gap: 8px;
	align-items: center;
	min-width: 0;
}

.exchangeReturn-page-item-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #111;
}

.exchangeReturn-page-item-qty {
	color: #666;
}

/* 상세사항 */
.exchangeReturn-page-textarea {
	width: 100%;
	border: 1px solid #cfd4da;
	border-radius: 0;
	resize: vertical;
}

/* 파일 업로드 */
.visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.exchangeReturn-page-fileActions {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	margin-bottom: 8px;
}

.exchangeReturn-page-btn.file {
	user-select: none;
}

.exchangeReturn-page-fileList {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 10px;
}

/* 이미지 썸네일 150x150 */
.exchangeReturn-page-thumb {
	grid-column: span 3;
	width: 150px;
	height: 150px;
	border: 1px solid #e5e7eb;
	background: #fff;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.exchangeReturn-page-thumb img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	display: block;
}

/* 일반 파일 칩 */
.exchangeReturn-page-fileChip {
	grid-column: span 6;
	border: 1px solid #e5e7eb;
	background: #f9fafb;
	padding: 10px 36px 10px 12px;
	min-height: 45px;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.exchangeReturn-page-fileChip-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	color: #111;
}

/* 파일 삭제 버튼 */
.exchangeReturn-page-remove {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background: #111;
	color: #fff;
	border: 0;
	cursor: pointer;
}

/* 모바일 단 */
@media (max-width:1199.98px) {
	.exchangeReturn-page-thumb {
		grid-column: span 4;
	}

	/* 3열 */
	.exchangeReturn-page-fileChip {
		grid-column: span 12;
	}
}

@media (max-width:767.98px) {
	.exchangeReturn-page-thumb {
		grid-column: span 6;
	}

	/* 2열 */
}

/* =================== ExchangeReturn Page End =================== */

/* Coupon List Start */
/* ========== 쿠폰 리스트 공통 ========== */
.couponList-table-section {
	margin: 20px 0;
}

.couponList-table-head h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 4px;
}

.couponList-table-desc {
	font-size: 14px;
	color: #666;
	margin-bottom: 12px;
}

/* ========== 탭 ========== */
.couponList-table-tabs {
	margin-bottom: 10px;
}

.couponList-table-tab-btn {
	display: inline-block;
	width: 100%;
	/* 각 50% 컬럼을 꽉 채우기 */
	height: 44px;
	line-height: 44px;
	text-align: center;
	border: 1px solid #d1d5db;
	background: #fff;
	font-size: 14px;
	border-radius: 4px;
	cursor: pointer;
	transition: all .15s ease-in-out;
}

.couponList-table-tab-btn:hover {
	background: #f3f4f6;
}

.couponList-table-tab-btn.active {
	background: #0b2540;
	color: #fff;
	border-color: #0b2540;
}

/* ========== 테이블 ========== */
.couponList-table-wrap {
	overflow-x: auto;
}

.couponList-table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font-size: 14px;
}

.couponList-table th,
.couponList-table td {
	border: 1px solid #e5e7eb;
	padding: 10px;
	vertical-align: middle;
}

.couponList-table thead th {
	background: #f9fafb;
	font-weight: 600;
	color: #111;
}

/* 상태 뱃지 */
.couponList-table-badge {
	display: inline-block;
	min-width: 56px;
	padding: 2px 8px;
	font-size: 12px;
	border-radius: 999px;
	border: 1px solid transparent;
}

.couponList-table-badge.ok {
	background: #ecfdf5;
	color: #065f46;
	border-color: #a7f3d0;
}

.couponList-table-badge.expired {
	background: #fef2f2;
	color: #991b1b;
	border-color: #fecaca;
}

/* 데스크톱(≥992px)에서 숫자/금액/날짜 정렬 보정 */
@media (min-width: 992px) {
	.couponList-table-td-no {
		text-align: center;
	}

	.couponList-table-td-money {
		text-align: right;
	}

	.couponList-table-td-date {
		text-align: center;
	}
}

/* ========== 모바일(≤991px) 전용 보정 ========== */
@media (max-width: 991px) {

	/* 모바일은 JS가 2열 테이블(내용/사용기한)로 렌더링하므로
     여기서는 글자 크기/간격만 보정 */
	.couponList-table {
		font-size: 13px;
	}

	.couponList-table td {
		text-align: left;
	}

	.couponList-table-meta {
		color: #555;
		margin-top: 2px;
		display: block;
	}

	.couponList-table-title {
		font-weight: 700;
		margin-bottom: 2px;
		display: block;
	}
}

/* Coupon List End */
/* Wish List Start */
/* ===== FILTER ===== */
.wishList-filter {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: 10px 0 8px;
}

.wishList-control {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid #cfd4da;
	min-width: 140px;
}

.wishList-btn {
	height: 40px;
	line-height: 40px;
	padding: 0 16px;
	margin-right:10px;
	border-radius: 2px;
	background: #0b2540;
	color: #fff;
	border: 1px solid #0b2540;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	/* 버튼 텍스트 중앙 정렬 보강 */
}

.wishList-btn:hover {
	filter: brightness(1.05);
}

.wishList-btn.outline {
	background: #fff;
	color: #0b2540;
}

.wishList-btn.block {
	width: 100%;
}

/* ===== TABLE BASE ===== */
.wishList-tablewrap {
	width: 100%;
	overflow-x: auto;
}

.wishList-table {
	width: 100%;
	font-size: 14px;
	border: 1px solid #e5e7eb;
	border-collapse: separate;
	border-spacing: 0;
}

.wishList-table th,
.wishList-table td {
	border: 0;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

.wishList-table thead th {
	background: #f7f8fa;
	color: #111;
	font-weight: 600;
}

/* ===== PRODUCT CELL ===== */
.wishList-td-product {
	text-align: left;
}

.wishList-product {
	display: flex;
	align-items: center;
	gap: 12px;
}

.wishList-thumb {
	width: 64px;
	height: 64px;
	flex: 0 0 64px;
	border: 1px solid #e5e7eb;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.wishList-thumb img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.wishList-pinfo {
	min-width: 0;
}

.wishList-pname {
	font-weight: 600;
	color: #111;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wishList-pbrand {
	font-size: 12px;
	color: #70757d;
	margin-top: 2px;
}

/* ===== OPTION / QTY / PRICE ===== */
.wishList-td-option {
	text-align: left;
}

.wishList-optcode {
	font-size: 12px;
	color: #70757d;
}

.wishList-optname {
	font-size: 13px;
}

.wishList-td-qty {
	text-align: center;
}

.wishList-qty-pc {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid #cfd4da;
	padding: 4px 6px;
	border-radius: 2px;
}

.wishList-qty-btn {
	width: 28px;
	height: 28px;
	border: 1px solid #cfd4da;
	background: #fff;
	line-height: 26px;
}

.wishList-qty-input {
	width: 48px;
	height: 28px;
	text-align: center;
	border: 1px solid #cfd4da;
}

.wishList-qty-mobile {
	display: none;
	width: 100%;
	max-width: 120px;
	height: 40px;
	text-align: center;
	border: 1px solid #cfd4da;
	border-radius: 2px;
}

/* ===== ACTIONS IN ROW ===== */
.wishList-td-actions {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

/* ===== FOOTER ACTIONS ===== */
.wishList-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin: 10px 0 12px;
}

/* ====== ★ 1200px 반응형: 상품명 너비 축소 + 버튼 축소 ====== */
@media (max-width: 1200px) {

	/* 테이블 최소 가로 유지 */
	.wishList-table {
		min-width: 960px;
	}

	/* 상품명(2열) 너비를 줄이고, 옵션(3열)은 유지하여 옵션 줄바꿈 과도 방지 */
	.wishList-table col:nth-child(2) {
		width: 280px !important;
	}

	/* 옵션(3열) */
	.wishList-table col:nth-child(3) {
		width: 220px !important;
	}

	/* 비고 버튼 작게 */
	.wishList-td-actions .wishList-btn {
		height: 34px;
		line-height: 34px;
		padding: 0 12px;
		font-size: 13px;
	}
}

/* ====== 991px 이하 반응형 ======
   - 옵션(3열)만 숨김 유지
   - 상품명 더 좁게
   - 비고 버튼 더 작게
*/
@media (max-width: 991px) {

	/* 숨김: 옵션(3)만 */
	.wishList-table col:nth-child(3),
	.wishList-table th:nth-child(3),
	.wishList-table td:nth-child(3) {
		display: none;
	}

	/* --- 가로 스크롤 시 보기 좋은 최소 폭 설정 --- */
	.wishList-table {
		min-width: 720px;
	}

	/* 칼럼 너비 재배치 */
	.wishList-table col:nth-child(1) {
		width: 42px;
	}

	/* 체크 */
	.wishList-table col:nth-child(2) {
		width: 80px !important;
	}

	/* 상품명 */
	.wishList-table col:nth-child(4) {
		width: 80px !important;
	}

	/* 수량 */
	.wishList-table col:nth-child(5) {
		width: 80px !important;
	}

	/* 가격 */
	.wishList-table col:nth-child(6) {
		width: 80px !important;
	}

	/* 비고 */

	/* 상품명: 이미지 숨기고 텍스트 좌측정렬 + 줄바꿈 */
	.wishList-thumb {
		display: none;
	}

	.wishList-td-product {
		text-align: left;
	}

	.wishList-pinfo {
		text-align: left;
	}

	.wishList-pname {
		white-space: normal;
		overflow: visible;
		text-overflow: clip;
		line-height: 1.45;
	}

	/* 수량: PC 컨트롤 숨기고 number 스피너 표시 */
	.wishList-qty-pc {
		display: none;
	}

	.wishList-qty-mobile {
		display: inline-block;
	}

	/* 헤더도 상품명만 좌측정렬 */
	.wishList-table th:nth-child(2) {
		text-align: left;
	}

	/* 필터 간격 */
	.wishList-filter {
		gap: 6px;
	}

	.wishList-control {
		min-width: 120px;
	}

	/* 비고 버튼 크기/글자 더 축소 */
	.wishList-td-actions .wishList-btn {
		height: 32px;
		line-height: 32px;
		padding: 0 10px;
		font-size: 13px;
	}
}

/* 더 좁은 모바일(<=575px) */
@media (max-width: 575px) {
	.wishList-control {
		min-width: 120px;
	}
}

/* ====== 추가 전용 (옵션 패널/토글) ====== */

/* 옵션보기 버튼(화살표 포함) */
.wishList-add-toggle-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding-right: 14px;
	height: 36px;
	/* 고정 높이 */
	line-height: 1;
	/* 회전 시 베이스라인 영향 제거 */
}

/* ▼ 새 캐럿: 아래▼ → 위▲ 방향 */
.wishList-add-caret {
	position: relative;
	display: inline-block;
	width: 12px;
	/* 아이콘 크기 */
	height: 20px;
	margin-left: 6px;
	vertical-align: middle;
	transform-origin: 50% 50%;
}

.wishList-add-caret::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%) rotate(0deg);
	/* ▼ 기본 */
	transform-origin: 50% 50%;
	background: currentColor;

	/* ▼ 모양: 아래쪽 삼각형 */
	clip-path: polygon(20% 35%, 80% 35%, 50% 75%);

	transition: transform .2s ease;
}

/* 열림 시 ▲ 위쪽 화살표 */
.wishList-add-toggle-btn.is-open .wishList-add-caret::before {
	transform: translate(-50%, -50%) rotate(180deg);
}


/* 옵션 패널 행 */
.wishList-add-optrow {
	background: #fff;
}

.wishList-add-optrow>td {
	padding: 0;
}

/* 슬라이드 패널 (기본: 닫힘) */
.wishList-add-optpanel {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height .25s ease, opacity .25s ease, padding .25s ease;
	padding: 0 16px;
}

/* 열림 상태: 내용 보이기 (JS에서 max-height 해제 처리) */
.wishList-add-optpanel.is-open {
	opacity: 1;
	padding: 16px;
	overflow: visible;
	/* 열림 시 잘림 방지 */
}

/* 991 미만에서 가로 스크롤로 전체 컬럼 노출 */
.wishList-add-scroll {
	width: 100%;
}

@media (max-width: 991px) {
	.wishList-add-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.wishList-add-option-table,
	.wishList-add-optpanel-footer {
		min-width: 960px;
	}
}

/* 옵션 테이블 */
.wishList-add-option-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.wishList-add-option-table th,
.wishList-add-option-table td {
	border: 1px solid #e6e6e6;
	padding: 10px;
	font-size: 14px;
	vertical-align: middle;
}

.wishList-add-option-table thead th {
	background: #f1f4f7;
}

.wishList-add-option-table .text-right {
	text-align: right;
}

.wishList-add-optqty {
	width: 70px;
}

/* 옵션 테이블 반응형 보완 */
@media (max-width: 1200px) {

	/* 품명 칼럼 폭 다소 축소 */
	.wishList-add-option-table col:nth-child(3) {
		width: 420px !important;
	}
}

@media (max-width: 991px) {

	/* 모바일에서는 체크/품명/수량 중심 */
	.wishList-add-option-table col:nth-child(1) {
		width: 70px !important;
	}

	/* 선택 */
	.wishList-add-option-table col:nth-child(2) {
		width: 140px !important;
	}

	/* CAT */
	.wishList-add-option-table col:nth-child(3) {
		width: 360px !important;
	}

	/* 품명 */
	.wishList-add-option-table col:nth-child(6) {
		width: 100px !important;
	}

	/* 수량 */
}

/* 패널 푸터 */
.wishList-add-optpanel-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 14px;
}

.wishList-add-note {
	font-size: 12px;
	color: #666;
	margin: 0;
	line-height: 1.5;
}

.wishList-add-optpanel-right {
	display: inline-flex;
	gap: 8px;
}

/* Wish List End */



/* Review List Start */
/* ===== TABS ===== */
.reviewList-tabs {
	display: flex;
	gap: 8px;
	margin: 0 0 12px;
}

@media(max-width:991px) {
	.reviewList-tab {
		width: calc(50% - 4px);
	}
}

.reviewList-tab {
	height: 42px;
	line-height: 42px;
	padding: 0 18px;
	border: 1px solid #cfd4da;
	background: #f5f7fa;
	color: #111;
	border-radius: 2px;
	cursor: pointer;
}

.reviewList-tab.active {
	background: #0b2540;
	color: #fff;
	border-color: #0b2540;
}

/* ===== FILTER ===== */
.reviewList-filter {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 6px 0 8px;
}

.reviewList-control {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid #cfd4da;
	min-width: 140px;
}

.reviewList-input {
	min-width: 220px;
}

.reviewList-btn {
	height: 40px;
	line-height: 40px;
	padding: 0 16px;
	border-radius: 2px;
	background: #0b2540;
	color: #fff;
	border: 1px solid #0b2540;
	display: inline-block;
	text-decoration: none;
}

.reviewList-btn:hover {
	filter: brightness(1.05);
}

.reviewList-btn.outline {
	background: #fff;
	color: #0b2540;
}

/* ===== TABLE BASE ===== */
.reviewList-tablewrap {
	width: 100%;
	overflow-x: auto;
}

.reviewList-table {
	width: 100%;
	font-size: 14px;
	border: 1px solid #e5e7eb;
	border-collapse: separate;
	border-spacing: 0;
}

.reviewList-table th,
.reviewList-table td {
	border: 0;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

.reviewList-table thead th {
	background: #f7f8fa;
	color: #111;
	font-weight: 600;
}

/* ===== PRODUCT CELL ===== */
.reviewList-td-product {
	text-align: left;
}

.reviewList-product {
	display: flex;
	align-items: center;
	gap: 12px;
}

.reviewList-thumb {
	width: 64px;
	height: 64px;
	flex: 0 0 64px;
	border: 1px solid #e5e7eb;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.reviewList-thumb img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.reviewList-pinfo {
	min-width: 0;
}

.reviewList-pname {
	font-weight: 600;
	color: #111;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.reviewList-pbrand {
	font-size: 12px;
	color: #70757d;
	margin-top: 2px;
}

/* ===== CONTENT / RATING / DATE ===== */
.reviewList-td-content {
	text-align: left;
}

.reviewList-td-rating .ratings {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.reviewList-td-rating .fa-star,
.reviewList-td-rating .fa-star-o {
	color: #f2b600;
}

.reviewList-td-rating .rating-num {
	color: #70757d;
	font-size: 12px;
}

/* ===== FOOTER ACTIONS ===== */
.reviewList-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin: 10px 0 12px;
}

/* ====== RESPONSIVE (<= 991px) ======
   - 표시: 체크박스 / 상품명 / 내용
   - 숨김: 별점, 작성일
   - 상품명: 좌측정렬 + 줄바꿈, 이미지 숨김
*/
@media (max-width: 991px) {

	/* 숨김: 4(별점), 5(작성일) */
	.reviewList-table col:nth-child(4),
	.reviewList-table col:nth-child(5),
	.reviewList-table th:nth-child(4),
	.reviewList-table th:nth-child(5),
	.reviewList-table td:nth-child(4),
	.reviewList-table td:nth-child(5) {
		display: none;
	}

	/* 칸 너비 재배치 */
	.reviewList-table col:nth-child(1) {
		width: 42px;
	}

	/* 체크박스 */
	.reviewList-table col:nth-child(2) {
		width: auto;
	}

	/* 상품명 가장 넓게 */
	.reviewList-table col:nth-child(3) {
		width: 50%;
	}

	/* 내용 */

	/* 상품명 영역 */
	.reviewList-thumb {
		display: none;
	}

	.reviewList-td-product,
	.reviewList-pinfo {
		text-align: left;
	}

	.reviewList-pname {
		white-space: normal;
		overflow: visible;
		text-overflow: clip;
		line-height: 1.45;
	}

	/* 헤더 정렬 */
	.reviewList-table th:nth-child(2) {
		text-align: left;
	}

	.reviewList-table th:nth-child(3) {
		text-align: left;
	}

	/* 필터 간격 */
	.reviewList-filter {
		justify-content: center;
		gap: 6px;
	}

	.reviewList-control {
		min-width: 120px;
	}

	.reviewList-input {
		min-width: 160px;
	}
}

/* 더 좁은 모바일(<=575px) */
@media (max-width: 575px) {
	.reviewList-control {
		min-width: 120px;
		width: calc(50% - 4px);
	}

	#reviewList-query {
		width: calc(100% - 65px);
	}
}

/* Review List End */
/* ===== Personal Info Update Start ===== */
.personalInfoUpdate-section {
	margin-top: 6px;
}

/* 구역 제목 */
.personalInfoUpdate-legend {
	font-size: 16px;
	font-weight: 600;
	margin: 8px 0 12px;
	border-left: 3px solid #0b2540;
	padding-left: 8px;
	color: #0b2540;
}

/* 행 기본 */
.personalInfoUpdate-row {
	padding: 8px 0;
	border-top: 1px solid #f1f3f5;
}

.personalInfoUpdate-row:first-of-type {
	border-top: 0;
}

.personalInfoUpdate-label {
	margin: 0;
	padding-top: 6px;
	font-weight: 600;
	color: #222;
}

.personalInfoUpdate-required {
	color: #e11d48;
	margin-left: 4px;
}

.personalInfoUpdate-controlwrap {
	position: relative;
}

/* 입력 UI 공통 */
.personalInfoUpdate-input {
	height: 40px;
	border: 1px solid #cfd4da;
	border-radius: 2px;
}

.mt-6 {
	margin-top: 6px;
}

/* =========================
   인풋 + 버튼 일렬 배치(테블릿까지)
   - 인풋: 남은 영역 90% 내외
   - 버튼: 약 10% (최소 80px 보장)
   - 모바일에서 세로 스택으로 전환
   ========================= */
.personalInfoUpdate-inline {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
	/* 테블릿까지 한 줄 유지 */
	width: 100%;
}

.personalInfoUpdate-inline .personalInfoUpdate-input {
	flex: 1 1 auto;
	/* 남은 영역을 꽉 채움 */
	min-width: 0;
	/* 내용 넘침 방지 */
}

.personalInfoUpdate-inline .personalInfoUpdate-btn {
	flex: 0 0 10%;
	/* 버튼 약 10% 고정 */
	min-width: 80px;
	/* 너무 작아지지 않게 */
	text-align: center;
	white-space: nowrap;
}

.personalInfoUpdate-btn {
	min-width: 96px;
	height: 40px;
	line-height: 40px;
	border-radius: 2px;
	background: #0b2540;
	color: #fff;
	border: 1px solid #0b2540;
	padding: 0 14px;
}

.personalInfoUpdate-btn:hover {
	filter: brightness(1.05);
}

.personalInfoUpdate-btn.outline {
	background: #fff;
	color: #0b2540;
}

/* 보조 버튼(중복검색) */
.personalInfoUpdate-btn.secondary {
	background: #112f53;
	border-color: #112f53;
}

/* 참고/검증 메시지 */
.personalInfoUpdate-help {
	color: #6b7280;
	font-size: 12px;
	margin-top: 4px;
}

.personalInfoUpdate-msg {
	margin-top: 6px;
	font-size: 13px;
}

.personalInfoUpdate-msg.ok {
	color: #16a34a;
}

.personalInfoUpdate-msg.err {
	color: #dc2626;
}

/* 전화번호 그룹 */
.personalInfoUpdate-phonewrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: nowrap;
	max-width: 360px;
}

.personalInfoUpdate-dash {
	color: #9aa0a6;
}

/* 설명문구 */
.personalInfoUpdate-desc {
	margin: 0 0 6px;
	color: #4b5563;
}

/* Divider */
.personalInfoUpdate-divider {
	border: 0;
	height: 1px;
	background: #e5e7eb;
	margin: 18px 0;
}

/* 액션 */
.personalInfoUpdate-actions {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin: 14px 0 4px;
}

/* ===== 반응형 (모바일 ≤ 991px)
   - 레이블 상단 / 입력 하단
   - 인풋+버튼 세로 스택(버튼 100%)
   =================================== */
@media (max-width: 991px) {
	.personalInfoUpdate-label {
		padding-top: 0;
		margin-bottom: 6px;
	}

	.personalInfoUpdate-row {
		padding: 10px 0;
	}

	.personalInfoUpdate-phonewrap {
		max-width: 100%;
	}

	.personalInfoUpdate-inline {
		flex-direction: column;
		/* 세로 배치 */
		align-items: stretch;
		gap: 6px;
	}

	.personalInfoUpdate-inline .personalInfoUpdate-btn {
		flex: none;
		width: 100%;
		/* 버튼이 한 줄 차지 */
		min-width: auto;
	}
}

/* 추가 서비스 링크 (기업전환/입점신청) */
.personalInfoUpdate-extra {
	margin-top: 8px;
}

.personalInfoUpdate-extra-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.personalInfoUpdate-extra-link {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #f9fafb;
	text-decoration: none;
	color: #1f2937;
	transition: background .15s ease, border-color .15s ease;
}

.personalInfoUpdate-extra-link:hover {
	background: #eef2ff;
	border-color: #c7d2fe;
	text-decoration: none;
	color: #1f2937;
}

.personalInfoUpdate-extra-link > i:first-child {
	font-size: 22px;
	color: #2563eb;
	flex-shrink: 0;
}

.personalInfoUpdate-extra-link > div {
	flex: 1;
	min-width: 0;
}

.personalInfoUpdate-extra-link > div strong {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 2px;
}

.personalInfoUpdate-extra-link > div span {
	font-size: 13px;
	color: #6b7280;
}

.personalInfoUpdate-extra-link > i:last-child {
	color: #9ca3af;
	font-size: 14px;
	flex-shrink: 0;
}

/* Personal Info Update End */

/* Company Info Update Start */
.companyInfoUpdate-section {
	margin-top: 6px;
}

.companyInfoUpdate-legend {
	font-size: 16px;
	font-weight: 600;
	margin: 8px 0 12px;
	border-left: 3px solid #0b2540;
	padding-left: 8px;
	color: #0b2540;
}

.companyInfoUpdate-row {
	padding: 8px 0;
	border-top: 1px solid #f1f3f5;
}

.companyInfoUpdate-row:first-of-type {
	border-top: 0;
}

.companyInfoUpdate-label {
	margin: 0;
	padding-top: 6px;
	font-weight: 600;
	color: #222;
}

.companyInfoUpdate-required {
	color: #e11d48;
	margin-left: 4px;
}

.companyInfoUpdate-input {
	height: 40px;
	border: 1px solid #cfd4da;
	border-radius: 2px;
}

.mt-6 {
	margin-top: 6px;
}

.companyInfoUpdate-inline {
	display: flex;
	gap: 8px;
	align-items: center;
	width: 100%;
}

.companyInfoUpdate-inline .companyInfoUpdate-input {
	flex: 1 1 auto;
	min-width: 0;
}

.companyInfoUpdate-inline .companyInfoUpdate-btn {
	flex: 0 0 10%;
	min-width: 80px;
}

.companyInfoUpdate-btn {
	min-width: 96px;
	height: 40px;
	line-height: 40px;
	border-radius: 2px;
	background: #0b2540;
	color: #fff;
	border: 1px solid #0b2540;
	padding: 0 14px;
}

.companyInfoUpdate-btn:hover {
	filter: brightness(1.05);
}

.companyInfoUpdate-btn.outline {
	background: #fff;
	color: #0b2540;
}

.companyInfoUpdate-btn.secondary {
	background: #112f53;
	border-color: #112f53;
}

.companyInfoUpdate-phonewrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: nowrap;
	max-width: 360px;
}

.companyInfoUpdate-dash {
	color: #9aa0a6;
}

.companyInfoUpdate-msg {
	margin-top: 6px;
	font-size: 13px;
}

.companyInfoUpdate-msg.ok {
	color: #16a34a;
}

.companyInfoUpdate-msg.err {
	color: #dc2626;
}

.companyInfoUpdate-divider {
	border: 0;
	height: 1px;
	background: #e5e7eb;
	margin: 18px 0;
}

.companyInfoUpdate-actions {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin: 14px 0 4px;
}

.companyInfoUpdate-filePreview {
	margin-top: 10px;
}

.companyInfoUpdate-filePreview .preview-item {
	position: relative;
	display: inline-block;
	margin-right: 10px;
}

.companyInfoUpdate-filePreview img {
	width: 150px;
	height: 150px;
	object-fit: contain;
	border: 1px solid #ddd;
	padding: 4px;
}

.companyInfoUpdate-filePreview .file-box {
	display: inline-block;
	padding: 8px 12px;
	border: 1px solid #ddd;
	background: #f9f9f9;
}

.companyInfoUpdate-filePreview .remove-btn {
	position: absolute;
	top: -6px;
	right: -6px;
	background: #dc2626;
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	font-size: 14px;
	cursor: pointer;
}

/* 모바일(≤991px) 레이아웃 */
@media (max-width: 991px) {
	.companyInfoUpdate-label {
		padding-top: 0;
		margin-bottom: 6px;
	}

	.companyInfoUpdate-inline {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
	}

	.companyInfoUpdate-inline .companyInfoUpdate-btn {
		width: 100%;
		min-width: auto;
		flex: none;
	}

	.companyInfoUpdate-phonewrap {
		max-width: 100%;
	}
}

/* 숨김 처리 */
.companyInfoUpdate-fileInput {
	display: none !important;
}

/* 커스텀 버튼 */
.companyInfoUpdate-fileBtn {
	display: inline-block;
	padding: 8px 16px;
	background: #0b2540;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #0b2540;
	cursor: pointer;
	font-size: 14px;
	transition: background 0.2s ease;
}

.companyInfoUpdate-fileBtn:hover {
	background: #163a63;
}

/* 파일명 표시 */
.companyInfoUpdate-fileName {
	margin-left: 10px;
	font-size: 14px;
	color: #555;
}

/* 미리보기는 기존 스타일 재사용 */
.companyInfoUpdate-filePreview {
	margin-top: 10px;
}

/* Company Info Update End */
/* ===== 마이페이지 배송조회 컬럼 ===== */
.myPage-delivery-cell {
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
}

.myPage-courier-name {
	display: block;
	color: #555;
	font-size: 11px;
	margin-bottom: 3px;
}

.myPage-invoice-link {
	display: inline-block;
	color: #1a56db;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	border-bottom: 1px dashed #1a56db;
	word-break: break-all;
}

.myPage-invoice-link:hover {
	color: #1e40af;
	border-bottom-style: solid;
}

.myPage-invoice-no {
	font-size: 12px;
	color: #333;
	word-break: break-all;
}

.myPage-no-invoice {
	font-size: 11px;
	color: #aaa;
}

/* 결제수단 컬럼 */
.myPage-paymethod-cell {
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 1.6;
}

.myPage-vacct-bank {
	font-size: 11px;
	color: #555;
	margin-top: 2px;
}
.myPage-vacct-num {
	font-size: 11px;
	color: #555;
	word-break: break-all;
	margin-top: 2px;
}