div.ens11 {
    --gray: #FFFFFF;

    --width-container: calc(var(--en-website-width));
    --text-font-family: var(--school-font-family);
    --text-font-size: 14px;
    --text-background-color: var(--color1);
    --title-font-size: 20px;
    --text-aling:left;
    --padding: 10px 50px;
}

div.ens11 {
    margin: 0px auto;
    margin-bottom: 5px;
    margin-top: -30px;
    display: flex;
    width: 1100px;
    max-width: 100%;
   /* background: var(--gray);*/
    border-radius: 8px;
    /*box-shadow: 0px 0px 5px 5px var(--gray);*/
    font-size: var(--text-font-size);
    line-height: 1.2;
    text-align: var(--text-aling);
    font-family: var(--text-font-family);
    border: 1px solid #FEFAE6;
    background: #fdfdfd;
    justify-content: left;
}
div.ens11 > div.en11-publicnotice {
    padding: var(--padding);
    width: clamp(180px, 60vw, 65%);
    margin-inline: auto;
}

div.ens11 > div.en11-publicnotice  p.ens11-title{
    font-size: var(--title-font-size);
    /* padding: 5px 0px; */
    margin: 0;
    font-weight: 500;
    padding-bottom: 13px;
}

div.ens11 > div.en11-publicnotice  p.ens11-text{
    margin: 0;
    color: #555555;
}

div.ens11-text-wrap{
    display: flex;
    gap: 12px;
}
p.ens11-text-left{
    width: 91%;
}


div.ens11 > div.en11-publicnotice  p.ens11-text a:hover,
div.ens11 > div.en11-publicnotice  p.ens11-text a:focus{
    color: var(--red);
}

@media screen and (max-width: 850px) {
    div.ens11-text-wrap{
        display: flex;
        flex-direction: column;
    }

}




@media screen and (max-width: 600px) {
    div.ens11 {
        margin: 2% auto;
        --padding:2% 8%;
        max-width: 93%;
        line-height: 1;
    }



}