/* common */

.nav-tabs {
    border-bottom: none;
}

.plus {
    position: absolute;
    top: 0;
    right: 0;
}

    .plus:hover {
        opacity: 0.8;
        transition: 0.3s all ease;
    }


/* main1 s */
.slider .move-btn {
    background: rgba(0,0,0,0) !important;
}

.slider .slider-dots .each-dot.active {
    background: white !important;
    border-color: white !important;
    width: 30px;
    border-radius: 15px;
    transition: all 0.3s;
}

.slider .slider-dots .each-dot {
    background: rgba(255,255,255,0.5) !important;
}

#main-1 {
    margin: 50px 0 0;
}

#sermon {
    background-image: url(../Images/box1_bg.png);
    background-repeat:no-repeat;
    background-position: center;
    height: 350px;
    background-size: 100% 100%;
    padding: 40px;
}

    #sermon h3 {
        font-size: 32px;
        color: #fff;
        margin: 0px 0px 0px;
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
    }

    #sermon h5 {
        font-size: 32px;
        color: #fff;
        margin: 0px 0px 0px;
        width: 100%;
        font-weight: normal;
    }

    #sermon h4 {
        font-size: 18px;
        color: #fff;
        margin: 35px 0px 15px;
        word-spacing: 1px;
    }

    #sermon h6 {
        font-size: 22px;
        margin-bottom: 20px;
        color: #fff;
    }

#sermon {
    position: relative;
}

    #sermon a {
        text-decoration: none;
        color: #fff;
    }

        #sermon a:hover {
            font-weight: bold;
            transition: 0.3s all ease;
        }

    #sermon .sermon-div {
        position: relative;
        right: 0%;
        width: 100%;
        cursor: default;
    }

        #sermon .sermon-div h5 a {
            display: inline-block;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    #sermon .sermon-play-img {
        padding-left: 10px;
    }
/* main1-right-1 */

.main-1-right #sub-sermon {position: relative;}
.main-1-right #sub-sermon .sub-sermon-div h3 {font-size: 32px;color: #fff;margin: 0px 0px 0px;
display: inline-block;vertical-align: middle;font-weight: bold;}

.main-1-right #sub-sermon h5 {font-size: 24px;
color: #fff;margin: 0px 0px 0px;font-weight: normal;}

.main-1-right #sub-sermon h4 {font-size: 20px;color: #fff;
margin: 35px 0px 10px;word-spacing: 1px;}

.main-1-right #sub-sermon h6 {font-size: 22px;margin-top: 15px;
color: #fff;}

#main-1 .main-1-right .new-next-generation-wrapper .new-next-generation a{color:#fff;text-decoration:none;}
#main-1 .main-1-right .new-next-generation-wrapper .new-next-generation h5{font-size: 24px;
color: #fff;margin: 0px 0px 0px;font-weight: normal;display: inline-block;width: 100%;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#main-1 .main-1-right .new-next-generation-wrapper .new-next-generation h4{font-size: 20px;color: #fff;
margin: 35px 0px 10px;word-spacing: 1px;}

#main-1 .main-1-right .new-next-generation-wrapper .new-next-generation h6{font-size: 22px;margin-top: 15px;
color: #fff;}

.main-1-right #sub-sermon a {text-decoration: none;color: #fff;}

.main-1-right #sub-sermon a:hover {font-weight: bold;transition: 0.3s all ease;}

.main-1-right #sub-sermon .sub-sermon-div {position: relative;right: 0%;
width: 100%;cursor: default;}

.main-1-right #sub-sermon .sub-sermon-div h5 a {display: inline-block;width: 100%;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.main-1-right #sub-sermon .sub-sermon-play-img {padding-left: 10px;}
.main-1-right .sub2-sermon-play-img{position: absolute;right: 10%;bottom: 10%;}


/* main1-right-2 */

#main-1 .main-1-right .new-next-generation-wrapper
{overflow: hidden;padding: 0;position: relative;height: 350px;}
#main-1 .main-1-right .new-next-generation-wrapper .new-next-generation
{position: relative; padding: 30px;width: 100%;height: 100%;background-position:center;
 background-image: url(/UserData/pohangch/Layouts/pohangch_Layout/Images/box3_bg.png);}
#main-1 .main-1-right .new-next-generation-wrapper .new-next-generation .new-next-generation-btn
{position: absolute;right: 0;top: 0;}
#main-1 .main-1-right .new-next-generation-wrapper .new-next-generation .new-next-generation-title
{font-size: 32px;color: #fff;margin: 0px 0px 0px;display: inline-block;vertical-align: middle;font-weight: bold; text-decoration:none;}
/* main1 e */

/* main2 s */

#main-2 {
    margin: 25px 0px;
}

    #main-2 .main2-left-top img {
        float: left;
        clear: both;
        margin: 0px 20px 0px 0px;
    }

    #main-2 .main2-left-top a {
        text-decoration: none;
        color: #333;
    }

    #main-2 .main2-left-top strong {
        color: #000;
    }

    #main-2 .main2-left-top p {
        font-size: 23px;
        display: inline-block;
        margin: 20px 0px 0px 0px;
        color: #979191;
    }

    #main-2 .main2-left-top span {
        margin: 0px 15px;
        font-size: 18px;
    }

    #main-2 .main2-left-top {
        overflow: hidden;
        margin: 0 0 20px;
    }

        #main-2 .main2-left-top small {
            font-size: 17px;
        }

    #main-2 .main2-gallery {
        overflow: hidden;
        border: 1px solid #e5e5e5;
        height: 351px;
        padding: 40px;
    }

        #main-2 .main2-gallery a {
            text-decoration: none;
        }

        #main-2 .main2-gallery h5 {
            font-size: 30px;
            color: #000;
            left: 20px;
            margin: 0;
            display: inline-block;
        }

            #main-2 .main2-gallery h5 span {
                color: #6CAFE6;
            }

        #main-2 .main2-gallery .document-widget .gallery {
            text-align: center;
            width: 100%;
            font-size: 0;
        }

        #main-2 .main2-gallery .document img {
            height: 92px;
        }

#main-2 .main2-gallery .gallery .document a.title {padding: 15px 0 5px;text-align: center;text-decoration: none;color: #333;margin: 0;
font-size: 17px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;width: 100%;float: left;}

        #main-2 .main2-gallery .document img:hover {
            opacity: 0.7;
            transition: 0.3s all;
        }

        #main-2 .main2-gallery .gallery .date {
            color: #000;
            font-size: 18px;
        }

        #main-2 .main2-gallery .pictures .gallery {
            width: 500%;
        }

        #main-2 .main2-gallery .arrow.right {
            position: absolute;
            right: 40px;
            top: 50%;
            margin-top: -16px;
            cursor: pointer;
        }

        #main-2 .main2-gallery .arrow.left {
            position: absolute;
            left: 40px;
            top: 50%;
            margin-top: -16px;
            cursor: pointer;
        }

        #main-2 .main2-gallery .pictures {
            width: 430px;
            overflow: hidden;
            position: absolute;
            top: 50%;
            margin-top: -52px;
            left: 13%;
        }

        #main-2 .main2-gallery .latest-wrapper {
            position: relative;
        }

.main2-right-1 {
    background-color: #105C96;
    height: 350px;
    padding: 25px;
    position: relative;
}

    .main2-right-1 h3 {
        font-size: 30px;
        color: #fff;
        margin: 0px 0px 20px;
    }

    .main2-right-1 .main2-school {
        text-align: center;
        margin: 40px 0 0;
    }

        .main2-right-1 .main2-school p {
            color: #fff;
            margin: 15px 0 0;
            font-size: 15px;
        }

        .main2-right-1 .main2-school h5 {
            color: #fff;
            margin: 15px 0 0;
            font-size: 17px;
            line-height: 25px;
        }

            .main2-right-1 .main2-school h5 small {
                color: #fff;
                margin: 20px 0 0;
            }

.main2-right-2 {
    background: url(../Images/banner3.jpg);
    background-repeat:no-repeat;
    background-position: center;
    height: 350px;
    background-size: 100% 100%;
    padding: 25px;
    position: relative;
}

    .main2-right-2 h3 {
        font-size: 30px;
        color: #fff;
        margin: 0px 0px 20px;
    }

    .main2-right-2 .main2-view {
        position: absolute;
        text-align: center;
        width: 100%;
        top: 40%;
        left: 0;
        font-size: 19px;
        color: #fff;
    }

        .main2-right-2 .main2-view a {
            padding: 5px 15px;
            color: #fff;
            font-size: 17px;
            border: 1px solid #fff;
            margin: 10px 0 0;
            display: inline-block;
            text-decoration: none;
        }

            .main2-right-2 .main2-view a:hover {
                background-color: #fff;
                color: #000;
                transition: 0.3s all;
            }

/* main3 s */

#main-3 {
    margin: 25px 0px;
}

    #main-3 .main3-icon {
        text-align: center;
        width: 100%;
        border: 1px solid #e5e5e5;
        padding: 30px 0px;
    }

        #main-3 .main3-icon a {
            text-decoration: none;
            color: #000;
            font-size: 17px;
        }

        #main-3 .main3-icon li {
            display: inline-block;
            padding: 0px 33px;
            border-left: 1px solid #e5e5e5;
        }

            #main-3 .main3-icon li:hover {
                opacity: 0.5;
                transition: 0.2s all ease;
            }

            #main-3 .main3-icon li p {
                margin: 15px 0px 0px;
            }

/* main3 e */


/*다음세대*/
.next-generation-wrapper .next-generation {
    position: relative;
    height: 350px;
    background-position:center;
}

    .next-generation-wrapper .next-generation > .next-generation-title {
        margin-bottom: 5px;
        color: white;
        display: block;
        text-decoration: none;
        font-size: 25px;
    }

    .next-generation-wrapper .next-generation > .next-generation-btn {
        float: right;
    }

        .next-generation-wrapper .next-generation > .next-generation-btn > img {
            position: absolute;
            top: 0;
            right: 0;
        }

    .next-generation-wrapper .next-generation .documents-gallery a {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

    .next-generation-wrapper .next-generation .documents-gallery .generation_img {
        margin-bottom: 20px;
        width: 100%;
        height: 130px;
    }

    .next-generation-wrapper .next-generation .documents-gallery .tab-content p {
        font-size: 16px;
        color: white;
        text-align: center
    }

    .next-generation-wrapper .next-generation .documents-gallery .generation_date {
        word-break: keep-all;
        font-size: 14px !important;
        color: #D7D9D8 !important;
    }

    .next-generation-wrapper .next-generation .nav-tabs > li {
        display: inline-block;
        text-align: center;
        float: inherit;
    }

.next-generation-wrapper .tab-dots {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 15px;
}

    .next-generation-wrapper .tab-dots > li {
        margin-left: 3px;
        margin-right: 3px;
    }

        .next-generation-wrapper .tab-dots > li > a {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: #e7e4df;
            cursor: pointer;
            border-radius: 50%;
            padding: 0;
        }


/* 다음세대 css */

/*#main2 .text-center span:hover { display:inline-block; padding: 5px 20px; background-color: #B8E6FF; border:1px solid #BEBEBE; border-radius:10px; margin:0px 3px; color:#fff; transition:0.2s all ease;}*/

#main-quick {
    text-align: center;
    background-color:#5e86c3;
    background-size: 100% 100%;
}

    #main-quick a {
        text-decoration: none;
        color: #fff;
    }

    #main-quick img {
        display: inline-block;
        margin-right: 15px;
        /*width: 70px;*/
    }

    #main-quick p {
        display: inline-block;
        vertical-align: middle;
        font-size: 24px;
        margin: 0;
    }

    #main-quick > div > div > a > div {
        padding: 22px 0px;
        border-right: 1px solid #fff;
    }

        #main-quick > div > div > a > div:hover {
            opacity: 0.7;
            transition: 0.4s all ease;
        }



/*메인 공지사항 성가대찬양*/
.bottom-latest .latest-wrapper {
    padding: 15px;
    width: 100%;
    height: 100%;
    position: relative;
}

.latest-third {
    overflow: hidden;
    padding: 0;
    position: relative;
    margin-bottom: 30px;
    height: 350px;
    /*background-color: #3b3825 !important;
        background-image: url('../Images/board_bg1.jpg');
        border: 1px solid transparent;*/
}

.latest-third1 {
    overflow: hidden;
    padding: 0;
    position: relative;
    height: 350px;
}

.latest-third2 {
    overflow: hidden;
    padding: 0;
    position: relative;
    height: 175px;
    /*background-color: #3b3825 !important;
        background-image: url('../Images/board_bg1.jpg');
        border: 1px solid transparent;*/
}

.latest-wrapper a.latest-title {
    font-size: 28px;
    color: #eee;
    text-decoration: none;
}

.latest-wrapper a.latest-title2 {
font-size: 22px;color: #000;text-decoration: none;margin-bottom: 20px;display: inline-block;}

.latest-wrapper a.latest-btn {
    position: absolute;
    right: 0;
    top: 0;
}

.background-color {
    background-color: #2D6E9F;
}

.background-color2 {
    background: #E1E5E6;
}

.background-color3 {
    background: url('/UserData/pohangch/Layouts/pohangch_Layout/Images/box5_bg.png');
}

.background-color4 {
    background: #37485C;
}

.background-color5 {
    background: url('/UserData/pohangch/Layouts/pohangch_Layout/Images/praise_bg2.png');
}


.latest-wrapper ul > li a {
    text-decoration: none;
}

.latest-wrapper ul > li > a > span.choir_title {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    width: 100%;
    padding-right: 15px;
    word-break: keep-all;
    color: white;
    font-size: 22px;
}

.latest-wrapper ul > li > a > span.choir_date {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px;
    color: white;
}

.latest-third .latest-wrapper ul > li > a > span.community_title {
    font-size: 16px;
    color: #707273;
    text-decoration: none;
}

.latest-third .latest-wrapper ul > li > a > span.community_date {
    font-size: 15px;
    color: #707273;
    text-decoration: none;
}

.latest-third1 .latest-wrapper ul > li > a > span.community_title {
    font-size: 16px;
    color: black;
    text-decoration: none;
}

.latest-third1 .latest-wrapper ul > li > a > span.community_date {
    font-size: 15px;
    color: black;
    text-decoration: none;
}

.latest-third2 .latest-wrapper ul > li > a > span.community_title {
    font-size: 16px;
    color: black;
    text-decoration: none;
}

.latest-third2 .latest-wrapper ul > li > a > span.community_date {
    font-size: 15px;
    color: black;
    text-decoration: none;
}

.main-1-right .latest-wrapper .tab-content {
    position: absolute;
    top: 50%;
    margin-top: -50px;
}

.main-1-right .latest-wrapper .tab-content2 {
    position: absolute;
    top: 45%;
    margin-top: -80px;
    width: 95%;
}
/* 성가대 찬양 css End*/
.font-color4 {
    color: #fff !important;
}

.latest-third .latest-wrapper ul > li > a > span.community_title {
    display: block;
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.latest-third1 .latest-wrapper ul > li > a > span.community_title {
    display: inline-block;
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.latest-third2 .latest-wrapper ul > li > a > span.community_title {
    display: inline-block;
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 포항새벽이슬교회 작업 */
.latest-wrapper1 {
    padding: 30px;
    width: 100%;
    height: 100%;
    position: relative;
}

    .latest-wrapper1 .latest-btn {
        position: absolute;
        top: 0;
        right: 0;
    }

    .latest-wrapper1 .latest-title {
        font-size: 22px;
        color: #fff;
        text-decoration: none;
    }

    .latest-wrapper1 .tab-content {
        padding-top: 25px;
    }

        .latest-wrapper1 .tab-content .choir_date {
            font-size: 22px;
            color: #fff;
            text-decoration: none;
        }

        .latest-wrapper1 .tab-content .choir_title {
            font-size: 22px;
            color: #fff;
            text-decoration: none;
        }



.latest-wrapper2 {
    padding: 30px;
    width: 100%;
    height: 100%;
    position: relative;
}

    .latest-wrapper2 .latest-btn {
        position: absolute;
        top: 0;
        right: 0;
    }

    .latest-wrapper2 .latest-title {
        font-size: 22px;
        color: #fff;
        text-decoration: none;
    }

    .latest-wrapper2 .tab-content {
        padding-top: 25px;
    }

        .latest-wrapper2 .tab-content .choir_date {
            font-size: 22px;
            color: #fff;
            text-decoration: none;
        }

        .latest-wrapper2 .tab-content .choir_title {
                font-size: 22px;
    						color: #fff;
    						text-decoration: none;
    						text-overflow: ellipsis;
    						white-space: nowrap;
    						overflow: hidden;
    						width: 100%;
    						float: left;
        }

.generation li {
    text-align: center;
}

.documents-gallery {
    padding: 15px;
}

#home > ul > li > a {text-decoration: none;bottom: 5px;left: 5px;line-height: 1.8;
position: relative;display: inline-block;padding: 5px 0;float: left;border-bottom: 1px solid #fff;}
#home > ul > li > a:hover,
#home > ul > li > a:focus{font-weight:bold;}
#home > ul > li:last-child > a{border:none;}
/*.container-fluid > .row > a > div {width:16.5%}
.container-fluid > .row > a:last-child > div{width:17.5%}*/



@media (min-width:1200px) and (max-width:1499px) {
    #main-quick img{/*width: 65px;*/margin-right: 10px;}
    #main-quick p{font-size:22px;}
}

@media (min-width:992px) and (max-width:1199px) {
    #main-quick img{/*width: 60px;*/margin-right: 10px;}
    #main-quick p{font-size:18px;}
    #sermon h3{font-size: 28px;}
    #sermon .sermon-play-img{max-width:45px;}
    .main-1-right #sub-sermon .sub-sermon-div h3{font-size: 28px;}
    .main-1-right #sub-sermon .sub-sermon-play-img{max-width:45px;}
    #main-2 .main2-gallery .pictures{width: 360px;}
    #main-1 .main-1-right .new-next-generation-wrapper .new-next-generation .new-next-generation-title{font-size: 28px;}
    #main-2 .main2-gallery .document img{height: 74px;}
    .document-widget.gallery .document{width: 118px;}
}

@media (min-width:768px) and (max-width:991px) {
    #main-quick img{/*width: 60px;*/margin: 0px auto 10px;display: block;}
    #main-quick p{font-size:18px;}
    #main-1{margin: 20px 0 0;}
    #main-1 .main-1-left{margin-bottom:15px;}
    #main-1 .main-1-right .new-next-generation-wrapper .new-next-generation{background-size:100%;}
    .next-generation-wrapper .next-generation{background-size:100%;}
    #main-2{margin: 15px 0px;}
    #main-2 .main2-gallery{margin-bottom:15px;}
    #main-2 .main2-gallery .pictures{width: 575px;left: 12%;}
}

@media (max-width:767px) {
    .container-fluid > .row > a > div{width:33.3%;/*height:164px;*/ overflow:hidden;}
    .container-fluid > .row > a:last-child > div{width:33.3%;}
    #main-quick img{width: 50px;margin: 0px auto 10px;display: block;}
    #main-quick p{font-size:18px;}
    #main-1{margin: 20px 0 0;}
    #main-1 .main-1-left{margin-bottom:15px;}
    #main-1 .main-1-right{margin-bottom:15px;}
    #main-1 .main-1-right .new-next-generation-wrapper .new-next-generation{background-size:100%;}
    .next-generation-wrapper{margin-bottom:15px;}
    .next-generation-wrapper .next-generation{background-size:100%;}
    #main-2{margin:0;}
    #main-2 .main2-gallery{margin-bottom:15px;}
    #main-2 .main2-gallery .pictures{width: 198px;left: 24%;top: 45%;}
    #main-2 .main2-gallery .pictures .gallery{width:1000%;}
    #main-2 .main2-gallery .document img{height:130px;}
}

@media (max-width:320px) {
}