body{
    margin: 0 auto;
    padding: 0;
}

a{
    text-decoration: none; 
    color:#000; 
}


.fade-slide {
    width: 100%;
    max-width: 2100px;

}
.fade-slide img {
    width:100%; 
    height: 500px;
    object-fit: cover;
    margin-top: 0px;
}

.contents_box1{
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
}

.contents_box2{
    display: flex;
    justify-content: center;
    background-color: rgb(248, 248, 248); 
    padding: 20px;
}
.contents_box2 img{
    width: 320px;
    margin-bottom: 15px;
}
.contents_box3{
    display: flex;
    justify-content: center;
    padding: 20px;
}
.main_sub1{
    text-align: center;
    margin: 15px;
    width: 320px;
    background-color: rgb(255, 239, 241);
    padding-bottom: 20px;

}
.main_sub2{
    text-align: center;
    margin: 15px;
    width: 320px;
    background-color: rgb(220, 242, 255);
}
.main_sub3{
    text-align: center;
    margin: 15px;
    width: 320px;
    background-color: rgb(224, 255, 241);
}
.main_sub4{
    text-align: center;
    margin: 15px;
    width: 320px;
    background-color: rgb(251, 255, 230);
}
.main_sub5{
    margin: 15px;
    width: 450px;
}
.main_sub6{
    margin: 15px;
    width: 300px;
}

.main_sub7{
    margin: 15px;
    width: 200px;
}
.main_sub8{
    margin: 15px;
}
.main_sub8 img{
    width: 100%;
}
.notice{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    color: #565223; 
    letter-spacing: -1px;
    line-height: 2;     
}
.notice_sub{
    font-family: 'Gothic A1', sans-serif;
    font-style: normal;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 1.8;     
}

.notice_sub > ul {
	list-style:none;
}

p{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px; 
    color: #353441; 
    letter-spacing: -1px;
    line-height: 1.5;
    margin-left: 15px;
    margin-right: 15px;
}

p3{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px; 
    color: #a1527e; 
    letter-spacing: -1px;
    line-height: 1.2;
}

p1{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px; 
    color: black; 
    letter-spacing: -1px;
    line-height: 2;
    text-align: center;
}
p2{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 42px; 
    color: rgb(26, 98, 67); 
    line-height: 2.5;
    letter-spacing: -3px;
    text-align: center;
}

@media screen and (max-width:840px){
    .fade-slide img {
        width:100%; 
        margin: 0 auto;
        height: 300px;
        object-fit: cover;
    }
    .contents_box1{
        width: 100%;
    }

    .contents_box2{
        width: 100%;
        padding: 5px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .contents_box3{
        width: 100%;
        padding: 5px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .contents_box2 img{
        width: 100%;
    }    

    .main_sub1{
        margin: 5px;
        width: 280px;
        background-color: rgb(255, 239, 241);
        padding-bottom: 1px;
    }
    .main_sub2{
        margin: 5px;
        width: 280px;
        background-color: rgb(220, 242, 255);
        padding-bottom: 1px;
    }
    .main_sub3{
        margin: 5px;
        width: 280px;
        background-color: rgb(224, 255, 241);
        padding-bottom: 1px;
    }
    .main_sub4{
        margin: 5px;
        width: 280px;
        background-color: rgb(251, 255, 230);
        padding-bottom: 1px;
    }    
    p{
        font-size: 12px; 
        line-height: 1.5;
        text-align: center;
    }
    p1{
        font-size: 16px; 
        line-height: 2;
        letter-spacing: -1px;
    }

    p2{
        font-size: 20px; 
        text-align: center;
        letter-spacing: -1px;
    }    

    p3{
        font-size: 20px; 
        letter-spacing: -1px;
        line-height: 1;
    }
}