.middle-layout-a {
background-color: #144178;

    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: none;
    right:50px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background: none;
    left:50px;
}
.middle-layout-a .middleawrapper .aspan {
    color: #BC9D6F;
    font-size: 28px;
    display: inline-block;
 
}



.middle-layout-a .right_img {
   position:absolute;
   left:140px;
   float:left;
}
.middle-layout-a .play_img{
   position:absolute;
   top:125px;
   right:75px;
   z-index:4;
}
.middle-layout-a .middleawrapper .a2span{
    color:#fff;
    font-size:32px;
    display: inline-block;
}
.middle-layout-a .middleawrapper2 {
padding: 0;
}
.middle-layout-a .middleawrapper > p {
    color: #BABDC4;
    font-size: 16px;
    padding-bottom: 26px;
}

.middle-layout-a .middleawrapper img{
    padding-right:14px;
}

.middleawrapper .btn-123 {
    float:left;
}
.middle-layout-a .middleawrapper {
/*     text-align: right; */
padding-left: 3vw
}
.middleawrapper .sermon-video-list {
/*     position: absolute;
    top: 170px;
    right: 0 !important; */
}
.middle-layout-b {
    background: url(/UserData/nwfch/Layouts/nwfch_Layout/Images/3.about_bg.png) no-repeat;
    background-size: 50% 100%;
    position: relative;
    top: -6px;
    height: 357px;
    background-position: left top;
}




    .middle-layout-b .center {
        position:absolute;
        left:50%;
        top:50%;
        width:100%;
        transform:translate(-50%,-50%);
    }
    .middle-layout-b .ename {
        font-family: NanumSquare, sans-serif;
        /* font-weight: bold; */
        color: #B0B1B3;
        letter-spacing: 1px;
    }

    .middle-layout-b .ename2 {
        font-family: NanumSquare, sans-serif;
        /* font-weight: bold; */
        color: #C0DEF6;
        letter-spacing: 1px;
    }


.middle-layout-b .title {
    font-size: 25px;
    margin: 0px;
}


    .middle-layout-b .flex {
        display: flex;
        flex-wrap: wrap;
    }

    .middle-layout-b .middleblwrapper .bspan {
        padding-top: 40px;
        display: inline-block;
        color: #b39883;
        font-size: 28px;
    }

    .middle-layout-b .holyworship {
        position: relative;
        background-image: url(/userdata/hnja/layouts/hnja_layout/images/3.contents_1worship_bg.png);
        background-size: cover;
        height: 315px;
        width: 359px;
        margin-right: 25px;
        color: #fff;
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        text-align:center;
    }


    .middle-layout-b .praise {
        height: 315px;
        background: #70B7EB;
        width: 359px;
        margin-right: 25px;
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }

    .middle-layout-b .nextgeneration {
        position: relative;
        background-image: url(/userdata/hnja/layouts/hnja_layout/images/3.contents_2next_bg.png);
        background-size: cover;
        height: 315px;
        width: 359px;
        color: #fff;
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }

    .middle-layout-b .churchintroduce {
        height: 315px;
        background: #125089;
        width: 359px;
        margin-right: 25px;
        margin-top:25px;
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }

    .middle-layout-b .worshipintroduce {
        position: relative;
        background-image: url(/userdata/hnja/layouts/hnja_layout/images/3.contents_3praise_bg.png);
        background-size: cover;
        height: 315px;
        width: 359px;
        margin-right: 25px;
        margin-top: 25px;
        color: #fff;
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }

    .middle-layout-b .training {
        height: 315px;
        background: #307FE6;
        width: 359px;
        margin-right: 15px;
        margin-top: 25px;
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }



    .middle-layout-b .middleblwrapper .b2span {
        display: inline-block;
        color: #000;
        font-size: 40px;
        padding-bottom: 10px;
    }

.middle-layout-b .middleblwrapper > p{
    font-size:16px;
    color:#c5c4c2;
    margin-bottom:35px;
}

.middle-layout-b .middleblwrapper > a{
    color:#000;
    text-decoration:none;
}

.middle-layout-b .middleblwrapper .school{
    width: 464px;
    height: 46px;
    background-color: #fff;
    margin-bottom:16px;
    border-radius:5px;
    font-size:24px;
    overflow-y:hidden;
}

.middle-layout-b .middleblwrapper .school .schoolimg1{
        padding: 16px 10px;
}

.middle-layout-b .middleblwrapper .school .schoolimg2{
    float: right;
    padding: 10px 10px;
}

.middle-layout-b .middlebrwrapper{    
    padding: 50px 0px 0px 0px;
}

.middle-layout-c {
    padding: 0px;
    background: #F3F3F3;
    top: -6px;
    position: relative;
}

.middle-layout-c .document-widget{
    width: 100%;
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
}

.middle-layout-c .document-widget img{
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    padding: 0;
    line-height: 0;
    margin: 0px;
    height:203px;
    width:100%;
}

    .middle-layout-c .flex a:hover {
        text-decoration: none;
    }

    .middle-layout-d {
        border-bottom: 1px solid #cdcdcd;
        position: relative;
    }

.middle-layout-d .topnotice{
    text-align:center;
    padding-top:36px;
    padding-bottom:40px;
}

.middle-layout-d .topnotice .topnlabel{    
    font-size: 32px;
    padding: 7px;
    font-weight: 600;
    width: 262px;
    display: inline-block;
    border: 1px solid #000;
}


.middle-layout-d .toprecent {   
    padding-bottom:48px;
}

.middle-layout-d .toprecent .topso{   
    font-weight: 600;
    font-size: 20px;
}

.middle-layout-d .toprecent > a{
    color:#000;
}

.middle-layout-d .toprecent .topso2{   
    float: right;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 600;
}

.middle-layout-d .toprecent > ul {   
    padding-top:22px;
}

.middle-layout-d .toprecent > ul > li > a{   
    width: 100%;
    display: inline-block;
    text-decoration:none;
    color: #000;
    font-size: 14px;
}

.middle-layout-d .toprecent > ul > li > a > hr{
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #d4d4d4;
}

.middle-layout-d .toprecent > ul > li > a .regday{    
    float: right;
    padding-right: 15px;
}


.middle-layout-e {
    top:50px;
    position: relative;   
    background: #F2F2F2;
}

.container:before {
    display: none;
}

.container .row:before {
    display: none;
}

.container:after {
    display: none;
}


.container .row:after {
    display: none;
}
#dimodePage .page-content {
    position: relative;
}

#sitemap {
    text-align: right;
    display: flex;
    justify-content: space-between;
}


    #sitemap > li {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }


        #sitemap > li > a {
            color: #144F39;
            font-size: 21px;
            font-weight: bold;
        }


    #sitemap .depth2 {
        margin-top: 30px;
    }

    #sitemap > li > ul > li {
        padding: 4px 0px;
        clear: both;
    }

        #sitemap > li > ul > li > a {
            color: #555555;
            font-size: 16px;
            font-weight: bold;
            transform: skew(-0.05deg);
        }

.middle-layout-a {
    display: flex;
	align-items: center;
}

    .middle-layout-a a .cont_btn {


            padding:15px;
            width:100%;
            font-size: 20px;
            text-align: center;
            border: 1px solid;

    }

.document-widget.gallery .document {
        width: 25%!important;
}

.middle-layout-d .document-widget {
    color: #333;
    width: 100%;
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
}

/*.document-widget.gallery .document a {
    display: block;
    width: 480px;
    position: relative;
    height: 280px;
    overflow: hidden;
    background-color: #000;
}*/

    .document-widget.gallery .document a img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }


    /*@media (min-width: 1500px) and (max-width: 1880px) {
        .document-widget.gallery .document a {
        width: 375px;
        height: 220px;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) { .document-widget.gallery .document a {
    width: 300px;
    height: 175px;
}

}*/


.document-widget.gallery .document img {
    width: 100%;

}
    .btitle {


        white-space: nowrap;
        font-size: 32px;
        font-weight:bold;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.elabel3 .gray {
    float: left;
    width: 100%;
    font-weight:bold;
    margin: 35px 0;
    color: #898989;
}

.bbible {
/*     width: 250px; */
    color: #B3B6BD;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px;
    font-family: 'NanumSquare';
}

.bdate {
    color: #B3B6BD;
    font-size: 15px;
    font-family: 'NanumSquare';
    font-weight: bold;
}

@media(max-width:1599px) {
    .middle-layout-a .middleawrapper {
/*         text-align: center; */
    }
    .middleawrapper .sermon-video-list {
/*         right: 90px !important; */
    }

}

    @media(max-width:1199px) {

        .middle-layout-a .play_img {
            right: 0px;
        }
    }

    @media(max-width:991px) {
	.middle-layout-a {
    display: inline-block;
}
        .middle-layout-a .middleawrapper {
            /* text-align: center; */
        }

        .middle-layout-a a .cont_btn { width: 100%; font-size: 18px; text-align: center; border: 1px solid; padding: 7px; }

        .bbible {
            font-size: 16px;
        }

        .middle-layout-a .middleawrapper .a2span {
            font-size: 23px;
        }

        .middle-layout-a .middleawrapper .aspan {
            font-size: 20px;
        }

        .document-widget.gallery .document {
            width: 50% !important;
        }

        .middle-layout-b {
            height: auto;
        }

        .middle-layout-a {
            background-position: right;

        }

        .middle-layout-b .middleblwrapper .school {
            width: 100%;
        }

        .middleawrapper .sermon-video-list {
/*             position: absolute;
            right: 84px !important;
            top: 129px; */
        }

        .middle-layout-a .play_img {
            position: absolute;
            top: 80px;
            left: 350px;
            z-index: 4;
        }



        .btitle {
            font-size: 27px !important;
        }

        .middle-layout-c .flex h6 {
            font-size: 16px;
        }


    }


    @media(max-width:768px) {
        .middle-layout-a .middleawrapper {
            padding: 0px;
            text-align: left;
        }

        .middle-layout-a a .cont_btn {


        }

        .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
            right: 10px;
        }

        .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
            left: 10px;
        }


        .middle-layout-a .middleawrapper .aspan {
            padding-top: 30px;
        }
		.middle-layout-a .middleawrapper .a2span {
		        font-size: 20px;
				font-weight: normal;
		}

        .middleawrapper .sermon-video-list {
/*             top: 110px;
            right: 0px !important; */
        }

        .middle-layout-b {
            background-size: 100% 100%;
        }

        .layout-footer .col-xs-12 {
            background-color: #313131;
        }

        .middle-layout-c .flex {
            display: inline-block;
            width: auto;
        }

            .middle-layout-c .flex .col-sm-2 {
                margin: 30px 0px;
            }


        .middle-layout-e {
            padding: 50px 0px;
        }
    }


    @media(max-width:550px) {
        .middle-layout-a a .cont_btn {
           /*  left: 161px; */
            top: 0px;
            padding: 8px;
            width: 100%;
			font-size: 16px;
        }

        .middle-layout-e {
            padding: 50px 0px;
        }
    }