.elementor-7238 .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-7238 .elementor-element.elementor-element-32ba7f1:not(.elementor-motion-effects-element-type-background), .elementor-7238 .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-imgver2.png");background-repeat:no-repeat;background-size:cover;}.elementor-7238 .elementor-element.elementor-element-32ba7f1::before, .elementor-7238 .elementor-element.elementor-element-32ba7f1 > .elementor-background-video-container::before, .elementor-7238 .elementor-element.elementor-element-32ba7f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-7238 .elementor-element.elementor-element-32ba7f1 > .elementor-background-slideshow::before, .elementor-7238 .elementor-element.elementor-element-32ba7f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7238 .elementor-element.elementor-element-32ba7f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-7238 .elementor-element.elementor-element-36f1b5d .elementor-heading-title{font-family:"Noto Sans KR", Sans-serif;font-size:40px;font-weight:800;color:#FFFFFF;}.elementor-7238 .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-7238 .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-7238 .elementor-element.elementor-element-f22ac07.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7238 .elementor-element.elementor-element-0cf83cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7238 .elementor-element.elementor-element-dc5dcd3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7238 .elementor-element.elementor-element-d677b59{--display:flex;}.elementor-7238 .elementor-element.elementor-element-2f23118{--spacer-size:20px;}.elementor-7238 .elementor-element.elementor-element-6b309a4{--spacer-size:30px;}.elementor-7238 .elementor-element.elementor-element-e51afba{--spacer-size:30px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7238 .elementor-element.elementor-element-32ba7f1{--content-width:1300px;}.elementor-7238 .elementor-element.elementor-element-5081d65{--content-width:1300px;}.elementor-7238 .elementor-element.elementor-element-f22ac07{--width:20%;}.elementor-7238 .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 *//* 전체 컨테이너 설정 */
    .process-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 1200px; /* 전체 폭 제한 (필요시 조정) */
        margin: 0 auto;
        font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    }

    /* 파란색 박스 스타일 */
    .process-box {
        flex: 1; /* 모든 박스의 너비를 동일하게 */
        background-color: #009dc4; /* 이미지의 청록색 */
        color: #fff;
        height: 80px; /* 박스 높이 */
        display: flex;
        flex-direction: column; /* 텍스트 수직 정렬을 위함 */
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0 10px;
        font-weight: bold;
        font-size: 16px;
        box-sizing: border-box;
    }

    /* 첫번째 박스의 부가 설명 (상반기/하반기) 폰트 조절 */
    .process-box .sub-text {
        font-weight: normal;
        font-size: 12px;
        margin-top: 4px;
        opacity: 0.9;
    }

    /* 회색 화살표 (삼각형) 스타일 */
    .process-arrow {
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 18px solid #9aa2a8; /* 화살표 회색 */
        margin: 0 10px; /* 화살표 좌우 여백 */
        flex-shrink: 0; /* 화살표 크기 찌그러짐 방지 */
    }

    /* 모바일 반응형 (화면이 좁아지면 세로로 배치) */
    @media (max-width: 768px) {
        .process-container {
            flex-direction: column;
        }
        .process-box {
            width: 100%;
            margin-bottom: 10px;
        }
        .process-arrow {
            transform: rotate(90deg); /* 화살표 아래로 회전 */
            margin: 5px 0 15px 0;
        }
    }/* End custom CSS */