@charset "utf-8";

.btn_bo_user {
    display:flex;
    justify-content: flex-end;
    align-items:stretch;
    gap:5px;
    margin-top:30px;
}
.btn_bo_user li span {
    font-size:0.77rem;
}
.option_btn {
    background-color:#f9f9f9;
    border:1px solid #ddd;
    border-radius:3px;
    padding:3px 5px;
    height:35px;
    font-size:0.77rem;
    color:#666;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* program_context */
#program_context .cont + .cont {
    margin-top:30px;
}
#program_context .program_step {
    border-radius: 30px;
    border: 5px solid rgba(123, 73, 146, 0.10);
    padding:30px 0;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:26px;
}
#program_context .program_step .step {
    width:125px;
    padding:0 10px;
    display:flex;
    flex-direction:column;
    gap:10px;
    position: relative;
}
#program_context .program_step .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;
}
#program_context .program_step .step:last-child::after {
    display:none;
}
#program_context .program_step .step .step_num {
    width:20px;
    height:20px;
    border-radius:50%;
    background-color:#7B4992;
    line-height:20px;
    font-size:0.77em;
    font-weight:700;
    letter-spacing:-0.42px;
    text-align:center;
    color:#fff;
    margin:auto;
}
#program_context .program_step .step .step_icon {
    text-align:center;
}
#program_context .program_step .step .step_text .step_ti {
    font-size:0.88em;
    font-weight:400;
    text-align: center;
    letter-spacing:-0.48px;
    line-height:1.37;
}

#program_context .program_info {
    background-color:#f9f9f9;
    padding:40px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
#program_context .program_info .info_ti {
    font-size:1.33em;
    font-weight:700;
    line-height:normal;
    color:#7B4992;
}
#program_context .program_info .info_text p {
    font-size:1em;
    font-weight:400;
    line-height:1.44;
}

/* program_list */
#program_list {
    display:flex;
    align-items:stretch;
    gap:30px;
    margin-top:30px;
}
#program_list #program_calendar {
    max-width:800px;
    width:100%;
}
#program_list #program_experience {
    flex:1;
    display:flex;
    flex-direction:column;
    gap:30px;
}
#program_list #program_experience .experience_cont {
    flex:1;
    border-radius: 20px;
    background-color: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    padding:30px 25px ;
}


/* program_list - program_experience - experience_none */
#program_list #program_experience .experience_cont .experience_none {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:20px;
    height: 100%;
}
#program_list #program_experience .experience_cont .experience_none .none_img {
    text-align:center;
}
#program_list #program_experience .experience_cont .experience_none .none_text p {
    font-size:1.11em;
    font-weight:700;
    color:#777;
    line-height:1.30;
    text-align:center;
}


/* program_list - program_experience - experience_list */
#program_list #program_experience .experience_cont .experience_list {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#program_list #program_experience .experience_cont .experience_list .list_box {
    border-top:2px solid #333;
}
#program_list #program_experience .experience_cont .experience_list .list_box .list_day {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border-bottom: 2px solid #333;
}
#program_list #program_experience .experience_cont .experience_list .list_box a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:20px;
    border-bottom:1px solid #ddd;
}
#program_list #program_experience .experience_cont .experience_list .list_box .list_ti {
    font-size: 1.11em;
    font-weight:700;
    line-height:1.30;
}
#program_list #program_experience .experience_cont .experience_list .list_box .list_co {
    font-size:1em;
    font-weight:700;
    line-height: 1.44;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
#program_list #program_experience .experience_cont .experience_list .list_box .ing .list_co {
    color:#7B4992;
}
#program_list #program_experience .experience_cont .experience_list .list_box .end .list_co {
    color:#777;
}


/* program_list - program_experience - application_check */
#program_list #program_experience .application_check {
    display:block;
    padding:10px;
    text-align:center;
    background-color:#7B4992;
    border-radius:10px;
    border:1px solid #7B4992;
    font-size:1em;
    font-weight:700;
    letter-spacing:-0.54px;
    color:#fff;
}
#program_list #program_experience .application_check:hover {
    background-color:#fff;
    color:#7B4992;
}


/* program_application */
#program_application {
    margin-top:30px;

}
#program_application .cont + .cont {
    margin-top:30px;
}
/* program_application - agree */
#program_application .agree .agree_text {
    border:1px solid #ddd;
}
#program_application .agree .agree_text .agree_ti {
    background-color:#f9f9f9;
    padding:20px;
    border-bottom:1px solid #ddd;
}
#program_application .agree .agree_text .agree_ti p {
    font-size:1.11em;
    font-weight:600;
    color:#222;
}
#program_application .agree .agree_text .agree_co {
    padding:20px;
    height:145px;
    overflow-y:scroll;
}
#program_application .agree .agree_text .agree_co p {
    font-size:0.88em;
    font-weight:400;
    line-height:1.37;
}
#program_application .agree .agree_check_box {
    margin:30px 0;
    border:1px solid #ddd;
    background-color:#f9f9f9;
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
    padding:20px 10px;
}
#program_application .agree .agree_check_box label {
    font-size: 1em;
    font-weight:400;
    color:#222;
}
#program_application .agree .agree_bar {
    width:100%;
    height:0;
    border-top:1px solid #ddd;
    margin:30px 0;
}
#program_application .agree .agree_date p {
    font-size:1.33em;
    font-weight:600;
    color:#222;
    line-height:normal;
    text-align: center;
}
#program_application .agree .agree_sign {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:20px;
    margin-top:30px;
}
#program_application .agree .agree_sign p {
    font-size:1em;
    font-weight: 500;
    color:#222;
    line-height:normal;
}
#program_application .agree .agree_sign input[type="text"] {
    padding:15px;
    max-width:200px;
    width:100%;
    border:1px solid #ddd;
}

/* #program_application - program_w */
#program_application .program_w {
    display:flex;
    flex-direction:column;
    gap:10px;
}
#program_application .program_w .program_w_info {
    font-size:0.88em;
    color:#444;
    font-weight:400;
    line-height:normal;
}
#program_application .program_w .program_w_input {
    display:flex;
    flex-direction:column;
    border-top:1px solid #ddd;
}
#program_application .program_w .program_w_input > ul {
    display:flex;
    align-items:stretch;
    border-bottom:1px solid #ddd;
    min-height:60px;
}
#program_application .program_w .program_w_input ul .program_w_input_ti {
    padding:10px 20px;
    background-color:#f9f9f9;
    width: 200px;
    display:flex;
    align-items:center;
}
#program_application .program_w .program_w_input ul .program_w_input_ti label {
    font-size:1em;
    font-weight:600;
    color:#222;
    line-height:normal;
}
#program_application .program_w .program_w_input ul .program_w_input_co {
    flex:1;
    padding:15px;
    align-self: center;
}
#program_application .program_w .program_w_input ul .program_w_input_co input[type="text"],
#program_application .program_w .program_w_input ul .program_w_input_co input[type="password"] {
    padding:10px 15px;
    font-size:0.88em;
    font-weight:400;
    line-height:normal;
    width:100%;
    max-width:500px;
    border:1px solid #ddd;
    height:50px;
}
#program_application .program_w .program_w_input ul .program_w_input_co .program_w_info {
    margin-top:10px;
}
#program_application .program_w .program_w_input ul .program_w_input_co .input_ti {
    font-size:0.88em;
    font-weight:700;
    line-height:1.37;
}
/* #program_application .program_w .program_w_input ul .program_w_input_co .radio_wrap {
    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap: wrap;
} */
#program_application .program_w .program_w_input ul .program_w_input_co > label {
    display:flex;
    align-items:center;
    gap:10px;
    font-size:0.88em;
    font-weight:400;
    line-height:normal;
}

#program_application .program_w .application_btns {
    margin-top:20px;
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap: 20px;
}
#program_application .program_w .application_btns a,
#program_application .program_w .application_btns button {
    display:block;
    width:fit-content;
    padding:15px 30px;
    border:1px solid #7B4992;
    border-radius:10px;
    font-size:1.11em;
    font-weight:700;
    text-align:center;
    line-height:normal;
}
#program_application .program_w .application_btns .application_btn01 {
    background-color:#7B4992;
    color:#fff;
}
#program_application .program_w .application_btns .application_btn02 {
    background-color:#fff;
    color:#7B4992;
}
#program_application .program_w .application_btns .application_btn01:hover {
    background-color:#fff;
    color:#7B4992
}
#program_application .program_w .application_btns .application_btn02:hover {
    background-color:#7B4992;
    color:#fff;
}
#program_application .radio_wrap > span {
    display: block;
    padding: 3px 0;
}
#program_application .radio_wrap > span > label {
    display: inline-block !important;
    cursor: pointer;
}
#program_application .radio_wrap > span > input[type="radio"]:checked + label {
    color:blue;
}
#program_application .option-wrap li,
#program_application .option-wrap li > label {
    display: inline-block !important;
}
#program_application .option-wrap li > label {
    padding: 0 15px 0 8px;
    cursor: pointer;
}

/* application_finish */
#application_finish .finish_box {
    display:flex;
    flex-direction:column;
    gap:30px;
    width:100%;
    max-width:800px;
    margin:auto;
}
#application_finish .finish_box .finish_text {
    display:flex;
    flex-direction:column;
    gap:41px;
}
#application_finish .finish_box .finish_text .finish_ti {
    font-size:1.66em;
    font-weight:700;
    line-height:1.33;
    text-align:center;
}
#application_finish .finish_box .finish_text .finish_ti span {
    font-weight:400;
    display:block;
}
#application_finish .finish_box .finish_text .finish_co {
    font-size:1em;
    font-weight:400;
    line-height:1.66;
    text-align:center;
    color:#222;
    position: relative;
}
#application_finish .finish_box .finish_text .finish_co::before {
    content:'';
    width:90%;
    max-width:500px;
    height:1px;
    background-color:#ddd;
    position:absolute;
    left:50%;
    top:-21px;
    transform:translateX(-50%);
}
#application_finish .finish_box .finish_btns {
    margin-top:20px;
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap: 20px;
}
#application_finish .finish_box .finish_btns a {
    display:block;
    width:fit-content;
    padding:15px 30px;
    border:1px solid #7B4992;
    border-radius:10px;
    font-size:1.11em;
    font-weight:700;
    text-align:center;
    line-height:normal;
}
#application_finish .finish_box .finish_btns .finish_btn01 {
    background-color:#7B4992;
    color:#fff;
}
#application_finish .finish_box .finish_btns .finish_btn02 {
    background-color:#fff;
    color:#7B4992;
}
#application_finish .finish_box .finish_btns .finish_btn01:hover {
    background-color:#fff;
    color:#7B4992
}
#application_finish .finish_box .finish_btns .finish_btn02:hover {
    background-color:#7B4992;
    color:#fff;
}






/* 반응형 미디어쿼리 css */
@media (max-width:1680px) {
    #program_list #program_experience .experience_cont .experience_list .list_box .list_ti {
        font-size:1em;
    }
    #program_list #program_experience .experience_cont .experience_list .list_box .list_co {
        font-size:1em;
    }
    #program_list #program_calendar {
        max-width: 100%;
        flex: 2;
    }
}
@media (max-width:1440px) {
    #program_application .program_w .program_w_input ul .program_w_input_co label {
        gap:5px;
    }
    #program_application .program_w .program_w_input ul .program_w_input_co .radio_wrap {
        flex-direction:column;
        align-items: flex-start;
        gap:10px;
    }
}
@media (max-width:1200px) {
    #program_list #program_experience .experience_cont .experience_list .list_box a {
        padding:15px 10px;
    }
    #program_list #program_experience .experience_cont .experience_none .none_text p {
        font-size:1em;
    }
}
@media (max-width:1024px) {}
@media (max-width:991px) {
    #program_application .agree .agree_sign p {
        font-size:0.88em;
    }
    #program_application .agree .agree_sign input[type="text"] {
        max-width:160px;
    }


}
@media (max-width:768px) {
    #program_context .program_step {
        gap:10px;
    }
    #program_context .program_step .step::after {
        display:none;
    }
    #program_context .program_info {
        padding:30px;
    }


    #program_list {
        flex-direction: column;
    }


    #program_list #program_experience .experience_cont .experience_none .none_img svg {
        width:60px;
        height: auto;
    }
    #program_list #program_experience .experience_cont .experience_none .none_text p {
        width:100%;
        max-width:290px;
    }
    #program_list #program_experience .experience_cont .experience_none .none_text p br {
        display:none;
    }

}
@media (max-width:640px) {
    #program_context .program_step {
        flex-wrap: wrap;
        justify-content: flex-start
    }
    #program_context .program_step .step {
        width:calc(33.333% - 6.666px);
    }
    #program_context .program_info {
        padding:20px;
    }
    #program_list #program_experience .experience_cont .experience_list .list_box .list_co {
        font-size:0.875em;
    }


    #program_list #program_experience .experience_cont .experience_none .none_img svg {
        width:50px;
    }
    #program_list #program_experience .experience_cont .experience_none .none_text p {
        font-size:0.875em;
    }


    #program_application .agree .agree_sign {
        gap:10px;
    }


    #program_application .program_w .program_w_input ul {
        flex-direction:column;
    }
    #program_application .program_w .program_w_input ul .program_w_input_ti {
        width:100%;
    }
    #program_application .program_w .program_w_input ul .program_w_input_co input[type="text"],
    #program_application .program_w .program_w_input ul .program_w_input_co input[type="password"] {
        max-width:100%;
    }
}
@media (max-width:480px) {
    #program_application .agree .agree_sign {
        flex-direction:column;
        align-items: flex-end;
        justify-content: flex-end;
    }
}
@media (max-width:320px) {}