/* 전체 레이아웃 컨테이너 */
  .wrap-process {
    display: flex;
    gap: 20px; /* 박스 사이 간격 */
    justify-content: space-between;
    align-items: stretch;
}

.process-item {
    flex: 1; /* 3등분 */
    display: flex;
    flex-direction: column;
}

/* 화살표 모양 헤더 공통 스타일 */
.header {
    height: 100px; /* 헤더 높이 */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
    /* 화살표 모양 만들기 (CSS clip-path 사용) */
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    padding-right: 15%; /* 화살표 꼬리 부분 텍스트 겹침 방지 */
    line-height: 1.3;
}

/* 각 단계별 색상 설정 */
/* 1단계: 가장 진한 초록색 */
.item-1 .header {
    background-color: #385623;
}
.item-1 .content-box {
    border: 2px solid #385623;
}

/* 2단계: 중간 초록색 */
.item-2 .header {
    background-color: #538135;
}
.item-2 .content-box {
    border: 2px solid #538135;
}

/* 3단계: 연한 초록색 */
.item-3 .header {
    background-color: #9bbb58;
}
.item-3 .content-box {
    border: 2px solid #9bbb58;
}

/* 내용 박스 스타일 */
.content-box {
    flex-grow: 1; /* 높이 꽉 채우기 */
    padding: 20px;
    background-color: #fcfcfc;
    font-size: 1.6rem;
    line-height: 1.6;
    word-break: keep-all; /* 단어 단위 줄바꿈 */
}

/* 리스트 스타일 */
.content-box ul {
    list-style: none;
    padding-left: 5px;
}

.content-box ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}

/* 리스트 앞 점(bullet) 커스텀 */
.content-box ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
}

/* 텍스트 강조 (빨간 밑줄 느낌 대신 굵게 처리하거나 색상 변경 가능) */
.highlight {
    text-decoration: underline;
    text-decoration-color: red;
    text-decoration-style: wavy; /* 물결 밑줄 */
}
.content{
    margin-top: 50px;
    border-top: 1px solid #e5e7eb;
}
.registration-container{
    padding-top:85.567%;
    height:0;
    position: relative;
    background-image: url('/img/group_standard01.jpg');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent:-99999px;
}
.content h4 {
    margin: 0 0 12px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.02em; 
    position: relative;
    padding-left: 30px;
}
.content h4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    background:#005dbc;
    border-radius: 20% 50%;
}
/* 모바일 반응형 처리 */
@media (max-width: 768px) {
    .wrap-process {
        flex-direction: column;
    }
    .header {
        clip-path: none; /* 모바일에서는 화살표 제거하거나 모양 변경 */
        border-radius: 5px;
        padding-right: 0;
    }
}
@media (max-width: 768px) {
.registration-container{
    margin-top:30px;
    background-image: url('/img/group_standard01.jpg');
    background-size: 108%;
    background-position: center top;
    background-repeat: no-repeat;
}
}