/*
hedaer
-------------------------------------------------- */
.articleHeader {
    width: 100%;
    height: 100vh;
    min-height: 700px;
    background: url(/special/meets/img/article/04/hd_im_01.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

@media screen and (max-width: 1024px) {
    .articleHeader {
        min-height: 600px;
        background: url(/special/meets/img/article/04/hd_im_02.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: fixed;
    }
}

@media screen and (max-width: 768px) {
    .articleHeader {
        min-height: 500px;
        background: url(/special/meets/img/article/04/hd_im_03.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: scroll;
    }
}


/*
main
-------------------------------------------------- */
.main {
    margin-bottom: 0;
}

/*
midImg
-------------------------------------------------- */
.midImg {
    width: 100%;
    height: 100vh;
    min-height: 700px;
    background: url(/special/meets/img/article/04/co_bg_01.jpg) no-repeat center top;
    text-indent: -9999px;
    background-attachment: fixed;
    background-size: cover;
}

@media screen and (max-width: 1024px) {
    .midImg {
        height: 600px;
        min-height: 600px;
        background: url(/special/meets/img/article/04/co_bg_02.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: fixed;
    }
}

@media screen and (max-width: 768px) {
    .midImg {
        min-height: 600px;
        height: 600px;
        background: url(/special/meets/img/article/04/co_bg_03.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: scroll;
    }
}

@media screen and (max-width: 480px) {
    .midImg {
        min-height: 400px;
        height: 400px;
        background: url(/special/meets/img/article/04/co_bg_03.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: scroll;
    }
}

#secDesc01 .row .txt {
    width: 100%;
    float: none;
}

/*
mapBox
-------------------------------------------------- */
.mapBox {
    position: relative;
    padding-bottom: 30%;
    height: 0;
    margin-bottom: 25px;
}

.mapBox > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.mapBox img {
    max-width: none;
}

@media screen and (max-width: 768px) {
    .mapBox {
        padding-bottom: 40%;
    }
}

@media screen and (max-width: 480px) {
    .mapBox {
        padding-bottom: 50%;
    }
}

/*
mapBox
-------------------------------------------------- */
#sec02 .studentsBox .student {
    float: none;
    margin: 0 auto;
}