.elementor-7444 .elementor-element.elementor-element-32ba7f1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:090px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-7444 .elementor-element.elementor-element-32ba7f1:not(.elementor-motion-effects-element-type-background), .elementor-7444 .elementor-element.elementor-element-32ba7f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#84D1DB;background-image:url("https://hanmaum-ec.org/wp-content/uploads/2019/10/headcover-imgver7a.png");background-repeat:no-repeat;background-size:cover;}.elementor-7444 .elementor-element.elementor-element-32ba7f1::before, .elementor-7444 .elementor-element.elementor-element-32ba7f1 > .elementor-background-video-container::before, .elementor-7444 .elementor-element.elementor-element-32ba7f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-7444 .elementor-element.elementor-element-32ba7f1 > .elementor-background-slideshow::before, .elementor-7444 .elementor-element.elementor-element-32ba7f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7444 .elementor-element.elementor-element-32ba7f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-7444 .elementor-element.elementor-element-36f1b5d .elementor-heading-title{font-family:"Noto Sans KR", Sans-serif;font-size:40px;font-weight:800;color:#FFFFFF;}.elementor-7444 .elementor-element.elementor-element-5081d65{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7444 .elementor-element.elementor-element-f22ac07{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:020px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7444 .elementor-element.elementor-element-f22ac07.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7444 .elementor-element.elementor-element-0cf83cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7444 .elementor-element.elementor-element-0cf83cf img{width:100%;}.elementor-7444 .elementor-element.elementor-element-dc5dcd3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7444 .elementor-element.elementor-element-d677b59{--display:flex;}.elementor-7444 .elementor-element.elementor-element-2f23118{--spacer-size:20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7444 .elementor-element.elementor-element-32ba7f1{--content-width:1300px;}.elementor-7444 .elementor-element.elementor-element-5081d65{--content-width:1300px;}.elementor-7444 .elementor-element.elementor-element-f22ac07{--width:20%;}.elementor-7444 .elementor-element.elementor-element-d677b59{--width:80%;}}/* Start custom CSS for text-editor, class: .elementor-element-e64f0a7 *//* 전체 컨테이너 */
    .student-list-wrap {
        width: 100%;
        max-width: 1000px; /* 최대 너비 설정 */
        margin: 0 auto;
        font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
        border-top: 2px solid #009dc4; /* 상단 포인트 라인 (선택사항) */
    }

    /* 파란색 헤더 영역 */
    .list-header {
        background-color: #009dc4; /* 이미지의 청록색 */
        color: #ffffff;
        text-align: center;
        font-weight: 600;
        font-size: 18px;
        padding: 15px 0;
    }

    /* 리스트 행 (Row) */
    .list-row {
        display: flex;
        border-bottom: 1px solid #e0e0e0; /* 회색 구분선 */
        padding: 20px 10px;
        align-items: baseline; /* 텍스트 높이 맞춤 */
    }

    /* 좌측 타이틀 (기수 정보) */
    .list-title {
        width: 160px; /* 너비 고정 */
        flex-shrink: 0; /* 너비 줄어듦 방지 */
        font-size: 20px;
        font-weight: 700;
        color: #000;
    }

    /* 우측 내용 (학생 명단) */
    .list-content {
        flex: 1; /* 남은 공간 차지 */
        font-size: 15px;
        line-height: 1.6;
        color: #333;
        word-break: keep-all; /* 한글 단어 중간 끊김 방지 */
    }

    /* 모바일 반응형 설정 */
    @media (max-width: 768px) {
        .list-row {
            flex-direction: column; /* 세로 배치 */
            gap: 10px;
        }
        .list-title {
            width: 100%;
            font-size: 18px;
            color: #009dc4; /* 모바일에서는 타이틀 색상 변경으로 구분감 주기 */
        }
    }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b9f7509 *//* 전체 컨테이너 */
    .student-list-wrap {
        width: 100%;
        max-width: 1000px; /* 최대 너비 설정 */
        margin: 0 auto;
        font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
        border-top: 2px solid #009dc4; /* 상단 포인트 라인 (선택사항) */
    }

    /* 파란색 헤더 영역 */
    .list-header {
        background-color: #009dc4; /* 이미지의 청록색 */
        color: #ffffff;
        text-align: center;
        font-weight: 600;
        font-size: 18px;
        padding: 15px 0;
    }

    /* 리스트 행 (Row) */
    .list-row {
        display: flex;
        border-bottom: 1px solid #e0e0e0; /* 회색 구분선 */
        padding: 20px 10px;
        align-items: baseline; /* 텍스트 높이 맞춤 */
    }

    /* 좌측 타이틀 (기수 정보) */
    .list-title {
        width: 160px; /* 너비 고정 */
        flex-shrink: 0; /* 너비 줄어듦 방지 */
        font-size: 20px;
        font-weight: 700;
        color: #000;
    }

    /* 우측 내용 (학생 명단) */
    .list-content {
        flex: 1; /* 남은 공간 차지 */
        font-size: 15px;
        line-height: 1.6;
        color: #333;
        word-break: keep-all; /* 한글 단어 중간 끊김 방지 */
    }

    /* 모바일 반응형 설정 */
    @media (max-width: 768px) {
        .list-row {
            flex-direction: column; /* 세로 배치 */
            gap: 10px;
        }
        .list-title {
            width: 100%;
            font-size: 18px;
            color: #009dc4; /* 모바일에서는 타이틀 색상 변경으로 구분감 주기 */
        }
    }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5fa3889 *//* 전체 컨테이너 */
    .student-list-wrap {
        width: 100%;
        max-width: 1000px; /* 최대 너비 설정 */
        margin: 0 auto;
        font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
        border-top: 2px solid #009dc4; /* 상단 포인트 라인 (선택사항) */
    }

    /* 파란색 헤더 영역 */
    .list-header {
        background-color: #009dc4; /* 이미지의 청록색 */
        color: #ffffff;
        text-align: center;
        font-weight: 600;
        font-size: 18px;
        padding: 15px 0;
    }

    /* 리스트 행 (Row) */
    .list-row {
        display: flex;
        border-bottom: 1px solid #e0e0e0; /* 회색 구분선 */
        padding: 20px 10px;
        align-items: baseline; /* 텍스트 높이 맞춤 */
    }

    /* 좌측 타이틀 (기수 정보) */
    .list-title {
        width: 160px; /* 너비 고정 */
        flex-shrink: 0; /* 너비 줄어듦 방지 */
        font-size: 20px;
        font-weight: 700;
        color: #000;
    }

    /* 우측 내용 (학생 명단) */
    .list-content {
        flex: 1; /* 남은 공간 차지 */
        font-size: 15px;
        line-height: 1.6;
        color: #333;
        word-break: keep-all; /* 한글 단어 중간 끊김 방지 */
    }

    /* 모바일 반응형 설정 */
    @media (max-width: 768px) {
        .list-row {
            flex-direction: column; /* 세로 배치 */
            gap: 10px;
        }
        .list-title {
            width: 100%;
            font-size: 18px;
            color: #009dc4; /* 모바일에서는 타이틀 색상 변경으로 구분감 주기 */
        }
    }/* End custom CSS */
/* Start custom CSS *//* 기본 설정 */
    body {
        font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
        background-color: #f9f9f9;
        margin: 0;
        padding: 40px;
        color: #333;
    }

    .container {
        max-width: 1000px;
        margin: 0 auto;
    }

    /* 그리드 레이아웃 설정 */
    .donation-grid {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 1:1 비율의 2개 컬럼 */
        grid-template-rows: auto auto;  /* 행 높이는 내용에 따름 */
        gap: 25px; /* 카드 사이 간격 */
    }

    /* 카드 공통 스타일 */
    .donation-card {
        background-color: #fff;
        border: 1px solid #ddd;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        overflow: hidden; /* 헤더 배경색 넘침 방지 */
        display: flex;
        flex-direction: column;
    }

    /* 왼쪽 긴 카드 (DONUS) */
    .card-donus {
        grid-row: span 2; /* 2개의 행을 합침 (세로로 길게) */
    }

    /* 카드 헤더 (파란색 타이틀) */
    .card-header {
        background-color: #009dc4; /* 이미지의 청록색 */
        color: #fff;
        padding: 15px;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
    }

    /* 카드 본문 */
    .card-body {
        padding: 30px;
        flex: 1; /* 높이 채우기 */
        display: flex;
        flex-direction: column;
        justify-content: center; /* 내용 수직 중앙 정렬 */
    }

    /* 텍스트 스타일 */
    .main-desc {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px;
        font-weight: 500;
    }

    .highlight {
        color: #009dc4;
        font-weight: 700;
    }

    /* 구분선 (요청하신 연한 줄) */
    .divider {
        height: 1px;
        background-color: #e0e0e0!important; /* 눈에 띄는 연한 회색 */
        margin: 30px 0!important; /* 위아래 여백 */
        border: none;
        width: 100%;
    }

    /* 서브 설명 (작은 텍스트) */
    .sub-desc h4 {
        font-size: 16px;
        color: #222;
        margin: 0 0 8px 0;
    }

    .sub-desc p {
        font-size: 14px;
        color: #666;
        margin: 0 0 20px 0;
        line-height: 1.5;
    }

    /* 버튼 스타일 (Outline) */
    .btn-outline {
        display: inline-block;
        padding: 12px 25px;
        border: 1px solid #009dc4;
        color: #009dc4;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        transition: all 0.3s;
        background-color: #fff;
        width: fit-content; /* 내용만큼만 너비 차지 */
    }

    .btn-outline:hover {
        background-color: #009dc4;
        color: #fff;
    }

    /* 연락처 리스트 (아이콘 포함) */
    .contact-list {
        list-style: none;
        padding: 0;
        margin: 20px 0;
    }

    .contact-list li {
        margin-bottom: 8px;
        font-size: 15px;
        color: #555;
        display: flex;
        align-items: center;
    }

    .contact-list i {
        width: 25px; /* 아이콘 너비 고정 */
        color: #009dc4;
        font-size: 16px;
        margin-right: 5px;
        text-align: center;
    }

    /* 계좌 정보 텍스트 */
    .bank-info {
        font-size: 16px;
        color: #444;
        line-height: 1.6;
    }

    /* 모바일 반응형 */
    @media (max-width: 768px) {
        .donation-grid {
            grid-template-columns: 1fr; /* 1개 컬럼으로 변경 */
            grid-template-rows: auto;
        }
        .card-donus {
            grid-row: auto; /* span 제거 */
        }
        body {
            padding: 20px;
        }
    }/* End custom CSS */