@charset "utf-8";
.sub_con {margin-bottom:0}
.edu_info h3, .app_info h3 {margin-bottom: 2rem;color: var(--color-main);}
.app_info {padding: var(--sub_pd) 0;background-color: #f7f8f9;margin-top: var(--sub_pd);}
.app_info h5 {font-size: 26px;margin-bottom: 2rem;position: relative;text-align: left;}
.app_info .form_list {border-top:2px solid var(--color-main);display: flex;flex-wrap: wrap;}
.app_info dl {display:flex;/* gap: 1%; */width: 100%;}
.app_info dl + dl {/* margin-top:5px; */}
.app_info dl.address {}
.app_info dl.address dd{
    min-height: 221px;
}
.app_info dl.center {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3em;
}
.app_info dl.wd_hf {width:50%}
.app_info dl.wd_hf.w100 {width:100%}
.app_info dt {width: 240px;background-color: #edf3ff;color: var(--color-main);text-align: center;display: inline-flex;align-items: center;justify-content: center;border-bottom: 1px solid rgb(31 74 134 / 20%);font-weight: 500;/* background-color: #fff; */padding: 1rem;/* border-right: 1px solid #adadad; *//* border-radius: 6px; */box-sizing: border-box;}
.app_info dd {width: calc(100% - 240px);background-color: #fff;/* border-bottom: 1px solid #eee; *//* border-radius: 6px; */border-bottom: 1px solid #ddd;padding-left: .3rem;padding: 10px;}
.app_info dd.addr {
    min-height: 217px;
}
.app_info dd p {}
.app_info dd p.etc {
    padding: .5em 0;
}
.app_info input {/* width:100%; */height: 100%;border: 1px solid #ccc;/* background-color: #f7f8f9; */border-radius: 6px;max-height: 50px;min-height: 40px;}
.app_info input::placeholder, .app_info textarea::placeholder {font-size:17px}
.app_info textarea {width: 100% !important;border: 1px solid #ddd !important;/* background-color: #f7f7f7; */border-radius: 6px;/* padding: 2rem; */height: 100%;min-height: 150px;line-height: 150%;background-color: unset;border: 0;}
.app_info input:focus, .app_infotextarea:focus {}
.app_info .add {padding: 1rem 4rem;margin-top: 2rem;border-radius: 2rem;background-color: #1f4a86;color: #ffffff;}
.app_info label {font-weight:400;font-size: 17px;color: #555;}
.app_info .radio_box {/* text-align: left; */}
.app_info .radio_box span {margin-right:2rem;}
.app_info input[type="radio"], .app_info input[type="radio"] {margin-right: 0.2em;display: inline-block;width: 20px;height: 20px;vertical-align: middle;}
.app_btns {margin-top: 3rem;text-align: center;}
.app_btns a,.app_btns button {padding: 1rem 4rem;border-radius: 2rem;background-color: #1f4a86;color: #ffffff;display: inline-block;}
.app_btns a.cancel {margin-left:2rem; background:#909090}
.add_tb {display: flex;/* width: 50%; */width: 100%;}
.add_tb .add_tit {width: 240px;background-color: #edf3ff;color: var(--color-main);text-align: center;display: inline-flex;align-items: center;justify-content: center;border-bottom: 1px solid rgb(31 74 134 / 20%);border-right: 1px solid rgb(31 74 134 / 20%);font-weight: 500;padding: 1rem;}
.add_tb .add_list {width: calc(100% - 240px);}
.app_info .add_list dl {
}
.app_info .add_list dt {
    width: 240px;
}
.app_info .add_list dd {
    padding: .3em;
}
.app_info .add_list dd.addr {}
.app_info .add_list dd.addr input{
    height: unset;
    width: auto;
}
.add_tb.wd_al {width:100%}
.add_tb.wd_al .add_list {display:flex}
.app_info .add_list .ref {font-size: 16px;padding: 1rem;border-bottom: 1px solid #ddd;/* border-left: 1px solid #ddd; *//* text-align: center; */color: #eb2f62;background-color: #fff;}
.byclass {margin-top: 2rem;width: 100%;border-top: 2px solid var(--color-main);}
.byclass p {}
.byclass table {
    width: 100%;
    background-color: #fff;
}
.byclass table th, .byclass table td {padding:1rem; text-align:center;border-right:1px solid #ddd; border-bottom:1px solid #ddd }
.byclass table th {
    background-color: #edf3ff;
    color: var(--color-main);
    text-align: center;
    font-weight: 500;
    border-color: rgb(31 74 134 / 20%);
}
.byclass table th.s_btn {}
.byclass table th.s_btn button{
    border: 1px solid black;
    font-size: .8em;
    line-height: unset;
    padding: .3em .5em;
    font-weight: 400;
    height: unset;
    background-color: black;
    color: white;
    border-radius: .5em;
    margin: 0 .1em;
}
.byclass table td {}
.byclass table td input {text-align: center;}
.byclass table td.bg {background-color:#f7f7f7}
.byclass table .info {
    padding: 1.5rem 3rem;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
}
.byclass table .info > p {color: var(--color-main);font-weight: 600;font-size: 20px;margin-bottom: .5rem;}
.info ul {list-style: decimal;margin-left: 1rem;}
.info ul li + li {margin-top:5px}
.privacy_chk {width:100%;background: #edf3ff;margin-top: 2rem;padding: 2rem;border: 1px solid var(--color-main);}
.privacy_chk h4 {text-align:center;font-size:24px;color: var(--color-main);}
.privacy_chk .txt {text-align:left;margin: 2rem 0 1rem;height: 200px;padding: 2rem;/* border: 1px solid #ddd; */background-color: #ffffff;border-radius: 6px;}
.privacy_ok {display:flex;gap: 5rem;justify-content: center;}

/* PC */ 
@media only screen and (min-width:1280px) and (max-width: 1400px)  {

}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
   
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {

    
}