/* 전체 레이아웃 */
.jd-login-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px; /* 버튼 사이 간격 (상하/좌우) */
    margin-top: 20px;
    }
    
    /* 버튼 */
    .jd-login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
         
    padding: 5px; /* 내부 여백 (상하좌우) */
    transition: 0.2s;
    
    
    }
    
    /* hover */
    .jd-login-btn:hover {
    transform: translateY(-2px);
    }
    
    /* 이미지 컨테이너 */
    .jd-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  
    }
    
    /* 핵심: 이미지 반응형 */
    .jd-img img {
    max-width: 100%;
    height: auto;
    max-height: 75px; /* PC 기준 높이 제한 */
    object-fit: contain;
    }
    
    /* 📱 모바일 대응 */
    @media (max-width: 768px) {
    .jd-login-wrap {
    grid-template-columns: 1fr;
    gap: 5px;
    }
    
    
    .jd-login-btn {
        padding: 5px;
    }
    
    .jd-img img {
        max-height: 70px; /* 모바일에서 살짝 줄이기 */
    }
    
    
    }