/* --- 여기서부터 복사해서 붙여넣으세요 --- */
/* 폰트 가져오기 (Google Fonts - Noto Sans KR) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700;900&display=swap');

/* 전체 폰트 적용 */
body {
    font-family: 'Noto Sans KR', sans-serif !important;
}

/* 설명 글씨가 너무 까맣지 않게 */
.text-secondary {
    color: #6c757d !important;
}

/* 이미지에 그림자 효과 */
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
/* 히어로 섹션 (배경 이미지) */
.hero-section {
    position: relative;
    height: 600px; /* 높이 설정 */
    /* 금융 느낌 나는 무료 이미지 URL (Unsplash) */
    background-image: url('https://images.unsplash.com/photo-1611974765270-ca1258634369?q=80&w=1920&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* 스크롤할 때 배경 고정 (고급 기술) */
}

/* 배경 어둡게 만들기 (글자 잘 보이게) */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));
    z-index: 1;
}

/* 카드 마우스 올렸을 때 효과 */
.hover-effect:hover {
    transform: translateY(-10px);
    transition: 0.3s;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}