@charset "utf-8";
/* Info
 ========================================================================== */
/**
    * 1. Writer: Platform UX. (Weaverloft Corp.)
    * 2. Production Date: 2025-08
    * 3. Client: Auoseed
 */

/*========== Modal 팝업 ==========*/
.modal { visibility: hidden; opacity: 0; display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 9980; width: 100%; height: 100vh; height: 100dvh; background-color: rgba(0, 0, 0, 0.5); transition: 300ms 200ms; } 
.modal *{word-break: keep-all;}
.modal.open { visibility: visible; opacity: 1; transition: 300ms; } 
.modal-wrap { opacity: 0; width: 400px; max-height: 94vh; max-height: 94dvh; transition: opacity 300ms; } 
.modal.wide .modal-wrap { width: 530px; }
.modal .modal-wrap.w530 { width: 530px; }
.modal .modal-wrap.w740 { width: 740px; }
.modal .modal-wrap.w900 { width: 900px; }
.modal.open .modal-wrap { opacity: 1; margin-top: 0; } 
.modal-content { position: relative; overflow: hidden; width: auto; padding: 35px 20px 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); } 
.modal-content:has(.custom-select-box.open) { overflow-y: visible;}
.modal-cont-wrap { position: relative; } 
.modal-tit-wrap {position: relative; margin-bottom: 16px; }
.modal-close-btn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 0; }
.modal-close-btn button { width: 32px;  height: auto; aspect-ratio: 1/1; background: url("../images/common/icon-close.svg") no-repeat center / cover; font-size: inherit;}
.modal-txt-wrap { padding-bottom: 30px; overflow-y: auto; max-height: 64vh;}
.modal-tit { font-size: 18px; font-weight: 600; color: var(--text-color-2); text-align: center; } 
.modal-tit span { color: var(--point-color); font-weight: 800; }
.modal-sub-tit { font-size: 16px; font-weight: 400; color: var(--text-color-5); word-break: keep-all; white-space: pre-wrap; text-align: center; } 
.modal-sub-tit em { font-weight: 600;}
.input-form-cont .modal-sub-tit { word-break: break-word;}
.modal-txt-wrap + .gift-sc-box-top {margin-top: 20px;}
.modal .form-tit {margin: 0 0 10px; font-size: 0.938rem;font-weight: 600; color: #333}
.modal-btm {display: flex; justify-content: center; align-items: center;margin: 20px 0 0;}
.modal-cont-bg-wrap {display: flex; justify-content: center; align-items: center; min-height: 84px; margin: 30px 0 0; background-color: #F7F8FD;}
.modal .textarea-box { border-radius:0; border-color: #ccc;}
.modal-btn-wrap { display: flex; justify-content: center; gap: 10px; }
.modal-btn-wrap.right { justify-content: flex-end; }
.modal-btn-wrap .basic-btn.small { padding: 0 20px;}
.modal .common-table-bottom { position: sticky; bottom: 0; z-index: 1; background-color: #fff; }
.modal *::-webkit-scrollbar { width: 6px; height: 4px; }
.modal *::-webkit-scrollbar-thumb { border-radius: 6px; background: #BBBBC4; }
.modal.wide .modal-content { padding-block: 28px;}
.modal.wide .modal-tit { font-size: 20px; font-weight: 700; text-align: left; }
.modal.wide .modal-tit-wrap { margin-bottom: 24px; }
.modal-note-wrap { margin-top: 30px; padding: 20px; border-radius: 6px; background-color: var(--bg-color);}
.modal-note-wrap li { font-size: 14px; font-weight: 600; color: var(--text-color-5); line-height: 1.3; }
.modal-note-wrap li + li { margin-top: 10px;}
@media screen and (max-width: 1024px) {
    #container:has(.rwd) .modal {padding: 0 16px;}
    #container:has(.rwd) .modal-wrap { width: 100%; max-width: 400px;} 
    #container:has(.rwd) .modal.wide .modal-wrap { width: 100%; max-width: 530px;}
    #container:has(.rwd) .modal .modal-wrap.w530{width: 100%; max-width: 530px;}
    #container:has(.rwd) .modal .modal-wrap.w740{width: 100%; max-width: 740px;}
    #container:has(.rwd) .modal .modal-wrap.w900{width: 100%; max-width: 900px;}
    #container:has(.rwd) .modal-content { padding: clamp(25px, 3.418vw, 35px) clamp(16px, 1.953vw, 20px) 20px; border-radius: clamp(6px, 0.977vw, 10px);}
    #container:has(.rwd) .modal-tit-wrap { margin-bottom: clamp(12px, 1.563vw, 16px); }
    #container:has(.rwd) .modal-close-btn button { width: clamp(28px, 3.125vw, 32px); }
    #container:has(.rwd) .modal-tit { font-size: clamp(16px, 1.758vw, 18px);}
    #container:has(.rwd) .modal-sub-tit { font-size: clamp(14px, 1.563vw, 16px); } 
    #container:has(.rwd) .modal-txt-wrap + .gift-sc-box-top {margin-top: clamp(16px, 1.953vw, 20px);}
    #container:has(.rwd) .modal .form-tit {margin: 0 0 clamp(8px, 0.977vw, 10px); font-size: clamp(13px, 1.465vw, 15px);}
    #container:has(.rwd) .modal-btm {margin: clamp(16px, 1.953vw, 20px) 0 0;}
    #container:has(.rwd) .modal-cont-bg-wrap { /*min-height: 84px;*/ margin: clamp(20px, 2.93vw, 30px) 0 0;}
    #container:has(.rwd) .modal-btn-wrap .basic-btn.small { min-width: clamp(100px, 10.547vw, 108px); padding: 0 clamp(16px, 1.953vw, 20px); font-size: clamp(14px, 1.563vw, 16px); line-height: clamp(34px, 3.711vw, 38px);}
    #container:has(.rwd) .modal *::-webkit-scrollbar { width: 3px; height: 3px;}
    #container:has(.rwd) .modal.wide .modal-tit { font-size: clamp(18px, 1.953vw, 20px); }
    #container:has(.rwd) .modal.wide .modal-tit-wrap { margin-bottom: clamp(21px, 2.344vw, 24px); }
    #container:has(.rwd) .modal-note-wrap { margin-top: clamp(20px, 2.93vw, 30px); padding: clamp(16px, 1.953vw, 20px); border-radius: clamp(3px, 0.586vw, 6px);}
    #container:has(.rwd) .modal-note-wrap li { font-size: clamp(12px, 1.367vw, 14px); }
    #container:has(.rwd) .modal-note-wrap li + li { margin-top: clamp(8px, 0.977vw, 10px);}
}

/* 스크롤 */
.modal.scroll .modal-txt-wrap{max-height: 64vh; overflow-y: auto; padding-bottom: 0;}
.modal.scroll .modal-btn-wrap{padding-top: 30px;}
@media screen and (max-width: 1024px) {
    #container:has(.rwd) .modal.scroll .modal-btn-wrap{padding-top: clamp(20px, 2.93vw, 30px);}
}

/* 개인정보 수집 및 이용 동의 팝업 */
.popAgreement .modal-tit { font-size: 20px; font-weight: 700; text-align: left; }
.popAgreement .modal-tit-wrap { margin-bottom: 24px; }
.popAgreement table tbody tr:first-child th, .popAgreement table tbody tr:first-child td { border-top: 1px solid var(--text-color-2); }
.popAgreement table tbody tr th { width: 120px; background: var(--bg-color); font-size: 15px; font-weight: 600; color: var(--text-color-2); text-align: center; }
.popAgreement table tbody tr td { padding-inline: 10px; font-size: 15px; color: var(--text-color-5); }
.popAgreement table tbody tr th, .popAgreement table tbody tr td { padding-block: 14px; border-bottom: 1px solid var(--border-color-d); vertical-align: middle; }
.popAgreement table tbody tr td span { font-weight: 700; color: var(--point-color);}
.popAgreement .modal-desc { margin-bottom: 0; padding-top: 20px; font-size: 15px; color: var(--text-color-8); text-align: center; }
@media screen and (max-width: 1024px) {
.popAgreement .modal-tit { font-size: clamp(18px, 1.953vw, 20px); }
.popAgreement .modal-tit-wrap { margin-bottom: clamp(18px, 2.344vw, 24px); }
.popAgreement table tbody tr th { width: clamp(90px, 11.719vw, 120px); padding: 10px 8px; font-size: clamp(13px, 1.465vw, 15px);}
.popAgreement table tbody tr td { padding-inline: clamp(8px, 0.977vw, 10px); font-size: clamp(13px, 1.465vw, 15px); }
.popAgreement table tbody tr th, .popAgreement table tbody tr td { padding-block: clamp(10px, 1.367vw, 14px);}
.popAgreement .modal-desc {padding-top: clamp(18px, 1.953vw, 20px); font-size: clamp(13px, 1.465vw, 15px); }
}

/* ====== 인플루언서 상세 정보 팝업 ====== */
.influencerDetailPopup .modal-wrap{ display: flex; position: absolute; top: 20px; right: 20px; width: 740px; height: 100%; overflow: hidden; transform: translateX(calc(100% + 20px)); transition: all 0.3s; }
.influencerDetailPopup.open .modal-wrap { transform: translateX(0); }
.influencerDetailPopup .modal-content{ display: flex; flex-direction: column; width: 100%; padding: 24px 0 31px;}
.influencerDetailPopup .modal-cont-wrap { display: flex; flex-direction: column; flex: 1; overflow-y: auto; }
.influencerDetailPopup .modal-tit-wrap { padding-inline: 20px; }
.influencerDetailPopup .modal-tit{font-size: 20px; font-weight: 700; text-align: left;}
.influencerDetailPopup .modal-close-btn { right: 20px; }
.influencerDetailPopup .infl-profile { display: flex; flex-direction: column; gap: 10px; padding: 20px; background: var(--bg-color); }
.influencerDetailPopup .infl-profile .box { display: flex; gap: 10px; }
.influencerDetailPopup .infl-profile .info-box:not(.info-box01) { border-radius: 8px; background: #fff; }
.influencerDetailPopup .infl-profile .info-box01 { flex: 1; display: flex; align-items: center; gap: 16px; }
.influencerDetailPopup .infl-profile .info-box01 .profile-img { position: relative; width: 80px; height: 80px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.influencerDetailPopup .infl-profile .info-box01 .profile-img::after { display: block; content: ''; position: absolute; right: -14px; bottom: -14px; width: 46px; height: 46px; background-repeat: no-repeat; background-position: center; background-size: cover;  }
.influencerDetailPopup .infl-profile .info-box01 .profile-img img { border-radius: inherit; }
.influencerDetailPopup .infl-profile.ins .info-box01 .profile-img::after { background-image: url("../images/common/icon-logo-insta-circle.svg"); }
.influencerDetailPopup .infl-profile.tik .info-box01 .profile-img::after { background-image: url("../images/common/icon-logo-tiktok-circle.svg"); } 
.influencerDetailPopup .infl-profile .info-box01 .infl-data { flex: 1; line-height: 1.2; }
.influencerDetailPopup .infl-profile .info-box01 .first-row { display: flex; align-items: flex-start; justify-content: space-between; }
.influencerDetailPopup .infl-profile .info-box01 .name { display: flex; align-items: center; gap: 5px; font-size: 20px; font-weight: 600; }
.influencerDetailPopup .infl-profile.tik .info-box01 .name::before { display: inline-block; content: ''; width: 24px; height: 24px; background-image: url("../images/common/icon-tiktok-square.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.influencerDetailPopup .infl-profile .info-box01 .first-row .msg-btn, .influencerDetailPopup .infl-profile .info-box01 .first-row .like-btn { width: 32px; height: 32px; }
.influencerDetailPopup .infl-profile .info-box01 .id { padding-top: 6px; font-size: 14px; font-weight: 500; color: var(--point-color); }
.influencerDetailPopup .infl-profile .info-box01 .last-row { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; }
.influencerDetailPopup .infl-profile .info-box01 .last-row .tag { padding: 4px 8px; border-radius: 12px; background: var(--point-color); font-size: 12px; font-weight: 600; color: #fff; }
.influencerDetailPopup .infl-profile .info-box01 .place { padding-left: 16px; background: url("../images/common/icon-spot-b0b0bb.svg") no-repeat left center / 14px; font-size: 12px; color: var(--text-color-5); }
.influencerDetailPopup .infl-profile .info-box01 .place .divider { width: 1px; height: 9px; margin-inline: 6px; background-color: #C4C4C4;}
.influencerDetailPopup .infl-profile .info-box02 { width: 100%; max-width: 272px; padding: 15px 20px 15px 18px; }
.influencerDetailPopup .infl-profile .info-box02 .stat-list { display: flex; flex-direction: column; gap: 10px; }
.influencerDetailPopup .infl-profile .info-box02 .stat-item { display: flex; justify-content: space-between; align-items: center; }
.influencerDetailPopup .infl-profile .info-box02 .stat-item-left { display: flex; align-items: center; gap: 4px; }
.influencerDetailPopup .infl-profile .info-box02 .stat-label { display: flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 600; color: var(--text-color-8); }
.influencerDetailPopup .infl-profile .info-box02 .stat-label::before { display: inline-block; content: ''; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.influencerDetailPopup .infl-profile .info-box02 .stat-item.like .stat-label::before { background-image: url("../images/common/icon-like-8a8a9a.svg");}
.influencerDetailPopup .infl-profile .info-box02 .stat-item.comment .stat-label::before { background-image: url("../images/common/icon-comment-8a8a9a.svg");}
.influencerDetailPopup .infl-profile .info-box02 .stat-item.hit .stat-label::before { background-image: url("../images/common/icon-eye-8a8a9a.svg");}
.influencerDetailPopup .infl-profile .info-box02 .stat-average { padding: 2px 4px; border-radius: 2px; background: var(--sky-blue); font-size: 12px; font-weight: 600; color: var(--point-color); }
.influencerDetailPopup .infl-profile .info-box02 .stat-value { font-size: 16px; font-weight: 700; }
.influencerDetailPopup .infl-profile .info-box03 { flex: 1; padding: 14px 20px 12px; }
.influencerDetailPopup .infl-profile .info-box03 dl { display: flex; justify-content: space-between;  }
.influencerDetailPopup .infl-profile .info-box03 dl.first-row { padding-bottom: 9px; border-bottom: 1px solid var(--border-color-d); }
.influencerDetailPopup .infl-profile .info-box03 dl.second-row { padding-top: 10px; }
.influencerDetailPopup .infl-profile .info-box03 .item { width: calc(100% / 3); border-right: 1px solid var(--border-color-d); }
.influencerDetailPopup .infl-profile .info-box03 dl .item:nth-child(2), .influencerDetailPopup .infl-profile .info-box03 dl .item:nth-child(3) { padding-left: 15px; }
.influencerDetailPopup .infl-profile .info-box03 dl .item:last-child { border-right: none; }
.influencerDetailPopup .infl-profile .info-box03 .item.wide { width: calc(100% / 3 * 2); }
.influencerDetailPopup .infl-profile .info-box03 .item dt { display: block; font-size: 14px; font-weight: 600; color: var(--text-color-8); line-height: 1.14; }
.influencerDetailPopup .infl-profile .info-box03 .item dd { display: block; padding-top: 5px; font-size: 16px; font-weight: 600; line-height: 1.37; }
.influencerDetailPopup .infl-profile .info-box03 .item dd .date { padding-left: 4px; font-size: 12px; font-weight: 500; color: var(--point-color); }
.influencerDetailPopup .infl-profile .info-box04 { width: 100%; max-width: 272px; padding: 12px 20px 26px 16px; }
.influencerDetailPopup .infl-profile .info-box04 .score-title { display: block; padding-bottom: 12px; font-size: 12px; font-weight: 700; }
.influencerDetailPopup .infl-profile .info-box04 .score-content { display: flex; gap: 20px; }
.influencerDetailPopup .infl-profile .info-box04 .score-left .score-item { position: relative; }
.influencerDetailPopup .infl-profile .info-box04 .score-left .score-item .progress { transform: rotate(-90deg); transform-origin: 50% 50%; animation: none; }
.influencerDetailPopup .infl-profile .info-box04 .score-left .score-item .progress.run { animation: fillCircle 1.2s 0.3s cubic-bezier(.15,.7,.25,1) forwards; } 
.influencerDetailPopup .infl-profile .info-box04 .score-left .circle-score-value { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 22px; font-weight: 700; }
.influencerDetailPopup .infl-profile .info-box04 .score-right { flex: 1; }
.influencerDetailPopup .infl-profile .info-box04 .score-right .score-item { display: flex; align-items: center; }
.influencerDetailPopup .infl-profile .info-box04 .score-right .score-label { width: 53px; margin-right: 10px; font-size: 12px; font-weight: 600; color: var(--text-color-8); }
.influencerDetailPopup .infl-profile .info-box04 .score-right .progress-bar-wrap { position: relative; width: 100%; max-width: 54px; height: 6px; }
.influencerDetailPopup .infl-profile .info-box04 .score-right .progress-bar-bg { width: 100%; height: 100%; border-radius: 8px; background: var(--sky-blue); }
.influencerDetailPopup .infl-profile .info-box04 .score-right .progress-bar-fill { position: absolute; top: 0; left: 0; width: 0%; height: 100%; border-radius: 8px; background: var(--point-color);  }
.influencerDetailPopup .infl-profile .info-box04 .score-right .progress-bar-fill.run { animation: fillProgressBar 1s 0.3s cubic-bezier(.25,.8,.25,1) forwards; }
.influencerDetailPopup .infl-profile .info-box04 .score-right .bar-score-value { margin-left: 12px; font-size: 14px; font-weight: 700; color: var(--point-color); }
.influencerDetailPopup .tab-container { display: flex; flex-direction: column; flex: 1; padding-inline: 20px; }
.influencerDetailPopup .tab-container .flex-box { position: relative; }
.influencerDetailPopup .tab-container .flex-box .tab-menu { margin-bottom: 16px; padding-top: 24px; }
.influencerDetailPopup .tab-container .flex-box .btn-wrap { position: absolute; top: 12px; right: 0; }
.influencerDetailPopup .tab-container .tab-content-wrap .select-box-wrap { display: flex; gap: 6px; margin-bottom: 16px; }
.influencerDetailPopup .tab-content-wrap { display: flex; flex-direction: column; flex: 1; }
.influencerDetailPopup .tab-content-wrap .tab-content { flex-direction: column; flex: 1; }
.influencerDetailPopup .tab-content-wrap .tab-content.current { display: flex; }
.influencerDetailPopup .tab-content-wrap .tab-content .tab-content-inner { display: flex; flex-direction: column; flex: 1; }
.influencerDetailPopup .tab-content-wrap .tab-content .tab-content-inner .table-wrap { flex: 1; }
.influencerDetailPopup .empty-wrap { display: none; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 530px; gap: 20px; margin-bottom: 50px; border-bottom: 1px solid var(--border-color-d); }
.influencerDetailPopup .empty-wrap .empty-txt { min-height: auto; }
.influencerDetailPopup .tab-content-wrap .tab-content.empty .empty-wrap { display: flex; }
.influencerDetailPopup .tab-content-wrap .tab-content.empty .tab-content-inner { display: none; }
.influencerDetailPopup .all-empty-wrap { margin: 50px 20px; border-top: 1px solid var(--border-color-d); }
.influencerDetailPopup .tab-container.all-empty + .all-empty-wrap { display: flex; }
.influencerDetailPopup .tab-container.all-empty { display: none; }
@keyframes fillCircle {
    0% { stroke-dashoffset: var(--circle-length); }
    100% { stroke-dashoffset: var(--target-offset); }    
}
@keyframes fillProgressBar {
    0% { width: 0%; }
    100% { width: var(--target-width); }    
}

/* 인플루언서 상세 정보 팝업 - 테이블 */
.influencerDetailPopup .influencer-table tbody td.col-title { text-align: left; word-break: keep-all; }
.influencerDetailPopup .influencer-table tbody td.col-title .cell-link { display: block; }
.influencerDetailPopup .influencer-table tbody tr .col-response .response-btn { min-width: 36px; min-height: 36px; }
.influencerDetailPopup .influencer-table tbody tr .col-response .status-icon { width: 36px; height: 36px; background-repeat: no-repeat; background-position: center; background-size: 24px; vertical-align: middle; }
.influencerDetailPopup .influencer-table tbody tr.status-response-default .col-response .status-icon { background-image: url("../images/common/icon-hyphen.svg"); }
.influencerDetailPopup .influencer-table tbody tr.status-responded .col-response .status-icon { background-image: url("../images/common/icon-o.svg"); }
.influencerDetailPopup .influencer-table tbody tr.status-no-response .col-response .status-icon { background-image: url("../images/common/icon-x.svg"); }
.influencerDetailPopup .influencer-table thead tr.first-tr th:last-child { border-radius: 0 6px 0 0; }
.influencerDetailPopup .influencer-table thead tr.second-tr th { border-top: 0; border-left: 0; }
.influencerDetailPopup .influencer-table thead tr.second-tr th:first-child { border-radius: 0; }
.influencerDetailPopup .influencer-table thead tr.second-tr th:last-child { border-radius: 0 0 6px 0; }

.influencerDetailPopup .common-table-bottom { margin-top: 0; padding-top: 20px }
.influencerDetailPopup .common-table-bottom .pagination-wrap { position: static; justify-content: center; transform: none; }

/* ====== 평가 및 협찬 단가 직접등록 팝업 ====== */
.directRegPopup.modal.wide .modal-content { padding-bottom: 30px; }
.directRegPopup .input-box { display: flex; align-items: center; gap: 28px; }
.directRegPopup .input-box .input-label { min-width: 92px; padding: 0; font-weight: 500; line-height: 1.25; }
.directRegPopup .form-group.bottom { display: flex; flex-direction: column; padding-top: 24px; }
.directRegPopup .form-group-tit-wrap { display: flex; align-items: center; justify-content: space-between; }
.directRegPopup .form-group-tit-wrap strong { font-size: 18px; font-weight: 700; }
.directRegPopup .form-group-tit-wrap .custom-select-box .select-box { min-width: 107px; }
.directRegPopup .form-group.bottom .input-box-wrap { padding-top: 10px; }
.directRegPopup .form-group.bottom .input-box-wrap:nth-child(2) { padding-top: 16px; }
.directRegPopup .textarea-box-wrap { padding-top: 12px; }
.directRegPopup .textarea-box-wrap .textarea-box { display: flex; gap: 28px; }
.directRegPopup .textarea-box-wrap .textarea-box .textarea-label { min-width: 92px; font-weight: 500; color: var(--text-color-5); }
.directRegPopup .textarea-box-wrap .textarea-box textarea { height: 80px; }

@media screen and (max-width: 1024px) {
    .directRegPopup .input-box { gap: clamp(10px, 2.73vw, 28px); }
    .directRegPopup .input-box .input-label { min-width: 78px; }
    .directRegPopup .textarea-box-wrap .textarea-box { gap: clamp(10px, 2.73vw, 28px); }
    .directRegPopup .textarea-box-wrap .textarea-box .textarea-label { min-width: 78px; font-size: clamp(14px, 1.563vw, 16px); }
}

/* ====== 인플루언서 직접등록 팝업 ====== */
.influencerRegPopup .modal-tit-wrap { margin-bottom: 22px; }
.influencerRegPopup .modal-sub-tit { font-weight: 500; text-align: left; line-height: 1.6; white-space: normal; }
.influencerRegPopup .modal-sub-tit span { font-weight: 700; }
.influencerRegPopup .modal-txt-wrap { padding-top: 40px; }
.influencerRegPopup .modal-txt-wrap:has(.modal-form-group.bottom) .modal-form-group.top { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px dashed var(--border-color-d); }
/* .influencerRegPopup .modal-form-group.top { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px dashed var(--border-color-d); } */
.influencerRegPopup .modal-form-group .form-group-tit { display: block; padding-bottom: 20px; font-size: 18px; font-weight: 700; color: var(--point-color); }
.influencerRegPopup .modal-form-group.top .radio-wrap { display: flex; align-items: center; gap: 28px; }
.influencerRegPopup .modal-form-group.top .radio-label { min-width: 92px; padding-bottom: 0; font-weight: 500; }
.influencerRegPopup .modal-form-group.top .radio-box-wrap { gap: 6px; }
.influencerRegPopup .modal-form-group.top .input-box-wrap { display: flex; gap: 6px; padding-top: 10px; }
.influencerRegPopup .modal-form-group.top .input-box-wrap .input-box { flex: 1; }
.influencerRegPopup .modal-form-group.top .input-box-wrap .basic-btn.square { min-width: 102px; }
.influencerRegPopup .modal-form-group.top .input-box-wrap#influencerRegPopup-brandWrap{padding-bottom: 10px; padding-top: 0; position: relative; z-index: 1000;}

@media screen and (max-width: 1024px) {
    .influencerRegPopup .modal-form-group.top .radio-label { min-width: 78px; }
    .influencerRegPopup .modal-form-group.top .radio-wrap { gap: clamp(10px, 2.73vw, 28px); }
}

@media screen and (max-width: 470px) {
    .influencerRegPopup .modal-sub-tit br.pc-only { display: none; }
    .influencerRegPopup .modal-form-group.top .input-box-wrap { flex-direction: column; }
    .influencerRegPopup .modal-form-group.top .btn-wrap { justify-content: flex-end; }
}

/* ====== 인플루언서 검색 팝업 공통 ====== */
.inflSearchPopup .modal-tit.f20 { font-size: 20px; font-weight: 700; text-align: left; }
.inflSearchPopup .modal-tit.f18 { font-weight: 700; }
/* form select-box 공통 */
.inflSearchPopup .form-group { display: flex; gap: 28px; }
.inflSearchPopup .form-group .input-label { min-width: 72px; padding-bottom: 0; font-weight: 500; }
.inflSearchPopup .form-group.top .personnel { font-weight: 600; }
.inflSearchPopup .form-group.bottom { padding-top: 20px; }
.inflSearchPopup .form-group.bottom .input-label { line-height: 40px; }
.inflSearchPopup .form-group.bottom .form-group-content { display: flex; flex-direction: column; gap: 10px; flex: 1; width: calc(100% - 100px);}
.inflSearchPopup .form-group.bottom .form-group-content .form-row { display: flex; gap: 10px; }
.inflSearchPopup .form-group.bottom .form-group-content .form-row .custom-select-box { flex: 1; width: calc((100% - 10px) / 2); }
.inflSearchPopup .custom-select-box .drop-select ul { max-height: 300px; }
/* bg box 공통 */
.inflSearchPopup .modal-bg-box { display: flex; flex-direction: column; gap: 16px; margin-top: 24px; padding: 20px; border-radius: 4px; background: var(--bg-color); }
.inflSearchPopup .modal-bg-box .modal-data-row { display: flex; align-items: flex-start; gap: 12px; }
.inflSearchPopup .modal-bg-box .modal-data-row .label { min-width: 60px; font-size: 16px; font-weight: 500; color: var(--text-color-5); }
.inflSearchPopup .modal-bg-box .modal-data-row .data { font-size: 16px; font-weight: 600; }

/* ====== 캠페인 대상 등록 팝업 ====== */
.campaignPopup .modal-content { padding-block: 28px 30px; }
.campaignPopup .modal-tit-wrap { margin-bottom: 28px; }
.campaignPopup .modal-txt-wrap { padding-bottom: 0; }
.campaignPopup .modal-txt-wrap .btn-wrap { gap: 10px; }
.campaignPopup .modal-txt-wrap .btn-wrap .campaign-btn { flex: 1; position: relative; padding: 16px 16px 62px; color: var(--text-color-2); text-align: left; line-height: 1; }
.campaignPopup .modal-txt-wrap .btn-wrap .campaign-btn::after { display: block; content: ''; position: absolute; right: 10px; bottom: 10px; width: 36px; height: 36px; background-image: url("../images/common/icon-campaign.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.campaignPopup .modal-txt-wrap .btn-wrap .campaign-btn:last-child:after { background-image: url("../images/common/icon-folder-line.svg"); }

/* ====== 캠페인 대상 등록 완료 팝업 - 부분 등록 완료 ====== */
.regPartCompletePopup .modal-tit { line-height: 1.44; }
.regPartCompletePopup .modal-tit span { display: inline; font-weight: 700; }

/* ====== 관심목록 등록 팝업 ====== */
.likeRegPopup .modal-content { padding-top: 28px; }
.likeRegPopup .modal-tit-wrap { margin-bottom: 20px; }
.likeRegPopup .form-group.bottom .form-group-content { gap: 6px; }
.likeRegPopup .form-group.bottom .form-group-content .direct-wrap { display: none; }
.likeRegPopup .form-group.bottom .form-group-content .direct-wrap input::placeholder { font-size: 15px; }
.likeRegPopup .form-group.bottom .form-group-content:has(.selected .direct) .direct-wrap { display: block; }

/* ====== 관심목록 해제 팝업 ====== */
.unRegPopup .modal-tit-wrap { margin-bottom: 40px; }

/*========== Detail Filter 팝업 ==========*/
.filterPop.modal .modal-wrap { position: absolute; right: 20px; top: 20px; width: calc(100% - 40px); height: calc(100% - 40px); max-width: 640px; transform: translateX(calc(100% + 20px)); -webkit-transform: translateX(calc(100% + 20px)); -moz-transform: translateX(calc(100% + 20px)); -ms-transform: translateX(calc(100% + 20px)); -o-transform: translateX(calc(100% + 20px)); transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; }
.filterPop.modal.open .modal-wrap { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.filterPop .modal-content { display: flex; flex-direction: column; gap: 20px; height: 100%; padding: 30px 10px 30px 30px;}
.filterPop .modal-top-wrap { flex-shrink: 0; display: flex; justify-content: space-between; align-items: center;}
.filterPop .modal-top-wrap .modal-tit { display: flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 700; color: var(--text-color-2);}
.filterPop .modal-top-wrap .modal-tit .filter-count { padding: 4px 12px; border-radius: 18px; background-color: var(--point-color); color: #fff; font-size: 16px; line-height: 19px; }
.filterPop .modal-top-wrap .modal-tit .filter-count:empty { display: none;}
.filterPop .modal-top-wrap .btn-search { min-width: 136px; font-size: 18px;}
.filterPop .modal-cont-wrap { padding: 0 20px 0 0; flex-grow: 1; overflow-y: auto;}
.filterPop .modal-cont-wrap::-webkit-scrollbar { width: 4px; height: 4px; border-radius: 6px; } 
.filterPop .modal-cont-wrap::-webkit-scrollbar-thumb { background-color: #BBBBC4; border-radius: 6px; } 
.filterPop .modal-cont-wrap::-webkit-scrollbar-track { background-color: #fff; }
.modal-search-field:not(:last-of-type) { padding-bottom: 24px;}
.modal-search-field:not(:last-of-type)::after { content: ''; display: block; width: 100%; height: 1px; margin-top: 24px; background-image: repeating-linear-gradient( to right, var(--border-color-d) 0,   var(--border-color-d) 4px, transparent 4px, transparent 8px);}
.modal-search-field .field-tit { font-size: 20px; color: var(--point-color); font-weight: 700; margin-bottom: 24px; }
.modal-search-field .field-sub-tit { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 12px;}
.modal-search-field .field-sub-tit p { font-size: 18px; color: var(--point-color); font-weight: 700; }
.modal-search-field .field-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;}
.modal-search-field .field-top .field-tit { margin-bottom: 0;}
.modal-search-field .field-cont { display: flex; flex-wrap: wrap; gap: 20px;}
.modal-search-field.field-platform .field-cont { justify-content: space-between; align-items: flex-start;}
.modal-search-field .field-cont .input-wrap { width: calc((100% - 20px) / 2);}
.modal-search-field .field-cont .input-wrap.full-input { width: 100%;}
.modal-search-field .input-top-wrap { display: flex; justify-content: space-between; align-items: center;}
.radio-box-wrap:has(.input-condition-box) { display: flex; gap: 0; padding: 4px; border: 1px solid var(--border-color-e); border-radius: 6px; background-color: #fff;}
.input-top-wrap .input-label { padding-bottom: 0;}
.basic-radio-box.input-condition-box input[type="radio"] + label { display: flex; align-items: center; min-height: 32px; background-color: transparent; border-radius: 6px;}
.basic-radio-box.input-condition-box input[type="radio"] + label::before,
.basic-radio-box.input-condition-box input[type="radio"] + label::after { display: none;}
.basic-radio-box.input-condition-box:not(:last-of-type) input[type="radio"] + label::after { display: block; left: auto; right: 0; width: 1px; height: 75%; background-color: var(--border-color-e); border: none; border-radius: 0%; transform: translate(0,-50%); }
.basic-radio-box.input-condition-box input[type="radio"] + label span { padding: 0 15px; font-size: 16px; font-weight: 500; color: var(--text-color-8);}
.basic-radio-box.input-condition-box input[type="radio"]:checked + label { background-color: #EDEDED;}
.basic-radio-box.input-condition-box input[type="radio"]:checked + label span { color: var(--text-color-2);}
.modal-search-field.mylist-search::after { display: none;}
.modal-search-field.mylist-search .checkbox-wrap input[type="checkbox"] + label { font-size: 15px; color: var(--text-color-8);}
.filterPop .modal-search-field:nth-of-type(3) .input-wrap:nth-of-type(2) .custom-select-box .drop-select,
.filterPop .modal-search-field:nth-of-type(3) .input-wrap:nth-of-type(4) .custom-select-box .drop-select,
.filterPop .modal-search-field:nth-of-type(4) .input-wrap:nth-of-type(2) .custom-select-box .drop-select,
.filterPop .modal-search-field:nth-of-type(4) .input-wrap:nth-of-type(4) .custom-select-box .drop-select,
.filterPop .modal-search-field:nth-of-type(4) .input-wrap:nth-of-type(6) .custom-select-box .drop-select,
.filterPop .modal-search-field:nth-of-type(4) .input-wrap:nth-of-type(8) .custom-select-box .drop-select,
.filterPop .modal-search-field:nth-of-type(5) .input-wrap:nth-of-type(2) .custom-select-box .drop-select,
.filterPop .modal-search-field:nth-of-type(5) .input-wrap:nth-of-type(4) .custom-select-box .drop-select,
.filterPop .modal-search-field:nth-of-type(5) .input-wrap:nth-of-type(7) .custom-select-box .drop-select,
.filterPop .modal-search-field:nth-of-type(6) .input-wrap:nth-of-type(4) .custom-select-box .drop-select { left: auto; right: 0;}
/* 브랜드 선택 팝업 */
.brandSearchPop .modal-wrap { width: 100%; max-width: 900px; padding: 20px; aspect-ratio: auto;}
.brandSearchPop .modal-content { padding: 24px 25px 24px 15px;}
.brandSearchPop .modal-tit-wrap { margin-bottom: 23px;}
.brandSearchPop .modal-tit { font-size: 20px; font-weight: 700; text-align: left;}
.brandSearchPop .input-box.search-bar { max-width: 430px; border: 1px solid var(--border-color-d); border-radius: 4px;}
.brandSearchPop .input-box.search-bar .input-field { height: 40px; padding: 0 40px 0 14px; font-size: 15px;}
.brandSearchPop .input-box.search-bar .input-field::placeholder { font-weight: 400; color: var(--text-color-8);}
.brandSearchPop .input-box.search-bar .icon-btn.search { width: 40px; height: 40px; background-size: 20px auto;}
.brandSearchPop .brand-wrap { margin-top: 8px;}
.brandSearchPop .tab-container { display: flex; gap: 4px;}
.brandSearchPop .tab-menu { align-items: stretch; gap: 0; height: 40px; padding: 4px; border: 1px solid var(--border-color-e); border-radius: 6px;}
.brandSearchPop .tab-menu li.tab-link a { display: flex; justify-content: center; align-items: center; width: 57px; height: 100%; padding: 0; font-size: 15px; font-weight: 500; color: var(--text-color-8); background-color: #fff; border-radius: 4px;}
.brandSearchPop .tab-menu li.tab-link.current a { font-weight: 600; color: var(--text-color-2); background-color: #EDEDED; }
.brandSearchPop .tab-menu li.tab-link.current a::after { display: none;}
.brandSearchPop .tab-container .tab-content-wrap { width: calc(100% - 128px);}
.brandSearchPop .tab-container .filter-wrap.cate { overflow-x: auto; gap: 4px;}
.brandSearchPop .tab-container .filter-wrap.cate .filter-btn { flex-shrink: 0; width: 40px; height: 40px; border-radius: 6px; border: 1px solid var(--border-color-e); padding: 0; background-color: #fff; font-size: 15px; font-weight: 500; color: var(--text-color-5); }
.brandSearchPop .tab-container .filter-wrap.cate .filter-btn.active { background-color: #fff; border-color: var(--text-color-2); font-weight: 600; color: var(--text-color-2); }
.brandSearchPop .tab-container .filter-wrap.cate .filter-btn.disabled,
.brandSearchPop .tab-container .filter-wrap.cate .filter-btn:disabled { background-color: #F5F5F5 !important; color: var(--text-color-c) !important; border-color: var(--border-color-e) !important; font-weight: 500 !important;}
.brandSearchPop .tab-container .filter-wrap.cate::-webkit-scrollbar { width: 4px; height: 4px; border-radius: 6px; } 
.brandSearchPop .tab-container .filter-wrap.cate::-webkit-scrollbar-thumb { background-color: #BBBBC4; border-radius: 6px; } 
.brandSearchPop .tab-container .filter-wrap.cate::-webkit-scrollbar-track { background-color: #fff; }
.brandSearchPop .select-container { display: flex; gap: 20px; margin-top: 7px; height: 290px;}
.brandSearchPop .select-container .selected-box { flex-shrink: 0; width: 210px; height: 100%; padding: 10px 5px 10px 10px; border: 1px solid var(--border-color-d); border-radius: 4px; }
.brandSearchPop .select-container .selected-box .input-tag-wrap { height: 100%; overflow-y: auto; padding-right: 5px;}
.brandSearchPop .select-container .selected-box .input-tag-wrap::-webkit-scrollbar { width: 4px; height: 4px; border-radius: 6px; } 
.brandSearchPop .select-container .selected-box .input-tag-wrap::-webkit-scrollbar-thumb { background-color: #BBBBC4; border-radius: 6px; } 
.brandSearchPop .select-container .selected-box .input-tag-wrap::-webkit-scrollbar-track { background-color: #fff; } 
.brandSearchPop .selected-box:not(:has(.input-tag)) { display: flex; justify-content: center; align-items: center;}
.brandSearchPop .selected-box .empty-txt { font-size: 12px; min-height: auto; }
.brandSearchPop .selected-box .empty-txt::before { width: 20px; height: 20px; margin-bottom: 4px; background-size: contain;}
.brandSearchPop .selected-box:has(.input-tag) .empty-txt { display: none;}
.brandSearchPop .selected-box .input-tag:not(:last-of-type) { margin-bottom: 6px;}
.brandSearchPop .select-container .select-cont { flex-grow: 1; overflow-y: auto; padding-top: 10px;}
.brandSearchPop .select-container .select-cont::-webkit-scrollbar { width: 4px; height: 4px; border-radius: 6px; } 
.brandSearchPop .select-container .select-cont::-webkit-scrollbar-thumb { background-color: #BBBBC4; border-radius: 6px; } 
.brandSearchPop .select-container .select-cont::-webkit-scrollbar-track { background-color: #fff; } 
.brandSearchPop .select-container .select-cont .item:not(.search-result) .filter-group { display: flex; align-items: flex-start;}
.brandSearchPop .select-container .select-cont .item:not(:first-of-type) { margin-top: 30px;}
.brandSearchPop .select-container .select-cont .filter-group .initial { flex-shrink: 0; width: 32px; font-size: 16px; font-weight: 600; color: var(--text-color-5);}
.brandSearchPop .select-container .select-cont .filter-group .filter-list { flex-grow: 1; display: flex; gap: 16px; flex-wrap: wrap;}
.brandSearchPop .select-container .select-cont .filter-group .filter-list .checkbox-wrap { width: calc((100% - (16px * 3)) / 4);}
.brandSearchPop .select-container .select-cont .filter-group .filter-list .checkbox-wrap input[type="checkbox"] + label { word-break: break-all; align-items: flex-start;}
.brandSearchPop .select-container .select-cont .filter-group .filter-list .checkbox-wrap input[type="checkbox"] + label::before { flex-shrink: 0; transform: translateY(-1px);}
.brandSearchPop .select-container .select-cont .item.search-result .search-note { margin-bottom: 1em; font-size: 16px; font-weight: 700; color: var(--text-color-2);}
.brandSearchPop .select-container .select-cont .item.search-result .search-note em { color: var(--point-color);}
.brandSearchPop .select-container .select-cont .empty-txt { height: 100%; font-size: 12px; min-height: auto;}
.brandSearchPop .select-container .select-cont .empty-txt::before { width: 20px; height: 20px; margin-bottom: 4px; background-size: contain;}
.brandSearchPop .select-container .select-cont:has(.item) .empty-txt { display: none;}

/*========== 브랜드 등록/수정하기 ==========*/
.brandEditPop .input-popup-table .select-add-wrap .custom-select-box{max-width: 298px;}

/*========== 팝업 내 테이블 ==========*/
.input-popup-table { width: 100%;}
.input-popup-table tr + tr th,
.input-popup-table tr + tr td { padding-top: 10px;}
.input-popup-table tbody th { width: 112px; text-align: left; font-size: 16px; font-weight: 500; color: var(--text-color-5);}
.input-popup-table .basic-btn.file-btn { line-height: 38px; width: 116px;}
.input-popup-table .input-box-wrap:has(.input-file-name-show) { display: flex; gap: 6px;}
.input-popup-table .file-name-box { position: relative; width: calc(100% - 116px - 6px); padding: 0 34px 0 16px; border: 1px solid var(--border-color-d); border-radius: 4px;}
.input-popup-table .file-name-box span { font-size: 15px; line-height: 38px; font-weight: 400; color: var(--text-color-2);}
.input-popup-table .file-name-box .btn-file-del { display: none; position: absolute; right: 13px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; font-size: 0; background-image: url('../images/common/icon-delete.svg'); background-size: contain; background-position: center; background-repeat: no-repeat;}
.input-popup-table .file-name-box.uploaded .btn-file-del { display: block;}
.input-popup-table .select-add-wrap { display: flex; gap: 6px; margin-bottom: 5px;}
.input-popup-table .select-add-wrap .custom-select-box { width: calc(100% - 74px - 6px);}
.input-popup-table .select-add-wrap + .select-add-list { display: flex; flex-wrap: wrap; gap: 7px;}

/* ============ 구독/결제 내역 팝업 ============ */
/* 구독 플랜 신청 */
.subscription .basic-btn.large{min-width: 130px;}
.subscription .modal-content{padding: 30px 20px;}
.subscription .modal-tit-wrap{margin-bottom: 38px;}
.subscription .modal-tit-wrap .modal-tit{ font-size: 20px; font-weight: 700; text-align: left;}
.subscription .modal-txt-wrap .modal-sec{margin-bottom: 40px;}
.subscription .modal-txt-wrap .modal-sec:last-of-type{margin-bottom: 0;}
.subscription .modal-txt-wrap .modal-sec .modal-cont-tit{border-top: 2px solid var(--text-color-2); border-bottom: 1px solid var(--border-color-d);}
.subscription .modal-txt-wrap .modal-sec .modal-cont-tit h4{padding: 14px 10px; font-weight: 700; font-size: 18px; color: var(--text-color-2);line-height: 1; }
.subscription:not(.complete) .modal-btn-wrap .basic-btn.large{min-width: 232px;}
/* 구독 플랜 신청 - 사용자 정보 */
.subscription .modal-txt-wrap .modal-sec .user-info{display:flex;align-items: stretch; flex-wrap:wrap; }
.subscription .modal-txt-wrap .modal-sec .user-info dt,
.subscription .modal-txt-wrap .modal-sec .user-info dd{padding: 18px 20px; border-bottom: 1px solid var(--border-color-d); font-size: 16px; color: var(--text-color-5); }
.subscription .modal-txt-wrap .modal-sec .user-info dt{width: 170px; padding: 18px 9px; font-weight: 600;}
.subscription .modal-txt-wrap .modal-sec .user-info dd{width: calc(100% - 170px); }
/* 구독 플랜 신청 - 요금제 선택 */
.subscription .modal-txt-wrap .plan-sec .agree-box{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap: 10px; }
.subscription .modal-txt-wrap .plan-sec .agree-box a,
.subscription .modal-txt-wrap .plan-sec .agree-box .agreement-link {position: relative; font-weight: 700; font-size: 16px; color: var(--text-color-8); margin-left: auto; padding-right: 26px; background: url("/assets/images/common/icon-arrow-right-59596c.svg") center right / 22px no-repeat;}
.subscription .modal-txt-wrap .plan-sec .agree-box a:hover,
.subscription .modal-txt-wrap .plan-sec .agree-box .agreement-link:hover {opacity: 0.8;}
/* 구독 플랜 신청 - 추가 요청 사항 */
.subscription .modal-txt-wrap .textarea-box-wrap { margin: 20px 0; }
.subscription .modal-txt-wrap .textarea-box-wrap textarea { height: 160px;}
@media screen and (max-width: 1024px) {
    #container:has(.rwd) .subscription .basic-btn.large { min-width: clamp(100px, 12.695vw, 130px); font-size: clamp(15px, 1.758vw, 18px); line-height: clamp(42px,5.273vw, 54px);}
    #container:has(.rwd) .subscription .modal-content { padding: clamp(20px, 2.93vw, 30px) clamp(16px, 1.953vw, 20px); }
    #container:has(.rwd) .subscription .modal-tit-wrap{margin-bottom: clamp(20px, 3.711vw, 38px);}
    #container:has(.rwd) .subscription .modal-tit-wrap .modal-tit{ font-size: clamp(18px, 1.953vw, 20px);}
    #container:has(.rwd) .subscription .modal-txt-wrap .modal-sec:not(:last-of-type){margin-bottom: clamp(30px, 3.906vw, 40px);}
    #container:has(.rwd) .subscription .modal-txt-wrap .modal-sec .modal-cont-tit h4{padding: 0.7778em clamp(6px, 0.977vw, 10px); font-size: clamp(16px, 1.758vw, 18px); }
    #container:has(.rwd) .subscription .modal-txt-wrap .modal-sec .user-info dt,
    #container:has(.rwd) .subscription .modal-txt-wrap .modal-sec .user-info dd{padding: clamp(14px, 1.758vw, 18px) clamp(12px, 1.953vw, 20px); font-size: clamp(14px, 1.563vw, 16px); }
    #container:has(.rwd) .subscription .modal-txt-wrap .modal-sec .user-info dt{width: clamp(86px, 16.602vw, 170px); padding: clamp(14px, 1.758vw, 18px) clamp(6px, 0.879vw, 9px);}
    #container:has(.rwd) .subscription .modal-txt-wrap .modal-sec .user-info dd{width: calc(100% - clamp(86px, 16.602vw, 170px)); }
    #container:has(.rwd) .subscription .modal-txt-wrap .plan-sec .agree-box a,
    #container:has(.rwd) .subscription .modal-txt-wrap .plan-sec .agree-box .agreement-link{font-size: clamp(14px, 1.563vw, 16px); padding-right: clamp(23px, 2.539vw, 26px); background-size: clamp(20px, 2.148vw, 22px) auto;}
    #container:has(.rwd) .subscription:not(.complete) .modal-btn-wrap .basic-btn.large{min-width: clamp(184px, 22.656vw, 232px); font-size: clamp(16px, 1.758vw, 18px); line-height: clamp(46px, 5.273vw, 54px);}
    #container:has(.rwd) .subscription .modal-txt-wrap .textarea-box-wrap { margin: clamp(16px, 1.953vw, 20px) 0; }
    #container:has(.rwd) .subscription .modal-txt-wrap .textarea-box-wrap textarea { height: clamp(140px, 15.625vw, 160px);}
}
@media screen and (max-width: 480px) {
    #container:has(.rwd) .subscription .modal-txt-wrap .plan-sec .sub-tit span{display: block; margin: 3px 0 0;}
}
/* 구독 플랜 신청 완료 */
.subscription.complete .modal-content{padding: 30px 20px;}
.subscription .complete-box{margin-bottom: 30px; text-align: center;}
.subscription .complete-box h3{font-weight: 700; font-size: 26px; color: var(--text-color-2); margin-bottom:16px;}
.subscription .complete-box h3::before{content:""; display: block; width: 30px; height: auto; aspect-ratio: 1/1; margin: 0 auto 14px; background: url("../images/common/icon-complete-chk.svg") 50% 50% / cover no-repeat;}
.subscription .complete-box p{font-weight: 400; font-size: 16px; color: var(--text-color-5);}
/* 구독 플랜 신청 완료 - 추가 요청 사항 */
.subscription .memo-area { padding: 20px 12px 24px; border-bottom: 1px solid var(--border-color-d);}
.subscription .memo-area p { font-size: 16px; font-weight: 400; color: var(--text-color-5);}
@media screen and (max-width: 1024px) {
    #container:has(.rwd) .subscription.complete .modal-content{padding: clamp(20px, 2.93vw, 30px) clamp(16px, 1.953vw, 20px);}
    #container:has(.rwd) .subscription .complete-box h3{font-size: clamp(20px, 2.539vw, 26px); margin-bottom:clamp(10px, 1.953vw, 20px);}
    #container:has(.rwd) .subscription .complete-box h3::before{ width: clamp(28px, 2.93vw, 30px); margin: 0 auto 14px;}
    #container:has(.rwd) .subscription .complete-box p{font-size: clamp(14px, 1.563vw, 16px);}
    #container:has(.rwd) .subscription .memo-area { padding: clamp(16px, 1.953vw, 20px) clamp(10px, 1.172vw, 12px) clamp(18px, 2.344vw, 24px);}
    #container:has(.rwd) .subscription .memo-area p { font-size: clamp(14px, 1.563vw, 16px); }
}
/* 구독 플랜 변경 신청 */
.subscription.change  .modal-txt-wrap .plan-sec .agree-box{margin-bottom: 20px;}
@media screen and (max-width: 1024px) {
    #container:has(.rwd) .subscription.change .modal-btn-wrap .basic-btn.large{width: 100%; max-width: 184px; min-width: auto; padding: 0 6px; font-size: clamp(15px, 1.956vw, 16px); line-height: clamp(42px, 5.997vw, 46px); white-space: nowrap;}
}
/* 부계정 등록 */
.subAddPop .form-content { display: flex; flex-direction: column; gap: 20px; padding-inline: 10px; margin-top: 20px; }
.subAddPop .file-btn-wrap { display: flex; align-items: center; gap: 10px; }
.subAddPop .file-btn-wrap > * { flex: 1; }
.subAddPop .cert-number-input-box { margin-top: 10px; }
.subAddPop .time-limit { position: absolute; right: 136px; top: 50%; transform: translateY(-50%); font-size: 16px; font-weight: 500; color: var(--red-color); }
.subAddPop .modal-txt-wrap .plan-sec .agree-box{margin-bottom: 20px;}
/* 부계정 등록 - 승인  */
.subConfirmPop .desc { margin-bottom: 20px; font-size: 16px; font-weight: 400; color: var(--text-color-5); line-height: 1.5; }
.subConfirmPop .modal-cont-tit { display: flex; justify-content: space-between; align-items: center; padding-right: 10px;}
.subConfirmPop .modal-cont-tit .basic-btn.mini { height: 32px;}
/* 부계정 등록 - 승인 거절 */
.confirmDenyPop .basic-btn.small.solid { min-width: 164px;}
@media screen and (max-width: 1024px) {
    #container:has(.rwd) .subAddPop .form-content { gap: clamp(14px, 1.953vw, 20px); padding: 0 clamp(6px, 0.977vw, 10px);}
    #container:has(.rwd) .subAddPop .file-btn-wrap {  gap: clamp(6px, 0.977vw, 10px); }
    #container:has(.rwd) .subAddPop .time-limit { right: 8.5em; font-size: clamp(13px, 1.563vw, 16px); }
    #container:has(.rwd) .subConfirmPop .desc {margin-bottom: clamp(16px, 1.953vw, 20px); font-size: clamp(14px, 1.563vw, 16px);}
    #container:has(.rwd) .subConfirmPop .modal-cont-tit { padding-right: clamp(6px, 0.977vw, 10px);;}
    #container:has(.rwd) .subConfirmPop .modal-cont-tit .basic-btn.mini { height: clamp(28px, 3.125vw, 32px); font-size: clamp(13px, 1.465vw, 15px); line-height: clamp(26px, 2.93vw, 30px);}
}
@media screen and (max-width: 767px) {
    #container:has(.rwd) .subAddPop .form-content{padding: 0;}
    #container:has(.rwd) .subscription.subConfirmPop .modal-btn-wrap .basic-btn.large{width: 100%; max-width: 184px; min-width: auto; padding: 0 10px; font-size: clamp(15px, 1.956vw, 16px); line-height: clamp(42px, 5.997vw, 46px);}
}

/* 구독해지 */
.subscription.cancel .info-box{padding: 30px 0; border-top: 2px solid var(--text-color-2); border-bottom: 2px solid var(--text-color-2);}
.subscription.cancel .info-box p{margin-bottom: 20px; font-size: 16px; line-height: 1.5; color: var(--text-color-5);}
.subscription.cancel .info-box p span{font-weight: 600;}
.subscription.cancel .info-box p:last-of-type{margin-bottom: 0;}
.subscription.cancel .cancel-box .modal-cont-tit{padding: 14px 0; border-bottom: 1px solid var(--border-color-d);}
.subscription.cancel .cancel-box .modal-cont-tit h4{position: relative; padding-left: 42px; font-weight: 700; font-size: 18px; color: var(--text-color-2); }
.subscription.cancel .cancel-box .modal-cont-tit h4::before{content: ""; position: absolute; top: -1px; left: 10px; width: 28px; height: 28px; background: url("../images/common/icon-alert-blue.svg") 50% 50% / 28px no-repeat;}
.subscription.cancel .cancel-ticket {margin-top: 20px; padding: 27px 18px 0 20px; background-color: var(--bg-color); border-radius: 6px;}
.subscription.cancel .cancel-ticket .info{display:flex; justify-content: space-between; align-items: center;}
.subscription.cancel .cancel-ticket .plan-ver { padding: 0 15px; font-size: 15px; font-weight: 600; line-height: 34px; color: var(--point-color); background-color: #fff; border-radius: 20px;}
.subscription.cancel .cancel-ticket .plan-ver.prof { background: linear-gradient(135deg, var(--gradation-color-l), var(--gradation-color-r)); color: #fff; }
.subscription.cancel .cancel-ticket .right-wrap { display: flex; align-items: center; }
.subscription.cancel .cancel-ticket .right-wrap p { position: relative; display: flex; align-items: center; margin-right: 12px; padding-right: 13px; font-size: 15px; font-weight: 500; color: var(--text-color-5); line-height: 24px;}
.subscription.cancel .cancel-ticket .right-wrap p:last-of-type { margin-right: 0; padding-right: 0;}
.subscription.cancel .cancel-ticket .right-wrap p:not(:last-of-type)::after { content:''; position: absolute; right: 0; top: 50%; margin-top: -6px; display: block; background-color: #BBBBC4; height: 12px; width: 1px;}
.subscription.cancel .cancel-ticket .right-wrap p em { margin-left: 12px; font-size: 20px; font-weight: 700; color: var(--point-color);}
.subscription.cancel .cancel-ticket .right-wrap p > span { position: absolute; bottom: -17px; right: 0; transform: translateY(100%); font-size: 16px; font-weight: 400; line-height: 14px; color: var(--point-color);}
.subscription.cancel .cancel-ticket .right-wrap p:last-of-type em{font-size: 26px;}
.subscription.cancel .cancel-box .user-info{display:flex; align-items: center; flex-wrap:wrap; border-top: 1px solid var( --point-color-2); margin-top: 49px;}
.subscription.cancel .cancel-box .user-info dt{width: 162px; padding: 16px 0 16px 10px; font-weight: 600; font-size: 16px; color: var(--text-color-5); border-bottom: 1px solid var(--border-color-d);}
.subscription.cancel .cancel-box .user-info dd{width: calc(100% - 162px); padding: 16px 0; font-size: 16px; color: var(--text-color-5); border-bottom: 1px solid var(--border-color-d);}
.subscription.cancel .cancel-box .user-info dd span{color: var(--text-color-2); font-weight: 500;}
.subscription.cancel .cancel-box .user-info dd:last-of-type,
.subscription.cancel .cancel-box .user-info dt:last-of-type{border-bottom: none; padding-bottom: 28px;}

/* 구독해지 탈퇴 사유 선택 팝업 */
.subscription.cancel .notice {position: relative; padding-left: 32px; font-weight: 600; font-size: 16px; line-height: 28px; color: var(--text-color-2); }
.subscription.cancel .notice::before{content: ""; position: absolute; top: 0; left: 0; width: 28px; height: 28px; background: url("../images/common/icon-alert-blue.svg") 50% 50% / 28px no-repeat;}
.subscription.cancel .cancel-info .desc { margin-top: 20px; font-size: 16px; font-weight: 400; color: var(--text-color-5); }
.subscription.cancel .cancel-box.cancel-reason .modal-cont-tit { display: flex; justify-content: space-between; align-items: center; padding-left: 9px; padding-right: 9px;}
.subscription.cancel .cancel-box.cancel-reason .modal-cont-tit h4 { padding-left: 0px; }
.subscription.cancel .cancel-box.cancel-reason .modal-cont-tit h4::before { display: none;}
.subscription.cancel .cancel-box.cancel-reason .modal-cont-tit .alert { font-size: 12px; font-weight: 500; color: var(--text-color-5);}
.subscription.cancel .cancel-box.cancel-reason .modal-cont-tit .alert::before { content: '*'; margin-right: 2px; font-size: inherit; color: var(--red-color); font-weight: inherit;}
.subscription.cancel .cancel-reason-wrap { display: flex; flex-wrap: wrap; row-gap: 20px; margin-top: 27px;}
.subscription.cancel .cancel-reason-wrap .checkbox-wrap { width: 50%;}
.subscription.cancel .cancel-reason-wrap .textarea-box-wrap { width: 100%; padding: 2px; }
.subscription.cancel .cancel-reason-wrap .textarea-box-wrap textarea { height: 110px; }

/* 구독해지 철회 신청 팝업 */
.subscription.withdraw .info-box{border-bottom: 1px solid var(--border-color-d);}

/* ============ 템플릿 관리 팝업 ============ */
.templateTypePopup .modal-wrap {width: 740px;}
.templateTypePopup .modal-content {padding:46px 20px 60px;}
.templateTypePopup .modal-tit-wrap {margin:0px auto 40px;}
.templateTypePopup .modal-tit {font-size: 20px; font-weight: 700;}
.templateTypePopup .modal-txt-wrap .tit{display: block; margin-bottom: 10px; font-size: 20px; font-weight: 700; color: var(--text-color-2);}
.templateTypePopup .modal-txt-wrap .desc{font-size: 16px; font-weight: 400;line-height: 1.4; color: var(--text-color-5);}
.templateTypePopup .modal-txt-wrap .desc strong {font-weight: 700;}
.templateTypePopup .modal-close-btn {top:-26%;}
.templateTypePopup .btn-wrap{gap: 16px;}
.templateTypePopup .btn-wrap .template-btn {position: relative; width: 280px; height: 200px; padding: 28px 20px 20px; border-radius: 12px;border: 2px solid var(--border-color-d); text-align: left;line-height: 1;}
.templateTypePopup .btn-wrap .template-btn::after{position: absolute; content: ''; left: auto; right:8px; top: auto; bottom: 12px; width: 64px; height: 64px; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center;} 
.templateTypePopup .btn-wrap .template-btn.survey::after{ background: url("../images/common/icon-survey.svg");}
.templateTypePopup .btn-wrap .template-btn.survey.active{background: rgba(64, 92, 204, 0.05); border: 2px solid var(--point-color-2);}
.templateTypePopup .btn-wrap .template-btn.guide::after{background: url("../images/common/icon-guide.svg");}
.templateTypePopup .btn-wrap .template-btn.guide.active {background: rgba(9, 149, 95, 0.05); border: 2px solid #40B286;}
.templateTypePopup .btn-wrap .template-btn.survey:hover {background: rgba(64, 92, 204, 0.05);}
.templateTypePopup .btn-wrap .template-btn.guide:hover {background: rgba(9, 149, 95, 0.05);}

/* ============ 회원정보 변경 ============ */
.member .modal-content { padding-block: 30px; }
.member .modal-tit-wrap { margin-bottom: 40px; }
.member .modal-tit-wrap .modal-tit { font-size: 20px; font-weight: 700; text-align: left; }
.member .modal-txt-wrap { border-top: 2px solid var(--text-color-2); }
.member .basic-btn.large { min-width: 130px; }
@media screen and (max-width: 1024px) {
    #container:has(.rwd) .member .modal-content { padding-block: clamp(20px, 2.93vw, 30px); }
    #container:has(.rwd) .member .modal-tit-wrap { margin-bottom: clamp(16px, 3.906vw, 40px); }
    #container:has(.rwd) .member .modal-tit-wrap .modal-tit { font-size: clamp(18px, 1.953vw, 20px);}
    #container:has(.rwd) .member .basic-btn.large { min-width: clamp(100px, 12.695vw, 130px); font-size: clamp(15px, 1.758vw, 18px); line-height: clamp(42px,5.273vw, 54px);}
}

/* 비밀번호 확인 팝업 */
.confirmPwPopup .modal-txt-wrap .modal-sub-tit { margin-bottom: 20px; padding-block: 14px; border-bottom: 1px solid var(--border-color-d); font-weight: 700; color: var(--text-color-2); text-align: left; }

/* 회원정보 변경 팝업 */
.modifyMemInfoPopup .modal-txt-wrap .join-info .form-content { display: flex; flex-direction: column; gap: 20px; padding-inline: 10px; margin-bottom: 20px; }
.modifyMemInfoPopup .modal-txt-wrap .join-info .form-title { margin-bottom: 20px; padding: 14px 10px 13px;  border-bottom: 1px solid var(--border-color-d); font-size: 18px; font-weight: 700; color: var(--text-color-2); line-height: 1;}
.modifyMemInfoPopup .modal-txt-wrap .join-info.user-info { margin-top: 48px; }
.modifyMemInfoPopup .modal-txt-wrap .join-info.user-info .form-title { border-top: 2px solid var(--text-color-2); }
.modifyMemInfoPopup .modal-txt-wrap .join-info .cert-number-input-box { margin-top: 10px; }
.modifyMemInfoPopup .withdraw-wrap { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 685px; margin: 30px auto 0; padding: 8px 10px 8px 20px; border-radius: 6px; background: var(--bg-color); }
.modifyMemInfoPopup .withdraw-wrap .withdraw-txt { font-size: 14px; font-weight: 600; color: var(--text-color-5); }
@media screen and (max-width: 1024px) {
    #container:has(.rwd) .modifyMemInfoPopup .modal-txt-wrap .join-info .form-content { gap: clamp(14px, 1.953vw, 20px); padding: 0 clamp(6px, 0.977vw, 10px);}
    #container:has(.rwd) .modifyMemInfoPopup .modal-txt-wrap .join-info .form-title { padding: 0.7778em 10px; font-size: clamp(16px, 1.758vw, 18px); }
    #container:has(.rwd) .modifyMemInfoPopup .withdraw-wrap{ padding: 0.5em 0.625em 0.5em 1.25em; border-radius: clamp(3px, 0.586vw, 6px);}
    #container:has(.rwd) .modifyMemInfoPopup .withdraw-wrap .withdraw-txt { font-size: clamp(12px, 1.367vw, 14px); }
    #container:has(.rwd) .modifyMemInfoPopup .withdraw-wrap .basic-btn.square { font-size: clamp(13px, 1.465vw, 15px); line-height: clamp(32px, 3.711vw, 38px);}
}
@media screen and (max-width: 767px) {
    #container:has(.rwd) .modifyMemInfoPopup .modal-txt-wrap .join-info .form-content{padding: 0;}
}
@media screen and (max-width: 500px) {
    #container:has(.rwd) .modifyMemInfoPopup .input-box.button .btn-wrap {bottom: -38px;}
    #container:has(.rwd) .modifyMemInfoPopup .input-box-wrap:has(.input-box.button) + .input-box-wrap{margin-top: 30px;}
    #container:has(.rwd) .modifyMemInfoPopup .input-box-wrap .input-box.button + .error-wrap{width: calc(100% - 110px);}
    #container:has(.rwd) .modifyMemInfoPopup .modal-txt-wrap .join-info .cert-number-input-box {margin-top: 45px !important; margin-bottom: 30px;}
    #container:has(.rwd) .modifyMemInfoPopup .join-info .time-limit {right: 14px;}
}

/* 회원정보 변경 팝업 - 관리자 */
.modifyMemInfoPopupAdmin .modal-txt-wrap .join-info.user-info { margin-top: 0; }
.modifyMemInfoPopupAdmin .modal-txt-wrap .join-info.user-info .form-title { border-top: 0; }

/* DM/메일 발송목록 팝업 */
.popMessageList{justify-content: flex-end; padding: 20px;}
.popMessageList .modal-cont-wrap{overflow-y: auto;}
.popMessageList .modal-wrap{ height: calc(100vh - 40px);}
.popMessageList .modal-wrap .modal-content{height: 100%; padding: 30px 20px;}
.popMessageList .modal-tit-wrap .modal-tit{text-align: left;}
.popMessageList .modal-tit-wrap h3{font-size: 20px;}
.popMessageList .modal-tit-wrap h3 span{font-weight: 600; font-size: 16px; color: var(--text-color-8); margin-left: 12px;}
.popMessageList.scroll .modal-txt-wrap{max-height: 83vh;}
.popMessageList .modal-txt-wrap{padding-bottom: 0;}
.popMessageList .modal-txt-wrap > ul{display:flex; gap:24px; align-items: center; padding: 18px 20px; background: var(--bg-color); border-radius:5px; margin: 0 0 20px;}
.popMessageList .modal-txt-wrap > ul li{position: relative; font-size: 16px;  color:var(--text-color-5);}
.popMessageList .modal-txt-wrap > ul li::after{content:""; position: absolute; top: 4px; right: -13px; width: 1px; height: 11px; background-color: var(--border-color-d);}
.popMessageList .modal-txt-wrap > ul li:last-of-type::after{display: none;}
.popMessageList .modal-txt-wrap > ul li strong{font-weight: 700; font-size: 16px; margin-right: 16px;}
.popMessageList .input-box{margin-bottom: 10px; max-width: 300px; margin-left: auto;}
.popMessageList .common-table-wrap .common-table thead th{padding-block: 6px;}
.popMessageList .common-table-wrap .common-table tbody td{padding: 13px 12px 14px;}
.popMessageList .common-table-bottom{bottom: -1px; margin-top: 0; padding: 20px 0;}
.popMessageList .common-table-bottom .pagination-wrap{position: static; transform: translate(0); justify-content: center;}

/* ============ 캠페인 상세 ============ */
/* 차수 이동 처리 팝업 */
.moveOrderPop .modal-tit-wrap { margin-bottom: 22px;}
.moveOrderPop .modal-tit { text-align: left;}
.moveOrderPop dl { font-size: 0;}
.moveOrderPop dl:first-of-type { margin-bottom: 20px;}
.moveOrderPop dt { width: 80px; margin-right: 20px; font-size: 16px; font-weight: 500; color: var(--text-color-5);}
.moveOrderPop dd { width: calc(100% - 100px);}
.moveOrderPop dd > span { font-size: 16px; font-weight: 600; color: var(--text-color-2);}
/* 캠페인 상세 사이드 팝업 공통 */
.campaignSidePop.modal .modal-wrap { position: absolute; right: 20px; top: 20px; width: calc(100% - 40px); height: calc(100% - 40px); max-width: 740px; transform: translateX(calc(100% + 20px)); -webkit-transform: translateX(calc(100% + 20px)); -moz-transform: translateX(calc(100% + 20px)); -ms-transform: translateX(calc(100% + 20px)); -o-transform: translateX(calc(100% + 20px)); transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; }
.campaignSidePop.modal.open .modal-wrap { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.campaignSidePop.modal .modal-tit { font-size: 20px; color: var(--text-color-2); font-weight: 700; text-align: left;}
.campaignSidePop.modal .modal-content { height: 100%;}
.campaignSidePop.modal .modal-cont-wrap { display: flex; flex-direction: column; height: 100%;}
.campaignSidePop.modal .modal-tit-wrap { flex-shrink: 0;}
.campaignSidePop.modal .modal-txt-wrap {height: 100%; overflow-y: auto; max-height: 100%;}
.campaignSidePop.modal .modal-txt-wrap::-webkit-scrollbar { width: 4px; height: 4px; border-radius: 6px; } 
.campaignSidePop.modal .modal-txt-wrap::-webkit-scrollbar-thumb { background-color: #BBBBC4; border-radius: 6px; } 
.campaignSidePop.modal .modal-txt-wrap::-webkit-scrollbar-track { background-color: #fff; }
.campaignSidePop.modal .modal-cont-wrap { position: relative; padding-bottom: 70px;}
.campaignSidePop.modal .modal-btn-wrap { position: absolute; right: 0; bottom: 0;}
/* 캠페인 응답 상세 */
.responseDetailPop.campaignSidePop .survey-cont-box { width: 100%; padding: 23px 20px 22px; border-radius: 5px; background-color: var(--bg-color);}
.responseDetailPop.campaignSidePop .survey-cont-box .survey-tit { margin-bottom: 12px; font-size: 20px; font-weight: 700; color: var(--text-color-2);}
.responseDetailPop.campaignSidePop .survey-cont-box .survey-part { display: flex; font-size: 16px; }
.responseDetailPop.campaignSidePop .survey-cont-box .survey-part li { font-weight: 400; color: var(--text-color-5);}
.responseDetailPop.campaignSidePop .survey-cont-box .survey-part::before { content:'응답자'; margin-right: 20px; color: var(--text-color-5); font-weight: 700;}
.responseDetailPop.campaignSidePop .survey-cont-box .survey-part li:not(:first-of-type) { position: relative; margin-left: 10px; padding-left: 11px;}
.responseDetailPop.campaignSidePop .survey-cont-box .survey-part li:not(:first-of-type)::before { content:''; position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%); width: 1px; height: 11px; background-color: var(--border-color-d);}
.responseDetailPop.campaignSidePop .survey-cont-detail { margin-top: 30px;}
.responseDetailPop.campaignSidePop .survey-query-wrap dt { width: 100%; font-size: 18px; font-weight: 600; color: var(--text-color-8);}
.responseDetailPop.campaignSidePop .survey-query-wrap dd { width: 100%; margin-top: 20px; padding-left: 20px; font-size: 18px; font-weight: 500; color: var(--text-color-2);}
.responseDetailPop.campaignSidePop .survey-query-wrap { position: relative; padding: 0 20px 20px; }
.responseDetailPop.campaignSidePop .survey-query-wrap::after { content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--border-color-d);}
.responseDetailPop.campaignSidePop .survey-query-wrap:not(:first-of-type) { padding-top: 20px; }
/* 캠페인 평가 등록 */
.campEvalPop.campaignSidePop .camp-info-sec { margin-top: 40px;}
.campEvalPop.campaignSidePop .camp-info-sec h4 { margin-bottom: 20px; font-size: 18px; font-weight: 700; color: var(--point-color);}
.campEvalPop.campaignSidePop .common-table-wrap .common-table thead th,
.campEvalPop.campaignSidePop .common-table-wrap .common-table tbody td { font-size: 14px;}
.campEvalPop.campaignSidePop .common-table-wrap .common-table thead th { padding-block: 9px;}
.campEvalPop.campaignSidePop .common-table-wrap .common-table tbody td { padding: 12px 4px;}
.campEvalPop.campaignSidePop .form-group dl:not(:last-of-type) { margin-bottom: 16px;}
.campEvalPop.campaignSidePop .form-group dl { display: flex; gap: 10px;}
.campEvalPop.campaignSidePop .form-group dt { width: 106px; flex-shrink: 0; padding: 10px 0 0;}
.campEvalPop.campaignSidePop .form-group dd { width: calc(100% - 106px - 10px - 2px);}
.campEvalEditPop.campaignSidePop .form-group .datepicker-box { max-width: 306px;}
.campEvalEditPop.campaignSidePop .form-group .camp-score dd { display: flex; gap: 10px;}
.campEvalEditPop.campaignSidePop .form-group .camp-score dd .input-box-wrap { max-width: 306px;}
.campEvalEditPop.campaignSidePop .form-group .camp-cost .custom-select-box.small { max-width: 107px;}
.campEvalEditPop.campaignSidePop .form-group .camp-cost .input-box-wrap { display: flex; gap: 6px; margin-top: 6px;}
.campEvalEditPop.campaignSidePop .form-group .camp-cost .input-box-wrap .input-box { flex: 1;}
.campEvalEditPop.campaignSidePop .form-group .textarea-box-wrap textarea { height: 140px;}
.campEvalEditPop.campaignSidePop .form-group .camp-favor-list dd { display: flex; gap: 6px; }
.campEvalEditPop.campaignSidePop .form-group .camp-favor-list .custom-select-box,
.campEvalEditPop.campaignSidePop .form-group .camp-favor-list .input-box-wrap { width: calc((100% - 6px) / 2);}
.campEvalViewPop.campEvalPop.campaignSidePop .form-group dl { position: relative; padding: 24px 0; margin: 0;}
.campEvalViewPop.campEvalPop.campaignSidePop .form-group dl::before { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: var(--border-color-d);}
.campEvalViewPop.campEvalPop.campaignSidePop .form-group dl:last-of-type::after { content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--border-color-d);}
.campEvalViewPop.campEvalPop.campaignSidePop .form-group dt { padding: 0;}
.campEvalViewPop.campEvalPop.campaignSidePop .form-group dd span:not(:first-of-type) { position: relative; margin-left: 16px; padding-left: 17px;}
.campEvalViewPop.campEvalPop.campaignSidePop .form-group dd span:not(:first-of-type)::before { content:''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; background-color:var(--border-color-d);}
.campEvalViewPop.campEvalPop.campaignSidePop .form-group dd span:has(em) { font-weight: 600; color: var(--text-color-2);}
.campEvalViewPop.campEvalPop.campaignSidePop .form-group dd span em { margin-right: 8px; color: var(--point-color);}

/* 관리자 계정 관리
========================================================================== */
.account.admin-user .cont-sec .flex-box-ui { margin-bottom: 20px;}
.adminManagerPop.modifyMemInfoPopup .modal-txt-wrap .join-info.user-info { margin-top: 0;}
.adminManagerPop.modifyMemInfoPopup .modal-txt-wrap .join-info.user-info .form-title { border-top: none;}

/* 관리자 브랜드 관리 자세히보기 팝업
========================================================================== */
.brandDetailPop .modal-cont-wrap { position: relative;}
.brandDetailPop .modal-close-btn { position: absolute; top: 25px; right: 20px; transform: translate(0, 0); z-index: 3;}
.brandDetailPop .modal-content { padding: 0 !important;}
.brandDetailPop .brand-box { padding: 30px 24px;}
.brandDetailPop .brand-box .top-wrap .btn-on-off-wrap { margin: 0 42px 0 0;}

/* 관리자 구독/결제 상세 팝업
========================================================================== */
.admin-subscription.modal *::-webkit-scrollbar{width: 4px; height: 4px;}
.admin-subscription.modal.scroll .modal-txt-wrap{ height: calc(100% - 58px); max-height: calc(100vh - 307px);}
.admin-subscription.modal.scroll .modal-btn-wrap{padding-top: 17px; padding-right: 14px;}
.admin-subscription .modal-wrap{width: 100%; max-width: 1700px;}
.admin-subscription .modal-content{padding: 30px 20px 20px;}
.admin-subscription .modal-tit-wrap{margin-bottom: 24px;}
.admin-subscription .modal-tit-wrap .modal-tit{ font-size: 20px; font-weight: 700; text-align: left;}
.admin-subscription .modal-cont-wrap .flex-box{display:flex;}
.admin-subscription .modal-txt-wrap .modal-sec{padding-right: 10px; margin-bottom: 40px;}
.admin-subscription .modal-txt-wrap .modal-sec:last-of-type{margin-bottom: 0;}
.admin-subscription .modal-txt-wrap .modal-sec .modal-cont-tit{border-top: 2px solid var(--text-color-2); border-bottom: 1px solid var(--border-color-d);}
.admin-subscription .modal-txt-wrap .modal-sec .modal-cont-tit h4{font-weight: 700; font-size: 18px; color: var(--text-color-2); padding: 13px 10px;}
.admin-subscription .scroll-wrap{overflow-x: auto; }
.admin-subscription .flex-box:not(.basic-radio-box){min-width: 1640px; }
.admin-subscription .flex-box:not(.basic-radio-box) .box{border:1px solid var(--border-color-d); padding: 20px 6px 20px 20px; border-radius:6px}
.admin-subscription .flex-box:not(.basic-radio-box) .box .modal-tit-wrap{margin-bottom: 20px;}
.admin-subscription .modal-txt-wrap .modal-sec .user-info{display:flex;align-items: center; flex-wrap:wrap; }
.admin-subscription .modal-txt-wrap .modal-sec .user-info dt{width: 164px; border-bottom: 1px solid var(--border-color-d); padding: 16px 10px; font-weight: 600; font-size: 16px; color: var(--text-color-5);}
.admin-subscription .modal-txt-wrap .modal-sec .user-info dd{width: calc(100% - 164px); border-bottom: 1px solid var(--border-color-d); padding: 16px 0; font-size: 16px; color: var(--text-color-5);}
.admin-subscription .modal-txt-wrap .info-box{padding: 20px 10px; font-size: 16px; color: var(--text-color-5);}
.admin-subscription .default-info{width: 740px; height: calc(100% - 58px); margin-right: 20px;}
.admin-subscription .change-wrap{width: 900px; overflow: hidden;}
.admin-subscription .change-wrap .change-sec{height: calc(100% - 48px);}
/* =============== 이용내용 =============== */
.admin-subscription .change-wrap .use-history .scroll-table{height: calc(100% - 58px); max-height: calc(100vh - 336px); overflow-x: hidden;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table th{font-size: 14px; padding-block:8px}
.admin-subscription .change-wrap .use-history .table-wrap .common-table td{padding: 13px 0; font-size: 14px; color: var(--text-color-2);}
.admin-subscription .change-wrap .use-history .table-wrap .common-table td:has(.basic-btn){padding: 7px 0;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table th:nth-of-type(1){width: 74px;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table th:nth-of-type(2){width: 72px;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table th:nth-of-type(3){width: 70px;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table th:nth-of-type(4){width: 130px;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table th:nth-of-type(5){width: 82px;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table th:nth-of-type(6){width: 90px;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table th:nth-of-type(7){width: 100px;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table th:nth-of-type(8){width: 120px;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table th:nth-of-type(9){width: 130px;}
.admin-subscription .change-wrap .use-history .common-table-bottom{margin-top: 30px;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table td span.line{position: relative; display: inline-block; vertical-align: top; height: 12px; font-size: 0;}
.admin-subscription .change-wrap .use-history .table-wrap .common-table td span.line::after{content:"";  position: absolute; top: 4px; right: -6px; width: 1px; height: 12px; background: var(--border-color-d);}
.admin-subscription .change-wrap .use-history .table-wrap .common-table td strong{font-weight: 600; margin-left: 12px;}
/* 이용상태 */
.admin-subscription .change-wrap .use-history .table-wrap .common-table .text-rad{font-weight: 700; font-size: 14px; color: var(--red-color);}
.admin-subscription .change-wrap .use-history .table-wrap .common-table .text-blue{font-weight: 700; font-size: 14px; color: var(--point-color);}
.admin-subscription .change-wrap .use-history .table-wrap .common-table .text-black{font-weight: 700; font-size: 14px; color: var(--text-color-2);}
.admin-subscription .change-wrap .use-history .table-wrap .common-table .text-gray{font-weight: 700; font-size: 14px; color: var(--text-color-8);}
/* =============== 상세 내역 =============== */
.admin-subscription .detail-info:has(.cancel-ticket .info .right-wrap p > span) .cancel-ticket .user-info{margin-top: 35px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .right-wrap p > span{text-decoration: line-through;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .user-info{align-items: unset;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .user-info dt{padding: 18px 10px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .user-info dd{padding: 18px 0;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket {margin-top: 20px; padding: 28px 20px 0 20px; background-color: var(--bg-color); border-radius: 6px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .info{display:flex; justify-content: space-between; align-items: center;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .plan-ver { padding: 0 15px; font-size: 15px; font-weight: 600; line-height: 34px; color: var(--point-color); background-color: #fff; border-radius: 20px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .plan-ver.prof { background: linear-gradient(135deg, var(--gradation-color-l), var(--gradation-color-r)); color: #fff; }
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .right-wrap { display: flex; align-items: center; }
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .right-wrap p { position: relative; display: flex; align-items: center; margin-right: 12px; padding-right: 13px; font-size: 15px; font-weight: 500; color: var(--text-color-5); line-height: 24px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .right-wrap p:last-of-type { margin-right: 0; padding-right: 0;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .right-wrap p:not(:last-of-type)::after { content:''; position: absolute; right: 0; top: 50%; margin-top: -6px; display: block; background-color: #BBBBC4; height: 12px; width: 1px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .right-wrap p em { margin-left: 12px; font-size: 20px; font-weight: 700; color: var(--point-color);}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .right-wrap p em .tag{display: inline-block; vertical-align: top; line-height: 23px; width: 47px; font-weight: 700; font-size: 16px; color: #fff; background: linear-gradient(180deg, var(--gradation-color-l), var(--gradation-color-r)); border-radius:4px; text-align: center; margin-right: 2px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .right-wrap p > span{ position: absolute; bottom: -5px; right: 0; transform: translateY(100%); font-size: 12px; font-weight: 400; line-height: 14px; color: var(--text-color-8);}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .right-wrap p:last-of-type em{font-size: 26px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .user-info{display:flex; align-items: unset; flex-wrap:wrap; border-top: 1px solid var( --point-color-2); margin-top: 23px; padding-bottom: 20px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .user-info dt{width: 162px; padding: 16px 0 16px 10px; font-weight: 600; font-size: 16px; color: var(--text-color-5); border-bottom: 1px solid var(--border-color-d);}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .user-info dd{width: calc(50% - 162px); padding: 16px 0; font-size: 16px; color: var(--text-color-5); border-bottom: 1px solid var(--border-color-d);}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .user-info dd span{color: var(--text-color-2); font-weight: 500;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .user-info dd p{line-height: 24px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .user-info:not(.w50) dd:last-of-type{width: calc(100% - 162px);}
/* =============== 신청 확인 =============== */
.admin-subscription .detail-info .modal-txt-wrap .input-box .input-field{font-size: 15px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .user-info dd.padding-set10{padding: 10px 0 9px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .user-info dt.padding-set95{padding: 18px 10px 95px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .radio-box-wrap{flex-wrap:nowrap; gap:14px}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .radio-box-wrap .basic-radio-box.large input[type="radio"] + label > span{min-width: 67px; line-height: 22px; color: var(--text-color-5);}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .radio-box-wrap .basic-radio-box.flex-box{display:flex; align-items: center;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .radio-box-wrap .basic-radio-box .input-box-wrap{width: 100%;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .radio-box-wrap .basic-radio-box.flex-box label{min-width: 92px; margin-right: 10px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .textarea-box-wrap textarea{max-width: 670px; height: 100px; border-radius: 4px; padding: 11px 14px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .textarea-box-wrap.refusal-item{display: none;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec p.alert-txt{color: var(--red-color); font-size: 12px; line-height: 18px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec p.alert-txt:first-of-type{margin-top: 8px;}
/* =============== 세금 계산서 발행 =============== */
.admin-subscription .detail-info .modal-txt-wrap .input-box.datepicker-box{max-width: 160px;}
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .date-wrap{display: flex; align-items: center; gap:8px}
/* 해지/탈퇴 관리자 팝업 */
.admin-subscription .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .user-info dd.w100,
.admin-cancel .detail-info .modal-txt-wrap .modal-sec .cancel-ticket .user-info dd.w100{width: calc(100% - 162px);}

/* 이용약관, 개인정보처리방침 팝업
========================================================================== */
.terms_of_service .policy-sec.terms-sec {padding: 30px 10px 14px;}
.terms_of_service .policy-sec.terms-sec p {font-size: 16px; font-weight: 400;line-height: 1.4;}
.terms_of_service .policy-sec.terms-sec .txt-600 { font-weight: 600;}
.terms_of_service .policy-sec.terms-sec .txt-700 { font-weight: 700;}
.terms_of_service .terms-header {position: relative;}
.terms_of_service .terms-header h2{ margin-bottom:30px; font-size: 18px; font-weight: 700;}
.terms_of_service .terms-header > p > br {display: none;}
.terms_of_service .policy-sec.terms-sec .terms-header .terms-datetime {position: absolute; left: auto; right: 0; top: -6px; width: 193px; padding: 11px 6px; background: var(--bg-color); border-radius:6px; line-height: 1; text-align: center;}
.terms_of_service .policy-sec.terms-sec .terms-header .terms-datetime time {font-size: 14px;font-weight: 700;color: var(--text-color-5);line-height: 1;}
.terms_of_service .policy-sec.terms-sec .terms-contents {margin-top: 34px;}
.terms_of_service .policy-sec.terms-sec .terms-article {margin-bottom: 30px;}
.terms_of_service .policy-sec.terms-sec .terms-article:last-child {margin-bottom: 0;}
.terms_of_service .policy-sec.terms-sec .terms-article h3 {margin-bottom: 8px; font-weight: 600;}
.terms_of_service .policy-sec.terms-sec .terms-article .terms-desc {margin-bottom: 16px;}
.terms_of_service .policy-sec.terms-sec .terms-article ol > li {margin-bottom: 10px;}
.terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list {padding-left: 16px; margin-top: 8px;}
.terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list > li { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; color: var(--text-color-5);}
.terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list > li.sub-desc-tit {margin-bottom: 10px; line-height: 1;}
.terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list > li.sub-desc-tit > span {display: contents; line-height: 1.4;}
.terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list > li.sub-desc {padding-left: 16px;margin-bottom: 0;}
.terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list > li:not(.sub-list-tit, .sub-desc):before {content: ''; display: inline-block; background: var(--text-color-5); width: 4px;min-width: 4px;height: auto; aspect-ratio: 1/1; border-radius: 50%;}
.terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list > li.tit-desc:before { width: 5px; margin-top:-26px;}
@media screen and (max-width: 1024px) {
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec {padding: clamp(20px, 2.93vw, 30px) 10px 14px;}
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec p {font-size: clamp(14px, 1.563vw, 16px); }
    #container:has(.rwd) .terms_of_service .terms-header h2{margin-bottom:clamp(20px, 2.93vw, 30px); font-size: clamp(16px, 1.758vw, 18px);}
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-header .terms-datetime {top: -0.375em; width: clamp(164px, 18.848vw, 193px); padding: 0.6875em 0.375em; border-radius:clamp(3px, 0.586vw, 6px);}
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-header .terms-datetime time {font-size: clamp(12px, 1.367vw, 14px);}
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-contents {font-size: clamp(14px, 1.563vw, 16px); margin-top: clamp(24px, 3.32vw, 34px);}
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-article {margin-bottom: clamp(20px, 2.93vw, 30px);}
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-article h3 {margin-bottom: 0.5em;}
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-article .terms-desc {margin-bottom: clamp(14px, 1.563vw, 16px);}
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-article ol > li {margin-bottom: 0.625em;}
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list {padding-left: clamp(14px, 1.563vw, 16px); margin-top: 0.5em;}
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list > li {align-items: flex-start; gap: 0.5em; margin-bottom: clamp(6px, 1.172vw, 12px); }
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list > li.sub-desc-tit {margin-bottom: clamp(6px, 0.977vw, 10px); }
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list > li:not(.sub-list-tit, .sub-desc):before {transform: translateY(7px);}
}
@media screen and (max-width: 767px) {
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-article ol > li > .sub-list > li:not(.sub-list-tit, .sub-desc):before {width: 3px;min-width: 3px;}
}
@media screen and (max-width: 400px) {
    #container:has(.rwd) .terms_of_service .terms-header h2{display: none;}
    #container:has(.rwd) .terms_of_service .policy-sec.terms-sec .terms-header .terms-datetime{position: static; width: 100%; margin-top: 20px;}
}

/* =============== 확장 프로그램 설치 안내 (계정 인증 안내) =============== */
.extensionInstallModal.modal.wide .modal-content { padding-bottom: 20px; }
.extensionInstallModal.modal.wide .modal-tit-wrap { margin-bottom: 20px; }
.extensionInstallModal .ext-install-guide { text-align: center; }
.extensionInstallModal .ext-install-guide .guide-icon { display: flex; justify-content: center; margin-bottom: 20px; }
.extensionInstallModal .ext-install-guide .guide-title { margin-bottom: 17px; font-size: 20px; font-weight: 700; line-height: 1; }
.extensionInstallModal .ext-install-guide .guide-title span { color: var(--point-color); }
.extensionInstallModal .ext-install-guide .guide-desc { margin-bottom: 20px; font-size: 18px; color: var(--text-color-5); line-height: 1.44; }
.extensionInstallModal .ext-install-guide .guide-caution-txt { margin-bottom: 20px; font-size: 16px; font-weight: 500; color: var(--red-color); line-height: 1; }
.extensionInstallModal .ext-install-guide .guide-steps-mini { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.extensionInstallModal .ext-install-guide .step-item { flex: 1; display: flex; justify-content: center; align-items: center; gap: 6px; max-width: 227px; padding: 17px 20px; background: var(--bg-color); border-radius: 8px; font-size: 16px; font-weight: 500; color: var(--text-color-5); text-align: center; line-height: 1; white-space: nowrap; }
.extensionInstallModal .ext-install-guide .step-num { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: var(--point-color); color: #fff; font-size: 9px; font-weight: 700; }
.extensionInstallModal .modal-btn-wrap { display: flex; gap: 12px; justify-content: center; padding-top: 10px; }
.extensionInstallModal .modal-btn-wrap .basic-btn.small.solid { min-width: 222px; }

/* =============== 엑셀 파일 업로드 팝업 (브랜드 인플루언서 검색 페이지) =============== */
.excelUploadPopup .notice-box{margin-bottom: 20px;}
.excelUploadPopup .notice-box p{font-size: 16px; font-weight: 500; color: var(--red-color); line-height: 1;}
.excelUploadPopup .form-group.top { display: flex; align-items: center; gap: 28px; padding-bottom: 24px; }
.excelUploadPopup .form-group.top .input-label { padding-bottom: 0; }
.excelUploadPopup .form-group.top .custom-select-box { flex: 1; }
.excelUploadPopup .form-group .guide-txt { margin-bottom: 20px; color: var(--text-color-5); font-size: 16px; line-height: 1.6; }
.excelUploadPopup .form-group .download-template { color: var(--point-color); text-decoration: underline; }
.excelUploadPopup .form-group .file-upload-wrap { border: 2px dashed var(--border-color-d); border-radius: 6px; padding: 24px; text-align: center; }
.excelUploadPopup .form-group .basic-btn { display: inline-block; margin-bottom: 12px; cursor: pointer; }
.excelUploadPopup .form-group .selected-file-name { font-size: 14px; color: var(--text-color-8); }

@media screen and (max-width: 767px) {
    .excelUploadPopup .form-group .guide-txt { font-size: clamp(14px, 2.09vw, 16px); }
}

/* =============== 수신거부 팝업 =============== */
.unsubscribe .modal-sub-tit{line-height: 1.625;}

/* =============== 인플루언서 정보 등록 =============== */
.influencerSelf.influencerRegPopup.modal.wide .modal-wrap{width: 630px;}
.influencerSelf.influencerRegPopup .modal-form-group.top .input-box-wrap .input-box{align-items: flex-start;}
.influencerSelf.influencerRegPopup .modal-form-group.top .input-box-wrap .input-box .input-label{margin-top: 14px;}
.influencerRegPopup .modal-form-group.top .input-box-wrap .select-wrap{display:flex; gap:10px; flex-wrap:wrap; width: 100%;}
.influencerRegPopup .modal-form-group.top .input-box-wrap .select-wrap .custom-select-box{width: calc(50% - 5px);}
.influencerRegPopup .modal-form-group.top .input-box-wrap .select-wrap .input-box{width: 100%;}