@charset "utf-8";

#volunteer {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

#volunteer .bc_wrap {
    flex-direction: row;
}

#volunteer .maring_bottom_20 {
    margin-bottom: 20px;
}

#volunteer .business_title {
    border: 5px solid rgba(255, 134, 97, 0.50);
}
#volunteer .business_ti {
    color: #FF8661;
}

#volunteer .business_call {
    background: #FFFAE9;
}

#volunteer .text_box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#volunteer .text_box p {
    font-size: 1.11rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.6px;
}

#volunteer .volunteer_boon {
    display: flex;
    gap: 10px;
}
#volunteer .volunteer_boon .text_box {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#volunteer .volunteer_boon .text_box p {
    font-size: 1.22rem;
    font-weight: 600;
    line-height: 127.273%;
    letter-spacing: -0.6px;
}
#volunteer .volunteer_boon .vol_wrap {
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #DDD;
}
#volunteer .big_dot_point::before {
    border-color: #FF8661;
}

#volunteer .guide_box {
    gap: 15px;
}
#volunteer .guide_box .guide_icon {
    width: 120px;
    height: 120px;
}
#volunteer .guide_box .guide_text {
    height: auto;
}
#volunteer .guide_box .guide_height_match {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}
#volunteer .guide_box .vol_guide_text_box {
    padding: 20px;
    border-radius: 15px;
    background: #FFFAE9;
}
#volunteer .font_weight_400 {
    font-weight: 400;
}

#volunteer .photo_wrap {
    margin-top: 20px;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 30px;
}
#volunteer .photo_wrap .photo_ti {
    font-size: 1.22rem;
    font-weight: 600;
    text-align: center;
}

@media(max-width:1440px) {}
@media(max-width:1200px) {}
@media(max-width:1024px) {}
@media(max-width:991px) {
}
@media(max-width:768px) {
    #volunteer.business .guide_wrap {
        flex-wrap: wrap;
        flex-direction: row;
        gap: 20px;
    }
    #volunteer.business .guide_wrap .guide_box {
        flex-direction: column;
        flex: 0 0 100%;
    }
    #volunteer.business .guide_wrap .guide_box .guide_text {
        align-items: center;
        flex: 1;
    }
    #volunteer.business .guide_wrap .guide_box .guide_text.vol_guide_text_box {
        align-items: flex-start;
    }
}
@media(max-width:640px) {
    #volunteer.business .bc_wrap .bc_ti {
        text-align: left;
        align-content: center;
    }
}
@media(max-width:480px) {
}