@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* st.yle s */
html, body, .bodyWrapper {
    /*min-width: 1170px;*/
    font-family: 'Noto Sans KR', sans-serif;
}
.displayview {
    height:100%;
}

.container {
    /*width: 1280px !important;*/
}

.navbar-collapse {
    padding: 0px !important;
}

/*sub게시판 */

#notice1,#notice2  {display:none; }

.document-AddedFile{padding:0px !important;}


/* top-header s */

.header-gnb {/*overflow: hidden;*/text-align: right;}
#top-header { background-color:#333; overflow:hidden;}
.header-right ul li a {color :#C7C7C8 ; padding : 0; font-size:12px; text-decoration:none; letter-spacing:-1px;}
#church_logo{float : left; margin:10px 7px; }
#navbar { text-align:right;}
.header-nav { display:inline-block; float:right; width: 70%;  }
.header-right ul { padding:10px 0; text-align:right; }
.header-right ul li{ display : inline-block; border-right:1px solid #C7C7C8; padding:0px 13px; color : #fff}
.header-right ul li img { float:left; margin-right:8px; position:relative; top:2px;}
.header-right ul li:last-child {border:none;}
.box_2 ul li {border-right : 1px solid #EAEAEA ; }
.box_3 ul li {float : left}
.box_01 {padding : 0 !important}
.box_01 img {margin-right : -2px}
.bottom_right3 { text-align:right; padding:8px 0; color:#CCCCCC;}
.bottom_right3 img { margin-right:5px; }
.bottom_right3 span { text-align:center; font-size:13px; position:relative; top:2px;}

/* top-header e */
.footer_herder{border-top : 1px solid gray ; margin-top : 20px;}
.footer_herder .footer-menu_1 {display : inline-block; float:left; height:54px;} 
.footer_herder .footer-menu_1 ul li:hover { background-color:#eee; transition:0.3s;}

.footer-menu_2{display : inline-block ; float : right ;}
.footer-menu_2 > img {vertical-align :middle !important}



.box_01 ul li {padding : 0px 0px !important; float : left}


.mainsection-2 .box_b img {padding : 22px 0px;}
.mainsection-2 .box_b  {border-bottom : 1px solid #D5D5D5}

.box_2 img { text-align : center;}
/* gnb s */

#header { position:relative;}
#header .header-gnb .gnb > ul > li > a { color: #555; font-family: 'Noto Sans KR', sans-serif; display: inline-block; font-weight: bold; font-size:18px; /*padding: 25.5px 34px 25px 36px;*/width: 100%; padding: 26px 0; }
#header .header-gnb .gnb > ul > li { text-align: center; border-left: 1px solid #cccccc; width: 16.6%; }
.layout-header .container { padding-right: 0px !important; }
.layout-header { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; position: relative; }
#header .header-gnb .gnb .home > a > img { padding: 25px 20px; float:right; }
#header .header-gnb .gnb .home { display: inline-block; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; float: right; }
#header .header-gnb .gnb .all-menu > a > img { padding: 28.5px 20px; float:right; }
#header .header-gnb .gnb .all-menu { display: inline-block; border-right: 1px solid #cccccc; float: right; }
/* #header .header-gnb .gnb > ul > li:hover > a { border-bottom:2px solid #555; } */
.wrap-depth {display:none; padding-top:30px; border-top:1px solid #cccccc; padding-bottom: 30px; position:absolute; background-color:#fff; z-index:50; width:100%;}

/* gnb e */


/* gnb2 s */
.wrap-depth > div > ul { text-align:right;}
.wrap-depth > div > ul > li { text-align:left;}
.wrap-depth li {vertical-align:top; padding:0px; }
.wrap-depth li a{color:#555; text-align:center; font-size:15px; }
.depth2 li { padding-bottom:10px;}
.wrap-depth > .container > ul > li:nth-child(1) { width:136px;}
.wrap-depth > .container > ul > li:nth-child(2) { width:120px;}
.wrap-depth > .container > ul > li:nth-child(3) { width:136px;}
.wrap-depth > .container > ul > li:nth-child(4) { width:152px;}
.wrap-depth > .container > ul > li:nth-child(5) { width:152px;}
.wrap-depth > .container > ul > li:nth-child(6) { width:136px; margin-right:95px;}

/* gnb2 e */

/* foooter s */

#footer { background: #313131; color: #fff; padding:50px 0; }
.footer-info { display: inline-block; margin-left: 50px; line-height:28px;}
.footer-info span {color: #808080; font-size: 14px;}
#footer-logo { float: left; display:inline-block;}

/* foooter e */


/* all-menu s */

.all-wrapper-top { color: #fff; font-size: 20px; text-align:center; padding: 30px 0; font-weight: bold;}
.gnb-all { display: none; position: fixed; z-index: 99999; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; width: 100%; height: 50%; }
.gnb-all .all-wrapper .all-close { color: #fff; cursor: pointer; font-weight: 600; font-size: 5em; float:right;}
.all-wrapper > ul { margin:50px 0 0 ;}
.gnb-all .all-wrapper > ul > li { display: inline-block; vertical-align: top; margin-right: 90px; }
.gnb-all .all-wrapper > ul > li > a { margin-bottom: 30px; font-size: 20px; font-weight: 600; }
.gnb-all .all-wrapper a { display: block; color: #fff; }
.gnb-all .all-wrapper > ul > li:first-child, .gnb-all .all-wrapper > ul > li:last-child { display: none; }
.gnb-all .all-wrapper > ul > li > ul > li > a { color: #fff; display: block; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* all-menu e */


#slider-inner { position:absolute; top:0; right:0; z-index:60; height:50%;}
#slider-inner a { text-decoration:none; }
#slider-inner hr { margin:0px; border-bottom:1px solid #000; width:20px; clear:both; position:absolute;}
#slider-inner h6 { font-size:15px; color:#000; margin:0px; font-weight:600; padding: 1px 0px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; width:200px;}
#slider-inner p { font-size:15px; margin:0px; color:#606060; padding: 1px 0px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; width:200px;}
.slider-plus { float:right; margin-top:8px;}
.tab-content p { color: #fff!important; padding: 1px 0px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; width:200px;} 
.tab-content a { color:#fff; text-decoration:none;}
/*
.slider-3 h5 { color:#fff; font-weight:400!important; margin: 5px 0px 0px!important;}
.slider-3 p { margin:0px;}
*/
.nav-tabs { float:right; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color:transparent!important; border:none!important;}
.nav>li>a:focus, .nav>li>a:hover { background-color:transparent;}
.nav-tabs>li>a {border:none;}
.nav>li>a { padding:10px 5px;}



            #header .header-gnb .gnb > ul > li:first-child {
              
            }

            #header .header-gnb .gnb > ul > li:last-child {
                margin-right: 0;
            }


            #header .header-gnb .gnb > ul > li.active > a {
                font-weight: bold;
                border-bottom-color: #555;
            }

            #header .header-gnb .gnb > ul > li.open > a,
            #header .header-gnb .gnb > ul > li.open > a:hover,
            #header .header-gnb .gnb > ul > li.open > a:focus,
            #header .header-gnb .gnb > ul > li > a:hover,
            #header .header-gnb .gnb > ul > li > a:focus {
                background-color: none!important;
            }

            #header .header-gnb .gnb > ul > li > ul {
                padding: 0;
                box-shadow: none;
                border-radius: 0;
            }

                #header .header-gnb .gnb > ul > li > ul > li > a {
                    border-bottom: 1px solid #fff;
                    padding: 12px 20px;
                    text-align: left;
                    border: 1px solid transparent;
                    border-bottom: 1px solid #ccc;
                }

                    #header .header-gnb .gnb > ul > li > ul > li > a:hover {
                        border: 1px solid #337ab7;
                    }

                #header .header-gnb .gnb > ul > li > ul > li:last-child > a:hover {
                    border-radius: 0;
                }

                #header .header-gnb .gnb > ul > li > ul > li > a:hover,
                #header .header-gnb .gnb > ul > li > ul > li.active > a {
                    color: #266db5;
                    background-color: #fff;
                    font-weight: 600;
                }

.layout-baro #baro {
    color: #fff;
    margin-top: 30px;
    border-top: 2px solid #b1b1b1;
}

    .layout-baro #baro .container {
        padding-left: 15px;
        padding-right: 15px;
    }


    .layout-baro #baro .logo-part {
        float: left;
        width: 190px;
        padding-top: 15px;
        padding-left:7px;
    }

    .layout-baro #baro .church-info {
        float: left;
        width: 760px;
        padding-top: 20px;
    }

        .layout-baro #baro .church-info dl {
            margin: 15px 0 4px 27px;
            color: #cacaca;
        }

            .layout-baro #baro .church-info dl dt {
                font-weight: normal;
                float: left;
                width: 70px;
            }

            .layout-baro #baro .church-info dl dd {
                margin-left: 80px;
            }

            .layout-baro #baro .church-info dl > * {
                padding: 2px;
            }

        .layout-baro #baro .church-info .copyright {
            color: #cacaca;
            padding-left: 27px;
        }

            .layout-baro #baro .church-info .copyright a {
                color: #cacaca;
                padding: 5px 20px;
            }

                .layout-baro #baro .church-info .copyright a:hover {
                    text-decoration: underline;
                }

    .layout-baro #baro .topjam {
        float: right;
        cursor: pointer;
    }








#topbar_m{
    background: #fff;
    color: #182D1C;
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0px;
    border-bottom: 2px solid #29589F; 
}

.widget-login a{
    text-decoration:none!important;
}

    #mainmenu_m {
        background: #29589F !important;
        width: 200px !important;
        opacity: 0.96;
    }



    .mobile-gnb-btn > ul {
        /*text-align:center;*/
    }

        .mobile-gnb-btn > ul > li {
            border-bottom: 1px solid #d6d6d6;
            display: inline-block;
            width: 100%;
        }

            .mobile-gnb-btn > ul > li:last-child {
                border-bottom: 0;
            }

            .mobile-gnb-btn > ul > li.on > a {
                display: block;
            }

            .mobile-gnb-btn > ul > li.on > ul {
                display: block;
                background: #606b96;
            }

                .mobile-gnb-btn > ul > li.on > ul > li {
                    padding: 0 4px;
                }

            .mobile-gnb-btn > ul > li > a {
                color: #fff;
                cursor: pointer;
                font-size: 14px;
                text-decoration: none;
                display: block;
                padding: 14px;
            }

            .mobile-gnb-btn > ul > li > ul {
                display: none;
            }

                .mobile-gnb-btn > ul > li > ul > li > a {
                    color: white;
                    text-decoration: none;
                    padding: 10px;
                    display: block;
                    cursor: pointer;
                }

                    .mobile-gnb-btn > ul > li > ul > li > a:before {
                        content: ' - ';
                    }


                    .mobile-gnb-btn > ul > li > ul > li > ul > li > a:before{
                        content: '  ';
                    }

                        .mobile-gnb-btn > ul > li > ul > li > ul > li {
                        color:white;
                        padding-left: 31px;
                        padding-bottom:10px;
                    }

                    .mobile-gnb-btn > ul > li > ul > li > ul > li > a{
                        color:white;
                        padding-left: 31px;
                    }

                    .mobile-gnb-btn .navbar-toggle{
                        padding:0px;
                        margin:0px;
                        top:8px;
                    }

                 /*.slider .slider-wrapper .slide img{
                     width : 100% !important;
                 }*/


/*서브유튜브*/
#dimodeYoutube {width: 100%;height: 100%;position: absolute;top: 0;}
.detail-video {position: relative;padding-bottom: 56.25%;}

@media(max-width:1200px) {
    .layout-header .container {
        width: 1200px !important;
    }

    .top-layer .top-hrapper #top-hwrapper{
        width: 1200px !important;
        
    }

    #header .header-gnb{padding-right:60px;float:right; width: 85%;}
    #church_logo {margin: 10px 4px;}

 
}



@media(max-width:991px) {
    .footer-info {margin-left:0;}
    .bottom_right3 {display:none;}
    .layout-footer #footer {text-align:center;}
    .layout-header{
        display:none;
    }

    .top-hrapper{
        display:none;
    }

    .top-layer{
        display:none;
    }

    /*.sub-top{
        display:none;
    }*/

    .sub-lnb{
        display:none;
    }

    .layout-sub .content-wrapper .sub-content{
        width:100%!important;
        float:none;
    }
	.widget-login{width:25%!important;}
	.widget-login > a:nth-child(1){float: left;top: 8px;position: relative;}


}

@media(max-width:767px)
{
	.widget-login{width:50%!important;}
	.widget-login > a:nth-child(1){float: left;top: 8px;position: relative;}
	.footer_herder { display:none; }
    .layout-footer #footer {text-align:center;}
    .bottom_right3 {display:none;}
    #topbar_m { position:fixed; }
    .layout-footer #footer .church-info { width:100%; }
    .layout-baro #baro .church-info { width:100%;}
    .footer-info { margin-left:0px; margin-top:30px;}
    

}






/* style e */