/* 1. 폰트 및 기본 설정 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");

body {
    font-family: 'Pretendard', sans-serif !important;
    line-height: 1.6;
    color: #333;
    word-break: keep-all; /* 한글 줄바꿈을 예쁘게 */
}

/* 2. 네비게이션 및 로고 */
.navbar-brand {
    font-weight: 900 !important;
    font-size: 1.5rem;
    letter-spacing: -1px;
    color: #0A246A  !important;
}

/* 네비게이션 메뉴 기본 색상 */
.custom-nav {
    color: #0A246A !important; /* 원하는 색상 코드 입력 */
    transition: color 0.3s ease; /* 색상 변경 시 부드럽게 애니메이션 */
}

/* 마우스를 올렸을 때(Hover) 색상 */
.custom-nav:hover {
    color: #0046ff !important; /* 마우스 올렸을 때 강조될 색상 */
}

/* 3. 공통 섹션 헤더 (about, business, service 공통) */
.page-header {
    background: #f0f4ff;
    padding: 80px 0;
    text-align: center;
}

/* 4. 사업분야 카드 (business.html) */
.biz-card {
    border: none;
    border-radius: 20px;
    transition: all 0.3s ease;
    height: 100%;
    background: #fff;
}
.biz-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}
.biz-list { list-style: none; padding-left: 0; }
.biz-list li::before { content: "✓"; color: #0046ff; font-weight: bold; margin-right: 8px; }

/* 5. 서비스 프로세스 및 특장점 (service.html) */
.process-step {
    padding: 30px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.step-number {
    width: 40px; height: 40px; background: #0046ff; color: white;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-weight: bold; margin-bottom: 15px;
}
.feature-box {
    padding: 20px; border: 1px solid #eee; border-radius: 10px; transition: 0.3s;
}
.feature-box:hover { background: #0046ff; color: white !important; }

/* 6. 문의 폼 (inquiry-corp, inquiry-job) */
.inquiry-card {
    border: none; border-radius: 20px; background: white;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08); padding: 40px; margin-top: -50px;
}
.form-control:focus { border-color: #0046ff; box-shadow: 0 0 0 0.25rem rgba(0, 70, 255, 0.1); }

/* 7. 푸터 (공통) */
.footer { background: #f8f9fa; padding: 40px 0; font-size: 0.9rem; margin-top: 80px; }

/* 8. 메인 화면 히어로 섹션 (index.html 전용) */

.hero-section {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 150px 0;
    text-align: center; /* 이 부분이 빠지면 좌측 정렬됩니다 */
}

.hero-section h1 {
    color: white !important; /* 배경 위에서 잘 보이도록 흰색 고정 */
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.hero-section p {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}


/* 지도 컨테이너 공통 스타일 */
.map-container {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #eee;
    background-color: #f8f9fa;
}


/* 카카오 약도가 박스 너비에 맞춰 100% 꽉 차게 강제함 */
.root_daum_roughmap, 
.root_daum_roughmap .wrap_map, 
.root_daum_roughmap .map {
    width: 100% !important;
}

/* 약도 하단에 생기는 불필요한 테두리 제거 */
.root_daum_roughmap {
    border: none !important;
}

/* 지도 하단 정보창 숨기기 (원하실 경우) */
.root_daum_roughmap .wrap_controllers {
    display: none !important;
}

/* 메인 영문 타이틀 커스텀 스타일 */
.main-title-sub {
    color: #ffffff !important;      /* 흰색 */
    font-size: 1.2em;               /* 기존보다 약 20% 크게 */
    /* font-family: 'Arial Black', sans-serif;   굵고 강조된 글씨체 */
    letter-spacing: 2px;            /* 글자 간격 넓게 해서 가독성 업 */
    display: inline-block;
    margin-bottom: 10px;
}

/* TOTAL HR PARTNER 전용 스타일 */
.main-title-sub {
    color: #ffffff !important;           /* 무조건 흰색 */
    font-size: 0.7em;                    /* 메인 제목(바른플러스)의 절반 크기로 시작해 조절 */
    /* font-family: 'Arial Black', Gadget, sans-serif;  굵고 강조된 서체 */
    letter-spacing: 3px;                 /* 글자 사이 간격을 넓혀 고급스럽게 */
    /*text-transform: uppercase;            무조건 대문자로 */
    display: inline-block;
    margin-bottom: 5px;                  /* 바른플러스 글자와의 간격 */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3); /* 배경이 밝아도 잘 보이게 그림자 살짝 */
}

/* 로고 이미지 스타일 */
.navbar-brand img {
    max-height: 50px; /* 네비게이션 바 높이에 맞춰 조절 (보통 40~50px 적당) */
    display: block;
    object-fit: contain; /* 이미지 비율 유지 */
}

/* 모바일 화면에서 로고 위치 미세 조정 */
@media (max-width: 991px) {
    .navbar-brand img {
        max-height: 35px; /* 모바일에서는 조금 더 작게 설정 */
    }
}