@charset "utf-8";

#membership .cont {
    display:flex;
    flex-direction:column;
    gap:30px;
}
#membership .info_box {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#membership .info_box ul {
    display:flex;
    align-items:flex-start;
    gap:20px;
}
#membership .info_box .info_ti {
    font-size:1em;
    font-weight:700;
    color:#7B4992;
    line-height:normal;
    width:90px;
}
#membership .info_box .info_co {
    flex:1;
    font-size:1em;
    font-weight:400;
    line-height:normal;
}

#membership .step_box {
    display:flex;
    align-items:flex-start;
    gap:26px;
}
#membership .step_box .step {
    flex:1;
    text-align:center;
    display:flex;
    flex-direction:column;
    gap:10px;
    position: relative;
}
#membership .step_box .step::after {
    content:'';
    width:6px;
    height:24px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="24" viewBox="0 0 6 24" fill="none"><g clip-path="url(%23clip0_341_8458)"><path d="M1.71018 7.28982L5.71018 11.2898C5.80388 11.3828 5.87828 11.4934 5.92908 11.6152C5.97988 11.7371 6.00598 11.8678 6.00598 11.9998C6.00598 12.1318 5.97988 12.2625 5.92908 12.3844C5.87828 12.5062 5.80388 12.6168 5.71018 12.7098L1.71018 16.7098C1.61698 16.8031 1.50628 16.877 1.38448 16.9275C1.26258 16.9779 1.13208 17.0039 1.00018 17.0039C0.868324 17.0039 0.737754 16.9779 0.615934 16.9275C0.494114 16.877 0.383424 16.8031 0.290184 16.7098C0.196944 16.6166 0.122984 16.5059 0.072524 16.3841C0.022064 16.2622 -0.00390629 16.1317 -0.00390629 15.9998C-0.0039063 15.868 0.022064 15.7374 0.072524 15.6156C0.122984 15.4937 0.196944 15.3831 0.290184 15.2898L3.59018 11.9998L0.290184 8.70982C0.101884 8.52152 -0.00390663 8.26612 -0.00390664 7.99982C-0.00390666 7.73352 0.101884 7.47812 0.290184 7.28982C0.478494 7.10152 0.733884 6.99572 1.00018 6.99572C1.26648 6.99572 1.52188 7.10152 1.71018 7.28982Z" fill="%237B4992"/></g><defs><clipPath id="clip0_341_8458"><rect width="24" height="6" fill="white" transform="translate(0 24) rotate(-90)"/></clipPath></defs></svg>');
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    right:-16px;
    top:45px;
}
#membership .step_box .step:last-child::after {
    display:none;
}
#membership .step_box .step .step_num {
    width:20px;
    height:20px;
    margin:auto;
    border-radius:50%;
    background-color:#7B4992;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:700;
    letter-spacing:-0.42px;
    color:#fff;
}
#membership .step_box .step .step_text {
    display:flex;
    flex-direction:column;
}
#membership .step_box .step .step_text .step_ti {
    font-size:0.88em;
    font-weight:700;
    letter-spacing:-0.48px;
    line-height:1.37;
}
#membership .step_box .step .step_text .step_co {
    font-size:0.77em;
    font-weight:400;
    letter-spacing:-0.42px;
}

#membership .membership_noti {
    font-size:0.88em;
    font-weight:700;
}


/* 반응형 미디어쿼리 css */
@media (max-width:1440px) {}
@media (max-width:1200px) {}
@media (max-width:1024px) {
    #membership .info_box .info_ti {
        width:70px;
    }
}
@media (max-width:991px) {}
@media (max-width:768px) {
 

    #membership .step_box {
        flex-wrap: wrap;
        gap:10px;
    }
    #membership .step_box .step {
        flex:none;
        max-width:auto;
        width:calc(33.333% - 6.6666px)
    }
    #membership .step_box .step::after {
        display:none;
    }
}
@media (max-width:640px) {
    #membership .info_box ul {
        flex-direction:column;
        gap:5px;
    }
    #membership .info_box .info_ti {
        width:auto;
    }

}
@media (max-width:480px) {}
@media (max-width:320px) {}