@charset "utf-8";

/* 보호자와의 소통 사업 공통요소 css 시작 */
.protectorbusi {}
.protectorbusi .business_box {
    border:1px solid #ededed;
    padding:35px 25px;
    margin-top:20px;
}
.protectorbusi .business_box ul {
    display:flex;
    align-items:flex-start;
}
.protectorbusi .business_box ul + ul {
    margin-top:20px;
}
.protectorbusi .business_box .business_boxtitle_or {
    font-size:1.11rem;
    font-weight:bold;
    color:#fff;
    background-color:#ff8200;
    border-radius:20px;
    width:105px;
    padding:5px 0;
    margin-right:25px;
    text-align:center;
}
.protectorbusi .business_box .business_box_txt {
    flex:1;
    line-height:1.63;
    padding:5px 0;
}
.protectorbusi .business_box .business_box_txt dl {
    display:flex;
    align-items:flex-start;
    margin-bottom:3px;
    padding-left:35px;
}
.protectorbusi .business_box .business_box_txt.nopdle dl {
    padding-left:0;
}
.protectorbusi .business_box .business_box_txt dt {
    font-weight:bold;
    font-family: auto;
}
.protectorbusi .business_box .business_box_txt dd {
    flex:1;
}
.protectorbusi .business_box .business_box_txt p {
    padding-left:10px;
    position:relative;
}
.protectorbusi .business_box .business_box_txt p::before {
    content:'';
    width:6px;
    height:6px;
    background-color:#004ea2;
    border-radius:50%;
    position:absolute;
    left:0;
    top:8px;
}

@media (max-width:768px) {
    .protectorbusi .business_box ul {
        flex-wrap: wrap;
    }
    .protectorbusi .business_box .business_box_txt {
        flex:none;
        width:100%;
    }
    .protectorbusi .business_box .business_box_txt dl {
        flex-wrap: wrap;
        padding-left:25px;
    }
}
@media (max-width:480px) {
    .protectorbusi .business_box .business_box_txt dd {
        flex:none;
        width:100%;
    }
}
/* 보호자와의 소통 사업 공통요소 css 끝*/


#protector_business {}
#protector_business .cont {
    margin-top:70px;
}

#protector_business .business_info {
    text-align:center;
}
#protector_business .business_info img {
    width:96%;
    max-width:870px;
    margin:0 auto;
}


/*---------------반응형 미디어쿼리----------------*/

@media (max-width:1440px) {}

@media (max-width:1200px) {}

@media (max-width:1024px) {}

@media (max-width:991px) {}

@media (max-width:768px) {}

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

@media (max-width:400px) {}

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