.banner {
    width: 100%;
}

.banner img{
    width: 100%;
}

.notice {
    width: 1200px;
    margin: 0 auto;
    margin-top: -400px;
    margin-bottom: 100px;
}

.notice-title {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.notice-title img {
    width: 32px;
    vertical-align: middle;
}

.notice-title-1 {
    display: block;
    font-size: 42px;
    font-weight: 1000;
    margin: 0 auto;
}

.notice-title-2 {
    margin-top: 20px;
    color: #838383;
    font-size: 30px;
}

.notice-cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.notice-cont-card {
    width: 370px;
    background-color: #F6F6F6;
    padding: 0 20px;
    box-sizing: border-box;
}

.notice-cont-card .top {
    padding: 20px 0;
    text-align: center;
    color: #fff;
    border-bottom: 3px dashed#000;
}

.notice-cont-card .top-cnt {
    background-color: #60B20F;
    height: 45px;
    font-size: 22px;
    line-height: 45px;
    font-weight: 600;
}

.notice-cont-card .bot {
    padding: 20px 0;
    font-size: 22px;
}

.notice-cont-card .bot-ply {
    display: flex;
    justify-content: space-between;
    padding: 30px 10px 0;
    text-align: center;
}

.notice-cont-card .bot-card:nth-child(2) {
    margin-top: 5px;
}

.notice-cont-card .bot-card p {
    margin-top: 10px;
}

.notice-cont-card .bot-card:nth-child(2) p {
    margin-top: 18px;
}

.notice-btn {
    margin-top: 40px;
    display: flex;
    justify-content: space-evenly;
}

.notice-btn a {
    width: 340px;
    box-sizing: border-box;
    height: 55px;
    border: 2px solid #60B20F;
    text-align: center;
    line-height: 45px;
    color: #60B20F;
    font-size: 24px;
    font-weight: 600;
    text-decoration:none;
    letter-spacing: 2px;
    border-radius: 22px;
}

.notice-btn a:nth-child(2) {
    color: #fff;
    background-color: #60B20F;
}

.flow-path,
.registration-updates,
.military-training,
.campus-environment,
.a-fellow0-student {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
    position: relative;
}

.public-btn {
    width: 780px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
}

.public-btn a {
    width: 350px;
    height: 60px;
    border-radius: 30px;
}

.registration-updates-btn a {
    width: 600px;
    height: 55px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-51%);
    border-radius: 35px;
}

.registration-updates-add a {
    width: 170px;
    height: 50px;
    position: absolute;
    bottom: 95px;
    left: 300px;
}


.flow-path img,
.registration-updates img,
.military-training img,
.campus-environment img,
.a-fellow0-student img {
    width: 100%;
}