/* 회원가입 */
.sub-head {width: 100%; padding: 50px 0 20px; position: relative; margin-bottom: 60px;}
.sub-head .inner {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.sub-head .line {position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee;}
.sub-title {font-size: 36px; font-weight: 500; color: #222; text-align: center; margin-bottom: 30px;}
.term.term-page {}
.term.term-page .terms-text {height:100%;}

/* 이용약관 페이지 */
.termsSite-section {padding: 40px 0 60px;}
.termsSite-container {max-width: 1200px; margin: 0 auto; padding: 0 20px;}
.termsSite-header {display: flex; align-items: center; gap: 12px; margin-bottom: 24px;}
.termsSite-icon {
    width: 40px; height: 40px;
    background: #eef2ff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.termsSite-icon i {color: #3858e9; font-size: 16px;}
.termsSite-title {font-size: 22px; font-weight: 700; color: #1e293b; margin: 0;}
.termsSite-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 1px 4px rgba(15,23,42,0.05);
    overflow: hidden;
}
.termsSite-body {
    padding: 32px;
    font-size: 14px;
    color: #475569;
    line-height: 1.8;
    word-break: keep-all;
}
@media (max-width: 768px) {
    .termsSite-section {padding: 24px 0 40px;}
    .termsSite-container {padding: 0 14px;}
    .termsSite-title {font-size: 18px;}
    .termsSite-body {padding: 20px;}
}
@media (max-width: 768px) {
    .sub-head {padding: 25px 0 25px; margin-bottom: 40px;}
    .sub-title {font-size: 28px; margin-bottom: 30px;}
}
.term {width: 100%; max-width: 1440px; align-items: center; margin: 0 auto 50px;}
.terms-title {font-size: 20px; font-weight: 600; color: #222; margin: 40px 0 20px; line-height: 1.4;}
.terms-title .required {font-size: 20px; color: #f44c4c; font-weight: 500; margin-left: 8px;}
@media (max-width: 768px) {
	.term {padding: 0 10px;}
    .terms-title {font-size: 18px; padding: 0 20px;  margin: 20px 0 20px;}
    .terms-title .required {font-size: 16px; margin-bottom: 0;}
}

/* 약관동의 체크박스 스타일 */
.agree-wrap {width: 100%; margin: 30px 0;}
.agree-check {width: 100%; display: flex; align-items: center; cursor: pointer; gap: 12px;}
.agree-check input {display: none;}
.checkbox {width: 24px; height: 24px; border: 1px solid #ddd; border-radius: 4px; position: relative;}
.agree-check input:checked + .checkbox:after {
    content: '';
    position: absolute;
    left: 7px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid #e95a5a;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.agree-check span:last-child {font-size: 18px; color: #000; font-weight: 600;}
.agree-check span.required {color: #e95a5a;}
.btn-container {display: flex; justify-content: center; width: 100%;}
.login-wrap {display: flex; gap: 10px;}
.btn-neo {
    width: 205px;
    height: 70px;
    background: #e02531;
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center; 
    gap: 8px;
}
.neo-icon {font-size: 20px; font-weight: bold;}
.social-btns {display: flex; gap: 10px; margin-bottom: 40px;}
.btn-naver,
.btn-kakao {
    width: 80px;
    height: 70px;
    border: none;
    border-radius: 4px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.btn-naver {background: #03C75A;}
.btn-naver img {filter: brightness(0) invert(1);}
.btn-kakao {background: #FEE500;}
@media (max-width: 768px) {
    .btn-neo,
    .btn-naver,
    .btn-kakao {height: 60px;}
    .btn-neo {width: 180px; font-size: 15px;}
    .btn-naver,
    .btn-kakao {width: 70px;}
	.agree-check span:last-child {font-size: 14px; font-weight: 500; line-height: 21px;}
}

/* 이용약관 팝업창 */
.clause-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
}
.clause-wrapper .clause-contentBox {line-height: 1.7;}
.clause-popup {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.clause-titleBox {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    flex-shrink: 0;
}
.clause-titleBox h2 {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}
.required-text {
    font-size: 12px;
    font-weight: 600;
    color: #ef4444;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 4px;
    padding: 2px 7px;
    white-space: nowrap;
}
.clause-closeButton {
    width: 32px;
    height: 32px;
    background: #f1f5f9;
    border: none;
    border-radius: 8px;
    color: #64748b;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    padding: 0;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s;
}
.clause-closeButton:hover {background: #e2e8f0; color: #1e293b;}
.clause-contentBox {
    padding: 24px;
    flex: 1;
    overflow-y: auto;
    font-size: 14px;
    color: #475569;
    line-height: 1.7;
}
.clause-notice {padding: 0; margin: 0;}
.clause-title {font-size: 15px; font-weight: 600; color: #1e293b; margin: 20px 0 8px;}
.clause-title:first-child {margin-top: 0;}
.clause-content {font-size: 14px; margin: 0 0 16px; line-height: 1.7; color: #64748b;}
.clause-contentBox::-webkit-scrollbar {width: 5px;}
.clause-contentBox::-webkit-scrollbar-track {background: #f1f5f9; border-radius: 4px;}
.clause-contentBox::-webkit-scrollbar-thumb {background: #cbd5e1; border-radius: 4px;}
.clause-contentBox::-webkit-scrollbar-thumb:hover {background: #94a3b8;}
.clause-agreeBtn {
    padding: 16px 24px;
    background: #fff;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
}
.clause-agreeBtn .formBtm-style4 {min-width: 200px;}
@media screen and (max-width: 768px) {
    .clause-titleBox {padding: 16px 18px;}
    .clause-titleBox h2 {font-size: 14px;}
    .clause-contentBox {padding: 16px 18px;}
    .clause-agreeBtn {padding: 14px 18px;}
    .clause-agreeBtn .formBtm-style4 {width: 100%;}
}

/* ===== 회원정보 수정 (MemInf_W.asp) ===== */
.memInf-section {width: 100%;}
.memInf-container {max-width: 1440px; margin: 0 auto; padding: 0 20px 60px;}
.memInf-page-header {padding: 20px 0 16px; border-bottom: 1px solid #e2e8f0; margin-bottom: 4px;}
.memInf-page-title {font-size: 22px; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: 8px; margin: 0;}
.memInf-page-title i {color: #3858e9;}
.memInf-page-subtitle {font-size: 13px; color: #8a93a2; margin: 5px 0 0;}
.memInf-card {background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 24px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(15,23,42,0.05);}
.memInf-card-title {font-size: 15px; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: 10px; padding-bottom: 16px; margin-bottom: 20px; border-bottom: 2px solid #f1f5f9;}
.memInf-card-icon {
    width: 32px; height: 32px;
    background: #eef2ff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.memInf-card-icon i {color: #3858e9; font-size: 14px;}
.memInf-card .form-notice {padding: 0; margin-bottom: 20px;}
.memInf-card .receive-checkbox-group {padding: 0; margin-bottom: 0;}
.memInf-agreement-row {display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}
.memInf-agreement-row .saas-radio-group {flex-shrink: 0; max-width: 100%;}
.memInf-notice-text {font-size: 13px; color: #64748b; margin: 0; line-height: 1.6;}
.memInf-btn-group {display: flex; gap: 12px; justify-content: center; padding: 10px 0 30px;}
.memInf-file-btns {display: flex; gap: 8px; flex-shrink: 0;}
@media (max-width: 768px) {
    .memInf-container {padding: 0 15px 40px;}
    .memInf-card {padding: 16px; margin-bottom: 14px;}
    .memInf-btn-group {padding: 0 0 20px;}
    .memInf-btn-group button {flex: 1;}
    .memInf-file-btns {width: 100%;}
    .memInf-file-btns .formBtm-style2 {flex: 1;}
    .memInf-section .deliveryRate-btn {font-size: 16px;}
}

/* 회원가입 정보입력 */
.member-input {margin: 0 auto; width: 100%;}
.member-tab-wrap {width: 100%; display: flex; flex-direction: column; align-items: center;}
.member-tab-btns {display: flex; gap: 8px; align-items: center; justify-content: center; background: #fff; padding: 8px; border-radius: 50px; border: 1px solid #dadada;}
.member-tab-btn {
    min-width: 245px;
    height: 50px;
    border: 1px solid #dadada;
    background: #f6f6f6;
    color: #666;
    font-size: 24px;
    font-weight: 600;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.member-tab-btn.active {background: #6052B4; color: #fff;}
.member-tab-contents {width: 100%; max-width: 1440px; margin: 30px auto 0; padding: 0 20px;}
.member-tab-content.active {display: block;}
.vat-checkbox-group {display: flex; flex-wrap: wrap; gap: 10px; padding: 10px;}
.file-upload {opacity:0;pointer-events:none;position:absolute}
@media (max-width: 1024px) {
    .vat-checkbox-group {gap: 12px; padding: 15px;}
}
@media (max-width: 768px) {
	.member-tab-btns {gap: 6px; padding: 6px;}
	.member-tab-btn {min-width: 200px; height: 45px; font-size: 20px;}
	.member-tab-contents {padding: 0 15px;}
}
@media (max-width: 480px) {
	.member-tab-btns {gap: 0px; padding: 4px;}
	.member-tab-btn {min-width: 150px; height: 40px; font-size: 18px;}
	.member-tab-contents {padding: 0 12px;}
	.vat-checkbox-group {gap: 10px; padding: 12px;}
}

/* 회원가입 탭 안에 폼 구성 */
.member-tab-content {margin-bottom: 40px;}
.member-tab-content.active {display: block;}
.form-wrap {display: flex; gap: 20px;}
.form-col {flex: 1;}
.form-col .Essential-form,
.form-col .standardForm {margin-bottom: 20px;}
.form-col .Essential-form:last-child,
.form-col .standardForm:last-child {margin-bottom: 0;}
.form-notice {margin-bottom: 20px; font-size: 16px; font-weight: 600; color: #666; padding: 0 20px;}
.form-notice p {line-height: 24px; font-weight: 500;}
.form-box {
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 3px;
	padding: 20px;
	margin-bottom: 30px;
}
.email-group {display: flex; align-items: flex-start; gap: 10px;}
.email-group .Essential-form {flex: 1;}
.at {color: #666; font-size: 14px; line-height: 38px;}
.file-upload-wrap {margin-bottom: 20px;}
.file-label {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.file-group {display: flex; align-items: flex-start; gap: 10px;}
.file-group .Essential-form {flex: 1; margin-bottom: 0;}
.file-upload-btn {
    min-width: 120px;
    height: 40px;
    margin-top: 1px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    font-size: 16px;
	font-weight: 500;
	background: white url("/Public/Image/form-icon-left.png") no-repeat;
    background-position: right 15px center;
	-webkit-appearance: none;
    color: #666;
    cursor: pointer;
}
.file-group {margin-bottom: 20px;}
.file-group .Essential-form label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 10px); 
	margin-bottom: 20px;
}
@media (max-width: 1024px) {
	.form-wrap {flex-direction: column; gap: 20px;}
	.form-notice {margin-bottom: 20px;}
	.form-box {padding: 20px; margin-bottom: 30px;}
}
@media (max-width: 480px) {
	.form-wrap {gap: 22px; flex-direction: column;}
    .form-notice {margin-bottom: 12px;}
    .form-box {padding: 15px; margin-bottom: 0px;}
    .form-col .Essential-form,
    .form-col .standardForm,
    .form-col .file-group,
    .form-col .email-group {margin-bottom: 20px; flex-direction: column;}
    .file-group .Essential-form,
    .email-group .Essential-form {margin-bottom: 0;}
    .form-col > *:last-child,
    .form-col .Essential-form:last-child,
    .form-col .standardForm:last-child {margin-bottom: 0;}
}

/* 이용안내 */
/* 구매대행 배송대행이란 ? — 디자인 토큰(UserDev.css :root) 기준 */
.deliveryInfo-wrap {width: 100%; margin: 0 auto; color: var(--c-text); font-family: var(--ff-base); box-sizing: border-box;}
.deliveryInfo-wrap *, .deliveryInfo-wrap *::before, .deliveryInfo-wrap *::after {box-sizing: border-box;}
.deliveryInfo-banner {width: 100%; max-width: 1440px; overflow: hidden; margin: -60px auto 0;}
.deliveryInfo-banner img {width: 100%; height: auto; display: block;}

/* 공통 섹션 헤더 */
.deliveryInfo-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 5px 14px;
    border-radius: 999px;
    background: rgba(41, 98, 255, 0.07);
    color: var(--c-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}
/* 아래 .deliveryInfo-service 와 같은 배경으로 하나의 밴드처럼 이어짐 */
.deliveryInfo-title {width: 100%; padding: 84px 20px 40px; background: var(--c-bg-soft); text-align: center;}
.deliveryInfo-title-box {max-width: 1440px; margin: 0 auto;}
.deliveryInfo-title-box h2 {font-size: 34px; font-weight: 700; line-height: 1.35; letter-spacing: -0.02em; color: var(--c-text);}
.deliveryInfo-title-sub {margin: 14px 0 0; font-size: 16px; line-height: 1.6; color: var(--c-text-sub); word-break: keep-all;}

/* 서비스 정의 — 2단 카드 */
.deliveryInfo-desc {width: 100%; max-width: 1440px; margin: 0 auto; padding: 72px 20px 76px;}
.deliveryInfo-desc-inner {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
.deliveryInfo-desc-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 30px 30px;
    background: var(--c-bg);
    border: 1px solid var(--c-line);
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-s);
}
.deliveryInfo-desc-label {
    display: inline-block;
    margin-bottom: 14px;
    padding: 7px 16px;
    border-radius: 999px;
    background: rgba(41, 98, 255, 0.08);
    color: var(--c-primary);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.01em;
}
.deliveryInfo-desc-row:nth-child(2) .deliveryInfo-desc-label {background: rgba(255, 112, 67, 0.12); color: #d9531e;}
.deliveryInfo-desc-content {font-size: 16px; font-weight: 400; line-height: 1.7; color: var(--c-text-sub); word-break: keep-all;}

/* 서비스 특징 — 소프트 밴드 위 화이트 카드 */
.deliveryInfo-service {width: 100%; padding: 0 20px 76px; background: var(--c-bg-soft);}
.deliveryInfo-service-inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    max-width: 1440px;
    margin: 0 auto;
}
.deliveryInfo-service-item {
    display: flex;
    flex-direction: column;
    background: var(--c-bg);
    border: 1px solid var(--c-line);
    border-radius: var(--radius-l);
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.deliveryInfo-service-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-m);
    border-color: rgba(41, 98, 255, 0.35);
}
.deliveryInfo-service-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    padding: 20px;
    background: linear-gradient(180deg, rgba(41, 98, 255, 0.04), rgba(41, 98, 255, 0));
}
.deliveryInfo-service-img img {max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.25s ease;}
.deliveryInfo-service-item:hover .deliveryInfo-service-img img {transform: scale(1.06);}
.deliveryInfo-service-text {flex: 1; padding: 22px 22px 26px; text-align: center; border-top: 1px solid var(--c-line);}
.deliveryInfo-service-text p {font-size: 15px; font-weight: 500; line-height: 1.65; color: var(--c-text-sub); word-break: keep-all;}

/* 구매대행 배송대행 순서도 */
.detilInfo-head {width: 100%; max-width: 1440px; margin: 0 auto; padding: 84px 20px 44px; text-align: center;}
.detilInfo-head-title {font-size: 34px; font-weight: 700; line-height: 1.35; letter-spacing: -0.02em; color: var(--c-text);}
.detilInfo-head-sub {margin: 14px 0 0; font-size: 16px; line-height: 1.6; color: var(--c-text-sub); word-break: keep-all;}
.detilInfo-wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}
.detilInfo-purchasing-wrap, .detilInfo-delivery-wrap {width: 100%;}
.detilInfo-purchasing-wrap h2, .detilInfo-delivery-wrap h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 28px;
    padding-bottom: 18px;
    border-bottom: 2px solid var(--c-line);
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--c-text);
    text-align: center;
}
.detilInfo-title-label {
    display: inline-flex;
    align-items: center;
    padding: 7px 16px;
    border-radius: 999px;
    background: rgba(41, 98, 255, 0.08);
    color: var(--c-primary);
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.01em;
}
.detilInfo-delivery-wrap .detilInfo-title-label {background: rgba(255, 112, 67, 0.12); color: #d9531e;}

/* 스텝 카드 */
.detilInfo-step-item {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    background: var(--c-bg);
    border: 1px solid var(--c-line);
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-s);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.detilInfo-step-item:last-child {margin-bottom: 0;}
.detilInfo-step-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -30px;
    width: 2px;
    height: 30px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(41, 98, 255, 0.3), rgba(41, 98, 255, 0.05));
}
.detilInfo-step-header {display: flex; align-items: center; gap: 14px; padding: 18px 20px;}
.detilInfo-step-item:has(.detilInfo-step-warning) .detilInfo-step-header {border-bottom: 1px solid var(--c-line);}
.detilInfo-step-num {
    flex: 0 0 auto;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(41, 98, 255, 0.08);
    color: var(--c-primary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    white-space: nowrap;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.detilInfo-step-num span {font-size: 15px; margin-left: 4px; letter-spacing: 0;}
.detilInfo-step-divider {flex: 0 0 auto; width: 1px; height: 24px; margin: 0; background-color: var(--c-line);}
/* 아이콘 원본이 45~113 × 59~72px 이라 원형 대신 가로형 박스로 담아 형태를 살림 */
.detilInfo-step-img {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 72px;
    margin-right: 0;
    border-radius: var(--radius-m);
    background: rgba(41, 98, 255, 0.06);
}
.detilInfo-step-img img {max-width: 72px; max-height: 56px; object-fit: contain;}
.detilInfo-step-text {flex: 1; font-size: 16px; font-weight: 600; line-height: 1.45; color: var(--c-text); word-break: keep-all;}

/* 주의 안내 */
.detilInfo-step-warning {display: flex; align-items: flex-start; gap: 10px; padding: 16px 20px; background: #fffaf0; border-radius: 0 0 var(--radius-l) var(--radius-l);}
.detilInfo-step-info {padding: 16px 20px;}
.detilInfo-warning-icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-right: 0;
    margin-top: 1px;
    background-color: #f0a202;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}
.detilInfo-warning-text {flex: 1; font-size: 14px; font-weight: 400; line-height: 1.6; color: #7a5c14; word-break: keep-all;}
.detilInfo-warning-text p {margin: 0 0 4px;}
.detilInfo-warning-text p:last-child {margin-bottom: 0;}

/* 순차 강조 (스크립트 제어) */
.detilInfo-step-item.highlight {
    transform: translateY(-3px);
    border-color: var(--c-primary);
    box-shadow: 0 0 0 3px rgba(41, 98, 255, 0.12), var(--shadow-m);
}
.detilInfo-step-item.highlight .detilInfo-step-num {background: var(--c-primary); color: #fff;}

@media screen and (max-width: 1200px) {
    .deliveryInfo-service-inner {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media screen and (max-width: 992px) {
    .detilInfo-wrap {grid-template-columns: minmax(0, 1fr); gap: 56px; max-width: 700px;}
    .deliveryInfo-desc-inner {grid-template-columns: minmax(0, 1fr);}
}
@media screen and (max-width: 768px) {
    .deliveryInfo-banner {margin-top: -40px;}
    .deliveryInfo-desc {padding: 52px 20px 56px;}
    .deliveryInfo-desc-row {padding: 24px 22px 26px;}
    .deliveryInfo-title {padding: 60px 20px 32px;}
    .deliveryInfo-title-box h2, .detilInfo-head-title {font-size: 26px;}
    .deliveryInfo-title-sub, .detilInfo-head-sub {font-size: 15px;}
    .detilInfo-head {padding: 60px 20px 36px;}
    .deliveryInfo-service {padding-bottom: 56px;}
    .deliveryInfo-service-inner {gap: 15px;}
    .deliveryInfo-service-img {height: 176px;}
}
@media screen and (max-width: 480px) {
    .deliveryInfo-title-box h2, .detilInfo-head-title {font-size: 22px;}
    .deliveryInfo-service-text p {font-size: 14px;}
    .deliveryInfo-service-inner {grid-template-columns: minmax(0, 1fr);}
    .detilInfo-step-header {flex-wrap: wrap; gap: 10px;}
    .detilInfo-step-divider {display: none;}
    .detilInfo-step-text {flex: 1 0 100%; order: 3; font-size: 15px;}
    .detilInfo-step-img {width: 72px; height: 60px;}
    .detilInfo-step-img img {max-width: 58px; max-height: 46px;}
}

/* 수입금지품목 — 디자인 토큰(UserDev.css :root) 기준, 위험 강조색은 #e53935 계열 */
.importBannedItems-section {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    color: var(--c-text);
    font-family: var(--ff-base);
    box-sizing: border-box;
}
.importBannedItems-section *, .importBannedItems-section *::before, .importBannedItems-section *::after {box-sizing: border-box;}

/* 페이지 안내문 (타이틀은 상단 네비게이션과 중복이라 미사용) */
.importBannedItems-head {padding: 40px 0 36px; text-align: center;}
.importBannedItems-head-sub {margin: 0; font-size: 16px; line-height: 1.7; color: var(--c-text-sub); word-break: keep-all;}

/* 대표 금지품목 카드 */
.importBannedItems-card-grid {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px;}
.importBannedItems-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 20px 26px;
    background: var(--c-bg);
    border: 1px solid var(--c-line);
    border-top: 3px solid #e53935;
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-s);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.importBannedItems-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-m);
    border-color: rgba(229, 57, 53, 0.35);
    border-top-color: #e53935;
}
/* 원본 187×187 — 형태가 읽히도록 콘텐츠 영역을 124px 이상 확보 */
.importBannedItems-icon {
    order: -1;
    width: 160px;
    height: 160px;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 18px;
    object-fit: contain;
    background: rgba(229, 57, 53, 0.06);
    border-radius: 50%;
}
.importBannedItems-title-wrapper {display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px;}
.importBannedItems-title {font-size: 17px; font-weight: 700; line-height: 1.45; text-align: center; color: var(--c-text); word-break: keep-all; margin-bottom: 0;}
.importBannedItems-divider {width: 32px; height: 3px; margin: 16px 0 0; background-color: rgba(229, 57, 53, 0.3); border-radius: 2px;}

/* 그 외 품목 — 칩 목록 패널 */
.importBannedItems-list-wrapper {
    margin: 56px 0 0;
    padding: 32px 30px 34px;
    background: var(--c-bg-soft);
    border: 1px solid var(--c-line);
    border-radius: var(--radius-l);
}
.importBannedItems-list-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--c-text);
}
.importBannedItems-list-title::before {content: ""; width: 4px; height: 18px; background: #e53935; border-radius: 2px;}
.importBannedItems-list-container {display: flex; flex-wrap: wrap; gap: 10px;}
.importBannedItems-list-item {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    background-color: var(--c-bg);
    border: 1px solid var(--c-line);
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--c-text-sub);
    word-break: keep-all;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.importBannedItems-list-item:hover {background-color: rgba(229, 57, 53, 0.05); border-color: rgba(229, 57, 53, 0.3); color: var(--c-text);}

/* 상품명/유해성분 테이블 */
.importBannedItems-harmful-wrapper {margin: 64px 0 0;}
.importBannedItems-harmful-title {font-size: 24px; font-weight: 700; letter-spacing: -0.01em; color: var(--c-text); margin-bottom: 10px;}
.importBannedItems-harmful-desc {font-size: 15px; line-height: 1.7; color: var(--c-text-sub); margin-bottom: 24px; word-break: keep-all;}
.importBannedItems-harmful-table {width: 100%; border: 1px solid var(--c-line); border-radius: var(--radius-m); overflow: hidden;}
.importBannedItems-table-row {display: grid; grid-template-columns: 20% 30% 20% 30%; width: 100%; border-bottom: 1px solid var(--c-line);}
.importBannedItems-table-row:last-child {border-bottom: none;}
.importBannedItems-table-cell {padding: 14px 16px; display: flex; align-items: center; font-size: 14px; line-height: 1.5; word-break: break-word;}
.importBannedItems-table-cell.product {font-weight: 600; color: var(--c-text); background-color: var(--c-bg-soft); border-right: 1px solid var(--c-line);}
.importBannedItems-table-cell.ingredient {color: var(--c-text-sub);}
.importBannedItems-table-cell.ingredient:not(:last-child) {border-right: 1px solid var(--c-line);}
.importBannedItems-table-row.head {background: #fdeeee; border-bottom: 1px solid rgba(229, 57, 53, 0.25);}
.importBannedItems-table-row.head .importBannedItems-table-cell {font-size: 13px; font-weight: 700; letter-spacing: 0.02em; color: #b3231f; background: transparent; border-right-color: rgba(229, 57, 53, 0.18);}

@media screen and (max-width: 1200px) {
    .importBannedItems-card-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media screen and (max-width: 768px) {
    .importBannedItems-head {padding: 32px 0 28px;}
    .importBannedItems-head-sub {font-size: 15px;}
    .importBannedItems-card-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px;}
    .importBannedItems-item {padding: 24px 16px 22px;}
    .importBannedItems-icon {width: 140px; height: 140px; padding: 16px; margin-bottom: 16px;}
    .importBannedItems-title {font-size: 16px;}
    .importBannedItems-list-wrapper {margin-top: 44px; padding: 26px 20px 28px;}
    .importBannedItems-list-title {font-size: 17px;}
    .importBannedItems-list-item {padding: 8px 13px; font-size: 13px;}
    .importBannedItems-harmful-wrapper {margin-top: 48px;}
    .importBannedItems-harmful-title {font-size: 20px;}
    .importBannedItems-harmful-desc {font-size: 14px;}
    .importBannedItems-table-row {grid-template-columns: 40% 60%;}
    .importBannedItems-table-cell {padding: 12px 14px; font-size: 13px;}
    .importBannedItems-table-cell.ingredient:not(:last-child) {border-right: none;}
    .importBannedItems-table-cell.ingredient:nth-child(2) {border-bottom: 1px solid var(--c-line);}
    .importBannedItems-table-cell.product:nth-child(3) {border-bottom: 1px solid var(--c-line);}
    .importBannedItems-table-row.head {display: none;}
}
@media screen and (max-width: 480px) {
    .importBannedItems-card-grid {grid-template-columns: minmax(0, 1fr);}
    .importBannedItems-list-item {font-size: 13px;}
    .importBannedItems-harmful-title {font-size: 18px;}
    .importBannedItems-table-row {grid-template-columns: minmax(0, 1fr);}
    .importBannedItems-table-cell {padding: 10px 14px;}
    .importBannedItems-table-cell.product {border-right: none; border-bottom: 1px solid var(--c-line);}
    .importBannedItems-table-cell.ingredient {font-size: 13px;}
    .importBannedItems-table-cell.ingredient:nth-child(2) {border-bottom: 1px solid var(--c-line);}
}

/* 폐기 검역 관리 페이지 — 디자인 토큰(UserDev.css :root) 기준 */
.discard-wrapper {width: 100%; max-width: 1400px; margin: 0 auto; padding: 40px 20px 90px; color: var(--c-text); font-family: var(--ff-base); box-sizing: border-box;}
.discard-wrapper *, .discard-wrapper *::before, .discard-wrapper *::after {box-sizing: border-box;}

/* 상단 안내 — 밑줄 대신 콜아웃 */
.discard-notice {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 40px;
    padding: 20px 24px;
    background: var(--c-bg-soft);
    border: 1px solid var(--c-line);
    border-left: 4px solid var(--c-primary);
    border-radius: var(--radius-m);
    font-size: 16px;
    line-height: 1.65;
    color: var(--c-text-sub);
    word-break: keep-all;
}
.discard-notice::before {
    content: "!";
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin-top: 2px;
    background: var(--c-primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}
.discard-highlight {color: #e74c3c; font-weight: 500;}
.discard-notice .discard-highlight {color: var(--c-text); font-weight: 700;}

/* 항목 카드 */
.discard-container {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}
.discard-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: none;
    padding: 36px 28px 34px;
    background: var(--c-bg);
    border: 1px solid var(--c-line);
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-s);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.discard-item:hover {transform: translateY(-4px); box-shadow: var(--shadow-m); border-color: rgba(41, 98, 255, 0.35);}
.discard-title {
    position: relative;
    margin-bottom: 26px;
    padding-bottom: 16px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--c-text);
    text-align: center;
}
.discard-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 32px;
    height: 3px;
    transform: translateX(-50%);
    background: var(--c-primary);
    border-radius: 2px;
}
/* 원본 380×260 — 비율 유지한 채 카드 폭에 맞춤 */
.discard-image {
    width: 100%;
    height: 210px;
    margin-bottom: 24px;
    padding: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, rgba(41, 98, 255, 0.04), rgba(41, 98, 255, 0));
    border-radius: var(--radius-m);
}
.discard-image img {max-width: 100%; max-height: 100%; object-fit: contain;}
.discard-content {width: 100%; margin: 0; text-align: center;}
.discard-content p {margin: 0; padding: 0; font-size: 15px; font-weight: 400; line-height: 1.75; color: var(--c-text-sub); word-break: keep-all;}

@media screen and (max-width: 1000px) {
    .discard-container {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .discard-item {padding: 30px 22px 28px;}
    .discard-title {font-size: 20px;}
}
@media screen and (max-width: 768px) {
    .discard-wrapper {padding: 28px 20px 64px;}
    .discard-notice {margin-bottom: 28px; padding: 16px 18px; font-size: 15px;}
    .discard-container {grid-template-columns: minmax(0, 1fr); gap: 20px;}
    .discard-image {height: 190px;}
    .discard-content br {display: none;}
}
@media screen and (max-width: 480px) {
    .discard-title {font-size: 19px;}
    .discard-item {padding: 26px 18px 24px;}
    .discard-image {height: 165px; padding: 14px;}
    .discard-content p {font-size: 14px; line-height: 1.7;}
}

/* 반품 교환 페이지 — 디자인 토큰(UserDev.css :root) 기준 */
.refund-section {width: 100%; background-color: var(--c-bg);}
.refund-wrapper {width: 100%; max-width: 1400px; margin: 0 auto; padding: 40px 20px 90px; color: var(--c-text); font-family: var(--ff-base); box-sizing: border-box;}
.refund-wrapper *, .refund-wrapper *::before, .refund-wrapper *::after {box-sizing: border-box;}

/* 상단 안내 — 밑줄 대신 콜아웃 (폐기·검역 페이지와 동일 언어) */
.refund-notice {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 40px;
    padding: 20px 24px;
    background: var(--c-bg-soft);
    border: 1px solid var(--c-line);
    border-left: 4px solid var(--c-primary);
    border-radius: var(--radius-m);
    font-size: 16px;
    line-height: 1.65;
    color: var(--c-text-sub);
    word-break: keep-all;
}
.refund-notice::before {
    content: "!";
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin-top: 2px;
    background: var(--c-primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}
.refund-notice .discard-highlight {color: var(--c-text); font-weight: 700;}

/* 소제목 */
.refund-sec-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--c-text);
}
.refund-sec-title::before {content: ""; width: 4px; height: 18px; background: var(--c-primary); border-radius: 2px;}

/* 본문 2단 */
.refund-content-container {display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 60%); align-items: start; gap: 40px; margin-bottom: 40px;}
.refund-image-area {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: none;
    padding: 30px;
    background: linear-gradient(180deg, rgba(41, 98, 255, 0.05), rgba(41, 98, 255, 0));
    border: 1px solid var(--c-line);
    border-radius: var(--radius-l);
}
/* 원본 490×306 — 확대되어 흐려지지 않도록 원본 폭에서 정지 */
.refund-image-area img {width: 100%; max-width: 490px; height: auto; object-fit: contain;}
.refund-info-area {max-width: none;}
.refund-check-list {list-style: none; padding: 0; margin: 0;}
.refund-check-item {
    position: relative;
    padding: 0 0 16px 30px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--c-line);
    color: var(--c-text-sub);
    font-size: 15px;
    line-height: 1.65;
    word-break: keep-all;
}
.refund-check-item:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.refund-check-item strong {font-weight: 700; color: var(--c-text);}
.refund-check-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background-image: url('/Public/Image/icon_check.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* 유의사항 패널 */
.refund-notice-box {
    padding: 30px 30px 32px;
    background-color: var(--c-bg-soft);
    border: 1px solid var(--c-line);
    border-radius: var(--radius-l);
}
.refund-notice-list {list-style: none; padding: 0; margin: 0;}
.refund-notice-item {
    position: relative;
    padding-left: 26px;
    margin-bottom: 12px;
    color: var(--c-text-sub);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.65;
    word-break: keep-all;
}
.refund-notice-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background-image: url('/Public/Image/icon_rightArrow.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.refund-notice-item:last-child {margin-bottom: 0;}

@media screen and (max-width: 1000px) {
    .refund-content-container {gap: 28px;}
}
@media screen and (max-width: 768px) {
    .refund-wrapper {padding: 28px 20px 64px;}
    .refund-notice {margin-bottom: 28px; padding: 16px 18px; font-size: 15px;}
    .refund-content-container {grid-template-columns: minmax(0, 1fr); gap: 28px; margin-bottom: 32px;}
    .refund-image-area {padding: 24px;}
    .refund-image-area img {max-width: 80%;}
    .refund-sec-title {font-size: 17px; margin-bottom: 16px;}
    .refund-check-item {font-size: 14px; padding-bottom: 14px; margin-bottom: 14px;}
    .refund-notice-box {padding: 24px 20px 26px;}
    .refund-notice-item {font-size: 14px;}
}
@media screen and (max-width: 480px) {
    .refund-notice {font-size: 14px;}
    .refund-check-item {font-size: 13px; line-height: 1.6;}
    .refund-notice-box {padding: 20px 18px 22px;}
    .refund-notice-item {font-size: 13px;}
}

/* 노테이터 페이지 */
/* 노데이터 안내 — 디자인 토큰(UserDev.css :root) 기준 */
.noData-section {width: 100%; background-color: var(--c-bg);}
.noData-wrapper {width: 100%; max-width: 1400px; margin: 0 auto; padding: 40px 20px 90px; color: var(--c-text); font-family: var(--ff-base); box-sizing: border-box;}
.noData-wrapper *, .noData-wrapper *::before, .noData-wrapper *::after {box-sizing: border-box;}

/* 발생이유 — 제목 + 설명 2단 */
.noData-header {display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 32px; align-items: start; margin-bottom: 28px;}
.noData-title-area {display: flex; align-items: center; padding: 4px 0 4px 14px; border-left: 4px solid var(--c-primary);}
.noData-title {margin: 0; font-size: 24px; font-weight: 700; letter-spacing: -0.01em; color: var(--c-text); text-align: left;}
.noData-desc-area {display: flex; flex-direction: column; align-items: flex-start;}
.noData-desc {margin: 0 0 14px; font-size: 16px; line-height: 1.7; color: var(--c-text-sub); word-break: keep-all;}
.noData-desc strong {font-weight: 700; color: var(--c-text);}
.noData-alert {
    display: inline-block;
    max-width: fit-content;
    padding: 10px 16px;
    background-color: rgba(41, 98, 255, 0.06);
    border: 1px solid rgba(41, 98, 255, 0.2);
    border-radius: var(--radius-m);
    font-size: 14px;
    line-height: 1.55;
    color: var(--c-text-sub);
    word-break: keep-all;
}
.noData-divider {width: 100%; height: 1px; background-color: var(--c-line); margin-bottom: 36px;}
.noData-content {margin-bottom: 36px;}
.noData-table-container {display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 30px; align-items: start;}
.noData-image-area {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: linear-gradient(180deg, rgba(41, 98, 255, 0.05), rgba(41, 98, 255, 0));
    border: 1px solid var(--c-line);
    border-radius: var(--radius-l);
}
.noData-image {width: 100%; max-width: 254px; height: auto;}

/* 상황·해결 표 */
.noData-table {border: 1px solid var(--c-line); border-radius: var(--radius-m); overflow: hidden;}
.noData-table-header {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: var(--c-bg-soft); border-bottom: 1px solid var(--c-line);}
.noData-col-left, .noData-col-right {padding: 14px 16px; text-align: center; font-weight: 700; font-size: 14px; color: var(--c-text);}
.noData-table-header .noData-col-left {border-right: 1px solid var(--c-line);}
.noData-table-row {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 1px solid var(--c-line);}
.noData-table-row:last-child {border-bottom: none;}
.noData-table-row .noData-col-left {display: flex; padding: 20px 18px; border-right: 1px solid var(--c-line); text-align: left; font-weight: 400;}
.noData-table-row .noData-col-right {display: flex; align-items: center; padding: 20px 18px; text-align: left; font-weight: 400;}
.noData-case {display: flex; gap: 15px; width: 100%;}
.noData-case-num {
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    background-color: rgba(41, 98, 255, 0.08);
    color: var(--c-primary);
    border-radius: var(--radius-m);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    line-height: 1;
}
.noData-case-num span:first-child {font-size: 11px; font-weight: 700; letter-spacing: 0.06em; margin-bottom: 4px;}
.noData-case-num span:last-child {font-size: 20px; font-weight: 700;}
.noData-case-text {flex: 1; font-size: 15px; line-height: 1.65; color: var(--c-text-sub); text-align: left; word-break: keep-all;}
.noData-solution {margin: 0; font-size: 15px; line-height: 1.65; color: var(--c-text-sub); word-break: keep-all;}

/* 하단 안내 */
.noData-footer {padding: 22px 26px; background-color: var(--c-bg-soft); border: 1px solid var(--c-line); border-radius: var(--radius-l);}
.noData-footer-text {margin: 0; display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 1.65; color: var(--c-text-sub); word-break: keep-all;}
.noData-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 0;
    margin-top: 1px;
    background-color: var(--c-primary);
    color: #fff;
    border-radius: 50%;
    font-size: 13px;
    line-height: 1;
}

/* 노데이터 확인방법 */
.checkNoData-header {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 72px 0 20px; padding-left: 14px; border-left: 4px solid var(--c-primary);}
.checkNoData-title-wrap {display: block; flex: none; border: none; padding: 0;}
.checkNoData-title-wrap.right-title {flex: none; padding-left: 0; justify-content: flex-start;}
.checkNoData-main-title2 {margin: 0; font-size: 24px; font-weight: 700; letter-spacing: -0.01em; color: var(--c-text); text-align: left;}
.checkNoData-main-title {margin: 0; font-size: 16px; font-weight: 400; line-height: 1.6; color: var(--c-text-sub); text-align: left; word-break: keep-all;}
.checkNoData-divider {width: 100%; height: 1px; background-color: var(--c-line); margin-bottom: 30px;}
.checkNoData-content {margin-bottom: 0;}
.checkNoData-table {width: 100%; border: 1px solid var(--c-line); border-radius: var(--radius-m); overflow: hidden;}
.checkNoData-table-header {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: var(--c-bg-soft); border-bottom: 1px solid var(--c-line);}
.checkNoData-col-left, .checkNoData-col-right {padding: 14px 16px; text-align: center; font-weight: 700; font-size: 14px; color: var(--c-text);}
.checkNoData-table-header .checkNoData-col-left {border-right: 1px solid var(--c-line);}
.checkNoData-table-row {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
.checkNoData-table-row .checkNoData-col-left {border-right: 1px solid var(--c-line); padding: 28px 24px; display: flex; flex-direction: column; align-items: center; font-weight: 400;}
.checkNoData-table-row .checkNoData-col-right {padding: 28px 24px; display: flex; flex-direction: column; align-items: center; font-weight: 400;}
.checkNoData-desc {width: 100%; margin-bottom: 22px; font-size: 15px; line-height: 1.7; color: var(--c-text-sub); text-align: center; word-break: keep-all;}
.checkNoData-image-container {width: 100%; max-width: 600px; margin: 0 auto;}
.checkNoData-image {width: 100%; height: auto; display: block; border: 1px solid var(--c-line); border-radius: var(--radius-m);}

@media screen and (max-width: 1024px) {
    .noData-header {grid-template-columns: minmax(0, 1fr); gap: 16px;}
    .noData-table-container {grid-template-columns: minmax(0, 1fr); gap: 24px;}
    .noData-image-area {max-width: 320px; margin: 0 auto;}
}
@media screen and (max-width: 768px) {
    .noData-wrapper {padding: 28px 20px 64px;}
    .noData-title {font-size: 21px;}
    .noData-desc {font-size: 15px;}
    .noData-table-header {display: none;}
    .noData-table-row {grid-template-columns: minmax(0, 1fr);}
    .noData-table-row .noData-col-left {border-right: none; border-bottom: 1px solid var(--c-line);}
    .noData-table-row .noData-col-right {background: var(--c-bg-soft);}
    .checkNoData-header {margin: 48px 0 18px;}
    .checkNoData-main-title2 {font-size: 21px;}
    .checkNoData-main-title {font-size: 15px;}
    .checkNoData-table-header {display: none;}
    .checkNoData-table-row {grid-template-columns: minmax(0, 1fr);}
    .checkNoData-table-row .checkNoData-col-left {border-right: none; border-bottom: 1px solid var(--c-line);}
}
@media screen and (max-width: 480px) {
    .noData-desc {font-size: 14px;}
    .noData-alert {font-size: 13px; padding: 9px 12px;}
    .noData-case {flex-direction: column; gap: 10px;}
    .noData-case-num {align-self: flex-start; width: 50px; height: 50px;}
    .noData-case-num span:last-child {font-size: 18px;}
    .noData-case-text, .noData-solution {font-size: 14px;}
    .noData-table-row .noData-col-left, .noData-table-row .noData-col-right {padding: 16px 14px;}
    .noData-footer {padding: 18px 16px;}
    .noData-footer-text {font-size: 14px;}
    .noData-icon {width: 20px; height: 20px; font-size: 12px;}
    .checkNoData-main-title2 {font-size: 19px;}
    .checkNoData-desc {font-size: 14px; margin-bottom: 18px;}
    .checkNoData-table-row .checkNoData-col-left,
    .checkNoData-table-row .checkNoData-col-right {padding: 20px 15px;}
}

/* 오픈api 이용방법 안내 — 디자인 토큰(UserDev.css :root) 기준 */
.MarketApiSection {max-width: 1550px; margin: 0 auto; padding: 40px 20px; color: var(--c-text); font-family: var(--ff-base); box-sizing: border-box;}
.MarketApiSection *, .MarketApiSection *::before, .MarketApiSection *::after {box-sizing: border-box;}
.MarketApiSection-title {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 28px;
	padding-left: 14px;
	border-left: 4px solid var(--c-primary);
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.4;
	color: var(--c-text);
	word-break: keep-all;
}
.MarketApiSection-title i {color: var(--c-primary); font-size: 16px;}
.MarketApiSection-contentWrapper {
	position: relative;
	padding: 32px;
	background: var(--c-bg-soft);
	border: 1px solid var(--c-line);
	border-radius: var(--radius-l);
}

/* 마켓 선택 탭 */
.MarketApiSection-subTabs {display: flex; justify-content: center; margin-bottom: 36px; gap: 16px; flex-wrap: wrap;}
.MarketApiSection-subTab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 168px;
	padding: 16px 24px;
	background: var(--c-bg);
	border: 1px solid var(--c-line);
	border-radius: 999px;
	cursor: pointer;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.MarketApiSection-subTab:hover {border-color: rgba(41, 98, 255, 0.35);}
.MarketApiSection-subTab img {width: auto; opacity: 0.5; transition: opacity 0.25s ease;}
.MarketApiSection-subTab.active {background: var(--c-bg); border-color: var(--c-primary); box-shadow: 0 0 0 3px rgba(41, 98, 255, 0.1);}
.MarketApiSection-subTab.active img {opacity: 1;}
.MarketApiSection-subContent {display: none;}
.MarketApiSection-subContent.active {display: block;}

/* 본문 */
.MarketApiSection-infoText {margin-bottom: 28px; line-height: 1.7;}
.MarketApiSection-infoSection {
	margin-bottom: 20px;
	padding: 14px 20px;
	background: rgba(41, 98, 255, 0.06);
	border: 1px solid rgba(41, 98, 255, 0.18);
	border-radius: var(--radius-m);
	font-size: 17px;
	color: var(--c-text);
}
.MarketApiSection-infoSection strong {font-weight: 700;}
.MarketApiSection-infoItem {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 10px 0 5px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	color: var(--c-text-sub);
	word-break: keep-all;
}
.MarketApiSection-infoItem strong {font-weight: 700; color: var(--c-text);}
.MarketApiSection-infoItem i {flex: 0 0 auto; margin-right: 0; margin-top: 7px; color: var(--c-primary); font-size: 12px; width: 12px; text-align: center;}
.MarketApiSection-highlight {color: #e53935; font-weight: 700;}
.MarketApiSection-notice {
	margin: 15px 0;
	padding: 16px 20px;
	background: var(--c-bg);
	border: 1px solid var(--c-line);
	border-left: 3px solid var(--c-primary);
	border-radius: var(--radius-m);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.75;
	color: var(--c-text-sub);
	word-break: keep-all;
}
.MarketApiSection-notice strong {font-weight: 700; color: var(--c-text);}

/* 캡처 이미지 */
.MarketApiSection-imageContainer {margin-top: 32px; width: 100%;}
.MarketApiSection-ImageArea {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 16px;
	background: var(--c-bg);
	border: 1px solid var(--c-line);
	border-radius: var(--radius-m);
}
.MarketApiSection-ImageArea img {object-fit: contain; margin-bottom: 0; border-radius: var(--radius-s);}

/* 강조 안내 */
.MarketApiSection-overlayBox {
	margin: 24px 0;
	padding: 20px 28px;
	background: rgba(41, 98, 255, 0.06);
	border: 1px solid rgba(41, 98, 255, 0.22);
	border-radius: var(--radius-m);
	line-height: 1.65;
	color: var(--c-text);
	text-align: center;
}
.MarketApiSection-overlayText {font-size: 15px; word-break: keep-all;}
.MarketApiSection-overlayButton {
	margin-top: 12px;
	padding: 10px 20px;
	background: var(--c-primary);
	border: none;
	border-radius: 999px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.25s ease;
}
.MarketApiSection-overlayButton:hover {background: var(--c-primary-dark);}
.infoItemLink a {color: var(--c-primary); text-decoration: none; margin-left: 5px; word-break: break-all;}
.infoItemLink a:hover {text-decoration: underline;}
.copyMessage {
	position: fixed;
	top: 50vh;
	left: 50vw;
	transform: translate(-50%, -50%);
	background: rgba(17, 24, 39, 0.9);
	color: #fff;
	padding: 20px 32px;
	border-radius: var(--radius-m);
	font-size: 16px;
	font-weight: 500;
	z-index: 1000;
	display: none;
}

/* 강조 텍스트 클래스 추가 */
.text-bold {font-weight: 600;}

@media (max-width: 1024px) {
   .MarketApiSection {padding: 30px 15px;}
   .MarketApiSection-title {font-size: 23px;}
   .MarketApiSection-contentWrapper {padding: 24px;}
   .MarketApiSection-overlayBox {padding: 18px 24px;}
   .MarketApiSection-infoItem {font-size: 15px;}
   .MarketApiSection-notice {padding: 15px 18px; font-size: 14px;}
}
@media (max-width: 768px) {
   .MarketApiSection {padding: 20px 10px;}
   .MarketApiSection-title {font-size: 20px; margin-bottom: 22px; line-height: 1.45;}
   .MarketApiSection-contentWrapper {padding: 20px 16px;}
   .MarketApiSection-subTabs {gap: 12px; margin-bottom: 28px;}
   .MarketApiSection-subTab {min-width: 0; flex: 1 1 140px; padding: 14px 18px;}
   .MarketApiSection-infoSection {padding: 12px 15px; font-size: 15px;}
   .MarketApiSection-infoItem {font-size: 14px; line-height: 1.65; margin: 12px 0 5px;}
   .MarketApiSection-infoItem i {margin-top: 5px;}
   .MarketApiSection-notice {padding: 14px 16px; font-size: 14px;}
   .MarketApiSection-imageContainer {margin-top: 24px;}
   .MarketApiSection-ImageArea {margin-bottom: 14px; padding: 10px;}
   .MarketApiSection-overlayBox {padding: 16px 18px; margin: 20px 0;}
   .MarketApiSection-overlayText {font-size: 14px;}
}
@media (max-width: 480px) {
   .MarketApiSection-title {font-size: 18px; margin-bottom: 18px; padding-left: 10px; gap: 8px;}
   .MarketApiSection-contentWrapper {padding: 16px 12px;}
   .MarketApiSection-subTabs {gap: 10px;}
   .MarketApiSection-infoSection {padding: 11px 13px; font-size: 14px;}
   .MarketApiSection-infoItem {font-size: 13px; margin: 10px 0 3px;}
   .MarketApiSection-notice {padding: 12px 14px; font-size: 13px; margin: 12px 0;}
   .MarketApiSection-imageContainer {margin-top: 20px;}
   .MarketApiSection-ImageArea {margin-bottom: 10px; padding: 8px;}
   .MarketApiSection-overlayBox {margin: 16px 0;}
   .MarketApiSection-overlayText {font-size: 13px;}
   .MarketApiSection-overlayButton {padding: 8px 15px; font-size: 13px;}
}

/* 주소관리 - 수취인 */
/* ===== 수취인 주소록 관리 (MemAddr_L.asp) ===== */
.recipientManage-wrap { top: 0; left: 0; width: 100%; height: auto; background: #f8faff; z-index: 1000; overflow-x: hidden; }
.recipientManage-layer {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 24px 20px 0;
    position: relative;
    background: #f8faff;
}
.recipientManage-layer2 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 30px 20px;
    position: relative;
    background: #f8faff;
}

/* 헤더 */
.recipientManage-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 18px;
    border-bottom: 2px solid #e2e8f0;
}
.recipientManage-header h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
}
.recipientManage-header h2 i {
    color: #3858e9;
    font-size: 18px;
}
.recipientManage-closeBtn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.15s;
}
.recipientManage-closeBtn:hover { background: #e2e8f0; color: #1e293b; }

/* 추가 버튼 그룹 */
.recipientManage-btnGroup { display: flex; gap: 10px; margin-bottom: 20px; width: 100%; }
.recipientManage-addBtn, .recipientManage-addBtn2 {
    flex: 1;
    height: 48px;
    border: 1.5px solid #3858e9;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-weight: 600;
    font-size: 14px;
    color: #3858e9;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.15s;
}
.recipientManage-addBtn:hover, .recipientManage-addBtn2:hover {
    background: #f0f3ff;
    border-color: #2b47d4;
    color: #2b47d4;
}
.recipientManage-addBtn2 { width: 100%; }

/* 폼 */
.recipientManage-form { margin-bottom: 24px; }
.recipientManage-formGrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.recipientManage-leftCol { display: flex; flex-direction: column; gap: 15px; }
.recipientManage-rightCol { display: flex; flex-direction: column; gap: 15px; }
.recipientManage-formRow { display: flex; gap: 10px; width: 100%; align-items: flex-start; }
.recipientManage-formRow .standardForm { flex: 1; }
.recipientManage-allRL .recipientManage-formRow .standardForm:first-child { flex: 0 0 120px; }
.recipientManage-rightCol .recipientManage-formRow { align-items: stretch; }
.recipientManage-rightCol .recipientManage-formRow .formBtm-style7 { min-width: 100px; height: 40px; }
.recipientManage-allRL { margin-top: 15px; }
.recipientManage-btnWrap { display: flex; justify-content: center; margin-top: 20px; gap: 8px; margin-bottom: 20px; }

/* 목록 */
.recipientManage-list { max-height: 440px; overflow-y: auto; padding-right: 2px; }
.recipientManage-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e2e8f0;
    margin-bottom: 10px;
    box-shadow: 0 1px 4px rgba(15,23,42,0.05);
    transition: box-shadow 0.15s, border-color 0.15s;
}
.recipientManage-item:hover { border-color: #c7d2fe; box-shadow: 0 2px 10px rgba(56,88,233,0.08); }
.recipientManage-item2 {
    padding: 18px 20px;
    border-radius: 12px;
    background: #fff;
    margin-bottom: 10px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 4px rgba(15,23,42,0.05);
}
.recipientManage-itemH2 { font-size: 15px; font-weight: 600; margin-bottom: 16px; text-align: center; color: #1e293b; }
.recipientManage-itemInfo { flex: 1; min-width: 0; }
.recipientManage-itemInfo h3 { font-size: 15px; font-weight: 700; margin-bottom: 10px; color: #1e293b; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.recipientManage-itemInfo p { font-size: 13px; color: #64748b; margin-bottom: 5px; line-height: 1.6; }
.recipientManage-itemBtns { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; flex-shrink: 0; }
.recipientManage-itemBtns .formBtm-style6 { white-space: nowrap; min-width: 64px; }
.recipientManage-itemBtns2 { display: flex; gap: 6px; margin-top: 15px; justify-content: center; }

/* 통관구분 배지 */
.basic-adress {
    display: inline-block;
    background: linear-gradient(135deg, #3858e9, #6366f1);
    color: #fff;
    padding: 2px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* 버튼 스타일 통일 */
.recipientManage-itemBtns .formBtm-style6:first-child { background: linear-gradient(135deg, #3858e9, #6366f1); color: #fff; border-color: transparent; }
.recipientManage-itemBtns .formBtm-style6:first-child:hover { background: linear-gradient(135deg, #2b47d4, #5254cc); }

/* 반응형 */
@media (max-width: 768px) {
    .recipientManage-layer { padding: 16px 14px 0; }
    .recipientManage-formGrid { grid-template-columns: 1fr; gap: 18px; }
    .recipientManage-formRow { gap: 8px; flex-direction: row; width: 100%; }
    .recipientManage-allRL .recipientManage-formRow .standardForm:first-child { flex: 0 0 100px; }
    .recipientManage-addBtn { font-size: 13px; padding: 0 10px; gap: 5px; }
    .recipientManage-btnGroup { gap: 8px; }
    .recipientManage-list { max-height: 360px; }
    .recipientManage-item { flex-direction: column; gap: 12px; }
    .recipientManage-itemBtns { flex-direction: row; width: 100%; justify-content: flex-end; }
    .recipientManage-itemBtns .formBtm-style6 { flex: 1; text-align: center; justify-content: center; height: 36px; }
    .recipientManage-itemBtns2 .formBtm-style6 { text-align: center; justify-content: center; width: 100%; height: 36px; }
    .recipientManage-itemBtns-sub { display: flex; gap: 4px; width: 100%; }
    .recipientManage-itemBtns-sub .formBtm-style6 { flex: 1; width: 100%; height: 36px; }
}
@media (max-width: 480px) {
    .recipientManage-addBtn { font-size: 12px; height: 42px; }
    .recipientManage-header h2 { font-size: 14px; }
}
/* 팝업창 상단 공통 */
.allpopup-container {
   background: #fff;
   border-radius: 0px;
   box-shadow: 0 0 0px rgba(0,0,0,0.1);
   width: 100%;
   margin: 0px;
}
.allpopup-titleBox {
   display: flex; 
   justify-content: space-between; 
   align-items: center; 
   padding: 25px 20px;
   border-bottom: 1px solid #e9eaed;
}
.allpopup-titleBox h2 {display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 500;}
.allpopup-closeButton {
   width: 32px; 
   height: 32px; 
   border-radius: 50%; 
   background: #f5f5f5; 
   display: flex; 
   align-items: center; 
   justify-content: center;
}
@media screen and (max-width: 768px) {
	.allpopup-container {margin: 5px; width: calc(100% - 10px);}
	.allpopup-titleBox {padding: 12px;}
	.allpopup-container h2 {font-size: 15px;}
}

/* 트레킹번호 일괄입력 팝업 */
.trackingNumberPopup-content {padding: 20px;}
.trackingNumberPop-search-area {margin-bottom: 20px;}
.trackingNumberPop-search-box {display: flex; gap: 8px; margin-bottom: 10px; flex-wrap: nowrap; align-items: center; width: 100%;}
.trackingNumberPop-input-tracking-area {display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; width: 100%;}
.trackingNumberPop-download-area {display: flex; gap: 8px; margin-left: auto;}
.trackingNumberPop-table-container {
    margin-bottom: 20px; 
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.trackingNumberPop-tracking-table {width: 100%; min-width: 768px; border-collapse: separate; border-spacing: 0;}
.trackingNumberPop-tracking-table th,
.trackingNumberPop-tracking-table td {
    padding: 12px 10px; 
    font-size: 14px; 
    text-align: center; 
    border-bottom: 1px solid #edf2f9; 
    border-right: none;
}
.trackingNumberPop-tracking-table thead tr th {
    position: sticky;
    top: 0;
    background: #f9fafd;
    padding: 15px 10px;
    font-size: 14px;
    text-align: center;
    border-top: 1px solid #edf2f9;
    border-bottom: 1px solid #edf2f9;
    border-right: none;
    z-index: 50;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
.trackingNumberPop-tracking-table th:first-child,
.trackingNumberPop-tracking-table td:first-child {width: 40px; min-width: 40px; text-align: center; padding: 12px 5px;}
.trackingNumberPop-tracking-table td:first-child {background: none;}
.trackingNumberPop-tracking-table th:last-child,
.trackingNumberPop-tracking-table td:last-child {border-right: none;}
.trackingNumberPop-tracking-table tbody tr:hover {background-color: #f9fafd;}
.trackingNumberPop-tracking-number-input {width: 100%; padding: 5px; border: 1px solid #ddd; border-radius: 4px;}
.trackingNumberPop-check-all,.trackingNumberPop-check-item {width: 16px; height: 16px;}
.trackingNumberPop-button-area {display: flex; justify-content: center; margin-top: 20px;}
.track_noData-img img {width:84px; height:84px;}
@media screen and (max-width: 1000px) {
   .trackingNumberPop-search-box, .trackingNumberPop-input-tracking-area {flex-wrap: wrap;}
   .trackingNumberPop-download-area {margin-left: 0; margin-top: 8px;}
}
@media screen and (max-width: 768px) {
	.trackingNumberPop-search-box {flex-direction: column; gap: 5px; align-items: flex-start;}
	.trackingNumberPop-tracking-table td {font-size: 12px; font-weight: 500;}
	.trackingNumberPop-input-tracking-area {flex-direction: column; align-items: flex-start; gap: 10px;}
	.trackingNumberPop-download-area {margin-top: 10px; width: 100%; justify-content: space-between;}
	}

/* 실사사진 팝업 */
.realPhoto-content {padding: 20px; max-height: 79vh; overflow-y:auto;}
.realPhoto-infoBox {display: flex; border: 1px solid #e9eaed; padding: 15px; margin-bottom: 20px;}
.realPhoto-infoTitle {font-weight: 500; margin-right: 15px; min-width: 100px; position: relative; padding-right: 15px;}
.realPhoto-infoTitle::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 14px;
    width: 1px;
    background-color: #e9eaed;
}
.realPhoto-infoNumber {font-weight: bold;}
.realPhoto-thumbContainer {border: 1px dashed #ddd; padding: 8px 3px; margin-bottom: 20px; width: 100%; box-sizing: border-box;}
.realPhoto-thumbBox {
    display: flex; 
    flex-wrap: wrap; 
    gap: 6px; 
    padding: 5px; 
    justify-content: center;
    width: 100%;
}
.realPhoto-thumb {
    width: 82px;
    height: 82px;
    margin: 0;
    border: 1px solid #e9eaed;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.2s ease;
    box-sizing: border-box;
}
.realPhoto-thumb:hover {border-color: #a0a0a0;}
.realPhoto-thumb.active {border: 2px solid #4a90e2;}
.realPhoto-thumb img {max-width: 100%; max-height: 100%; object-fit: cover;}
.realPhoto-mainContainer {margin-bottom: 10px; border: 1px dashed #ddd; padding: 10px; width: 100%; box-sizing: border-box;}
.realPhoto-mainBox {width: auto; max-width: 960px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.realPhoto-mainBox img {width: 100%; height: auto; object-fit: contain; max-width: 960px;}
.realPhoto-allBox {width: 100%; margin: 0 auto; padding-top:10px; }
.realPhoto-allBox p {margin-bottom:5px;}
.trackingNumberPop-button-area {
    display: flex; 
    justify-content: center; 
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: sticky;
    bottom: 0;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .realPhoto-content {padding: 10px; max-height: 60vh; padding-bottom: 0;}
    .realPhoto-thumbBox {justify-content: center;}
}

/* 상품 url 찾기 팝업 */
.urlinfoPopup-contentBox {padding: 20px;}
.urlinfoPopup-noticeList {list-style: none; padding: 0; margin: 20px 0 30px 0;}
.urlinfoPopup-noticeList li {
   position: relative;
   padding-left: 15px;
   font-size: 14px;
   color: #666;
   line-height: 1.6;
   margin-bottom: 5px;
   word-break: break-all;
   padding-right: 10px;
}
.urlinfoPopup-noticeList li:before {content: "•"; position: absolute; left: 0;}
.urlinfoPopup-radioArea {margin-bottom: 40px; justify-content: center;}
.urlinfoPopup-inputArea .standardForm {width: 100%;}
.urlinfoPopup-radioBox {display: flex; gap: 20px; justify-content: center; margin-bottom: 20px;}
.urlinfoPopup-inputArea {margin-bottom: 20px;}
.urlinfoPopup-buttonArea {display: flex; gap: 10px; justify-content: center;}

/* 상품 url 가져오기 추가 */
.registProduct-container {background: #fff; width: 100%; padding: 0 20px 20px;}
.registProduct-header {border-top: 3px solid #d0c9f9; padding-top: 17px;}
.registProduct-titleWrap {width: 100%;}
.registProduct-titleBox {display: flex; align-items: flex-start; gap: 10px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e9eaed;}
.registProduct-label {background: #73ba3a; color: #fff; padding: 8px 12px; font-size: 14px; font-weight: 500; width: 160px; height:40px; display: flex; align-items: center; justify-content: center; padding:0;}
.registProduct-title {font-size: 16px; font-weight: 500; margin: 0; word-break: break-all; flex: 1; line-height: 2;}
.registProduct-controlBox {display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.registProduct-input {height: 32px; border: 1px solid #ddd; border-radius: 4px; padding: 0 10px; width: 200px;}
.registProduct-selectBox select {height: 32px; border: 1px solid #ddd; border-radius: 4px; padding: 0 10px; min-width: 200px;}
.registProduct-priceChange {display: flex; width: 100%; align-items: center; border: 1px solid #bfbfbf; border-radius: 3px; height: 40px; min-width: 200px;}
.priceChange-text {padding: 0 12px; color: #000; font-size: 14px; font-weight: 500; white-space: nowrap;}
.priceChange-divider {width: 1px; height: 15px; background: #bfbfbf;}
.registProduct-priceChange input {border: 0; padding: 0 10px 0 0; width: 100%; text-align: right; -moz-appearance: textfield;}
.registProduct-priceChange input::-webkit-outer-spin-button,
.registProduct-priceChange input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.registProduct-priceChange input:focus {outline: none;}
.registProduct-contentWrap {border: 1px solid #e9eaed; border-radius: 8px; padding: 20px; margin: 20px 0;}
.registProduct-content {display: flex; gap: 20px;}
.registProduct-imageBox {width: 220px;}
.registProduct-mainImage {
   background: #fff; 
   border-radius: 5px; 
   overflow: hidden; 
   margin-bottom: 10px;
   border: 1px solid #ddd;
   width: 220px;
   height: 220px;
}
.registProduct-mainImage img {width: 100%; height: 100%; object-fit: cover;}
.registProduct-thumbnails {display: flex; gap: 10px;}
.thumbnail-item {flex: 1; border: 1px solid #ddd; border-radius: 2px; overflow: hidden; background: #fff; width: 40px; height: 40px;}
.thumbnail-item img {width: 100%; height: 100%; object-fit: cover;}
.registProduct-tableWrap {flex: 1; background: #fff; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.registProduct-table {width: 100%;}
.registProduct-tableHeader {display: flex; padding: 15px 0; border-bottom: 1px solid #ddd;}
.registProduct-tableHeader .registProduct-col {justify-content: center; text-align: center;}
.registProduct-row {display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #e9eaed;}
.registProduct-col {display: flex; align-items: center; gap: 10px; padding: 0 10px;}
.registProduct-col:nth-child(1) {width: 30%;}
.registProduct-col:nth-child(2) {width: 30%;}
.registProduct-col:nth-child(3) {width: 25%;}
.registProduct-col:nth-child(4) {width: 15%;}
.registProduct-col img {width: 40px; height: 40px; border-radius: 2px; object-fit: cover;}
.registProduct-quantity {display: flex; align-items: center; gap: 5px;}
.registProduct-quantity button {width: 24px; height: 24px; border: 1px solid #ddd; background: #fff; border-radius: 3px;}
.registProduct-quantity input {width: 60px; text-align: center; border: 1px solid #ddd; border-radius: 3px; padding: 2px;}
.registProduct-footer {margin-top: -10px; padding:20px;}
.registProduct-divider {height: 1px; background: #e8e8e8; margin: 15px 0;}
.registProduct-divider2 {height: 3px; background: #d0c9f9; margin: 15px 0;}
.registProduct-totalInfo {display: flex; justify-content: flex-end; gap: 20px;}
.total-item {font-size: 18px; font-weight: 500; color: #000;}
.registProduct-buttons {display: flex; justify-content: center; gap: 10px; margin-top: 15px;}
@media screen and (max-width: 768px) {
    .registProduct-content {flex-direction: column;}
    .registProduct-imageBox {width: 100%; display: flex; flex-direction: column; align-items: center;}
    .registProduct-mainImage {width: 150px; height: 150px; margin: 0 auto 10px;}
    .registProduct-thumbnails {width: 100%; justify-content: center;}
    .thumbnail-item {flex: 0 0 40px; width: 40px; height: 40px;}
    .registProduct-tableWrap {border-left: 0; border-right: 0; border-radius: 0;}
    .registProduct-tableBody {height: auto; max-height: none; overflow-y: visible;}
    .registProduct-row {flex-direction: column; align-items: flex-start; gap: 10px; padding: 15px 0;}
    .registProduct-col {width: 100% !important; white-space: nowrap;}
    .registProduct-col .standardForm {width: 100%;}
    .registProduct-quantity {width: 100%; display: flex; justify-content: center;}
    .registProduct-quantity .standardForm {width: auto;}
    .registProduct-totalInfo {flex-direction: column; align-items: flex-end; gap: 5px;}
}
@media screen and (max-width: 480px) {
    .registProduct-quantity input {width: 40px;}
}

/* 장바구니 오더내역 복사 */
.urlinfoCopy-contentBox {padding: 20px;}
.urlinfoCopy-noticeList {list-style: none; padding: 0; margin: 20px 0 30px 0;}
.urlinfoCopy-noticeList li {
   position: relative;
   padding-left: 15px;
   font-size: 14px;
   color: #666;
   line-height: 1.6;
   margin-bottom: 5px;
   word-break: break-all;
   padding-right: 10px;
}
.urlinfoCopy-howtoBtn {
   background-color: #73ba3a;
   color: #fff;
   padding: 8px 15px;
   border-radius: 4px;
   border: none;
   font-size: 14px;
   cursor: pointer;
   display: flex;
   align-items: center;
   gap: 8px;
   transition: background-color 0.2s;
   margin-top: 10px;
}
.urlinfoCopy-noticeList li.howto-item {padding-left: 0;}
.urlinfoCopy-noticeList li.howto-item:before {display: none;}
.urlinfoCopy-howtoBtn:hover {background-color: #619f31;}
.urlinfoCopy-noticeList li:before {content: "•"; position: absolute; left: 0;}
.urlinfoCopy-radioArea {margin-bottom: 40px; justify-content: center;}
.urlinfoCopy-radioBox {display: flex; gap: 20px; justify-content: center; margin-bottom: 20px;}
.urlinfoCopy-tool {
   width: 100%;
   padding: 15px;
   border: 1px solid #e7e7e7;
   font-size: 14px;
   resize: none;
   margin-bottom: 20px;
}
.urlinfoCopy-button {display: flex; gap: 10px; justify-content: center;}
@media (max-width: 768px) {
   .urlinfoPopup-container,
   .urlinfoCopy-container {margin: 10px; width: calc(100% - 20px);}
   .urlinfoPopup-contentBox,
   .urlinfoCopy-contentBox {padding: 15px;}
   .urlinfoPopup-radioBox,
   .urlinfoCopy-radioBox {flex-wrap: wrap; gap: 10px; padding: 0 5px;}
   .nomalRadio-label {flex: 1 1 calc(50% - 10px); min-width: 120px;}
   .urlinfoCopy-howtoBtn {
       white-space: normal;
       height: auto;
       min-height: 44px;
       padding: 8px 12px;
       justify-content: space-between;
   }
}
@media (max-width: 480px) {
   .urlinfoPopup-titleBox,
   .urlinfoCopy-titleBox {padding: 15px;}
   .urlinfoPopup-titleBox h2,
   .urlinfoCopy-titleBox h2 {font-size: 16px;}
}

/* 재고상품 등록상품 주문번호별 팝업 */
.productImport-contentBox {padding: 20px;}
.standardSearchForm {display: flex; gap: 10px; align-items: flex-end; margin-top: 20px;}
.standardSearchForm .standardForm {flex: 1;}
.productImport-tab-wrap {width: 100%; display: flex; flex-direction: column; align-items: center;}
.productImport-tab-btns {
	display: flex; 
	gap: 8px; 
	align-items: center; 
	justify-content: center; 
	background: #fff; 
	padding: 8px; 
	border-radius: 50px; 
	border: 1px solid #dadada;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.productImport-tab-btns::-webkit-scrollbar {display: none;}
.productImport-tab-btn {
	min-width: 180px;
	padding: 12px 20px;
	border: 1px solid #dadada;
	background: #f6f6f6;
	color: #666;
	font-size: 18px;
	font-weight: 500;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
	flex-shrink: 0;
}
.productImport-tab-btn.active {background: #6052B4; color: #fff;}
.productImport-tab-contents {width: 100%; max-width: 1440px; margin: 30px auto 0; padding: 0 20px;}
.productImport-tab-content.active {display: block;}
@media (max-width: 768px) {
   .standardSearchForm {flex-direction: column; align-items: stretch; margin-top: 15px;}
   .standardSearchForm .formBtm-style6 {width: 100%; margin-top: 10px; height: 40px; text-align: center;}
   .productImport-tab-wrap {width: 100%; padding: 0; margin: 0; align-items: center; overflow: visible;}
   .productImport-tab-btns {padding: 5px; border: 0; gap: 10px; justify-content: center; width: 100%; max-width: none;}
   .productImport-tab-btn {min-width: 110px; padding: 10px 15px; font-size: 15px; white-space: nowrap;}
   .productImport-tab-contents {margin-top: 20px; padding: 0 10px;}
}
@media (max-width: 480px) {
   .productImport-container {margin: 5px; width: calc(100% - 10px);}
   .productImport-tab-btns {padding: 0; gap: 8px;} 
   .productImport-tab-btn {min-width: 100px; padding: 8px 5px; font-size: 14px;}
}

/* 상품불러오기 테이블 */
.productImport-table-wrap {width: 100%; overflow: hidden; margin-top: 40px;}
.productImport-table-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.productImport-table-info {font-size: 15px; color: #666;}
.productImport-table-notice {font-size: 14px; color: #999;}
.productImport-table-container {
	width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.productImport-table-container::-webkit-scrollbar {display: none;}
.productImport-table {width: 100%; border-collapse: collapse; border-spacing: 0;}
.productImport-table th {
    background: #f9fafd;
    padding: 15px 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-top: 1px solid #edf2f9;
    border-bottom: 1px solid #edf2f9;
    white-space: nowrap;
}
.productImport-table td {
    padding: 5px 5px;
	font-size: 14px; 
    text-align: center; 
    border-bottom: 1px solid #e9eaed; 
    white-space: nowrap;
	justify-content: center;
	vertical-align: middle;
}
.productImport-table th:nth-child(3),
.productImport-table th:nth-child(4),
.productImport-table th:nth-child(5),
.productImport-table th:nth-child(6),
.productImport-table td:nth-child(3),
.productImport-table td:nth-child(4),
.productImport-table td:nth-child(5),
.productImport-table td:nth-child(6) {min-width: 90px; max-width: 200px; white-space: normal; word-break: break-all; word-wrap: break-word;}
.product-importimg {width: 64px; height: 64px; vertical-align: middle; border-radius: 3px;}
.sortable {padding: 12px 15px;}
.sort-header {display: flex; align-items: center; justify-content: center; gap: 5px;}
.sort-btns {display: flex; flex-direction: column; gap: 1px;}
.sort-btn {
    border: none;
    background: none;
    padding: 0;
    width: 13px;
    height: 10px;
    line-height: 1;
    cursor: pointer;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sort-btn.up {margin-top: 0px;}
.sort-btn.down {margin-top: -2px;}
.sort-btn:hover {color: #333;}
@media (max-width: 768px) {
	.productImport-table-header {flex-direction: column; align-items: flex-start; gap: 5px;}
	.productImport-table-info {font-size: 14px;}
	.productImport-table-notice {font-size: 13px;}
    .productImport-table {min-width: 1000px;}
    .productImport-table th {padding: 10px; font-size: 13px;}
    .productImport-table td {padding: 10px; font-size: 13px;}
    .product-importimg {width: 50px; height: 50px;}
	.standardSearchForm .formBtm-style3 {width: 100%; text-align: center; justify-content: center;}
}

/* 통관품목검색 팝업창 */
.customsSearch-content {padding: 20px;}
.customsSearch-form {display: flex; gap: 10px; margin-bottom: 20px;}
.customsSearch-form .standardForm {flex: 1;}
.customsSearch-resetBtn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 15px;
	background: #f8f8f8;
	color: #666;
	border-radius: 4px;
	margin-bottom: 20px;
	border: 1px solid #333;
	font-weight: 600;
}
.customsSearch-category {display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 30px;}
.customsSearch-categoryBtn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
	transition: all 0.2s;
}
.customsSearch-categoryBtn:hover {background: #f8f9ff; border-color: #9fb3ee; color: #473fa2;}
.customsSearch-categoryBtn:hover i {color: #473fa2;}
.customsSearch-categoryBtn:active,
.customsSearch-categoryBtn.active {background: #ebedfb; border-color: #7c8cdb; color: #3a328d; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);}
.customsSearch-categoryBtn:active i,
.customsSearch-categoryBtn.active i {color: #3a328d;}
.customsSearch-tableWrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.customsSearch-tableWrap::-webkit-scrollbar {display: none;}
.customsSearch-table {width: 100%; border-collapse: collapse; border-spacing: 0;}
.customsSearch-table th {
	background: #f9fafd;
    padding: 15px 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-top: 1px solid #edf2f9;
    border-bottom: 1px solid #edf2f9;
    white-space: nowrap;
}
.customsSearch-table td {
	padding: 5px 5px;
	font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #e9eaed;
    white-space: nowrap;
	justify-content: center;
	vertical-align: middle;
}
.customsSearch-table .customsSearch-tableTXT {color: #666565;}
.customsSearch-table th:nth-child(1),
.customsSearch-table td:nth-child(1) {min-width: 80px;}
.customsSearch-table th:nth-child(2),
.customsSearch-table td:nth-child(2) {min-width: 80px;}
.customsSearch-table th:nth-child(3), 
.customsSearch-table td:nth-child(3) {min-width: 180px; white-space: normal; word-break: keep-all;}
.customsSearch-table td:nth-child(3) p {margin: 0; line-height: 1.4;}
.customsSearch-table th:nth-child(4),
.customsSearch-table td:nth-child(4) {min-width: 80px;}
.customsSearch-table th:nth-child(5),
.customsSearch-table td:nth-child(5) {min-width: 100px;}
.customsSearch-table .formBtm-style6 {justify-content: center;}
@media (max-width: 768px) {
  .customsSearch-content {padding: 15px;}
  .customsSearch-form {flex-direction: column;}
  .customsSearch-category {grid-template-columns: repeat(2, 1fr);}
  .customsSearch-table {min-width: auto; font-size: 14px;}
  .customsSearch-table th,
  .customsSearch-table td {padding: 10px 5px;}
  .customsSearch-table td:first-child {display: flex; flex-direction: column; gap: 5px; padding: 10px 5px; min-width: 95px;}
  .customsSearch-table th:nth-child(2),
  .customsSearch-table td:nth-child(2) {min-width: 60px;}
  .customsSearch-table th:nth-child(3),
  .customsSearch-table td:nth-child(3) {min-width: 150px; padding: 15px 5px; word-break: keep-all;}
  .customsSearch-table th:nth-child(4),
  .customsSearch-table td:nth-child(4) {min-width: 70px;}
  .customsSearch-table th:nth-child(5),
  .customsSearch-table td:nth-child(5) {min-width: 80px;}
}

/* 일괄등록 팝업 */
.allRegistration-content {padding: 20px;}
.allRegistration-inputSection {border-top: 2px solid #e7e3ff; border-bottom: 2px solid #e7e3ff; padding: 15px 0; margin: 15px 0;}
.allRegistration-inputRow {display: flex; gap: 10px; margin-bottom: 10px;}
.allRegistration-inputRow:last-child {margin-bottom: 0;}
.allRegistration-inputGroup {flex: 1; display: flex; gap: 10px; align-items: flex-start;}
.allRegistration-inputGroup .standardForm {flex: 2;}
.allRegistration-description {color: #666; font-size: 14px; margin: 15px 0; line-height: 1.4;}
.allRegistration-table {width: 100%; border-collapse: separate; border-spacing: 0;}
.allRegistration-table th {background: #f9fafd; padding: 15px 10px; font-size: 14px; text-align: center; border-top: 1px solid #edf2f9; border-bottom: 1px solid #edf2f9; border-right: none;}
.allRegistration-table td {padding: 12px 10px; font-size: 14px; text-align: center; border-bottom: 1px solid #edf2f9; border-right: none;}
.allRegistration-table th:last-child,
.allRegistration-table td:last-child {border-right: none;}
.allRegistration-table th:first-child {width: 40px; min-width: 40px; text-align: center; padding: 12px 5px;}
.allRegistration-table td:first-child {width: 40px; min-width: 40px; text-align: center; padding: 12px 5px; background: none;}
.allRegistration-btnCenter {display: flex; justify-content: center; padding: 15px 0 0;}
.allRegistration-btnCenter button {margin-left:10px;}
.allRegistration-btnCenter button:fist-child {margin-left:0px;}
@media (max-width: 768px) {
	.allRegistration-content {padding: 12px;}
	.allRegistration-inputRow {flex-direction: column;}
	.allRegistration-inputGroup {flex-direction: column;}
	.allRegistration-selectWrap {width: 100%;}
	.allRegistration-inputGroup .formBtm-style3 {width: 100%; height: 40px;}
	.allRegistration-btnCenter .formBtm-style3 {width: auto; height: 40px;}
	.allRegistration-inputGroup .form-select {width: 100%;}
	.allRegistration-inputGroup .nomal-Select {width: 100%;}
	.select-wrap {width: 100%;}
	.select-wrap select {width: 100%;}
	.allRegistration-tableContainer {margin: 20px -12px; padding: 0 12px; overflow-x: auto; white-space: nowrap;}
	.allRegistration-table {width: 800px; min-width: 800px;}
	.allRegistration-table td,
	.allRegistration-table th {white-space: nowrap;}
}

/* 예치금 신청 */
.depositPopup-contentBox {padding: 20px;}
.depositPopup-radioArea {
	background: #f5f5f5;
	border-radius: 30px;
	padding: 20px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	margin-bottom: 20px;
	width: 100%;
}
.depositPopup-radioArea h3 {font-size: 16px; font-weight: 500; margin: 0}
.depositPopup-radioBox {display: flex; gap: 40px;}
.depositPopup-accountWrap {border: 1px solid #e9eaed; border-radius: 8px; padding: 20px; margin-bottom: 20px; width: 100%;}
.depositPopup-accountInfo {display: flex; align-items: center; justify-content: center;	gap: 40px;}
.depositPopup-accountInfo h3 {
   font-size: 16px; 
   font-weight: 500; 
   margin: 0; 
   padding-right: 40px;
   border-right: 1px solid #e9eaed;
   text-align: center;
   min-width: fit-content;
   display: flex;
   align-items: center;
   height: 20px;
}
.depositPopup-accountBox {display: flex; align-items: center; justify-content: center; gap: 40px;}
.depositPopup-accountBox span {
   display: flex;
   align-items: center;
   justify-content: center;
   color: #666;
   font-size: 14px;
   position: relative;
   padding-left: 12px;
   text-align: center;
}
.depositPopup-accountBox span:before {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 4px;
   height: 4px;
   background: #999;
   border-radius: 50%;
}
.depositPopup-formWrap {background: #f9f9f9; border-radius: 8px; padding: 20px; margin-bottom: 20px; width: 100%;}
.depositPopup-formArea {display: flex; gap: 15px; width: 100%;}
.depositPopup-formArea .standardForm {position: relative; flex: 1;}
.calendar-button {
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
   background: none;
   border: 0;
   color: #666;
}
.depositPopup-notice {text-align: center; color: #666; font-size: 14px; margin: 0 0 20px 0;}
.depositPopup-buttonArea {display: flex; gap: 10px; justify-content: center;}
@media screen and (max-width: 768px) {
  .depositPopup-contentBox {padding: 12px;}
  .depositPopup-radioArea {padding: 20px 12px; gap: 15px; flex-direction: column; margin: 0 0 15px 0; width: auto; border-radius: 5px;}
  .depositPopup-radioArea h3 {width: 100%; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
  .depositPopup-radioBox {width: 100%; display: flex; justify-content: center; gap: 15px;}
  .depositPopup-radioBox .nomalRadio-label {display: flex; align-items: center; justify-content: center;}
  .depositPopup-accountWrap {padding: 15px; margin: 0 0 15px 0; width: auto;}
  .depositPopup-accountInfo {flex-direction: column; align-items: flex-start; gap: 15px;}
  .depositPopup-accountInfo h3 {padding: 0 0 10px 0; border-right: 0; border-bottom: 1px solid #e9eaed; width: 100%; text-align: left;}
  .depositPopup-accountBox {flex-direction: column; align-items: flex-start; width: 100%; gap: 10px;}
  .depositPopup-accountBox span {justify-content: flex-start; width: 100%;}
  .depositPopup-formWrap {padding: 15px; margin: 0 0 15px 0; width: auto;}
  .depositPopup-formArea {flex-direction: column; gap: 10px;}
  .depositPopup-formArea .standardForm {width: 100%;}
  .depositPopup-notice {margin: 0 0 15px 0;}
  .depositPopup-buttonArea {gap: 8px;}
}

/* 예치금 환불 */
.depositPaybackPopup-content {padding: 20px;}
.depositPaybackPopup-inputSection {background: #f9f9f9; border-radius: 8px; padding: 20px; margin-bottom: 20px;}
.depositPaybackPopup-inputRow {display: flex; gap: 15px; margin-bottom: 15px;}
.depositPaybackPopup-inputRow:last-child {margin-bottom: 0;}
.depositPaybackPopup-inputGroup {flex: 1; display: flex; gap: 15px;}
.depositPaybackPopup-inputGroup .standardForm {flex: 1;}
.depositPaybackPopup-notice {text-align: center; color: #666; font-size: 14px; margin: 0 0 20px 0;}
.depositPaybackPopup-btnCenter {display: flex; justify-content: center; gap: 10px;}
@media screen and (max-width: 768px) {
   .depositPaybackPopup-content {padding: 12px;}
   .depositPaybackPopup-inputSection {padding: 15px; margin: 0 0 15px 0;}
   .depositPaybackPopup-inputRow {flex-direction: column; gap: 10px; margin-bottom: 10px; width: 100%;}
   .depositPaybackPopup-inputGroup {flex-direction: column; width: 100%;}
   .depositPaybackPopup-inputGroup .standardForm {width: 100%; flex: none;}
}

/* 반품신청 */
.takeBackPop-content {padding: 15px;}
.takeBackPop-content h2 {margin-bottom: 20px; font-size: 16px; font-weight: 500;}
.takeBackPop-notice {display: flex; align-items: center; gap: 8px; margin-bottom: 20px;}
.takeBackPop-notice p {font-size: 14px; font-weight: 500; color: #000; margin: 0; padding-left: 10px;}
.takeBackPop-inputSection {background: #f8f9fa; border-radius: 8px; padding: 15px; margin-bottom: 20px;}
.takeBackPop-inputRow {display: flex; flex-direction: column; gap: 15px;}
.takeBackPop-infoFlex {display: flex; gap: 20px;}
.takeBackPop-infoFlex .takeBackPop-inputBox {flex: 1;}
.takeBackPop-inputBox {background: #fff; padding: 12px; border-radius: 4px; font-size: 14px;display: flex; align-items: center;}
.takeBackPop-inputBox .label {color: #666;}
.takeBackPop-inputBox .divider {color: #e9eaed; margin: 0 8px;}
.takeBackPop-inputBox .text {color: #333;}
.takeBackPop-warning {color: #666; font-size: 14px; font-weight: 500; margin: 15px 0;}
.takeBackPop-productList {border: 1px solid #e9eaed; border-radius: 8px; margin: 20px 0;}
.takeBackPop-cardHeader {padding: 15px 20px; border-bottom: 1px solid #e9eaed;}
.takeBackPop-cardItem {border: 1px solid #e9eaed; margin: 10px; border-radius: 3px;}
/* .takeBackPop-cardItem:nth-child(even) {background: #f7f7f8;} 첫번째 상품테이블 배경으로 회색이 들어감 */
.takeBackPop-cardItem:nth-child(odd) {background: #f7f7f8;} /* 두번째 상품테이블 배경으로 회색이 들어감 */
.takeBackPop-cardCheck {padding: 10px; display: flex; justify-content: flex-start;}
.takeBackPop-cardContent {display: flex; gap: 20px; padding: 15px;}
.takeBackPop-imageUpload {flex-shrink: 0; width: 120px; height: 120px;}
.takeBackPop-preview {width: 100%; height: 100%; border: 1px solid #e9eaed; border-radius: 4px; overflow: hidden;}
.takeBackPop-preview img {width: 100%; height: 100%; object-fit: cover;}
.takeBackPop-productInfo {flex: 1;}
.takeBackPop-info-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; margin-bottom: 10px;}
.takeBackPop-info-box {
	display: flex; 
	align-items: center; 
	padding: 10px; 
	border: 1px solid #e9eaed; 
	border-radius: 4px; 
	background: #fff; 
	font-size: 14px; 
	font-weight: 500;
}
.info-label {color: #666;}
.info-divider {color: #e9eaed; margin: 0 8px;}
.info-text {color: #333;}
.takeBackPop-footer {display: flex; justify-content: center; gap: 10px; padding: 20px;}
@media screen and (max-width: 768px) {
	.takeBackPop-content {width: 100%; box-sizing: border-box; padding: 10px;}
	.takeBackPop-notice p {line-height: 21px; font-size: 14px;}
	.takeBackPop-infoFlex {flex-direction: column; gap: 10px;}
	.takeBackPop-info-grid,
	.takeBackPop-info-flex {grid-template-columns: 1fr;}
	.takeBackPop-cardContent {flex-direction: column; align-items: center; width: 100%;}
	.takeBackPop-cardCheck {justify-content: center;}
	.takeBackPop-imageUpload {width: 100%; max-width: 200px; height: auto; aspect-ratio: 1;}
	.takeBackPop-productInfo {width: 100%;}
	.takeBackPop-footer {flex-direction: row;}
}

/* 통관조회 팝업 */
.clearanceCheck-content {padding: 20px;}
.clearanceCheck-topArea {display: flex; align-items: center; gap: 10px; margin-bottom: 20px;}
.clearanceCheck-topArea p {font-size: 14px; font-weight: 500; color: #000; margin: 0;}
.clearanceCheck-inputSection {background: #f8f9fa; border-radius: 8px; padding: 15px; margin-bottom: 20px;}
.clearanceCheck-inputBox {background: #fff; padding: 12px; border-radius: 4px; font-size: 16px; font-weight: 600; display: flex; align-items: center;}
.clearanceCheck-inputBox .label {color: #666;}
.clearanceCheck-inputBox .divider {color: #e9eaed; margin: 0 8px;}
.clearanceCheck-inputBox .text {color: #333;}
.clearanceCheck-tableWrap {margin: 20px 0; overflow-x: auto;}
.clearanceCheck-table {width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
.clearanceCheck-table th {
	padding: 15px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	background: #fff;
	border-top: 1px solid #e9eaed;
	border-bottom: 1px solid #e9eaed;
}
.clearanceCheck-table td {padding: 12px; font-size: 14px; font-weight: 400; color: #666; border-bottom: 1px solid #e9eaed; background: #fff;}
.clearanceCheck-table tr:nth-child(even) {background: #f7f7f8;}
.clearanceCheck-table td:first-child {color: #333; width: 40%;}
.clearanceCheck-table td:nth-child(2) {width: 20%;} /* 처리일시 컬럼 너비 축소 */
.clearanceCheck-table td:last-child {color: #333; width: 40%;}
.clearanceCheck-footer {display: flex; justify-content: center; padding: 20px 0 0;}
.clearanceCheck-no {justify-content: center; text-align: center; width: 100%; font-size: 16px; font-weight: 600; color: black;}
@media screen and (max-width: 768px) {
   .clearanceCheck-content {width: 100%; box-sizing: border-box; padding: 15px;}
   .clearanceCheck-topArea {flex-direction: column; align-items: flex-start;}
   .clearanceCheck-table {font-size: 13px; white-space: normal;} /* nowrap 제거 */
   .clearanceCheck-table th,
   .clearanceCheck-table td {padding: 12px; font-size: 13px; word-break: break-word;}
   .clearanceCheck-footer {padding: 20px;}
}

/* 결제내역 팝업 */
.paymentRecords-content {padding: 20px;}
/* 비용정보 팝업 */






/* 밀크런 출고/회송지 팝업 스타일 */
.milkRun-popup-content {padding: 20px;}
.milkRun-popup-table {margin-bottom: 20px; overflow-x: auto;}
.milkRun-popup-table table {width: 100%; border-collapse: collapse; table-layout: fixed;}
.milkRun-popup-table th {
    background-color: #f9fafd;
    padding: 10px;
    text-align: center;
    font-size: 14px;
	font-weight: 500;
    color: #333;
    border: 1px solid #e9eaed;
}
.milkRun-popup-table td {padding: 10px; text-align: left; font-size: 14px; font-weight: 500; color: #666; border: 1px solid #e9eaed; word-break: break-all;}
.milkRun-popup-table td:first-child {text-align: center; width: 40px;}
.milkRun-popup-table tr:hover td {background-color: #f9fafd;}
.milkRun-popup-desc {margin: 0 0 20px; padding: 0 0 0 20px; list-style-type: disc;}
.milkRun-popup-desc li {color: #666; font-size: 14px; font-weight: 500; line-height: 1.5; margin-bottom: 5px;}
.milkRun-link {color: #4d6bf9; text-decoration: none;}
.milkRun-link:hover {text-decoration: underline;}
.milkRun-popup-btn-wrap {display: flex; justify-content: center; margin-top: 20px;}
@media (max-width: 768px) {
    .milkRun-popup-content {padding: 15px;}
    .milkRun-popup-table {margin-bottom: 15px;}
    .milkRun-popup-table th, 
    .milkRun-popup-table td {padding: 8px 6px; font-size: 13px;}
    .milkRun-popup-desc {padding-left: 15px;}
    .milkRun-popup-desc li {font-size: 13px; margin-bottom: 3px;}
    .milkRun-popup-btn {padding: 7px 25px; font-size: 13px;}
}

/* API 등록 팝업 */
.api-register-contentBox {padding: 0;}
.api-register-tab-wrap {border-bottom: 1px solid #e9eaed; margin-bottom: 0;}
.api-register-tab-btns {display: flex;}
.api-register-tab-btn {
    flex: 1;
    padding: 15px 20px;
    border: none;
    background: #f8f9fa;
    color: #666;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: all 0.2s;
}
.api-register-tab-btn.active {background: #fff; color: #333; border-bottom-color: #007bff;}
.api-register-tab-btn:hover {background: #e9ecef;}
.api-register-tab-btn.active:hover {background: #fff;}
.api-register-tab-contents {min-height: 350px;}
.api-info-text {display: flex; flex-direction: column; gap: 8px;}
.api-info-detail {margin-top: 8px; padding-left: 15px; border-left: 3px solid #007bff;}
.api-info-sub {font-size: 14px; color: #666; line-height: 1.4; margin: 6px 0; padding-left: 10px; position: relative;}
.api-info-sub:before {content: "•"; color: #007bff; font-weight: bold; position: absolute; left: 0; top: 0;}

/* 폼 스타일 */
.api-form-container {margin-bottom: 25px; padding: 20px;}
.api-form-row {display: flex; align-items: center; margin-bottom: 15px;}
.api-form-label {
    width: 150px; 
    font-size: 14px; 
    font-weight: 500; 
    color: #333; 
    background: #f8f9fa; 
    border: 1px solid #e9ecef; 
    padding: 11px 15px; 
    margin-right: 0; 
    border-right: none;
}
.api-form-input {flex: 1; padding: 10px 15px; border: 1px solid #e9ecef; font-size: 14px; color: #333;}
.api-form-input:focus {outline: none; border-color: #007bff;}
.api-form-input::placeholder {color: #999; font-style: italic;}

/* 정보 섹션 */
.api-info-section {margin: 0 20px 25px 20px; background: #f9fafd; border-radius: 8px; border: 1px solid #dee2e6; overflow: hidden;}
.api-info-header {
    background: #007bff;
    color: #fff;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}
.api-info-header i {font-size: 16px;}
.api-info-list {margin: 0; padding: 20px;}
.api-info-item {font-size: 13px; color: #555; margin: 12px 0; line-height: 1.5; display: flex; align-items: flex-start; gap: 10px;}
.api-info-item i {color: #007bff; font-size: 14px; margin-top: 2px; min-width: 16px;}
.api-info-item strong {color: #333; font-weight: 600;}
.api-guide-link {cursor: pointer; transition: all 0.2s;}
.api-guide-link:hover {transform: translateX(3px);}
.api-guide-link i {color: #dc3545 !important;}
.text-red {color: #dc3545; font-weight: 600;}

/* 버튼 영역 */
.api-form-buttons {display: flex; justify-content: center; gap: 10px; margin-top: 30px; padding: 0 20px 20px 20px;}
.api-form-buttons .formBtm-style3,
.api-form-buttons .formBtm-style7 {min-width: 80px;}
@media (max-width: 768px) {
    .api-form-container {padding: 15px;}
    .api-form-row {flex-direction: column; align-items: stretch;}
    .api-form-label {width: 100%; border-right: 1px solid #e9ecef; border-bottom: none;}
    .api-form-input {border-top: none;}
    .api-info-section {margin: 0 15px 25px 15px;}
    .api-info-header {padding: 10px 15px; font-size: 13px;}
    .api-info-list {padding: 15px;}
    .api-info-item {font-size: 12px; margin: 10px 0;}
    .api-form-buttons {padding: 0 15px 20px 15px;}
}
@media (max-width: 480px) {
    .api-register-tab-btn {padding: 12px 15px; font-size: 13px;}
    .api-form-buttons {flex-direction: column; align-items: center;}
    .api-form-buttons .formBtm-style3,
    .api-form-buttons .formBtm-style7 {width: 100%; max-width: 150px;}
    .api-info-item {flex-direction: column; gap: 5px;}
    .api-info-item i {margin-top: 0;}
}

/* 쿠폰/적립금 팝업 */
.cupon-contentBox {padding: 20px;}
/* 탭 */
.cupon-tab-wrap {width: 100%; display: flex; flex-direction: column; align-items: center;}
.cupon-tab-btns {display: flex; gap: 8px; align-items: center; justify-content: center; background: #fff; padding: 8px; border-radius: 50px; border: 1px solid #dadada; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;}
.cupon-tab-btns::-webkit-scrollbar {display: none;}
.cupon-tab-btn {min-width: 180px; padding: 12px 20px; border: 1px solid #dadada; background: #f6f6f6; color: #666; font-size: 18px; font-weight: 500; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; flex-shrink: 0;}
.cupon-tab-btn.active {background: #6052B4; color: #fff;}
.cupon-tab-contents {width: 100%; max-width: 1440px; margin: 30px auto 0; padding: 0 20px;}
.cupon-tab-content {display: none;}
.cupon-tab-content.active {display: block;}
/* 테이블 */
.cupon-table-wrap {width: 100%; overflow: hidden; margin-top: 40px;}
.cupon-table-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.cupon-table-info {font-size: 15px; color: #666;}
.cupon-table-notice {font-size: 14px; color: #999;}
.cupon-tableContainer {width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;}
.cupon-tableContainer::-webkit-scrollbar {display: none;}
.cupon-table {width: 100%; border-collapse: collapse; border-spacing: 0;}
.cupon-table th {background: #f9fafd; padding: 15px 5px; font-size: 14px; font-weight: 500; text-align: center; border-top: 1px solid #edf2f9; border-bottom: 1px solid #edf2f9; white-space: nowrap;}
.cupon-table td {padding: 15px 5px; font-size: 14px; text-align: center; border-bottom: 1px solid #e9eaed; white-space: nowrap; vertical-align: middle;}
.cupon-table td .nomalRadio-label {display: inline-flex; align-items: center;}
.cupon-table td .nomalRadio-text {font-size: 14px; font-weight: 600;}
.cupon-btnCenter {display: flex; justify-content: center; padding: 15px 0; gap: 8px; background: #fff;}
/* 팝업 닫기 */
.cupon-btnCenter.marginTop1 {margin-top:20px;}
@media screen and (max-width: 768px) {
	.cupon-contentBox {padding: 15px; box-sizing: border-box;}
	.cupon-tab-wrap {width: 100%; padding: 0; margin: 0; align-items: center; overflow: visible;}
	.cupon-tab-btns {padding: 0; border: none; gap: 15px; justify-content: center; width: 100%; max-width: none;}
	.cupon-tab-btn {min-width: 140px; padding: 12px 30px; font-size: 16px; white-space: nowrap;}
	.cupon-tab-contents {margin-top: 20px; padding: 0;}
	.cupon-table-header {flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 15px;}
	.cupon-table-info {font-size: 14px;}
	.cupon-table-notice {font-size: 13px;}
	.cupon-tableContainer {overflow-x: visible;}
	.cupon-table,
	.cupon-table tbody,
	.cupon-table tr,
	.cupon-table td {display: block; width: 100%;}
	.cupon-table thead {display: none;}
	.cupon-table tbody tr {padding: 12px; margin-bottom: 8px; border: 1px solid #edf2f9; border-radius: 8px; background: #fff;}
	.cupon-table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 6px 0;
		border: none;
		text-align: right;
		font-size: 14px;
		min-height: 44px;
	}
	.cupon-table td .nomalRadio-label {display: flex; align-items: center; height: 100%;}
	.cupon-table td:first-child {justify-content: flex-start; padding: 8px 0; border-bottom: 1px solid #edf2f9; min-height: 44px;}
	#stockTab .cupon-table td:nth-child(2)::before {content: "금액"; font-weight: 500; color: #666;}
	#stockTab .cupon-table td:nth-child(3)::before {content: "사용기간"; font-weight: 500; color: #666;}
	#stockTab .cupon-table td:nth-child(4)::before {content: "발급일"; font-weight: 500; color: #666;}
	#stockTab .cupon-table td:nth-child(5)::before {content: "사용일/소멸일"; font-weight: 500; color: #666;}
	#registeredTab .cupon-table td:nth-child(2)::before {content: "적립내용"; font-weight: 500; color: #666;}
	#registeredTab .cupon-table td:nth-child(3)::before {content: "적립금액"; font-weight: 500; color: #666;}
	#registeredTab .cupon-table td:nth-child(4)::before {content: "적립일"; font-weight: 500; color: #666;}
	#registeredTab .cupon-table td:nth-child(5)::before {content: "사용가능일"; font-weight: 500; color: #666;}
	#registeredTab .cupon-table td:nth-child(6)::before {content: "소멸예정일"; font-weight: 500; color: #666;}
	.cupon-btnCenter {padding: 15px 0 0; display: flex; justify-content: center; gap: 8px;}
}

/* 운송장 조회 팝업 */
.track-popup-closeBtn:hover {background: #eee; color: #333;}
.track-popup-content {padding: 20px;}
.track-popup-desc {margin: 10px 0 15px; font-size: 14px; color: #666; line-height: 1.4; position: relative; padding-left: 10px;}
.track-popup-table {margin-bottom: 25px; overflow-x: auto;}
.track-popup-table table {width: 100%; border-collapse: collapse; table-layout: fixed;}
.track-popup-table th {
    background-color: #f9fafd;
    padding: 12px 10px;
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    border: 1px solid #e9eaed;
}
.track-popup-table td {
	padding: 12px 10px;
	text-align: center;
	font-size: 14px;
	color: #666;
	border: 1px solid #e9eaed;
	word-break: break-all;
}
.track-popup-table tr:hover td {background-color: #f9fafd;}
.track-number-link {color: #000; font-size: 14px; font-weight: 600; cursor: pointer;}
.track-number-link:hover {color: #9d28d4;}
.track-popup-btn-wrap {display: flex; justify-content: center; margin-top: 15px;}
/* 신규 추가 */
.track_req_date {
	display: flex; 
	align-items: center; 
	gap: 10px; 
	background-color: #fff; 
	border: 1px solid #ddd; 
	border-radius: 3px; 
	padding: 0 15px; 
}
@media (max-width: 768px) {
	.track-popup-content {padding: 15px;}
	.track-popup-desc {font-size: 13px; margin: 8px 0 12px;}
	.track-popup-table {margin-bottom: 20px;}
	.track-popup-table th, 
	.track-popup-table td {padding: 8px 6px; font-size: 13px;}
	.track-popup-table th:nth-child(1),
	.track-popup-table td:nth-child(1) {width: 40px;}
	.track-popup-table th:nth-child(2),
	.track-popup-table td:nth-child(2) {width: 90px;}
}

/* sub 트래킹 팝업 */
.subTracking-content {padding: 20px;}
.subTracking-inputSection {border: 1px solid #e9eaed; background: #f7f7f8; padding: 15px; border-radius: 3px; margin: 15px 0;}
.subTracking-inputRow {display: flex; gap: 20px;}
.subTracking-inputBox {flex: 1; background: #fff; border: 1px solid #e9eaed; padding: 10px 15px; border-radius: 3px; font-size: 16px; color: #333;}
.subTracking-listItem {display: flex; align-items: center; padding: 15px; border-bottom: 1px solid #edf2f9; background: #fff;}
.subTracking-listItem:first-child {border-top: 1px solid #edf2f9; background: #f9fafd;}
.list-title {width: 120px; font-size: 16px; font-weight: 500; border-right: 1px solid #edf2f9; padding-right: 15px;}
.list-content {flex: 1; font-size: 16px; font-weight: 500; padding-left: 15px;}
.list-action {width: 80px; text-align: right;}
.subTracking-inputBottom {margin: 15px 0; background: #fff; border: 1px solid #e9eaed; border-radius: 4px; padding: 15px;}
.input-customStyle {display: flex; align-items: center;}
.input-customStyle .label-text {width: 120px; padding: 0 15px; font-size: 14px;}
.input-customStyle .standardForm {flex: 1; border: none; margin: 0;}
.subTracking-btnCenter {display: flex; justify-content: center; gap: 10px; padding: 15px 0 0;}
@media (max-width: 768px) {
    .subTracking-content {padding: 12px; box-sizing: border-box;}
    .subTracking-inputRow {flex-direction: column; gap: 8px;}
    .subTracking-inputBox {margin-bottom: 0;}
    .subTracking-listItem {flex-wrap: wrap; gap: 5px; padding: 8px 12px;}
    .list-title {width: 100%; border-right: none; padding-right: 0; font-size: 14px; margin-bottom: 2px;}
    .list-content {flex: 1; padding-left: 0; font-size: 14px;}
    .list-action {width: auto; margin-left: auto;}
    .input-customStyle {flex-direction: column;}
    .input-customStyle .label-text {width: 100%; padding: 8px 12px; font-size: 14px;}
    .subTracking-inputBottom {padding: 12px;}
    .subTracking-btnCenter {padding: 5px 0 0;}
}

/* ============================================
   주문문의 팝업 - Chat UI Design System
   Brand: #73ba3a (Primary Green)
   ============================================ */
body:has(.chat-container) {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100vh;
    height: 100dvh;
}
.chat-container {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}
.chat-container *,
.chat-container *:before,
.chat-container *:after {
    box-sizing: border-box;
}
.chat-container .allpopup-titleBox {
    flex: 0 0 auto;
}
.orderInquiry-content {
    padding: 0;
    margin: 16px 0 0;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.chat-container #frmChat {
    flex: 0 0 auto;
    margin: 0;
}
.orderInquiry-layout {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
    padding: 0 20px 16px;
    overflow: hidden;
    gap: 0;
}

/* --- 모바일 토글 버튼 --- */
.orderInquiry-infoToggle {
    display: none;
    position: absolute;
    left: 12px;
    right: 12px;
    top: 8px;
    width: calc(100% - 24px);
    height: 42px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #73ba3a 0%, #5fa02a 100%);
    color: #fff;
    justify-content: center;
    align-items: center;
    z-index: 10;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.2px;
    box-shadow: 0 2px 8px rgba(115, 186, 58, 0.25);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.orderInquiry-infoToggle:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(115, 186, 58, 0.35);
}
.orderInquiry-infoToggle:active {
    transform: translateY(0);
}

/* --- 좌측 정보 패널 --- */
.orderInquiry-infoPanel {
    width: 320px;
    border: 1px solid #eef0f3;
    border-radius: 14px;
    background-color: #fafbfc;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.orderInquiry-infoHeader {
    padding: 16px 18px;
    border-bottom: 1px solid #eef0f3;
    background: #ffffff;
    color: #1a2733;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.orderInquiry-infoHeader h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.3px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.orderInquiry-infoHeader h3:before {
    content: '';
    width: 3px;
    height: 14px;
    background: #73ba3a;
    border-radius: 2px;
}
.orderInquiry-infoClose {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f1f3f5;
    display: none;
    align-items: center;
    justify-content: center;
    border: none;
    color: #5a6b7a;
    cursor: pointer;
    transition: background 0.2s ease;
}
.orderInquiry-infoClose:hover {
    background: #e4e7eb;
}
.orderInquiry-infoContent {
    padding: 14px;
    overflow-y: auto;
}
.orderInquiry-infoRow {
    padding: 12px 14px;
    margin-bottom: 8px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #eef0f3;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.orderInquiry-infoRow:last-child {
    margin-bottom: 0;
}
.orderInquiry-infoRow:hover {
    border-color: #d6e8c4;
    box-shadow: 0 2px 8px rgba(115, 186, 58, 0.08);
}
.orderInquiry-infoLabel {
    font-size: 11px;
    color: #8a99a8;
    margin-bottom: 6px;
    display: block;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}
.orderInquiry-infoValue {
    font-size: 14px;
    color: #1a2733;
    display: block;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 1.4;
}

/* --- 우측 채팅 패널 --- */
.orderInquiry-chatPanel {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fdfcf7;
    border: 1px solid #f1ede2;
    border-radius: 14px;
    margin-left: 16px;
    position: relative;
    min-height: 0;
    overflow: hidden;
}
.orderInquiry-chatContainer {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 20px;
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: #cdd4db transparent;
}
.orderInquiry-chatContainer::-webkit-scrollbar {
    width: 6px;
}
.orderInquiry-chatContainer::-webkit-scrollbar-track {
    background: transparent;
}
.orderInquiry-chatContainer::-webkit-scrollbar-thumb {
    background: #cdd4db;
    border-radius: 3px;
}
.orderInquiry-chatContainer::-webkit-scrollbar-thumb:hover {
    background: #aab3bd;
}

/* --- 날짜 구분선 --- */
.orderInquiry-dateSection {
    text-align: center;
    margin: 8px auto 20px;
    font-size: 11px;
    color: #6b7884;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 5px 14px;
    border-radius: 999px;
    border: 1px solid #eef0f3;
    display: inline-block;
    align-self: center;
    letter-spacing: 0.3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

/* --- 메시지 버블 --- */
.orderInquiry-msgBox {
    margin-bottom: 18px;
    max-width: 78%;
    align-self: flex-end;
    animation: msgFadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.orderInquiry-adminMsg {
    align-self: flex-start;
}
@keyframes msgFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}
.orderInquiry-userInfo {
    font-size: 12px;
    color: #6b7884;
    margin-bottom: 6px;
    font-weight: 600;
    text-align: right;
    padding: 0 4px;
    letter-spacing: -0.2px;
}
.orderInquiry-adminMsg .orderInquiry-userInfo {
    text-align: left;
    color: #4a6f8f;
}
.orderInquiry-msgBubble {
    background: linear-gradient(135deg, #6a9cf2 0%, #4a7ed8 100%);
    color: #ffffff;
    border-radius: 18px 18px 4px 18px;
    padding: 11px 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    position: relative;
    box-shadow: 0 1px 3px rgba(74, 126, 216, 0.22), 0 1px 2px rgba(0, 0, 0, 0.04);
    word-break: break-word;
    letter-spacing: -0.2px;
}
.orderInquiry-msgBubble a {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 500;
}
.orderInquiry-msgBubble img {
    min-width: 100px;
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    margin: 2px 0;
}
.orderInquiry-adminMsg .orderInquiry-msgBubble {
    background: #ffffff;
    color: #1a2733;
    border-radius: 18px 18px 18px 4px;
    border: 1px solid #eef0f3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.orderInquiry-adminMsg .orderInquiry-msgBubble a {
    color: #3a6cc4;
    font-weight: 600;
}
.orderInquiry-msgTime {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.75);
    display: block;
    margin-top: 4px;
    text-align: right;
    font-weight: 400;
}
.orderInquiry-adminMsg .orderInquiry-msgTime {
    color: #9aa6b2;
}

/* --- 입력 영역 --- */
.orderInquiry-inputArea {
    display: flex;
    width: 100%;
    padding: 14px 16px;
    background-color: #ffffff;
    border-top: 1px solid #eef0f3;
    align-items: flex-end;
    position: static;
    z-index: 5;
    overflow: hidden;
    gap: 10px;
}
.orderInquiry-inputArea textarea {
    line-height: 1.45em;
    resize: none;
    font-family: inherit;
}
.orderInquiry-inputField {
    flex: 1;
    padding: 11px 16px;
    border: 1px solid #e4e7eb;
    border-radius: 20px;
    outline: none;
    font-size: 14px;
    background-color: #f7f8fa;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
    color: #1a2733;
}
.orderInquiry-inputField::placeholder {
    color: #aab3bd;
}
.orderInquiry-inputField:focus {
    border-color: #73ba3a;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(115, 186, 58, 0.12);
}
.orderInquiry-inputTools {
    display: flex;
    gap: 6px;
    align-items: center;
}
.orderInquiry-attachBtn,
.orderInquiry-sendBtn {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    font-size: 15px;
}
.orderInquiry-attachBtn {
    background-color: #f1f3f5;
    color: #5a6b7a;
}
.orderInquiry-attachBtn:hover {
    background-color: #e4e7eb;
    color: #1a2733;
}
.orderInquiry-sendBtn {
    background: linear-gradient(135deg, #73ba3a 0%, #5fa02a 100%);
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(115, 186, 58, 0.3);
}
.orderInquiry-sendBtn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(115, 186, 58, 0.4);
}
.orderInquiry-attachBtn:active,
.orderInquiry-sendBtn:active {
    transform: translateY(0) scale(0.96);
}
.orderInquiry-buttonArea {
    display: flex;
    justify-content: center;
    padding: 15px 10px;
    margin-top: 10px;
    border-top: 1px solid #eef0f3;
}

/* --- 다운로드 링크 (파일/이미지) --- */
.orderInquiry-msgBubble a:not(:has(img)) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

/* ============================================
   Tablet & Mobile (max 1024px)
   ============================================ */
@media screen and (max-width: 1024px) {
    .orderInquiry-content {margin: 0;}
    .orderInquiry-layout {
        flex-direction: column;
        padding: 0 12px 0;
        gap: 0;
    }
    .orderInquiry-infoToggle {display: flex;}
    .orderInquiry-infoPanel {
        position: fixed;
        top: 0;
        left: 0;
        width: 84%;
        max-width: 320px;
        height: 100%;
        z-index: 100;
        transform: translateX(-100%);
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
        border-radius: 0;
        border: none;
        background: #ffffff;
    }
    .orderInquiry-infoPanel.active {transform: translateX(0);}
    .orderInquiry-infoHeader {
        background: linear-gradient(135deg, #73ba3a 0%, #5fa02a 100%);
        color: #ffffff;
        padding: 18px 18px;
        border-bottom: none;
    }
    .orderInquiry-infoHeader h3 {color: #ffffff;}
    .orderInquiry-infoHeader h3:before {background: rgba(255, 255, 255, 0.85);}
    .orderInquiry-infoClose {
        display: flex;
        background: rgba(255, 255, 255, 0.18);
        color: #ffffff;
    }
    .orderInquiry-infoClose:hover {background: rgba(255, 255, 255, 0.28);}
    .orderInquiry-infoContent {flex: 1; padding: 14px;}
    .orderInquiry-chatPanel {
        padding-top: 58px;
        border-radius: 0;
        margin-left: 0;
        border-left: none;
        border-right: none;
    }
    .orderInquiry-chatContainer {
        padding: 16px 14px;
    }
    .orderInquiry-inputArea {
        box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.04);
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    }
    .orderInquiry-inputField {
        padding: 10px 14px;
        font-size: 14px;
        max-width: calc(100% - 100px);
    }
    .orderInquiry-inputTools {margin-left: 0; gap: 4px;}
    .orderInquiry-attachBtn,
    .orderInquiry-sendBtn {
        width: 38px;
        height: 38px;
        min-width: 38px;
        font-size: 14px;
    }
    .orderInquiry-msgBox {max-width: 86%; margin-bottom: 14px;}
    .orderInquiry-msgBubble {font-size: 13.5px; padding: 10px 14px;}
    .orderInquiry-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(15, 25, 35, 0.45);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        z-index: 99;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .orderInquiry-overlay.active {display: block; opacity: 1;}
}

@media screen and (max-width: 480px) {
    .orderInquiry-msgBox {max-width: 90%;}
    .orderInquiry-infoLabel {font-size: 10px;}
    .orderInquiry-infoValue {font-size: 13px;}
}

/* 쿠팡 문서 정보*/
.cpDoc-titleLeft {display: flex; align-items: center; gap: 5px; font-weight: bold;}
.cpDoc-content {padding: 20px;}
.cpDoc-section {margin-bottom: 20px; margin-top:30px;}
.cpDoc-sectionTitle {font-size: 16px; font-weight: 500; margin-bottom: 15px; background-color: #73ba3a; color: #fff; padding: 8px 10px; display: inline-block;}
.cpDoc-formGrid {border: 1px solid #e9eaed; margin-bottom: 10px;}
.cpDoc-formRow {display: flex; border-bottom: 1px solid #e9eaed;}
.cpDoc-formRow:last-child {border-bottom: none;}
.cpDoc-formLabel {
    width: 150px;
    padding: 10px;
    background-color: #f9fafd;
    border-right: 1px solid #e9eaed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #333;
}
.cpDoc-date-wrapper {display: flex; width: 100%; align-items: center;}
.cpDoc-date-wrapper input {display: flex; width: 100%; box-sizing: border-box;}
.cpDoc-formValue {flex: 1; padding: 10px; display: flex; align-items: center; font-size: 14px; color: #666;}
.cpDoc-formValue .nomal-Select {width: 100%;}
.cpDoc-formValue button {margin-left:10px;}
.cpDoc-formValue button:first-child {margin-left:0px;}
.cpDoc-formAction {width: 120px; padding: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.cpDoc-buttonContainer {display: flex; justify-content: center; margin: 15px 0;}
.cpDoc-notice {margin-bottom: 15px;}
.cpDoc-notice ul {padding-left: 20px; margin: 0 0 20px; list-style-type: disc;}
.cpDoc-notice li {margin-bottom: 5px; line-height: 1.5; color: #666; font-size: 14px; font-weight: 500;}
.cpDoc-notice strong {font-weight: bold;}
.cpDoc-formTable {border: 1px solid #e9eaed; margin-bottom: 10px;}
.cpDoc-barcodeTable {margin-bottom: 20px;}
.cpDoc-barcodeTable table {width: 100%; border-collapse: collapse; table-layout: auto; min-width: 800px;}
.cpDoc-barcodeTable th {
    background-color: #f9fafd;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    border: 1px solid #e9eaed;
    white-space: nowrap;
}
.cpDoc-barcodeTable td {
    padding: 10px;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    border: 1px solid #e9eaed;
    word-break: break-all;
    vertical-align: middle;
}
.cpDoc-barcodeTable td:first-child {text-align: center; width: 40px; min-width: 40px; max-width: 40px; white-space: nowrap;}
.cpDoc-barcodeTable td:nth-child(2) {width: auto; min-width: 150px;}
.cpDoc-barcodeTable td:nth-child(3) {width: auto; min-width: 120px; white-space: nowrap;}
.cpDoc-barcodeTable td:nth-child(4) {}
.cpDoc-barcodeTable td:nth-child(5) {width: auto; min-width: 120px; white-space: nowrap;}
.cpDoc-barcodeTable tr:hover td {background-color: #f9fafd;}
.date-wrapper {position: relative; width: 100%; display: flex; align-items: center;}
.date-input {width: 100%; padding-right: 30px;}
.date-clear-btn {position: absolute; right: 5px; background: none; border: none; cursor: pointer; font-size: 14px; color: #999;}
@media screen and (max-width: 768px) {
    .cpDoc-content {padding: 15px;}
    .cpDoc-formRow {flex-wrap: wrap;}
    .cpDoc-formLabel {width: 100%; border-right: none; border-bottom: 1px solid #e9eaed; font-size: 13px;}
    .cpDoc-formValue {width: 100%; font-size: 13px;}
    .cpDoc-formAction {width: 100%; padding-top: 5px;}
    .cpDoc-barcodeTable {margin-bottom: 15px; overflow-x: auto;}
    .cpDoc-notice ul {padding-left: 15px;}
    .cpDoc-notice li {font-size: 13px; margin-bottom: 3px;}
}

/* 대시보드 오더넘버 팝업창 */
.orderNumber-popup-section {padding: 0 0 0 15px;}
.orderNumber-popup-titleLeft {display: flex; align-items: center; gap: 5px; font-weight: bold;}
.orderNumber-popup-content {padding: 20px;}
.orderNumber-popup-section {margin-bottom: 20px; margin-top:30px;}
.orderNumber-popup-sectionTitle {font-size: 16px; font-weight: 500; margin-bottom: 15px; background-color: #73ba3a; color: #fff; padding: 8px 10px; display: inline-block;}
.orderNumber-popup-formGrid {border: 1px solid #e9eaed; margin-bottom: 10px;}
.orderNumber-popup-formRow {display: flex; border-bottom: 1px solid #e9eaed;}
.orderNumber-popup-formRow:last-child {border-bottom: none;}
.orderNumber-popup-formLabel {
    width: 150px;
    padding: 10px;
    background-color: #f9fafd;
    border-right: 1px solid #e9eaed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #333;
}
.orderNumber-popup-date-wrapper {display: flex; width: 100%; align-items: center;}
.orderNumber-popup-date-wrapper input {display: flex; width: 100%; box-sizing: border-box;}
.orderNumber-popup-formValue {flex: 1; padding: 10px; display: flex; align-items: center; font-size: 14px; color: #666;}
.orderNumber-popup-formValue .nomal-Select {width: 100%;}
.orderNumber-popup-formValue button {margin-left:10px;}
.orderNumber-popup-formValue button:first-child {margin-left:0px;}
.orderNumber-popup-formAction {width: 120px; padding: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.orderNumber-popup-buttonContainer {display: flex; justify-content: center; margin: 15px 0;}
.orderNumber-popup-notice {margin-bottom: 15px;}
.orderNumber-popup-notice ul {padding-left: 20px; margin: 0 0 20px; list-style-type: disc;}
.orderNumber-popup-notice li {margin-bottom: 5px; line-height: 1.5; color: #333; font-size: 16px; font-weight: 600;}
.orderNumber-popup-notice strong {font-weight: bold;}
.orderNumber-popup-formTable {border: 1px solid #e9eaed; margin-bottom: 10px;}
.orderNumber-popup-barcodeTable {margin-bottom: 20px; overflow-x: auto;}
.orderNumber-popup-barcodeTable table {width: 100%; border-collapse: collapse; table-layout: auto; min-width: 800px;}
.orderNumber-popup-barcodeTable th {
    background-color: #f9fafd;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    border: 1px solid #e9eaed;
    white-space: nowrap;
}
.orderNumber-popup-barcodeTable td {
    padding: 10px;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    border: 1px solid #e9eaed;
    word-break: break-all;
    vertical-align: middle;
}
.orderNumber-popup-barcodeTable td:first-child {text-align: center; width: 120px; min-width: 120px; max-width: 120px; white-space: nowrap;}
.orderNumber-popup-barcodeTable td:nth-child(2) {width: 100px; min-width: 100px; text-align: center;}
.orderNumber-popup-barcodeTable td:nth-child(3) {width: 130px; min-width: 130px; text-align: center; white-space: nowrap;}
.orderNumber-popup-barcodeTable td:nth-child(4) {width: 100px; text-align: center;}
.orderNumber-popup-barcodeTable td:nth-child(5) {width: 60px; min-width: 60px; text-align: center; white-space: nowrap;}
.orderNumber-popup-barcodeTable td:nth-child(6) {width: 90px; min-width: 90px; text-align: center; white-space: nowrap;}
/* 이미지 열 — 원본 규격이 제각각이어도 동일한 썸네일 크기로 고정
   (.dashboard-table td img 와 동일 규격: 60x60 cover) */
.orderNumber-popup-barcodeTable td img {width: 60px; height: 60px; object-fit: cover; border-radius: 4px; vertical-align: middle;}
.orderNumber-popup-barcodeTable tr:hover td {background-color: #f9fafd;}
.orderNumber-popup-date-wrapper {position: relative; width: 100%; display: flex; align-items: center;}
.orderNumber-popup-date-input {width: 100%; padding-right: 30px;}
.orderNumber-popup-date-clear-btn {position: absolute; right: 5px; background: none; border: none; cursor: pointer; font-size: 14px; color: #999;}
@media screen and (max-width: 768px) {
    .orderNumber-popup-content {padding: 15px;}
    .orderNumber-popup-formRow {flex-wrap: wrap;}
    .orderNumber-popup-formLabel {width: 100%; border-right: none; border-bottom: 1px solid #e9eaed; font-size: 13px;}
    .orderNumber-popup-formValue {width: 100%; font-size: 13px;}
    .orderNumber-popup-formAction {width: 100%; padding-top: 5px;}
    .orderNumber-popup-barcodeTable {margin-bottom: 15px; overflow-x: auto;}
    .orderNumber-popup-notice ul {padding-left: 15px;}
    .orderNumber-popup-notice li {font-size: 13px; margin-bottom: 3px;}
}
/* 대량등록 엑셀 다운로드 샘플 */
.ExcelDownload-box {background: #fff; border-radius: 30px; border: 1px solid #e5e5e5; padding: 25px 30px; margin-bottom: 30px; overflow-x: hidden;}
.ExcelDownload-terms-text {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.ExcelDownload-terms-text p {font-size: 15px; color: #000; line-height: 1.3; margin-bottom: 3px;}
.ExcelDownload-terms-text p:last-child {margin-bottom: 0;}
.ExcelDownload-btnWrap {display: flex; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; justify-content: center;}
.ExcelUpload {width: 100%; max-width: 1440px; align-items: center; margin: 0 auto 50px;}
.ExcelUpload-title {font-size: 20px; font-weight: 600; color: #222; margin: 40px 0 20px; line-height: 1.4;}
.ExcelUpload-title .required {font-size: 20px; color: #f44c4c; font-weight: 500; margin-left: 8px;}
.ExcelUpload-form {max-width: 1440px; margin: 0 auto; padding: 20px; margin-top: 0;}
.ExcelUpload-header {
    background-color: #f5f5f6;
	padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.ExcelUpload-header h2 {font-size: 20px; font-weight: 500; margin: 0;}
.ExcelUpload-content {background-color: #fff;}
.ExcelUpload-content2 {background-color: #fff; padding: 20px;}
.ExcelUpload-radio-wrap {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 20px 15px;}
.ExcelUpload-radio-wrap {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 20px 15px;}
.ExcelUpload-row .radio-wrap {justify-content: center; padding-left: 20px;}
.ExcelUpload-content > .radio-wrap {justify-content: center;}
.ExcelUpload-content2 > .radio-wrap {justify-content: center;}
.ExcelUpload-method {display: flex; flex-direction: column; gap: 0;}
.ExcelUpload-row {display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #e5e5e5;}
.ExcelUpload-row:last-child {border-bottom: none;}
.ExcelUpload-method-label {
    background-color: #f9bc06;
    padding: 12px 20px;
    width: 280px;
    text-align: center;
    color: white;
    font-size: 14px;
    font-weight: 500;
    flex-shrink: 0;
    margin-left: 200px;
}
.ExcelUpload-btn-wrap {display: flex; justify-content: center; margin-top: 30px;}
.ExcelUpload-fileBox-title {display: flex; width: 100%; font-size: 22px; font-weight: 500; margin-top: 20px;}
.ExcelUpload-fileBox {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}
.ExcelUpload-fileBox .standardForm {flex: 1;}
.ExcelUpload-fileBox .formBtm-style3 {white-space: nowrap; display: flex; align-items: center; gap: 5px;}
@media (max-width: 768px) {
	.ExcelUpload-form {margin-top: -10px;}
	.ExcelDownload-box {padding: 20px;}
	.ExcelDownload-box p {font-size: 14px;}
	.ExcelDownload-btnWrap {grid-template-columns: 1fr;}
	.ExcelDownload-btnWrap button {height: auto; width: auto; padding: 10px 10px;}
	.ExcelDownload-Btn {max-width: 100%; height: 48px; font-size: 14px; padding: 10px 0;}
	.ExcelUpload {padding: 0 10px;}
	.ExcelUpload-title {font-size: 18px; padding: 0 20px; margin: 20px 0 20px;}
	.ExcelUpload-title .required {font-size: 16px; margin-bottom: 0;}
	.ExcelUpload-form {padding: 0;}
	.ExcelUpload-content {padding: 0;}
	.ExcelUpload-content > .radio-wrap {padding: 20px 15px;}
	.ExcelUpload-row {flex-direction: column; border-bottom: 1px solid #e5e5e5; padding: 20px 0;}
	.ExcelUpload-method-label {width: 100%; font-size: 15px; font-weight: 600; margin: 0 0 10px 0;}
	.ExcelUpload-row .radio-wrap {padding-left: 15px; width: 100%; justify-content:flex-start;}
	.ExcelUpload-fileBox {flex-direction: column; gap: 15px; padding: 20px 15px;}
    .ExcelUpload-fileBox .formBtm-style3 {width: 100%; justify-content: center;}
}
/* 등록된 엑셀 수정 */
.excel-preview-wrapper {width: 100%; max-width: 1440px; margin: 0 auto; padding: 20px;}
.excel-preview-header {margin-bottom: 20px;}
.excel-preview-header h1 {font-size: 24px; font-weight: 600; color: #000;}
.excel-preview-notice {font-size: 14px; color: #000; margin: 30px 0 15px;}
.excel-preview-options {padding: 20px; background-color: #f9f9f9; margin-bottom: 15px;}
.excel-preview-option-items {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.excel-preview-option-divider {
    font-size: 16px; 
    color: #000; 
    display: flex; 
    align-items: center; 
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 3px;
}
.excel-preview-option-divider::before {content: '•'; color: #333; margin-right: 8px; font-size: 18px;}

/* 엑셀 테이블 스타일 */
.excel-preview-table-container {
    max-height: 600px; 
    overflow: auto; 
    border-radius: 4px; 
    background: #fff; 
    margin-top: 20px; 
    margin-bottom: 40px;
    --scrollbar-width: 12px;
    --scrollbar-hover-width: 12px;
    --scrollbar-color: #e0e7f1;
    --scrollbar-hover-color: #7ca3da;
    --scrollbar-track-color: #f9fafd;
}
.excel-preview-table {width: 100%; border-collapse: collapse; white-space: nowrap;}
.excel-preview-table th,
.excel-preview-table td {
    padding: 12px 15px; 
    text-align: left; 
    min-width: 120px; 
    font-size: 14px; 
    border-bottom: 1px solid #edf2f9;
}
.excel-preview-table th {
    background-color: #f9fafd; 
    border-top: 1px solid #edf2f9;
    font-weight: 500; 
    color: #444; 
    position: sticky; 
    top: 0; 
    z-index: 1;
    box-shadow: 0 1px 0 0 #e5e5e5;
    text-align: center;
}
.excel-preview-table tbody tr:hover {background-color: #f9fafd;}
.excel-preview-table td {color: #666;}
.excel-preview-table tbody tr:last-child td {border-bottom: none;}
.excel-preview-table-container::-webkit-scrollbar {
    width: var(--scrollbar-width); 
    height: var(--scrollbar-width); 
    transition: all 0.3s ease;
}
.excel-preview-table input {min-width:150px;}
.excel-preview-table input.CtmsNotYn {outline: 1px solid #ffff00;}
.excel-preview-table-container:hover::-webkit-scrollbar {width: var(--scrollbar-hover-width); height: var(--scrollbar-hover-width);
}
.excel-preview-table-container::-webkit-scrollbar-track {background: var(--scrollbar-track-color); border-radius: 4px;}
.excel-preview-table-container::-webkit-scrollbar-thumb {
    background: var(--scrollbar-color); 
    border-radius: 4px; 
    transition: all 0.3s ease; 
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.excel-preview-table-container::-webkit-scrollbar-thumb:hover {background: var(--scrollbar-hover-color);}
.excel-preview-table-container::-webkit-scrollbar-corner {background: var(--scrollbar-track-color);}
.excel-result-button-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 30px auto;
    padding: 0 20px;
}
@media (max-width: 768px) {
    .excel-preview-wrapper {padding: 10px;}    
    .excel-preview-header h1 {font-size: 20px;}
    .excel-preview-options {padding: 15px;}    
    .excel-preview-option-items {flex-direction: column; align-items: flex-start;}
    .excel-preview-table th,
    .excel-preview-table td {padding: 10px; font-size: 13px;}
    .excel-preview-option-dividel-result-button-wrap { flex-direction: column; padding: 15px 20px;}
}

/* 회원가입 수신동의 여부 */
.receive-agreement-box {border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 3px; margin-bottom: 40px;}
.receive-form-section {align-items: center;}
.receive-form-section:not(:last-of-type) {margin-bottom: 20px;}
.receive-section-header {background: #b6b6b6; color: #fff; padding: 15px 20px; text-align: center; font-weight: 500; font-size: 18px;}
.receive-checkbox-group {display: flex; flex-wrap: wrap; gap: 20px; padding: 20px; margin: 0 auto;}
.Ani-checkbox em {color: #FF0000; font-style: normal; margin-left: 5px;}
/* 비활성화(disabled) 스타일 추가 */
.Ani-checkbox .inp-cbx:disabled + .cbx {opacity: 0.9;}
.Ani-checkbox .inp-cbx:checked:disabled + .cbx span:first-child {background-color: #506eec; border-color: #506eec;}
.receive-button-group {display: flex; justify-content: center; gap: 10px; padding: 0 20px; margin-bottom: 50px;}
@media (max-width: 1024px) {
    .receive-checkbox-group {gap: 12px; padding: 15px;}
    .receive-button-group {padding: 25px 15px;}
}
@media (max-width: 480px) {
    .receive-check-item span {font-weight: 500; font-size: 14px;}
    .receive-checkbox-group {gap: 10px; padding: 12px;}
    .receive-check-item {font-size: 13px;}
    .receive-button-group {padding: 20px 12px;}
}

/* ===== Buy_W.asp SaaS Wizard ===== */
.saas-wizard {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px 48px;
    font-family: 'Noto Sans KR', sans-serif;
}

/* 히어로 헤더 */
.swiz-hero {
    text-align: center;
    padding: 4px 20px 24px;
}
.swiz-hero-title {
    font-size: 26px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 10px;
    letter-spacing: -0.3px;
}
.swiz-hero-desc {
    font-size: 17px;
    color: #94a3b8;
    margin: 0;
    line-height: 1.6;
}

/* 카드 목록 */
.swiz-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* 개별 스텝 카드 */
.swiz-card {
    display: flex;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(15,23,42,0.05);
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}
.swiz-card:hover {
    box-shadow: 0 6px 24px rgba(56,88,233,0.10);
}
.swiz-card.-terms {
    border-color: #fed7aa;
    overflow: visible;
}

/* 왼쪽 사이드 번호 영역 */
.swiz-card-aside {
    width: 76px;
    min-width: 76px;
    background: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #c7d2fe;
    flex-shrink: 0;
}
.swiz-card-aside.-warn {
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    border-right-color: #fed7aa;
}

/* 스텝 번호 */
.swiz-num {
    font-size: 24px;
    font-weight: 800;
    color: #3858e9;
    letter-spacing: -1px;
    line-height: 1;
}
.swiz-num-icon {
    font-size: 28px;
    color: #f97316;
    line-height: 1;
}

/* 카드 본문 */
.swiz-card-main {
    flex: 1;
    padding: 24px 28px;
    min-width: 0;
}
.swiz-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 12px;
}
.swiz-card-desc {
    font-size: 13px;
    color: #94a3b8;
    margin: 0 0 16px;
    line-height: 1.5;
}

/* 라디오 버튼 래퍼 */
.saas-wizard .radio-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    justify-content: flex-start;
}

/* 라디오 선택 카드 스타일 */
.saas-wizard .nomalRadio-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 11px 26px;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    min-width: 130px;
    justify-content: center;
    transition: all 0.18s ease;
}
.saas-wizard .nomalRadio-label:hover {
    border-color: #3858e9;
    background: #eef1ff;
}
.saas-wizard .nomalRadio-label:has(.nomalRadio-input:checked) {
    background: #3858e9;
    border-color: #3858e9;
    box-shadow: 0 4px 14px rgba(56,88,233,0.28);
}
.saas-wizard .nomalRadio-label:has(.nomalRadio-input:checked):hover {
    background: #2b47d4;
    border-color: #2b47d4;
}
.saas-wizard .nomalRadio-input {
    position: absolute;
    opacity: 0;
    width: 0; height: 0;
    pointer-events: none;
}
.saas-wizard .nomalRadio-text {
    position: static;
    padding-left: 0;
    font-size: 15px;
    font-weight: 600;
    color: #475569;
    transition: color 0.18s ease;
}
.saas-wizard .nomalRadio-text:before,
.saas-wizard .nomalRadio-text:after { display: none; }
.saas-wizard .nomalRadio-input:checked + .nomalRadio-text {
    color: #fff;
}
.saas-wizard .nomalRadio-label:has(.nomalRadio-input:checked)::before {
    content: '✓';
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

/* 안내 노트 */
.swiz-notice {
    margin-top: 16px;
    padding: 14px 18px;
    background: #f8fafc;
    border-radius: 8px;
    border-left: 3px solid #3858e9;
}
.swiz-notice p {
    font-size: 13px;
    color: #64748b;
    margin: 0 0 5px;
    line-height: 1.65;
}
.swiz-notice p:last-child { margin-bottom: 0; }
.swiz-notice strong { color: #1e293b; font-weight: 600; }

/* 주의사항 박스 */
.swiz-terms-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 10px;
    padding: 8px 20px 28px;
    margin-bottom: 18px;
}
.swiz-terms-box .terms-text p {
    font-size: 13px;
    color: #92400e;
    margin: 0 0 4px;
    line-height: 1.6;
}
.swiz-terms-box .terms-text p:last-of-type { margin-bottom: 0; }
.swiz-terms-btn {
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 10px;
    padding: 10px 22px;
    background: #f97316;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}
.swiz-terms-btn:hover { background: #ea6d0b; }

/* 동의 체크박스 재정의 (saas-wizard 스코프) */
.saas-wizard .agree-wrap { margin: 12px 0; }
.saas-wizard .agree-check {
    font-size: 14px;
    color: #374151;
    gap: 10px;
}
.saas-wizard .agree-check span:last-child {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
}

/* 다음 버튼 */
.btn-wrap {
    display: flex;
    justify-content: center;
    padding: 32px 0 0;
}
.next-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #3858e9;
    color: #fff;
    padding: 18px 72px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.2px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 18px rgba(56,88,233,0.32);
}
.next-btn:hover {
    background: #2b47d4;
    box-shadow: 0 8px 28px rgba(56,88,233,0.42);
    transform: translateY(-2px);
}

/* 반응형 */
@media (max-width: 768px) {
    .saas-wizard { padding: 0 12px 36px; }
    .swiz-hero { padding: 12px 10px 16px; }
    .swiz-hero-title { font-size: 20px; }
    .swiz-card-aside { width: 54px; min-width: 54px; }
    .swiz-num { font-size: 18px; }
    .swiz-num-icon { font-size: 22px; }
    .swiz-card-main { padding: 18px 16px; }
    .swiz-card-title { font-size: 15px; }
    .saas-wizard .radio-wrap { gap: 8px; }
    .saas-wizard .nomalRadio-label { min-width: 110px; padding: 9px 18px; }
    .saas-wizard .nomalRadio-text { font-size: 14px; }
    .swiz-terms-box { flex-direction: column; align-items: flex-start; }
    .swiz-terms-btn { width: 100%; text-align: center; }
    .next-btn { padding: 16px 40px; font-size: 15px; width: 100%; justify-content: center; }
    /* 동의 체크박스 */
    .saas-wizard .agree-wrap { margin: 16px 0 0; }
    .saas-wizard .agree-check { align-items: flex-start; gap: 12px; }
    .saas-wizard .agree-check .checkbox { flex-shrink: 0; margin-top: 2px; }
}
@media (max-width: 480px) {
    /* 동의 영역: 강조 박스 */
    .saas-wizard .agree-wrap {
        background: #fffbeb;
        border: 1.5px solid #f59e0b;
        border-radius: 10px;
        padding: 14px;
        margin: 16px 0 0;
    }
    .saas-wizard .agree-check { align-items: flex-start; gap: 12px; }
    /* 체크박스 박스: 찌그러짐 방지 */
    .saas-wizard .agree-check .checkbox {
        flex-shrink: 0;
        width: 22px;
        height: 22px;
        margin-top: 2px;
        border: 2px solid #f59e0b;
        border-radius: 5px;
    }
    /* 체크됐을 때 색 */
    .saas-wizard .agree-check input:checked + .checkbox { background: #f59e0b; border-color: #f59e0b; }
    /* 동의 텍스트 */
    .saas-wizard .agree-check span:last-child {
        font-size: 13px;
        font-weight: 600;
        color: #92400e;
        line-height: 1.6;
    }
    .saas-wizard .agree-check span.required {
        color: #dc2626;
        font-weight: 700;
    }
}

/* 구매대행 신청대기 */
/* 주문정보 */
.PAgency-orderInfo {width: 100%; padding: 30px 20px 0;}
.PAgency-orderInfo-container {color: #000; width: 100%; max-width: 1516px; margin: 0 auto;}
.PAgency-orderInfo-container h2 {font-size: 20px; font-weight: 500; margin-bottom: 15px;}
.PAgency-orderInfo-grid {border: 1px solid #e9eaed; border-radius: 8px; overflow: hidden;}
.PAgency-orderInfo-row {display: flex; border-bottom: 1px solid #e9eaed; height: 56px;}
.PAgency-orderInfo-row:last-child {border-bottom: none;}
.PAgency-orderInfo-cell {display: flex; align-items: center; flex: 1; padding: 0 20px;}
.PAgency-orderInfo-cell.-right {border-left: 1px solid #e9eaed; }
.PAgency-orderInfo-label {color: #666; width: 180px; text-align: right; font-size: 16px;}
.PAgency-orderInfo-divider {color: #b1b2b3; padding: 0 15px;}
.PAgency-orderInfo-content {color: #333; font-weight: 600; padding-left: 20px; font-size: 15px;}
.PAgency-orderInfo-cell .formBtm-style3 {margin-left: auto;}
.PAgency-orderInfo-cell.-right .PAgency-orderInfo-label {width: 80px;}
@media (max-width: 768px) {
	.PAgency-orderInfo-row {flex-direction: column; height: auto; font-size: 14px; line-height: 21px;}
	.PAgency-orderInfo-cell {padding: 12px 20px; flex-wrap: wrap;}
	.PAgency-orderInfo-cell.-right {border-left: none; border-top: 1px solid #e9eaed;}
	.PAgency-orderInfo-label {width: auto; text-align: left;}
	.PAgency-orderInfo-divider {padding: 0 8px;}
	.PAgency-orderInfo-cell.-right .PAgency-orderInfo-label {width: auto; font-weight: 600;}
	.PAgency-orderInfo-cell .formBtm-style3 {width: 100%; margin-left: 0; margin-top: 10px; text-align: center; display: flex; justify-content: center;}
}

/* ===== 센터정보 + 수취인정보 : 한 묶음 / 각각 독립 카드 ===== */
.order-info-split {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: 1556px;
    margin: 30px auto 0;
    padding: 0 20px;
    gap: 20px;
}

/* 사업자 통관 시 인보이스 섹션은 아래 행으로 분리 */
.order-info-split .PA-invoiceInfo {
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

/* 각 섹션 독립 카드 */
.order-info-split .PAgency-orderInfo {
    flex: 0 0 620px;
    padding: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid #dde2ee;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    background: #fff;
}
.order-info-split .PAgency-addressInfo {
    flex: 1;
    padding: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid #dde2ee;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    background: #fff;
}

/* 내부 컨테이너 height 채우기 */
.order-info-split .PAgency-orderInfo-container,
.order-info-split .PAgency-addressInfo-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: none;
    margin: 0;
}
/* ── 센터정보 헤더 (w1-card-header가 대체하므로 h2 직접 스타일 제거) ── */
.order-info-split .PAgency-orderInfo-container h2 {
    background: transparent;
    color: inherit;
    padding: 0;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}

/* 센터정보 그리드 - 카드형 2×2 */
.order-info-split .PAgency-orderInfo-grid {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 16px;
    background: #eef0f6;
    border: none;
    border-radius: 0;
}
.order-info-split .PAgency-orderInfo-row {
    display: contents;
}
.order-info-split .PAgency-orderInfo-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 18px 22px;
    gap: 8px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e2e8f5;
    box-shadow: 0 1px 5px rgba(51,65,85,0.07);
}
.order-info-split .PAgency-orderInfo-cell.-right {
    border-left: none;
    border-top: none;
}
.order-info-split .PAgency-orderInfo-label,
.order-info-split .PAgency-orderInfo-cell.-right .PAgency-orderInfo-label {
    width: auto;
    text-align: left;
    font-size: 12px;
    color: #8492a6;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.order-info-split .PAgency-orderInfo-divider { display: none; }
.order-info-split .PAgency-orderInfo-content {
    color: #1d2327;
    font-weight: 700;
    font-size: 17px;
    padding-left: 0;
}

/* ── 수취인정보 헤더 (PAgency-header-wrapper) ── */
.order-info-split .PAgency-header-wrapper {
    background: #f8faff;
    border-bottom: 1px solid #e2e8f0;
    padding: 14px 20px;
    margin-bottom: 0;
    gap: 10px;
    border-radius: 0;
}
.order-info-split .PAgency-header {
    background: linear-gradient(135deg, #3858e9, #6366f1);
    color: #fff;
    padding: 3px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    margin-left: auto;
    order: 2;
}
.order-info-split .PAgency-title {
    color: #1e293b;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    order: 1;
}

/* 수취인정보 폼 영역 */
.order-info-split .PAgency-form-section {
    flex: 1;
    margin: 16px;
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* 수취인 항목 그리드 (order-info-split 내) */
.order-info-split .PAgency-form-section .myPAgency-info-grid {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-auto-rows: 1fr;
    gap: 1px;
    background: #e2e8f0;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    overflow: hidden;
    flex: 1;
}
.order-info-split .PAgency-form-section .myPAgency-info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #fff;
    border-radius: 0;
    transition: background 0.15s;
}
.order-info-split .PAgency-form-section .PAgency-top-row { flex-shrink: 0; margin-bottom: 12px; }
.order-info-split .PAgency-form-section .myPAgency-info-item.-full { grid-column: 1 / -1; }
.order-info-split .PAgency-form-section .myPAgency-info-item:hover { background: #f5f7ff; }
.order-info-split .PAgency-form-section .myPAgency-info-label {
    min-width: 112px;
    max-width: 112px;
    flex-shrink: 0;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 1.5;
    white-space: nowrap;
}
.order-info-split .PAgency-form-section .myPAgency-info-divider {
    flex-shrink: 0;
    font-size: 0;
    width: 1px;
    height: 14px;
    background: #cbd5e1;
    align-self: center;
}
.order-info-split .PAgency-form-section .myPAgency-info-text {
    color: #1e293b;
    font-weight: 500;
    flex: 1;
    line-height: 1.5;
    word-break: break-all;
    padding-left: 6px;
}
.order-info-split .PAgency-form-section .myPAgency-info-text a {
    color: #3858e9;
    text-decoration: none;
}
.order-info-split .PAgency-form-section .myPAgency-info-text a:hover { text-decoration: underline; }

@media (max-width: 1100px) {
    .order-info-split {
        flex-direction: column;
        gap: 16px;
        padding: 20px 15px 0;
        margin-top: 20px;
    }
    .order-info-split .PAgency-orderInfo,
    .order-info-split .PAgency-addressInfo { flex: 0 0 auto; width: 100%; }
    .order-info-split .PA-invoiceInfo {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (max-width: 480px) {
    .order-info-split { padding: 16px 12px 0; gap: 12px; }
}

/* 신청대기-개인 상품등록 */
/* 수취인 입력 */
.PAgency-addressInfo {width: 100%; padding: 30px 20px 0;}
.PAgency-addressInfo-container {max-width: 1516px; margin: 0 auto;}
.PAgency-header-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
    background: #f8faff;
    border-bottom: 1px solid #e2e8f0;
    padding: 14px 20px;
    min-height: 52px;
    box-sizing: border-box;
}
.PAgency-header {
    background: linear-gradient(135deg, #3858e9, #6366f1);
    color: #fff;
    padding: 3px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    border: none;
}
.PAgency-title {padding: 0; font-size: 14px; font-weight: 600; color: #1e293b;}
.PAgency-checkbox-container {display: flex; align-items: center; gap: 4px;}
.PAgency-form-section {background-color: #f7f7f8; padding: 20px; border-radius: 4px; border: 1px solid #e9eaed;}
.PAgency-top-row {display: flex; gap: 20px; margin-bottom: 20px;}
.PAgency-top-row .formBtm-style3 {width: 200px;}
.PAgency-notice {color: #666; font-size: 14px; font-weight: 600; line-height: 1.6; display: flex; align-items: center;}
.PAgency-form-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: start;}
.PAgency-input-group {display: flex; flex-direction: column; gap: 20px;}
.PAgency-address-inputs {display: flex; gap: 10px;}
.PAgency-address-group {display: flex; flex-direction: column; gap: 20px;}
.PAgency-address-inputs .standardForm {flex: 1;}
.PA-invoiceInfo-select-wrap {display: flex; gap: 20px; margin-top: 20px;}
.PA-invoiceInfo-select-wrap .standardForm {flex: 1;}
.PA-invoiceInfo-select-wrap .nomal-Select {width: auto;}
.label-info-text {text-align: left; margin-bottom: 20px; line-height: 1.6;}/* 운송장라벨 */
@media (max-width: 768px) {
	.PAgency-top-row {flex-direction: column; gap: 10px; margin-bottom: 10px;}
	.PAgency-top-row .formBtm-style3 {width: 100%;}
	.PAgency-form-grid {grid-template-columns: 1fr; gap: 10px;}
	.PAgency-address-inputs {flex-direction: column; gap: 10px;}
	.PAgency-notice {padding-top: 0;}
	.PAgency-input-group {gap: 15px;}
	.PAgency-address-group {gap: 15px;}
	.Essential-form, .standardForm {margin-bottom: 0;}
	.PA-invoiceInfo-select-wrap {flex-direction: column; gap: 10px; margin-top: 15px; padding: 0;}
	.PA-invoiceInfo-select-wrap .standardForm,
  .PA-invoiceInfo-select-wrap .nomal-Select {width: 100%;}
}



/* 인보이스 */
.PA-invoiceInfo {width: 100%; padding-top: 30px; padding: 30px 20px 0;}
.PA-invoiceInfo-container {max-width: 1516px; margin: 0 auto; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(15,23,42,0.06); background: #fff;}
.PA-invoiceInfo-header-wrapper {display: flex; align-items: center; margin-bottom: 0; gap: 10px; background: #f8faff; border-bottom: 1px solid #e2e8f0; padding: 14px 20px; border-radius: 10px 10px 0 0; min-height: 52px; box-sizing: border-box;}
.PA-invoiceInfo-title {font-size: 14px; font-weight: 600; color: #1e293b;}
.PA-invoiceInfo-form-section {padding: 20px; border-radius: 0 0 10px 10px; border: none;}
.PA-invoiceInfo-top-row {display: flex; gap: 20px; margin-bottom: 20px;}
.PA-invoiceInfo-top-row .formBtm-style3 {width: 200px;}
.PA-invoiceInfo-form-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: start; margin-bottom: 20px;}
.PA-invoiceInfo-input-group {display: flex; flex-direction: column; gap: 20px;}
.PA-invoiceInfo-right-col {display: flex; flex-direction: column; gap: 20px;}
.PA-invoiceInfo-select-wrap {display: flex; gap: 20px; width: 100%;}
.PA-invoiceInfo-select-wrap.address-wrap > div:first-child {flex: 0 0 120px;}
.PA-invoiceInfo-select-wrap.address-wrap > div:last-child {flex: 1;}
.PAgency-formRow .standardForm:first-child {flex: 0 0 120px;}
.PAgency-formRow .standardForm:last-child {flex: 1;}
@media (max-width: 768px) {
	.PA-invoiceInfo-top-row {flex-direction: column; gap: 15px; margin-bottom: 15px;}
	.PA-invoiceInfo-top-row .formBtm-style3 {width: 100%;}
	.PA-invoiceInfo-form-grid {grid-template-columns: 1fr; gap: 15px;}
	.PA-invoiceInfo-input-group {gap: 22px;}
	.PA-invoiceInfo-right-col {gap: 22px;}
	.PA-invoiceInfo-select-wrap {flex-direction: column; gap: 15px;}
	.PA-invoiceInfo-select-wrap.address-wrap {display: grid; grid-template-columns: 1fr; gap: 15px;}
	.PA-invoiceInfo-select-wrap.address-wrap > div {width: 100%;}
	.Essential-form input, .standardForm input {margin-bottom: 0 !important;}
	.Essential-form, .standardForm {margin-bottom: 0;}
	.PAgency-formRow {flex-direction: column; gap: 15px;}
	.PAgency-formRow .standardForm:first-child {flex: none;}
}

/* 전자상거래 관세청신고 */
.PA-Commerce-Info {width: 100%; padding-top: 30px; padding: 30px 20px 0;}
.PA-Commerce-container {max-width: 1516px; margin: 0 auto;}
.PA-Commerce-header-wrapper {display: flex; align-items: center; margin-bottom: 15px; gap: 8px;}
.PA-Commerce-header {background-color: #9fd405; color: white; padding: 8px 20px;}
.PA-Commerce-title {padding: 8px 0; font-size: 20px; font-weight: 500; color: #000;}
.PA-Commerce-form-section {background-color: #f7f7f8; padding: 20px; border-radius: 4px; border: 1px solid #e9eaed;}
.PA-Commerce-form-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: start;}
.PA-Commerce-input-group {display: flex; flex-direction: column; gap: 1px;}
.PA-Commerce-label {color: #666; font-size: 14px; margin-bottom: 8px;}
.PA-Commerce-right-col {display: flex; flex-direction: column; gap: 1px;}
.PA-Commerce-radio-group {margin-bottom: 20px; line-height: 20px;}
.PA-Commerce-radio-group em {text-decoration: none; color: red; font-weight: 600;}
.PA-Commerce-radio-group .radio-item:first-child {padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.PA-Commerce-radio-group .nomalRadio-label {width: 100%;}
.PA-Commerce-radio-group .nomalRadio-text {font-size: 14px; font-weight: 500;}
@media (max-width: 768px) {
   .PA-Commerce-form-grid {grid-template-columns: 1fr; gap: 22px;}
   .PA-Commerce-input-group {gap: 5px;} 
   .PA-Commerce-right-col {gap: 5px;} 
   .PA-Commerce-label {margin-bottom: 4px;} 
   .Essential-form input, .standardForm input {margin-bottom: 0 !important;}
   .Essential-form, .standardForm {margin-bottom: 0;}
}

/*상품입력 */
/*상품입력 - 정렬 및 라인 수정*/
.PAgency-productList {width: 100%; padding: 30px 20px 0;}
.PAgency-productList-container {max-width: 1516px; margin: 0 auto;}
.PAgency-titleArea {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    background: #f8faff;
    border: 1px solid #e2e8f0;
    padding: 14px 20px;
    border-radius: 10px;
}
.PAgency-titleArea h2 {font-size: 15px; font-weight: 600; color: #1e293b;}
.PAgency-titleArea p {font-size: 12px; font-weight: 500; color: #64748b;}
.PAgency-titleArea .essential, .PAgency-dot {color: #e03030;}
.PAgency-titleArea .essential {font-size: 13px; font-weight: 700;}
.PAgency-dot {font-size: 18px; font-weight: 900; vertical-align: middle;}
.PAgency-card {border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(15,23,42,0.06);}
.PAgency-card2 {border: 1px solid #e2e8f0; border-radius: 12px; background: #f8faff; margin-bottom: 20px;}
.PAgency-cardHeader {display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; border-bottom: 1px solid #e8ecf3; background: #f8faff; border-radius: 12px 12px 0 0;}
.PAgency-productTitle {font-size: 18px; font-weight: 600; margin-left: 0;}
.PAgency-btnGroup {display: flex; gap: 8px; align-items: center;}
.PAgency-textBtns {display: flex; gap: 8px;}
.PAgency-iconBtns {display: flex; gap: 8px;}	
.PAgency-btn WithIcon {display: flex; align-items: center; gap: 6px; height: 36px; padding: 0 15px; border: 1px solid #ddd; border-radius: 4px; background: #fff; font-size: 14px;}
.PAgency-iconBtn {width: 36px; height: 36px; border: 1px solid #ddd; border-radius: 4px; background: #fff;}
.PAgency-textBtns .formBtm-style3 {background: #f1f5f9; border: 1px solid #e2e8f0; color: #475569; border-radius: 6px; font-size: 13px; height: 34px; padding: 0 12px; gap: 5px;}
.PAgency-textBtns .formBtm-style3:hover {background: #b5c8de; border-color: #8aadc8; color: #1e293b;}
.PAgency-iconBtns .formBtm-style3 {background: #1e293b; border: 1px solid #1e293b; color: #fff; border-radius: 6px; width: 34px; height: 34px; padding: 0;}
.PAgency-iconBtns .formBtm-style3:hover {background: #0f172a; border-color: #0f172a; color: #fff;}
.PAgency-iconBtns .formBtm-style3._BASE_BtnDel,
.PAgency-iconBtns .formBtm-style3._BtnDel {background: #dc2626; border-color: #dc2626; color: #fff;}
.PAgency-iconBtns .formBtm-style3._BASE_BtnDel:hover,
.PAgency-iconBtns .formBtm-style3._BtnDel:hover {background: #b91c1c; border-color: #b91c1c; color: #fff;}
.PAgency-cardContent {display: flex; gap: 30px; padding: 20px; align-items: flex-start;}
.PAgency-imageUpload {width: 140px; flex-shrink: 0;}
.PAgency-preview {width: 100%; height: 140px; background: #f5f5f5;
 margin-bottom: 10px; border-radius: 20px; overflow: hidden; align-items: center; justify-content: center;}
.PAgency-productList .PAgency-imageUpload {width: 260px;}
.PAgency-productList .PAgency-preview {height: 260px;}
.PAgency-preview img {width: 100%; height: 100%; object-fit: contain;}
.PAgency-uploadInfo {text-align: center; font-size: 13px; color: #666; line-height: 1.4; margin-top: 10px;}
.uploadInfo {margin-top: 5px;}
.PAgency-formContent {flex: 1;}
.PAgency-formRow {display: flex; gap: 15px; position: relative; z-index: 1; margin-bottom: 20px; width: 100%;}
.PAgency-formRow:last-child {margin-bottom: 0;}
.PAgency-formRow--space-top {padding-top: 10px;}
.PAgency-formRow .Essential-form, .PAgency-formRow .standardForm {flex: 1; width: 100%;}
.PAgency-formRow .formBtm-style3 {white-space: nowrap; width: auto; min-width: fit-content;}
.PAgency-formRow .nomal-select-box {flex: 1;}
.PAgency-formRow .nomal-select-box .nomal-Select {width: 100%;}
.PAgency-formRow:has(input[type="text"]#filename) {display: flex; width: 100%; gap: 15px;}
.PAgency-formRow:has(input[type="text"]#filename) .standardForm {flex: 1; width: 100%;}
.PAgency-formRow:has(input[type="text"]#filename) .formBtm-style3 {flex: 0 0 auto;}
.PAgency-formRow-left, .PAgency-formRow-right {display: flex; gap: 10px; flex: 1;}
.PAgency-formRow-left .Essential-form, .PAgency-formRow-right .Essential-form {flex: 1;}
.PAgency-formRow-right {width: 100%; flex: 1;}
.PAgency-formRow-right .nomal-Select {flex: 1;}
.PAgency-formRow-left .formBtm-style3, .PAgency-formRow-right .formBtm-style3 {white-space: nowrap; width: auto;}
.PAgency-formRow-left .nomal-Select {width: 100%; flex: 1; min-width: 0;}
.PAgency-cardContent-notice {margin: 0 0 12px; font-size: 14px; font-weight: 500; color: #475569; line-height: 1.6; background: #f0f4ff; border-radius: 6px; padding: 12px 14px;}
.PAgency-cardContent-notice p {margin: 0 0 5px 0;}
.PAgency-cardContent-notice a.Red1 {display: inline-block; color: #fff; background: #3858e9; border-radius: 4px; padding: 2px 10px; font-size: 12px; font-weight: 600; text-decoration: none; vertical-align: middle; transition: background 0.2s;}
.PAgency-cardContent-notice a.Red1:hover {background: #2d46c8;}
.PAgency-noticeinfo {
	background-color: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 4px;
	padding: 8px 15px;
	margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
   .PAgency-formRow {flex-direction: row; flex-wrap: wrap; gap: 10px;}
   .PAgency-formRow > .Essential-form,
   .PAgency-formRow > .standardForm {flex: 1 1 0; min-width: 0; max-width: calc(50% - 5px);}
   .PAgency-formRow:has(.nomal-Select) > .Essential-form:first-child {flex: 1 1 calc(50% - 5px); max-width: none; min-width: 0;}
   .PAgency-formRow:has(.nomal-Select) > .formBtm-style3 {flex: 0 0 auto;}
   .PAgency-formRow:has(.nomal-Select) > .nomal-Select {flex: 1 1 auto; min-width: 0; width: auto;}
   .PAgency-formRow:has(.nomal-Select) > .Essential-form:not(:first-child) {flex: 0 0 calc(50% - 5px); min-width: 0;}
   .PAgency-formRow-left, .PAgency-formRow-right {flex-direction: column; width: 100%;}
   .PAgency-formRow-right .formBtm-style3, .PAgency-formRow-right .nomal-Select {width: 100%;}
   .PAgency-cardContent {gap: 20px;}
   .PAgency-cardHeader {flex-direction: column; align-items: center; gap: 12px;}
   .PAgency-productTitle {white-space: nowrap; text-align: center;}
   .PAgency-btnGroup {width: 100%; flex-direction: column; gap: 8px; align-items: stretch;}
   .PAgency-textBtns {display: grid; grid-template-columns: 1fr 1fr; gap: 6px;}
   .PAgency-textBtns .formBtm-style3:last-child:nth-child(odd) {grid-column: 1 / -1;}
   .PAgency-iconBtns {justify-content: flex-end;}
   .PAgency-productList .PAgency-imageUpload {width: 180px;}
   .PAgency-productList .PAgency-preview {height: 180px;}
}
@media screen and (max-width: 768px) {
   .PAgency-cardHeader {flex-direction: column; align-items: center; gap: 15px; padding: 15px 20px;}
   .PAgency-productTitle {margin-left: 0; text-align: center; width: auto;}
   .PAgency-btnGroup {width: 100%; flex-direction: column; gap: 15px; align-items: center;}
   .PAgency-textBtns {width: 100%; flex-direction: column; gap: 8px;  align-items: center;}
   .PAgency-textBtns .formBtm-style3 {width: 100%; max-width: 300px;}
   .PAgency-iconBtns {width: 100%; display: flex; justify-content: center; gap: 8px;}
   .PAgency-cardContent {flex-direction: column; padding: 20px; gap: 25px; align-items: center;}
   .PAgency-imageUpload {width: 100%; max-width: 300px;}
   .PAgency-formRow {flex-direction: column; gap: 15px; margin-bottom: 20px; width: 100%;}
   .PAgency-formRow > .Essential-form,
   .PAgency-formRow > .standardForm {flex: 1 1 auto; max-width: 100%; width: 100%;}
   .PAgency-formRow .Essential-form,
   .PAgency-formRow .standardForm,
   .PAgency-formRow .nomal-select-box {width: 100%; margin: 0; position: relative; z-index: 2;}
   .PAgency-formRow input[type="text"],
   .PAgency-formRow input[type="number"],
   .PAgency-formRow select,
   .PAgency-formRow textarea {width: 100%; box-sizing: border-box; margin: 0;}
   .PAgency-formRow .formBtm-style3 {width: 100%; margin: 0; text-align: center;}
   .PAgency-formRow:has(.nomal-Select) > .Essential-form:first-child {flex: 1 1 auto; max-width: 100%;}
   .PAgency-formRow:has(.nomal-Select) > .formBtm-style3 {width: 100%;}
   .PAgency-formRow:has(.nomal-Select) > .nomal-Select {width: 100%;}
   .PAgency-formRow:has(.nomal-Select) > .Essential-form:not(:first-child) {flex: 1 1 auto; max-width: 100%;}
   .PAgency-textBtns {display: flex;}
   .PAgency-card, .PAgency-card2 {border-radius: 8px; margin-bottom: 30px; position: relative; z-index: 1; overflow: hidden;}
   .Essential-form, .standardForm {margin: 0; width: 100%;}
   .PAgency-productList {padding: 30px 20px 0;}
   .PAgency-formRow:has(input),
   .PAgency-formRow:has(select),
   .PAgency-formRow:has(textarea) {width: 100%; box-sizing: border-box; position: relative; z-index: 2;}
   .PAgency-formRow:has(input[type="text"]#filename) {display: flex; flex-direction: column; width: 100%;}
   .Essential-form {width: 100% !important; box-sizing: border-box; margin-bottom: 0;}
}
@media screen and (max-width: 480px) {
   .PAgency-titleArea {flex-direction: row; align-items: center; gap: 10px;}
   .PAgency-cardContent {padding: 20px;}
   .PAgency-imageUpload {display: flex; flex-direction: row; align-items: center; gap: 12px; width: 100%;}
   .PAgency-preview {width: 68px; height: 68px; flex-shrink: 0; margin-bottom: 0; background: none;}
   .PAgency-preview img {width: 100%; height: 100%; object-fit: contain;}
   .PAgency-uploadInfo {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 0; text-align: left;}
   .PAgency-cardContent {padding: 12px 12px 20px; gap: 15px;}
   .PAgency-productList .PAgency-cardContent {padding-top: 0 !important; padding-bottom: 0 !important; gap: 8px !important;}
   .PAgency-productList .PAgency-imageUpload {margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; max-height: 100px;}
   .PAgency-formRow input[type="text"],
   .PAgency-formRow input[type="number"],
   .PAgency-formRow select,
   .PAgency-formRow textarea {width: 100%; max-width: 100%; margin: 0 auto; box-sizing: border-box;}
   .PAgency-card, .PAgency-card2 {padding: 0; overflow: hidden;}

   /* 1. 인보이스 파일업로드 + 파일보기 버튼 좌우 가로 배열 */
   .PA-invoiceInfo-select-wrap {flex-direction: row; flex-wrap: wrap; gap: 8px; margin-top: 12px;}
   .PA-invoiceInfo-select-wrap .standardForm {width: 100%; flex: none;}
   .PA-invoiceInfo-select-wrap .formBtm-style2 {flex: 1; min-width: 0; text-align: center; white-space: nowrap;}

   /* 2. 상품정보 파일보기 버튼이 카드 하단 라인에 겹치지 않도록 */
   .PAgency-formRow:has(input[type="text"]#filename) {padding-bottom: 15px;}
}
/* 이미지 버튼 가운데 */
.PAgency-imageUpload .PAgency-uploadInfo .formBtm-style3 {display:inline;}

/* 반품신청 버튼 */
.PAgency-returnRequest {width: 100%; max-width: 1516px; margin: 0 auto; position: relative;}
.PAgency-returnRequest::before,
.PAgency-returnRequest::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #edf2f9;
    position: absolute;
    left: 0;
}
.PAgency-returnRequest::before {top: 0;}
.PAgency-returnRequest::after {bottom: 0;}
.returnRequest-btns {
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.returnRequest-btns > div:first-child {text-align: left; flex-grow: 1;}
.returnRequest-btns p {margin: 0; color: #666; font-size: 14px; font-weight: 500; line-height: 1.5;}
.returnRequest-btns p:first-child {margin-bottom: 5px; font-weight: 500;}
.returnRequest-btns .button-group {display: flex; gap: 10px; justify-content: flex-end; align-items: center;}
@media (max-width: 768px) {
	.PAgency-returnRequest {padding: 0 10px;}
    .returnRequest-btns {flex-direction: column; align-items: flex-start; gap: 15px;}
    .returnRequest-btns > div:first-child {width: 100%;}
    .returnRequest-btns .button-group {align-items: center; justify-content: center; align-content: center;}
}
.txt-warning {color: #ff4d4d;}

/* 총 상품금액 - 카드형 3분할 */
.PA-extendedPrice {width: 100%; padding: 20px 20px 0;}
.PA-extendedPrice-container {max-width: 1516px; margin: 0 auto;}
.PA-extendedPrice-section {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e0e4ed;
    border-top: 3px solid #3858e9;
    border-bottom: 3px solid #3858e9;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    overflow: hidden;
    padding: 0;
}
/* 카드 3분할 타이틀 */
.PA-extendedPrice-title {
    display: flex;
    align-items: stretch;
    margin-bottom: 0;
}
.PA-ext-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 22px 16px;
    border-right: 1px solid #e8ecf5;
}
.PA-ext-item:last-child { border-right: none; }
.PA-ext-label {
    font-size: 15px;
    color: #8492a6;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.PA-ext-value {
    font-size: 26px;
    font-weight: 700;
    color: #1d2327;
    text-align: center;
}
.PA-ext-usd {
    font-size: 16px;
    font-weight: 500;
    color: #3858e9;
    font-style: normal;
}
.PA-ext-badge {
    display: inline-block;
    color: #fff;
    background: #3858e9;
    font-weight: 600;
    font-size: 16px;
    padding: 7px 22px;
    border-radius: 20px;
    text-align: center;
    line-height: 1.5;
}
/* 이전 클래스명 호환 유지 */
.PA-extendedPrice-amount, .PA-extendedPrice-yen, .PA-extendedPrice-target {}
.PA-extendedPrice-notice {
    padding: 14px 20px;
    border-top: 1px solid #e8ecf5;
    background: #fafbff;
}
.PA-extendedPrice-notice li {color: #666; font-size: 14px; line-height: 1.7; position: relative; padding-left: 12px;}
.PA-extendedPrice-notice li:before {content: "·"; position: absolute; left: 0; top: 0;}
.PA-extendedPrice-notice li.warning {color: #e03030; font-weight: 500;}
@media (max-width: 768px) {
    .PA-extendedPrice {padding: 15px 15px 0;}
    .PA-extendedPrice-title {flex-direction: column;}
    .PA-ext-item {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-right: none;
        border-bottom: 1px solid #e8ecf5;
        padding: 14px 18px;
        gap: 10px;
    }
    .PA-ext-item:last-child {border-bottom: none;}
    .PA-ext-label {font-size: 13px; text-transform: none; letter-spacing: 0; color: #777;}
    .PA-ext-value {font-size: 15px; text-align: right;}
    .PA-extendedPrice-notice li {font-size: 13px;}
}

/* 부가 서비스 */
.PAgency-addService {width: 100%; padding: 30px 20px 0;}
.PA-addService-container {max-width: 1516px; margin: 0 auto; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(15,23,42,0.06); background: #fff;}
.PA-addService-header {display: flex; align-items: center; justify-content: space-between; margin-bottom: 0;}
.PA-addService-title {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 14px 20px;
    background: #f8faff;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 10px 10px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    box-sizing: border-box;
    min-height: 52px;
}
.PA-addService-notice {margin-top: 0; padding: 12px 20px; background: #f0f3ff; border-radius: 0; border-bottom: 1px solid #e2e8f0;}
.PA-addService-notice li {color: #666; font-size: 16px; line-height: 1.6; position: relative; padding-left: 10px;}
.PA-addService-notice li:before {content: "-"; position: absolute; left: 0;}
.PA-addService-form {
    background-color: #fff;
    border: none;
    border-radius: 0;
    padding: 24px 20px 20px;
    position: relative;
    margin-top: 0;
}
.PA-addService-row {display: flex; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e9eaed;}
.PA-addService-category {
    width: 150px; 
    color: #333; 
    font-size: 16px;
    font-weight: 500; 
    padding-right: 20px; 
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 43px;
    flex-direction: column;
}
.PA-addService-category-desc {
    font-size: 12px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    margin-top: 8px;
}
.PA-addService-row:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.PA-addService-category:after {
    content: ''; 
    position: absolute; 
    right: 0; top: -20px; 
    bottom: -20px; 
    width: 1px; 
    background-color: #e9eaed;
}
.PA-addService-options {flex: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding-left: 20px;}
.PA-addService-item {display: flex; align-items: flex-start; gap: 8px;}
.PA-addService-checkbox {margin-top: 3px;}
.PA-addService-label {flex: 1;}
.PA-addService-name {display: block; font-size: 14px; margin-bottom: 4px;}
.PA-addService-desc {display: block; color: #666; font-size: 13px;}
.PA-addService-price {color: #333; font-weight: 500;}
.PA-addService-note {color: #999; font-size: 12px; margin-top: 8px;}
@media (max-width: 768px) {
	.PA-addService-header {flex-direction: column; align-items: flex-start; gap: 10px;}
    .PA-addService-title {width: 100%; margin-bottom: 5px;}
    .PA-addService-header .formBtm-style3 {font-size: 13px; padding: 8px 12px; width: 100%;}
    .PA-addService-header .formBtm-style3 i {font-size: 12px; margin-right: 5px;}
    .PA-addService-options {grid-template-columns: 1fr; padding-left: 0;}
    .PA-addService-row {flex-direction: column; gap: 15px; font-size: 14px;}
    .PA-addService-category {width: 100%; padding-right: 0; min-height: auto; padding: 8px 0; border-bottom: 1px solid #e9eaed;}
    .PA-addService-category-desc {margin-top: 4px;}
    .PA-addService-category:after {display: none;}
	.checkbox-Form {margin-left: 0; margin-top: 8px; display: flex; width: 100%;}
    .Ani-checkbox .cbx span:first-of-type + span {flex-direction: column; align-items: flex-start;}
    .checkbox-Form input {width: 70px; height: 32px; font-size: 14px;}    
    .PA-addService-desc {margin-top: 10px; font-size: 12px;}
}

/* ── 부가서비스 항목/체크박스 정리 ── */

/* 행 구분선 */
.PA-addService-row {
    display: flex;
    margin-bottom: 0;
    padding: 20px 0;
    border-bottom: 1px solid #f1f5f9;
}
.PA-addService-row:last-child { padding-bottom: 0; border-bottom: none; }

/* 카테고리 레이블 */
.PA-addService-category {
    width: 120px;
    font-size: 15px;
    font-weight: 600;
    color: #475569;
    text-transform: none;
    letter-spacing: 0;
    padding-right: 20px;
    padding-top: 6px;
    min-height: auto;
    align-items: flex-start;
    justify-content: flex-start;
}
.PA-addService-category:after {
    right: 0; top: 0; bottom: 0;
    background-color: #e2e8f0;
}

/* 옵션 그리드 간격 */
.PA-addService-options {
    gap: 8px;
    padding-left: 20px;
}

/* 체크박스 카드 — padding을 label로 이동해 전체 영역 클릭 가능 */
.PA-addService-form .Ani-checkbox {
    margin-top: 0;
    background: #f8faff;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 0;               /* div에서 제거 */
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    align-items: stretch;
}
.PA-addService-form .Ani-checkbox .cbx {
    width: 100%;
    padding: 12px 14px;       /* label이 padding 담당 → 전체 카드 클릭 영역 */
    cursor: pointer;
    box-sizing: border-box;
}
.PA-addService-form .Ani-checkbox:hover {
    border-color: #a5b4fc;
    background: #f0f3ff;
}
.PA-addService-form .Ani-checkbox:has(.inp-cbx:checked) {
    background: #eef1ff;
    border-color: #3858e9;
}

/* 체크박스 박스 */
.PA-addService-form .Ani-checkbox .cbx span:first-child {
    border-color: #c7d2fe;
    border-radius: 5px;
    flex-shrink: 0;
    margin-top: 2px;
}
.PA-addService-form .Ani-checkbox .inp-cbx:checked + .cbx span:first-child {
    background: #3858e9;
    border-color: #3858e9;
}

/* 서비스명·가격 텍스트 */
.PA-addService-form .Ani-checkbox .cbx span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    color: #1e293b;
    line-height: 1.55;
}

/* 가격 배지 */
.PA-addService-form .Ani-checkbox .cbx span:nth-child(2) .Red1 {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #3858e9;
    background: #eff2ff;
    border: 1px solid #c7d2fe;
    padding: 1px 8px;
    border-radius: 20px;
    margin-left: 5px;
    vertical-align: middle;
}

/* 설명 텍스트 */
.PA-addService-form .Ani-checkbox .cbx span:nth-child(3) {
    font-size: 13px;
    color: #64748b;
    line-height: 1.55;
    margin-left: 26px;
    margin-top: 5px;
}

/* 부가서비스 모바일 복원 (새 베이스 CSS가 768px 쿼리 이후 선언되어 덮어쓰는 값 재지정) */
@media (max-width: 768px) {
    .PA-addService-row { flex-direction: column; gap: 10px; }
    .PA-addService-category { width: 100%; padding-right: 0; padding: 8px 0; border-bottom: 1px solid #e9eaed; }
    .PA-addService-category:after { display: none; }
    .PA-addService-options { padding-left: 0; }
}

/* 센터요청사항 */
.PAgency-comment {padding: 20px;}
.PAgency-comment-col {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 1516px;
    margin: 0 auto;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15,23,42,0.06);
}
.PAgency-comment-label {
    width: 120px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
	justify-content: center;
}
.PAgency-comment-input {flex: 1;}
.PAgency-comment-input textarea {
    width: 100%;
    min-height: 100px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    resize: none;
}
.PA-warningMsg-contener {width: 100%; padding: 0 20px;}
.PA-warningMsg {
	width: 100%; 
	max-width: 1516px; 
	margin: 0 auto; 
	text-align: center; 
	background-color: #f7f7f8; 
	padding: 25px; 
	border: 1px solid #eaebee; 
	margin-top: 20px;
}
.PA-warningMsg-text {color: #ff4d4d; font-size: 18px; font-weight: 500;}
.PA-warningMsg-text strong {color: #ff4d4d; font-weight: 500; text-decoration: underline;}
/* .PA-warningMsg-text span {color: #ff4d4d; font-weight: 500;} */
.warningMsg-textgo {color: #000; font-size: 16px;}
.PAgency-comment-input textarea::placeholder {color: #999;}
.PA-Btns {display: flex; gap: 15px; padding: 30px 20px 50px;}
.PA-Btns-Center {display: flex; gap: 15px; padding: 10px 20px 50px;}
.receive-button-group {display: flex; gap: 15px; width: 100%;}
@media (max-width: 768px) {
    .PAgency-comment {padding: 20px 15px;}
    .PAgency-comment-col {gap: 15px;}
    .PAgency-comment-label {width: 100px; font-size: 14px;}
}
@media (max-width: 480px) {
    .PAgency-comment {padding: 15px;}
    .PAgency-comment-col {flex-direction: column; gap: 10px;}
    .PAgency-comment-label {width: 100%;}
}

@media (max-width: 768px) {
    .PA-warningMsg {padding: 12px;}
    .PA-warningMsg-text {font-size: 14px; line-height: 20px;}
	.warningMsg-textgo {font-size: 14px;}
}
@media (max-width: 860px) {
	.PA-Btns {padding: 15px 10px 0;}
	.receive-button-group {flex-direction: column; gap: 10px;}
	.receive-button-group .formBtm-style4 {width: 100%; order: -1;}
	.receive-button-group .formBtm-style5-wrap {display: flex; gap: 6px;}
	.receive-button-group .formBtm-style5 {flex: 1; white-space: nowrap;}
}
.formBtm-style5.Red {background-color: #fff; border: 1px solid #ff0000; color: #ff0000;}

/* ===== Buy_W1.asp SaaS Redesign ===== */

/* 센터 정보 카드 헤더 */
.w1-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    background: #f8faff;
    border-bottom: 1px solid #e2e8f0;
    min-height: 52px;
    box-sizing: border-box;
}
.w1-card-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #3858e9;
    font-size: 16px;
    flex-shrink: 0;
}
.w1-card-header h2 {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    letter-spacing: 0.3px;
    line-height: 1;
}

/* 센터 정보 2×2 세로 레이아웃 */
.w1-info-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex: 1;
    background: #f4f6ff;
}
.w1-info-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px;
    padding: 28px 16px;
    border-right: 1px solid #dde3f5;
    border-bottom: 1px solid #dde3f5;
    transition: background 0.15s;
}
.w1-info-card:nth-child(2n) { border-right: none; }
.w1-info-card:nth-child(3),
.w1-info-card:nth-child(4) { border-bottom: none; }
.w1-info-card:hover { background: #eaedff; }
/* compact 모드 : 주문조회 등 높이 축소 + 가로 배열 */
.w1-info-cards.-compact .w1-info-card { padding: 12px 16px; gap: 14px; flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; }
.w1-info-cards.-compact .w1-ic-img { width: 72px; }
.w1-info-cards.-compact .w1-ic-text { align-items: flex-start; }
.w1-info-cards.-compact .w1-ic-icon {
    background: transparent;
    border-radius: 0;
    padding: 0 14px 0 0;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    position: relative;
    margin-right: 0;
}
.w1-info-cards.-compact .w1-ic-icon::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 32px;
    background: #dde3f5;
}
/* compact 6-카드(3행) : 3·4번 border-bottom 복원, 5·6번 제거 */
.w1-info-cards.-compact .w1-info-card:nth-child(3),
.w1-info-cards.-compact .w1-info-card:nth-child(4) { border-bottom: 1px solid #dde3f5; }
.w1-info-cards.-compact .w1-info-card:nth-child(5),
.w1-info-cards.-compact .w1-info-card:nth-child(6) { border-bottom: none; }
.w1-ic-icon {
    flex-shrink: 0;
    background: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.w1-ic-img {
    width: 120px;
    height: auto;
    object-fit: contain;
    display: block;
}
.w1-ic-text { display: flex; flex-direction: column; gap: 4px; align-items: center; }
.w1-ic-label {
    font-size: 14px;
    font-weight: 600;
    color: #7c8db5;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}
.w1-ic-value {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.4;
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* 신청구분 아래줄 배지 : 구매대행전환상품 / 배송대행 직접신청 */
.w1-ic-tag {
    display: inline-flex;
    align-items: center;
    align-self: center;
    gap: 4px;
    text-transform: none;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0;
    border-radius: 2px;
    white-space: nowrap;
}
.w1-ic-tag i { font-size: 10px; }
.w1-ic-tag.-buymove {
    color: #5b21b6;
    background: #f5f3ff;
    border: 1px solid #ddd6fe;
}
.w1-ic-tag.-direct {
    color: #64748b;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

/* 주의사항 notice */
.w1-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    max-width: 1516px;
    margin: 20px auto 0;
    padding: 16px 22px;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 10px;
}
.w1-notice-icon {
    font-size: 18px;
    color: #f59e0b;
    flex-shrink: 0;
    margin-top: 1px;
}
.w1-notice-body { flex: 1; }
.w1-notice-text {
    font-size: 14px;
    color: #78350f;
    font-weight: 500;
    line-height: 1.65;
    margin: 0;
}
.w1-notice-link {
    color: #3858e9;
    font-weight: 600;
    text-decoration: none;
    margin-left: 6px;
}
.w1-notice-link:hover { text-decoration: underline; }

/* 액션 버튼 바 */
.PA-Btns {
    display: block;
    padding: 0;
    margin-top: 30px;
    background: transparent;
    border-top: none;
}
.w1-action-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 1516px;
    margin: 0 auto;
    padding: 36px 28px;
    border-top: 2px solid #e2e8f0;
}
.w1-action-label {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.w1-action-secondary { display: flex; flex-direction: column; gap: 4px; }
.w1-action-secondary-btns { display: flex; gap: 8px; }
.w1-action-primary { display: flex; gap: 10px; align-items: center; }

/* Primary 버튼 */
.w1-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 58px;
    padding: 0 40px;
    background: linear-gradient(135deg, #3858e9, #6366f1);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 14px rgba(56,88,233,0.3);
    white-space: nowrap;
}
.w1-btn-primary:hover {
    background: linear-gradient(135deg, #2b47d4, #5254cc);
    box-shadow: 0 6px 20px rgba(56,88,233,0.42);
    transform: translateY(-1px);
}
.w1-btn-primary.-outline {
    background: #fff;
    color: #3858e9;
    border: 1.5px solid #3858e9;
    box-shadow: none;
}
.w1-btn-primary.-outline:hover {
    background: #f0f3ff;
    border-color: #2b47d4;
    color: #2b47d4;
    box-shadow: none;
    transform: translateY(-1px);
}

/* Ghost 버튼 */
.w1-btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 44px;
    padding: 0 20px;
    background: #fff;
    color: #64748b;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.18s ease;
    white-space: nowrap;
}
.w1-btn-ghost:hover {
    border-color: #94a3b8;
    color: #1e293b;
    background: #f8faff;
}
.w1-btn-ghost.-xs {
    height: 30px;
    padding: 0 12px;
    font-size: 12px;
    border-radius: 5px;
    gap: 4px;
}
.w1-btn-ghost.-danger {
    color: #e11d48;
    border-color: #fda4af;
    background: #fff5f7;
}
.w1-btn-ghost.-danger:hover {
    color: #be123c;
    border-color: #e11d48;
    background: #ffe4e8;
}
.w1-action-bar.-center {
    justify-content: center;
}

/* 반응형 */
@media (max-width: 768px) {
    .w1-info-cards { grid-template-columns: 1fr; }
    .w1-info-card { border-right: none; border-bottom: 1px solid #dde3f5; }
    .w1-info-card:nth-child(2) { border-bottom: 1px solid #dde3f5; }
    .w1-info-card:nth-child(3) { border-bottom: 1px solid #dde3f5; }
    .w1-info-card:last-child { border-bottom: none; }
}
@media (max-width: 860px) {
    .w1-action-bar { flex-direction: column; align-items: stretch; padding: 20px 16px; }
    .w1-action-secondary-btns,
    .w1-action-primary { width: 100%; }
    .w1-action-primary { flex-direction: column; }
    .w1-action-secondary-btns { flex-direction: column; }
    .w1-btn-primary,
    .w1-btn-ghost { width: 100%; }
}

/* ===== Buy_W1 섹션 타이틀 FA 아이콘 ===== */

/* ── 섹션 타이틀 공통 아이콘 스타일 (font-size·margin 통일) ── */
.PAgency-title::before,
.PA-invoiceInfo-title::before,
.PAgency-titleArea h2::before,
.PA-addService-title::before,
.PAgency-comment-label::before,
.myStock-section-title-wrap h2::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    margin-right: 8px;
    color: #3858e9;
}

/* 수취인정보 - fa-user */
.PAgency-title::before          { content: "\f007"; }
/* 인보이스 - fa-file-invoice */
.PA-invoiceInfo-title::before   { content: "\f570"; }
/* 상품정보 - fa-box */
.PAgency-titleArea h2::before   { content: "\f466"; }
/* 부가서비스 - fa-gears */
.PA-addService-title::before    { content: "\f085"; }
/* 센터요청사항 - fa-comment-dots */
.PAgency-comment-label::before  { content: "\f4ad"; }
/* 재고전환/예치금/쿠폰 - fa-circle-check */
.myStock-section-title-wrap h2::before { content: "\f058"; }

/* ===== 재고전환 + 예치금 좌우 배열 ===== */
.myStock-pair {
    display: flex;
    gap: 20px;
    padding: 30px 20px 0;
    max-width: 1556px;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
}
.myStock-pair > .myStock-switch {
    flex: 1 1 0%;
    min-width: 0;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.myStock-pair > .myStock-switch .myStock-switch-container {
    flex: 1;
    max-width: none;
    margin: 0;
    display: flex;
    flex-direction: column;
}
@media (max-width: 900px) {
    .myStock-pair { flex-direction: column; gap: 12px; padding: 20px 12px 0; }
}
@media (max-width: 480px) {
    .myStock-pair { padding: 16px 12px 0; gap: 10px; }
}

/* ===== Buy_W1 모바일 최적화 ===== */

/* ── 768px 이하: 공통 보완 ── */
@media (max-width: 768px) {

    /* 섹션 좌우 패딩 축소 */
    .PAgency-productList,
    .PAgency-addService,
    .PA-invoiceInfo,
    .PA-warningMsg-contener,
    .PAgency-comment,
    .myStock-switch { padding-left: 12px; padding-right: 12px; }

    /* 수취인정보 폼 여백 */
    .order-info-split .PAgency-form-section { margin: 12px; }

    /* compact 카드 아이콘 축소 */
    .w1-info-cards.-compact .w1-ic-img { width: 50px; }
    .w1-info-cards.-compact .w1-info-card { padding: 10px 14px; gap: 10px; }
    /* 1열 전환 시 5번째(통관용운송장) 아래 구분선 복원 → 배송조회 위 선 */
    .w1-info-cards.-compact .w1-info-card:nth-child(5) { border-bottom: 1px solid #dde3f5; }

    /* 센터정보 카드 */
    .w1-info-card { padding: 20px 12px; gap: 10px; }
    .w1-ic-img  { width: 110px; height: auto; }

    /* 섹션 헤더 공통 패딩 */
    .PAgency-header-wrapper,
    .PA-addService-title,
    .PA-invoiceInfo-header-wrapper,
    .myStock-section-title-wrap { padding: 12px 16px; }

    /* myStock h2 - 기존 768px 규칙(18px) 덮어쓰기 */
    .myStock-section-title-wrap h2 { font-size: 14px; font-weight: 600; }

    /* 부가서비스 체크박스 카드 */
    .PA-addService-form { padding: 16px 12px; }
    .PA-addService-form .Ani-checkbox .cbx span:nth-child(2) { font-size: 15px; }
    .PA-addService-form .Ani-checkbox .cbx span:nth-child(3) { font-size: 12px; }

    /* 주의사항 */
    .w1-notice { padding: 14px 16px; gap: 10px; margin: 16px 12px 0; }
    .w1-notice-text { font-size: 13px; }
    .w1-notice-icon { font-size: 16px; }

    /* 센터요청사항 */
    .PAgency-comment-col { padding: 16px; }
    .PAgency-comment-label::before { margin-right: 5px; }

    /* 버튼 영역 */
    .w1-action-bar { padding: 20px 12px; }
    .w1-btn-primary { height: 52px; font-size: 15px; }
}

/* ── 480px 이하: 소형 모바일 ── */
@media (max-width: 480px) {

    /* 섹션 패딩 최소화 */
    .PAgency-productList,
    .PAgency-addService,
    .PA-invoiceInfo,
    .PA-warningMsg-contener,
    .PAgency-comment,
    .myStock-switch { padding-left: 8px; padding-right: 8px; padding-top: 16px; }

    /* 센터정보 헤더 */
    .w1-card-header { padding: 10px 14px; gap: 8px; }
    .w1-card-header h2 { font-size: 13px; }
    .w1-card-badge { width: 26px; height: 26px; font-size: 11px; }

    /* 센터정보 카드: 신청방식·센터 2열 나란히, 나머지 풀너비 */
    .w1-info-cards { grid-template-columns: repeat(2, 1fr); }
    .w1-info-card:nth-child(1) { border-right: 1px solid #dde3f5; border-bottom: 1px solid #dde3f5; }
    .w1-info-card:nth-child(2) { border-bottom: 1px solid #dde3f5; }
    .w1-info-card:nth-child(n+3) { grid-column: 1 / -1; border-right: none; }

    /* 센터정보 카드 */
    .w1-info-card { padding: 16px 10px; gap: 8px; }
    .w1-ic-img  { width: 80px; height: auto; }
    .w1-ic-value { font-size: 14px; }
    .w1-ic-label { font-size: 10px; }

    /* 주문정보 상단 여백 축소 */
    .PAgency-orderInfo { padding-top: 0; }

    /* 수취인정보 */
    .order-info-split { padding: 0 8px; gap: 12px; margin-top: 0; }
    .order-info-split .PAgency-form-section { margin: 10px; }

    /* 수취인 그리드 → 모바일 2열 + 항목 재배치 */
    .order-info-split .PAgency-form-section .myPAgency-info-grid {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
    }
    /* 한글(1) | 영문(3) 나란히 */
    .order-info-split .PAgency-form-section .myPAgency-info-grid > .myPAgency-info-item:nth-child(1) { order: 1; }
    .order-info-split .PAgency-form-section .myPAgency-info-grid > .myPAgency-info-item:nth-child(3) { order: 2; }
    /* 우편번호(2), 주소(4), 휴대폰(5) → 전체 너비 */
    .order-info-split .PAgency-form-section .myPAgency-info-grid > .myPAgency-info-item:nth-child(2) { order: 3; grid-column: 1 / -1; }
    .order-info-split .PAgency-form-section .myPAgency-info-grid > .myPAgency-info-item:nth-child(4) { order: 4; grid-column: 1 / -1; }
    .order-info-split .PAgency-form-section .myPAgency-info-grid > .myPAgency-info-item:nth-child(5) { order: 5; grid-column: 1 / -1; }
    /* 통관/사업자번호(6) | 사업자등록증(8) 나란히, 사업자등록증 없을 시(개인) 전체너비 */
    .order-info-split .PAgency-form-section .myPAgency-info-grid > .myPAgency-info-item:nth-child(6) { order: 6; }
    .order-info-split .PAgency-form-section .myPAgency-info-grid > .myPAgency-info-item:nth-child(6):nth-last-child(2) { grid-column: 1 / -1; }
    .order-info-split .PAgency-form-section .myPAgency-info-grid > .myPAgency-info-item:nth-child(8) { order: 7; }
    /* 배송요청사항(7) → 맨 아래 전체 너비 */
    .order-info-split .PAgency-form-section .myPAgency-info-grid > .myPAgency-info-item:nth-child(7) { order: 8; grid-column: 1 / -1; }
    /* 수취인 항목 → 라벨/값 세로 스택 */
    .order-info-split .PAgency-form-section .myPAgency-info-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        padding: 8px 10px;
    }
    .order-info-split .PAgency-form-section .myPAgency-info-divider { display: none; }
    .order-info-split .PAgency-form-section .myPAgency-info-label {
        min-width: unset;
        max-width: unset;
        font-size: 12px;
        color: #94a3b8;
    }
    .order-info-split .PAgency-form-section .myPAgency-info-text { padding-left: 0; font-size: 14px; }

    /* 인보이스 아이템: 라벨-설명 사이 구분선 */
    .PA-invoiceInfo-info-label {
        width: 100%;
        padding-bottom: 6px;
        margin-bottom: 4px;
        border-bottom: 1px solid #e2e8f0;
    }

    /* compact 카드 추가 축소 */
    .w1-info-cards.-compact .w1-ic-img { width: 40px; }
    .w1-info-cards.-compact .w1-info-card { padding: 8px 12px; gap: 8px; }
    .w1-info-cards.-compact .w1-ic-icon { padding: 0 10px 0 0; }
    .w1-info-cards.-compact .w1-ic-label { font-size: 12px; }
    .w1-info-cards.-compact .w1-ic-value { font-size: 14px; }

    /* 수취인 항목 폰트 */
    .order-info-split .PAgency-form-section .myPAgency-info-label { font-size: 12px; }
    .order-info-split .PAgency-form-section .myPAgency-info-text { font-size: 14px; }

    /* 인보이스 아이템 → 라벨 위, 값 아래 */
    .PA-invoiceInfo-info-item { flex-direction: column; align-items: flex-start; gap: 3px; padding: 10px 14px; }
    .PA-invoiceInfo-info-divider { display: none; }
    .PA-invoiceInfo-info-label { min-width: unset; font-size: 12px; color: #94a3b8; font-weight: 600; }
    .PA-invoiceInfo-info-text { font-size: 14px; }

    /* 섹션 헤더 공통 */
    .PAgency-header-wrapper,
    .PA-addService-title,
    .PA-invoiceInfo-header-wrapper,
    .myStock-section-title-wrap { padding: 10px 14px; }
    .PAgency-title  { font-size: 13px; }
    .PA-invoiceInfo-title { font-size: 13px; }
    .myStock-section-title-wrap h2 { font-size: 13px; }

    /* 상품정보 */
    .PAgency-titleArea { padding: 10px 14px; margin-bottom: 12px; }
    .PAgency-titleArea h2 { font-size: 13px; }
    .PAgency-cardContent { padding: 14px; gap: 14px; }
    .PAgency-cardContent-notice { font-size: 13px; }
    .PAgency-card { border-radius: 8px; margin-bottom: 14px; }
    .PAgency-cardHeader { padding: 12px 14px; }

    /* 부가서비스 */
    .PA-addService-container { border-radius: 8px; }
    .PA-addService-title { font-size: 13px; border-radius: 8px 8px 0 0; }
    .PA-addService-notice { padding: 10px 14px; }
    .PA-addService-notice li { font-size: 14px; }
    .PA-addService-form { padding: 12px 10px; }
    .PA-addService-category { font-size: 15px; font-weight: 700; width: 100%; }
    .PA-addService-form .Ani-checkbox { border-radius: 8px; }
    .PA-addService-form .Ani-checkbox .cbx span:nth-child(2) { font-size: 14px; }
    .PA-addService-form .Ani-checkbox .cbx span:nth-child(3) { font-size: 12px; }

    /* 총상품금액 */
    .PA-extendedPrice-section { border-radius: 0 0 8px 8px; }
    .PA-ext-value { font-size: 18px; }
    .PA-ext-usd { font-size: 14px; }
    .PA-extendedPrice-notice li { font-size: 12px; }

    /* myStock */
    .myStock-switch { margin-bottom: 14px; }
    .myStock-switch-container { border-radius: 8px; }
    .myStock-wrapper { padding: 14px 12px; }
    .myStock-notice p { font-size: 13px; }
    /* 예치금/재고전환: 타이틀 한 줄 + 버튼 아래 배치 */
    .myStock-section-title-wrap { flex-direction: column !important; align-items: flex-start !important; gap: 6px; }
    .myStock-section-title-wrap h2 { white-space: normal; overflow: visible; text-overflow: unset; width: 100%; }
    .myStock-section-title-wrap .formBtm-style3 { width: auto; align-self: flex-start; }

    /* 인보이스 */
    .PA-invoiceInfo-container { border-radius: 8px; }
    .PA-invoiceInfo-header-wrapper { border-radius: 8px 8px 0 0; }
    .PA-invoiceInfo-form-section { padding: 14px 12px; }

    /* 주의사항 */
    .w1-notice { padding: 12px 14px; margin: 14px 8px 0; border-radius: 8px; }
    .w1-notice-text { font-size: 12px; }

    /* 센터요청사항 */
    .PAgency-comment-col { padding: 14px 12px; border-radius: 8px; }
    .PAgency-comment-label { font-size: 13px; }

    /* 버튼 좌우 가로 배열 */
    /* 버튼 영역: column으로 전환 → 각 행 독립 센터 정렬 */
    .w1-action-bar { flex-direction: column; align-items: center; padding: 14px 12px; gap: 8px; }
    .w1-action-secondary { width: 100%; display: flex; justify-content: center; align-items: center; }
    .w1-action-secondary-btns { display: flex; flex-direction: row; gap: 6px; justify-content: center; align-items: center; flex-wrap: wrap; }
    .w1-action-primary { width: 100%; display: flex; flex-direction: row; justify-content: center; gap: 6px; flex-wrap: wrap; }
    .w1-btn-primary { height: 44px; font-size: 14px; padding: 0 16px; border-radius: 8px; width: auto; }
    .w1-btn-ghost  { height: 40px; font-size: 13px; padding: 0 12px; border-radius: 7px; width: auto; }
}

/* 배송요율표 */
.deliveryRate-section {padding: 20px 0 40px;}
.deliveryRate-notice {max-width: 1440px; margin: 0 auto; padding: 15px 20px; font-size: 15px; font-weight: 500; color: #475569;}
.notice-badge {color: #ef4444; font-weight: 700;}
.notice-badgeTxt {font-size: 14px; font-weight: 400; line-height: 1.7; padding: 8px 0 0; color: #64748b;}
.deliveryRate-divider {
	max-width: 1440px;
	margin: 0 auto 20px;
	height: 1px;
	background-color: #e2e8f0;
}
.deliveryRate-content {margin-bottom: 40px;}
.deliveryRate-content.active {display: block;}
.deliveryRate-wrap {max-width: 1440px; margin: 0 auto; padding: 0 20px;}

/* 센터 탭 버튼 */
.deliveryRate-btns {display: flex; justify-content: center; gap: 10px; margin: 16px 0;}
.deliveryRate-btn {
	min-width: 150px;
	height: 50px;
	padding: 0 22px;
	font-size: 15px;
	font-weight: 500;
	color: #475569;
	background-color: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.2s ease;
}
.deliveryRate-btn:hover {background-color: #f1f5f9; border-color: #cbd5e1; color: #1e293b;}
.deliveryRate-btn.active {color: #fff; background-color: #3858e9; border-color: #3858e9; box-shadow: 0 2px 8px rgba(56,88,233,0.25);}
.deliveryRate-btn-divider {height: 1px; background-color: #e2e8f0; margin-bottom: 24px;}

/* 운송방식 서브탭 */
.deliveryRate-subtab-wrap {margin-top: 16px;}
.deliveryRate-subtab-btns {display: flex; margin: 0 0 0; width: 100%; gap: 0; border-bottom: 2px solid #e2e8f0;}
.deliveryRate-subtab-btn {
	flex: 1;
	padding: 12px 10px;
	font-size: 15px;
	font-weight: 500;
	color: #94a3b8;
	background-color: transparent;
	border: none;
	cursor: pointer;
	transition: color 0.2s ease;
	position: relative;
	white-space: nowrap;
	text-align: center;
}
.deliveryRate-subtab-btn:hover {color: #1e293b;}
.deliveryRate-subtab-btn.active {color: #3858e9; font-weight: 600;}
.deliveryRate-subtab-btn.active:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #3858e9;
}
.deliveryRate-subtab-divider {height: 1px; background-color: #e2e8f0; margin-bottom: 24px;}
.deliveryRate-subtab-content {display: none;}
.deliveryRate-subtab-content.active {display: block;}
.tab-icon {width: 24px; height: 24px; margin-right: 8px;}

/* 무게 검색 영역 */
.customerNotice-header {padding: 16px 0; display: flex; align-items: center; justify-content: flex-end;}
.customerNotice-search {display: flex; align-items: center; gap: 8px;}

/* 배송요율 테이블 */
.deliveryRate-table-wrap {width: 100%; overflow-x: auto; margin-bottom: 40px; -webkit-overflow-scrolling: touch; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 1px 4px rgba(15,23,42,0.04);}
.deliveryRate-table {width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
.deliveryRate-table .svc-name-col {width: 20%;}
.deliveryRate-table .svc-price-col {width: 15%;}
.deliveryRate-table .svc-desc-col {width: 65%;}
.deliveryRate-table thead th {
	background-color: #109ddd;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
	padding: 0 12px;
	height: 48px;
	text-align: center;
	border-bottom: 1px solid #0d8bc4;
	white-space: nowrap;
}
.deliveryRate-table tbody td {
	padding: 13px 12px;
	text-align: center;
	font-size: 14px;
	color: #475569;
	border-bottom: 1px solid #f1f5f9;
	white-space: normal;
	line-height: 1.5;
	word-break: keep-all;
}
.deliveryRate-table tbody td:last-child {text-align: left;}
.deliveryRate-table tbody tr:last-child td {border-bottom: none;}
.deliveryRate-table tbody tr:hover td {background-color: #f8fafc;}
.deliveryRate-table td:first-child {background-color: #f8fafc; font-weight: 600; color: #1e293b; text-align: center;}
.deliveryRate-table td[data-type="description"] {background-color: #eef2ff; font-weight: 500; color: #3858e9; text-align: center !important;}

/* 더보기 버튼 */
.deliveryRate-more-btn-wrap {display: flex; justify-content: center; margin: 0 0 24px;}
.deliveryRate-more-btn {
	min-width: 140px;
	padding: 10px 24px;
	font-size: 14px;
	font-weight: 500;
	color: #475569;
	background-color: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}
.deliveryRate-more-btn:hover {background-color: #f8fafc; border-color: #cbd5e1; color: #1e293b;}
.deliveryRate-more-btn i {margin-left: 6px; font-size: 12px;}

@media (max-width: 1024px) {
	.deliveryRate-wrap {width: calc(100% - 20px); margin: 0 10px; max-width: none; padding: 0;}
	.deliveryRate-btn {min-width: 120px; font-size: 16px; height: 45px; padding: 0 14px;}
	.deliveryRate-subtab-btn {padding: 10px 15px; font-size: 14px;}
	.deliveryRate-table thead th,
	.deliveryRate-table tbody td {padding: 10px 8px; font-size: 14px;}
}
@media (max-width: 768px) {
	.deliveryRate-section {padding: 12px 0 30px;}
	.deliveryRate-notice {width: calc(100% - 20px); margin: 0 10px; font-size: 13px; padding: 10px 14px;}
	.deliveryRate-divider {width: calc(100% - 20px); margin: 0 10px 16px;}
	.deliveryRate-wrap {width: calc(100% - 20px); margin: 0 10px; max-width: none; padding: 0;}
	.deliveryRate-btns {margin: 12px 0; gap: 8px;}
	.deliveryRate-btn {min-width: 100px; font-size: 16px; height: 45px; padding: 0 14px;}
	.deliveryRate-subtab-btns {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; border-bottom: none; margin: 12px 0;}
	.deliveryRate-subtab-btn {
		flex: none;
		padding: 9px 8px;
		font-size: 13px;
		text-align: center;
		background-color: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 8px;
		color: #64748b;
	}
	.deliveryRate-subtab-btn.active {color: #fff; background-color: #3858e9; border-color: #3858e9;}
	.deliveryRate-subtab-btn.active:after {display: none;}
	.tab-icon {width: 20px; height: 20px; margin-right: 5px;}
	.deliveryRate-type-header {font-size: 15px;}
	.deliveryRate-table thead th,
	.deliveryRate-table tbody td {padding: 9px 6px; font-size: 13px;}
	.deliveryRate-more-btn {min-width: 100px; padding: 9px 16px; font-size: 13px;}
	.customerNotice-header {padding: 12px 0;}
	.customerNotice-search {flex-direction: column; align-items: stretch; gap: 8px;}
}
@media (max-width: 480px) {
	.deliveryRate-notice {width: calc(100% - 20px); margin: 0 10px; font-size: 12px; padding: 10px;}
	.deliveryRate-divider {width: calc(100% - 20px); margin: 0 10px 14px;}
	.deliveryRate-wrap {width: calc(100% - 20px); margin: 0 10px; max-width: none; padding: 0;}
	.deliveryRate-btns {margin: 10px 0;}
	.deliveryRate-btn {min-width: auto; flex: 1; height: 40px; padding: 0 5px; font-size: 14px;}
	.deliveryRate-subtab-btns {grid-template-columns: repeat(3, 1fr); gap: 5px;}
	.deliveryRate-subtab-btn {padding: 8px 5px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.tab-icon {width: 16px; height: 16px; margin-right: 4px;}
	.deliveryRate-table thead th,
	.deliveryRate-table tbody td {padding: 7px 4px; font-size: 12px;}
}

/* 공지사항 자주하는 질문 공통 */
/* 공지사항 */
.coustomerCenter-list {max-width: 1440px; margin: 0 auto; padding: 12px 20px;}
.customertable-container {width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 4px rgba(15,23,42,0.04);}
/* SaaS 스타일 테이블 */
.customerNotice-table {width: 100%; border-collapse: collapse; min-width: 700px; table-layout: fixed;}
.customerNotice-table th {
    background: #109ddd; padding: 0 12px; height: 48px; font-size: 14px;
    font-weight: 600; color: #fff; border-bottom: 1px solid #0d8bc4;
    white-space: nowrap; text-align: center;
}
.customerNotice-table td {
    padding: 14px 12px; font-size: 14px; color: #475569; text-align: center;
    border-bottom: 1px solid #f1f5f9; vertical-align: middle;
    white-space: nowrap;
}
.customerNotice-table th:nth-child(1), .customerNotice-table td:nth-child(1) {width: 70px;}
.customerNotice-table th:nth-child(2), .customerNotice-table td:nth-child(2) {width: auto;}
.customerNotice-table th:nth-child(3), .customerNotice-table td:nth-child(3) {width: 110px;}
.customerNotice-table th:nth-child(4), .customerNotice-table td:nth-child(4) {width: 100px;}
.customerNotice-table th:nth-child(5), .customerNotice-table td:nth-child(5) {width: 100px;}
.customerNotice-table tbody tr:last-child td {border-bottom: none;}
.customerNotice-table tbody tr:hover td {background: #f8fafc;}
.customerNotice-table thead th {cursor: default; transition: background 0.18s, color 0.18s;}
.customerNotice-table thead th:hover {background: #0d8bc4; color: #e0f2fe;}
.customerNotice-title {display: flex; align-items: center; gap: 8px; text-align: left; overflow: hidden; min-width: 0;}
.customerNotice-table td.customerNotice-title {text-align: left; overflow: hidden; text-overflow: ellipsis;}
.customerNotice-title a {flex: 1; min-width: 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #1e293b; text-decoration: none; transition: transform 0.18s, opacity 0.18s;}
.customerNotice-title a:hover {transform: translateX(4px); opacity: 0.7; text-decoration: none;}
.customerNotice-table .empty-cell {text-align: center; padding: 48px 20px; color: #94a3b8; font-size: 14px;}
.notice-icon {
    width: 18px; height: 18px; background: #ef4444; border-radius: 50%;
    color: #fff; font-size: 10px; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 18px; flex-shrink: 0;
}
.notice-categ {font-size: 13px; color: #3858e9; font-weight: 600; background: #eef2ff; border-radius: 4px; padding: 2px 7px; white-space: nowrap;}
.coustomerCenter-list .pagination-section {margin: 0; padding: 20px 0 30px;}
.pagination-section {display: flex; justify-content: center; align-items: center; margin: 30px 0; position: relative;}
.pagination-wrap {display: flex; justify-content: center; width: 100%;}
.pagination-list {display: flex; justify-content: center;}
@media (max-width: 768px) {
    .coustomerCenter-list {padding: 10px;}
    .customerNotice-title a {font-size: 13px;}
    .customerNotice-table td, .customerNotice-table th {font-size: 13px; padding: 10px 8px;}
    .notice-icon {width: 15px; height: 15px; font-size: 9px; min-width: 15px;}
    .pagination-section {margin: 20px 0;}
    .pagination-wrap {width: 100%; display: flex; justify-content: center;}
    .pagination-list {display: flex; justify-content: center; flex-wrap: wrap; gap: 5px;}
}
@media (max-width: 480px) {
    .customerNotice-table td, .customerNotice-table th {font-size: 12px; padding: 8px 5px;}
    .pagination-item {min-width: 30px; height: 30px;}
}

/* 글쓰기 버튼 스타일 */
.pagination-section {display: flex; justify-content: space-between; align-items: center; margin: 30px 0;}
.write-btn-area {
	position: absolute;
    right: 0;
    bottom: 100%; 
    margin-bottom: 15px;
}
.pagination-wrap {order: 1; margin: 0 auto;}
.write-btn {
    padding: 10px 20px;
    background-color: #6557f5;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}
.write-btn:hover {background-color: #5649d6;}

/* 글쓰기 페이지 스타일 */
.customerNotice-write {max-width: 1440px; margin: 0 auto; padding: 30px 0;}
.customerNotice-write-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid #edf2f9;
    color: #333;
}
.write-form {border-top: 1px solid #edf2f9;}
.write-form-row {display: flex; border-bottom: 1px solid #edf2f9; padding: 15px 0;}
.write-label {width: 120px; font-weight: 500; color: #333; padding-top: 10px;}
.write-form-row .nomal-Select {width: 100%; max-width: 300px; margin-right: 20px;}
.write-form-row:first-child {display: flex; flex-wrap: wrap; align-items: flex-start;}
.write-form-row:first-child .Essential-form {flex: 1; min-width: 250px; margin-top: 0;}
.write-input-area {flex: 1;}
.write-textarea {width: 100%; min-height: 300px; padding: 15px; border: 1px solid #ddd; border-radius: 3px; resize: vertical;
}
.file-upload-area {display: flex; flex-direction: column; gap: 10px;}
.file-upload-area .standardForm {margin-bottom: 10px;}
.file-upload-area .WriteFileDown {margin-bottom: 20px;}
.file-upload-area .WriteFileDown p {padding:7px 0;}
.file-list-preview {margin-top: 10px;}
.file-guide {font-size: 13px; color: #888; margin-bottom: 10px;}
.write-button-area {display: flex; justify-content: center; gap: 15px; margin-top: 30px;}
@media (max-width: 768px) {
    .pagination-section {flex-direction: column; gap: 15px;}
    .write-btn-area {order: 1; width: 100%; display: flex; justify-content: flex-end;}
    .pagination-wrap {order: 2; width: 100%;}
    .write-form-row {flex-direction: column;}
    .write-label {width: 100%; margin-bottom: 8px;}
    .write-form-row:first-child {flex-direction: column;}
    .write-form-row .nomal-Select {width: 100%; max-width: none; margin-right: 0; margin-bottom: 15px;}
    .write-form-row:first-child .Essential-form {width: 100%;}
    .write-button-area {flex-direction: column;}
    .formBtm-style9, .formBtm-style3 {width: 100%;}
}

/* 공지사항 자주하는 질문 보기페이지 공통 */
.customerNotice-detail {}
.customerNotice-detail-header {background-color: #f8fafc; padding: 22px 18px; border-top: 2px solid #109ddd; border-bottom: 1px solid #e2e8f0;}
.detail-title {font-size: 17px; font-weight: 600; color: #1e293b; margin-bottom: 14px; line-height: 1.5;}
.detail-info {display: flex; flex-wrap: wrap; gap: 0; color: #94a3b8; font-size: 13px;}
.detail-info span {display: flex; align-items: center; padding: 0 16px; border-right: 1px solid #e2e8f0;}
.detail-info span:first-child {padding-left: 0;}
.detail-info span:last-child {border-right: none;}
.detail-info strong {color: #475569; margin-left: 6px; font-weight: 500;}
.customerNotice-detail-content {padding: 30px 15px; border-bottom: 1px solid #e2e8f0; line-height: 1.6; color: #334155;}
/* 이벤트 상세 본문 — 등록 이미지 가운데 정렬 (텍스트 없이 이미지만 올려도 정상 노출) */
.event-detail-content {text-align: center;}
.event-detail-content p {margin: 0 0 12px;}
.event-detail-content p:last-child {margin-bottom: 0;}
.event-detail-content img {display: block; width: 1000px; max-width: 100%; height: auto; margin: 0 auto 28px;}
.event-detail-content > img:last-child, .event-detail-content > p:last-child img {margin-bottom: 0;}
.event-detail-content table {margin-left: auto; margin-right: auto;}
.customerNotice-detail-file {padding: 15px; border-bottom: 1px solid #e2e8f0; display: flex; flex-wrap: wrap; align-items: flex-start;}
.customerNotice-detail-file a {color: #475569;}
.customerNotice-detail-btm {display: flex; justify-content: center; gap: 10px; margin-top: 30px;}
.btn-list {min-width: 120px; height: 45px; background: #6557f5; color: #fff; border-radius: 5px;}
.file-header {margin-right: 10px; margin-top:5px; color: #475569; font-size: 13px;}
.file-list {flex: 1; display: flex; flex-wrap: wrap; gap: 10px;}
.file-item {
    display: inline-flex;
    align-items: center;
    color: #475569;
    margin-right: 15px;
    background-color: #f8fafc;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    transition: background-color 0.18s, transform 0.18s, color 0.18s;
    min-width: 180px;
    text-decoration: none;
    font-size: 13px;
}
.file-item:hover {background-color: #e0f2fe; color: #0d8bc4; transform: translateX(3px);}
.file-icon {margin-right: 5px; font-size: 14px;}
@media (max-width: 768px) {
    .customerNotice-header {position: relative; flex-direction: column-reverse;}
	.customerNotice-search {margin-bottom: 15px; flex-direction: column; gap: 10px;}
	.customerNotice-search .nomal-Select {width: 100%; order: -1;}
    .detail-title {font-size: 16px; margin-bottom: 10px; line-height: 22px;}
    .detail-info {flex-direction: column; gap: 5px; font-size: 12px;}
    .customerNotice-detail-content {padding: 20px 15px; font-size: 15px;}
    .customerNotice-detail-file {font-size: 14px; flex-direction: column; padding: 15px;}
    .btn-list {min-width: 100px; height: 40px; font-size: 14px;}
	.file-header {margin-bottom: 10px; margin-right: 0;}
    .file-list {width: 100%; flex-direction: column; gap: 8px;}
    .file-item {width: 100%; margin-right: 0; font-size: 14px; padding: 8px 10px;}
}

/* 이벤트 */
.Center-eventlist {max-width: 1440px; margin: 0 auto; padding: 0 10px;}
.eventlist-header {display: flex; gap: 10px; margin-bottom: 30px; text-align: right; border-bottom: 1px solid #edf2f9; margin-bottom: 30px; padding-bottom: 20px; justify-content: flex-end;}
.eventlist-select {min-width: 200px; height: 45px; border: 1px solid #ddd;}
.eventlist-search {display: flex; gap: 10px; width: 100; max-width: 500px;}
.eventlist-search:last-child {width: 100%; border: 1px}
.eventlist-search .standardForm {flex: 1;}
.eventlist-wrap {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.eventlist-item {position: relative; margin-bottom: 15px;}
.event-status {position: absolute; padding: 5px 15px; background: #35a0db; color: #fff; z-index: 1;}
.event-statusEnd {position: absolute; padding: 5px 15px; background: #888888; color: #fff; z-index: 1;}
.event-box {border: 1px solid #edf2f9; border-radius: 10px; padding: 8px;}
.event-date {display: block; text-align: right; color: #666; font-size: 14px; margin: 10px 0;}
.event-img {width: 100%;}
.event-img img {width: 100%; height: auto;}
.event-img-gray img {filter: grayscale(100%);}
.event-info {padding: 25px 0;}
.detail-info strong.fontColor-red {color: #ff0000;}
.event-info li {position: relative; padding-left: 10px; margin-bottom: 5px; color: #666; font-size: 15px;}
.event-info li:before {content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background: #666; border-radius: 50%;}
.event-button {width: 200px; height: 45px; background: #35a0db; color: #fff; border-radius: 5px; margin: 10px auto 0; display: block;}
.event-Endbutton {width: 200px; height: 45px; background: #888888; color: #fff; border-radius: 5px; margin: 10px auto 0; display: block;}
.customerNotice-comment {margin: 30px 0;}
.comment-header {margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e2e8f0;}
.comment-title {font-size: 18px; font-weight: 600; color: #1e293b;}
.comment-title span {color: #109ddd;}

/* 댓글 */
.comment-write {margin-bottom: 20px;}
.comment-write textarea {width: 100%; height: 80px; padding: 15px; border: 1px solid #e2e8f0; border-radius: 6px; resize: none; font-size: 14px; color: #334155; transition: border-color 0.18s;}
.comment-write textarea:focus {outline: none; border-color: #109ddd;}
.comment-btn {display: flex; gap: 10px; margin-top: 10px;}
.comment-list li {padding: 20px 0; border-bottom: 1px solid #e2e8f0;}
.comment-info {display: flex; align-items: center; gap: 10px; margin-bottom: 10px;}
.comment-info strong {color: #1e293b;}
.comment-info span {color: #94a3b8; font-size: 13px;}
.comment-text {color: #475569; line-height: 1.6; margin-bottom: 5px;}
@media (max-width: 1024px) {
    .eventlist-wrap {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
    .eventlist-header {flex-direction: column;}
    .eventlist-select {width: 100%;}
    .eventlist-search {width: 100%;}
    .eventlist-search input {flex: 1;}
    .eventlist-wrap {grid-template-columns: 1fr;}
	.comment-write {flex-direction: column;}
}

/* 노데이터 */
.track_noData {max-width: 1440px; margin: 0 auto; padding: 0 10px;}
.track_noData-header {
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	margin-bottom: 20px; 
	border-bottom: 1px solid #edf2f9; 
	padding-bottom: 20px;
}
.track_noData-count {font-size: 15px; color: #333;}
.track_noData-search {display: flex; gap: 15px; align-items: center;}
.track_search_date {
	display: flex; 
	align-items: center; 
	gap: 10px; 
	background-color: #fff; 
	border: 1px solid #ddd; 
	border-radius: 3px; 
	padding: 0 15px; 
	height: 45px;
}
.track_datepicker {position: relative; display: flex; align-items: center;}
/* 예치금 달력 */
.track_datepicker img {max-width:none;}
.date-picker {width: 120px; height: 100%; border: none; padding: 0; font-size: 14px; color: #333;}
.btn-calendar {
	position: relative; 
	right: auto; 
	top: auto; 
	transform: none; 
	background: none; 
	border: none; 
	padding: 0; 
	margin-left: 5px; 
	color: #666; 
}
.date-dash {color: #666; padding: 0 5px; display: flex; align-items: center; height: 100%;}
.track_search-box {position: relative; min-width: 200px;}
.track_noData-wrap {
	display: grid; 
	grid-template-columns: repeat(5, 1fr); 
	gap: 15px; 
	margin-bottom: 40px; 
	border-bottom: 1px solid #edf2f9; 
	padding-bottom: 20px;
}
.track_noData-item {
	display: flex; 
	border: 1px solid #edf2f9; 
	overflow: hidden; 
	padding: 10px; 
	background-color: #f7f7f8;
}

/* 달력 기간 선택 */
.time-selector {display: flex; margin-left: -5px; justify-content: center; align-items: center;}
.choice-time {
    display: inline-block;
    padding: 8px 15px;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
	font-weight: 500;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
	justify-content: center;
	align-items: center;
}
.choice-time:hover {background-color: #27408b; border: 1px solid #27408b; color: #fff;}
.choice-time.active {background-color: #27408b; color: white; border-color: #27408b;}
.choice-time.selected {
    background-color: #27408b;
    color: white;
    border-color: #27408b;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.track_noData-info {flex: 1;}
.track_info-box {display: flex; flex-direction: column; gap: 5px; margin-left: 10px; align-content: center; justify-content: center;}
.track_num, .track_date {color: #666; font-size: 14px;}
.track_num-text, .track_date-text {color: #333; font-size: 15px;}

@media (max-width: 1200px) {
	.track_noData-wrap {grid-template-columns: repeat(4, 1fr);}
	.track_noData-search {flex-wrap: wrap;}
    .time-selector {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
        display: flex;
        margin-top: -5px;
        justify-content: space-between;
    }
    .choice-time {flex: 1; margin-right: 5px; text-align: center; padding-left: 0; padding-right: 0;}
    .choice-time:last-child {margin-right: 0;}
}
@media (max-width: 992px) {
   .track_noData-wrap {grid-template-columns: repeat(3, 1fr);}
   .track_search_date {padding: 0 10px;}
   .date-picker {width: 100px;}
}
@media (max-width: 768px) {
   .track_noData-header {flex-direction: column; gap: 15px;}
   .track_noData-search {flex-direction: column; width: 100%;}
   .track_search_date {width: 100%;}
   .track_datepicker {flex: 1;}
   .date-picker {width: 100%;}
   .track_search-box {width: 100%;}
   .track_noData-wrap {grid-template-columns: repeat(1, 1fr);}
}
@media screen and (max-width: 480px) {
    .time-selector {margin-top: 10px;}
    .choice-time {font-size: 13px;}
}
/* 마이페이지 대시보드 */
.dashboard {margin-top: -60px; padding-top: 12px;}

/* 상단 통합 바 (회원정보 좌 + 빠른링크 우) */
.dashboard-top-bar {max-width: 1558px; margin: 16px auto 16px; background: linear-gradient(135deg, #2b47d4 0%, #3858e9 100%); border-bottom: 1px solid rgba(199,210,254,0.3); border-radius: 14px; box-shadow: 0 4px 16px rgba(56,88,233,0.18);}
.dashboard-top-bar-inner {padding: 12px 20px; display: flex; flex-direction: row; align-items: center; gap: 0;}

/* 좌측: 회원정보 */
.mypage-account-info {display: flex; gap: 6px; align-items: center; flex-shrink: 0; justify-content: flex-start; padding-right: 24px;}
.mypage-account-item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    background: rgba(255,255,255,0.15);
    padding: 7px 15px;
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,0.25);
    transition: background 0.2s;
}
.mypage-account-item:hover {background: rgba(255,255,255,0.25);}
.mypage-account-item i {font-size: 14px; margin-right: 0; color: rgba(255,255,255,0.85);}
.mypage-account-text {color: rgba(255,255,255,0.7); font-size: 13px;}
.mypage-account-value {color: #fff; font-weight: 700; font-size: 14px;}
.mypage-account-value a {color: #fff; text-decoration: none;}
.mypage-account-value a:hover {text-decoration: none;}
.mypage-account-item.-deposit {background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.45); cursor: pointer;}
.mypage-account-item.-deposit i {color: #fde68a;}
.mypage-account-item.-deposit .mypage-account-value {color: #fde68a; font-size: 15px;}
.mypage-account-item.-deposit .mypage-account-value a {color: #fde68a;}
.mypage-account-item.-deposit:hover {background: rgba(255,255,255,0.28); border-color: rgba(255,255,255,0.65); transform: translateY(-1px);}

/* 우측: 빠른링크 버튼 */
.mypage-container {max-width: 1558px; margin: 0 auto; padding: 20px 0 0 0; margin-top: 0;}
.mypage-top-menu {display: flex; flex-wrap: wrap; gap: 6px; background: none; padding: 0; padding-left: 24px; margin-bottom: 0; align-items: center; justify-content: flex-end; flex: 1; border-left: 1px solid rgba(255,255,255,0.3);}
.mypage-menu-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 7px 15px;
	background: rgba(255,255,255,0.95);
	border: none;
	border-radius: 8px;
	color: #3858e9;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
	box-shadow: 0 2px 6px rgba(56,88,233,0.15);
	white-space: nowrap;
	cursor: pointer;
	flex: 0 0 auto;
}
.mypage-menu-item i {font-size: 14px; color: #3858e9; transition: transform 0.2s ease;}
.mypage-menu-item:hover {background: #fff; color: #2b47d4; box-shadow: 0 4px 14px rgba(56,88,233,0.28); transform: translateY(-2px);}
.mypage-menu-item:hover i {color: #2b47d4; transform: scale(1.1);}
.menu-divider {display: none;}
.mypage-category {width: 100%; background-color: #f1f5f9; padding: 20px 0;}
.mypage-category-section {width: 100%;}
.mypage-category-wrap {max-width: 1558px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; padding: 20px;}
.mypage-category-item {
	background: #fff;
	border-radius: 14px;
	border: 1px solid #e2e8f0;
	box-shadow: 0 2px 8px rgba(15,23,42,0.05);
	overflow: hidden;
	padding: 0;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.mypage-category-item:hover {box-shadow: 0 6px 24px rgba(56,88,233,0.10); transform: translateY(-2px);}
.mypage-category-title {
	font-size: 16px;
	font-weight: 700;
	color: #1e293b;
	background: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 100%);
	padding: 14px 16px;
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #c7d2fe;
	letter-spacing: 0;
}
.mypage-category-title i {color: #000; margin-right: 5px; font-size: 14px;}
.mypage-category-list {padding: 8px 12px 12px;}
.mypage-category-list li {margin-bottom: 2px;}
.mypage-category-list li:last-child {margin-bottom: 0;}
.mypage-category-list a {
	text-decoration: none;
	color: #475569;
	font-size: 15px;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 8px;
	border-radius: 8px;
	transition: all 0.15s ease;
}
.mypage-category-list a:hover {background: #e0f2fe; color: #475569;}
.mypage-category-list a.active {background: #0284c7; color: #fff; font-weight: 600; box-shadow: 0 2px 8px rgba(2,132,199,0.25);}
.mypage-category-list span {display: block;}
.mypage-category-list .mypage-count {margin-left: auto; min-width: 32px; text-align: center; width: auto; flex-shrink: 0;}
.mypage-count {
	background: #e0f2fe;
	color: #3858e9;
	padding: 2px 10px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	border: 1px solid #bae6fd;
	min-width: 32px;
	text-align: center;
	width: auto;
}
.mypage-category-list a:hover .mypage-count {background: #bae6fd; color: #3858e9; border-color: #7dd3fc;}
.mypage-category-list a.active .mypage-count {background: rgba(255,255,255,0.22); color: #fff; border-color: rgba(255,255,255,0.4);}

/* 채널 분할 카드 : 동일 업무흐름의 소싱채널(일반 / 1688 …)을 한 카드 안에 좌우로 나란히 노출.
   카드가 그리드에서 채널 수만큼 칸을 차지하므로 각 채널의 폭은 일반 카드와 같게 유지된다. */
/* 카드를 세로 flex 로 만들어 split 이 카드 높이를 끝까지 채우게 한다 (구분선이 하단까지 이어짐) */
.mypage-category-item.-channel-split {grid-column: span 2; display: flex; flex-direction: column;}
.mypage-category-item.-channel-split.-cols-3 {grid-column: span 3;}
.mypage-category-item.-channel-split > .mypage-channel-split {flex: 1 1 auto;}
.mypage-channel-split {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr;}
.mypage-channel-split.-cols-3 {grid-template-columns: 1fr 1fr 1fr;}
/* 헤더끼리 같은 행, 리스트끼리 같은 행에 놓여 높이가 자동으로 맞는다 */
.mypage-channel-split > .mypage-channel-sep {border-left: 1px solid #e2e8f0;}
@media (max-width: 768px) {
	/* 좁은 화면에서는 span 을 풀고 [헤더1 · 리스트1 · 헤더2 · 리스트2] 순으로 세로 적층 */
	.mypage-category-item.-channel-split,
	.mypage-category-item.-channel-split.-cols-3 {grid-column: auto;}
	.mypage-channel-split,
	.mypage-channel-split.-cols-3 {grid-template-columns: 1fr;}
	.mypage-channel-split > .mypage-channel-sep {border-left: 0;}
	.mypage-channel-split > *:nth-child(1) {order: 1;}
	.mypage-channel-split > *:nth-child(3) {order: 2;}
	.mypage-channel-split > *:nth-child(2) {order: 3;}
	.mypage-channel-split > *:nth-child(4) {order: 4;}
}
.mypage-search-section {
	width: 100%; 
	max-width: 1516px;
	margin: 0 auto; 
	background: #fff; 
	border-top: 1px solid #bae6fd;
	border-bottom: 1px solid #bae6fd; 
	text-align: center;
}
.mypage-search-wrap {margin: 0 auto; padding: 20px;}
.mypage-search-row {display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;}
.mypage-select-group {display: flex; gap: 15px;}
.mypage-select-box {flex: 1; width: 100%;}
.mypage-search-btn {
	background: #7c5bf9; 
	color: #fff; 
	border: none; 
	border-radius: 50px; 
	padding: 0 30px; 
	height: 45px; 
	cursor: pointer; 
	margin: 15px auto 0;
}
.date-dash {color: #666; padding: 0 5px; display: flex; align-items: center; height: 100%;}
.track_search-box {position: relative; flex: 1;}
.standardForm {width: 100%;}
.standardForm input {width: 100%; border: 1px solid #ddd; border-radius: 4px; padding: 0 15px; background: #fff; color: #333; font-size:14px;}
.mypage-search-btn {
	font-size: 20px; 
	font-weight: 500; 
	background: #7c5bf9; 
	color: #fff; 
	border: none; 
	border-radius: 50px; 
	padding: 0 50px; 
	height: 50px; 
	cursor: pointer; 
	margin-top: 15px;
}
@media (max-width: 1200px) {
	.mypage-search-section {padding: 0 15px;}
	.mypage-search-wrap {padding: 20px 0;}
	.mypage-search-row {flex-direction: column;}
	.mypage-select-group {display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-bottom: 10px;}
	.mypage-select-box {min-width: auto; width: 100%;}
	.mypage-select-box select {width: 100%;}
	.track_search_date {width: 100%;}
	.track_datepicker {flex: 1;}
	.date-picker {width: 100%;}
	.mypage-search-row .standardForm {width: 100%;}
}
@media (max-width: 768px) {
	.dashboard {margin-top: -40px;}
	.dashboard-top-bar-inner {flex-direction: column; align-items: flex-start; gap: 10px; padding: 12px 15px;}
	.mypage-account-info {gap: 5px; padding-right: 0; flex-wrap: wrap;}
	.mypage-account-item {font-size: 14px; gap: 5px; padding: 10px 14px; flex: 1;}
	.mypage-account-item.-deposit {flex: none; width: 100%;}
	.mypage-account-item i {font-size: 14px;}
	.mypage-account-text {font-size: 13px;}
	.mypage-account-value {font-size: 14px; font-weight: 700;}
	.mypage-top-menu {justify-content: flex-start; padding-left: 0; border-left: none; border-top: 1px solid rgba(255,255,255,0.25); margin-top: 5px; padding-top: 12px; width: 100%; flex-wrap: wrap; gap: 8px; background: none;}
	.mypage-select-group {display: flex; justify-content: space-between; flex: 1;}
	.mypage-container {padding: 0 10px;}
	.mypage-category {padding: 0 10px;}
	.mypage-category-section {margin-bottom: 20px;}
	.mypage-menu-item {flex: 0 0 calc(50% - 4px); padding: 10px 14px; font-size: 14px; border-radius: 50px; transform: none !important;}
	.mypage-menu-item:hover {transform: none !important;}
	.mypage-menu-item i {font-size: 14px;}
	.menu-divider {display: none;}
	.mypage-category-wrap {grid-template-columns: 1fr; padding: 0;}
}

/* 대시보드 상품리스트 */
.dashboard-table-container {width: 100%; overflow-x: auto; margin: 0 auto; max-width: 1516px; box-sizing: border-box;}
.ExcelDownBtns-group {width: 100%; max-width: 1558px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding-bottom: 10px;}
.Btns-left-buttons {display: flex; align-items: center; gap:10px;}
.Btns-right-buttons {display: flex; align-items: center; gap: 10px;}
.dashboard-table {Width: 100%; max-width: 1558px; border-collapse: separate; border-spacing: 0; margin: 0 auto; table-layout: fixed;}
.dashboard-table th {
    height: 48px;
    background-color: #109ddd;
    border-top: 1px solid #0d8bc4;
    border-bottom: 1px solid #0d8bc4;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    line-height: 140%;
}
.dashboard-table td {
    padding: 12px 8px;
    font-size: 14px;
    color: #555;
    text-align: center;
    word-break: break-word;
    vertical-align: middle;
    line-height: 150%;
}
.dashboard-table td img {width: 60px; height: 60px; object-fit: cover; border-radius: 4px;}
.dashboard-table tr:not(.button-row):hover td:not(.In-data) {background: #f0f7ff;}

/* 버튼 행은 호버 시 배경색 변경 없음 
.dashboard-table tr.button-row:hover td {background: transparent;}
.dashboard-table thead th {position: relative;}
.dashboard-table thead th:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 1px;
    background-color: #dddddd;
}*/
.currency-divider {width: 100%; margin: 2px auto; border: 0; border-top: 1px solid #ddd; height: 1px;}
/* 열 너비 조정 */
.dashboard-table .checkbox-col {width: 1%;} /* 체크박스 */
.dashboard-table .no-column {width: 3%;} /* NO */
.dashboard-table .order-num-column {width: 6%;} /* 주문번호: 26B00029-1 */
.dashboard-table td.order-num-column {white-space: nowrap; word-break: normal; text-align: left; padding-left: 3px;} /* 주문번호 줄바꿈 방지 */
.dashboard-table .img-column {width: 5%;} /* 이미지: 60px썸네일 */
.dashboard-table .method-column {width: 3%;} /* 신청구분: 구매,배송 */
.dashboard-table .shipping-column {width: 12%;} /* 운송방식: 로켓LCL해운(월/수/금)[로켓택배[3PL입고]] */
.dashboard-table .recipient-column {width: 5%;} /* 수취인: 이지바이 */
.dashboard-table .customs-column {width: 6%;} /* 통관구분: 개인[성명 불일치] */
.dashboard-table .quantity-column {width: 3%;} /* 총수량: 288개 */
.dashboard-table .amount-column {width: 7%;} /* 상품총액: ¥2,070.00 $285.30 */
.dashboard-table .payment-column {width: 16%;} /* 비용정보: 결제항목링크 */
.dashboard-table .status-column {width: 5%;} /* 진행상태: 입고처리중 */
.dashboard-table .storage-column {width: 5%;} /* 입고상태: 입고예정 */
.dashboard-table .tracking-column {width: 9%;} /* 운송장번호: 541234452026[복사] */
.dashboard-table .delivery-column {width: 5%;} /* 배송조회 */
.dashboard-table .date-column {width: 7%;} /* 신청일: 2026-03-27 17:27 */
.dashboard-table .btn-column {width: 5%;} /* 주문문의 */
.dashboard-table th:last-child,
.dashboard-table td:last-child {padding-right: 16px;}
.dashboard-table td.multi-line {padding: 8px 4px;}
.dashboard-table td.multi-line div {padding: 4px 0;}
.dashboard-table td.multi-line div:last-child {border-bottom: none;}
.dashboard-table tr.button-row td { align-items: center; background: #f8f9fb; border-top: none; border-bottom: 1px solid #e8ecf2; padding: 10px 20px;}
.dashboard-btn-wrap {gap: 4px; display: inline-flex;}
.dashboard-state-btn {
    min-width: 25px; 
    height: 25px; 
    line-height: 1;
    padding: 0 5px; 
    font-size: 12px; 
    border-radius: 3px; 
    cursor: pointer; 
    border: none; 
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dashboard-state-btn.gray {background: #a0a0a0;}
.dashboard-state-btn.pink {background: #ff5c97;}
.dashboard-state-btn.pink .fa-lightbulb {animation: blink 1.5s infinite;}
.dashboard-state-btn.blue {background: #4d6bf9;}
@keyframes blink { /* 전구 깜빡거림 에니 */
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0.3;}
}
.row-services-container {
	display: inline-flex;
	justify-content: space-between;
	width: 95%;
	padding: 8px 20px;
	align-items: center;
	border: 1px solid #eef1fd;
	border-radius: 50px;
	background: #fff;
}
.overBackcolor:hover {background: #f6f7fb;}
.additional-services {display: flex; flex-wrap: wrap; flex: 1; gap: 8px 12px; align-items: center; margin-right: 60px;}
.service-item {font-size: 13px; color: #666; position: relative; white-space: nowrap; padding-right: 15px;}
.service-item:not(:last-child):after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 12px;
    width: 1px;
    background-color: #ddd;
}
.service-item:first-child {font-size: 12px; font-weight: 600; color: #333; padding-right: 5px; background: #ebebeb; border: 1px solid #dfdcdc; padding: 3px 10px; border-radius: 30px;}
.service-item:first-child:after {display: none;}
.row-button-group {
    display: flex; 
    gap: 6px; 
    flex-shrink: 0; 
    width: auto;
    justify-content: flex-end; 
    align-items: center;
}
.row-button-group button {
    height: 24px;
    padding: 0 12px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    flex-shrink: 0;
}
.btn-outline-skyblue {background-color: #f5f9fd; color: #3a85b3; border: 1px solid #c8e0f0;}
.btn-outline-black {background-color: #f6f6f6; color: #333333; border: 1px solid #d5d5d5;}
.btn-outline-red {background-color: #fef5f7; color: #d64c65; border: 1px solid #f2d5dc;}
.btn-outline-blue {background-color: #f6f9fd; color: #5384b8; border: 1px solid #d5e3f2;}
.btn-outline-violet {background-color: #f9f5fd; color: #9a70c2; border: 1px solid #e8d9f5;}
.btn-outline-skyblue:hover {background-color: #e9f3fc;}
.btn-outline-black:hover {background-color: #ececec;}
.btn-outline-red:hover {background-color: #fdedf0;}
.btn-outline-blue:hover {background-color: #ebf2fc;}
.btn-outline-violet:hover {background-color: #f3ebfc;}
@media (max-width: 768px) {
	.ExcelDownBtns-group {flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
	.Btns-left-buttons {margin-right: 10px;}
	.Btns-right-buttons {display: flex; align-items: center; gap: 10px;}
    .dashboard-table th.no-column,
    .dashboard-table th.order-num-column,
    .dashboard-table th.img-column,
    .dashboard-table th.method-column,
    .dashboard-table th.shipping-column,
    .dashboard-table th.recipient-column,
    .dashboard-table th.quantity-column,
    .dashboard-table th.amount-column,
    .dashboard-table th.payment-column,
    .dashboard-table th.status-column,
    .dashboard-table th.storage-column,
    .dashboard-table th.tracking-column,
    .dashboard-table th.delivery-column,
    .dashboard-table th.date-column,
    .dashboard-table th.btn-column {width: auto;}
    .dashboard-table-container {margin: 20px 0; padding: 0 15px; box-sizing: border-box; -webkit-overflow-scrolling: touch;}
    .dashboard-table th, 
    .dashboard-table td {padding: 6px 8px; font-size: 12px; text-align: center;}
	.lightbulb-icon {width: 12px; height: 12px;}
    .dashboard-state-btn {min-width: 25px; height: 22px; padding: 0 6px; font-size: 11px;}
    .dashboard-table thead th {padding: 6px 12px;}
    .dashboard-table thead th:not(:last-child)::after {height: 18px;}
    .row-button-group {padding: 8px 15px; gap: 3px;}
    .row-button-group button {height: 28px; padding: 0 8px; font-size: 12px;}
	.row-services-container {flex-direction: column; align-items: flex-start; gap: 10px; padding: 8px 15px;}
	.additional-services {width: 100%; background-color: #f9fafd; padding: 8px 10px; border-radius: 4px;}
	.service-item {font-size: 12px;}
	.service-item:not(:last-child):after {height: 10px;}
}
.lightbulb-btn {display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 0 8px;}
.lightbulb-icon {width: 16px; height: 16px; flex-shrink: 0;}
.lightbulb-btn span {line-height: 1;}

/* 대시보드 상품 리스트 주문번호 클릭 후 테이블 */
.intable-data {
    padding: 15px 25px;
    border-radius: 6px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    overflow-x: auto;
    display: block;
    transform-origin: top;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.dashboard-intable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.04);
    overflow: hidden;
}
.dashboard-intable th {
    height: 40px;
    background-color: #9fd405;
    border-top: 1px solid #8fc000;
    border-bottom: 1px solid #8fc000;
    padding: 10px 8px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
}
.shoporder-container {display: flex; align-items: center; justify-content: center;}
.shoporder-number {margin-right: 5px;}
.shoporder-btn {
    display: inline-block;
    background-color: #0098c0;
    color: white;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 12px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
}
.shoporder-btn:hover {background-color: #63c0d8;}
.dashboard-intable td {border-bottom: 1px solid #edf2f9; padding: 10px 8px; font-size: 13px; color: #777; text-align: center; vertical-align: middle;}
.dashboard-intable td img {width: 50px; height: 50px; object-fit: cover; border-radius: 3px;}
.dashboard-intable tr:last-child td {border-bottom: none;}
.dashboard-intable tr:hover td {background-color: #f9fafd;}

/* 마켓 테이블 서브 */
.openmarket-api-table.marektTbl table.dashboard-intable {width: 95%; margin-bottom: 30px;}
.openmarket-api-table.marektTbl table.dashboard-intable th {border-top: 0px solid #8fc000; height: 30px;}
.openmarket-api-table.marektTbl table.dashboard-intable td {background-color: #fff;}
a.dashboard-indata {color: #753ac5; text-decoration: none; font-weight: 500; transition: color 0.2s;}
a.dashboard-indata:hover {color: #753ac5;}
/* === 상품보기 확장 패널 - 부모 주문에 속한 상품 목록 표현 === */
/* 메인 주문행 - 박스 상단 */
.dashboard-table tr.order-expanded td {background-color: #fff !important; border-top: 2px solid #93a8f3 !important; border-bottom: none !important;}
.dashboard-table tr.order-expanded td:first-child {border-left: 2px solid #93a8f3 !important;}
.dashboard-table tr.order-expanded td:last-child {border-right: 2px solid #93a8f3 !important;}

/* 버튼행 - 박스 중단 */
.dashboard-table tr.button-row.pro-open td {background: #fff; border-left: 2px solid #93a8f3; border-right: 2px solid #93a8f3; border-top: none; border-bottom: none;}

/* 상품보기 버튼 활성화 상태 */
.dashboard-table tr.button-row.pro-open .BtnProView {background-color: #4361ee !important; color: #fff !important; border-color: #2e4ad4 !important;}

/* 상품 정보 패널 - 박스 하단 */
.In-data {display: none; width: 100%; overflow: hidden; padding: 16px 24px; background: #fff; border-left: 2px solid #93a8f3; border-right: 2px solid #93a8f3; border-bottom: 2px solid #93a8f3 !important; border-top: none; border-radius: 0 0 6px 6px;}

/* 상품 그룹 사이 여백 */
.dashboard-table tr.order-gap-row td {height: 8px; padding: 0 !important; background: transparent !important; border: none !important;}

/* 상품 패널 내 standardForm 텍스트 정렬 */
.In-data .standardForm {text-align: left;}
.In-data .standardForm input {text-align: left;}
/* floating label 수직 중앙 고정 */
.In-data .standardForm input:placeholder-shown + label {top: 50%; transform: translateY(-50%); background-color: transparent; z-index: 0;}
.In-data .standardForm input:focus + label,
.In-data .standardForm input:not(:placeholder-shown) + label {top: 0px; transform: translateY(-50%); background-color: #fff; z-index: 2;}

/* 확장 패널 내부 헤더 */
.intable-data-header {display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: #4361ee; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px dashed #c5ccf8; padding-left: 2px;}
.intable-data-header i {font-size: 13px;}

/* 상품보기 패널 내 테이블 헤더 */
.In-data .dashboard-intable th {background-color: #e4e8ff; border-top-color: #c5ccf8; border-bottom-color: #c5ccf8; color: #3d5af1;}
.dashboard-intablebutton-group {display: flex; width: 100%;}
.dashboard-intablebutton-group button {margin-left: 5px;}

/* 상품 오류상세 행 - 오류입고 상품 아래 전체너비 배너 */
.dashboard-intable tr.intable-err-row td {padding: 0 8px 10px; text-align: left; border-bottom: 1px solid #f3c6cd;}
.dashboard-intable tr.intable-err-row td,
.dashboard-intable tr.intable-err-row:hover td {background: #fff5f6;}
.intable-err-detail {display: flex; align-items: center; gap: 8px; background: #fff5f6; border-radius: 6px; padding: 8px 12px; line-height: 1.5;}
.intable-err-label {display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 700; color: #c81e3a; white-space: nowrap; flex-shrink: 0;}
.intable-err-badge {display: inline-block; flex-shrink: 0; padding: 2px 12px; border-radius: 999px; background: #c81e3a; color: #fff; font-size: 12.5px; font-weight: 700; line-height: 1.7; white-space: nowrap;}
.intable-err-text {font-size: 13.5px; color: #8a2233; word-break: break-word; text-align: left;}
.orderNumber-detilRed {font-size: 16px; color: #E01D20; margin-top: 2px;}
.orderNumber-detilblue {font-size: 16px; color: #194ACD; margin-top: 2px;}
/* 주문번호 열은 번호 줄바꿈 방지를 위해 좌측정렬(td.order-num-column)이지만,
   그 아래 줄에 붙는 경고 아이콘은 열 기준 가운데로 맞춘다 */
.dashboard-table td.order-num-column .orderNumber-detilRed,
.dashboard-table td.order-num-column .orderNumber-detilblue {display: block; width: fit-content; margin-left: auto; margin-right: auto;}
@media (max-width: 768px) {
    .In-data {padding: 10px 15px;}
    .dashboard-intable th,
    .dashboard-intable td {padding: 6px; font-size: 12px;}
    .dashboard-intable th {height: 36px;}
    .dashboard-intable td img {width: 40px; height: 40px;}
	.dashboard-intablebutton-group button {width: 100%; flex: 1;}
}

/* 마이페이지 구매대행 신청대기 개인 */
/* 수취인 */
.myPAgency-addressInfo {width: 100%; padding: 30px 20px 0;}
.myPAgency-addressInfo-container {max-width: 1516px; margin: 0 auto;}
.myPAgency-header-wrapper {display: flex; align-items: center; margin-bottom: 15px; gap: 12px;}
.myPAgency-header {
	background-color: #9fd405; 
	color: #fff; 
	padding: 8px 20px; 
	font-weight: 500; 
	box-shadow: 0 2px 4px rgba(159, 212, 5, 0.2);
}
.myPAgency-title {padding: 8px 0; font-size: 20px; font-weight: 500; color: #000; position: relative;}
.myPAgency-label {
	color: #000; 
	font-size: 14px; 
	display: flex; 
	align-items: center; 
	background: #f0f0f0; 
	padding: 4px 12px; 
	border-radius: 20px;
}
.myPAgency-info-section {
	background-color: #fff; 
	padding: 15px 15px 15px; 
	border-radius: 8px; 
	border: 1px solid #e9eaed; 
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); 
	background: #f7f7f8;
}
.myPAgency-top-row {display: flex; gap: 20px; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px;}
.myPAgency-info-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.myPAgency-info-col {display: flex; flex-direction: column; gap: 20px; background-color: #f7f7f8;}
.myPAgency-info-item {
    display: flex; 
    align-items: center; 
    gap: 12px; 
    padding: 12px 16px; 
    background: #fff; 
    border-radius: 3px; 
    transition: all 0.2s ease;
}
.myPAgency-info-item:hover {background: #edf6fd; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);}
.myPAgency-info-item.disabled {background: #f8f9fa; pointer-events: none; opacity: 0.6; cursor: default;}
.myPAgency-info-label {min-width: 110px; color: #000; font-size: 16px; font-weight: 500;}
.myPAgency-info-divider {color: #ddd; font-weight: 300;}
.myPAgency-info-text {color: #000; font-size: 15px; flex: 1; line-height: 1.5;}
.myPAgency-info-text.-number {white-space: nowrap; min-width: fit-content;}
.myPAgency-info-notice {color: #000; font-size: 13px; padding: 4px 8px; border-radius: 4px;}
@media (max-width: 768px) {
	.myPAgency-info-section {padding: 20px;}
	.myPAgency-info-grid {grid-template-columns: 1fr; gap: 15px;}
	.myPAgency-info-item {flex-wrap: wrap; padding: 10px 12px;}
	.myPAgency-info-label {min-width: auto;}
	.myPAgency-info-notice {width: 100%; margin-top: 8px; padding: 0;}
	.myPAgency-header-wrapper {flex-wrap: wrap;}
}

/* 마이페이지 구매대행 */
/* 상품 리스트 부분 */
.myPAgency-productList {width: 100%; padding: 30px 20px 0;}
.myPAgency-productList-container {max-width: 1510px; margin: 0 auto;}
.myPAgency-productList .myPAgency-titleArea {display: flex; align-items: center; gap: 10px; margin-bottom: 20px;}
.myPAgency-productList .myPAgency-titleArea h2 {font-size: 25px; font-weight: 500;}
.myPAgency-productList .PAgency-card {border: 1px solid #ddd; border-radius: 8px; background: #fff; margin-bottom: 30px;}
.myPAgency-productList .PAgency-card2 {border: 1px solid #ddd; border-radius: 8px; background: #f8f8f8; margin-bottom: 30px;}
.myPAgency-productList .myPAgency-cardHeader {display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid #ddd;}
.myPAgency-productList .myPAgency-btnGroup {display: flex; gap: 8px; align-items: center;}
/* PC(>1024px): 진행상태 뱃지를 타이틀 오른쪽 끝(버튼쪽)으로 붙임 */
@media (min-width: 1025px) {
    .myPAgency-productList .myPAgency-cardHeader { gap: 12px; }
    .myPAgency-productList .myPAgency-cardHeader .PAgency-productTitle { display: flex; align-items: center; flex-wrap: wrap; flex: 1 1 auto; min-width: 0; gap: 4px 6px; }
    .myPAgency-productList .myPAgency-cardHeader .PAgency-productTitle .pro-title-state { margin-left: auto; order: 1; }
}
.myPAgency-productList .myPAgency-cardContent {display: flex; gap: 30px; padding: 20px; align-items: flex-start;}
.myPAgency-productList .myPAgency-productInfo {flex: 1; display: flex; flex-direction: column; gap: 10px;}
/* 상품URL/이미지URL을 색상/사이즈(info-row) 아래로 배치 */
.myPAgency-productList .myPAgency-productInfo > .info-grid-url { order: 1; }
.myPAgency-productList .myPAgency-productInfo > .myPAgency-info-item { order: 2; }
.myPAgency-productList .myPAgency-info-item {display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: #fff; border-radius: 4px; border: 1px solid #ddd;}
.myPAgency-productList .myPAgency-info-item:hover {background: #edf6fd;}
.myPAgency-productList .myPAgency-info-label {min-width: 110px; color: #999; font-size: 14px; font-weight: 500;}
.myPAgency-productList .myPAgency-info-divider {color: #ddd; font-weight: 300;}
.myPAgency-productList .myPAgency-info-text {color: #333; font-size: 14px; flex: 1; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 0; min-width: 0; flex: 1;}
.myPAgency-productList .myPAgency-info-grid {display: flex; gap: 15px;}
.myPAgency-productList .myPAgency-info-grid > * {flex: 1;}
/* 오류내용 — 라벨 컴팩트(여백 축소), 값 인라인 [유형] 내용, 오류입고만 붉은색(.-on) */
.myPAgency-productList .info-item-err { align-items: center; }
.myPAgency-productList .info-item-err .myPAgency-info-label { min-width: unset; max-width: none; white-space: nowrap; flex-shrink: 0; }
.myPAgency-productList .info-item-err .myPAgency-info-text { white-space: normal; overflow: visible; text-overflow: clip; width: auto; line-height: 1.6; }
.myPAgency-productList .info-item-err.-on { background: #fff4f5; border-color: #f3c6cd; }
.myPAgency-productList .info-item-err.-on:hover { background: #ffeef0; }
.myPAgency-productList .info-item-err.-on .myPAgency-info-text { color: #c81e3a; }
/* 오류유형 라벨(뱃지) */
.myPAgency-productList .err-type-badge { display: inline-block; padding: 2px 8px; border-radius: 4px; background: #c81e3a; color: #fff; font-size: 12px; font-weight: 600; line-height: 1.5; vertical-align: middle; margin-right: 4px; white-space: nowrap; }
/* 상품코드+오픈마켓주문번호: PC 포함 2열 배열 */
.myPAgency-productList .info-grid-prodetail {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 10px;
    column-gap: 10px;
}
/* 트래킹번호+샵오더번호: 각 항목 한 줄씩 (1열) */
.myPAgency-productList .info-grid-tracking {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}
.myPAgency-productList .info-grid-prodetail > .myPAgency-info-item:first-child {
    grid-column: 1 / -1;
}
/* 품목/HS CODE(2번째) — 상품명 아래 전체 너비 한 줄 */
.myPAgency-productList .info-grid-prodetail > .myPAgency-info-item:nth-child(2) {
    grid-column: 1 / -1;
}
/* 2열 아이템: 라벨 compact, 구분바 라벨 바로 뒤에 붙임 */
.myPAgency-productList .info-grid-prodetail > .myPAgency-info-item:not(:first-child) .myPAgency-info-label,
.myPAgency-productList .info-grid-tracking > .myPAgency-info-item .myPAgency-info-label {
    min-width: unset;
    white-space: nowrap;
    flex-shrink: 0;
}
.myPAgency-productList .info-grid-prodetail > .myPAgency-info-item:not(:first-child) .myPAgency-info-text,
.myPAgency-productList .info-grid-tracking > .myPAgency-info-item .myPAgency-info-text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0;
    min-width: 0;
}
/* 상품URL+이미지URL: 좌우 2열 배열 */
.myPAgency-productList .info-grid-url {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
/* 그리드 셀이 URL 길이로 늘어나지 않도록 min-width 제거 */
.myPAgency-productList .info-grid-url .myPAgency-info-item {
    min-width: 0;
    overflow: hidden;
}
.myPAgency-productList .info-grid-url .myPAgency-info-label {
    min-width: unset;
    white-space: nowrap;
    flex-shrink: 0;
}
.myPAgency-productList .info-grid-url .myPAgency-info-text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0;
    min-width: 0;
}
.myPAgency-productList .info-grid-url .myPAgency-info-text a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
/* URL 링크 밑줄 없음 */
.myPAgency-productList .info-grid-url .myPAgency-info-text a { text-decoration: none !important; }
.myPAgency-productList .info-grid-url .myPAgency-info-text a:hover { text-decoration: none !important; }
/* 이미지 팝업 버튼 */
.myPAgency-productList .img-popup-btn {
    display: inline-flex; align-items: center; gap: 4px;
    background: none; border: none; padding: 0; cursor: pointer;
    color: #3858e9; font-size: 14px; text-decoration: none;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    max-width: 100%;
}
.myPAgency-productList .img-popup-btn:hover { text-decoration: none; color: #2040cc; }
/* 이미지 레이어 팝업 모달 */
.img-preview-modal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;
    background: rgba(0,0,0,0.75); display: flex; align-items: center; justify-content: center;
    cursor: pointer;
}
.img-preview-inner {
    position: relative; max-width: 90vw; max-height: 90vh;
    background: #fff; border-radius: 10px; padding: 8px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.4); cursor: default;
}
.img-preview-inner img { display: block; max-width: 80vw; max-height: 80vh; border-radius: 6px; object-fit: contain; }
.img-preview-close {
    position: absolute; top: -14px; right: -14px;
    width: 32px; height: 32px; border-radius: 50%;
    background: #1e293b; color: #fff; border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    font-size: 14px; z-index: 10;
}
.img-preview-close:hover { background: #e03030; }
/* 수량/단가/색상/사이즈: 라벨을 텍스트에 딱 붙임 */
.myPAgency-productList .myPAgency-info-row {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.myPAgency-productList .myPAgency-info-row .myPAgency-info-label {
    min-width: unset;
    white-space: nowrap;
    flex-shrink: 0;
}
.myPAgency-productList .myPAgency-info-row .myPAgency-info-text {min-width: 50px; text-align: right;}
@media (max-width: 1400px) {
   .myPAgency-productList .myPAgency-info-row {grid-template-columns: repeat(2, 1fr);}
   .myPAgency-productList .myPAgency-cardContent {gap: 20px;}
   .myPAgency-productList .myPAgency-info-grid {gap: 10px;} 
   .myPAgency-productList .myPAgency-info-item {padding: 10px 12px;}
}
@media (max-width: 1024px) {
   .myPAgency-productList {padding: 30px 15px 0;}
   .myPAgency-productList .myPAgency-cardHeader {flex-direction: column; padding: 15px;}
   .myPAgency-productList .myPAgency-cardHeader h3 {margin: 0 0 15px 0; order: -1; text-align: center; font-size: 18px; width: 100%;}
   .myPAgency-productList .myPAgency-btnGroup {flex-wrap: wrap; gap: 6px; width: 100%; justify-content: center; margin-top: 15px;}
   .myPAgency-productList .myPAgency-btnGroup .formBtm-style3 {min-width: auto; padding-left: 12px; padding-right: 12px; font-size: 13px;}
   .myPAgency-productList .myPAgency-cardContent {flex-direction: column; padding: 15px; align-items: center;}
   .myPAgency-productList .PAgency-imageUpload {width: 100%; max-width: 200px; text-align: center;}
   .myPAgency-productList .PAgency-preview {margin-bottom: 10px;}
   .myPAgency-productList .PAgency-preview img {width: 100%; height: auto; display: block; margin: 0 auto;}
   .myPAgency-productList .myPAgency-info-grid {flex-direction: column; width: 100%;}
   .myPAgency-productList .myPAgency-info-row {grid-template-columns: 1fr; width: 100%;}
   .myPAgency-productList .myPAgency-info-label {min-width: 90px;}
   .myPAgency-productList .myPAgency-info-item {padding: 8px 10px; width: 100%; min-height: 42px; display: flex; align-items: center;}
   .myPAgency-productList .myPAgency-productInfo {width: 100%;}
   .myPAgency-productList .myPAgency-info-item {flex-wrap: wrap;}
   .myPAgency-productList .myPAgency-info-item .formBtm-style3 {width: 100%; justify-content: center; margin-top: 6px;}
   .myPAgency-productList .myPAgency-info-item {margin: 0; display: flex; align-items: center; min-height: 24px;}
   .myPAgency-info-text {text-align: right;}
}
@media (max-width: 576px) {
    /* 섹션 패딩 */
    .myPAgency-productList { padding: 16px 10px 0; }

    /* 카드 헤더 */
    .myPAgency-productList .myPAgency-cardHeader { flex-direction: column !important; align-items: stretch !important; justify-content: flex-start; padding: 10px 12px; gap: 10px; }
    .myPAgency-productList .myPAgency-cardHeader .PAgency-productTitle { order: 0 !important; width: 100% !important; min-width: 0; text-align: left !important; margin: 0 !important; white-space: normal !important; word-break: break-word; line-height: 1.4; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
    .myPAgency-productList .myPAgency-cardHeader .myPAgency-btnGroup { order: 1; margin-top: 0 !important; width: 100% !important; justify-content: flex-start; flex-wrap: wrap; }
    .PAgency-productTitle { font-size: 15px !important; }
    .pro-seq-badge { width: 20px; height: 20px; font-size: 11px; margin-right: 5px; }
    .pro-title-sub { display: none; } /* 부가 번호 모바일에서 숨김 */

    /* 버튼 그룹 */
    .myPAgency-productList .myPAgency-btnGroup { gap: 4px; }
    .myPAgency-productList .myPAgency-btnGroup .formBtm-style3 { padding: 0 8px; height: 30px; font-size: 12px; }

    /* 카드 여백 */
    .myPAgency-productList .PAgency-card { margin-bottom: 14px; }

    /* 카드 본문 */
    .myPAgency-productList .myPAgency-cardContent { flex-direction: column; padding: 12px; gap: 12px; align-items: stretch; }

    /* 이미지: 세로 배열 유지 (480px flex-row 전역 규칙 취소) */
    .myPAgency-productList .PAgency-imageUpload { display: block !important; width: 100% !important; max-width: 160px; text-align: center; margin-left: auto !important; margin-right: auto !important; }
    .myPAgency-productList .PAgency-preview { width: 100%; height: 120px; margin-bottom: 10px; }
    .myPAgency-productList .PAgency-preview img { width: 100%; height: 100%; object-fit: contain; }
    .myPAgency-productList .PAgency-uploadInfo { display: block; flex: none; text-align: center; align-items: unset; }

    /* 상품정보: 각 그룹을 카드형으로 */
    .myPAgency-productList .myPAgency-productInfo { gap: 10px; }
    .myPAgency-productList .myPAgency-info-grid,
    .myPAgency-productList .myPAgency-info-row {
        flex-direction: column;
        display: flex;
        gap: 0;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        overflow: hidden;
    }
    .myPAgency-productList .myPAgency-info-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    /* 아이템: 라벨 위·값 아래 스택, 그룹 내 구분선만 */
    .myPAgency-productList .myPAgency-info-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 12px;
        gap: 2px;
        border: none;
        border-bottom: 1px solid #f0f4f8;
        border-radius: 0;
        min-height: unset;
    }
    .myPAgency-productList .myPAgency-info-item:last-child { border-bottom: none; }
    .myPAgency-productList .myPAgency-info-divider { display: none; }
    .myPAgency-productList .myPAgency-info-label {
        min-width: unset;
        font-size: 12px;
        color: #94a3b8;
        font-weight: 600;
    }
    .myPAgency-productList .myPAgency-info-text {
        font-size: 14px;
        white-space: normal;
        width: 100%;
        text-align: left;
    }
    /* 바코드 단독 아이템도 카드형 */
    .myPAgency-productList .myPAgency-productInfo > .myPAgency-info-item {
        border: 1px solid #e2e8f0;
        border-radius: 8px;
    }

    /* URL 그리드: 소형 모바일에서도 좌우 가로 배열 유지 */
    .myPAgency-productList .info-grid-url {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        flex-direction: unset !important;
        gap: 0 !important;
    }
    .myPAgency-productList .info-grid-url .myPAgency-info-item {
        border-bottom: none;
        border-right: 1px solid #f0f4f8;
    }
    .myPAgency-productList .info-grid-url .myPAgency-info-item:last-child {
        border-right: none;
    }
    .myPAgency-productList .info-grid-url .myPAgency-info-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        font-size: 12px;
    }
    .myPAgency-productList .info-grid-url .myPAgency-info-label {
        font-size: 11px;
    }
}

/* 상품 URL 링크 버튼 */
.pro-ext-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #3858e9;
    font-weight: 500;
    text-decoration: none;
    padding: 3px 8px;
    border: 1px solid #c7d0f8;
    border-radius: 5px;
    background: #f0f3ff;
    transition: background 0.15s;
}
.pro-ext-link:hover { background: #e0e6ff; }

/* 상품 2열 그리드 */
.pro-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch; /* 같은 행 카드 높이 동일(오류내용 추가로 인한 높이차 방지) */
}
.pro-cards-grid .PAgency-card {
    margin-bottom: 0;
    min-width: 0; /* 오버플로우 방지 */
}
/* 홀수 마지막 상품 → 전체 너비 */
.pro-cards-grid .PAgency-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}
/* 순서 배지 */
.pro-seq-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: #4f6ef7;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    margin-right: 6px;
    flex-shrink: 0;
    vertical-align: middle;
}
/* 부가 타이틀 (구매원본번호 등) */
.pro-title-sub {
    font-size: 13px;
    font-weight: 400;
    color: #94a3b8;
    margin-left: 8px;
}
/* 상품상태 뱃지 (타이틀) — 글자색은 상태색 클래스(PRO_STATE_COLOR), 배경은 상태별 지정 */
.pro-title-state {
    display: inline-block;
    margin-left: 8px;
    padding: 3px 12px;
    border-radius: 999px;
    background: #eef0f2;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    vertical-align: middle;
}
/* 진행상태별 배경색 */
.pro-title-state.Red1,
.pro-title-state.Red2    { background: #ffe5e5; }
.pro-title-state.Blue1   { background: #e8e8ff; }
.pro-title-state.Blue2   { background: #e0f3ff; }
.pro-title-state.Blue3   { background: #e6eef4; }
.pro-title-state.Green1  { background: #e2f5e2; }
.pro-title-state.Orange1 { background: #fff0e1; }
.pro-title-state.Yellow1 { background: #faf7df; }
.pro-title-state.Vora1   { background: #efe6fb; }
.pro-title-state.Grey1   { background: #eef0f2; }
.pro-title-state.Black1  { background: #ebedf0; }
/* 2열일 때 각 카드 너비가 좁아지므로 info-grid 방향 전환 */
.pro-cards-grid .myPAgency-info-grid { flex-direction: column; gap: 10px; }
.pro-cards-grid .myPAgency-info-row { grid-template-columns: repeat(2, 1fr); }
/* 홀수 마지막(전체 너비) 카드는 원래 레이아웃 복원 */
.pro-cards-grid .PAgency-card:last-child:nth-child(odd) .myPAgency-info-grid { flex-direction: row; gap: 10px; }
.pro-cards-grid .PAgency-card:last-child:nth-child(odd) .myPAgency-info-row { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) {
    .pro-cards-grid { grid-template-columns: 1fr; }
    .pro-cards-grid .PAgency-card:last-child:nth-child(odd) { grid-column: auto; }
    .pro-cards-grid .myPAgency-info-grid { flex-direction: row; gap: 10px; }
    .pro-cards-grid .myPAgency-info-row { grid-template-columns: repeat(4, 1fr); }
}
/* ── 576px: 900px 블록 덮어쓰기 방지 오버라이드 ── */
@media (max-width: 576px) {
    /* 이슈5: 상품명/상품코드/오픈마켓주문번호 각 1줄 */
    .pro-cards-grid .myPAgency-info-grid,
    .myPAgency-productList .myPAgency-info-grid { flex-direction: column !important; gap: 0 !important; }
    /* URL 그리드: 상품URL·이미지URL 좌우 가로 배열 유지 (위 규칙 예외) */
    .myPAgency-productList .info-grid-url {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        flex-direction: unset !important;
        gap: 0 !important;
    }
    .myPAgency-productList .info-grid-url .myPAgency-info-item {
        min-width: 0 !important;
        overflow: hidden !important;
        border-bottom: none !important;
        border-right: 1px solid #f0f4f8;
    }
    .myPAgency-productList .info-grid-url .myPAgency-info-item:last-child {
        border-right: none;
    }
    .myPAgency-productList .info-grid-url .myPAgency-info-label {
        font-size: 11px;
    }
    .myPAgency-productList .info-grid-url .myPAgency-info-divider { display: none !important; }
    .myPAgency-productList .info-grid-url .myPAgency-info-text,
    .myPAgency-productList .info-grid-url .myPAgency-info-text a {
        display: block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        width: 100% !important;
        min-width: 0 !important;
        font-size: 12px;
    }
    /* 이슈6: 수량·단가 / 색상·사이즈 2열 */
    .pro-cards-grid .myPAgency-info-row,
    .myPAgency-productList .myPAgency-info-row { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; }
    /* URL 항목(target=_blank 링크)은 한 줄 말줄임 */
    .myPAgency-productList .myPAgency-info-text a[target="_blank"] {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    /* 상품코드+오픈마켓주문번호, 트래킹+샵오더 2열 배열 */
    /* prodetail: 2열, tracking: 1열(각 항목 한 줄) */
    .myPAgency-productList .info-grid-prodetail {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    .myPAgency-productList .info-grid-tracking {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    /* 상품명[영문]은 전체 너비 */
    .myPAgency-productList .info-grid-prodetail > .myPAgency-info-item:first-child {
        grid-column: 1 / -1;
    }
    /* 2열 아이템: 라벨|구분바|내용 가로 배열 */
    .myPAgency-productList .info-grid-prodetail > .myPAgency-info-item:not(:first-child),
    .myPAgency-productList .info-grid-tracking > .myPAgency-info-item {
        flex-direction: row !important;
        align-items: center !important;
        gap: 0 !important;
    }
    /* 라벨: 내용 최소화, 구분바 바로 앞에 붙임 */
    .myPAgency-productList .info-grid-prodetail > .myPAgency-info-item:not(:first-child) .myPAgency-info-label,
    .myPAgency-productList .info-grid-tracking > .myPAgency-info-item .myPAgency-info-label {
        min-width: unset !important;
        white-space: nowrap;
        font-size: 11px;
        flex-shrink: 0;
    }
    /* 구분바: 표시 + 라벨 뒤에 밀착 */
    .myPAgency-productList .info-grid-prodetail > .myPAgency-info-item:not(:first-child) .myPAgency-info-divider,
    .myPAgency-productList .info-grid-tracking > .myPAgency-info-item .myPAgency-info-divider {
        display: inline !important;
        flex-shrink: 0;
        padding: 0 4px;
    }
    /* 내용: 나머지 공간 + 말줄임 */
    .myPAgency-productList .info-grid-prodetail > .myPAgency-info-item:not(:first-child) .myPAgency-info-text,
    .myPAgency-productList .info-grid-tracking > .myPAgency-info-item .myPAgency-info-text {
        flex: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        width: 0 !important;
        min-width: 0 !important;
    }
    /* 2열 배열 컬럼 구분선, 하단 보더 정리 */
    .myPAgency-productList .info-grid-prodetail > .myPAgency-info-item:nth-child(2) {
        border-bottom: 1px solid #f0f4f8 !important;
        border-right: none;
    }
    .myPAgency-productList .info-grid-tracking > .myPAgency-info-item {
        border-bottom: 1px solid #f0f4f8;
    }
    .myPAgency-productList .info-grid-tracking > .myPAgency-info-item:last-child {
        border-bottom: none;
    }
}

/* ================================================================
   예치금 / 포인트 / 쿠폰 / 결제 SaaS 스타일 (2025 업데이트)
   ================================================================ */
.coustomer-balance-list {max-width: 1440px; margin: 0 auto; padding: 12px 20px;}

/* 기존 balance-amount-wrapper 숨김 → balance-stat-bar 로 대체 */
.balance-amount-wrapper {display: none;}
.balanceTitle {font-size: 20px; font-weight: 500; color: #333;}
.balance-amount {background: #73ba3a; color: #fff; padding: 5px 10px; border-radius: 3px; font-weight: 600; margin-left: 10px;}

/* 통계 카드 바 */
.balance-stat-bar {display: flex; gap: 16px; margin-bottom: 24px; flex-wrap: wrap;}
.balance-stat-card {
    display: flex; align-items: center; gap: 16px;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 14px;
    padding: 20px 24px; box-shadow: 0 2px 8px rgba(15,23,42,0.05);
    flex: 1; min-width: 200px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.balance-stat-card:hover {box-shadow: 0 6px 20px rgba(56,88,233,0.10); transform: translateY(-2px);}
.balance-stat-card.clickable {cursor: pointer;}
.balance-stat-icon {
    width: 52px; height: 52px; border-radius: 12px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.balance-stat-icon.blue   {background: #eef2ff; color: #3858e9;}
.balance-stat-icon.green  {background: #f0fdf4; color: #16a34a;}
.balance-stat-icon.amber  {background: #fffbeb; color: #d97706;}
.balance-stat-icon.purple {background: #faf5ff; color: #9333ea;}
.balance-stat-icon.red    {background: #fef2f2; color: #dc2626;}
.balance-stat-info {display: flex; flex-direction: column; gap: 4px;}
.balance-stat-info .stat-label {font-size: 13px; color: #64748b; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase;}
.balance-stat-info .stat-value {font-size: 22px; font-weight: 700; color: #1e293b; line-height: 1.2; white-space: nowrap;}
.balance-stat-info .stat-value a {color: inherit; text-decoration: none;}
.balance-stat-info .stat-value a:hover {color: #3858e9; text-decoration: underline;}
.balance-stat-info .stat-sub {font-size: 12px; color: #94a3b8; margin-top: 2px;}

/* 툴바 */
.coustomer-balance-header {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 0 12px; border-top: 2px solid #e2e8f0;
    flex-wrap: wrap; gap: 10px;
}
.total-count {font-size: 14px; color: #64748b; font-weight: 500;}
.total-count strong {color: #1e293b; font-size: 16px;}
.balance-actions {display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.formBtm-style3 {white-space: nowrap; text-align: center; display: flex; align-items: center; justify-content: center;}
/* 트래킹번호 조회 — 번호 옆 소형 인라인 버튼 */
.myPAgency-productList .trk-search-btn { display: inline-flex; align-items: center; vertical-align: middle; margin-left: 6px; padding: 1px 8px; font-size: 12px; line-height: 1.5; border: 1px solid #cbd5e1; border-radius: 4px; background: #f1f5f9; color: #475569; cursor: pointer; white-space: nowrap; }
.myPAgency-productList .trk-search-btn:hover { background: #e2e8f0; }

/* 테이블 컨테이너 */
.table-container {
    width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
    border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden;
    box-shadow: 0 1px 4px rgba(15,23,42,0.04);
}

/* 테이블 */
.coustomer-balance-table {width: 100%; border-collapse: collapse; min-width: 700px; table-layout: auto;}
.coustomer-balance-table th {
    background: #109ddd; padding: 0 12px; font-size: 14px;
    font-weight: 600; color: #fff; text-align: center; white-space: nowrap;
    border-bottom: 1px solid #0d8bc4; height: 48px;
}
.coustomer-balance-table td {
    padding: 14px 12px; font-size: 14px; color: #475569; text-align: center;
    border-bottom: 1px solid #f1f5f9; vertical-align: middle; line-height: 1.5;
    height: auto; white-space: nowrap;
}
.coustomer-balance-table tbody tr:last-child td {border-bottom: none;}
.coustomer-balance-table tbody tr:hover td {background: #f8fafc;}
.coustomer-balance-table td[data-type="description"] {text-align: left; white-space: normal; padding-left: 16px;}
.coustomer-balance-table .date-cell {white-space: nowrap; width: 120px;}
.coustomer-balance-table .number-cell {text-align: right;}
.coustomer-balance-table .text-cell {text-align: left;}
.coustomer-balance-table .center-cell {text-align: center;}

/* 금액/상태 색상 */
.amount-plus  {color: #16a34a; font-weight: 600;}
.amount-minus {color: #dc2626; font-weight: 600;}

/* 상태 뱃지 */
.saas-badge {
    display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px;
    border-radius: 20px; font-size: 12px; font-weight: 600; white-space: nowrap;
}
.saas-badge.available   {background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0;}
.saas-badge.unavailable {background: #fef2f2; color: #dc2626; border: 1px solid #fecaca;}
.saas-badge.pending     {background: #fffbeb; color: #d97706; border: 1px solid #fde68a;}
.saas-badge.cancel      {background: #f8fafc; color: #64748b; border: 1px solid #e2e8f0;}
.saas-badge.primary     {background: #eef2ff; color: #3858e9; border: 1px solid #c7d2fe;}

/* 결제 페이지 통계 카드 */
.mypage-payment-stat-bar {display: flex; gap: 16px; margin-bottom: 24px; flex-wrap: wrap;}
.mypage-payment-stat-card {
    display: flex; align-items: center; gap: 16px;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 10px;
    padding: 20px 24px; box-shadow: 0 2px 8px rgba(15,23,42,0.05);
    flex: 1; min-width: 180px;
}
.mypage-payment-stat-icon {
    width: 52px; height: 52px; border-radius: 8px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.mypage-payment-stat-icon.blue   {background: #eef2ff; color: #3858e9;}
.mypage-payment-stat-icon.green  {background: #f0fdf4; color: #16a34a;}
.mypage-payment-stat-icon.amber  {background: #fffbeb; color: #d97706;}
.mypage-payment-stat-body {display: flex; flex-direction: column; gap: 4px;}
.mypage-payment-stat-label {font-size: 13px; color: #64748b; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase;}
.mypage-payment-stat-value {font-size: 20px; font-weight: 700; color: #1e293b; line-height: 1.2;}

/* 계산서발급(IvcLabel) 팝업 재디자인 */
.ivc-label-popup-header {
    display: flex; justify-content: space-between; align-items: center;
    padding: 18px 20px; background: #fff; border-bottom: 1px solid #e2e8f0;
}
.ivc-label-popup-header h2 {font-size: 17px; font-weight: 700; color: #1e293b; margin: 0; display: flex; align-items: center; gap: 8px;}
.ivc-label-popup-header h2 i {color: #3858e9;}
.ivc-label-close-btn {
    width: 32px; height: 32px; background: #f1f5f9; border: none;
    border-radius: 8px; cursor: pointer; display: flex; align-items: center;
    justify-content: center; color: #64748b; font-size: 16px; transition: all 0.2s;
}
.ivc-label-close-btn:hover {background: #e2e8f0; color: #1e293b;}
.ivc-label-body {padding: 20px;}
.ivc-label-notice {
    background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 10px;
    padding: 12px 16px; margin-bottom: 20px; font-size: 13px; color: #1d4ed8; line-height: 1.6;
}
.ivc-label-notice i {margin-right: 6px; color: #3b82f6;}
.ivc-label-add-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 18px; background: #3858e9; color: #fff; border: none;
    border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer;
    transition: all 0.2s; margin-bottom: 16px;
}
.ivc-label-add-btn:hover {background: #2b47d4; transform: translateY(-1px);}
.ivc-label-list {display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px;}
.ivc-label-item {
    background: #fff; border: 1.5px solid #e2e8f0; border-radius: 12px;
    padding: 16px 20px; display: flex; justify-content: space-between; align-items: center;
    transition: box-shadow 0.2s, border-color 0.2s;
}
.ivc-label-item:hover {box-shadow: 0 4px 12px rgba(56,88,233,0.08); border-color: #c7d2fe;}
.ivc-label-item.active-item {border-color: #3858e9; background: linear-gradient(135deg,#f8faff 0%,#eef2ff 100%);}
.ivc-label-item-info {flex: 1;}
.ivc-label-item-name {
    font-size: 15px; font-weight: 700; color: #1e293b; margin-bottom: 5px;
    display: flex; align-items: center; gap: 8px;
}
.ivc-active-badge {
    display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px;
    background: #3858e9; color: #fff; border-radius: 20px; font-size: 11px; font-weight: 600;
}
.ivc-active-badge i {font-size: 10px;}
.ivc-label-item-detail {font-size: 13px; color: #64748b; margin-bottom: 2px; line-height: 1.5;}
.ivc-label-item-btns {display: flex; gap: 6px; margin-left: 16px; flex-shrink: 0;}
.ivc-label-form-section {
    background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px;
    padding: 20px; margin-top: 16px;
}
.ivc-label-form-title {font-size: 14px; font-weight: 700; color: #1e293b; margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid #e2e8f0;}
.ivc-label-form-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.ivc-label-form-full {grid-column: 1 / -1;}
.ivc-address-row {display: flex; gap: 10px; align-items: flex-end;}
.ivc-address-row .standardForm {flex: 1;}
.ivc-label-btn-area {display: flex; justify-content: center; gap: 10px; padding: 16px 20px; border-top: 1px solid #e2e8f0; margin-top: 4px;}

/* 반응형 */
@media (max-width: 1024px) {
    .balance-actions {gap: 8px;}
    .balance-stat-bar {gap: 12px;}
}
@media (max-width: 768px) {
    .coustomer-balance-list {padding: 15px 10px;}
    .balance-stat-bar {gap: 10px;}
    .balance-stat-card {padding: 14px 16px; gap: 12px; min-width: calc(50% - 5px);}
    .balance-stat-icon {width: 42px; height: 42px; font-size: 18px;}
    .balance-stat-info .stat-value {font-size: 18px;}
    .coustomer-balance-header {flex-direction: column; align-items: flex-start;}
    .balance-actions {width: 100%;}
    .table-container {border-radius: 0 0 8px 8px;}
    .ivc-label-form-grid {grid-template-columns: 1fr;}
    .ivc-label-form-full {grid-column: auto;}
    .ivc-label-item {flex-direction: column; align-items: flex-start; gap: 12px;}
    .ivc-label-item-btns {margin-left: 0; width: 100%; justify-content: flex-end;}
    .mypage-payment-stat-bar {gap: 10px;}
    .mypage-payment-stat-card {padding: 14px 16px; gap: 12px; min-width: calc(50% - 5px);}
    .mypage-payment-stat-icon {width: 42px; height: 42px; font-size: 18px;}
    .mypage-payment-stat-value {font-size: 18px;}
}
@media (max-width: 480px) {
    .balance-stat-card {min-width: 100%;}
    .balance-stat-info .stat-value {font-size: 16px;}
    .coustomer-balance-table th, .coustomer-balance-table td {padding: 10px 8px; font-size: 13px;}
    .mypage-payment-stat-card {min-width: 100%;}
}

/* 오픈마켓 API 테이블 */
.openmarket-api-list {max-width: 1440px; margin: 0 auto;}
.api-amount-wrapper {margin-bottom: 15px;}
.api-title {font-size: 20px; font-weight: 500; color: #333;}
.api-table-container {border-top: 1px solid #edf2f9; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.openmarket-api-table {width: 100%; border-collapse: collapse; min-width: 1200px;}
.openmarket-api-table th, 
.openmarket-api-table td {height: 60px; border-bottom: 1px solid #e9eaed; text-align: center; font-size: 14px; padding: 8px;}
.openmarket-api-table th {background: #f9fafd; color: #9c9c9c; white-space: nowrap; font-size: 14px;}
.openmarket-api-table td.tL {text-align:left; line-height:130%; }

/* 마켓 테이블 상위 */
.openmarket-api-table.marektTbl td {
	background-color: #fdfaf7;
}
.openmarket-api-table.marektTbl td.marketTd {
	background-color: #fff;
}

.table-checkbox {width: 5%;}
.table-no {width: 5%;}
.table-order-number {width: 20%;}
.table-image {width: 8%;}
.table-product-info {width: 38%;}
.table-recipient {width: 12%;}
.table-order-date {width: 8%;}
.table-action {width: 4%;}
.openmarketproduct-image {width: 50px; height: 50px; object-fit: cover;}
.openmarketproduct-info-cell {text-align: left; padding: 12px;}
.recipient-info-cell {text-align: left; padding: 8px; line-height: 1.3;}
.openmarket-api-table .formBtm-style6 {white-space: nowrap; min-width: 60px;}
.openmarketproduct-info-container {display: flex; flex-direction: column; gap: 6px;}
.openmarketproduct-info-row {display: flex; align-items: center;}
.openmarketproduct-info-label {
    display: inline-block;
    background: #f8f9fa;
    color: #666;
    font-size: 13px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 3px;
    margin-right: 6px;
    border: 1px solid #e9ecef;
    min-width: 30px;
    text-align: center;
}
.openmarketproduct-info-value {color: #333; font-weight: normal;}
.recipient-name {text-align: left; font-weight: 600; color: #333; font-size: 15px;}
.recipient-phone {text-align: left; color: #666; font-size: 14px; margin: 2px 0;}
.recipient-address {text-align: left; color: #555; font-size: 13px; line-height: 1.3;}

/* API URL 정보 */
.api-url-info {margin-bottom: 15px;}
.apiUrl {font-size: 16px; padding-bottom: 10px; margin: 0;}

/* 버튼 그룹 레이아웃 */
.api-button-group {display: flex; flex-direction: column; align-items: stretch; gap: 5px; width: 100%;}
.api-button-row {display: flex; gap: 5px; width: 100%;}
.api-button-single {width: 100%;}
.api-button-row .formBtm-style6 {flex: 1; min-width: 0; justify-content: center;}
.api-button-single .formBtm-style6 {width: 100%;}
.api-button-full {width: 100%; justify-content: center;}

/* API 신청페이지 */
.hscode-info {margin-bottom: 15px;}
.hscode-info-text {font-size: 14px; color: #666; margin: 5px 0; line-height: 1.4;}
.hscode-divider {height: 1px; background-color: #edf2f9; margin: 15px 0;}
.openmarketradio-selection-area {margin: 40px 0 60px; text-align: center;}
.openmarketradio-group {display: inline-flex; gap: 30px; align-items: center;}
.openmarketbottom-action-buttons {display: flex; justify-content: center; gap: 20px; margin: 40px 0 60px 0;}
.openmarketbottom-action-buttons .formBtm-style8 {min-width: 150px;}
@media (max-width: 1024px) {
    .openmarket-api-table {min-width: 1000px;}
}
@media (max-width: 768px) {
    .openmarket-api-table th, 
    .openmarket-api-table td {font-size: 13px; padding: 6px;}
    .formBtm-style6 {font-size: 12px; padding: 4px 6px;}
    .api-url-info {margin-bottom: 15px; padding: 0 10px;}
    .apiUrl {font-size: 14px; padding-bottom: 8px; word-break: break-all; line-height: 1.4;}
    .recipient-name {font-size: 14px;}
    .recipient-phone {font-size: 13px;}
    .recipient-address {font-size: 12px;}
    .openmarketproduct-info-label {font-size: 12px;}
    .hscode-info {padding: 0 10px;}
    .hscode-info-text {font-size: 13px; word-break: keep-all;}
    .openmarketradio-group {flex-wrap: wrap; gap: 15px; justify-content: center;}
    .bottom-action-buttons {flex-direction: column; align-items: center; gap: 10px;}
    .bottom-action-buttons .formBtm-style8 {width: 100%; max-width: 200px;}
}
@media (max-width: 480px) {
    .openmarket-api-list {padding: 15px;}
    .api-title {font-size: 16px;}
    .openmarket-api-table th, 
    .openmarket-api-table td {font-size: 12px; padding: 4px;}
    .formBtm-style6 {font-size: 11px; padding: 3px 5px;}
    .api-url-info {padding: 0 15px;}
    .apiUrl {font-size: 14px; padding-bottom: 6px;}
    .recipient-name {font-size: 13px;}
    .recipient-phone {font-size: 12px;}
    .recipient-address {font-size: 11px;}
    .openmarketproduct-info-label {font-size: 11px;}
    .hscode-info {padding: 0 15px;}
    .hscode-info-text {font-size: 12px;}
    .radio-group {gap: 10px;}
}

/* 쿠폰 페이지 */
.coustomer-cupon-list {max-width: 1440px; margin: 0 auto; padding: 20px;}
.cupon-title-wrapper {margin-bottom: 15px;}
.cuponTitle {font-size: 20px; font-weight: 500; color: #333;}
.cupon-count {background: #73ba3a; color: #fff; padding: 5px 10px; border-radius: 3px; font-weight: 600; margin-left: 10px;}
.coustomer-cupon-header {border-top: 3px solid #d0c9f9; padding: 15px 0; display: flex; justify-content: space-between; align-items: center;}
.total-count {color: #666; font-size: 14px;}
.table-container {border-top: 1px solid #edf2f9; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.coustomer-cupon-table {width: 100%; border-collapse: collapse; min-width: 900px;}
.coustomer-cupon-table th, 
.coustomer-cupon-table td {height: 60px; border-bottom: 1px solid #e9eaed; text-align: center; font-size: 16px;}
.coustomer-cupon-table th {background: #f9fafd; color: #9c9c9c; white-space: nowrap; font-size: 14px;}
@media (max-width: 1024px) {
  .coustomer-cupon-header {padding: 15px 10px;}
}
@media (max-width: 768px) {
  .coustomer-cupon-table th, 
  .coustomer-cupon-table td {font-size: 13px;}
}
@media (max-width: 480px) {
  .coustomer-cupon-list {padding: 15px;}
  .cuponTitle {font-size: 16px;}
  .coustomer-cupon-table th, 
  .coustomer-cupon-table td {font-size: 12px;}
}

/* 적립금 */
.savedMoney-list {max-width: 1440px; margin: 0 auto; padding: 20px;}
.savedMoney-title-wrapper {margin-bottom: 15px;}
.savedMoneyTitle {font-size: 20px; font-weight: 500; color: #333;}
.savedMoney-count {background: #73ba3a; color: #fff; padding: 5px 10px; border-radius: 3px; font-weight: 600; margin-left: 10px;}
.savedMoney-header {border-top: 3px solid #d0c9f9; padding: 15px 0; display: flex; justify-content: space-between; align-items: center;}
.total-count {color: #666; font-size: 14px;}
.table-container {border-top: 1px solid #edf2f9; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.savedMoney-table {width: 100%; border-collapse: collapse; min-width: 900px;}
.savedMoney-table th, 
.savedMoney-table td {height: 60px; border-bottom: 1px solid #e9eaed; text-align: center; font-size: 16px;}
.savedMoney-table th {background: #f9fafd; color: #9c9c9c; white-space: nowrap; font-size: 14px;}
@media (max-width: 1024px) {
 .savedMoney-header {padding: 15px 10px;}
}
@media (max-width: 768px) {
 .savedMoney-table th, 
 .savedMoney-table td {font-size: 13px;}
}
@media (max-width: 480px) {
 .savedMoney-list {padding: 15px;}
 .savedMoneyTitle {font-size: 16px;}
 .savedMoney-table th, 
 .savedMoney-table td {font-size: 12px;}
}

/* 센터주소 팝업창 */
.localDelivery-address {padding: 0 20px;}
/* 배송대행지 */
.localDelivery-list {max-width: 1440px; margin: 0 auto; padding: 20px 20px 10px;}
.localDelivery-copy-desc {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 18px;
	color: #475569;
	font-size: 14px;
	font-weight: 500;
	padding: 11px 16px;
	background: #eef2ff;
	border: 1px solid #c7d2fe;
	border-radius: 6px;
}
.localDelivery-copy-desc i {color: #3858e9; font-size: 14px; flex-shrink: 0;}
.localDelivery-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 20px;
}
.localDelivery-section {
	width: calc(50% - 8px);
	min-width: 0;
	background: #fff;
	border-radius: 14px;
	border: 1px solid #e2e8f0;
	box-shadow: 0 2px 10px rgba(56,88,233,0.07);
	overflow: hidden;
	transition: box-shadow 0.2s ease;
}
.localDelivery-section:hover {box-shadow: 0 6px 20px rgba(56,88,233,0.13);}
.localDelivery-title {
	font-size: 20px;
	font-weight: 600;
	color: #1e293b;
	margin: 0;
	padding: 13px 16px;
	background: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 100%);
	border-bottom: 1px solid #c7d2fe;
	display: flex;
	align-items: center;
	gap: 7px;
}
.localDelivery-title i {color: #3858e9; font-size: 18px;}
.localDelivery-content {border: none;}
.localDelivery-row {display: flex; border-bottom: 1px solid #f1f5f9; align-items: stretch; position: relative;}
.localDelivery-row:last-child {border-bottom: none;}
.localDelivery-row:hover {background: #fafbff;}
.localDelivery-cell {
	padding: 15px;
	font-size: 14px;
	font-weight: 500;
	color: #475569;
	line-height: 1.4;
	min-height: 54px;
	display: flex;
	align-items: center;
	flex: 1;
}
.localDelivery-cell.title {
	width: 180px;
	flex: none;
	background: #f8fafc;
	color: #1e293b;
	font-weight: 500;
	font-size: 14px;
	border-right: 1px solid #e2e8f0;
	min-height: 54px;
	align-self: stretch;
}
.localDelivery-row .formBtm-style6 {
	white-space: nowrap !important;
	margin-right: 10px;
	background: #3858e9;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 5px 12px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s;
	flex-shrink: 0;
}
.localDelivery-row .formBtm-style6:hover {background: #2b47d4;}

/* 태블릿 사이즈 */
@media (max-width: 1024px) {
	.localDelivery-cell.title {width: 150px;}
}

/* 모바일 - 1개씩 세로 배열 */
@media (max-width: 768px) {
	.localDelivery-wrapper {flex-direction: column;}
	.localDelivery-section {width: 100%;}
	.localDelivery-cell.title {width: 130px;}
}

/* 작은 모바일 */
@media (max-width: 480px) {
	.localDelivery-list {padding: 15px;}
	.localDelivery-row {flex-direction: column;}
	.localDelivery-cell {padding: 10px 14px;}
	.localDelivery-cell.title {width: 100%; border-right: none; border-bottom: 1px solid #e2e8f0;}
}

/* HS코드 */
.mypage-hscode-section {max-width: 1440px; margin: 0 auto; padding: 20px;}
.hscode-info {margin-bottom: 0;}
.hscode-info-text {color: #666; font-size: 14px; line-height: 21px;}
.hscode-divider {height: 3px; background-color: #d0c9f9; margin: 25px 0;}
.hscode-search-container {margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center;}
.hscode-title-area {flex: 0 0 auto;}
.hscode-title {font-size: 18px; font-weight: 600; color: #333; margin: 0;}
.hscode-search-form {display: flex; gap: 10px; align-items: center; flex: 1; justify-content: flex-end;}
.hscode-search-form .standardForm {flex: 1; max-width: 200px; min-width: 150px;}
.hscode-search-form .formBtm-style3 {flex: 0 0 auto;}
.hscode-controls {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.hscode-filter {display: flex; gap: 10px; align-items: center;}
.hscode-table-container {margin-bottom: 30px; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.hscode-table {width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.hscode-table th, .hscode-table td {padding: 12px 8px; border-bottom: 1px solid #edf2f9; border-top: 1px solid #edf2f9; text-align: center; font-size: 14px;}
.hscode-table th {background-color: #f9fafd; font-weight: 500; color: #666; white-space: nowrap;}
.hscode-table tr:hover {background-color: #f8f9fc;}
.hscode-table th:nth-child(6), .hscode-table td:nth-child(6) {border-left: 1px solid #e0e0e0;}
.checkbox-col {width: 40px; padding-left: 20px; padding-right: 10px;}
.hscode-table td:nth-child(2), .hscode-table td:nth-child(7) {padding-left: 0;}
.hscode-table th:nth-child(3), .hscode-table th:nth-child(4),
.hscode-table th:nth-child(9), .hscode-table th:nth-child(10) {width: 25%;}
.mobile-hscode-table {display: none; width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.mobile-hscode-table th, .mobile-hscode-table td {padding: 12px 8px; border-bottom: 1px solid #e9ecef; text-align: center; font-size: 14px;}
.mobile-hscode-table th {background-color: #f8f9fa; font-weight: 500; color: #666; white-space: nowrap;}
.mobile-hscode-table tr:hover {background-color: #f8f9fc;}
.mobile-hscode-table .checkbox-col {padding-left: 20px; padding-right: 10px;}
.mobile-hscode-table th:nth-child(3), .mobile-hscode-table th:nth-child(4) {width: 40%;}
@media (max-width: 1200px) {
   .hscode-search-form {flex-wrap: wrap; justify-content: flex-end;}
   .hscode-search-form .standardForm, .hscode-search-form .formBtm-style3 {margin-bottom: 10px;}
}
@media (max-width: 992px) {
   .hscode-search-container {flex-direction: column; align-items: flex-start;}
   .hscode-title-area {margin-bottom: 15px;}
   .hscode-search-form {width: 100%; justify-content: flex-start;}
   .hscode-search-form .standardForm {max-width: none;}
   .hscode-controls {flex-direction: column; align-items: flex-start; gap: 15px;}
   .hscode-filter {width: 100%; flex-wrap: wrap;}
}
@media (max-width: 768px) {
   .mypage-hscode-section {padding: 15px;}
   .hscode-search-form {flex-direction: column;}
   .hscode-search-form .standardForm, .hscode-search-form .formBtm-style3 {width: 100%; max-width: none;}
   .hscode-filter {flex-direction: column;}
   .hscode-filter .standardForm, .hscode-filter .formBtm-style3 {width: 100%;}
   .mobile-hscode-table {display: table;}
   .hscode-controls {position: relative; padding-bottom: 60px;}
   .hscode-controls .formBtm-style3:first-child {
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       text-align: center;
       margin-top: 15px;
       border-radius: 3px;
   }
}
@media (max-width: 480px) {
   .hscode-title {font-size: 16px;}
   .hscode-info-text {font-size: 12px;}
   .standardForm input {height: 36px; font-size: 13px;}
   .standardForm label {font-size: 13px;}
   .formBtm-style3 {height: 36px; font-size: 13px; min-width: auto;}
   .mobile-hscode-table th, .mobile-hscode-table td {padding: 10px 5px; font-size: 12px;}
   .checkbox-col {width: 30px;}
}

/* 재고 전환신청 & 예치금 결제신청 팝업 공통 */
.myStock-switch {width: 100%; padding: 30px 20px 0; margin-bottom: 20px;}
.myStock-switch-container {max-width: 1516px; margin: 0 auto; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(15,23,42,0.06);}
.myStock-wrapper {border: none; border-top: 1px solid #e2e8f0; border-radius: 0; padding: 20px; background: #fff;}
.myStock-wrapper[data-type="transfer"] {background: #f8faff;}
.myStock-wrapper .radio-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e9eaed;
    margin-bottom: 15px;
}
.myStock-notice p {color: #64748b; font-size: 14px; line-height: 1.6; margin-bottom: 6px;}
.myStock-section-title-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 0;
    padding: 14px 20px;
    background: #f8faff;
    border-bottom: 1px solid #e2e8f0;
    min-height: 52px;
    box-sizing: border-box;
}
.myStock-section-title-wrap h2 {font-size: 14px; font-weight: 600; color: #1e293b;}
.myStock-section-title-wrap .formBtm-style3 {background: #fff; color: #3858e9; border-color: #c7d2fe;}
.myStock-section-title-wrap .formBtm-style3:hover {background: #f0f3ff; border-color: #3858e9;}
@media (max-width: 768px) {
    .myStock-switch {padding: 20px 15px 0;}
    .myStock-wrapper {padding: 15px;}
    .myStock-section-title-wrap {flex-direction: column; align-items: flex-start; gap: 8px; line-height: 21px;}
	.myStock-section-title-wrap h2 {font-size: 18px; font-weight: 500;}
}

/* ===== 예치금/재고전환 라디오버튼 - Pill 칩 스타일 ===== */
.myStock-wrapper .nomalRadio-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    cursor: pointer;
    margin-right: 0;
    padding: 9px 26px;
    background: #fff;
    border: 2px solid #dde1e7;
    border-radius: 50px;
    min-width: 120px;
    transition: all 0.18s ease;
}
.myStock-wrapper .nomalRadio-label:hover {
    transform: none;
    font-weight: normal;
    border-color: #3858e9;
    background: #f0f4ff;
}
.myStock-wrapper .nomalRadio-label:has(.nomalRadio-input:checked) {
    background: #3858e9;
    border-color: #3858e9;
    box-shadow: 0 4px 12px rgba(56, 88, 233, 0.28);
}
.myStock-wrapper .nomalRadio-label:has(.nomalRadio-input:checked):hover {
    background: #2b4ad4;
    border-color: #2b4ad4;
}
.myStock-wrapper .nomalRadio-label:has(.nomalRadio-input:checked)::before {
    content: '✓';
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}
.myStock-wrapper .nomalRadio-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.myStock-wrapper .nomalRadio-text {
    position: static;
    padding-left: 0;
    font-size: 15px;
    font-weight: 500;
    color: #444;
    transition: color 0.18s ease;
}
.myStock-wrapper .nomalRadio-text:before,
.myStock-wrapper .nomalRadio-text:after { display: none; }
.myStock-wrapper .nomalRadio-input:checked + .nomalRadio-text {
    color: #fff;
    font-weight: 600;
}

/* 사업자 페이지 인보이스 추가 */
.PA-invoiceInfo {width: 100%; padding: 30px 20px 0;}
.PA-invoiceInfo-container {max-width: 1516px; margin: 0 auto;}
.PA-invoiceInfo-header-wrapper {margin-bottom: 15px;}
.PA-invoiceInfo-title {font-size: 14px; font-weight: 600; color: #1e293b;}
.PA-invoiceInfo-form-section {
    background-color: #fff; 
    padding: 15px 15px 15px; 
    border-radius: 8px; 
    border: 1px solid #e9eaed; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.PA-invoiceInfo-top-row {display: flex; gap: 20px; margin-bottom: 20px;  border-bottom: 1px solid #f0f0f0;  padding-bottom: 15px;}
.PA-invoiceInfo-info-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.PA-invoiceInfo-info-col {display: flex; flex-direction: column; gap: 20px;}
.PA-invoiceInfo-info-item {
    display: flex; 
    align-items: center; 
    gap: 12px; 
    padding: 12px 16px; 
    background: #fff; 
    border-radius: 3px; 
    transition: all 0.2s ease;
    border: 1px solid #e9eaed;
}
.PA-invoiceInfo-info-item:hover {background: #edf6fd; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);}
.PA-invoiceInfo-info-label {min-width: 110px; color: #666; font-size: 16px; font-weight: 500;}
.PA-invoiceInfo-info-divider {color: #ddd; font-weight: 300;}
.PA-invoiceInfo-info-text {color: #000; font-size: 15px; flex: 1; line-height: 1.5;}
@media (max-width: 768px) {
	.PA-invoiceInfo-form-section {padding: 20px;}
    .PA-invoiceInfo-info-grid {grid-template-columns: 1fr; gap: 15px;}
    .PA-invoiceInfo-info-item {flex-wrap: wrap; padding: 10px 12px;}
    .PA-invoiceInfo-info-label {min-width: auto;}
}

/* 마이페이지 견적요청 */
/* 전자상거래 관세청 신고 보기 */
.myPAgency-addressInfo {width: 100%; padding: 30px 20px 0;}
.myPAgency-addressInfo-container {max-width: 1516px; margin: 0 auto;}
.myPAgency-header-wrapper {display: flex; align-items: center; margin-bottom: 15px; gap: 12px;}
.myPAgency-header {background-color: #9fd405; color: #fff; padding: 8px 20px; font-weight: 500; box-shadow: 0 2px 4px rgba(159, 212, 5, 0.2);}
.myPAgency-title {padding: 8px 0; font-size: 20px; font-weight: 500; color: #000; position: relative;}
.myPAgency-info-section {
    background-color: #fff; 
    padding: 15px 15px 15px; 
    border-radius: 8px; 
    border: 1px solid #e9eaed; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); 
    background: #f7f7f8;
}
.myPAgency-top-row {display: flex; gap: 20px; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px;}
.myPAgency-info-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.myPAgency-info-col {display: flex; flex-direction: column; gap: 20px; background-color: #f7f7f8;}
.myPAgency-info-item {
    display: flex; 
    align-items: center; 
    gap: 12px; 
    padding: 12px 16px; 
    background: #fff; 
    border-radius: 3px; 
    transition: all 0.2s ease;
}
.myPAgency-info-item:hover {background: #edf6fd; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);}
.myPAgency-info-divider {color: #ddd; font-weight: 300;}
.myPAgency-info-text {color: #000; font-size: 14px; flex: 1; line-height: 1.5;}
.myPAgency-info-text.-number {white-space: nowrap; min-width: fit-content;}
.myPAgency-info-notice {color: #000; font-size: 13px; padding: 4px 8px; border-radius: 4px;}
@media (max-width: 768px) {
    .myPAgency-info-section {padding: 20px;}
    .myPAgency-info-grid {grid-template-columns: 1fr; gap: 15px;}
    .myPAgency-info-item {flex-wrap: wrap; padding: 10px 12px;}
    .myPAgency-info-notice {width: 100%; margin-top: 8px; padding: 0;}
    .myPAgency-header-wrapper {flex-wrap: wrap;}
}

/* 마이페이지 */
/* 결제대기 */
.estimateCall-paymentInfo {width: 100%; padding: 0 20px 30px; margin-top: 40px;}
.estimateCall-paymentInfo-container {max-width: 1516px; margin: 0 auto;}
/* .estimateCall-header {display: flex; justify-content: space-between; align-items: center;}
.estimateCall-title-wrap {display: flex; align-items: center; gap: 10px;}
.estimateCall-title {font-size: 22px; font-weight: 500; color: #000;}
.estimateCall-exchange-rate {background-color: #9fd405; color: #fff; padding: 8px 15px; border-radius: 4px; font-size: 14px;font-weight: 600;}*/
.estimateCall-purple-line {height: 3px; background-color: #e7e2f8; margin: 30px 0;} 
.estimateCall-gray-line {height: 1px; background-color: #e6e6e6; margin: 30px 0;}
.estimateCall-amount-row {padding: 0 20px;}
.estimateCall-row-content {display: flex; gap: 15px; position: relative;}
.estimateCall-label {font-size: 18px; color: #000; min-width: 80px; font-weight: 500; align-content: center;}
.estimateCall-divider {color: #ddd; font-weight: 300; padding: 0 15px; position: relative;}
.estimateCall-divider::after {content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background-color: #ddd;}
.estimateCall-price-info {flex: 1; padding-left: 15px;}
.estimateCall-total-price {font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.estimateCall-item-list {list-style: none; padding: 0; margin: 0; font-size: 16px; color: #000;}
.estimateCall-item-list li {margin-bottom: 5px; display: flex; align-items: center; gap: 10px;}
.estimateCall-item-name {min-width: 80px;}
.estimateCall-item-divider {color: #ddd; font-weight: 300;}
.estimateCall-fee-row {padding: 0 20px; display: flex; justify-content: flex-start; align-items: center; gap: 100px;}
.estimateCall-fee-left, .estimateCall-fee-right {display: flex; align-items: center;}
.estimateCall-fee-left .estimateCall-divider, .estimateCall-fee-right .estimateCall-divider {margin: 0 10px; color: #ddd;}
.estimateCall-fee {font-size: 16px; font-weight: 600; color: #000;}
.estimateCall-additional-cost {padding: 0 20px; display: flex; align-items: center;}
.estimateCall-total-section {text-align: center; margin: 30px 0; padding: 0 20px;}
.estimateCall-total {font-size: 25px; font-weight: 600; margin-bottom: 10px; line-height: 28px;}
.estimateCall-notice {color: #f03e3e; font-size: 16px; margin: 0;}
.estimateCall-payment-guide {padding: 0 20px; text-align: center; font-size: 16px; color: #000;}
.estimateCall-guide-wrap {display: flex; align-items: center; justify-content: center; gap: 10px;}
@media (max-width: 768px) {
	.estimateCall-paymentInfo {margin-top: 20px;}
	.estimateCall-title-wrap {display: flex; width: 100%; flex-direction: column; align-items: center;}
    .estimateCall-purple-line {margin: 20px 0;}
    .estimateCall-gray-line {margin: 20px 0;}
    .estimateCall-row-content {flex-direction: column; gap: 8px;}
    .estimateCall-label {min-width: auto; margin-bottom: 3px;}
    .estimateCall-divider {display: none;}
    .estimateCall-price-info {padding: 12px; background: #f8f9fb; border-radius: 8px; margin-left: 0;}
    .estimateCall-fee-row {flex-direction: column; gap: 15px;}
    .estimateCall-fee-left, .estimateCall-fee-right {width: 100%; flex-direction: column; align-items: flex-start;}
    .estimateCall-fee {width: 100%; padding: 12px; background: #f8f9fb; border-radius: 8px; margin-top: 5px;}
    .estimateCall-additional-cost {flex-direction: column; align-items: flex-start;}
    .estimateCall-guide-wrap {flex-direction: column; gap: 10px; padding: 0 20px;}
}

/* 마이페이지 */
/* 결재완료 */
.costInfor-paymentInfo {width: 100%; padding: 0 20px 30px; margin-top: 20px; box-sizing: border-box;}
.costInfor-flex-container {display: flex; flex-wrap: wrap; gap: 20px; max-width: 1516px; margin: 0 auto; width: 100%;}
.costInfor-container {flex: 1; min-width: 300px; max-width: 1516px; margin: 0 auto; width: 100%; box-sizing: border-box;}
.costInfor-popContainer {flex: 1; min-width: 300px; padding: 20px 20px 0; max-width: 1516px; margin: 0 auto; width: 100%; box-sizing: border-box;}
.costInfor-header {display: flex; margin-bottom: 15px;}
.costInfor-title-wrap {display: flex; align-items: center;}
.estimate-cost-section {
    border: none !important;
    border-top: 3px solid #edf2f9 !important;
    border-bottom: 3px solid #edf2f9 !important;
    border-radius: 0 !important;
}
.estimate-cost-section .costInfor-amount-row {border-left: none !important; border-right: none !important;}
.estimate-cost-section .costInfor-price-info {border: none !important;}
.estimateCall-title {font-size: 20px; font-weight: 500; color: #333;}
.costInfor-gray-line {height: 1px; background-color: #e6e6e6; margin-bottom: 30px;}
.costInfor-popGray-line {height: 1px; margin-bottom: 30px;}
.costInfor-amount-wrap {border: 1px solid #edf2f9; border-radius: 8px; overflow: hidden; width: 100%; margin-bottom: 15px;}
.costInfor-amount-row {display: flex; border-bottom: 1px solid #edf2f9;}
.costInfor-amount-row:last-child {border-bottom: none;}
.costInfor-label {width: 200px; padding: 15px 20px; background: #f9fafd; font-size: 18px; font-weight: 500px; color: #333; display: flex; align-items: center;}
.costInfor-divider {color: #ddd; font-weight: 300; padding: 15px 0; display: none;}
.costInfor-price-info {flex: 1; padding: 15px 20px;}
.costInfor-price-info h3 {font-size: 14px; font-weight: 600; background: #f9fafd; border: 1px solid #edf2f9; padding: 10px; margin-bottom: 10px;}
.costInfor-total-price {font-size: 15px; font-weight: 500; color: #333; line-height:140%;}
.costInfor-total-price2 {font-size: 18px; font-weight: 600; color: #000;}
.costPop-header {display: flex; margin-bottom: 15px; flex-wrap: wrap;}
.costPop-title-wrap {display: flex; align-items: center; margin-right: 15px;}
.costPop-sectionTitle {font-size: 13px; font-weight: 600; color: #fff; background-color: #3858e9; padding: 4px 10px; border-radius: 4px;}
.costPop-totalTitle {font-size: 18px; font-weight: 700; color: #1e293b;}
.costPop-currency {font-size: 14px; align-content: center; color: #4361ee; font-weight: 600; background-color: #eef2ff; padding: 3px 10px; margin-left: auto; border-radius: 4px; border: 1px solid #c7d2fe;}
.costPop-weight-table {width: 100%; border-collapse: collapse; margin: 0; border: 1px solid #edf2f9;}
.costPop-weight-table tr {border-bottom: 1px solid #edf2f9;}
.costPop-weight-table tr:last-child {border-bottom: none;}
.costInforproduct-table {width: 100%; border-collapse: collapse; margin: 0; border: 1px solid #edf2f9;}
.costInforproduct-table thead {background-color: #f8f4fb;}
.costInforproduct-table th {
    padding: 12px 15px;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    border: 1px solid #f8f4fb;
	text-align: center;
}
.costInforproduct-table td {padding: 12px 15px; text-align: left; font-size: 14px; color: #333; border: 1px solid #edf2f9;}
.weight-label, .weight-label-empty {
	width: 300px;
    max-width: 200px;
    padding: 10px 15px;
    text-align: left;
    font-size: 14px;
	font-weight: 500;
    border-right: 1px solid #edf2f9;
    background-color: #f9fdfb;
}
.weight-value {width: auto; padding: 10px 15px; text-align: left; font-size: 14px;}
@media (max-width: 992px) {
    .costInfor-flex-container {flex-direction: column;}
    .costInfor-container {width: 100%;}
}
@media (max-width: 768px) {
    .costInfor-paymentInfo {padding: 0 15px 20px;}
    .estimateCall-title {font-size: 18px;}
    .costInfor-gray-line {margin-bottom: 20px;}
    .costInfor-label {width: 100px; padding: 12px 15px; font-size: 14px;}
    .costInfor-price-info {padding: 12px 15px;}
    .costInfor-total-price {font-size: 14px;}
    .costPop-sectionTitle {font-size: 14px; padding: 4px 8px;}
    .costPop-totalTitle {font-size: 18px;}
    .costPop-currency {font-size: 13px; padding: 4px 8px;}
	.weight-label, .weight-label-empty {width: 90px; max-width: 90px; padding: 8px 10px; font-size: 14px; font-weight: 500;}
	.weight-value {padding: 8px 10px; font-size: 13px;}
	.costInforproduct-table th,
    .costInforproduct-table td {padding: 8px 10px; font-size: 13px;}
}
@media (max-width: 480px) {
    /* 비용 행 : 레이블/내용 세로 전환 */
    .costInfor-amount-row {flex-direction: column;}
    .costInfor-label {width: 100%; padding: 10px 14px 8px; font-size: 13px; border-right: none; border-bottom: 1px solid #edf2f9;}
    .costInfor-price-info {padding: 10px 14px;}
    .costInfor-total-price {font-size: 13px;}
    .costInfor-total-price2 {font-size: 16px;}
    /* 비용항목 헤더 */
    .costPop-header {gap: 6px;}
    .costPop-title-wrap {margin-right: 0;}
    .costPop-totalTitle {font-size: 15px;}
    .costPop-currency {margin-left: 0; font-size: 12px; padding: 3px 8px;}
    /* 팝컨테이너 패딩 축소 */
    .costInfor-popContainer {padding: 12px 10px 0;}
    .costInfor-paymentInfo {padding: 0 10px 20px;}
    /* 무게/부가서비스 테이블 */
    .weight-label, .weight-label-empty {width: 80px; max-width: 80px; padding: 8px 8px; font-size: 12px;}
    .weight-value {padding: 8px 8px; font-size: 12px;}
    .costInforproduct-table th,
    .costInforproduct-table td {padding: 7px 8px; font-size: 12px;}
}

/* 결제 관리 시스템 */
/* 결제 관리 페이지 스타일 */
.mypage-payment-section {width: 100%; font-family: 'Noto Sans KR', sans-serif; color: #333;}
.mypage-payment-container {max-width: 1440px; margin: 0 auto; padding: 0 20px;}

/* 탭 버튼 스타일 */
.mypage-payment-tabs {display: flex; justify-content: center; gap: 15px; margin: 16px 0;}
.mypage-payment-tab-btn {
    min-width: 150px;
    padding: 12px 20px;
    font-size: 17px;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}
.mypage-payment-tab-btn:hover {background-color: #efefef;}
.mypage-payment-tab-btn.active {color: #fff; background-color: #473fa2;}
.mypage-payment-tab-divider {height: 1px; background-color: #e0e0e0; max-width: 1440px; margin: 0 auto 30px;}

/* 결제 목록 상단 정보 */
.mypage-payment-info {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.mypage-payment-total {font-size: 16px; font-weight: 500; display: flex; align-items: center;}
.mypage-payment-count {font-weight: 600; margin: 0 5px;}
.mypage-payment-checkbox {display: inline-flex; align-items: center; margin-left: 15px; cursor: pointer;}
.mypage-payment-check-all {margin-right: 5px;}

/* 결제 목록 테이블 */
.mypage-payment-table-container {width: 100%; overflow-x: auto; margin-bottom: 20px; -webkit-overflow-scrolling: touch; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 1px 4px rgba(15,23,42,0.04);}
.mypage-payment-table {width: 100%; border-collapse: collapse; margin-bottom: 0; min-width: 1000px;}
.mypage-payment-th, .mypage-payment-td {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mypage-payment-td * {white-space: nowrap;}
.mypage-payment-td [title] {cursor: help;}

/* 테이블의 모든 내부 요소에 대해 줄바꿈 방지 적용 */
.mypage-payment-table .mypage-payment-coupon-wrap,
.mypage-payment-table .mypage-payment-coupon-label,
.mypage-payment-table .mypage-payment-coupon-value,
.mypage-payment-table .mypage-payment-point,
.mypage-payment-table .standardForm,
.mypage-payment-table input,
.mypage-payment-table select,
.mypage-payment-table button {white-space: nowrap;}
.mypage-payment-th {
    background-color: #109ddd;
    padding: 0 10px;
    height: 48px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #0d8bc4;
    border-top: 1px solid #0d8bc4;
    color: #fff;
    white-space: nowrap;
    font-size: 14px;
    vertical-align: middle;
}
.mypage-payment-td {padding: 14px 8px; text-align: center; border-bottom: 1px solid #f1f5f9; border-top: none; font-size: 14px; color: #475569; line-height: 1.5; position: relative; vertical-align: middle;}
.nodataText {padding: 60px 20px !important; text-align: center; color: #94a3b8; font-size: 15px; font-weight: 500;}
.nodataText i {display: block; font-size: 40px; color: #cbd5e1; margin-bottom: 12px;}
.nodataText span {display: block;}
.mypage-payment-td:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 25%;
    right: 0;
    height: 50%;
    width: 1px;
    background-color: #e2e8f0;
}
.mypage-payment-table tr:hover {background-color: #f8fafc;}
.mypage-payment-table tr:hover .mypage-payment-td {background-color: #f8fafc;}
.mypage-payment-th .Ani-checkbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* 쿠폰 및 포인트 스타일 */
.mypage-payment-coupon-wrap {display: flex; flex-direction: column; align-items: center; gap: 4px;}
.mypage-payment-coupon-wrap.horizontal {width: 100%; flex-direction: row; justify-content: center; align-items: center; gap: 5px;}
.mypage-payment-coupon-wrap .formBtm-style3 {margin-top: -4px;}
.mypage-payment-coupon-label {display: inline-block; padding: 2px 8px; background-color: #9fd405; color: #fff; font-size: 13px;}
.mypage-payment-point-label {display: inline-block; padding: 0 8px; background-color: #9fd405; height: 40px; color: #fff; font-size: 13px; border-radius: 3px; justify-content: center; align-content: center; margin-top: -4px;}
.mypage-payment-coupon-value {display: inline-block; font-size: 14px;}
.mypage-payment-point {
    display: inline-block;
    padding: 5px 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
}
.mypage-payment-coupon-wrap .formBtm-style3 {margin-top: -4px; min-width: auto; white-space: nowrap; flex-shrink: 0;}
.mypage-payment-coupon-wrap button,
.mypage-payment-coupon-wrap input[type="button"],
.mypage-payment-coupon-wrap input[type="submit"] {font-size: inherit; padding: 8px 12px; width: auto; min-width: fit-content;}
.mypage-payment-td .standardForm {position: relative; margin-bottom: 5px; width: 100px; display: inline-block;}
.mypage-payment-td .standardForm.short-form input {text-align: center;}

/* 결제 정보 영역 */
.mypage-payment-summary {border-top: 2px solid #e2e8f0; padding-top: 24px; margin-top: 8px;}
.mypage-payment-section-title {font-size: 15px; font-weight: 700; margin: 15px 0 10px; color: #1e293b;}
.mypage-payment-amount-table-container {margin-bottom: 30px;}
.mypage-payment-amount-table {width: 100%; border-collapse: collapse; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden;}
.mypage-payment-amount-title {
    width: 30%;
    padding: 12px 15px;
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
    background-color: #f8fafc;
    color: #475569;
    font-size: 13px;
}
.mypage-payment-amount-value {width: 70%; padding: 12px 15px; text-align: left; border-bottom: 1px solid #e2e8f0; font-size: 14px; color: #1e293b;}
.mypage-payment-amount-total {font-weight: 700; font-size: 16px; color: #3858e9;}

/* 결제수단 섹션 */
.mypage-payment-method-container {border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; margin-bottom: 30px;}
.mypage-payment-method-row {display: flex; border-bottom: 1px solid #e2e8f0;}
.mypage-payment-method-row:last-child {border-bottom: none;}
.mypage-payment-method-left {width: 30%; padding: 12px 15px; font-weight: 600; background-color: #f8fafc; color: #475569; font-size: 13px;}
.mypage-payment-method-right {width: 70%; padding: 12px 15px; display: flex; gap: 20px; align-items: center;}
.mypage-payment-method-full {width: 100%; padding: 12px 0; display: flex; justify-content: space-between; align-items: center;}
.mypage-payment-method-label {display: flex; align-items: center; gap: 5px; cursor: pointer;}
.mypage-payment-bank-info {font-size: 14px;}
.mypage-payment-deposit-info {font-size: 14px; font-weight: 500; color: #404040;}
.mypage-payment-deposit-check-btn {padding: 6px 12px; font-size: 14px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; color: #404040;}
.mypage-payment-deposit-check-btn:hover {background-color: #eee;}
.weight-value .nomalRadio-text {font-size: 18px; font-weight: 500; line-height: 30px; color: #404040;}
.weight-value .standardForm {max-width: 300px;}
.valueSpan {
    background-color: #9fd405; 
    padding: 6px 15px; 
    color: #FFF; 
    font-size: 12px; 
    margin: 0 10px 0 0; 
    border-radius: 3px;
    display: inline-block;
}
.radio-group {gap: 40px; display: flex; align-items: center;}
.valueSpanLeft {margin-left: 45px;}
.bank-info-container {display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding: 5px 0;}
.bank-info-item {display: flex; align-items: center; margin-right: 30px;}
.input-with-button {display: flex; align-items: center; gap: 10px; width: 100%;}
.input-with-button .standardForm {flex-grow: 1;}
@media screen and (max-width: 768px) {
    .bank-info-container {flex-direction: column; align-items: flex-start; gap: 0; width: 100%;}
    .bank-info-item {margin-right: 0; margin-bottom: 0; padding: 10px 0; width: 100%; border-bottom: 1px solid #edf2f9;}
	.valueSpan {white-space: nowrap;}
    .bank-info-item:last-child {border-bottom: none;}
    .valueSpanLeft {margin-left: 0;}
	.weight-label {white-space: nowrap;}
    .radio-group {gap: 12px; flex-direction: column; align-items: flex-start; font-size: 16px;}
    .nomalRadio-label {padding: 5px 0;}
    .weight-value .nomalRadio-text {line-height: 1.2;}
	.weight-value .standardForm {width: 100%;}
	.input-with-button {flex-direction: column; align-items: flex-start; gap: 8px;}
    .input-with-button .standardForm {width: 100%;}
}

/* 탭버튼 보이기 안보이기 */
.mypage-payment-tab-content {display: none;}
.mypage-payment-tab-content.active {display: block;}

/* 주문 상세 스타일 */
.order-details-wrapper {width: 100%; display: block;}
.order-details-row {display: flex; width: 100%;}
.order-details-row:last-child {border-bottom: none;}
.order-details-cell {padding: 8px 4px; text-align: center; display: flex; align-items: center; justify-content: center;}
.order-details-cell:last-child {border-right: none;}
.order-number {width: 20%;}
.order-item {width: 20%;}
.order-cost {width: 20%;}
.order-discount {width: 20%;}
.order-final-cost {width: 20%;}
@media (max-width: 1024px) {
    .mypage-payment-tabs {flex-direction: row;}
}
@media (max-width: 768px) {
    .mypage-payment-container {padding: 15px;}
	.mypage-payment-amount-title,
    .mypage-payment-amount-value {padding: 10px;}
    .mypage-payment-amount-title,
    .mypage-payment-method-left,
    .mypage-payment-method-right {width: 100%;}
    .mypage-payment-method-full {flex-direction: column; align-items: flex-start; gap: 10px;}
    .mypage-payment-deposit-check-btn {width: 100%;}
    /* 결제정보 영역 세로 스택 */
    .mypage-payment-summary .costInfor-amount-row {flex-direction: column;}
    .mypage-payment-summary .costInfor-label {width: 100%; padding: 10px 15px 8px; font-size: 14px; border-bottom: 1px solid #edf2f9;}
    .mypage-payment-summary .costInfor-price-info {padding: 12px 15px;}
    .mypage-payment-method-container .costInfor-amount-row {flex-direction: column;}
    .mypage-payment-method-container .costInfor-label {width: 100%; padding: 10px 15px 8px; font-size: 14px; border-bottom: 1px solid #edf2f9;}
    .mypage-payment-method-container .costInfor-price-info {padding: 12px 15px;}
}
@media (max-width: 480px) {
    .mypage-payment-container {padding: 10px;}
    .mypage-payment-tab-btn {font-size: 15px; padding: 10px;}
    .mypage-payment-summary-title {font-size: 14px;}
    .mypage-payment-tab-btn {font-size: 15px; padding: 10px;}
    .mypage-payment-section-title {font-size: 15px;}
    .mypage-payment-method-right {flex-direction: column; align-items: flex-start; gap: 10px;}
    .mypage-payment-coupon-wrap.horizontal {flex-direction: row; justify-content: center;}
    .mypage-payment-td .standardForm.short-input {width: 80px;}
}

/* ── Payment_W 결제 정보 영역 디자인 개선 ────────────────────── */
/* 결제 정보 영역 전체 카드화 */
.payment-w-page .mypage-payment-summary {display: none;}

/* 섹션 타이틀 - 왼쪽 강조선 + 아이콘 */
.mypage-payment-section-title {font-size: 16px; font-weight: 700; color: #1e293b; margin: 0 0 20px; padding: 2px 0 14px 0; border-bottom: 2px solid #f1f5f9; display: flex; align-items: center; gap: 8px;}
.mypage-payment-section-title i {color: #4361ee; font-size: 15px;}

/* 최종 결제금액 강조 */
.mypage-payment-summary .estimate-cost-section .costInfor-amount-row {background: linear-gradient(135deg, #eff6ff 0%, #eef2ff 100%); border-radius: 10px; border: 1px solid #c7d7f7 !important;}
.mypage-payment-summary .estimate-cost-section .costInfor-label {background: transparent; color: #1e40af; font-weight: 700; font-size: 14px; gap: 6px; display: flex; align-items: center; border-right: none;}
.mypage-payment-summary .estimate-cost-section .costInfor-label i {font-size: 16px; color: #2563eb;}
.mypage-payment-summary .costInfor-total-price2 {font-size: 26px; font-weight: 800; color: #2563eb; letter-spacing: -0.5px;}

/* 결제정보 내역 - 라벨 셀 개선 */
.mypage-payment-summary .costPop-weight-table .weight-label {background: #f8fafc; color: #64748b; font-size: 13px; font-weight: 600; padding: 11px 16px; white-space: nowrap; border-right: 1px solid #edf2f9;}
.mypage-payment-summary .costPop-weight-table .weight-label-empty {background: #fafbfc; color: #94a3b8; font-size: 13px; padding: 10px 16px 10px 28px; border-right: 1px solid #edf2f9;}
.mypage-payment-summary .costPop-weight-table .weight-value {font-weight: 600; color: #334155; padding: 11px 16px; font-size: 14px;}

/* 결제 정보 라벨 아이콘 */
.mypage-payment-summary .costInfor-label {display: flex; align-items: center; gap: 8px;}
.mypage-payment-summary .costInfor-label i {font-size: 14px; color: #64748b;}

/* 결제수단 섹션 */
.mypage-payment-method-container {background: #fafbff;}
.mypage-payment-method-container .costInfor-label {font-weight: 700; color: #374151; display: flex; align-items: center; gap: 8px;}
.mypage-payment-method-container .costInfor-label i {font-size: 14px; color: #64748b;}

/* 배지(valueSpan) 인디고 계열로 통일 */
.mypage-payment-summary .valueSpan,
.mypage-payment-method-container .valueSpan {background-color: #eef2ff; color: #4361ee; font-weight: 700; padding: 5px 12px;}

/* 포인트/쿠폰 레이블 */
.mypage-payment-point-label {background-color: #4361ee;}
.mypage-payment-coupon-label {background-color: #4361ee;}

/* 결제하기 버튼 영역 */
.mypage-payment-section .receive-button-group {margin-top: 0; padding: 0; border-top: none;}

/* 헬퍼 팝업 스타일 */
.helper-popup {position: relative; display: inline-block;}
.PAgency-titleArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.PAgency-titleArea h2,
.PAgency-titleArea p {margin: 0;}
.PAgency-titleArea-left {display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.helper-popup-tooltip {
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    width: 250px;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    z-index: 100;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    text-align: center;
    border: none;
    animation: fadeIn 0.3s ease;
}
.helper-popup-tooltip:before {
    content: '';
    position: absolute;
    top: -8px;
    right: 15px;
    width: 15px;
    height: 15px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.05);
}
.helper-popup-button {
    display: inline-block;
    margin-top: 12px;
    padding: 7px 15px;
    background: #473fa2;
    color: #fff;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease;
}
.helper-popup-button:hover {
    background: #3a3285;
}
@keyframes fadeIn {
    from {opacity: 0; transform: translateY(-10px);}
    to {opacity: 1; transform: translateY(0);}
}
@media screen and (max-width: 768px) {
    .PAgency-titleArea {flex-direction: column; align-items: flex-start;}
    .helper-popup {align-self: flex-end; margin-top: 10px;}
    .helper-popup-tooltip {right: auto; left: 0; width: 220px;}
    .helper-popup-tooltip:before {right: auto; left: 15px;}
}


/* 견적계산기 팝업 */
.estimateCal-content {padding: 24px 20px;}
/* 입력 폼 그리드 (2열) */
.estimateCal-form-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 14px; background: #f8f9fb; border: 1px solid #eaecf2; border-radius: 10px; padding: 20px 16px; margin-bottom: 20px;}
.estimateCal-form-item {display: flex; flex-direction: column; gap: 8px;}
.estimateCal-form-label {font-size: 14px; font-weight: 600; color: #444; padding: 4px 0 2px;}
.estimateCal-form-item .nomal-Select {width: 100%;}
.estimateCal-form-item .standardForm {margin: 0;}
/* 통관품목 검색 박스 */
.estimateCal-search-box {display: flex; gap: 6px; align-items: flex-end;}
.estimateCal-search-box .standardForm {flex: 1; margin: 0;}
.estimateCal-search-box .formBtm-style3 {flex-shrink: 0; height: 40px; padding: 0 14px; white-space: nowrap;}
/* 계산 버튼 */
.estimateCal-calc-btn-wrap {display: flex; justify-content: center; margin-bottom: 20px;}
.estimateCal-calc-btn {min-width: 200px;}
/* 결과 영역 */
.estimateCal-result-area {border: 1px solid #e2e5ec; border-radius: 10px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.05);}
.estimateCal-result-section {border-bottom: 1px solid #e2e5ec;}
.estimateCal-result-section:last-child {border-bottom: 0;}
.estimateCal-result-section-title {background: #f0f2f7; padding: 11px 18px; font-size: 14px; font-weight: 600; color: #444; border-bottom: 1px solid #e2e5ec; letter-spacing: -0.2px;}
.estimateCal-result-grid {display: grid; grid-template-columns: 1fr 1fr;}
.estimateCal-result-item {display: flex; flex-direction: column; gap: 5px; padding: 16px 18px; border-right: 1px solid #e2e5ec; border-bottom: 1px solid #e2e5ec;}
.estimateCal-result-item:last-child {border-right: 0;}
.estimateCal-result-total {display: flex; align-items: center; justify-content: space-between; padding: 13px 18px; background: #f8f9fb;}
.estimateCal-result-label {font-size: 13px; color: #999; font-weight: 400;}
.estimateCal-result-value {font-size: 15px; color: #222; font-weight: 600;}
.estimateCal-result-total .estimateCal-result-label {font-size: 14px; color: #333; font-weight: 600;}
.estimateCal-result-price {font-size: 18px; color: #2563eb; font-weight: 700;}
/* 하단 버튼 */
.estimateCal-footer {display: flex; justify-content: center; padding-top: 4px;}
@media screen and (max-width: 768px) {
	.estimateCal-content {padding: 16px;}
	.estimateCal-form-grid {grid-template-columns: 1fr; gap: 12px; padding: 14px 12px;}
	.estimateCal-search-box .formBtm-style3 {height: 40px; padding: 0 12px;}
	.estimateCal-calc-btn {width: 100%;}
	.estimateCal-result-grid {grid-template-columns: 1fr;}
	.estimateCal-result-item {border-right: 0;}
	.estimateCal-result-price {font-size: 15px;}
}












/* tr hidden */
tr.trHid td {display:none;}

/* 빈 공백 마진 */
.spaceHt10 {height:10px;}
.spaceHt20 {height:20px;}
.spaceHt30 {height:30px;}

/** text colors assigned to elements in various areas **/
.Yellow1 {color:#e8e4a2;}
.White1 {color:#fff;}
.bold {font-weight: bold; }
.Grey1 {color: #a9a9a9; }
.Green1 {color: green; }
.Black1 {color: #333; }
.Red1 {color: #ff0000; }
.Red2 {color: red; }
.Blue1 {color: #5050fa; }
.Blue2 {color: #0099ff; }
.Blue3 {color:#508db8;}
.Vora1 {color: #6633cc; }
.Orange1 {color: #ff8340; }
.marginBottom {margin-bottom: 50px;}
.marginBottom2 {margin-bottom: 30px;}
.marginTop {margin:30px;}
.contentCenter {text-align: center; display: flex; justify-content: center;}

/* ===== 마이페이지 탭 스타일 ===== */
.coustomer-balance-list .deliveryRate-wrap {border-bottom: none; margin-bottom: 24px; background: transparent; border-radius: 0; padding: 0; box-shadow: none;}
.coustomer-balance-list .deliveryRate-btns {justify-content: center; gap: 6px; margin: 0; padding: 0; background: transparent;}
.coustomer-balance-list .deliveryRate-btn {min-width: 120px; padding: 13px 28px; background: #fff; border: 1px solid #cbd5e1; border-radius: 20px; font-size: 15px; color: #64748b; font-weight: 500; transition: all 0.15s;}
.coustomer-balance-list .deliveryRate-btn:hover {background: #f1f5f9; border-color: #94a3b8; color: #1e293b;}
.coustomer-balance-list .deliveryRate-btn.active {background: #eef2ff; color: #3858e9; font-weight: 600; border-color: #c7d2fe; box-shadow: 0 3px 10px rgba(56,88,233,0.18);}
.coustomer-balance-list .deliveryRate-btn-divider {display: none;}
.coustomer-balance-list .balance-stat-bar {margin-top: 12px;}
.mypage-payment-tabs {display: flex; gap: 6px; justify-content: center; margin: 0 0 24px; padding: 0; border-bottom: none;}
.mypage-payment-tabs .deliveryRate-btn {min-width: 120px; padding: 13px 28px; background: #fff; border: 1px solid #cbd5e1; border-radius: 20px; font-size: 15px; color: #64748b; font-weight: 500; transition: all 0.15s;}
.mypage-payment-tabs .deliveryRate-btn:hover {background: #f1f5f9; border-color: #94a3b8; color: #1e293b;}
.mypage-payment-tabs .deliveryRate-btn.active {background: #eef2ff; color: #3858e9; font-weight: 600; border-color: #c7d2fe; box-shadow: 0 3px 10px rgba(56,88,233,0.18);}
.mypage-payment-tab-divider {display: none;}
.mypage-payment-tab-content.active {margin-top: 12px;}

/* ===== 결제 테이블 체크박스 SaaS 스타일 ===== */
.mypage-payment-table .Ani-checkbox {margin-top: 0; justify-content: center;}
.mypage-payment-table .Ani-checkbox .cbx span:first-child {width: 20px; height: 20px; border-radius: 5px; border: 2px solid #cbd5e1; margin-right: 0; margin-top: 0; transition: all 0.15s ease;}
.mypage-payment-table .Ani-checkbox .cbx:hover span:first-child {border-color: #3858e9;}
.mypage-payment-table .Ani-checkbox .inp-cbx:checked + .cbx span:first-child {background: #3858e9; border-color: #3858e9; animation: none;}
.mypage-payment-table .Ani-checkbox .cbx span:first-child svg {top: 4px; left: 3px; stroke-width: 2.5;}
.mypage-payment-table .Ani-checkbox .cbx span:nth-child(2) {font-size: 13px; color: #475569; margin-left: 8px;}
.mypage-payment-th .Ani-checkbox {margin-top: 0;}
.mypage-payment-th .Ani-checkbox .cbx span:nth-child(2) {color: #fff;}
.mypage-payment-th .Ani-checkbox .cbx span:first-child {border-color: rgba(255,255,255,0.7);}
.mypage-payment-th .Ani-checkbox .cbx:hover span:first-child {border-color: #fff;}

/* ===== 검색 필터 패널 ===== */
.saas-filter-panel {background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 18px; margin-bottom: 16px; overflow-x: auto;}
.saas-filter-row {display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; min-width: max-content;}
.saas-filter-row .track_search_date {display: flex; align-items: center; gap: 4px; flex-shrink: 0;}
.saas-filter-row .mypage-select-box {flex: 0 0 auto; width: auto;}
.saas-filter-row .mypage-select-box select {height: 38px; width: auto; min-width: 130px;}
.saas-filter-row .standardForm {flex: 0 0 150px; width: 150px;}
/* 검색 입력폼 폭 확대 — 컨테이너(Bbs_L/Nodata_L) + 마커클래스(.search-wide) 대상 페이지 */
.coustomerCenter-list .saas-filter-row .standardForm,
.nodata-container .saas-filter-row .standardForm,
.saas-filter-row .standardForm.search-wide {flex: 0 0 500px; width: 500px;}
@media (max-width: 768px) {
    /* 필터 패널 모바일: 세로 스택 */
    .saas-filter-panel {padding: 12px 14px; overflow-x: visible;}
    .saas-filter-row {flex-wrap: wrap; min-width: 0; align-items: center;}
    .saas-filter-row .track_search_date {width: 100%; flex-shrink: 1;}
    .saas-filter-row .mypage-select-box {flex: 1 1 auto; min-width: calc(50% - 5px);}
    .saas-filter-row .mypage-select-box select {width: 100%; min-width: 0;}
    .saas-filter-row .standardForm {flex: 1 1 auto; width: auto;}
    .coustomerCenter-list .saas-filter-row .standardForm,
    .nodata-container .saas-filter-row .standardForm,
    .saas-filter-row .standardForm.search-wide {flex: 1 1 auto; width: auto;}
    .saas-filter-row span.total-count {width: 100%; padding: 0 4px 4px; font-size: 15px !important;}
    .saas-filter-row .formBtm-style3 {flex: 1;}
    /* 탭 버튼 모바일 */
    .coustomer-balance-list .deliveryRate-btn {min-width: 90px; padding: 10px 16px; font-size: 14px;}
    .mypage-payment-tabs .deliveryRate-btn {min-width: 90px; padding: 10px 16px; font-size: 14px;}
}
@media (max-width: 480px) {
    .saas-filter-row .mypage-select-box {flex: 0 0 100%;}
    .saas-filter-row .standardForm {flex: 0 0 100%; width: 100%;}
    .coustomerCenter-list .saas-filter-row .standardForm,
    .nodata-container .saas-filter-row .standardForm,
    .saas-filter-row .standardForm.search-wide {flex: 0 0 100%; width: 100%;}
    .coustomer-balance-list .deliveryRate-btn {min-width: 0; flex: 1; padding: 9px 10px; font-size: 13px;}
    .mypage-payment-tabs .deliveryRate-btn {min-width: 0; flex: 1; padding: 9px 10px; font-size: 13px;}
    .coustomer-balance-list .deliveryRate-btns {width: 100%;}
    .mypage-payment-tabs {width: 100%;}
}

/* ===== 결제수단 라디오 카드 스타일 (Buy_W.asp saas-wizard 동일) ===== */
.saas-radio-group {display: flex; flex-wrap: wrap; gap: 10px;}
.saas-radio-group .nomalRadio-label {position: relative; display: inline-flex; align-items: center; gap: 4px; cursor: pointer; padding: 11px 16px; background: #f8fafc; border: 2px solid #e2e8f0; border-radius: 10px; min-width: 100px; justify-content: center; transition: all 0.18s ease; margin: 0;}
.saas-radio-group .nomalRadio-label:hover {border-color: #3858e9; background: #eef1ff;}
.saas-radio-group .nomalRadio-input {position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;}
.saas-radio-group .nomalRadio-label:has(.nomalRadio-input:checked) {background: #3858e9; border-color: #3858e9; box-shadow: 0 4px 14px rgba(56,88,233,0.28);}
.saas-radio-group .nomalRadio-label:has(.nomalRadio-input:checked):hover {background: #2b47d4; border-color: #2b47d4;}
.saas-radio-group .nomalRadio-text {font-size: 15px; font-weight: 600; color: #475569; transition: color 0.18s ease; padding-left: 0;}
.saas-radio-group .nomalRadio-text:before, .saas-radio-group .nomalRadio-text:after {display: none;}
.saas-radio-group .nomalRadio-input:checked + .nomalRadio-text {color: #fff;}
.saas-radio-group .nomalRadio-label::before {content: '✓'; font-size: 13px; font-weight: 700; color: #cbd5e1;}
.saas-radio-group .nomalRadio-label:has(.nomalRadio-input:checked)::before {color: #fff;}
@media (max-width: 768px) {
    .saas-radio-group {gap: 8px;}
    .saas-radio-group .nomalRadio-label {min-width: 110px; padding: 9px 18px; flex: 1;}
    .saas-radio-group .nomalRadio-text {font-size: 14px;}
    .memInf-agreement-row .saas-radio-group {flex-shrink: 1; width: 100%; min-width: 0;}
    .memInf-agreement-row .saas-radio-group .nomalRadio-label {min-width: 0;}
}



/* ===== Payment_W 결제정보 영역 - 새 레이아웃 ===== */

/* 2열 레이아웃 */
.pay-summary-columns {display: flex; gap: 20px; align-items: stretch; margin-top: 24px; margin-bottom: 60px;}

/* 좌측 카드: 결제정보 */
.pay-info-card {flex: 1; min-width: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 24px; box-shadow: 0 2px 10px rgba(15,23,42,0.06); display: flex; flex-direction: column;}
.pay-info-card .pay-total-box {flex-shrink: 0;}
.pay-info-card .pay-breakdown-box {flex: 1; margin-bottom: 0; display: flex; flex-direction: column; justify-content: space-between;}
.pay-info-card .pay-breakdown-box .pay-breakdown-row {flex: 1; align-items: center;}

/* 우측 카드: 결제수단 */
.pay-method-card {width: 560px; flex-shrink: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 24px 24px 4px; box-shadow: 0 2px 10px rgba(15,23,42,0.06); display: flex; flex-direction: column; gap: 16px;}
.pay-method-card .receive-button-group {margin-top: auto; padding-top: 8px; padding-bottom: 0;}
.pay-method-card .receive-button-group .formBtm-style4 {width: 60%; height: 62px; padding: 0 24px; font-size: 18px; justify-content: center;}

/* 카드 타이틀 */
.pay-card-title {font-size: 16px; font-weight: 700; color: #1e293b; margin: 0 0 20px; padding-bottom: 14px; border-bottom: 2px solid #f1f5f9; display: flex; align-items: center; gap: 8px;}
.pay-card-title i {color: #4361ee; font-size: 15px;}

@media (max-width: 900px) {
    .pay-summary-columns {flex-direction: column;}
    .pay-method-card {width: 100%;}
    .pay-method-card .receive-button-group .formBtm-style4 {width: 100%;}
}

/* 최종 결제금액 박스 */
.pay-total-box {display: flex; align-items: center; justify-content: space-between; background: #f8fafc; border: 1.5px solid #cbd5e1; border-radius: 12px; padding: 20px 24px; margin-bottom: 20px;}
.pay-total-left {display: flex; align-items: center; gap: 12px; font-size: 17px; font-weight: 700; color: #334155;}
.pay-total-left i {font-size: 22px; color: #4361ee;}
.pay-total-right {display: flex; align-items: baseline; gap: 8px;}
.pay-total-currency {font-size: 16px; font-weight: 700; color: #64748b;}
.pay-total-amount {font-size: 34px; font-weight: 800; color: #1e293b; letter-spacing: -1px;}

/* 결제 내역 breakdown */
.pay-breakdown-box {background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 0; margin-bottom: 20px; overflow: hidden;}
.pay-breakdown-row {display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid #f1f5f9;}
.pay-breakdown-row:last-child {border-bottom: none;}
.pay-breakdown-row.sub {background: #f8fafc; padding-left: 32px;}
.pay-breakdown-label {font-size: 15px; color: #475569; font-weight: 600;}
.pay-breakdown-row.sub .pay-breakdown-label {color: #64748b; font-size: 14px; font-weight: 500;}
.pay-breakdown-value {font-size: 16px; font-weight: 700; color: #1e293b;}
.pay-breakdown-row.sub .pay-breakdown-value {font-size: 15px;}
.pay-breakdown-value.minus {color: #b45309;}

/* 결제수단 박스 */
.pay-method-box {border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; margin-bottom: 20px;}
.pay-method-header {display: flex; align-items: center; gap: 10px; background: #f1f5f9; padding: 15px 20px; font-size: 16px; font-weight: 700; color: #1e293b; border-bottom: 1px solid #e2e8f0;}
.pay-method-header i {color: #4361ee; font-size: 16px;}
.pay-method-body {padding: 20px; display: flex; flex-direction: column; gap: 16px;}
.pay-method-radio {}

/* 무통장 계좌 정보 */
.pay-bank-info {background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 0; overflow: hidden;}
.pay-bank-row {display: flex; align-items: center; padding: 12px 18px; border-bottom: 1px solid #f1f5f9;}
.pay-bank-row:last-child {border-bottom: none;}
.pay-bank-label {min-width: 90px; font-size: 13px; font-weight: 700; color: #94a3b8; flex-shrink: 0; text-transform: uppercase; letter-spacing: 0.3px;}
.pay-bank-value {font-size: 16px; font-weight: 700; color: #1e293b;}
.pay-bank-divider {border: none; border-top: 1px solid #e2e8f0; margin: 4px 0;}

/* 입금자명 영역 */
.pay-depositor {display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.pay-depositor .standardForm {flex: 1; min-width: 180px; margin: 0;}

/* 예치금 정보 */
.pay-deposit-info {background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 10px; padding: 0; overflow: hidden;}
.pay-deposit-info .pay-bank-row {border-bottom: none;}
.pay-deposit-info .pay-bank-value {color: #334155; font-size: 18px;}

@media (max-width: 900px) {
    .pay-summary-columns {flex-direction: column;}
    .pay-summary-right {width: 100%;}
}
@media (max-width: 768px) {
    .pay-total-box {flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px 18px;}
    .pay-total-amount {font-size: 26px;}
    .pay-total-left {font-size: 15px;}
    .pay-breakdown-row {padding: 12px 16px;}
    .pay-breakdown-row.sub {padding-left: 24px;}
    .pay-method-body {padding: 16px;}
    .pay-depositor {flex-direction: column; align-items: stretch;}
    .pay-depositor .standardForm {min-width: unset;}
    .pay-depositor .formBtm-style3 {width: 100%;}
}


/* =========================================
   노데이터 (NoData_L.asp)
   ========================================= */
.nodata-section {width: 100%; padding: 0;}
.nodata-container {max-width: 1400px; margin: 0 auto; padding: 0 20px 40px;}

/* 카드 그리드 */
.nodata-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
    margin-top: 18px;
}

/* 카드 */
.nodata-card {
    position: relative;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(56,88,233,0.06);
    overflow: hidden;
    transition: box-shadow 0.2s, transform 0.2s;
    display: flex;
    flex-direction: column;
}
.nodata-card:hover {
    box-shadow: 0 6px 20px rgba(56,88,233,0.13);
    transform: translateY(-2px);
}

/* 이미지 영역 */
.nodata-card-img {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #f1f5f9;
}
.nodata-card-img a {display: block; width: 100%; height: 100%;}
.nodata-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s;
}
.nodata-card-img:hover img {transform: scale(1.05);}

/* 카드 바디 */
.nodata-card-body {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

/* 상태 배지 */
.nodata-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    background: rgba(255,255,255,0.94);
    color: #d97706;
    border: 1px solid #fde68a;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(15,23,42,0.16);
}

/* 필드 행 */
.nodata-field {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
/* 트래킹번호 — 카드 정보의 주인공 블록 (옅은 블루 패널) */
.nodata-field:has(.nodata-trk) {
    gap: 3px;
    padding: 10px 12px;
    background: #f4f6ff;
    border: 1px solid #e3e8ff;
    border-radius: 8px;
    transition: background 0.2s, border-color 0.2s;
}
.nodata-card:hover .nodata-field:has(.nodata-trk) {background: #eaeefe; border-color: #c9d3fb;}
/* 나머지 항목 — 라벨 좌 / 값 우 + 점선 구분 */
.nodata-field:not(:has(.nodata-trk)) {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 2px 10px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #e8edf4;
}
.nodata-field:not(:has(.nodata-trk)):last-child {padding-bottom: 0; border-bottom: 0;}
.nodata-field:not(:has(.nodata-trk)) .nodata-label {flex: 0 0 auto;}
.nodata-field:not(:has(.nodata-trk)) .nodata-value {margin-left: auto; text-align: right; word-break: normal; overflow-wrap: anywhere;}
.nodata-label {
    font-size: 13px;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 4px;
}
.nodata-label i {font-size: 12px; color: #b0bccd;}
.nodata-field:has(.nodata-trk) .nodata-label i {color: #3858e9;}
.nodata-value {
    font-size: 15px;
    color: #1e293b;
    font-weight: 600;
    word-break: break-all;
}
.nodata-trk {
    font-family: 'Consolas', 'Courier New', monospace;
    font-weight: 700;
    color: #3858e9;
    font-size: 16px;
}

/* 빈 상태 */
.nodata-empty {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #94a3b8;
    gap: 12px;
}
.nodata-empty i {font-size: 48px; color: #cbd5e1;}
.nodata-empty span {font-size: 15px; color: #94a3b8;}

/* 반응형 */
@media (max-width: 1200px) {
    .nodata-grid {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 900px) {
    .nodata-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 640px) {
    .nodata-grid {grid-template-columns: repeat(2, 1fr); gap: 12px;}
    .nodata-card-body {padding: 12px 14px 14px;}
    .nodata-label {font-size: 12px;}
    .nodata-value {font-size: 14px;}
    .nodata-trk {font-size: 15px;}
}
@media (max-width: 400px) {
    .nodata-grid {grid-template-columns: 1fr;}
}


/* =========================================
   사이트맵 (SiteMap.asp)
   ========================================= */
.sitemap-section {padding: 10px 0 60px;}
.sitemap-container {max-width: 1200px; margin: 0 auto; padding: 0 20px;}

/* 헤더 */
.sitemap-header {
    display: flex; align-items: center; gap: 14px;
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f1f5f9;
}
.sitemap-icon {
    width: 46px; height: 46px;
    background: linear-gradient(135deg, #3858e9, #6366f1);
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 12px rgba(56,88,233,0.3);
    flex-shrink: 0;
}
.sitemap-icon i {color: #fff; font-size: 18px;}
.sitemap-title {font-size: 24px; font-weight: 700; color: #1e293b; margin: 0;}

/* 그리드 */
.sitemap-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* 카드 공통 */
.sitemap-group {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(15,23,42,0.07);
    border-top: 4px solid #e2e8f0;
    transition: transform 0.2s, box-shadow 0.2s;
}
.sitemap-group:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(15,23,42,0.12);
}

/* 색상 테마 - 상단 border + 아이콘 배경 */
.sitemap-group.color-blue  {border-top-color: #3858e9;}
.sitemap-group.color-indigo {border-top-color: #6366f1;}
.sitemap-group.color-cyan  {border-top-color: #06b6d4;}
.sitemap-group.color-violet {border-top-color: #8b5cf6;}
.sitemap-group.color-amber {border-top-color: #f59e0b;}
.sitemap-group.color-green {border-top-color: #10b981;}
.sitemap-group.color-slate {border-top-color: #64748b;}

.sitemap-group.color-blue  .sitemap-group-icon {background: #eef2ff;}
.sitemap-group.color-indigo .sitemap-group-icon {background: #eef2ff;}
.sitemap-group.color-cyan  .sitemap-group-icon {background: #ecfeff;}
.sitemap-group.color-violet .sitemap-group-icon {background: #f5f3ff;}
.sitemap-group.color-amber .sitemap-group-icon {background: #fffbeb;}
.sitemap-group.color-green .sitemap-group-icon {background: #ecfdf5;}
.sitemap-group.color-slate .sitemap-group-icon {background: #f8fafc;}

.sitemap-group.color-blue  .sitemap-group-icon i {color: #3858e9;}
.sitemap-group.color-indigo .sitemap-group-icon i {color: #6366f1;}
.sitemap-group.color-cyan  .sitemap-group-icon i {color: #06b6d4;}
.sitemap-group.color-violet .sitemap-group-icon i {color: #8b5cf6;}
.sitemap-group.color-amber .sitemap-group-icon i {color: #f59e0b;}
.sitemap-group.color-green .sitemap-group-icon i {color: #10b981;}
.sitemap-group.color-slate .sitemap-group-icon i {color: #64748b;}

/* hover 색상 테마 */
.sitemap-group.color-blue  .sitemap-list li a:hover {color: #3858e9; background: #f0f4ff;}
.sitemap-group.color-indigo .sitemap-list li a:hover {color: #6366f1; background: #f0f0ff;}
.sitemap-group.color-cyan  .sitemap-list li a:hover {color: #06b6d4; background: #ecfeff;}
.sitemap-group.color-violet .sitemap-list li a:hover {color: #8b5cf6; background: #f5f3ff;}
.sitemap-group.color-amber .sitemap-list li a:hover {color: #d97706; background: #fffbeb;}
.sitemap-group.color-green .sitemap-list li a:hover {color: #10b981; background: #ecfdf5;}
.sitemap-group.color-slate .sitemap-list li a:hover {color: #475569; background: #f8fafc;}

/* 타이틀 */
.sitemap-group-title {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 20px 14px;
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    border-bottom: 1px solid #f1f5f9;
}
.sitemap-group-icon {
    width: 34px; height: 34px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.sitemap-group-icon i {font-size: 14px;}

/* 리스트 */
.sitemap-list {list-style: none; margin: 0; padding: 10px 0 14px;}
.sitemap-list li {margin: 0;}
.sitemap-list li a {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 20px;
    font-size: 14px;
    color: #475569;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, padding-left 0.15s;
    border-radius: 0;
}
.sitemap-list li a i {font-size: 9px; color: #cbd5e1; flex-shrink: 0; transition: color 0.15s;}
.sitemap-list li a:hover {padding-left: 26px;}
.sitemap-list li a:hover i {color: inherit;}

@media (max-width: 1024px) {
    .sitemap-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 768px) {
    .sitemap-section {padding: 24px 0 40px;}
    .sitemap-container {padding: 0 14px;}
    .sitemap-grid {grid-template-columns: repeat(2, 1fr); gap: 14px;}
    .sitemap-title {font-size: 20px;}
    .sitemap-icon {width: 40px; height: 40px;}
    .sitemap-icon i {font-size: 16px;}
}
@media (max-width: 480px) {
    .sitemap-grid {grid-template-columns: 1fr;}
}

/* ── Order List (Order_L) SaaS Design ──────────────────────────────────── */
.ol-page-header{width:100%;max-width:1516px;margin:0 auto;padding:20px 0 16px;border-bottom:1px solid #e9eaeb;margin-bottom:20px;}
.ol-page-title{font-size:20px;font-weight:700;color:#1a1d23;display:flex;align-items:center;gap:8px;margin:0;}
.ol-page-title i{color:#0284c7;}
.ol-page-subtitle{font-size:13px;color:#8a93a2;margin:5px 0 0;}
/* Filter Card */
/* overflow:visible — 진행상태 드롭다운 패널이 카드 경계에서 잘리지 않도록. 헤더 라운딩은 직접 지정.
   position/z-index — ol-fadeUp 애니메이션 때문에 카드·툴바·테이블이 각각 스태킹 컨텍스트를 만든다.
   카드 컨텍스트를 뒤 형제들 위로 올려야 패널이 툴바/테이블에 가려지지 않는다. */
.ol-filter-card{position:relative;z-index:20;width:100%;max-width:1516px;margin:0 auto 20px;background:#fff;border:1px solid #e8eaef;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 28px -18px rgba(16,24,40,.18);overflow:visible;}
.ol-filter-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:13px 20px;background:#fbfcfd;border-bottom:1px solid #eef0f4;border-radius:12px 12px 0 0;}
.ol-filter-head-left{display:flex;align-items:center;gap:12px;min-width:0;}
/* 폭 고정 — 기본 표시가 안내 옵션("= 페이지수")이라 그 길이에 맞춘다 */
.ol-head-select{height:30px;width:106px;min-width:106px;font-size:12.5px;color:#475467;border:1px solid #e1e5ec;border-radius:7px;padding:0 26px 0 10px;background-color:#fff;background-position:right 8px center;}
.ol-head-select:hover{border-color:#cfd6e0;}
.ol-head-select:focus{border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.12);}
.ol-filter-title{font-size:15px;font-weight:600;color:#344054;display:flex;align-items:center;gap:7px;letter-spacing:-.2px;}
.ol-filter-title i{color:#98a2b3;font-size:13px;}
.ol-filter-toggle{background:none;border:1px solid #e5e8ee;border-radius:7px;width:28px;height:28px;cursor:pointer;color:#98a2b3;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s,color .15s,border-color .15s;}
.ol-filter-toggle:hover{background:#f4f6f9;color:#475467;border-color:#d9dee7;}
/* 필터 카드 내부 공통 컨트롤 언어 : height 40 / radius 8 / border #dfe3ea
   파랑(#0284c7)은 검색 버튼과 포커스에만 사용 — 보조 컨트롤은 무채색 유지 */
.ol-date-range-group{display:flex;align-items:center;gap:2px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;height:40px;padding:0 4px 0 3px;transition:border-color .15s,box-shadow .15s;}
.ol-date-range-group:hover{border-color:#cfd6e0;}
.ol-date-range-group:focus-within{border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.12);}
.ol-date-sep{color:#c2c8d2;padding:0 2px;flex-shrink:0;line-height:1;}
/* 기간 기준(신청일/출고일) 세그먼트 : 회색 트레이 위 흰 칩 */
.ol-date-type{position:relative;display:flex;align-items:center;gap:2px;height:32px;padding:3px;margin-right:4px;background:#f1f3f7;border-radius:6px;flex-shrink:0;}
.ol-date-type input[type="radio"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.ol-date-type label{display:flex;align-items:center;height:100%;padding:0 9px;font-size:12.5px;font-weight:500;color:#6b7280;background:transparent;border-radius:5px;white-space:nowrap;cursor:pointer;transition:color .15s,background .15s,box-shadow .15s;}
.ol-date-type label:hover{color:#344054;}
.ol-date-type input[type="radio"]:checked + label{background:#fff;color:#0f172a;font-weight:600;box-shadow:0 1px 2px rgba(16,24,40,.10);}
.ol-date-type input[type="radio"]:focus-visible + label{box-shadow:0 0 0 2px #0284c7;}
.ol-filter-date-wrap .track_datepicker{border:none;border-radius:0;background:transparent;display:flex;align-items:center;height:100%;padding:0 4px;}
.ol-filter-date-wrap .date-picker{border:none;padding:0 1px;font-size:13.5px;color:#344054;height:100%;width:80px;background:transparent;cursor:pointer;}
.ol-filter-date-wrap .date-picker:focus{outline:none;}
.ol-filter-date-wrap .ui-datepicker-trigger{background:none;border:none;padding:0;margin:0 0 0 2px;cursor:pointer;display:flex;align-items:center;flex-shrink:0;opacity:.45;transition:opacity .15s;}
.ol-date-range-group:hover .ui-datepicker-trigger,.ol-date-range-group:focus-within .ui-datepicker-trigger{opacity:.85;}
.ol-filter-date-wrap .ui-datepicker-trigger img{display:block;width:15px;height:15px;}
.ol-filter-body{padding:16px 20px 20px;}
.ol-filter-body.hidden{display:none;}
.ol-filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;}
/* 좌(조건 셀렉트 + 기간) / 우(텍스트 입력) 2단. 폭이 모자라면 우측 단이 아래로 내려간다 */
.ol-filter-cols{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px;}
/* min-width:0 — 440px 를 최소폭으로 잡으면 소형 모바일에서 카드가 가로로 넘친다.
   flex-basis 440px 만으로도 898px 미만에서 우측 단이 아래로 내려간다. */
.ol-filter-col-left{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:10px;}
.ol-filter-col-left>.ol-filter-selects,.ol-filter-col-left>.ol-filter-date-wrap{flex:0 0 auto;}
/* 날짜 줄을 좌측 단 폭에 꽉 채운다 : 기간버튼은 고유 폭 유지, 남는 폭은 날짜범위 그룹이 흡수 */
.ol-filter-col-left>.ol-filter-date-wrap{width:100%;min-width:0;}
.ol-filter-col-left .ol-date-range-group{flex:1 1 auto;min-width:0;}
.ol-filter-col-left .ol-date-range-group .track_datepicker{flex:1 1 auto;min-width:0;justify-content:center;}
.ol-filter-col-left .ol-date-range-group .date-picker{width:100%;min-width:0;text-align:center;}
.ol-filter-col-left .ol-period-btns{flex:0 0 auto;}
.ol-filter-col-right{flex:1 1 440px;min-width:0;}
.ol-filter-col-right>.ol-filter-inputs{margin-bottom:0;}
.ol-filter-selects{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0;}
.ol-filter-selects .nomal-Select{flex:1 1 116px;min-width:116px;max-width:184px;height:40px;font-size:13.5px;font-weight:400;color:#344054;border:1px solid #dfe3ea;border-radius:8px;padding:0 28px 0 11px;background-position:right 9px center;transition:border-color .15s,box-shadow .15s;}
.ol-filter-selects .nomal-Select:hover{border-color:#cfd6e0;}
.ol-filter-selects .nomal-Select:focus{border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.12);}
/* 진행상태 : 전체 상태를 그룹 분류로 펼쳐 보여주는 드롭다운.
   원본 select 는 숨긴 채 값만 동기화하므로 전송 파라미터(sStateSeq)는 그대로다. */
.ol-statepick{position:relative;flex:1 1 130px;min-width:130px;max-width:184px;}
.ol-statepick-native{display:none;}
.ol-statepick-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:40px;padding:0 11px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;font-size:13.5px;font-weight:400;color:#344054;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s;}
.ol-statepick-btn:hover{border-color:#cfd6e0;}
.ol-statepick.is-open .ol-statepick-btn{border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.12);}
.ol-statepick-txt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ol-statepick-btn i{flex-shrink:0;font-size:11px;color:#98a2b3;transition:transform .15s;}
.ol-statepick.is-open .ol-statepick-btn i{transform:rotate(180deg);}
/* width:max-content — 그룹 컬럼 수에 딱 맞는 폭. 1688 컬럼이 늘면 패널도 그만큼 넓어진다 */
.ol-statepick-panel{display:none;position:absolute;z-index:60;top:calc(100% + 6px);left:0;width:max-content;max-width:calc(100vw - 48px);padding:14px;background:#fff;border:1px solid #e5e8ee;border-radius:10px;box-shadow:0 12px 32px -8px rgba(16,24,40,.22);}
.ol-statepick.is-open .ol-statepick-panel{display:block;}
.ol-statepick-cols{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:flex-start;}
.ol-statepick-col{flex:0 0 auto;min-width:150px;}
.ol-statepick-gnm{padding:5px 9px;margin-bottom:4px;font-size:15px;font-weight:700;color:#0f172a;border-bottom:1px solid #eef0f4;}
.ol-statepick-item{display:block;width:100%;padding:6px 9px;border:none;border-radius:6px;background:transparent;font-size:14px;color:#475467;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .12s,color .12s;}
.ol-statepick-item:hover{background:#eff8ff;color:#0f172a;}
.ol-statepick-item.is-active{background:#0284c7;color:#fff;font-weight:600;}
/* 모바일 : 커스텀 패널을 끄고 원래의 네이티브 셀렉트로 되돌린다 */
@media (max-width: 768px) {
	.ol-statepick{max-width:none;width:100%;}
	.ol-statepick .ol-statepick-btn{display:none;}
	.ol-statepick .ol-statepick-panel,
	.ol-statepick.is-open .ol-statepick-panel{display:none;}
	.ol-statepick .ol-statepick-native{display:block;width:100%;}
}
.ol-filter-date-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
/* 기간 단축버튼 : 붙은 세그먼트 그룹으로 묶어 날짜박스와 높이·라운드 통일 */
.ol-period-btns{display:inline-flex;height:40px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;overflow:hidden;}
.ol-period-btn{padding:0 13px;border:none;border-left:1px solid #eceff3;border-radius:0;font-size:12.5px;font-weight:500;color:#5b6472;background:#fff;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;}
.ol-period-btn:first-child{border-left:none;}
.ol-period-btn:hover{background:#f4f6f9;color:#0f172a;}
.ol-period-btn:active{background:#eaeef3;}
.ol-period-btn.is-active{background:#eff8ff;color:#0284c7;font-weight:600;}
.ol-filter-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:14px;}
.ol-filter-actions{display:flex;justify-content:center;padding-top:14px;border-top:1px solid #eef0f4;margin-top:6px;}
.ol-search-btn{height:40px;background:#0284c7;color:#fff;border:none;border-radius:8px;padding:0 26px;font-size:13.5px;font-weight:600;letter-spacing:-.2px;cursor:pointer;display:flex;align-items:center;gap:7px;box-shadow:0 1px 2px rgba(16,24,40,.06);transition:background .15s,box-shadow .15s;}
.ol-search-btn:hover{background:#0369a1;box-shadow:0 3px 8px -2px rgba(2,132,199,.4);}
.ol-search-btn:active{background:#02659a;box-shadow:none;}
.ol-search-btn:focus-visible{outline:2px solid #0284c7;outline-offset:2px;}
/* Toolbar */
.ol-table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-bottom:10px;flex-wrap:wrap;gap:8px;}
.ol-toolbar-left,.ol-toolbar-right{display:flex;gap:6px;flex-wrap:wrap;}
/* Table Wrap */
.ol-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:clip;box-shadow:0 1px 4px rgba(0,0,0,.06);width:100%;box-sizing:border-box;}
.ol-table-wrap .dashboard-table{border:none;max-width:100%;}
.ol-table-wrap .dashboard-table>thead>tr{background:#109ddd;}
.ol-table-wrap .dashboard-table>thead>tr>th{background:#109ddd;border-bottom:1px solid #0d8bc4;font-size:14px;font-weight:600;color:#fff;letter-spacing:0;padding:0 8px;height:48px;}
.ol-table-wrap .dashboard-table tbody td{border-bottom:1px solid #f0f1f3;}
/* ── Order List 페이지 진입 애니메이션 ───────────────────────────────── */
@keyframes ol-fadeDown {
    from { opacity:0; transform:translateY(-18px); }
    to   { opacity:1; transform:translateY(0); }
}
@keyframes ol-fadeUp {
    from { opacity:0; transform:translateY(22px); }
    to   { opacity:1; transform:translateY(0); }
}
.dashboard-top-bar {
    animation: ol-fadeDown 0.45s cubic-bezier(.22,.68,0,1.2) 0.05s both;
}
.mypage-category-item {
    animation: ol-fadeUp 0.42s cubic-bezier(.22,.68,0,1.2) both;
}
.mypage-category-item:nth-child(1) { animation-delay:0.18s; }
.mypage-category-item:nth-child(2) { animation-delay:0.26s; }
.mypage-category-item:nth-child(3) { animation-delay:0.34s; }
.mypage-category-item:nth-child(4) { animation-delay:0.42s; }
.mypage-category-item:nth-child(5) { animation-delay:0.50s; }
.mypage-category-item:nth-child(6) { animation-delay:0.58s; }
.ol-filter-card {
    animation: ol-fadeUp 0.42s cubic-bezier(.22,.68,0,1.2) 0.62s both;
}
.ol-table-toolbar {
    animation: ol-fadeUp 0.42s cubic-bezier(.22,.68,0,1.2) 0.70s both;
}
.ol-table-wrap {
    animation: ol-fadeUp 0.42s cubic-bezier(.22,.68,0,1.2) 0.76s both;
}
@media (max-width: 768px) {
    .ol-filter-date-wrap { width: 100%; }
    .ol-date-range-group { width: 100%; }
    .ol-filter-date-wrap .track_datepicker { flex: 1; min-width: 0; }
    .ol-filter-date-wrap .date-picker { width: 100%; min-width: 0; }
    .ol-date-type label { padding: 0 8px; font-size: 12px; }
    .ol-filter-selects .nomal-Select { max-width: none; }
    .ol-period-btns { width: 100%; }
    .ol-period-btn { flex: 1; text-align: center; }
    .ol-search-btn { width: 100%; justify-content: center; }
    /* 좌/우 단을 세로로 쌓는다 */
    .ol-filter-cols { gap: 12px; }
    .ol-filter-col-left, .ol-filter-col-right { flex: 1 1 100%; min-width: 0; }
    .ol-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .ol-table-wrap .dashboard-table { min-width: 980px; }
    .ol-table-toolbar { flex-direction: column; align-items: stretch; }
    .ol-toolbar-right { order: 1; display: flex; justify-content: center; gap: 8px; }
    .ol-toolbar-right .formBtm-style3 { flex: 1; text-align: center; justify-content: center; }
    .ol-toolbar-left { order: 2; display: flex; justify-content: center; }
}

/* 소형 모바일 (~480px) : 검색필터 여백 축소 + 날짜 박스 2줄 분할 */
@media (max-width: 480px) {
	.ol-filter-header { padding: 11px 12px; }
	.ol-filter-title { font-size: 14px; }
	.ol-filter-head-left { gap: 8px; }
	.ol-head-select { width: 96px; min-width: 96px; }
	.ol-filter-body { padding: 14px 12px 16px; }
	.ol-filter-actions { padding-top: 12px; }
	/* 신청일/출고일 토글을 날짜 박스 안에서 윗줄로 내려 날짜 입력 폭을 확보한다.
	   height:auto 로 감싸는 순간 자식의 height:100% 기준이 사라지므로
	   track_datepicker / date-picker 에 실제 높이를 직접 준다. (안 주면 글자 높이로 찌부러짐) */
	.ol-date-range-group { flex-wrap: wrap; height: auto; padding: 6px; gap: 6px; }
	.ol-date-type { width: 100%; height: 34px; margin-right: 0; }
	.ol-date-type label { flex: 1; justify-content: center; font-size: 13px; }
	.ol-filter-date-wrap .track_datepicker { height: 38px; padding: 0 4px; }
	.ol-filter-date-wrap .date-picker { height: 38px; font-size: 14px; }
	.ol-filter-date-wrap .ui-datepicker-trigger img { width: 17px; height: 17px; }
	.ol-period-btns { height: 42px; }
	.ol-filter-inputs { grid-template-columns: repeat(2, 1fr); gap: 8px; }
}






/* 통관스케줄 달력 팝업 */
.customs-schedule {max-width: 700px; margin: 0 auto; padding: 10px;}
.calendar-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.calendar-header button {width: 32px; height: 32px; border: 1px solid #e0e0e0; background: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 12px; color: #666;}
.calendar-header button:hover {background: #f5f5f5;}
.calendar-month {font-size: 16px; font-weight: 500; color: #333;}
.calendar-table {width: 100%; border-collapse: collapse; border: 1px solid #e0e0e0;}
.calendar-table th {padding: 12px 0; text-align: center; font-size: 13px; font-weight: 500; color: #333; border: 1px solid #e0e0e0; background: #f9f9f9;}
.calendar-table th.sunday {color: #f54242;}
.calendar-table td {position: relative; padding: 20px 0; text-align: center; font-size: 14px; border: 1px solid #e0e0e0; cursor: pointer; height: 60px; vertical-align: top; padding-top: 12px;}
.calendar-table td:hover {background: #f9f9f9;}
.calendar-table td.other-month {color: #ccc;}
.calendar-table td.sunday {color: #f54242;}
.calendar-table td.saturday {color: #40a5f7;}
.calendar-table td.today {background: #e8f4ff;}
.calendar-table td.has-data::after {content: ''; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; border-radius: 50%; background: #4a90e2;}
.calendar-detail {margin-top: 20px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 4px; min-height: 100px;}
.calendar-detail-empty {line-height:1.2em;}
.calendar-detail-empty p.Row {margin-top:15px;}
.calendar-detail-empty p.Row:first-child {margin-top:0px;}
.calendar-detail-empty .Tit {color:#444;}
.calendar-detail-empty p.Cont {margin-top:8px; padding-left: 10px; color:#666; }

.calendar-detail-content {display: none; font-size: 14px; line-height: 1.6; color: #333;}
.calendar-detail-content.active {display: block;}
/* =========================================
   통관스케줄 별도팝업 (CtmsSchedule_S.asp)
   — 시뮬 csched-modal(mt1) 디자인 이식, .csched-pop 스코프
   ========================================= */
.csched-pop-body {background: #f4f7fa; padding: 16px;}
.csched-pop {position: relative; max-width: 1040px; margin: 0 auto; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 12px 32px rgba(0,0,0,0.18);}

/* 헤더 */
.csched-pop .csched-modal-head {display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; background: linear-gradient(135deg, #3d8eb5 0%, #0a3d63 100%);}
.csched-pop .csched-modal-title {font-size: 16px; font-weight: 700; color: #fff; display: inline-flex; align-items: center; gap: 8px; margin: 0;}
.csched-pop .csched-modal-title i {color: #fff;}
.csched-pop .csched-modal-close {background: none; border: 0; width: 32px; height: 32px; font-size: 18px; color: #fff; cursor: pointer;}
.csched-pop .csched-modal-close:hover {color: #cfe7f5;}

/* 본문 — 가로 배열 (좌:달력 / 우:디테일) */
.csched-pop .csched-modal-body {padding: 22px 24px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr); grid-template-areas: "nav detail" "cal detail"; column-gap: 24px; row-gap: 14px;}

/* 월 네비게이션 */
.csched-pop .csched-nav {grid-area: nav; display: flex; align-items: center; justify-content: space-between; padding: 0;}
.csched-pop .csched-nav-btn {background: none; border: 0; width: 36px; height: 36px; border-radius: 50%; font-size: 14px; color: #3d8eb5; cursor: pointer; transition: background .15s ease;}
.csched-pop .csched-nav-btn:hover {background: rgba(61, 142, 181, 0.1);}
.csched-pop .csched-nav-label {font-size: 16px; font-weight: 700; color: #0a3d63;}

/* 달력 */
.csched-pop .csched-calendar {grid-area: cal; width: 100%; border-collapse: collapse; table-layout: fixed;}
.csched-pop .csched-calendar th, .csched-pop .csched-calendar td {border: 1px solid #e3eef7; padding: 10px 0; text-align: center; vertical-align: top; height: 58px; font-size: 14px; color: #333;}
.csched-pop .csched-dow {height: 36px; padding: 8px 0; background: #f4f9fc; color: #455d72; font-weight: 600;}
.csched-pop .csched-dow--sun {color: #e74c3c;}
.csched-pop .csched-dow--sat {color: #3498db;}
.csched-pop .csched-day {position: relative; cursor: pointer; transition: background .15s ease;}
.csched-pop .csched-day:hover:not(.csched-day--other):not(.csched-day--selected) {background: #eaf3fc;}
.csched-pop .csched-day--other {color: #ccc;}
.csched-pop .csched-day--sun {color: #e74c3c;}
.csched-pop .csched-day--sat {color: #3498db;}
.csched-pop .csched-day--today {color: #0a3d63; font-weight: 700;}
.csched-pop .csched-day--today::before {content: ''; position: absolute; top: 6px; left: 50%; width: 32px; height: 32px; margin-left: -16px; border-radius: 50%; background: rgba(61, 142, 181, 0.18); z-index: 0;}
.csched-pop .csched-day--has::after {content: ''; display: block; width: 8px; height: 8px; margin: 6px auto 0; border-radius: 50%; background: linear-gradient(135deg, #3d8eb5, #0a3d63);}
.csched-pop td.csched-day--selected, .csched-pop td.csched-day--selected.csched-day--sun, .csched-pop td.csched-day--selected.csched-day--sat, .csched-pop td.csched-day--selected.csched-day--today {background: #3d8eb5; color: #fff; font-weight: 700;}
.csched-pop td.csched-day--selected::before {display: none;}
.csched-pop td.csched-day--selected::after {background: #fff;}

/* 디테일 카드 */
.csched-pop .csched-detail--mt1 {grid-area: detail; align-self: stretch; display: flex; flex-direction: column; min-height: 0; margin-top: 0; padding: 16px 18px; background: #fff; border: 1px solid #e3eef7; border-radius: 12px; box-shadow: 0 4px 12px rgba(10, 61, 99, 0.06);}
.csched-pop .csched-detail-head {flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid #eef4f9; margin-bottom: 12px;}
.csched-pop .csched-detail-date {font-size: 15px; font-weight: 700; color: #0a3d63;}
.csched-pop .csched-detail-count {font-size: 12px; padding: 3px 10px; background: #eaf3fc; color: #3d8eb5; border-radius: 12px; font-weight: 600;}
.csched-pop .csched-detail-list {list-style: none; padding: 0 4px 0 0; margin: 0; flex: 1 1 auto; min-height: 0; max-height: 320px; overflow-y: auto;}
.csched-pop .csched-detail-list::-webkit-scrollbar {width: 6px;}
.csched-pop .csched-detail-list::-webkit-scrollbar-track {background: #f0f5f9; border-radius: 3px;}
.csched-pop .csched-detail-list::-webkit-scrollbar-thumb {background: #3d8eb5; border-radius: 3px;}
.csched-pop .csched-detail-list::-webkit-scrollbar-thumb:hover {background: #0a3d63;}
.csched-pop .csched-detail-item {display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px dashed #eef4f9;}
.csched-pop .csched-detail-item:last-child {border-bottom: 0;}
.csched-pop .csched-detail-icon {width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 13px; flex-shrink: 0;}
.csched-pop .csched-detail-item--sea .csched-detail-icon {background: #eaf3fc; color: #3d8eb5;}
.csched-pop .csched-detail-item--air .csched-detail-icon {background: #fff4e6; color: #f97316;}
.csched-pop .csched-detail-item--etc .csched-detail-icon {background: #eef2f7; color: #5b6485;}
.csched-pop .csched-detail-info {display: flex; flex-direction: column; gap: 2px; min-width: 0;}
.csched-pop .csched-detail-name {font-size: 14px; font-weight: 600; color: #0a3d63;}
.csched-pop .csched-detail-meta {font-size: 12px; color: #7a8fa3; line-height: 1.6;}
.csched-pop .csched-detail-empty {text-align: center; padding: 24px 0; color: #97a8b9; font-size: 13px; margin: 0;}

/* 푸터 안내 */
.csched-pop .csched-modal-foot {padding: 12px 20px 18px; border-top: 1px solid #eef4f9; font-size: 12px; line-height: 1.7; color: #777;}
.csched-pop .csched-modal-foot p {margin: 0;}

/* 반응형 */
@media (max-width: 900px) {
	.csched-pop {max-width: 720px;}
	.csched-pop .csched-modal-body {grid-template-columns: 1fr; grid-template-areas: "nav" "cal" "detail";}
	.csched-pop .csched-detail--mt1 {align-self: auto; margin-top: 4px;}
	.csched-pop .csched-detail-list {max-height: 280px;}
}
@media (max-width: 768px) {
	.csched-pop-body {padding: 8px;}
	.csched-pop .csched-calendar th, .csched-pop .csched-calendar td {height: 48px; font-size: 13px;}
}
@media (max-width: 480px) {
	.csched-pop .csched-modal-head {padding: 14px;}
	.csched-pop .csched-modal-body {padding: 14px;}
	.csched-pop .csched-modal-foot {padding: 10px 14px 14px;}
	.csched-pop .csched-calendar th, .csched-pop .csched-calendar td {height: 42px; font-size: 12px;}
	.csched-pop .csched-day--has::after {width: 6px; height: 6px;}
	.csched-pop .csched-day--today::before {width: 26px; height: 26px; margin-left: -13px;}
	.csched-pop .csched-detail-list {max-height: 240px;}
	.csched-pop .csched-detail-name {font-size: 13px;}
	.csched-pop .csched-detail-meta {font-size: 11px;}
}