@import url("/Css/UserCommon.css?ver=1.03");

/* 회원가입 */
.term.term-page {}
.term.term-page .terms-text {height:100%;}
@media (max-width: 768px) {
	.term {padding: 0 10px;}
    .terms-title {font-size: 16px; padding: 0 20px;  margin: 20px 0 20px;}
    .terms-title .required {font-size: 16px; margin-bottom: 0;}
    .sub-head {padding: 25px 0 25px; margin-bottom: 0px;}
    .sub-title {font-size: 20px; margin-bottom: 10px; padding-bottom: 15px; padding-top: 5px;}
}
.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;}

/* 약관동의 체크박스 스타일 */
.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: 2px solid #666; 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;*/
	padding: 0 10px 0 10px;
    height: 70px;
    background: #9a0032;
    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;
    background: #fff;
    border: 1px solid #e9eaeb;
    border-radius: 4px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
@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 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1440px;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    gap: 20px;
	background:#fff; 
}
.clause-wrapper .clause-contentBox {line-height:1.5em;}
.clause-popup {background: white; border-radius: 8px; width: 100%;}
.clause-titleBox {position: relative; display: flex; justify-content: center; align-items: center; padding: 20px; border-bottom: 1px solid #eee;}
.clause-titleBox h2 {font-size: 20px; font-weight: 600; color: #333; margin: 0; display: flex; align-items: center; justify-content: center; gap: 8px;}
.required-text {color: #ff0000; display: flex; justify-content: center; align-items: center;}
.clause-closeButton {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: #666;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    padding: 0;
}
.clause-closeButton:hover {background: #555;}
.clause-contentBox {padding: 20px; max-height: 550px; overflow-y: auto;}
.clause-notice {padding: 0; margin: 0;}
.clause-title {font-size: 16px; font-weight: 500; color: #333; margin: 20px 0 10px 0;}
.clause-title:first-child {margin-top: 0;}
.clause-content {font-size: 14px; margin: 0 0 20px 0; line-height: 1.6; color: #666;}
.clause-contentBox::-webkit-scrollbar {width: 6px;}
.clause-contentBox::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 3px;}
.clause-contentBox::-webkit-scrollbar-thumb {background: #888; border-radius: 3px;}
.clause-contentBox::-webkit-scrollbar-thumb:hover {background: #555;}
.clause-agreeBtn {text-align: center;}
@media screen and (max-width: 768px) {
    .clause-wrapper {width: 100%; height: 100%; top: 0; left: 0; transform: none; gap: 0; display: flex; flex-direction: column;}
    .clause-popup {flex: 1; display: flex; flex-direction: column; border-radius: 0; height: calc(100% - 60px);}
    .clause-titleBox {padding: 16px; background: white; border-bottom: 1px solid #eee;}
    .clause-titleBox h2 {font-size: 18px;}
    .clause-closeButton {right: 16px;}
    .clause-contentBox {padding: 16px; flex: 1; overflow-y: auto; max-height: none;}
    .clause-title {font-size: 15px; margin: 16px 0 8px 0;}
    .clause-content {font-size: 14px; margin: 0 0 16px 0;}
    .clause-agreeBtn {padding: 16px; background: white; border-top: 1px solid #eee;}
}

/* 회원가입 정보입력 */
.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: #72323d; 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("/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-col .email-group {margin-bottom: 20px; flex-direction: column;}
	.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;}
	
}

/* 이용안내 */
/* 이용안내 탭버튼 */
.service-info-wrap {max-width: 1440px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
.service-info-tab-btns {display: flex; justify-content: center; gap: 15px; margin: 16px 0; flex-wrap: wrap; width: 100%;}
.service-info-tab-btn {
    flex: 1;
    min-width: 0;
    padding: 12px 20px;
    font-size: 17px;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    border: 1px solid #6f0015;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}
.service-info-tab-btn:hover {background-color: #efefef;}
.service-info-tab-btn.active {color: #fff; background-color: #72323d;}
.service-info-content {display: none !important;}
.service-info-content.active {display: block !important;}
.service-info-content-inner {padding: 20px 0;}
@media (max-width: 1024px) {
    .service-info-tab-btn {font-size: 16px; padding: 10px 15px;}
}
@media (max-width: 768px) {
	.service-info-tab-btns {margin: 12px 0; gap: 10px;}
    .service-info-tab-btn {font-size: 14px; padding: 8px 15px;}
}
@media (max-width: 480px) {
    .service-info-wrap {padding: 0 8px;}
    .service-info-tab-btns {margin: 10px 0; display: block; width: 100%;}
    .service-info-tab-btn {
        display: block;
        width: 100%;
        max-width: none;
        margin-bottom: 8px;
        padding: 8px 10px;
        font-size: 13px;
        border-radius: 25px;
    }
    .service-info-content-inner {padding: 15px 0;}
}

/* 탭버튼 안에 컨텐츠 구매대행 배송대행이란 ? */
.deliveryInfo-wrap {width: 100%; max-width: 1440px; margin: 0 auto; color: #333; box-sizing: border-box;}
.deliveryInfo-banner {width: 100%; overflow: hidden;}
.deliveryInfo-banner img {width: 100%; height: auto; display: block;}
.deliveryInfo-title {width: 100%; padding: 50px 0; text-align: center; position: relative; margin-top: 40px; margin-bottom: 40px;}
.deliveryInfo-title-box {position: relative; display: inline-block;}
.deliveryInfo-title-box h2 {font-size: 32px; font-weight: 500; text-align: center; line-height: 1.3; letter-spacing: -0.5px;}
.deliveryInfo-title-box::before {
    content: "";
    position: absolute;
    left: -50px;
    top: -25px;
    width: 45px;
    height: 45px;
    border-top: 8px solid #8fb1cd;
    border-left: 8px solid #8fb1cd;
}
.deliveryInfo-title-box::after {
    content: "";
    position: absolute;
    right: -50px;
    bottom: -20px;
    width: 45px;
    height: 45px;
    border-right: 8px solid #8fb1cd;
    border-bottom: 8px solid #8fb1cd;
}
.deliveryInfo-desc {width: 100%; margin: 30px auto 70px; padding: 0 20px; box-sizing: border-box; position: relative;}
.deliveryInfo-desc-inner {width: 100%; margin: 0 auto;}
.deliveryInfo-desc-row {display: flex; margin-bottom: 10px; align-items: flex-start;}
.deliveryInfo-desc-content {flex: 1; font-size: 16px; font-weight: 500; line-height: 1.5; color: #666;}
.marginBottom {height: 50px;}

/* 구매절차 스텝 스타일 */
.purchase-steps {width: 100%; padding: 0 20px; box-sizing: border-box; margin-bottom: 30px;}
.purchase-step-row {display: flex; justify-content: space-between; align-items: flex-start; width: 100%;}
.purchase-step {flex: 1; border: 1px solid #e0e0e0; border-radius: 5px; overflow: hidden; background-color: #fff;}
.step-header {background-color: #c9adb4; color: white; text-align: center; padding: 12px 0; font-size: 18px; font-weight: 500;}
.step-content {padding: 30px 15px; display: flex; flex-direction: column; align-items: center; min-height: 120px;}
.step-image {margin-bottom: 15px; height: 70px; display: flex; align-items: center;}
.step-image img {max-height: 100%; width: auto;}
.step-text {font-size: 16px; font-weight: 500; text-align: center;}
.step-arrow {width: 5%; max-width: 50px; min-width: 20px; margin: 0 10px; display: flex; align-items: center; align-self: center;}
.step-arrow img {width: 100%; height: auto;}
.step-note {display: flex; align-items: flex-start; padding: 15px; background-color: #f9f9f9; border-top: 1px solid #e0e0e0;}
.note-icon {
    background-color: #f56565;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 10px;
    flex-shrink: 0;
}
.note-text {font-size: 14px; line-height: 1.4;}
@media screen and (max-width: 1200px) {
    .step-arrow {width: 4%; min-width: 15px;}
}
@media screen and (max-width: 992px) {
    .step-arrow {width: 3%; min-width: 12px;}
}
@media screen and (max-width: 768px) {
    .deliveryInfo-desc-row {flex-direction: column;}
    .deliveryInfo-desc-content {line-height: 1.4; padding: 0; margin-bottom: 15px; font-size: 14px;}
    .deliveryInfo-title-box h2 {font-size: 20px;}
    .deliveryInfo-title {padding: 30px 0;}
    .deliveryInfo-title-box {max-width: 90%;} 
    .purchase-step-row {flex-direction: column; align-items: center;}
    .purchase-step {margin-bottom: 20px; width: 100%;}
    .step-arrow {transform: rotate(90deg); margin: 10px 0; width: 30px;}
    .purchase-steps:last-child {margin-bottom: 20px;}
}
@media screen and (max-width: 480px) {
    .deliveryInfo-title {padding: 0 15px; margin-top: -40px;} 
    .deliveryInfo-title-box {max-width: 100%;}
    .deliveryInfo-title-box::before, .deliveryInfo-title-box::after {width: 20px; height: 20px; border-width: 5px;}
    .deliveryInfo-title-box::before {left: -10px; top: -10px;}
    .deliveryInfo-title-box::after {right: -10px; bottom: -10px;}
    .deliveryInfo-title-box h2 {font-size: 18px; word-break: keep-all; word-wrap: break-word;} 
    .step-header {font-size: 16px; padding: 10px 0;}
    .step-content {padding: 20px 10px;}
    .step-text {font-size: 14px;}
    .step-note {padding: 10px;}
    .note-text {font-size: 12px;}
    .step-arrow {width: 25px;}
    .purchase-steps:last-child {margin-bottom: 0;}
    .purchase-step[style*="visibility: hidden"] {display: none;}
}

/* 이용안내 */
/* 상품구매하기 */
.site-usage-guide-container {max-width: 1470px; margin-left: auto; margin-right: auto; padding: 30px 20px;}
.site-usage-guide-step {background-color: #ffffff; padding: 40px 0; }
.site-usage-guide-content {margin-bottom: 20px; text-align: left;}
.site-usage-guide-step .site-usage-guide-content:last-child {margin-bottom: 0;}
.site-usage-guide-content-limited {max-width: 930px; margin-left: auto; margin-right: auto; text-align: left;}
.site-usage-guide-title {font-size: 24px; font-weight: 600; color: #2c3e50; margin-bottom: 15px; text-align: left;}
.site-usage-guide-description {font-size: 18px; font-weight: 500; color: #555; line-height: 1.7; margin-bottom: 15px; text-align: left;}
.site-usage-guide-aligned-text {font-size: 16px; color: #555; line-height: 1.7; margin-bottom: 20px; text-align: left;}
.site-usage-guide-image-placeholder {
    width: 100%;
    max-width: 930px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}
.site-usage-guide-arrow {text-align: center; margin-bottom: 15px;}
.site-usage-guide-options-list {list-style: none; padding-left: 0; margin-top: 25px;}
.site-usage-guide-options-title {font-weight: 600; color: #2c3e50; margin-right: 5px;}
@media (max-width: 768px) {
    .site-usage-guide-container {padding: 10px 15px;}
    .site-usage-guide-step {padding: 25px 0;}
    .site-usage-guide-title {font-size: 18px;}
	.site-usage-guide-description {font-size: 16px;}
}
/* 크롬 다운로드 버튼 스타일 */
.chrome-download-container {display: flex; justify-content: center; gap: 20px; margin: 30px 0;}
.chrome-download-button {
    display: flex;
    align-items: center;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 10px 20px;
    text-decoration: none;
    color: #000;
    width: 320px;
}
.chrome-logo {margin-right: 15px; width: 40px; height: 40px;}
.download-text {display: flex; flex-direction: column;}
.chrome-text {font-size: 14px; margin-bottom: 2px;}
.download-version {display: flex; align-items: center;}
.download-label {font-size: 18px; font-weight: bold;}
.mobile-label {color: #ff4081; font-weight: bold;}
.pc-label {color: #2196f3; font-weight: bold;}
.version-text {font-size: 18px;}
@media (max-width: 768px) {
    .chrome-download-container {flex-direction: column; align-items: center; gap: 15px;}
    .chrome-download-button {width: 100%; max-width: 280px; padding: 8px 15px;}
    .chrome-logo {width: 32px; height: 32px; margin-right: 12px;}
    .chrome-text {font-size: 12px;}
    .download-label, .version-text {font-size: 16px;}
}

/* 수입금지품목 */
/* 카드이미지 */
.importBannedItems-section {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto; 
    padding: 20px 0; 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center; 
    gap: 20px;
}
.importBannedItems-item {
    width: calc(20% - 20px);
    max-width: 265px;
    border: 5px solid #e91919;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
	border-radius: 5px;
    background-color: #ffffff;
    box-sizing: border-box;
    transition: transform 0.3s ease;
}
.importBannedItems-item:hover {transform: translateY(-5px); background-color: #fdf0f0;}
.importBannedItems-title-wrapper {height: 120px; display: flex; align-items: center; justify-content: center; width: 100%;}
.importBannedItems-title {font-size: 21px; font-weight: bold; text-align: center; color: #333; line-height: 26px; margin-bottom: 0;}
.importBannedItems-divider {width: 80%; height: 1px; background-color: #e91919; margin-bottom: 20px;}
.importBannedItems-icon {object-fit: contain; margin-bottom: 15px;}
@media screen and (max-width: 768px) {
    .importBannedItems-item {width: calc(50% - 20px); padding: 10px;}
    .importBannedItems-title-wrapper {height: 80px;}
	.importBannedItems-title {font-size: 16px; line-height: 22px;}
    .importBannedItems-divider {margin-bottom: 5px;}
    .importBannedItems-icon {margin-bottom: 5px; max-width: 70%; max-height: 100px;}
}
/* 텍스트 모음 */
.importBannedItems-list-wrapper {
    position: relative;
    max-width: 1400px;
    margin: 20px auto 0;
    background-position: center;
    background-size: 100% 100%;
    padding: 0 10px;
    display: flex;
}
.importBannedItems-list-line {width: 1px; background-color: #e91919;}
.importBannedItems-list-line.left {margin-right: 15px;}
.importBannedItems-list-line.right {margin-left: 15px;}
.importBannedItems-list-container {flex: 1; display: flex; flex-wrap: wrap; gap: 10px; padding: 15px 0; justify-content: center;}
.importBannedItems-list-item {
    background-color: #fff;
    border: 1px solid #ffdddd;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    transition: background-color 0.2s ease;
}
.importBannedItems-list-item.even {background-color: #fbf5f6;}
.importBannedItems-list-item:hover {background-color: #f9eaec;}
@media screen and (max-width: 768px) {
    .importBannedItems-list-wrapper {padding: 0; flex-direction: column; border: 1px solid #ffdddd; border-radius: 8px; overflow: hidden;}
    .importBannedItems-list-line {width: 100%; height: 5px;}
    .importBannedItems-list-line.left {margin-right: 0; margin-bottom: 10px;}
    .importBannedItems-list-line.right {margin-left: 0; margin-top: 10px;}
    .importBannedItems-list-container {gap: 8px; padding: 15px;}
    .importBannedItems-list-item {padding: 8px 10px; font-size: 13px; white-space: normal;}
}
@media screen and (max-width: 480px) {
    .importBannedItems-list-wrapper {padding: 0;}
    .importBannedItems-list-line {height: 2px; width: 2px;}
    .importBannedItems-list-line.left {margin-bottom: 8px;}
    .importBannedItems-list-line.right {margin-top: 8px;}
    .importBannedItems-list-container {gap: 5px; padding: 10px;}
    .importBannedItems-list-item {padding: 6px 8px; font-size: 14px; white-space: normal; width: calc(50% - 5px); box-sizing: border-box;}
}
/* 상품명/유해성분 테이블 */
.importBannedItems-harmful-wrapper {width: 100%; max-width: 1400px; margin: 30px auto 0; padding: 0 20px;}
.importBannedItems-harmful-title {font-size: 24px; font-weight: bold; color: #333; margin-bottom: 5px;}
.importBannedItems-harmful-desc {font-size: 15px; color: #666; line-height: 1.5; margin-bottom: 25px;}
.importBannedItems-harmful-table {width: 100%; border-top: 2px solid #e8edfb; border-bottom: 1px solid #ddd;}
.importBannedItems-table-row {display: flex; width: 100%; border-bottom: 1px solid #e8edfb;}
.importBannedItems-table-row:last-child {border-bottom: none;}
.importBannedItems-table-cell {padding: 15px; display: flex; align-items: center;}
.importBannedItems-table-cell.product {width: 20%; font-size: 16x; font-weight: 500; background-color: #fdfaf9;}
.importBannedItems-table-cell.ingredient {width: 30%;}
@media screen and (max-width: 768px) {
    .importBannedItems-harmful-title {font-size: 20px;}
    .importBannedItems-harmful-desc {font-size: 14px;}
    .importBannedItems-harmful-table {border-spacing: 0; border-collapse: collapse;}
    .importBannedItems-table-row {border-bottom: 1px solid #e8edfb;}
    .importBannedItems-table-cell.product {width: 40%; font-size: 15px;}
    .importBannedItems-table-cell.ingredient {width: 60%; font-size: 14px;}
}
@media screen and (max-width: 480px) {
    .importBannedItems-harmful-title {font-size: 16px;}
    .importBannedItems-harmful-desc {font-size: 12px;}
    .importBannedItems-harmful-table {border-top: 1px solid #e8edfb;}
    .importBannedItems-table-row {display: block; padding: 8px 0; border-bottom: 1px solid #e8edfb;}
    .importBannedItems-table-cell {padding: 5px 10px;}
    .importBannedItems-table-cell.product {width: 100%; font-size: 14px; font-weight: 600; background-color: #fdfaf9; margin-bottom: 5px;}
    .importBannedItems-table-cell.ingredient {width: 100%; font-size: 12px; padding-left: 15px;}
}

/* 폐기 검역 관리 페이지 */
.discard-wrapper {width: 100%; max-width: 1400px; margin: 40px auto; padding: 0 20px;}
.discard-notice {font-size: 16px; color: #333; padding: 15px 0; border-bottom: 3px solid #94abf6; margin-bottom: 40px;}
.discard-highlight {color: #e74c3c; font-weight: 500;}
.discard-container {display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;}
.discard-item {
    flex: 1;
    max-width: 450px;
    border: 1px solid #e6ebfa;
    border-radius: 5px;
    padding: 80px 25px;
    background-color: #fdfaf9;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.discard-title {font-size: 30px; font-weight: 400; text-align: center; margin-bottom: 50px;}
.discard-image {width: 100%; height: 180px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.discard-image img {object-fit: contain;}
.discard-content {width: 100%; text-align: center; line-height: 1.6; margin: 50px 0 0;}
.discard-content p {margin-bottom: 10px; font-size: 16px; font-weight: 300; line-height: 36px; color: #333; padding: 0 10px;}
 @media screen and (max-width: 1000px) {
    .discard-item {padding: 60px 20px;}
    .discard-title {font-size: 24px; margin-bottom: 30px;}
    .discard-content p {padding: 0 20px;}
}
@media screen and (max-width: 768px) {
    .discard-container {flex-direction: column; align-items: center;}
    .discard-item {max-width: 100%; width: 100%; padding: 50px 15px;}
    .discard-image {height: 150px;}
	.discard-content br {display: none;}
}
@media screen and (max-width: 480px) {
    .discard-title {font-size: 24px;}
    .discard-item {padding: 40px 10px;}
    .discard-content p {font-size: 14px; line-height: 24px; padding: 0 10px;}
}

/* 반품 교환 페이지 */
.refund-section {width: 100%; background-color: #fff;}
.refund-wrapper {width: 100%; max-width: 1400px; margin: 40px auto; padding: 0 20px;}
.refund-notice {font-size: 16px; color: #333; padding: 15px 0; border-bottom: 3px solid #94abf6; margin-bottom: 40px;}
.refund-content-container {display: flex; align-items: flex-start; gap: 30px; margin-bottom: 40px;}
.refund-image-area {flex: 0 0 40%; max-width: 40%;}
.refund-image-area img {width: 100%; height: auto; object-fit: contain;}
.refund-info-area {flex: 0 0 60%; max-width: 60%;}
.refund-check-list {list-style: none; padding: 0 20px; margin: 0;}
.refund-check-item {position: relative; padding-left: 30px; margin-bottom: 20px; color: #333; font-size: 15px; line-height: 1.5;}
.refund-check-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    background-image: url('/Image/icon_check.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.refund-notice-box {background-color: #fdfaf9; border-radius: 5px; padding: 25px 30px; border: 1px solid #e6ebfa;}
.refund-notice-list {list-style: none; padding: 0; margin: 0;}
.refund-notice-item {position: relative; padding-left: 25px; margin-bottom: 15px; color: #333; font-size: 16px; font-weight: 500; line-height: 1.5;}
.refund-notice-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 18px;
    height: 18px;
    background-image: url('/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: 20px;}
}
@media screen and (max-width: 768px) {
	.refund-content-container {flex-direction: column;}
    .refund-image-area, 
    .refund-info-area {flex: 0 0 100%; max-width: 100%;}
    .refund-image-area {margin-bottom: 30px; text-align: center;}
    .refund-image-area img {max-width: 80%;}
    .refund-check-item {font-size: 14px;}
}
@media screen and (max-width: 480px) {
    .refund-notice {font-size: 14px;}
    .refund-check-item {font-size: 13px; line-height: 1.4; margin-bottom: 15px;}
    .refund-notice-box {padding: 20px; margin-top: -20px;}
    .refund-notice-item {font-size: 13px; margin-bottom: 12px;}
}

/* 노테이터 페이지 */
.noData-section {width: 100%; background-color: #fff;}
.noData-wrapper {width: 100%; max-width: 1400px; margin: 40px auto; padding: 0 20px;}
.noData-header {display: flex; gap: 30px; margin-bottom: 30px; min-height: 100px;}
.noData-title-area {flex: 0 0 200px; border-right: 1px solid #ddd; padding-right: 20px; display: flex; justify-content: center; align-items: center;}
.noData-title {font-size: 30px; font-weight: 400; margin: 0; text-align: center; justify-content: center;}
.noData-desc-area {flex: 1; display: flex; flex-direction: column; justify-content: center;}
.noData-desc {font-size: 16px; color: #333; line-height: 1.6; margin-bottom: 15px;}
.noData-alert {
	display: inline-block;
    background-color: #82c425;
    color: #fff;
    padding: 8px 15px;
    border-radius: 3px;
    font-size: 14px;
    width: auto;
    max-width: fit-content;
    box-sizing: border-box;
}
.noData-divider {width: 100%; height: 3px; background-color: #94abf6; margin-bottom: 40px;}
.noData-content {margin-bottom: 40px;}
.noData-table-container {display: flex; gap: 30px;}
.noData-image-area {flex: 0 0 250px; align-self: flex-start;}
.noData-image {width: 100%; height: auto;}
.noData-table {flex: 1; border-collapse: collapse;}
.noData-table-header {display: flex; border-bottom: 1px solid #ddd;}
.noData-col-left {flex: 0 0 50%; padding: 15px; text-align: center; font-weight: 500; font-size: 24px;}
.noData-col-right {flex: 0 0 50%; padding: 15px; text-align: center; font-weight: 500; font-size: 24px;}
.noData-table-row {display: flex; border-bottom: 1px solid #eee;}
.noData-table-row .noData-col-left {border-right: 1px solid #eee; padding: 20px 15px; display: flex;}
.noData-table-row .noData-col-right {padding: 20px 15px; text-align: left;}
.noData-case {display: flex; gap: 15px; width: 100%;}
.noData-case-num {
    flex: 0 0 auto;
    background-color: #f14b5e;
    color: #fff;
    width: 60px;
    height: 60px;
    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: 13px; margin-bottom: 2px;}
.noData-case-num span:last-child {font-size: 20px; font-weight: 700;}
.noData-case-text {flex: 1; font-size: 15px; line-height: 1.5; color: #333; text-align: left;}
.noData-solution {font-size: 15px; line-height: 1.5; color: #333;}
.noData-footer {background-color: #fdfaf9; border-radius: 5px; padding: 25px 30px; border: 1px solid #e6ebfa;}
.noData-footer-text {margin: 0; display: flex; align-items: center; font-size: 16px; color: #333;}
.noData-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background-color: #5e7bf6;
    color: #fff;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 14px;
}
.checkNoData-header {display: flex; margin: 50px 0 30px;}
.checkNoData-title-wrap {flex: 1; display: flex; justify-content: center; align-items: center;}
.checkNoData-title-wrap:first-child {border-right: 1px solid #ddd;}
.checkNoData-title-wrap.left-title {flex: 0 0 20%; padding-right: 30px; justify-content: flex-end;}
.checkNoData-title-wrap.right-title {flex: 0 0 80%; padding-left: 30px; justify-content: flex-start;}
.checkNoData-main-title {font-size: 30px; font-weight: 400; margin: 0; text-align: center;}
.checkNoData-main-title2 {font-size: 18px; font-weight: 400; margin: 0; text-align: center;}
.checkNoData-divider {width: 100%; height: 3px; background-color: #94abf6; margin-bottom: 40px;}
.checkNoData-content {margin-bottom: 40px;}
.checkNoData-table {width: 100%; border-collapse: collapse;}
.checkNoData-table-header {display: flex; border-bottom: 1px solid #ddd;}
.checkNoData-col-left {flex: 0 0 50%; padding: 15px; text-align: center; font-weight: 500; font-size: 24px;}
.checkNoData-col-right {flex: 0 0 50%; padding: 15px; text-align: center; font-weight: 500; font-size: 24px;}
.checkNoData-table-row {display: flex; border-bottom: 1px solid #eee;}
.checkNoData-table-row .checkNoData-col-left {border-right: 1px solid #eee; padding: 30px 20px; display: flex; flex-direction: column;  align-items: center;}
.checkNoData-table-row .checkNoData-col-right {padding: 30px 20px; display: flex; flex-direction: column; align-items: center;}
.checkNoData-desc {font-size: 16px; line-height: 1.6; color: #333; margin-bottom: 30px; text-align: center; width: 100%;}
.checkNoData-image-container {width: 100%; max-width: 600px; margin: 0 auto;}
.checkNoData-image {width: 100%; height: auto; display: block; border: 1px solid #eee;}

@media screen and (max-width: 1024px) {
    .noData-header {flex-direction: column; gap: 15px;}
    .noData-title-area {flex: 0 0 auto; border-right: none; border-bottom: 1px solid #ddd; padding-right: 0; padding-bottom: 15px;}
	.checkNoData-header {flex-direction: column; gap: 15px;}
    .checkNoData-title-wrap:first-child {border-right: none; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
    .checkNoData-title-wrap.left-title,
    .checkNoData-title-wrap.right-title {flex: 1 1 auto; padding: 10px 0; justify-content: center;}
}
@media screen and (max-width: 768px) {
    .noData-table-container {flex-direction: column; gap: 20px;}
    .noData-image-area {flex: 0 0 auto; align-self: center; margin-bottom: 20px;}
    .noData-image {max-width: 250px;}
    .noData-table-header {display: none;}
    .noData-table-row {flex-direction: column;}
    .noData-table-row .noData-col-left {border-right: none; border-bottom: 1px solid #eee;}
    .noData-col-left, .noData-col-right {flex: 0 0 100%;}
    .noData-case-num {width: 70px; height: 70px;}
	.checkNoData-header {margin: 30px 0 20px;}
    .checkNoData-main-title {font-size: 24px;}
    .checkNoData-main-title2 {font-size: 18px;}
    .checkNoData-table-header {display: none;}
    .checkNoData-table-row {flex-direction: column;}
    .checkNoData-table-row .checkNoData-col-left {border-right: none; border-bottom: 1px solid #eee;}
    .checkNoData-col-left, .checkNoData-col-right {flex: 0 0 100%;}
}
@media screen and (max-width: 480px) {
    .noData-desc {font-size: 14px;}
    .noData-alert {font-size: 12px; padding: 6px 10px;}
    .noData-case {flex-direction: column; gap: 10px;}
    .noData-case-num {align-self: flex-start; width: 60px; height: 60px;}
    .noData-case-num span:first-child {font-size: 12px;}
    .noData-case-num span:last-child {font-size: 18px;}
    .noData-case-text, .noData-solution {font-size: 13px;}
    .noData-footer-text {font-size: 14px; line-height: 18px;}
	.noData-icon {width: 20px; height: 20px; font-size: 12px; padding: 0 5px;}
	.checkNoData-header {margin: 20px 0 15px;}
    .checkNoData-main-title {font-size: 22px;}
    .checkNoData-main-title2 {font-size: 16px;}
    .checkNoData-desc {font-size: 14px; margin-bottom: 20px;}
    .checkNoData-table-row .checkNoData-col-left,
    .checkNoData-table-row .checkNoData-col-right {padding: 20px 15px;}
}


/* 주소관리 - 수취인 */
.recipientManage-wrap {top: 0; left: 0; width: 100%; height: auto; background: #fff; z-index: 1000; overflow-x: hidden; }
.recipientManage-layer {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 20px 20px 0 20px;
    position: relative;
    background: #fff;
}
.recipientManage-layer2 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 30px 20px;
    position: relative;
    background: #fff;
}
.recipientManage-btnGroup {display: flex; gap: 10px; margin-bottom: 20px; width: 100%;}
.recipientManage-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 3px solid #c1c1c1; padding-bottom: 20px;}
.recipientManage-header h2 {display: flex; align-items: center; gap: 8px; font-size: 20px; font-weight: 500;}
.recipientManage-closeBtn {
    width: 32px; 
    height: 32px; 
    border-radius: 50%; 
    background: #f5f5f5; 
    display: flex; 
    align-items: center; 
    justify-content: center;
}
.recipientManage-addBtn, .recipientManage-addBtn2 {
    flex: 1;
    height: 60px; 
    border: 3px solid #000; 
    background: #fff; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 6px;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
}
.recipientManage-addBtn2 {width: 100%;}
.recipientManage-form {margin-bottom: 30px;}
.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: 5px; margin-bottom: 20px;}
.recipientManage-list {max-height: 400px; overflow-y: auto;}
.recipientManage-item {padding: 20px; border-radius: 8px; background: #f8f8f8; margin-bottom: 10px;}
.recipientManage-item2 {padding: 20px; border-radius: 8px; background: #fff; margin-bottom: 10px; border: 1px solid #e9eaed;}
.recipientManage-itemH2 {font-size: 16px; font-weight: 500; margin-bottom: 20px; justify-content: center; text-align: center;}
.recipientManage-itemInfo h3 {font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.recipientManage-itemInfo p {font-size: 14px; color: #666; margin-bottom: 5px; line-height: 20px;}
.recipientManage-itemBtns {display: flex; gap: 6px; margin-top: 15px; justify-content: flex-end;}
.recipientManage-itemBtns2 {display: flex; gap: 6px; margin-top: 15px; justify-content: center;}
.basic-adress {background-color: #d493e6; color: #fff; padding: 2px 5px; font-size: 14px; font-weight: 500;}
@media (max-width: 768px) {
    .recipientManage-layer {padding: 20px; width: 100%; min-width: 320px;}
    .recipientManage-formGrid {grid-template-columns: 1fr; gap: 22px;}
    .recipientManage-formRow {gap: 10px; flex-direction: row; width: 100%;}
    .recipientManage-allRL .recipientManage-formRow .standardForm:first-child {flex: 0 0 100px;}
	.recipientManage-addBtn {font-size: 12px; padding: 0 10px; gap: 4px;}
	.recipientManage-btnGroup {gap: 5px;}
	.recipientManage-list {max-height: 300px;}
    .recipientManage-itemBtns {flex-direction: column; gap: 4px;}
    .recipientManage-itemBtns .formBtm-style6 {text-align: center; justify-content: center; width: 100%; height: 35px;}
    .recipientManage-itemBtns .formBtm-style6:first-child {margin-bottom: 4px;}
    .recipientManage-itemBtns2 .formBtm-style6 {text-align: center; justify-content: center; width: 100%; height: 35px;}
    .recipientManage-itemBtns2 .formBtm-style6:first-child {margin-bottom: 4px;}
    .recipientManage-itemBtns-sub {display: flex; gap: 4px; width: 100%;}
    .recipientManage-itemBtns-sub .formBtm-style6 {flex: 1; width: 100%; height: 35px;}
}
/* 팝업창 상단 공통 */
.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 #f9eded; 
    border-right: none;
}
.trackingNumberPop-tracking-table thead tr th {
    position: sticky;
    top: 0;
    background: #fdfaf9;
    padding: 15px 10px;
    font-size: 14px;
    text-align: center;
    border-top: 1px solid #f9eded;
    border-bottom: 1px solid #f9eded;
    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: #fdfaf9;}
.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:visible;}
.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;}
.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 #DBB5BE; 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: #d493e6; 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: #DBB5BE; 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: #d493e6;
   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: #72323d; 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: #fdfaf9;
    padding: 15px 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-top: 1px solid #f9eded;
    border-bottom: 1px solid #f9eded;
    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: #fdfaf9;
    padding: 15px 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-top: 1px solid #f9eded;
    border-bottom: 1px solid #f9eded;
    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: #fdfaf9; padding: 15px 10px; font-size: 14px; text-align: center; border-top: 1px solid #f9eded; border-bottom: 1px solid #f9eded; border-right: none;}
.allRegistration-table td {padding: 12px 10px; font-size: 14px; text-align: center; border-bottom: 1px solid #f9eded; 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: #fdfaf9;
    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: #fdfaf9;}
.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;}
}

/* 쿠폰/적립금 팝업 */
.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: #72323d; 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: #fdfaf9; padding: 15px 5px; font-size: 14px; font-weight: 500; text-align: center; border-top: 1px solid #f9eded; border-bottom: 1px solid #f9eded; 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 0; gap: 8px;}
/* 팝업 닫기 */
.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 #f9eded; 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 #f9eded; 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: #fdfaf9;
    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: #fdfaf9;}
.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 #f9eded; background: #fff;}
.subTracking-listItem:first-child {border-top: 1px solid #f9eded; background: #fdfaf9;}
.list-title {width: 120px; font-size: 16px; font-weight: 500; border-right: 1px solid #f9eded; 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;}
}

/* 주문문의 팝업 */
.orderInquiry-content {padding: 0; margin: 20px 0;}
.orderInquiry-layout {
    display: flex; 
    max-height: 76vh;
    position: relative; 
    padding: 0 20px;
	overflow-x:hidden;
}
.orderInquiry-infoToggle {
    display: none;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0px;
    width: calc(100% - 20px);
    height: 40px;
    border-radius: 5px;
    background: #bd8184;
    color: white;
    justify-content: center;
    align-items: center;
    z-index: 10;
    font-size: 14px;
    font-weight: 600;
}
.orderInquiry-infoHeader {
    padding: 15px;
    border-bottom: 1px solid #e9eaed;
    background: #d493e6;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.orderInquiry-infoHeader h3 {margin: 0; font-size: 16px; font-weight: 500;}
.orderInquiry-infoClose {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    display: none;
    align-items: center;
    justify-content: center;
    border: none;
    color: #fff;
    cursor: pointer;
}
.orderInquiry-infoPanel {
    width: 340px;
    border-right: 1px solid #e9eaed;
    background-color: #f9fafb;
    transition: transform 0.3s ease;
}
.orderInquiry-infoContent {padding: 20px 15px;}
.orderInquiry-infoRow {
    padding: 10px 12px;
    margin-bottom: 8px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: transform 0.2s;
}
.orderInquiry-infoRow:hover {transform: translateY(-2px); box-shadow: 0 3px 6px rgba(0,0,0,0.08);}
.orderInquiry-infoLabel {font-size: 12px; color: #7a8999; margin-bottom: 5px; display: block; font-weight: 500;}
.orderInquiry-infoValue {font-size: 14px; color: #2c3e50; display: block; font-weight: 500;}
.orderInquiry-chatPanel {
    flex: 1; 
    display: flex; 
    flex-direction: column; 
    background: #f5f5f5; 
    border-radius: 0;
    position: relative;
}
.orderInquiry-chatContainer {
    flex: 1; 
    overflow-y: auto; 
    padding: 20px; 
    padding-bottom: 70px;
    display: flex; 
    flex-direction: column; 
    scrollbar-width: thin;
}
.orderInquiry-chatContainer::-webkit-scrollbar {width: 5px;}
.orderInquiry-chatContainer::-webkit-scrollbar-track {background: #f1f1f1;}
.orderInquiry-chatContainer::-webkit-scrollbar-thumb {background: #ddd; border-radius: 3px;}
.orderInquiry-dateSection {text-align: center; margin: 15px 0; font-size: 12px; color: #888; position: relative;}
.orderInquiry-dateSection:before,
.orderInquiry-dateSection:after {content: ''; display: inline-block; width: 40%; height: 1px; background: #ddd; position: absolute; top: 50%;}
.orderInquiry-dateSection:before {left: 0;}
.orderInquiry-dateSection:after {right: 0;}
.orderInquiry-msgBox {margin-bottom: 20px; max-width: 80%; align-self: flex-start;}
.orderInquiry-adminMsg {align-self: flex-end;}
.orderInquiry-userInfo {font-size: 13px; color: #666; margin-bottom: 5px; font-weight: 500;}
.orderInquiry-adminMsg .orderInquiry-userInfo {text-align: right;}
.orderInquiry-msgBubble {
    background-color: white;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    word-break: break-word;
}
.orderInquiry-msgBubble img {min-width: 100px; max-width: 100%; height: auto;}
.orderInquiry-adminMsg .orderInquiry-msgBubble {background-color: #FEE500;}
.orderInquiry-msgTime {font-size: 11px; color: #999; display: block; margin-top: 5px; text-align: right;}
.orderInquiry-inputArea {
    display: flex; 
    padding: 12px 15px; 
    background-color: #ffffff; 
    border-top: 1px solid #e9eaed; 
    align-items: center;
    position: absolute;
    bottom: 0;
    z-index: 5;
	overflow-x:hidden;
}
.orderInquiry-inputArea textarea{ line-height:1.3em;}
.orderInquiry-inputField {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #e1e8ed;
    border-radius: 24px;
    outline: none;
    font-size: 14px;
    background-color: #f5f7fa;
    transition: all 0.2s;
}
.orderInquiry-inputField:focus {border-color: #FEE500; background-color: #fff;}
.orderInquiry-inputTools {display: flex; gap: 10px; margin-left: 10px;}
.orderInquiry-attachBtn,
.orderInquiry-sendBtn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    transition: all 0.2s;
}
.orderInquiry-attachBtn {background-color: #e1e8ed; color: #6889b9;}
.orderInquiry-sendBtn {background-color: #FEE500; color: #3C1E1E;}
.orderInquiry-attachBtn:hover,
.orderInquiry-sendBtn:hover {transform: translateY(-2px);}
.orderInquiry-buttonArea {display: flex; justify-content: center; padding: 15px 10px; margin-top: 10px; border-top: 1px solid #e9eaed;}
@media screen and (max-width: 1024px) {
    .orderInquiry-layout {flex-direction: column; height: auto; padding: 0 10px;}
    .orderInquiry-infoToggle {display: flex;}
    .orderInquiry-infoPanel {
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        max-width: 300px;
        height: 100%;
        z-index: 100;
        transform: translateX(-100%);
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
        display: flex;
        flex-direction: column;
    }
    .orderInquiry-infoPanel.active {transform: translateX(0);}
    .orderInquiry-infoHeader {display: flex;}
    .orderInquiry-infoClose {display: flex;}
    .orderInquiry-infoContent {flex: 1;}
    .orderInquiry-chatPanel {
        height: 70vh; 
        padding-top: 50px;
        position: relative; 
        border-bottom: 1px solid #e1e8ed;
    }
    .orderInquiry-inputArea {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 2px solid #e1e8ed;
        box-shadow: 0 -3px 10px rgba(0,0,0,0.1);
        background-color: #ffffff;
        z-index: 5;
        padding: 12px 10px;
    }
    .orderInquiry-inputField {padding: 8px 12px; font-size: 13px; max-width: calc(100% - 100px);}
    .orderInquiry-inputTools {margin-left: 6px; gap: 6px;}
    .orderInquiry-attachBtn,
    .orderInquiry-sendBtn {width: 34px; height: 34px; min-width: 34px;}
    .orderInquiry-msgBox {max-width: 90%;}
    .orderInquiry-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: 99;
    }
    .orderInquiry-overlay.active {display: block;}
}

/* 쿠팡 문서 정보*/
.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: #d493e6; 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: #fdfaf9;
    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: #fdfaf9;
    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: #fdfaf9;}
.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: #d493e6; 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: #fdfaf9;
    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: #fdfaf9;
    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;}
.orderNumber-popup-barcodeTable tr:hover td {background-color: #fdfaf9;}
.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-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: #fdfaf9;
}
.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 #f9eded;
}
.excel-preview-table th {
    background-color: #fdfaf9; 
    border-top: 1px solid #f9eded;
    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: #fdfaf9;}
.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;}
}

/* 구매대행/배송대행 신청 약관동의 페이지 */
.delivery-form {max-width: 1440px; margin: 0 auto; padding: 20px; font-family: 'Noto Sans KR', sans-serif;}
.section-header {
    background-color: #f8f8f8;
    height: 60px; 
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #d9e1f0;
    border-top: 1px solid #e5e5e5;
    position: relative;
}
.section-header:not(:first-of-type) {border-top: none;}
.section-header h2 {font-size: 20px; font-weight: 500; margin: 0; color: #333;}
.section-content {background-color: #fff; padding: 20px; border-bottom: 1px solid #e5e5e5;}
.radio-wrap {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 5px 0;}
.method-row .radio-wrap {justify-content: center; padding: 5px 0; width: 100%; margin: 0;}
.section-content > .radio-wrap {justify-content: center; padding: 5px 0;}
.shipping-method {display: flex; flex-direction: column; gap: 0;}
.method-row {display: flex; flex-direction: column; align-items: center; padding: 0; border-bottom: 1px solid #e5e5e5;}
.method-row:last-child {border-bottom: none;}
.btn-wrap {display: flex; justify-content: center; margin-top: 30px;}
.next-btn {
    background-color: #72323d;
    color: white;
    padding: 20px 80px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 22px;
    transition: all 0.3s ease;
}
.next-btn:hover {background-color: #72323d;}

@media (max-width: 768px) {
    .delivery-form {padding: 0;}
    .section-content {padding: 0;}
    .section-content > .radio-wrap {padding: 8px 0;}
    .method-row {flex-direction: column; border-bottom: 1px solid #e5e5e5; padding: 0;}
    .method-row .radio-wrap {width: 100%; justify-content: center; padding: 5px 0;} 
}
/* 구매대행 신청대기 */
/* 주문정보 */
.PAgency-orderInfo {width: 100%; padding: 30px 20px 0; box-sizing: border-box;}
.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; min-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: #999; min-width: 80px; flex-shrink: 0; text-align: right;}
.PAgency-orderInfo-cell.-right .PAgency-orderInfo-label {text-align: left;}
.PAgency-orderInfo-divider {color: #b1b2b3; padding: 0 15px; flex-shrink: 0;}
.PAgency-orderInfo-content {color: #333; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.PAgency-orderInfo-cell .formBtm-style3 {margin-left: auto;}

@media (max-width: 768px) {
   .PAgency-orderInfo-row {flex-direction: column; height: auto;}
   .PAgency-orderInfo-cell {padding: 12px 20px; flex-direction: column; align-items: flex-start;}
   .PAgency-orderInfo-cell.-right {border-left: none; border-top: 1px solid #e9eaed;}
   .PAgency-orderInfo-label-wrapper {display: flex; align-items: center; width: 100%; margin-bottom: 8px;}
   .PAgency-orderInfo-label {width: auto; min-width: auto; text-align: left; font-weight: 500;}
   .PAgency-orderInfo-divider {padding: 0 8px;}
   .PAgency-orderInfo-content {width: 100%; white-space: normal; word-break: break-word; padding-top: 3px; color: #000; font-size: 14px;}
   .PAgency-orderInfo-cell .formBtm-style3 {width: 100%; margin-left: 0;  margin-top: 10px;  text-align: center;  display: flex; justify-content: center;}
}

/* 신청대기-개인 상품등록 */
/* 수취인 입력 */
.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; margin-bottom: 15px; gap: 8px;}
.PAgency-header {background-color: #bd8184; color: white; padding: 8px 20px;}
.PAgency-title {padding: 8px 0; font-size: 20px; font-weight: 500; color: #000;}
.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: 13px; font-weight: 500; 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;}
@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;}
.PA-invoiceInfo-header-wrapper {display: flex; align-items: center; margin-bottom: 15px; gap: 8px;}
.PA-invoiceInfo-title {font-size: 20px; font-weight: 500; color: #000;}
.PA-invoiceInfo-form-section {padding: 20px; border-radius: 4px; border: 1px solid #e9eaed;}
.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: #bd8184; 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: 20px;}
.PAgency-titleArea h2 {font-size: 25px; font-weight: 500;}
.PAgency-titleArea p {font-size: 15px; font-weight: 500; color: #666;}
.PAgency-titleArea .essential, .PAgency-dot {color: #f00;}
.PAgency-card {border: 1px solid #ddd; border-radius: 8px; background: #fff; margin-bottom: 30px;}
.PAgency-card2 {border: 1px solid #ddd; border-radius: 8px; background: #f8f8f8; margin-bottom: 30px;}
.PAgency-cardHeader {display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid #ddd;}
.PAgency-productTitle {font-size: 18px; font-weight: 600; margin-left: 65px;}
.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-cardContent {display: flex; gap: 30px; padding: 20px; align-items: flex-start;}
.PAgency-imageUpload {width: 200px;}	
.PAgency-preview {width: 100%; height: 200px; background: #f5f5f5;
 margin-bottom: 10px; border-radius: 4px; overflow: hidden; align-items: center; justify-content: center;}
.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 .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: -8px 0 12px; font-size: 13px; font-weight: 500; color: #666; line-height: 1.6;}
.PAgency-cardContent-notice p {margin: 0;}
@media screen and (max-width: 1000px) {
   .PAgency-formRow {flex-direction: column; gap: 15px;}
   .PAgency-formRow-left, .PAgency-formRow-right {flex-direction: column; width: 100%;}
   .PAgency-formRow-right .formBtm-style3, .PAgency-formRow-right .nomal-Select {width: 100%;}
}
@media screen and (max-width: 768px) {
   .PAgency-cardHeader {flex-direction: column; align-items: center; gap: 15px;}
   .PAgency-productTitle {margin-left: 0; text-align: center;}
   .PAgency-btnGroup {width: 100%; flex-direction: column; gap: 15px;}
   .PAgency-textBtns {width: 100%; flex-direction: column; gap: 8px;}
   .PAgency-textBtns .formBtm-style3 {width: 100%;}
   .PAgency-iconBtns {width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px;}
   .PAgency-iconBtns .formBtm-style3 {width: 36px; height: 36px; padding: 0; display: flex; align-items: center; justify-content: center;}
   .PAgency-cardContent {flex-direction: column; align-items: center;}
   .PAgency-imageUpload {width: 100%; max-width: 300px;}
   .PAgency-formRow {flex-direction: column; gap: 15px; margin-bottom: 15px;}
   .PAgency-formRow .Essential-form, .PAgency-formRow .standardForm, .PAgency-formRow .nomal-select-box, .PAgency-formRow .formBtm-style3 {width: 100%;}
   .PAgency-formRow input {margin: 0 !important;}
   .Essential-form, .standardForm {margin: 0;}
}
/* 몽골 신청서 작성용 추가 */
.PAgency-cardContent3 {display: flex; flex-direction: column; gap: 12px; width: 100%;}
.cardContent3-group {display: flex; flex-direction: column; width: 100%; gap: 4px;}
.cardContent3-group label {font-size: 14px; font-weight: 500;}
.required-mark {color: #f00; margin-right: 2px;}
.cardContent3-group input[type="text"] {
    width: 100%;
	display: flex;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
	height: 40px;
	box-sizing: border-box;
}

/* 이미지 버튼 가운데 */
.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: #f9eded;
    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;}

/* 총 상품금액 */
.PA-extendedPrice {width: 100%; padding: 15px 20px 0;}
.PA-extendedPrice-container {max-width: 1516px; margin: 0 auto;}
.PA-extendedPrice-section {padding: 40px 30px 40px; border-radius: 4px; border: 10px solid #e2eef8;}
.PA-extendedPrice-title {text-align: center; color: #333; font-size: 26px; font-weight: 600; margin-bottom: 15px;}
.PA-extendedPrice-amount {color: #333; font-weight: 500;}
.PA-extendedPrice-yen {color: #4aa3dc; font-weight: 500;}
.PA-extendedPrice-target {color: #4aa3dc;}
.PA-extendedPrice-section > div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
}
.PA-extendedPrice-section > div:nth-child(2) span {
    color: #666;
    font-size: 14px;
    border: 1px solid #e0e9f5;
    border-radius: 4px;
    padding: 0 12px;
	height: 40px;
	align-content: center;
    display: inline-block;
}
.PA-extendedPrice-notice {padding-top: 15px;}
.PA-extendedPrice-notice li {color: #666; font-size: 14px; line-height: 1.6; position: relative; padding-left: 10px;}
.PA-extendedPrice-notice li:before {content: "·"; position: absolute; left: 0; top: 0;}
.PA-extendedPrice-notice li.warning {color: #ff4d4d;}
@media (max-width: 768px) {
    .PA-extendedPrice {padding: 0 20px;}
    .PA-extendedPrice-section {padding: 20px;}
    .PA-extendedPrice-title {font-size: 18px; margin-bottom: 10px; line-height: 30px;}
    .PA-extendedPrice-section > div:nth-child(2) {flex-direction: column; text-align: center; margin-bottom: 15px;}
    .PA-extendedPrice-section > div:nth-child(2) span {margin-top: 5px; font-size: 13px;}
    .PA-extendedPrice-notice li {font-size: 13px;}
}

/* 부가 서비스 */
.PAgency-addService {width: 100%; padding: 30px 20px 0;}
.PA-addService-container {max-width: 1516px; margin: 0 auto;}
.PA-addService-header {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.PA-addService-title {font-size: 20px; font-weight: 500; margin: 0;}
.PA-addService-notice {margin-top: 10px; padding: 15px; background: #f8f8f8; border-radius: 4px;}
.PA-addService-notice li {color: #666; font-size: 14px; 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: 1px solid #e9eaed; 
    border-radius: 4px; 
    padding: 30px 20px 20px; 
    position: relative; 
    margin-top: 20px;
}
.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: 15px; 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;}
    .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;}
}

/* 센터요청사항 */
.PAgency-comment {padding: 15px 20px;}
.PAgency-comment-col {
    display: flex; 
    gap: 20px; 
    max-width: 1516px; 
    margin: 0 auto;
    border: 1px solid #e9eaed;
    border-radius: 4px;
    padding: 20px;
}
.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: #000; font-size: 18px;}
.PA-warningMsg-text strong {color: #ff4d4d; font-weight: 500; text-decoration: underline;}
.PA-warningMsg-text span {color: #ff4d4d; font-weight: 500;}
.PAgency-comment-input textarea::placeholder {color: #999;}
.PA-Btns {display: flex; gap: 15px; padding: 30px 20px 50px;}
.receive-button-group {display: flex; gap: 15px; width: 100%;}
@media (max-width: 1200px) {
    .PAgency-comment {padding: 20px 15px;}
    .PAgency-comment-col {gap: 15px;}
    .PAgency-comment-label {width: 100px; font-size: 14px;}
	.PA-warningMsg {padding: 12px;}
    .PA-warningMsg-text {font-size: 15px; line-height: 20px;}
	.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 {flex-direction: column; gap: 15px; width: 100%;}
    .receive-button-group .formBtm-style5 {width: 100%; white-space: nowrap; margin: 5px 0;}
}
@media (max-width: 480px) {
    .PAgency-comment {padding: 15px;}
    .PAgency-comment-col {flex-direction: column; gap: 10px;}
    .PAgency-comment-label {width: 100%;}
}

/* 버튼색상 */
.formBtm-style5.Red {background-color: #fff; border: 1px solid #ff0000; color: #ff0000;}

/* 배송요율표 */
.deliveryRate-notice {
	max-width: 1440px;
	margin: 0 auto; 
	padding: 15px 20px;
	font-size: 16px;
	font-weight: 500;
	color: #333;
}
.notice-badge {color: #dd4141; font-weight: 700;}
.notice-badgeTxt {font-size: 14px; font-weight: 500; line-height: 16px; padding: 8px 0 0;}
.deliveryRate-divider {
	max-width: 1440px;
	margin: 0 auto;
	height: 1px;
	background-color: #6f0015;
	opacity: 0.3;
	margin-bottom: 20px;
	line-height:180%;
}
.deliveryRate-content {margin-bottom: 40px;}
.deliveryRate-content.active {display: block;}
.deliveryRate-wrap {max-width: 1440px; margin: 0 auto; padding: 0;}
.deliveryRate-btns {display: flex; justify-content: center; gap: 15px; margin: 16px 0;}
.deliveryRate-btn {
	min-width: 150px;
	padding: 12px 20px;
	font-size: 17px;
	font-weight: 500;
	color: #000;
	background-color: #fff;
	border: 1px solid #6f0015;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.deliveryRate-btn:hover {background-color: #efefef;}
.deliveryRate-btn.active {color: #fff; background-color: #72323d;}
.deliveryRate-btn-divider {height: 1px; background-color: #e0e0e0; margin-bottom: 30px;}
.deliveryRate-subtab-wrap {margin-top: 20px;}
.deliveryRate-subtab-btns {display: flex; margin: 20px 0; width: 100%; gap: 20px;}
.deliveryRate-subtab-btn {
	flex: 1;
	padding: 12px 10px;
	font-size: 16px;
	font-weight: 500;
	color: #666;
	background-color: transparent;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	white-space: nowrap;
	text-align: center;
}
.deliveryRate-subtab-btn:hover {color: #333;}
.deliveryRate-subtab-btn.active {color: #72323d; font-weight: 600;}
.deliveryRate-subtab-btn.active:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #72323d;
}
.deliveryRate-subtab-divider {height: 1px; background-color: #e0e0e0; margin-bottom: 30px;}
.deliveryRate-subtab-content {display: none;}
.deliveryRate-subtab-content.active {display: block;}
.tab-icon {width: 24px; height: 24px; margin-right: 8px;}
.deliveryRate-table-wrap {width: 100%; overflow-x: auto; margin-bottom: 50px; -webkit-overflow-scrolling: touch;}
.deliveryRate-table {width: 100%; border-spacing: 0; border-radius: 10px; overflow: hidden; box-shadow: 0 0 0 1px #e0e0e0;}
.deliveryRate-table thead th {
	background-color: #fff;
	font-weight: 600;
	padding: 15px 10px;
	text-align: center;
	border: 1px solid #e0e0e0;
	white-space: nowrap;
}
.deliveryRate-table tbody td {
	padding: 12px 10px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	white-space: nowrap;
	line-height:140%;
}
.deliveryRate-table thead th:first-child {border-top-left-radius: 10px;}
.deliveryRate-table thead th:last-child {border-top-right-radius: 10px;}
.deliveryRate-table tbody tr:last-child td:first-child {border-bottom-left-radius: 10px;}
.deliveryRate-table tbody tr:last-child td:last-child {border-bottom-right-radius: 10px;}
.deliveryRate-table td:first-child {background-color: #FCF8F8; font-weight: 500;}
.deliveryRate-more-btn-wrap {display: flex; justify-content: center; margin-top: 20px; margin-bottom: 20px;}
.deliveryRate-more-btn {
	min-width: 120px;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: 500;
	color: #666;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.deliveryRate-more-btn:hover {background-color: #f8f8f8;}
.deliveryRate-more-btn i {margin-left: 5px; font-size: 12px;}
@media (max-width: 1024px) {
	.deliveryRate-wrap {width: calc(100% - 20px); margin: 0 10px; max-width: none;}
	.deliveryRate-btn {min-width: 120px; font-size: 16px; padding: 10px 15px;}
	.deliveryRate-subtab-btns {gap: 15px;} /* 간격 조정 */
	.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-notice {width: calc(100% - 20px); margin: 0 10px; font-size: 14px; padding: 12px 15px;}
	.deliveryRate-divider {width: calc(100% - 20px); margin: 0 10px 20px;}
	.deliveryRate-wrap {width: calc(100% - 20px); margin: 0 10px; max-width: none;}
	.deliveryRate-btns {margin: 12px 0; gap: 10px;}
	.deliveryRate-btn {min-width: 100px; font-size: 14px; padding: 8px 15px;}
	.deliveryRate-subtab-btns {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 0; margin: 15px auto; justify-content: center;}
	.deliveryRate-subtab-btn {
		flex: none;
		padding: 10px 8px;
		font-size: 14px;
		text-align: center;
		background-color: #f8f8f8;
		border: 1px solid #e0e0e0;
		border-radius: 6px;
	}
	.deliveryRate-subtab-btn.active {color: #fff; background-color: #6f0015; border-color: #6f0015;}
	.deliveryRate-subtab-btn.active:after {display: none;}
	.tab-icon {width: 20px; height: 20px; margin-right: 5px;}
	.deliveryRate-type-header {font-size: 16px;}
	.deliveryRate-table thead th,
	.deliveryRate-table tbody td {padding: 8px 6px; font-size: 13px;}
	.deliveryRate-more-btn {min-width: 100px; padding: 8px 15px; font-size: 14px;}
}
@media (max-width: 480px) {
	.deliveryRate-notice {width: calc(100% - 20px); margin: 0 10px; font-size: 13px; padding: 10px;}
	.deliveryRate-divider {width: calc(100% - 20px); margin: 0 10px 20px;}
	.deliveryRate-wrap {width: calc(100% - 20px); margin: 0 10px; max-width: none;}
	.deliveryRate-btns {margin: 10px 0;}
	.deliveryRate-btn {min-width: auto; flex: 1; padding: 8px 5px; font-size: 13px;}
	.deliveryRate-subtab-btns {display: flex; width: 100%; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: 12px auto;}
	.deliveryRate-subtab-btn {padding: 8px 5px; font-size: 12px; white-space: nowrap; overflow: hidden;}
	.tab-icon {width: 16px; height: 16px; margin-right: 4px;}
	.deliveryRate-weight {width: 80px;}
	.deliveryRate-weight, .deliveryRate-price {padding: 8px 10px; font-size: 13px;}
	.deliveryRate-table thead th,
	.deliveryRate-table tbody td {padding: 6px 4px; font-size: 12px;}
}

/* 공지사항 자주하는 질문 공통 */
/* 공지사항 */
.coustomerCenter-list {max-width: 1440px; margin: 0 auto; padding: 0 10px;}
.customerNotice-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.customerNotice-count {font-size: 15px; color: #333; margin-top: 20px; display: flex; align-items: center; white-space: nowrap;}
.customerNotice-count .formBtm-style9 {margin-right: 10px;}
.customerNotice-search {display: flex; gap: 10px; min-width: 500px;}
.customerNotice-search .standardForm {flex: 1;}
.customertable-container {width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #f9eded;}
.customerNotice-table {width: 100%; border-collapse: collapse; table-layout: fixed; min-width: 800px;}
.customerNotice-table::-webkit-scrollbar {display: none;}
.customerNotice-table th {
	height: 60px; 
	background: #fdfaf9; 
	border-bottom: 1px solid #f9eded; 
	color: #9c9c9c; 
	text-align: center; 
	white-space: nowrap; 
	padding: 0 10px;
}
.customerNotice-table td {
    height: 50px;
    padding: 15px 10px;
    text-align: center;
    border-bottom: 1px solid #e9eaed;
    color: #404040;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.customerNotice-table th:nth-child(1), 
.customerNotice-table td:nth-child(1) {width: 80px;}
.customerNotice-table th:nth-child(2), 
.customerNotice-table td:nth-child(2) {width: auto; min-width: 300px;}
.customerNotice-table th:nth-child(3), 
.customerNotice-table td:nth-child(3) {width: 120px;}
.customerNotice-table th:nth-child(4), 
.customerNotice-table td:nth-child(4) {width: 20%;}
.customerNotice-table th:nth-child(5), 
.customerNotice-table td:nth-child(5) {width: 20%;}
.customerNotice-title {display: flex; align-items: center; gap: 10px; text-align: left; position: relative;}
.customerNotice-table td.customerNotice-title {text-align: left; white-space: nowrap;}
.customerNotice-title a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 30px);}
.customerNotice-table .formBtm-style3 {min-width: 80px;}
.notice-icon {
	width: 16px;
	height: 16px;
	background: red;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 16px;
	flex-shrink: 0; 
}
.notice-categ {font-size: 16px; color: #65307C; font-weight: 500;}
.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) {
	.customerNotice-header {flex-direction: column-reverse;}
	.customerNotice-count {width: 100%; font-size: 14px; display: flex; justify-content: space-between; align-items: center;}
	.customerNotice-search {min-width: auto; width: 100%; margin-bottom: 15px; display: flex; gap: 10px;}
	.customerNotice-search .standardForm {flex: 1;} 
	.customerNotice-search .formBtm-style3 {width: auto; min-width: 60px;}
	.customerNotice-search input {width: 100%;}
	.customertable-container {overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch;}
	.customerNotice-table {width: 100%; min-width: 800px; table-layout: fixed;}
	.customerNotice-title {gap: 5px;}
	.customerNotice-title a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 25px); font-size: 13px;}
	.customerNotice-table td,
	.customerNotice-table th {font-size: 13px; padding: 10px 5px; white-space: nowrap; vertical-align: middle;}
	.customerNotice-table th {padding: 8px 5px; height: 45px;}
	.customerNotice-table tbody tr:last-child td {border-bottom: 1px solid #f9eded !important;}
	.pagination-section {display: flex; justify-content: center; align-items: center; width: 100%; margin: 20px 0;}
	.pagination-wrap {width: 100%; display: flex; justify-content: center;}
	.pagination-list {display: flex; justify-content: center; flex-wrap: wrap; gap: 5px;}
	.notice-icon {width: 14px; height: 14px; font-size: 9px; min-width: 14px;}
	.notice-categ {font-size: 14px;}
}
@media (max-width: 480px) {
	.customerNotice-table td,
	.customerNotice-table th {font-size: 12px; padding: 8px 3px;}
	.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: #6f0015;}

/* 글쓰기 페이지 스타일 */
.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 #f9eded;
    color: #333;
}
.write-form {border-top: 1px solid #f9eded;}
.write-form-row {display: flex; border-bottom: 1px solid #f9eded; 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: #fdfaf9; padding: 25px 15px; border-top: 1px solid #f9eded; border-bottom: 1px solid #f9eded;}
.detail-title {font-size: 18px; font-weight: 500; color: #333; margin-bottom: 15px;}
.detail-info {display: flex; flex-wrap: wrap; gap: 30px; color: #666; justify-content: flex-end;}
.detail-info span {display: flex; align-items: center; word-break: break-all; font-size: 14px;}
.detail-info strong {color: #000; margin-left: 10px; font-weight: 500;}
.customerNotice-detail-content {padding: 30px 15px; border-bottom: 1px solid #e9eaed; line-height: 1.6;}
.customerNotice-detail-file {padding: 15px; border-bottom: 1px solid #e9eaed; display: flex; flex-wrap: wrap; align-items: flex-start;}
.customerNotice-detail-file a {color: #666;}
.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;}
.file-list {flex: 1; display: flex; flex-wrap: wrap; gap: 10px;}
.file-item {
    display: inline-flex;
    align-items: center;
    color: #666;
    margin-right: 15px;
    background-color: #f8f9fa;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #e9eaed;
    transition: background-color 0.2s;
    min-width: 180px;
}
.file-item:hover {background-color: #eef1f5;}
.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 #f9eded; 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 {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 #f9eded; 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 #f9eded;}
.comment-title {font-size: 18px; color: #333;}
.comment-title span {color: #35a0db;}

/* 댓글 */
.comment-write {margin-bottom: 20px;}
.comment-write textarea {width: 100%; height: 80px; padding: 15px; border: 1px solid #f9eded; border-radius: 5px; resize: none;}
.comment-btn {display: flex; gap: 10px; margin-top: 10px;}
.comment-list li {padding: 20px 0; border-bottom: 1px solid #f9eded;}
.comment-info {display: flex; align-items: center; gap: 10px; margin-bottom: 10px;}
.comment-info strong {color: #333;}
.comment-info span {color: #666; font-size: 14px;}
.comment-text {color: #666; line-height: 1.4; 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 #f9eded; 
	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: 40px;
}
.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 #f9eded; 
	padding-bottom: 20px;
}
.track_noData-item {
	display: flex; 
	border: 1px solid #f9eded; 
	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: #72323d; border: 1px solid #72323d; color: #fff;}
.choice-time.active {background-color: #72323d; color: white; border-color: #72323d;}
.choice-time.selected {
    background-color: #72323d;
    color: white;
    border-color: #72323d;
    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;}
.mypage-account-wrap {width: 100%; background-color: #f6f7fb;}
.mypage-account-inner {max-width: 1558px; margin: 0 auto; padding: 20px;}
.mypage-account-info {display: flex; justify-content: flex-end; gap: 40px;}
.mypage-account-item {display: flex; align-items: center; gap: 6px; color: #666; font-size: 16px;}
.mypage-account-item i {font-size: 16px; margin-right: 2px;}
.mypage-account-text {color: #666;}
.mypage-account-value {color: #333; font-weight: 500;}
.mypage-container {max-width: 1558px; margin: 0 auto; padding: 20px 0 0 0; margin-top: 20px;}
.mypage-top-menu {display: flex; background-color: #ac738b; padding: 15px; border-radius: 5px; margin-bottom: 20px; align-items: center;}
.mypage-menu-item {
	color: #fff; 
	text-decoration: none; 
	flex: 1; 
	text-align: center; 
	font-size: 16px; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	gap: 8px;
}
.mypage-menu-item i {font-size: 16px;}
.menu-divider {width: 1px; height: 20px; background-color: rgba(255, 255, 255, 0.3); margin: 0 5px;}
.mypage-category {width: 100%; background-color: #f6f7fb; padding: 20px 0;}
.mypage-category-section {width: 100%;}
.mypage-category-wrap {max-width: 1558px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 20px;}
.mypage-category-item {border-radius: 8px; padding: 15px; background: #fff; border: 1px solid #DBB5BE;}
.mypage-category-title {
	font-size: 16px; 
	font-weight: 600; 
	margin-bottom: 15px; 
	color: #333; 
	border-bottom: 1px solid #DBB5BE; 
	padding-bottom: 10px; 
	text-align: center;
}
.mypage-category-list li {margin-bottom: 6px;}
.mypage-category-list li:last-child {margin-bottom: 0;}
.mypage-category-list a {
	text-decoration: none; 
	color: #666; 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	padding: 4px 6px; 
	border-radius: 4px; 
	transition: all 0.2s ease;
}
.mypage-category-list a:hover {background: #fff4ee; color: #ac738b;}
.mypage-category-list a.active {background: #fff4ee; color: #ac738b;}
.mypage-category-list a.active .mypage-count {background: #ac738b; color: #fff; border-color: #ac738b;}
.mypage-category-list span {display: block;}
.mypage-category-list .mypage-count {margin-left: auto; min-width: 30px; text-align: center;}
.mypage-count {
	background: #eff0f5; 
	color: #ac738b; 
	padding: 3px 10px; 
	border-radius: 12px; 
	font-size: 12px; 
	border: 1px solid #eff0f5; 
	font-weight: 600;
	width: 60px;
	text-align: center;
}
.mypage-category-list a:hover .mypage-count {background: #ac738b; color: #fff; border-color: #ac738b;}
.mypage-count {border: 1px solid #e1ddf9;}
.mypage-search-section {
	width: 100%; 
	max-width: 1558px; 
	margin: 0 auto; 
	background: #fff; 
	border-top: 1px solid #DBB5BE; 
	border-bottom: 1px solid #DBB5BE; 
	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-select-box select.wh200 {width: 200px;}
.mypage-search-btn {
	background: #ac738b; 
	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: #ac738b; 
	color: #fff; 
	border: none; 
	border-radius: 50px; 
	padding: 0 50px; 
	height: 50px; 
	cursor: pointer; 
	margin-top: 15px;
}
@media (max-width: 1600px) {
	.mypage-category-wrap {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 1200px) {
	.mypage-category-wrap {grid-template-columns: repeat(3, 1fr);}
	.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%;}
	/** 추가 **/
	.mypage-select-box select.wh200 {width: 100%;}
	.track_search_date {width: 100%;}
	.track_datepicker {flex: 1;}
	.date-picker {width: 100%;}
	.mypage-search-row .standardForm {width: 100%;}
}
@media (max-width: 992px) {
	.mypage-category-wrap {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
	.dashboard {margin-top: -40px;}
	.mypage-account-inner {padding: 15px;}
	.mypage-account-info {flex-direction: row; flex-wrap: wrap; justify-content: flex-end; gap: 15px 20px;}
	.mypage-account-item {font-size: 13px; gap: 4px;}
	.mypage-account-item i {font-size: 14px; margin-right: 0;}
	.mypage-account-text {font-weight: 400;}
	.mypage-account-value {font-weight: 600;}
	.mypage-container {padding: 0 10px;}
	.mypage-category {padding: 0 10px;}
	.mypage-category-section {margin-bottom: 20px;}
	.mypage-top-menu {flex-wrap: wrap; gap: 5px; background: none; padding: 0;}
	.mypage-menu-item {flex: 0 0 calc(50% - 5px); background: #ac738b; padding: 12px; border-radius: 3px; font-size: 14px; transition: background-color 0.2s ease;}
	.mypage-menu-item:hover {background: #6548db;}
	.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-top: 40px; max-width: 100%; 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;}
.dashboard-table th {
    position: sticky; 
    top: 0; 
    height: 50px;
    background-color: #fdfaf9; 
    border-top: 1px solid #f9eded; 
    border-bottom: 1px solid #f9eded; 
    padding: 15px 10px; 
    font-size: 15px; 
    font-weight: 500; 
    color: #333; 
    text-align: center; 
    z-index: 10;
    white-space: nowrap;
	line-height:140%;
}
.dashboard-table td {
    border-bottom: 1px solid #f9eded; 
    padding: 12px 8px; 
    font-size: 14px; 
    color: #666; 
    text-align: center; 
    word-break: break-word;
    vertical-align: middle;
}
.dashboard-table td img {width: 60px; height: 60px; object-fit: cover; border-radius: 4px;}
.dashboard-table tr:hover td {background: #f6f7fb;}
/* 버튼 행은 호버 시 배경색 변경 없음 */
.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 th.no-column {width: 70px;} /* NO */
.dashboard-table th.order-num-column {width: 130px;} /* 주문번호 */
.dashboard-table th.img-column {width: 80px;} /* 이미지 */
.dashboard-table th.method-column {width: 70px;} /* 신청방식 */
.dashboard-table th.shipping-column {min-width: 130px;} /* 운송방식 */
.dashboard-table th.recipient-column {width: 100px;} /* 수취인 */
.dashboard-table th.customs-column {width: 80px;} /* 통관구분 */
.dashboard-table th.quantity-column {width: 70px;} /* 총수량 */
.dashboard-table th.amount-column {min-width: 110px;} /* 총액 */
.dashboard-table th.payment-column {min-width: 100px;} /* 결제구분 */
.dashboard-table th.status-column {width: 100px;} /* 결제금액 */
.dashboard-table th.storage-column {width: 80px;} /* 입고상태 */
.dashboard-table th.tracking-column {width: 120px;} /* 트래킹 */
.dashboard-table th.delivery-column {width: 80px;} /* 배송조회 */
.dashboard-table th.date-column {width: 100px;} /* 처리일자, 신청일 */
.dashboard-table th.btn-column {width: 100px;} /* Q&A */
.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 {padding: 0; border-bottom: 1px solid #f9eded; background: #fafbfd;}
.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.pink {background: #ff5c97;}
.dashboard-state-btn.blue {background: #4d6bf9;}
.row-services-container {display: flex; justify-content: space-between; width: 100%; padding: 10px 20px; align-items: center;}
.additional-services {
    display: flex; 
    flex-wrap: wrap; 
    flex: 1; 
    gap: 8px 12px; 
    align-items: center; 
    margin-right: 60px; /* 부가서비스와 버튼 그룹 사이 간격 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-weight: 600; color: #333; padding-right: 5px; background: #ebebeb; border: 1px solid #dfdcdc; padding: 3px 6px;}
.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: 12px;
    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;}
    .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: #fdfaf9; padding: 8px 10px; border-radius: 4px;}
	.service-item {font-size: 12px;}
	.service-item:not(:last-child):after {height: 10px;}
}

/* 대시보드 상품 리스트 주문번호 클릭 후 테이블 */
.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: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}
.dashboard-intable th {
    height: 40px;
    background-color: #bd8184;
    border-top: 1px solid #aa676b;
    border-bottom: 1px solid #aa676b;
    padding: 10px 8px;
    font-size: 14px;
    font-weight: 500;
    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 #f9eded; 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: #fdfaf9;}
a.dashboard-indata {color: #753ac5; text-decoration: none; font-weight: 500; transition: color 0.2s;}
a.dashboard-indata:hover {color: #753ac5;}
.In-data {display: none; width: 100%; overflow: hidden;}
.In-data.active {display: block;}
.dashboard-intablebutton-group {display: flex; width: 100%;}
.dashboard-intablebutton-group button {margin-left: 5px;}
.orderNumber-detilRed {font-size: 16px; color: #E01D20; margin-top: 2px;}
.orderNumber-detilblue {font-size: 16px; color: #194ACD; margin-top: 2px;}
@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: #bd8184; 
	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: 14px; font-weight: 500;}
.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-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: 1516px; 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;}
.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: 15px;}
.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;}
.myPAgency-productList .myPAgency-info-row {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;}
.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;}
   .PAgency-imageUpload {width: 100%; max-width: 200px; text-align: center;}
   .PAgency-preview {margin-bottom: 10px;}
   .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: 20px 10px 0;}
   .myPAgency-productList .myPAgency-cardContent {padding: 12px;}
}

/* 예치금 페이지 */
.coustomer-balance-list {max-width: 1440px; margin: 0 auto; padding: 20px;}
.balance-amount-wrapper {margin-bottom: 15px;}
.balanceTitle {font-size: 20px; font-weight: 500; color: #333;}
.balance-amount {background: #d493e6; color: #fff; padding: 5px 10px; border-radius: 3px; font-weight: 600; margin-left: 10px;}
.coustomer-balance-header {border-top: 3px solid #DBB5BE; padding: 15px 0; display: flex; justify-content: space-between; align-items: center;}
.total-count {color: #666; font-size: 14px;}
.balance-actions {display: flex; align-items: center; gap: 10px;}
.table-container {border-top: 1px solid #f9eded; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.coustomer-balance-table {width: 100%; border-collapse: collapse; min-width: 900px;}
.coustomer-balance-table th, 
.coustomer-balance-table td {height: 60px; border-bottom: 1px solid #e9eaed; text-align: center; font-size: 16px;}
.coustomer-balance-table th {background: #fdfaf9; color: #9c9c9c; white-space: nowrap; font-size: 14px;}
.formBtm-style3 {white-space: nowrap; text-align: center; display: flex; align-items: center; justify-content: center;}
@media (max-width: 1024px) {
  .balance-actions {gap: 8px;}
}
@media (max-width: 768px) {
  .coustomer-balance-header {flex-direction: column; align-items: flex-start; gap: 15px;}
  .balance-actions {flex-wrap: wrap; gap: 10px; width: 100%;}
  .balance-actions .standardForm {width: 100%;}
  .balance-actions .formBtm-style3:first-of-type {width: 100%;}
  .balance-actions .formBtm-style3:not(:first-of-type) {flex: 1;}
  .coustomer-balance-table th, 
  .coustomer-balance-table td {font-size: 13px;}
}
@media (max-width: 480px) {
  .coustomer-balance-list {padding: 15px;}
  .balanceTitle {font-size: 16px;}
  .coustomer-balance-table th, 
  .coustomer-balance-table td {font-size: 12px;}
}

/* 쿠폰 페이지 */
.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: #d493e6; color: #fff; padding: 5px 10px; border-radius: 3px; font-weight: 600; margin-left: 10px;}
.coustomer-cupon-header {border-top: 3px solid #DBB5BE; 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 #f9eded; 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: #fdfaf9; 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: #d493e6; color: #fff; padding: 5px 10px; border-radius: 3px; font-weight: 600; margin-left: 10px;}
.savedMoney-header {border-top: 3px solid #DBB5BE; 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 #f9eded; 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: #fdfaf9; 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;}
.localDelivery-copy-desc {
	margin-bottom: 20px; 
	color: #666; 
	font-size: 14px;
	font-weight: 500;
	padding: 15px 0;
	border-bottom: 3px solid #DBB5BE;
}
.localDelivery-wrapper {display: flex; gap: 20px; margin-bottom: 20px;}
.localDelivery-section {flex: 1; min-width: 0;}
.localDelivery-title {font-size: 20px; font-weight: 600; color: #000; margin-bottom: 15px; margin-top: 10px;}
.localDelivery-title i {color: #000; margin-right: 5px;}
.localDelivery-content {border: 1px solid #f9eded;}
.localDelivery-row {display: flex; border-bottom: 1px solid #f9eded; align-items: center; position: relative;}
.localDelivery-row:last-child {border-bottom: none;}
.localDelivery-cell {
	padding: 15px; 
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4; 
	min-height: 54px;
	display: flex;
	align-items: center;
	min-height: 54px;
}
.localDelivery-cell.title {
	width: 180px;
	flex-shrink: 0;
	background: #f8f9fc;
	color: #666;
	font-weight: 500;
	border-right: 1px solid #f9eded;
	min-height: 54px;
    align-self: stretch;
}
.localDelivery-row .formBtm-style6 {white-space: nowrap !important; margin-right: 15px;}
@media (max-width: 1024px) {
	.localDelivery-cell.title {width: 150px;}
}
@media (max-width: 768px) {
	.localDelivery-wrapper {flex-direction: column;}
	.localDelivery-row {text-align: left; align-items: flex-start;}
	.localDelivery-section {width: 100%;}
	.localDelivery-cell.title {width: 130px;}
}
@media (max-width: 480px) {
	.localDelivery-list {padding: 15px;}
	.localDelivery-title {font-size: 16px;}
	.localDelivery-row {flex-direction: column; padding-bottom: 20px;}
	.localDelivery-cell {padding: 10px 15px; min-height: auto;}
	.localDelivery-cell.title {width: 100%; border-right: none; border-bottom: 1px solid #f9eded;}
	.localDelivery-row .formBtm-style3 {bottom: 2px; right: 15px; width: auto; min-width: 70px;}
}

/* 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: #DBB5BE; 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 #f9eded; border-top: 1px solid #f9eded; text-align: center; font-size: 14px;}
.hscode-table th {background-color: #fdfaf9; font-weight: 500; color: #666; white-space: nowrap;}
.hscode-table tr:hover {background-color: #f8f9fc;}
.hscode-table th:nth-child(5), .hscode-table td:nth-child(5) {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(6) {padding-left: 0;}
.hscode-table th:nth-child(3), .hscode-table th:nth-child(4),
.hscode-table th:nth-child(7), .hscode-table th:nth-child(8) {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%;}
   .hscode-table {display: none;}
   .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;}
.myStock-wrapper {border: 1px solid #e9eaed; border-radius: 8px; padding: 20px;}
.myStock-wrapper[data-type="transfer"] {background: #f7f7f8;}
.myStock-wrapper .radio-group {padding-bottom: 15px; border-bottom: 1px solid #e9eaed; margin-bottom: 15px;}
.myStock-notice p {color: #666; font-size: 14px; line-height: 1.6; margin-bottom: 8px;}
.myStock-section-title-wrap {display: flex; align-items: center; gap: 12px; margin-bottom: 15px;}
.myStock-section-title-wrap h2 {font-size: 20px; font-weight: 500;}
@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;}
}

/* 사업자 페이지 인보이스 추가 */
.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: 20px; font-weight: 500; color: #000;}
.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: 14px; font-weight: 500;}
.PA-invoiceInfo-info-divider {color: #ddd; font-weight: 300;}
.PA-invoiceInfo-info-text {color: #000; font-size: 14px; 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: #bd8184; 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: #bd8184; 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: 0 20px; 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 #f9eded !important;
    border-bottom: 3px solid #f9eded !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 #f9eded; border-radius: 8px; overflow: hidden; width: 100%; margin-bottom: 15px;}
.costInfor-amount-row {display: flex; border-bottom: 1px solid #f9eded;}
.costInfor-amount-row:last-child {border-bottom: none;}
.costInfor-label {width: 200px; padding: 15px 20px; background: #fdfaf9; 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: #fdfaf9; border: 1px solid #f9eded; 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: 16px; font-weight: 500; color: #fff; background-color: #d493e6; padding: 5px 10px;}
.costPop-totalTitle {font-size: 20px; font-weight: 600; color: #000;}
.costPop-currency {font-size: 13px; align-content: center; color: #fff; font-weight: 600; background-color: #849fd4; padding: 2px 8px; margin-left: auto;}
.costPop-weight-table {width: 100%; border-collapse: collapse; margin: 0; border: 1px solid #f9eded;}
.costPop-weight-table tr {border-bottom: 1px solid #f9eded;}
.costPop-weight-table tr:last-child {border-bottom: none;}
.costInforproduct-table {width: 100%; border-collapse: collapse; margin: 0; border: 1px solid #f9eded;}
.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 #f9eded;}
.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 #f9eded;
    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: 12px; 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;}
}

/* 결제 관리 시스템 */
/* 결제 관리 페이지 스타일 */
.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;}
.mypage-payment-table {width: 100%; border-collapse: collapse; margin-bottom: 20px; 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: #fdfaf9;
    padding: 12px 8px;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #f9eded;
    border-top: 1px solid #f9eded;
    color: #666;
    white-space: nowrap;
    font-size: 14px;
	vertical-align: middle;
}
.mypage-payment-td {padding: 16px 8px; text-align: center; border-top: 1px solid #f9eded; border-bottom: 1px solid #f9eded; font-size: 14px; color: #404040; line-height: 1.5; position: relative; vertical-align: middle;}
.mypage-payment-td:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 25%;
    right: 0;
    height: 50%;
    width: 1px;
    background-color: #e0e0e0;
}
.mypage-payment-table tr:hover {background-color: #f8f9fc;}
.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: #bd8184; color: #fff; font-size: 13px;}
.mypage-payment-point-label {display: inline-block; padding: 0 8px; background-color: #bd8184; 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: 3px solid #DBB5BE; padding-top: 20px;}
.mypage-payment-section-title {font-size: 16px; font-weight: 600; margin: 15px 0; color: #333;}
.mypage-payment-amount-table-container {margin-bottom: 30px;}
.mypage-payment-amount-table {width: 100%; border-collapse: collapse; border: 1px solid #f9eded;}
.mypage-payment-amount-title {
    width: 30%;
    padding: 12px 15px;
    font-weight: 500;
    text-align: left;
    border-bottom: 1px solid #f9eded;
    background-color: #fdfaf9;
    color: #666;
}
.mypage-payment-amount-value {width: 70%; padding: 12px 15px; text-align: left; border-bottom: 1px solid #f9eded;}
.mypage-payment-amount-total {font-weight: 700; font-size: 16px;}

/* 결제수단 섹션 */
.mypage-payment-method-container {border: 1px solid #f9eded; margin-bottom: 30px;}
.mypage-payment-method-row {display: flex; border-bottom: 1px solid #f9eded;}
.mypage-payment-method-row:last-child {border-bottom: none;}
.mypage-payment-method-left {width: 30%; padding: 12px 15px; font-weight: 500; background-color: #fdfaf9; color: #404040;}
.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: 0.5; color: #404040;}
.weight-value .standardForm {max-width: 300px;}
.valueSpan {
    background-color: #bd8184; 
    padding: 2px 8px; 
    color: #FFF; 
    font-size: 12px; 
    margin: 0 5px 0 0; 
    border-radius: 3px;
    display: inline-block;
}
.valueSpanLeft {margin-left: 15px;}
.bank-info-container {display: flex; flex-wrap: wrap; align-items: center; gap: 5px;}
.bank-info-item {display: flex; align-items: center; margin-right: 10px;}
.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) {
    .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%;}
    .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 #f9eded;}
    .bank-info-item:last-child {border-bottom: none;}
    .valueSpanLeft {margin-left: 0;}
    .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%;}
}
@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;}
}

/* 헬퍼 팝업 스타일 */
.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;}
}
.exVievText {font-size: 14px; font-weight: 600; color: #e53737;}
.exVievText-Underline {font-size: 14px; font-weight: 600; text-decoration: underline;}













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

/* 빈 공백 마진 */
.spaceHt10 {height:10px;}
.spaceHt20 {height:20px;}
.spaceHt30 {height:30px;}
.nodataText {padding: 20px; text-align: center;}
/** 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;}
.marginBottom3 {margin-bottom: 10px;}
.marginTop {margin:30px;}
.contentCenter {text-align: center; display: flex; justify-content: center;}