@charset "utf-8";
/* =============================================================================
 * 입점 신청/공급사(파트너) 전용 스타일. gnb.css의 :root 색상변수를 그대로 쓴다
 * (gnb.css가 이미 head.php에서 전역 로드되므로 여기선 새 변수 정의 없이 var()만 사용).
 * 폼 요소(행/라벨/필드/체크박스그룹/첨부칸)는 새로 만들지 않고 공지사항 글쓰기 폼의 기존
 * 컴포넌트(.suda-w-row 등, skin/board/basic/style.css)를 그대로 재사용한다 - 같은 UI를
 * 페이지마다 새로 만들지 않는다는 원칙. 로그인 인풋도 마찬가지로 gnb.css의 .suda-login-field를
 * 재사용. 여기 남은 건 그 컴포넌트들로 커버 안 되는, 이 페이지들에만 있는 요소뿐이다.
 * ========================================================================== */

/* ---------- 공통 폭 컨테이너 - 사이트 기본 컨텐츠 박스(.contBox)와 동일한 폭/여백 ---------- */
.suda-partner-wrap{ max-width: 1280px; margin: 0 auto; padding: 48px 48px 80px; }

/* ---------- 입점 신청(apply) 상단 안내 ----------
   제목/부제는 새로 안 만들고 회원가입 완료화면(register_result.skin.php)의 중앙정렬
   타이틀 쌍(.suda-join-title + .suda-reginfo-sub, css/register.css)을 그대로 재사용 -
   margin-bottom만 이 페이지에 맞게 살짝 보정(원래 짝은 subtitle 밑에 여백이 없음) */
.suda-partner-intro{ margin-bottom: 48px; }
.suda-partner-intro .suda-reginfo-sub{ margin-bottom: 32px; }
.suda-partner-steps{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 24px; }
.suda-partner-step{ padding: 20px 16px; border: 1px solid var(--suda-gray-200); border-radius: 12px; background: var(--suda-gray-50); }
.suda-partner-step-num{ display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-bottom: 10px; border-radius: 50%; background: var(--suda-blue); color: #fff; font-size: 13px; font-weight: 700; }
.suda-partner-step-tit{ font-size: 14px; font-weight: 700; color: var(--suda-gray-900); margin-bottom: 4px; }
.suda-partner-step-desc{ font-size: 12.5px; color: var(--suda-gray-500); line-height: 1.5; }
.suda-partner-docs-notice{ padding: 16px 18px; border-radius: 10px; background: rgba(65,84,255,.06); color: var(--suda-gray-700); font-size: 13.5px; line-height: 1.6; }
.suda-partner-docs-notice b{ color: var(--suda-blue); }

/* ---------- 신청 폼 - 섹션 구분도 새로 안 만들고 게시판 목록의 .suda-w-rowBox(구분선) +
   .suda-bo-top-row > h3.suda-cs-content-title(제목) 그대로 재사용, 섹션 간 간격만 추가 ---------- */
.suda-partner-wrap .suda-w-rowBox{ margin-bottom: 40px; }
/* 특정 섹션 밑에 여백을 더 주고 싶을 때 붙이는 보조 클래스 - 위 40px보다 확실히 커야 해서 !important */
.suda-w-rowBox-bt{ margin-bottom: 70px !important; }
/* 개인정보 동의 rowBox는 위에 섹션 제목을 없애서(요청에 따름) .suda-w-rowBox 기본 상단
   구분선(border-top)만 붕 떠 보임 - 이 박스에서만 없앰 */
.suda-w-rowBox:has(.suda-partner-agree){ border-top: 0; }
/* textarea는 여러 줄이라 input처럼 높이로 수직중앙정렬이 안 돼서, input의 좌측 패딩(20px)과
   맞춰 상하좌우 전부 20px을 직접 줌(#bo_w textarea.frm_input은 height:auto만 있고 padding 없음) */
.suda-w .suda-w-field textarea.frm_input{ padding: 20px; }

/* 개인정보 동의 - 캡차 행 밑에 라벨열 없는 단독 체크박스 줄로(회원가입 약관동의 체크 항목과 동일한 톤) */
.suda-partner-agree{ display: flex; align-items: center; gap: 10px; margin-top: 20px; font-size: 14px; color: var(--suda-gray-900); }
.suda-partner-agree a{ color: var(--suda-blue); text-decoration: underline; }

.suda-partner-submit-row{ margin-top: 40px; text-align: center; }
.suda-partner-submit-btn{
    display: inline-flex; align-items: center; justify-content: center; min-width: 220px; height: 54px;
    border: 0; border-radius: 999px; background: var(--suda-blue); color: #fff; font-size: 16px; font-weight: 700;
    cursor: pointer; transition: background .15s ease;
}
.suda-partner-submit-btn:hover{ background: var(--suda-blue-dark); }
.suda-partner-submit-btn:disabled{ background: var(--suda-gray-300, #d1d5db); cursor: default; }

/* ---------- 로그인(입점/파트너 전용) - 인풋은 .suda-login-field(gnb.css) 재사용, 여백만 정의 ---------- */
.suda-partner-login-wrap{ max-width: 420px; margin: 80px auto; padding: 0 24px; }
.suda-partner-login-wrap h1{ margin: 0 0 8px; font-size: 24px; font-weight: 800; text-align: center; color: var(--suda-gray-900); }
.suda-partner-login-wrap p{ margin: 0 0 32px; text-align: center; font-size: 13.5px; color: var(--suda-gray-500); }
.suda-partner-login-wrap .suda-partner-submit-row{ margin-top: 24px; }
.suda-partner-login-wrap .suda-partner-submit-btn{ width: 100%; }
.suda-partner-login-links{ margin-top: 20px; text-align: center; font-size: 13px; color: var(--suda-gray-500); }
.suda-partner-login-links a{ color: var(--suda-blue); }

/* ---------- 심사중/거부 안내 화면 ---------- */
.suda-partner-notice-wrap{ max-width: 480px; margin: 100px auto; padding: 0 24px; text-align: center; }
.suda-partner-notice-wrap .suda-partner-notice-icon{ font-size: 48px; margin-bottom: 20px; }
.suda-partner-notice-wrap h1{ margin: 0 0 12px; font-size: 22px; font-weight: 800; color: var(--suda-gray-900); }
.suda-partner-notice-wrap p{ margin: 0 0 28px; font-size: 14.5px; color: var(--suda-gray-500); line-height: 1.7; }
.suda-partner-notice-actions{ display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
/* 비로그인 안내의 "로그인/회원가입" 두 버튼 - 회원가입은 보조 액션이라 아웃라인만 추가 */
.suda-partner-submit-btn.is-outline{ background: #fff; color: var(--suda-blue); border: 1px solid var(--suda-blue); }
.suda-partner-submit-btn.is-outline:hover{ background: rgba(65,84,255,.06); }

/* ---------- 신청 이력 - 문의내역 리스트 그리드(.suda-qa-list, qa/basic/style.css)를 그대로
   재사용하고 컬럼 수/폭만 이 표(신청일/업체명/상태/반려사유)에 맞게 덮어씀 ---------- */
.suda-qa-list.suda-partner-history .suda-qa-list-head,
.suda-qa-list.suda-partner-history .suda-qa-list-row{ grid-template-columns: 14fr 24fr 14fr 48fr; }
.suda-partner-history .suda-ph-company,
.suda-partner-history .suda-ph-reason{ text-align: left; }
.suda-partner-history .suda-ph-reason{ color: var(--suda-gray-500); font-size: 13px; }

/* ---------- 대시보드(로그인 이후) ----------
   좌측 메뉴 자체는 새로 안 만들고 마이페이지와 동일한 좌측메뉴 2단 레이아웃 컴포넌트
   (.suda-cs-layout/.suda-cs-sidebar/.suda-cs-sidebar-title/.suda-cs-sidebar-menu, gnb.css에
   이미 정의됨)를 그대로 재사용한다(partner/_guard.php 참고). 여기는 그 컴포넌트에 없는
   하위메뉴(상품관리/정산관리/업체정보의 2차 메뉴)와 콘텐츠 영역만 정의한다. */
.suda-partner-dash-submenu{ list-style: none; margin: 2px 0 8px; padding: 0; }
/* .suda-cs-sidebar-menu li{border-bottom:...}(gnb.css)가 자손 선택자라 이 안의 li에도 그대로
   적용돼 밑줄이 생겨서 여기서만 없앰. 대신 구분은 불릿(-)으로 표시 */
.suda-partner-dash-submenu li{ border-bottom: 0; }
.suda-partner-dash-submenu li a{ display: block; padding: 7px 14px; border-radius: 8px; font-size: 13.5px; color: var(--suda-gray-500); }
.suda-partner-dash-submenu li a::before{ content: "- "; }
/* 배경 박스를 쓰면 모서리가 각져서 선처럼 보였음 - 상위메뉴 활성 표시(.suda-cs-sidebar-menu
   a.is-active, gnb.css)와 동일하게 배경 없이 색상+굵기만으로 표시 */
.suda-partner-dash-submenu li a:hover{ color: var(--suda-blue); }
.suda-partner-dash-submenu li a.is-active{ color: var(--suda-blue); font-weight: 700; }
.suda-partner-dash-content{ flex: 1 1 auto; min-width: 0; }
.suda-partner-dash-content h1{ margin: 0 0 24px; font-size: 22px; font-weight: 800; color: var(--suda-gray-900); }
.suda-partner-dash-card{ padding: 24px; border: 1px solid var(--suda-gray-200); border-radius: 14px; background: #fff; }
.suda-partner-placeholder{ padding: 80px 20px; text-align: center; color: var(--suda-gray-400); font-size: 14.5px; }
.suda-partner-summary-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 24px; }
.suda-partner-summary-card{ padding: 20px; border: 1px solid var(--suda-gray-200); border-radius: 14px; background: #fff; }
.suda-partner-summary-card .label{ font-size: 13px; color: var(--suda-gray-500); margin-bottom: 8px; }
.suda-partner-summary-card .value{ font-size: 24px; font-weight: 800; color: var(--suda-gray-900); }

@media (max-width: 1024px){
    .suda-partner-wrap{ padding: 4.69vw 4.69vw 7.81vw; }
    .suda-partner-intro{ margin-bottom: 4.69vw; }
    .suda-partner-intro .suda-reginfo-sub{ margin-bottom: 3.13vw; }
    .suda-partner-steps{ gap: 1.17vw; margin-bottom: 2.34vw; }
    .suda-partner-step{ padding: 1.95vw 1.56vw; border-radius: 1.17vw; }
    .suda-partner-step-num{ width: 2.73vw; height: 2.73vw; margin-bottom: 0.98vw; font-size: 1.27vw; }
    .suda-partner-step-tit{ font-size: 1.37vw; margin-bottom: 0.39vw; }
    .suda-partner-step-desc{ font-size: 1.22vw; }
    .suda-partner-docs-notice{ padding: 1.56vw 1.76vw; border-radius: 0.98vw; font-size: 1.32vw; }

    .suda-partner-wrap .suda-w-rowBox{ margin-bottom: 3.91vw; }
    .suda-w-rowBox-bt{ margin-bottom: 6.84vw !important; }
    .suda-w .suda-w-field textarea.frm_input{ padding: 1.95vw; }
    .suda-partner-agree{ gap: 0.98vw; margin-top: 1.95vw; font-size: 1.37vw; }

    .suda-partner-submit-row{ margin-top: 3.91vw; }
    .suda-partner-submit-btn{ min-width: 21.48vw; height: 5.27vw; font-size: 1.56vw; }

    .suda-partner-login-wrap{ margin: 7.81vw auto; padding: 0 2.34vw; }
    .suda-partner-login-wrap h1{ margin-bottom: 0.78vw; font-size: 2.34vw; }
    .suda-partner-login-wrap p{ margin-bottom: 3.13vw; font-size: 1.32vw; }
    .suda-partner-login-wrap .suda-partner-submit-row{ margin-top: 2.34vw; }
    .suda-partner-login-links{ margin-top: 1.95vw; font-size: 1.27vw; }

    .suda-partner-notice-wrap{ margin: 9.77vw auto; padding: 0 2.34vw; }
    .suda-partner-notice-wrap .suda-partner-notice-icon{ font-size: 4.69vw; margin-bottom: 1.95vw; }
    .suda-partner-notice-wrap h1{ margin-bottom: 1.17vw; font-size: 2.15vw; }
    .suda-partner-notice-wrap p{ margin-bottom: 2.73vw; font-size: 1.42vw; }
    .suda-partner-notice-actions{ gap: 0.98vw; }
    .suda-partner-history .suda-ph-reason{ font-size: 1.27vw; }

    .suda-partner-dash-submenu{ margin: 0.20vw 0 0.78vw; }
    .suda-partner-dash-submenu li a{ padding: 0.68vw 1.37vw; border-radius: 0.78vw; font-size: 1.32vw; }
    .suda-partner-dash-content h1{ margin-bottom: 2.34vw; font-size: 2.15vw; }
    .suda-partner-dash-card{ padding: 2.34vw; border-radius: 1.37vw; }
    .suda-partner-placeholder{ padding: 7.81vw 1.95vw; font-size: 1.42vw; }
    .suda-partner-summary-grid{ gap: 1.56vw; margin-bottom: 2.34vw; }
    .suda-partner-summary-card{ padding: 1.95vw; border-radius: 1.37vw; }
    .suda-partner-summary-card .label{ font-size: 1.27vw; margin-bottom: 0.78vw; }
    .suda-partner-summary-card .value{ font-size: 2.34vw; }
}

@media (max-width: 768px){
    .suda-partner-wrap{ padding: 4.17vw 2.08vw 7.81vw; }
    .suda-partner-intro{ margin-bottom: 6.25vw; }
    .suda-partner-intro .suda-reginfo-sub{ margin-bottom: 4.17vw; }
    .suda-partner-steps{ grid-template-columns: repeat(2, 1fr); gap: 1.56vw; margin-bottom: 3.13vw; }
    .suda-partner-step{ padding: 2.60vw 2.08vw; border-radius: 1.56vw; }
    .suda-partner-step-num{ width: 3.65vw; height: 3.65vw; margin-bottom: 1.30vw; font-size: 1.69vw; }
    .suda-partner-step-tit{ font-size: 1.82vw; margin-bottom: 0.52vw; }
    .suda-partner-step-desc{ font-size: 1.63vw; }
    .suda-partner-docs-notice{ padding: 2.08vw 2.34vw; border-radius: 1.30vw; font-size: 1.76vw; }

    .suda-partner-wrap .suda-w-rowBox{ margin-bottom: 5.21vw; }
    .suda-w-rowBox-bt{ margin-bottom: 9.11vw !important; }
    .suda-w .suda-w-field textarea.frm_input{ padding: 2.60vw; }
    .suda-partner-agree{ gap: 1.30vw; margin-top: 2.60vw; font-size: 1.82vw; }

    .suda-partner-submit-row{ margin-top: 5.21vw; }
    .suda-partner-submit-btn{ min-width: 28.65vw; height: 7.03vw; font-size: 2.08vw; }

    .suda-partner-login-wrap{ margin: 10.42vw auto; padding: 0 3.13vw; }
    .suda-partner-login-wrap h1{ margin-bottom: 1.04vw; font-size: 3.13vw; }
    .suda-partner-login-wrap p{ margin-bottom: 4.17vw; font-size: 1.76vw; }
    .suda-partner-login-wrap .suda-partner-submit-row{ margin-top: 3.13vw; }
    .suda-partner-login-links{ margin-top: 2.60vw; font-size: 1.69vw; }

    .suda-partner-notice-wrap{ margin: 13.02vw auto; padding: 0 3.13vw; }
    .suda-partner-notice-wrap .suda-partner-notice-icon{ font-size: 6.25vw; margin-bottom: 2.60vw; }
    .suda-partner-notice-wrap h1{ margin-bottom: 1.56vw; font-size: 2.86vw; }
    .suda-partner-notice-wrap p{ margin-bottom: 3.65vw; font-size: 1.89vw; }
    .suda-partner-notice-actions{ gap: 1.30vw; }
    .suda-partner-history .suda-qa-list-row{ flex-direction: column; align-items: flex-start; gap: 1.04vw; }
    .suda-partner-history .suda-ph-date{ font-size: 1.69vw; color: var(--suda-gray-500); }
    .suda-partner-history .suda-ph-company{ font-size: 2.08vw; font-weight: 700; }
    .suda-partner-history .suda-ph-reason{ font-size: 1.69vw; }

    .suda-partner-dash-submenu{ margin: 0.26vw 0 1.04vw; }
    .suda-partner-dash-submenu li a{ padding: 0.91vw 1.82vw; border-radius: 1.04vw; font-size: 1.76vw; }
    .suda-partner-dash-content h1{ margin-bottom: 3.13vw; font-size: 2.86vw; }
    .suda-partner-dash-card{ padding: 3.13vw; border-radius: 1.82vw; }
    .suda-partner-placeholder{ padding: 10.42vw 2.60vw; font-size: 1.89vw; }
    .suda-partner-summary-grid{ grid-template-columns: 1fr; gap: 2.08vw; margin-bottom: 3.13vw; }
    .suda-partner-summary-card{ padding: 2.60vw; border-radius: 1.82vw; }
    .suda-partner-summary-card .label{ font-size: 1.69vw; margin-bottom: 1.04vw; }
    .suda-partner-summary-card .value{ font-size: 3.13vw; }
}

@media (max-width: 480px){
    .suda-partner-wrap{ padding: 6.67vw 3.33vw 12.50vw; }
    .suda-partner-intro{ margin-bottom: 10.00vw; }
    .suda-partner-intro .suda-reginfo-sub{ margin-bottom: 6.67vw; }
    .suda-partner-steps{ grid-template-columns: 1fr; gap: 2.50vw; margin-bottom: 5.00vw; }
    .suda-partner-step{ padding: 4.17vw 3.33vw; border-radius: 2.50vw; }
    .suda-partner-step-num{ width: 5.83vw; height: 5.83vw; margin-bottom: 2.08vw; font-size: 2.71vw; }
    .suda-partner-step-tit{ font-size: 2.92vw; margin-bottom: 0.83vw; }
    .suda-partner-step-desc{ font-size: 2.60vw; }
    .suda-partner-docs-notice{ padding: 3.33vw 3.75vw; border-radius: 2.08vw; font-size: 2.81vw; }

    .suda-partner-wrap .suda-w-rowBox{ margin-bottom: 8.33vw; }
    .suda-w-rowBox-bt{ margin-bottom: 14.58vw !important; }
    .suda-w .suda-w-field textarea.frm_input{ padding: 4.17vw; }
    .suda-partner-agree{ gap: 2.08vw; margin-top: 4.17vw; font-size: 2.92vw; }

    .suda-partner-submit-row{ margin-top: 8.33vw; }
    .suda-partner-submit-btn{ min-width: 45.83vw; height: 11.25vw; font-size: 3.33vw; }

    .suda-partner-login-wrap{ margin: 16.67vw auto; padding: 0 5.00vw; }
    .suda-partner-login-wrap h1{ margin-bottom: 1.67vw; font-size: 5.00vw; }
    .suda-partner-login-wrap p{ margin-bottom: 6.67vw; font-size: 2.81vw; }
    .suda-partner-login-wrap .suda-partner-submit-row{ margin-top: 5.00vw; }
    .suda-partner-login-links{ margin-top: 4.17vw; font-size: 2.71vw; }

    .suda-partner-notice-wrap{ margin: 20.83vw auto; padding: 0 5.00vw; }
    .suda-partner-notice-wrap .suda-partner-notice-icon{ font-size: 10.00vw; margin-bottom: 4.17vw; }
    .suda-partner-notice-wrap h1{ margin-bottom: 2.50vw; font-size: 4.58vw; }
    .suda-partner-notice-wrap p{ margin-bottom: 5.83vw; font-size: 3.02vw; }
    .suda-partner-notice-actions{ gap: 2.08vw; flex-direction: column; align-items: stretch; }
    .suda-partner-history .suda-qa-list-row{ flex-direction: column; align-items: flex-start; gap: 1.67vw; }
    .suda-partner-history .suda-ph-date{ font-size: 2.71vw; color: var(--suda-gray-500); }
    .suda-partner-history .suda-ph-company{ font-size: 3.33vw; font-weight: 700; }
    .suda-partner-history .suda-ph-reason{ font-size: 2.71vw; }

    .suda-partner-dash-submenu{ margin: 0.42vw 0 1.67vw; }
    .suda-partner-dash-submenu li a{ padding: 1.46vw 2.92vw; border-radius: 1.67vw; font-size: 2.81vw; }
    .suda-partner-dash-content h1{ margin-bottom: 5.00vw; font-size: 4.58vw; }
    .suda-partner-dash-card{ padding: 5.00vw; border-radius: 2.92vw; }
    .suda-partner-placeholder{ padding: 16.67vw 4.17vw; font-size: 3.02vw; }
    .suda-partner-summary-grid{ grid-template-columns: 1fr; gap: 3.33vw; margin-bottom: 5.00vw; }
    .suda-partner-summary-card{ padding: 4.17vw; border-radius: 2.92vw; }
    .suda-partner-summary-card .label{ font-size: 2.71vw; margin-bottom: 1.67vw; }
    .suda-partner-summary-card .value{ font-size: 5.00vw; }
}

/* 2026-10-16 모바일 가로 넘침 보정: 예약/정산 표는 카드 안에서만 가로 스크롤,
   좌측 메뉴가 가로 탭으로 바뀌는 폭에서는 탭 줄만 가로 스크롤 (partner 화면 전용 CSS) */
.suda-partner-dash-card{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
.suda-partner-dash-card .suda-partner-form-table{ min-width: 100%; }
@media (max-width: 1024px){
    .suda-cs-sidebar-menu{ max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    /* 세로 스택(align-items:flex-start)에서 본문이 표 폭만큼 늘어나지 않도록 - 고객센터 .suda-cs-content 와 동일 */
    .suda-partner-dash-content{ width: 100%; }
    .suda-partner-dash-card .suda-partner-form-table td,
    .suda-partner-dash-card .suda-partner-form-table th{ white-space: nowrap; }
}

/* SUDA CUSTOM (2026-10-25): 반려 사유 - 수정 화면 위쪽 안내 / 상품 목록 "반려" 배지 + 사유 한 줄 (extend/suda_partner.lib.extend.php suda_partner_reject_*) */
.suda-partner-reject{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0 0 16px; padding: 12px 16px; border: 1px solid #fecaca; border-radius: 10px; background: #fef2f2; font-size: 14px; line-height: 1.5; color: #7f1d1d; overflow-wrap: anywhere; }
.suda-partner-reject strong{ color: #b91c1c; }
.suda-partner-reject span{ color: #9f1239; font-size: 13px; }
.suda-partner-reject em{ flex: 1 1 100%; font-style: normal; font-size: 12px; color: #6b7280; }
.suda-partner-badge-reject{ display: inline-block; padding: 1px 8px; border-radius: 999px; background: #fee2e2; color: #b91c1c; font-size: 12px; font-weight: 700; }
.suda-partner-reject-line{ margin: 4px 0 0; font-size: 12px; line-height: 1.5; color: #9f1239; overflow-wrap: anywhere; }
@media (max-width: 1024px){
    .suda-partner-reject{ margin-bottom: 1.56vw; padding: 1.17vw 1.56vw; border-radius: 0.98vw; font-size: 1.37vw; }
    .suda-partner-reject span{ font-size: 1.27vw; }
    .suda-partner-reject em, .suda-partner-reject-line, .suda-partner-badge-reject{ font-size: 1.17vw; }
}
@media (max-width: 768px){
    .suda-partner-reject{ margin-bottom: 2.08vw; padding: 1.56vw 2.08vw; border-radius: 1.3vw; font-size: 1.82vw; }
    .suda-partner-reject span{ font-size: 1.69vw; }
    .suda-partner-reject em, .suda-partner-reject-line, .suda-partner-badge-reject{ font-size: 1.56vw; }
}
@media (max-width: 480px){
    .suda-partner-reject{ margin-bottom: 3.33vw; padding: 2.5vw 3.33vw; border-radius: 2.08vw; font-size: 2.92vw; }
    .suda-partner-reject span{ font-size: 2.71vw; }
    .suda-partner-reject em, .suda-partner-reject-line, .suda-partner-badge-reject{ font-size: 2.5vw; }
}