/* ==========================================================================
   (주)투어수다 - 회원 스킨(로그인/회원가입/아이디·비밀번호 찾기 등) 공통 미니 헤더/푸터
   skin/member/basic/_suda_member_header.inc.php, _suda_member_footer.inc.php 에서 사용.
   이 페이지들은 index.php의 head.php/tail.php(전체 GNB/메가메뉴/푸터)를 타지 않으므로
   그 대신 붙는 최소한의 브랜드 헤더/푸터다.
   ========================================================================== */

/* gnb.css의 body{padding-top:var(--suda-header-h)}는 메인 사이트의 고정(position:fixed) GNB용 여백이다.
   이 페이지는 그 고정 헤더를 쓰지 않는 별도 미니 헤더라서 그 여백이 불필요하게 위에 빈 공간을 만든다. */
/* 헤더/본문/푸터를 flex column으로 쌓아서, 본문이 부족한 만큼만 채우게 한다.
   예전에는 .suda-member-main에 min-height:calc(100vh - 130px)처럼 헤더+푸터 높이를
   숫자로 가정해서 뺐는데, 실제 헤더+푸터 높이와 안 맞아 세로 스크롤이 항상 생겼다.
   flex: 1 0 auto로 본문이 "딱 남는 만큼"만 늘어나게 하면 헤더/푸터 실제 높이가
   얼마든(반응형으로 줄어들어도) 전체 합이 뷰포트 높이를 넘지 않는다. */
body{
    padding-top: 0 !important;
    background: #fff; /* SUDA CUSTOM (2026-10-24): 페이지 배경 회색(--suda-gray-50) → 흰색. 카드(.suda-member-card)는 그림자로 구분 */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.suda-member-header{
    background: #fff;
    border-bottom: 1px solid var(--suda-gray-100, #f3f4f6);
}
.suda-member-header-inner{
    max-width: 1280px;
    margin: 0 auto;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}
.suda-member-logo{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--suda-gray-900, #111827);
}
.suda-member-logo img{ width: 36px; height: 36px; border-radius: 999px; object-fit: cover; }
.suda-member-logo span{ font-size: 17px; font-weight: 700; letter-spacing: -0.02em; }

.suda-member-header-home{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: var(--suda-gray-500, #6b7280);
    text-decoration: none;
}
.suda-member-header-home:hover{ color: var(--suda-blue, #4154ff); }

.suda-member-main{
    display: block;
    flex: 1 0 auto;
    box-sizing: border-box;
    padding: 48px 20px 64px;
}

.suda-member-footer{
    padding: 24px 20px 32px;
    text-align: center;
    color: var(--suda-gray-400, #9ca3af);
}
.suda-member-footer-copy{ margin: 0 0 6px; font-size: 13px; }
.suda-member-footer-biz{ margin: 0; font-size: 12px; }

@media screen and (max-width: 480px){
    .suda-member-header-inner{ padding: 14px 16px; }
    .suda-member-logo span{ font-size: 15px; }
    .suda-member-header-home span{ display: none; }
    .suda-member-main{ padding: 32px 16px 48px; }
}