/* ==========================================================================
   휴먼앤에듀 서브페이지 전용 버튼 (sbtn2 대체용)
   ========================================================================== */

/* 1. 기기별 버튼 노출 초기화 (중복 출력 방지) */
.custom-sub-btn .show-mobile, 
.custom-sub-btn .show-pc { 
    display: none !important; 
}

/* 2. 버튼 박스 자체의 중앙 정렬 및 디자인 */
.custom-sub-btn {
    display: block !important;
    width: 200px !important;
    height: auto !important;
    line-height: normal !important;
    background: #ed7561 !important; /* 주황색 배경 */
    border: none !important;
    border-radius: 4px !important;
    padding: 0 !important;
    box-sizing: border-box !important;

    /* 무조건 부모 섹션의 가로 정중앙에 배치하는 마법의 공식 */
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    margin: 20px 0 0 0 !important; /* 위쪽 여백 20px */
    
    z-index: 9999 !important; /* 다른 레이어에 가려 클릭 안되는 현상 방지 */
    overflow: hidden !important;
}

/* 3. 내부 링크 및 텍스트 스타일 선언 */
.custom-sub-btn a {
    width: 100% !important;
    padding: 12px 0 !important; /* 버튼 위아래 두께(높이) 조절 */
    color: #fff !important; /* 무조건 글자색 흰색 */
    font-size: 17px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    text-align: center !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
    border: none !important;
    background: transparent !important;
}

/* 4. 미디어 쿼리 - 모바일 환경 (768px 이하) */
@media (max-width: 768px) {
    .custom-sub-btn .show-mobile { 
        display: block !important; 
    }
    .custom-sub-btn .show-pc { 
        display: none !important; 
    }
}

/* 5. 미디어 쿼리 - PC 환경 (769px 이상) */
@media (min-width: 769px) {
    .custom-sub-btn .show-pc { 
        display: block !important; 
    }
    .custom-sub-btn .show-mobile { 
        display: none !important; 
    }
}