/* 해당 css는 커스텀이 필요한 css 기존 desgin 영역에 최대한 손대지 않을 것.
  1. 클래스명이 겹칠 경우 !important를 최대한 활용
  2. 가급적 새로운 class 명을 지정하고 활용
  */
:root{
    --btn-basic-bg: #f9f8fa;         /* 옅은 그레이 톤 배경 */
    --btn-basic-border: #ccc;        /* 기본 회색 보더 */
    --btn-basic-text: #333;          /* 진한 회색 텍스트 */

    --color-border: #383838;
    --color-border-input: #444;
    --color-border-p2: #383838;
}

/* 모달 팝업 - 의약품 수량 체크(product_order.skin.php) */
body.no-scroll {overflow: hidden;}
.medicine-m-wrap {display:block;position:fixed;top:calc(50% - 25%);left:calc(50% - 300px);width:600px;background-color:#fff;border:3px solid #333;padding:70px 5% 70px;font-size:1rem;text-align:center;z-index:9999;font-weight:500;border-radius:10px;box-shadow:0px 5px 5px rgba(0,0,0,.4);}
.medicine-m-wrap.active {display:none;}
.medicine-m-wrap a {display:block;font-weight:700;}
.medicine-m-wrap p {margin-bottom:15px;}
.medicine-m-wrap p span {color:#e30303;font-weight:700;}
.medicine-img {width:100%;margin:30px auto;}
.medicine-img img {width:100%;}
.medicine-close {text-align:right;font-size:3rem;position:fixed;top:calc(50% - 25.5%);right:calc(50% - 277px);}
.medicine-close2 {width:50%;background-color:#e30303;color:#fff;padding:10px 20px;text-align:center;margin:10px auto 0;border-radius:5px;}
.medicine-background {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);margin:0 auto;z-index:1001;display:block;}
.medicine-background.active {display:none;}
.medicine-desc3 {width:253px;border-radius:5px;background-color:#eee;text-align:center;padding: 15px;margin:10px auto 9px;}
.medicine-desc3 p {font-weight:600;vertical-align:middle;margin-bottom:unset;line-height:1.2;}
.medicine-desc3 p:last-child {margin-bottom:unset;}
.medicine-desc3 p span.medicine-amount {font-weight:900;font-size:3rem;margin:0 5px;}

/* 주소 검색창 수정 - 260819 하유정 */
.order-content {display:flex;flex-direction:column;gap:5px;}
#daum_juso_pageod_zip {position:absolute !important; z-index:149;width:600px !important;left:unset !important; margin-top:47px !important; height:444px !important;}

.popup-overlay {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.55);display:none;align-items:center;justify-content:center;z-index:99999;}
.popup-overlay.is-active {display:flex;}
.popup-wrap {width:100%;padding:0 16px;}
.popup-box {position:relative;width:100%;max-width:420px;margin:0 auto;background:var(--color-background);border-radius:12px;padding:22px 20px 18px;box-shadow:0 8px 22px rgba(0,0,0,0.18);}
.popup-title {font-size:1.2rem;font-weight:700;margin-bottom:15px;}
.popup-body {font-size:0.9rem;line-height:1.5;margin-bottom:18px;color:var(--color-text-lightgray-lm);}
.popup-footer {text-align:right;}
.popup-footer button {padding:8px 14px;font-size:0.88rem;border-radius:6px;border:1px solid var(--btn-basic-border);cursor:pointer;}
.popup-close-btn {position:absolute;right:15px;top:-11px;width:26px;height:26px;border:none;background:none;font-size:2.6rem;font-weight:300;cursor:pointer;}
.pcc-number {color:#217af2;font-weight:600;}
.mismatch {border-top:1px solid var(--color-border);padding:10px 0;margin-top:10px;font-size:0.8rem;color:#de2f3d;font-weight:400;}
.mismatch span {display:block;font-weight:700;font-size:1.1rem;text-align:center;margin-bottom:10px;}
.medicine-wrap {text-align:center;padding:20px 0;font-size:0.9rem;line-height:1.5;}
.medicine-wrap span {color:#de2f3d;font-weight:700;}
.medicine-wrap > .total-number {background:var(--color-light);border:1px dashed var(--color-border);color:var(--color-text-darker);font-weight:500;font-size:1.1rem;padding:20px 0;margin:15px 0;border-radius:8px;}
.medicine-wrap > .total-number span {font-size:2.2rem;}

.cart-tab-menu{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:5px;margin-bottom:20px;padding-top:unset;box-shadow:unset;}
.cart-tab-menu .tab-button{padding:15px 0;text-align:center;border:none;background: var(--tab-bg-default);font-size:0.92rem;font-weight:400;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;}
.cart-tab-menu .tab-button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(103, 126, 234, 0.1);}
.cart-tab-menu .tab-button:hover::before{width:300px;height:300px;}
.cart-tab-menu .tab-button:hover{background: var(--tab-bg-hover);}
.cart-tab-menu .tab-button.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;}
.cart-tab-menu .tab-button.active::before{display:none;}
.cart-tab-menu{width:100%;max-width:800px;margin:20px auto 50px;display:grid;grid-template-columns:repeat(6, 1fr);gap:5px;}
.cart-tab-button{padding:15px 0;font-size:0.92rem;}
.cart-tab-button:hover::before{width:400px;height:400px;}

.btn-gopay {width:100%;max-width:480px;background:#de2f3d;color:#fff;border:none;padding:14px 16px;font-size:1rem;border-radius:4px;font-weight:700;text-align:center;display:block;margin:0 auto;}

/* 1202 회원탈퇴 팝업-하유정 */
.member-out-popup-overlay {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.55);display:none;align-items:center;justify-content:center;z-index:9999;}
.member-out-popup-overlay.active {display:flex;}
.member-out-popup-wrap {display:none;position:fixed;top:calc(50% - 314px);left:calc(50% - 300px);width:600px;height:628;background-color:#fff;border:3px solid #333;padding:70px 5% 70px;font-size:1rem;text-align:center;z-index:9999;font-weight:600;border-radius:10px;box-shadow:0px 5px 5px rgba(0,0,0,.4);z-index:99999;}
.member-out-popup-wrap.active {display:block;}
.member-out-popup-tit {font-size:1.6rem;font-weight:700;margin-bottom:20px;color:#dc3545;}
.member-out-popup-desc {width:400px;padding:30px;background-color:#fff3cd;border-radius:10px;text-align:left;margin:0 auto;}
.member-out-popup-desc p {opacity:.7;margin-bottom:7px;margin-left:28px;font-size:0.9rem;font-weight:600;}
.member-out-popup-desc p:first-child {font-weight:700;opacity:1;color:#dc3545;margin-bottom:15px;font-size:1.1rem;margin-left:unset;}
.member-out-popup-desc p:last-child {margin-bottom:unset;}
.member-out-popup-check-txt {margin:20px auto;}
.member-out-popup-check {text-align:left;width:400px;margin:0 auto;}
.member-out-popup-check input {height:30px;margin:10px 0;width:100%;padding:18px 10px;}
.member-out-popup-wrap > div:last-child {display:flex;justify-content:center;gap:20px;margin:20px auto;width:400px;border-top:1px solid #eee;padding-top:20px;}
.member-out-popup-wrap > div:last-child a {display:block;width:100px;height:45px;border-radius:5px;text-align:center;line-height:45px;color:#fff;font-weight:700;}
.member-out-popup-agree {background-color:#dc3545;}
.member-out-popup-cancel {background-color:#6c757d;}

.cover_60 {object-fit: cover;position: absolute;width: 25% !important;}
.evt100 {color: red;}

@media (min-width: 480px) and (max-width: 767px) {
    body.no-scroll {overflow: hidden;}
    .medicine-m-wrap {display:block;position:fixed;top:calc(50% - 25%);left:calc(50% - 40%);width:80%;background-color:#fff;border:3px solid #333;padding:70px 5% 70px;font-size:1rem;text-align:center;z-index:9999;font-weight:500;border-radius:10px;box-shadow:0px 5px 5px rgba(0,0,0,.4);}
    .medicine-m-wrap.active {display:none;}
    .medicine-m-wrap a {display:block;font-weight:700;}
    .medicine-m-wrap p {margin-bottom:15px;}
    .medicine-m-wrap p span {color:#e30303;font-weight:700;}
    .medicine-img {width:100%;margin:30px auto;}
    .medicine-img img {width:100%;}
    .medicine-close {text-align:right;font-size:3rem;position:fixed;top:calc(50% - 25.5%);right:calc(50% - 38%);}
    .medicine-close2 {width:50%;background-color:#e30303;color:#fff;padding:10px 20px;text-align:center;margin:10px auto 0;border-radius:5px;}
    .medicine-background {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);margin:0 auto;z-index:1001;display:block;}
    .medicine-background.active {display:none;}
    .medicine-desc3 {width:253px;border-radius:5px;background-color:#eee;text-align:center;padding: 15px;margin:10px auto 9px;}
    .medicine-desc3 p {font-weight:600;vertical-align:middle;margin-bottom:unset;line-height:1.2;}
    .medicine-desc3 p:last-child {margin-bottom:unset;}
    .medicine-desc3 p span.medicine-amount {font-weight:900;font-size:3rem;margin:0 5px;}
	#daum_juso_pageod_zip {position:absolute !important; z-index:9999;width:90% !important;left:calc(50% - 45%) !important;top:calc(50% - 42%) !important; margin-top:unset !important; height:84% !important; }	
	.cart-tab-menu{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:5px;margin-bottom:20px;padding-top:unset;}
	.cart-tab-menu .tab-button{padding:10px 0;text-align:center;border:none;background: var(--tab-bg-default);font-size:0.86rem;font-weight:400;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;}
	.cart-tab-menu .tab-button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(103, 126, 234, 0.1);}
	.cart-tab-menu .tab-button:hover::before{width:300px;height:300px;}
	.cart-tab-menu .tab-button:hover{background: var(--tab-bg-hover);}
	.cart-tab-menu .tab-button.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;}
	.cart-tab-menu .tab-button.active::before{display:none;}
	
	/* 1202 회원탈퇴 팝업-하유정 */
	.member-out-popup-wrap {top:calc(50% - 40%);left:calc(50% - 40%);width:80%;height:80%;padding:30px 5%;overflow-y
	:scroll;}
	.member-out-popup-desc {width:100%;}
	.member-out-popup-check {width:100%;}
	.member-out-popup-wrap > div:last-child {width:100%;}
}

@media (max-width: 479px) {
    .medicine-m-wrap {display:block;position:fixed;top:calc(50% - 170px);left:calc(50% - 45%);width:90%;background-color:#fff;border:3px solid #333;padding:25px 5% 25px;font-size:1rem;text-align:center;z-index:9999;font-weight:500;border-radius:10px;box-shadow:0px 5px 5px rgba(0,0,0,.4);}
    .medicine-m-wrap.active {display:none;}
    .medicine-m-wrap a {display:block;font-weight:700;}
    .medicine-m-wrap p {margin-bottom:7px;}
    .medicine-m-wrap p span {color:#e30303;font-weight:700;}
    .medicine-m-wrap .medicine-img {width:100%;margin:5px auto 3px;}
    .medicine-m-wrap .medicine-img img {width:100%;}
    .medicine-m-wrap .medicine-close {text-align:right;font-size:3rem;position:fixed;top:calc(50% - 170px);right:calc(50% - 41%);}
    .medicine-close2 {width:253px;background-color:#e30303;color:#fff;padding:10px 20px;text-align:center;margin:10px auto 0;border-radius:5px;}
    .medicine-background {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);margin:0 auto;z-index:1001;display:block;}
    .medicine-background.active {display:none;}
    .medicine-desc3 {width:253px;border-radius:5px;background-color:#eee;text-align:center;padding: 15px;margin:10px auto 9px;}
    .medicine-desc3 p {font-weight:600;vertical-align:middle;margin-bottom:unset;line-height:1.2;}
    .medicine-desc3 p:last-child {margin-bottom:unset;}
    .medicine-desc3 p span.medicine-amount {font-weight:900;font-size:3rem;margin:0 5px;}
	#daum_juso_pageod_zip {position:fixed !important; z-index:9999;width:90% !important;left:calc(50% - 45%) !important;top:calc(50% - 222px) !important; margin-top:unset !important; height:444px !important; }
	.cart-tab-menu{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:5px;margin-bottom:20px;padding-top:unset;}
	.cart-tab-menu .tab-button{padding:10px 0;text-align:center;border:none;background: var(--tab-bg-default);font-size:0.86rem;font-weight:400;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;}
	.cart-tab-menu .tab-button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(103, 126, 234, 0.1);}
	.cart-tab-menu .tab-button:hover::before{width:300px;height:300px;}
	.cart-tab-menu .tab-button:hover{background: var(--tab-bg-hover);}
	.cart-tab-menu .tab-button.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;}
	.cart-tab-menu .tab-button.active::before{display:none;}
	
	/* 1202 회원탈퇴 팝업-하유정 */
	.member-out-popup-wrap {top:calc(50% - 250px);left:calc(50% - 47%);width:94%;height:500px;padding:20px 5%;}
	.member-out-popup-desc {width:100%;}
	.member-out-popup-check {width:100%;}
	.member-out-popup-wrap > div:last-child {width:100%;}
}
.item-detail-myq #content {
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.item-detail-myq #content * {
    max-width: 100%;
    box-sizing: border-box;
}

/* 다크모드일 경우, 개인정보이용 관련 설명 font color black */
@media (prefers-color-scheme: dark) {
    .dark-screen {
        color: black;
    }
    .dark-screen-search {
        color: #F0F0F0 !important;
    }
}

.soldout {
    padding-left: 5px;
    width: 36% !important;  /* 480px 미만 */
}
/* 적립금, 쿠폰, 포인트 할인 - 260519 하유정 수정 */
.coupon-filter{
    padding: 2px 0 0 10px !important;
    flex: 0 0 90px;
}
.coupon-input{
    flex: 0 0 90px !important;
}
/* 적립금, 쿠폰, 포인트 할인 - 260519 하유정 수정 */
@media (min-width: 480px) and (max-width: 767px) {
    .soldout {
        width: 35% !important;  /* 480px ~ 767px */
    }
    .coupon-filter{
        padding: 2px 0 0 10px !important;
        width: 123px;
    }
	.coupon-input{
    flex: 0 0 120px !important;
	}
}
@media (min-width: 768px) {
    .soldout {
        margin-top: -2px !important;
        width: 25% !important;  /* 768px 이상 - 원하는 값으로 설정 */
    }
	.coupon-input{
    flex: 0 0 130px !important;
	}
    .cartbox-container.no-data{
        margin: unset !important;
    }
}
.tabnav a.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.tabnav li.disabled a {
    opacity: 0.5;
    cursor: not-allowed;
}

.expanded-panel-down-mark{display:block;padding-top:80px;position:absolute;right:15px;top:calc(160px - 55px);}
.expanded-panel-down-mark span{position:absolute;top:0;left:50%;width:10px;height:10px;margin-left:-12px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);animation:sdb 2s infinite;opacity:0;box-sizing:border-box;}
.expanded-panel-down-mark span:nth-of-type(1){animation-delay:0s;}
.expanded-panel-down-mark span:nth-of-type(2){top:12px;animation-delay:.15s;}
.expanded-panel-down-mark span:nth-of-type(3){top:24px;animation-delay:.3s;}
@keyframes sdb{0%{opacity:0;border-color:#fff;}50%{opacity:1;border-color:#333;}100%{opacity:0;border-color:#333;}}

@media (min-width: 992px) {
    .expanded-panel-down-mark {display:none;}
}

.sort-container-pc { text-align: right; margin-bottom: 10px; }
.sort-container-mo { margin: 8px 0; }

/* 상품 정렬 기준 - 260311 하유정 */
.sort-container {width:135px;float:right; background:url(https://www.jascojapan.com/theme/jascojapan/img/down-arrow.png) no-repeat center right 13px;background-size:14px;color:#333;}
.sort-container.open {background:url(https://www.jascojapan.com/theme/jascojapan/img/up-arrow.png) no-repeat center right 13px;background-size:14px;}
.sort-container::after {content:'';display:block;clear:both;}
.sort-container-pc {margin-bottom:25px;}
.sort-container-pc select {font-size:.8rem;}
.sort-container-mo {margin-top:-110px;}

/* 상품 정렬 기준 - 260312 하유정 */
.sort-container-pc {margin-top:-85px;}

@media (prefers-color-scheme: dark) {
    .sort-container {filter:invert(1);}
    .sort-container select {color:#333;font-weight:600;}
    .sort-container option {color:#333;}
	
	
	
}

.subpage-content .section-title {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .subpage-content .section-title {
        font-size: 1.7rem;
        text-align: center;
        font-weight: 600;
        margin-bottom: 30px;
    }
}

.subpage-content .gtit h2 {
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 0;
    text-align: inherit;
}

.gbox ul li.gtit h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    line-height: inherit;
}

.mypage-point-cashpoint-top-wrap{display:block;margin:0 0 24px;padding:0;border:0;}
.mypage-point-cashpoint{display:flex;width:100%;height:80px;margin:0 0 24px;padding:0;list-style:none;background:#f1f2f6;border-bottom:unset;}
.mypage-point-cashpoint li{flex:1;position:relative;}
.mypage-point-cashpoint input{display:none;}
.mypage-point-cashpoint label{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f3f4f8;color:#8a94a6;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer;transition:.2s;border-radius:8px;}
.mypage-point-cashpoint label span{display:block;margin-bottom:8px;font-size:20px;font-weight:900;color:#4b5563;}
.mypage-point-cashpoint input:checked + label{background:linear-gradient(135deg,#9633ea,#8b2de2);color:#fff;}
.mypage-point-cashpoint input:checked + label span{color:#fff;}

.point-summary{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:0 0 36px;padding:34px 42px;background:#fff;border:1px solid var(--color-border);border-radius:10px;}
.point-summary-box{text-align:center;}
.point-summary-box + .point-summary-box{border-left:1px solid #e5d2ff;}
.point-summary-label{font-size:14px;font-weight:800;color:#8b2de2;}
.point-summary-label-free{font-size:14px;font-weight:800;color:#4b5563;}
.point-summary-amount{margin-top:14px;font-size:46px;font-weight:900;line-height:1;color:#4c1d95;letter-spacing:-1px;font-family:'Pretendard',sans-serif;}
.point-summary-amount-free{color:#4b5563;}
.point-summary-amount em{margin-left:6px;font-size:18px;font-style:normal;font-weight:800;}
.point-summary-desc{margin-top:16px;font-size:14px;color:#9aa3b2;}

.point-btn{display:flex;justify-content:center;gap:12px;margin-top:22px;}
.point-btn button{height:40px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:900;cursor:pointer;}

.point-charge{border:0;background:#9633ea;color:#fff;transition:background .3s;}
.point-charge:hover{background:#7515cd;transition:background .3s;}

.point-refund{border:1px solid #b97cf7;background:#fff;color:#8b2de2;transition:background .3s;}
.point-refund:hover{background:#f2e6ff;transition:background .3s;}

.point-modal-bg{display:none;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.6);align-items:center;justify-content:center;}
.point-modal-bg.active{display:flex;}

.point-modal-box{width:460px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25);}
.point-modal-head{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 22px;border-bottom:1px solid #eceff5;}
.point-modal-head strong{font-size:20px;font-weight:900;color:#111827;}
.point-modal-close{border:0;background:none;font-size:2rem;color:#9ca3af;cursor:pointer;font-weight:700;}

.point-modal-body{padding:30px;}

.point-modal-bg{display:none;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.58);align-items:center;justify-content:center;}
.point-modal-bg.active{display:flex;}
.point-modal-box{width:448px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.25);}
.point-modal-head{height:70px;display:flex;align-items:center;justify-content:center;padding:0 16px;border-bottom:1px solid #e5e7eb;background:#fff;position:relative;}
.point-modal-head.charge{background:#fff;}
.point-modal-head strong{font-size:20px;font-weight:900;color:#333;}
.point-modal-head.charge strong{color:#333;}
.point-modal-close{border:0;background:none;font-size:2rem;color:#333;line-height:1;cursor:pointer;position:absolute;top:15px;right:20px;}
.point-modal-head.charge .point-modal-close{color:#333;}
.point-modal-body{padding:26px 22px 28px;}

.charge-label,.refund-label{margin:0 0 10px;font-size:16px;font-weight:900;color:#333;}
.charge-method{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;}
.charge-method button{height:72px;border:2px solid #edf0f5;border-radius:8px;background:#fff;color:#a0a7b3;font-size:14px;font-weight:900;cursor:pointer;transition:.3s;}
.charge-method button span{display:block;font-size:20px;}
.charge-method button.active{border:2px solid #9833ea;background:#fcf7ff;color:#8b2de2;transition:.3s;}
.charge-method button:hover{border:2px solid #9833ea;background:#fcf7ff;color:#8b2de2;transition:.3s;}

.charge-input,.refund-input{position:relative;margin-bottom:12px;}
.charge-input input,.refund-input input{width:100%;height:64px;padding:0 38px 0 16px;border:1px solid #dfe3ea;border-radius:10px;background:#fff;font-size:22px;font-weight:900;color:#111;outline:none;text-align:right;}
.refund-input input{height:52px;font-size:18px;}
.charge-input span,.refund-input span{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:900;color:#9ca3af;}

.charge-quick{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap;}
.charge-quick button{padding:3px 10.8px;border:1px solid #dfe3ea;border-radius:6px;background:#fff;color:#4b5563;font-size:14px;cursor:pointer;transition:background .3s;}
.charge-quick button:hover {background:#dfe3ea;transition:background .3s;}

.charge-summary{padding:16px 18px;margin-bottom:24px;border:1px solid #d9dfe8;border-radius:10px;background:#fafbfc;}
.charge-summary div{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;color:#697386;}
.charge-summary div + div{margin-top:8px;}
.charge-summary div > div span{color:#111827;font-weight:600;}
.charge-summary span.purple{color:#9633ea;}
.charge-summary div > div {display:flex;gap:10px;}
.charge-summary > div:nth-of-type(1) > div > span:last-of-type {margin-left:-5px;}

.charge-submit{width:100%;height:60px;border:0;border-radius:10px;background:#9633ea;color:#fff;font-size:20px;font-weight:900;cursor:pointer;transition:background .3s;}
.charge-submit:hover {background:#761fbf;transition:background .3s;}

.refund-total{height:68px;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding:0 22px;border-radius:9px;background:#111827;color:#fff;}
.refund-total span{font-size:14px;font-weight:600;color:#fff;}
.refund-total strong{font-size:24px;font-weight:900;color:#fff;}

.refund-account{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.refund-account input{height:48px;padding:0 13px;border:1px solid #dfe3ea;border-radius:7px;background:#fff;font-size:14px;font-weight:700;outline:none;}
.refund-account input:nth-child(3){grid-column:1 / -1;}

.refund-submit{width:100%;height:60px;margin-top:40px;border:0;border-radius:10px;background:#9633ea;color:#fff;font-size:19px;font-weight:900;cursor:pointer;transition:background .3s;}
.refund-submit:hover {background:#761fbf;transition:background .3s;}
.refund-desc{margin:14px 0 0;text-align:center;font-size:14px;color:#a1a8b6;display:flex;justify-content:flex-start;}
.refund-desc td {text-align:left;}
.refund-desc tr:nth-of-type(1) td:nth-of-type(1) {vertical-align:baseline;padding-right:5px;}

.board-head {text-align:center;}
.board-head-tit {display:block;font-weight:700;margin-bottom:10px;}

.head-date {flex:0 0 100px;margin-left:10px;}
.head-tit {flex:0 0 200px;padding-left:unset;}
.head-num {flex:0 0 300px;}
.head-category {flex:0 0 100px;}
.head-cash {flex:0 0 200px;}

.list-item {text-align:center;padding:10px 0;}
.list-date {flex:0 0 100px;margin-left:10px;}
.list-tit {flex:0 0 200px;}
.list-order {flex:0 0 300px;}
.list-potype {flex:0 0 100px;}
.list-point {flex:0 0 200px;text-align:right;margin-right:unset;padding-right:40px;}

.po-type {border-radius:5px;padding:5px 10px;font-size:.9rem;font-weight:600;width:90px;height:70px;font-family:'Pretendard-Regular',sans-serif;}
.po-type-charge {background:#933ceb;color:#fff;}
.po-type-free {background:#f3f4f8;color:#8a94a6;}

.charge-buyer-wrap{margin-bottom:16px;border:1px solid #dfe3ea;border-radius:10px;overflow:hidden;}
.charge-buyer-wrap .depositor-row{display:flex;align-items:center;gap:10px;padding:12px 16px;}
.charge-buyer-wrap .depositor-row + .depositor-row{border-top:1px solid #dfe3ea;}
.charge-buyer-wrap .depositor-row label{font-size:14px;font-weight:400;color:#374151;white-space:nowrap;width:50px;}
.charge-buyer-wrap .depositor-row input{flex:1;border:0;outline:none;font-size:14px;font-weight:400;color:#111827;background:transparent;}

/* 포인트 충전 모달 - 260702 하유정 */
.privacy-consent-wrap {order:5;}

/* 무통장 주문 취소 모달 - 260624 하유정 */
.deposit-cancel-icon{width:96px;height:96px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3e8;}
.deposit-cancel-icon span{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:4px solid #ff8a2a;border-radius:50%;color:#ff8a2a;font-size:30px;font-weight:900;line-height:1;}
.deposit-cancel-tit{margin:0 0 18px;font-size:21px;font-weight:900;letter-spacing:-0.04em;text-align:center;}
.deposit-cancel-desc{margin:0;color:#8b93a3;font-weight:600;line-height:1.6;text-align:center;}
.deposit-cancel-desc strong{font-weight:900;}
.deposit-cancel-amount,.point-highlight{color:#9633ea;}
.deposit-cancel-notice{margin-top:32px;padding:20px 22px;border-radius:10px;background:#f7efff;color:#9633ea;font-size:14px;font-weight:700;line-height:1.45;text-align:left;display:flex;flex-direction:row;justify-content:flex-start;}
.deposit-cancel-notice span{margin-right:8px;font-weight:900;height:100%;font-size:17px;}
.br-pc-none {display:none;}
.deposit-cancel-btns {display:flex;flex-direction:row;gap:2%;}
.deposit-cancel-close-btn {background:#333;color:#fff;font-size:unset;position:unset;width:100%;height:60px;font-size:19px;font-weight:900;border-radius:10px;margin-top:40px;}

/* 마이페이지 유상 포인트 - 260626 하유정 수정 */
.charge-method button.active {border:3px solid #9833ea;transition:color .3s, background .3s;}
.charge-method button:hover {border:3px solid #9833ea;transition:color .3s, background .3s;}
.charge-method button {border:2px solid #edf0f5;transition:color .3s, background .3s;}

.privacy-consent-wrap {padding:14px 10px;}
.privacy-consent-label {font-size:.875rem;line-height:1.25rem;color:rgb(55 65 81 / var(--tw-text-opacity, 1));}



@media (max-width: 991px) and (orientation: landscape) {
    .subpage-content{padding:28px 32px 40px;background:#fff;}
    .subpage-content>h2{margin:0 0 18px;font-size:25px;font-weight:900;color:#071426;letter-spacing:-1px;}
    .board:first-child{display:none;}
    .mypage-point-cashpoint{height:48px;margin:0 0 28px;padding:3px;background:#f1f2f6;border-radius:11px;}
    .mypage-point-cashpoint label{border-radius:8px;background:transparent;font-size:0;color:transparent;}
    .mypage-point-cashpoint label span{margin:0;font-size:14px;font-weight:900;color:#6b7280;}
    .mypage-point-cashpoint input:checked+label{background:#fff;color:transparent;box-shadow:none;}
    .mypage-point-cashpoint input:checked+label span{color:unset;}
    .point-summary{display:flex;flex-direction:column;gap:16px;margin:0 0 42px;padding:0;background:transparent;border:0;border-radius:0;}
    .point-summary-box{width:100%;text-align:left;}
    .point-summary-box+.point-summary-box{border:1px solid #eef0f4;border-radius:16px;padding:18px 18px;background:#fbfbfb;}
    .point-summary-box:first-child{padding:26px 24px 24px;border-radius:22px;background:linear-gradient(135deg,#9127dc 0%,#59128c 100%);color:#fff;}
    .point-summary-label{font-size:13px;color:#fff;}
    .point-summary-label-free{font-size:12px;color:#9aa3b2;}
    .point-summary-amount{margin-top:12px;font-size:32px;color:#fff;}
    .point-summary-amount-free{margin-top:6px;font-size:21px;color:#111827;}
    .point-summary-amount em{font-size:18px;}
    .point-summary-desc{display:none;}
    .point-btn{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;}
    .point-btn button{width:100%;height:46px;border-radius:9px;font-size:14px;padding:0 10px;}
    .point-btn button span {display:none;}
    .point-charge{background:#fff;color:#8b22e6;}
    .point-refund{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;}
    .point-charge:hover {background:#fff;color:#8b22e6;border:unset;}
    .point-refund:hover {background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;}

    .sort-top-filter{border:0;background:transparent;font-size:12px;color:#9aa3b2;}
    .board-head-tit{margin:0 0 18px;text-align:left;font-size:20px;font-weight:900;color:#071426;}
    .board-head{display:none;}
    .list-item{display:grid;grid-template-columns:1fr auto;gap:0px 12px;padding:20px 75px 20px 0;text-align:left;border-bottom:1px solid #f1f2f5;}
    .list-date{grid-column:1;grid-row:2;font-size:13px;color:#a3adbd;text-align:left;}
    .list-tit{grid-column:1;grid-row:1;font-size:16px;font-weight:900;color:#111827;}
    .list-order{grid-column:1;grid-row:2;margin-top:unset;margin-left:80px;font-size:12px;color:#c0c7d2;padding-left:4px;border-left:1px solid #e1e1e1;}
    .list-potype{grid-column:2;grid-row:2;text-align:right;}
    .list-point{grid-column:2;grid-row:1;padding:0;margin:0;text-align:right;font-size:16px;font-weight:900;}
    .po-type{display:inline-flex;align-items:center;justify-content:center;width:auto;height:18px;padding:0 9px;border-radius:999px;font-size:10px;}
    .point-modal-bg{align-items:flex-end;background:rgba(0,0,0,.58);}

    .point-modal-box:before{content:"";display:block;width:48px;height:5px;margin:14px auto 10px;border-radius:999px;background:#e1e4ea;}

    .point-modal-head{height:auto;padding:16px 24px 0px;justify-content:flex-start;border:0;flex-direction:column;}
    .point-modal-head strong{font-size:24px;color:#111827;}
    .point-modal-close{top:12px;right:24px;width:36px;height:36px;font-size:2rem;}
    .point-modal-body{display:flex;flex-direction:column;padding:8px 24px 28px;overflow:visible;}
    .charge-label{margin:0 0 12px;font-size:13px;color:#9aa3b2;}
    .charge-label:nth-of-type(1){order:3;margin-top:24px;}
    .charge-label:nth-of-type(2){order:0;}
    .charge-input{order:1;margin-bottom:12px;}
    .charge-input input{height:68px;padding:0 54px 0 18px;border-radius:14px;background:#f8f9fb;font-size:25px;}
    .charge-input span{right:22px;font-size:18px;}
    .charge-quick {order:2;margin-bottom:unset;}
    .charge-quick button {border-radius:14px;}

    .charge-method{order:4;gap:12px;margin:0;}
    .charge-method button{height:86px;border-radius:14px;background:#f7f8fa;border:2px solid #f7f8fa;font-size:14px;}
    .charge-method button.active{border-color:#9633ea;background:#fbf5ff;}

    .charge-submit{order:5;height:60px;margin-top:32px;border-radius:14px;background:linear-gradient(135deg,#942ce5,#8b1fd8);font-size:21px;}
    .charge-submit:hover {order:5;height:60px;margin-top:32px;border-radius:14px;background:linear-gradient(135deg,#942ce5,#8b1fd8);font-size:21px;}
    .refund-total{height:68px;margin:0 0 24px;padding:0 20px;border-radius:12px;background:#111827;}
    .refund-total strong{font-size:20px;}

    .refund-account{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:7px 8px;overflow:visible;}
    .refund-account input{width:100%;height:54px;border-radius:10px;background:#f8f9fb;font-size:15px;}
    .refund-account input:nth-child(3){grid-column:1/-1;width:100%;}
    .refund-submit{height:60px;margin-top:32px;border-radius:14px;background:linear-gradient(135deg,#942ce5,#8b1fd8);font-size:21px;}
    .refund-submit:hover {height:60px;margin-top:32px;border-radius:14px;background:linear-gradient(135deg,#942ce5,#8b1fd8);font-size:21px;}
    .refund-desc{margin-top:14px;font-size:12px;color:#a3adbd;}

    .mypage-point-cashpoint label span {font-size:18px;margin-bottom:0;}

    .point-btn button span {display:none;}

    .point-summary-amount {font-size:29px;}

    .point-modal-box {width:80%;height:100%;overflow-y:scroll;}
    .point-modal-body {padding:26px 50px 28px;}

    .charge-quick {flex-wrap:wrap;justify-content:space-between;gap:5px;}
    .charge-quick button {width:48.5%;padding:12px 10.8px;font-size:16px;}

    .charge-label {order:1;margin:24px 0 12px;}
    .point-modal-body > .charge-label:nth-of-type(1) {order:0;margin-top:unset;}
    .charge-method {order:1;margin:0;}
    .charge-input {order:1;margin-bottom:12px;}
    .charge-quick {order:2;margin-bottom:unset;}
    .charge-buyer-wrap {order:5;margin-bottom:unset;margin-top:24px;}
    .charge-summary {order:5;margin-bottom:unset;margin-top:12px;}
    .bank-info-wrap.active {order:5;margin-bottom:unset;margin-top:24px;}
	
	/* 무통장 주문 취소 모달 - 260624 하유정 */
	.deposit-cancel-icon{width:70px;height:70px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3e8;}
	.deposit-cancel-icon span{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:4px solid #ff8a2a;border-radius:50%;color:#ff8a2a;font-size:30px;font-weight:900;line-height:1;}
	.deposit-cancel-tit{margin:0 0 8px;color:#111827;font-size:21px;font-weight:900;letter-spacing:-0.04em;text-align:center;}
	.deposit-cancel-desc{margin:0;color:#8b93a3;font-weight:600;line-height:1.6;text-align:center;}
	.deposit-cancel-desc strong{font-weight:900;}
	.deposit-cancel-amount,.point-highlight{color:#9633ea;}
	.deposit-cancel-notice{margin-top:20px;padding:20px 22px;border-radius:10px;background:#f7efff;color:#9633ea;font-size:14px;font-weight:700;line-height:1.45;text-align:left;display:flex;flex-direction:row;justify-content:flex-start;}
	.deposit-cancel-notice span{margin-right:8px;font-weight:900;height:100%;font-size:17px;}
	.deposit-cancel-btns {display:flex;flex-direction:row;gap:2%;}
	.deposit-cancel-close-btn {background:#333;color:#fff;font-size:unset;position:unset;width:100%;height:60px;font-size:21px;font-weight:900;border-radius:14px;margin-top:32px;}
	




}
@media (max-width: 479px) {
    .mypage-point-cashpoint label span {font-size:18px;margin-bottom:0;}
    .point-btn {flex-direction:column;}

    .point-summary {display:flex;flex-direction:column;padding:24px 6px;gap:22px;}
    .point-summary-box:nth-of-type(2) {padding-top:22px;}
    .point-summary-box + .point-summary-box {border-left:unset;border-top:1px solid #e5d2ff;}
    .point-summary-amount {font-size:29px;}



    .charge-method button {font-size:16px;height:80px;}
    .charge-quick {flex-wrap:wrap;justify-content:space-between;gap:5px;}
    .charge-quick button {width:48.5%;padding:12px 10.8px;font-size:16px;}
    .charge-summary div {font-size:16px;}
    .point-modal-body {overflow-y:scroll;}

    .refund-account {width:95%;height:80%;display:flex;flex-wrap:wrap;justify-content:space-between;overflow-y:scroll;}
    .refund-account input {width:47.3%;font-size:15px;}
    .refund-account input:nth-of-type(3) {width:100%;}

    .board-head {flex-wrap:wrap;overflow:hidden;}
    .head-date, .head-tit, .head-num, .head-category, .head-cash {flex:unset;display:inline-block;}
	
	/* 무통장 주문 취소 모달 - 260624 하유정 */
	#depositCancelModal .point-modal-box {width:88%;height:551px;top:calc(50% - 275.5px);}
	.deposit-cancel-icon{width:70px;height:70px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3e8;}
	.deposit-cancel-icon span{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:4px solid #ff8a2a;border-radius:50%;color:#ff8a2a;font-size:30px;font-weight:900;line-height:1;}
	.deposit-cancel-tit{margin:0 0 12px;color:#111827;font-size:21px;font-weight:900;text-align:center;line-height:1.5;}
	.deposit-cancel-desc{margin:0;color:#8b93a3;font-weight:600;line-height:1.6;text-align:center;}
	.deposit-cancel-desc strong{font-weight:900;}
	.deposit-cancel-amount,.point-highlight{color:#9633ea;}
	.deposit-cancel-notice{margin-top:20px;padding:20px 22px;border-radius:10px;background:#f7efff;color:#9633ea;font-size:14px;font-weight:700;line-height:1.45;text-align:left;display:flex;flex-direction:row;justify-content:flex-start;}
	.deposit-cancel-notice span{margin-right:8px;font-weight:900;height:100%;font-size:17px;}
	.br-pc-none {display:block;}
	.deposit-cancel-btns {display:flex;flex-direction:row;gap:2%;}
	.deposit-cancel-close-btn {background:#333;color:#fff;font-size:unset;position:unset;width:100%;height:60px;font-size:19px;font-weight:900;border-radius:10px;margin-top:40px;}

}

.bank-info-wrap{display:none;margin-top:16px;border-top:1px solid #e5e7eb;padding-bottom: 16px;}
.bank-info-wrap.active{display:block;}
.bank-info-table{width:100%;border-collapse:collapse;}
.bank-info-table tr{border-bottom:1px solid #e5e7eb;}
.bank-info-table td{padding:10px 0;font-size:14px;}
.bank-info-table td:first-child{color:#6b7280;font-weight:400;width:80px;}
.bank-info-table td:last-child{text-align:right;font-weight:400;color:#111827;}
.bank-info-table tr:last-child td:last-child{color:#e53e3e;font-weight:900;}
.bank-info-table input{border:0;outline:none;font-size:14px;font-weight:700;color:#111827;background:transparent;width:100%;text-align:right;}
.depositor-row label{font-size:14px;font-weight:800;color:#374151;white-space:nowrap;}
.depositor-row input{flex:1;border:0;outline:none;font-size:14px;font-weight:700;color:#111827;background:transparent;}

.bank-guide-head{margin-bottom:20px;text-align:center;}
/* css 수정 - 260703 하유정 */
.bank-guide-tit{font-size:18px;font-weight:900;color:var(--color-text-default);margin-bottom:8px;}

.bank-guide-desc{font-size:13px;color:#6b7280;}
.bank-guide-table{margin-bottom:16px;}
.bank-guide-notice{font-size:12px;color:#9ca3af;margin-bottom:20px;text-align:center;}

.bank-waiting-wrap{display:flex;align-items:center;gap:16px;margin:0 0 24px;padding:18px 22px;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;}
.bank-waiting-icon{font-size:28px;flex-shrink:0;}
.bank-waiting-info{flex:1;}
.bank-waiting-tit{font-size:14px;font-weight:900;color:#92400e;margin-bottom:6px;}
.bank-waiting-desc{font-size:13px;color:#78350f;margin-bottom:4px;}
.bank-waiting-account{font-size:13px;color:#92400e;font-weight:700;}
.badge-wrap {display:flex;flex-direction:row;}
.bank-waiting-badge{flex-shrink:0;padding:4px 12px;border-radius:999px;background:#f59e0b;color:#fff;font-size:12px;font-weight:900;margin-bottom:unset;}
.bank-waiting-cancel{flex-shrink:0;padding:4px 12px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;font-weight:900;border:none;cursor:pointer;}

@media (max-width:479px){
    .subpage-content{padding:0 15px 25px 15px;background:#fff;}
    .subpage-content>h2{margin:0 0 18px;font-size:25px;font-weight:900;color:#071426;letter-spacing:-1px;}
    .board:first-child{display:none;}
    .mypage-point-cashpoint{height:48px;margin:0 0 28px;padding:3px;background:#f1f2f6;border-radius:11px;}
    .mypage-point-cashpoint label{border-radius:8px;background:transparent;font-size:0;color:transparent;}
    .mypage-point-cashpoint label span{margin:0;font-size:14px;font-weight:900;color:#6b7280;}
    .mypage-point-cashpoint input:checked+label{background:#fff;color:transparent;box-shadow:none;}
    .mypage-point-cashpoint input:checked+label span{color:unset;}
    .point-summary{display:flex;flex-direction:column;gap:16px;margin:0 0 42px;padding:0;background:transparent;border:0;border-radius:0;}
    .point-summary-box{width:100%;text-align:left;}
    .point-summary-box+.point-summary-box{border:1px solid #eef0f4;border-radius:16px;padding:18px 18px;background:#fbfbfb;}
    .point-summary-box:first-child{padding:26px 24px 24px;border-radius:22px;background:linear-gradient(135deg,#9127dc 0%,#59128c 100%);color:#fff;}
    .point-summary-label{font-size:13px;color:#fff;}
    .point-summary-label-free{font-size:12px;color:#9aa3b2;}
    .point-summary-amount{margin-top:12px;font-size:32px;color:#fff;}
    .point-summary-amount-free{margin-top:6px;font-size:21px;color:#111827;}
    .point-summary-amount em{font-size:18px;}
    .point-summary-desc{display:none;}
    .point-btn{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;}
    .point-btn button{width:100%;height:46px;border-radius:9px;font-size:14px;padding:0 10px;}
    .point-btn button span {display:none;}
    .point-charge{background:#fff;color:#8b22e6;}
    .point-refund{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;}
    .point-charge:hover {background:#fff;color:#8b22e6;border:unset;}
    .point-refund:hover {background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;}

    .sort-top-filter{border:0;background:transparent;font-size:12px;color:#9aa3b2;}
    .board-head-tit{margin:0 0 18px;text-align:left;font-size:1.3rem;font-weight:700;color:#071426;}
    .board-head{display:none;}
    .list-item{display:grid;grid-template-columns:1fr auto;gap:0px 12px;padding:20px 0;text-align:left;border-bottom:1px solid #f1f2f5;}
    .list-date{grid-column:1;grid-row:2;font-size:13px;color:#a3adbd;text-align:left;}
    .list-tit{grid-column:1;grid-row:1;font-size:.9rem;font-weight:400;color:#111827;}
    .list-order{grid-column:1;grid-row:3;margin-top:-4px;margin-left:10px;font-size:12px;color:#c0c7d2;}
    .list-potype{grid-column:2;grid-row:2;text-align:right;}
    .list-point{grid-column:2;grid-row:1;padding:0;margin:0;text-align:right;font-size:16px;font-weight:900;}
    .po-type{display:inline-flex;align-items:center;justify-content:center;width:auto;height:18px;padding:0 9px;border-radius:999px;font-size:10px;}
    .point-modal-bg{align-items:flex-end;background:rgba(0,0,0,.58);}
    .point-modal-box {position:absolute;width:95%;top:calc(50% - 288px);height:576px;overflow-y:scroll;}
    .point-modal-box:before{content:"";display:block;width:48px;height:5px;margin:14px auto 10px;border-radius:999px;background:#e1e4ea;}
    .point-modal-box.charge {height:80%;top:calc(50% - 40%);max-height:594px;}
    .point-modal-head{height:auto;padding:16px 24px 18px;justify-content:flex-start;border:0;}
    .point-modal-head strong{font-size:24px;color:#111827;}
    .point-modal-close{top:12px;right:24px;width:36px;height:36px;font-size:2rem;}
    .point-modal-body{display:flex;flex-direction:column;padding:8px 24px 28px;overflow:visible;}
    .charge-label{margin:24px 0 12px;font-size:13px;color:#9aa3b2;order:1;}
    .point-modal-body > .charge-label:nth-of-type(1){order:0;margin-top:unset;}
    .point-modal-body > .charge-label:nth-of-type(2){order:3;}
    .charge-input{order:1;margin-bottom:12px;}
    .charge-input input{height:68px;padding:0 54px 0 18px;border-radius:14px;background:#f8f9fb;font-size:25px;}
    .charge-input span{right:22px;font-size:18px;}
    .charge-quick {order:2;margin-bottom:unset;}
    .charge-quick button {border-radius:14px;}
    .charge-quick button:hover {background:unset;}

    .charge-buyer-wrap {order:5;margin-bottom:unset;margin-top:24px;}
    .charge-summary {order:5;margin-bottom:unset;margin-top:12px;}

    .charge-method{order:1;gap:12px;margin:0;}
    .charge-method button{height:86px;border-radius:14px;background:#f7f8fa;border:2px solid #f7f8fa;font-size:14px;}
    .charge-method button.active{border-color:#9633ea;background:#fbf5ff;}

    .charge-submit{order:5;height:60px;margin-top:32px;border-radius:14px;background:linear-gradient(135deg,#942ce5,#8b1fd8);font-size:21px;}
    .charge-submit:hover {order:5;height:60px;margin-top:32px;border-radius:14px;background:linear-gradient(135deg,#942ce5,#8b1fd8);font-size:21px;}
    .refund-total{height:60px;margin:0 0 20px;padding:0 20px;border-radius:12px;background:#111827;}
    .refund-total strong{font-size:20px;}

    .refund-account{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:7px 8px;overflow:visible;}
    .refund-account input{width:100%;height:45px;border-radius:10px;background:#f8f9fb;font-size:15px;}
    .refund-account input:nth-child(3){grid-column:1/-1;width:100%;}
    .refund-submit{height:60px;margin-top:22px;border-radius:14px;background:linear-gradient(135deg,#942ce5,#8b1fd8);font-size:21px;}
    .refund-submit:hover {height:60px;margin-top:22px;border-radius:14px;background:linear-gradient(135deg,#942ce5,#8b1fd8);font-size:21px;}
    .refund-desc{margin-top:14px;font-size:13px;color:#a3adbd;}

    .bank-info-wrap.active {order:5;padding-bottom:unset;margin-top:24px;}

    .badge-wrap {display:flex;flex-direction:column;}
    .bank-waiting-badge {margin-bottom:5px;}

    .charge-label, .refund-label {margin:0 0 5px;}
	
	/* 무통장 주문 취소 모달 - 260624 하유정 */
	.deposit-cancel-btns {display:flex;flex-direction:row;gap:2%;}
	.deposit-cancel-close-btn {background:#333;color:#fff;font-size:unset;position:unset;width:100%;height:60px;font-size:21px;font-weight:900;border-radius:14px;margin-top:22px;}
	
	/* 포인트 충전 모달 - 260702 하유정 */
	.charge-submit {margin-top:3px;}
	.charge-submit:hover {margin-top:3px;}
	.privacy-consent-wrap {margin-top:10x;}
	/* css 수정 - 260703 하유정 */
	.privacy-consent-label {font-size:.95rem;color:var(--color-text-default);}
	
}

@media (prefers-color-scheme: dark) {
    .mypage-point-cashpoint {border-radius:8px;background:var(--input-bg);color:var(--color-text-default);border:unset;}
    .subpage-content {background:var(--color-background);}
    .subpage-content>h2 {color:var(--color-text-default);}
    .board-head-tit {color:var(--color-text-default);}
    .board-list, .list-tit {color:var(--color-text-default);}
    .point-modal-box {color:var(--color-text-default);background:var(--color-background);}
    .point-modal-head {background:unset;}
    .point-modal-head strong {color:var(--color-text-default);}

    .point-summary {background:var(--input-bg);}
    .point-summary-box + .point-summary-box {border-left:1px solid var(--input-border);}
    .point-summary-label {var(--color-text-default);}
    .point-summary-label-free {color:var(--color-text-default);}
    .point-summary-amount {var(--color-text-default);}
    .point-summary-amount-free {color:var(--color-text-default);}

    .refund-total {background:var(--input-bg);color:var(--color-text-default);}
    .refund-total span, .refund-total strong {color:var(--color-text-default);}
    .refund-account input {background:var(--input-bg);color:var(--color-text-default);border:1px solid var(--input-border);}

    .point-modal-head.charge {background:unset;}
    .point-modal-head.charge strong {color:var(--color-text-default);}
    .charge-buyer-wrap {border:1px solid var(--input-border);color:var(--color-text-default);background:var(--color-background);}
    .charge-buyer-wrap .depositor-row label {color:var(--color-text-default);}
    .charge-buyer-wrap .depositor-row input {color:var(--color-text-default);}
    .charge-buyer-wrap .depositor-row {background:var(--input-bg);}
    .charge-buyer-wrap .depositor-row + .depositor-row {border-top:1px solid var(--input-border);background:var(--input-bg);}

    .list-item {border-bottom:1px solid var(--color-border);}

    .charge-label, .refund-label {color:color:var(--color-text-default);}

    .charge-input input {background:var(--input-bg);color:var(--color-text-default);border:1px solid var(--input-border);}
    .charge-method button {background:var(--input-bg);color:var(--color-text-default);border:1px solid var(--input-border);}
    .charge-method button:hover {background:unset;}
    .charge-method button.active {background:#e6c8ff;}
    .charge-quick button {background:var(--input-bg);color:var(--color-text-default);border:1px solid var(--input-border);}
    .charge-summary {background:var(--input-bg);color:var(--color-text-default);border:1px solid var(--input-border);}
    .charge-summary div {color:var(--color-text-default);}
    .charge-summary div > div span {color:var(--color-text-default);}

    .point-modal-head .point-modal-close {color:var(--color-text-default);}
    .point-modal-head.charge .point-modal-close {color:var(--color-text-default);}

    .bank-info-wrap {border-top:1px solid var(--input-border);}
    .bank-info-table tr {border-bottom:1px solid var(--input-border);}
    .bank-info-table td:first-child {color:var(--color-text-default);}
    .bank-info-table td:last-child {color:var(--color-text-default);}
	
	/* 무통장 주문 취소 모달 - 260624 하유정 */
	.deposit-cancel-desc{margin:0;color:var(--color-text-default);font-weight:600;line-height:1.6;text-align:center;}
	.deposit-cancel-amount, .point-highlight {color:#b763ff;}
	.deposit-cancel-notice {background:var(--input-bg);color:color:var(--color-text-default);font-weight:400;}


}

@media (max-width:479px) and (prefers-color-scheme: dark) {
    .point-summary-box+.point-summary-box {background:var(--input-bg);color:var(--color-text-default);border:1px solid var(--input-border);}
    .point-summary-amount-free {color:var(--color-text-default);}
    .list-order {border-left:1px solid var(--color-border);}
	/* css 수정 - 260703 하유정 */

}

@media (max-width: 991px) and (orientation: landscape) and (prefers-color-scheme: dark) {
    .point-summary-box+.point-summary-box {background:var(--input-bg);color:var(--color-text-default);border:1px solid var(--input-border);}
    .point-summary-amount-free {color:var(--color-text-default);}
    .list-order {border-left:1px solid var(--color-border);}
}

/* 포인트/쇼핑지원금 탭 전환 - 260625 하유정 */
.mypage-point-tabs {display:flex;width:100%;height:80px;margin:0 0 24px;background:#f1f2f6;border-radius:11px;padding:3px;gap:3px;}
.mypage-point-tabs button {flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;background:transparent;color:#8a94a6;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer;border:none;border-radius:8px;transition:.2s;}
.mypage-point-tabs button .tab-sub {font-size:11px;font-weight:500;margin-top:4px;}
.mypage-point-tabs button.tab-active {background:linear-gradient(135deg,#9633ea,#8b2de2);color:#fff;}

.point-subtab-wrap {display:flex;gap:8px;margin:0 0 16px;}
.point-subtab-wrap button {padding:8px 20px;border:none;background:#f1f2f6;color:#6b7280;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:.2s;}
.point-subtab-wrap button.subtab-active {background:#111827;color:#fff;}

/* css 수정 - 260703 하유정 */
@media (prefers-color-scheme: dark) {
	.privacy-consent-label {color:var(--color-text-default);}
	.point-subtab-wrap button {background:#111827;}
	.point-subtab-wrap button.subtab-active {background:#f1f2f6;color:#333;}
}


.subpage-content {
    width: 1000px;
    margin: 40px auto;
}
@media (max-width: 768px) {
    .subpage-content {
        width: 100% !important;
        margin: 15px auto !important;
        padding: 0 15px;
        box-sizing: border-box;
    }
}