@charset "utf-8";
/* 수강신청 전용 스타일 */
.education{
    position:relative;
    --input-height:36px;
}
.education #tabs {padding:0px;margin:10px 0; margin-bottom:20px; border-bottom:1px solid #ddd}
.education #tabs h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.education #tabs ul {zoom:1}
.education #tabs ul:after {display:block;visibility:hidden;clear:both;content:""}
.education #tabs li {display:inline-block;padding:0px; min-width:150px; padding-right:2px; text-align:center;}
.education #tabs a {display:block;line-height:40px;padding:0 20px;border-radius:0px;border:1px solid #ddd; background:#fff; border-bottom:0px; text-align:center;}
.education #tabs a:focus, .education .tabs a:hover, .education .tabs a:active {text-decoration:none;background:#d2d6dc; border:1px solid #d2d6dc; border-bottom:0px;}
.education #tabs #bo_cate_on {z-index:2;background:#333;color:#fff;font-weight:500; border:1px solid #333; border-bottom:0px;}

.education #bo_sch{
    display:flex;
    max-width:800px;
    flex-direction: row;
    margin:1.5rem auto;
}
#bo_sch #sfl{ flex:0 0 auto;}

.education #bo_sch select, .education #bo_sch input[type=text]{
    flex:1;
    height:var(--input-height);
    border:1px solid #ddd;
}
.education #bo_sch .btn-submit input{
    background-color:#242424;
    color:#ffffff;
    height:var(--input-height);
    padding:0 20px;
    border:1px solid #242424;
}
.education #bo_sch .btn-submit input:hover{
    background-color:#018d81;
    border:1px solid #018d81;
}

.education #bo_sch form{
    display:flex;
    align-items:center;
}


@media (max-width:700px){
    .education #bo_sch{
        flex-direction: column;
    }
    .education #bo_sch select, .education #bo_sch input[type=text]{
        width:50%;
    }
}