@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@font-face {
 font-family: 'NanumBarunpen';
 src: url(webfont/NanumBarunpen/NanumBarunpenR.eot);
 src: url(webfont/NanumBarunpen/NanumBarunpenR.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunpen/NanumBarunpenR.woff) format('woff'),
      url(webfont/NanumBarunpen/NanumBarunpenR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothic';
 src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot);
 src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunGothic/NanumBarunGothicWeb.woff) format('woff'),
      url(webfont/NanumBarunGothic/NanumBarunGothicWeb.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBareunGothicUltraLight';
 src: url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.eot);
 src: url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.woff) format('woff'),
      url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumGothicEco';
 src: url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.eot);
 src: url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.woff) format('woff'),
      url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBrush';
 src: url(webfont/NanumBrush/NanumBrush.eot);
 src: url(webfont/NanumBrush/NanumBrush.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBrush/NanumBrush.woff) format('woff'),
      url(webfont/NanumBrush/NanumBrush.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumPen';
 src: url(webfont/NanumBrush/NanumPen.eot);
 src: url(webfont/NanumBrush/NanumPen.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBrush/NanumPen.woff) format('woff'),
      url(webfont/NanumBrush/NanumPen.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 src: url(webfont/NanumSquare/NanumSquareR.eot);
 src: url(webfont/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumSquare/NanumSquareR.woff) format('woff'),
      url(webfont/NanumSquare/NanumSquareR.ttf) format('truetype');
}

/* st.yle s */
html, body, .bodyWrapper {
    /*min-width: 1170px;*/
    font-family: 'Noto Sans KR', sans-serif;
    /*font-family: 80%/150% 'NanumSquare', hyunsik, 나눔고딕, 돋움, Dotum, Gothic, 고딕, arial, helvetica, sans;*/
    letter-spacing:-1px;
}
.displayview {
    height:100%;
}

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

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

/* top-header s */

.header-right{float : right}
#church_logo{float : left; margin:15px 0px 15px; max-width:160px; }
.header-right ul { padding:8px 15px; text-align:center; background-color:#2D3238; margin-bottom:30px;}
.header-right ul li{ display : inline-block; border-right:1px solid #fff; padding:0px 10px; color : #fff}
.header-right ul li img { float:left; }
.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 { margin-bottom:10px; text-align:center;}
.bottom_right3 span { text-align:center; font-size:11px;font-family: NanumGothic, hyunsik, 나눔고딕, 돋움, Dotum, Gothic, 고딕, arial, helvetica, sans;}

/* top-header e */
.footer_herder{border-top : 1px solid gray ; margin-top : 20px;}
.footer_herder .footer-menu{display :inline-block ; float : left ; padding : 13px 0px;}
.footer_herder .footer-menu_1 {display : inline-block}
.footer_herder .footer-menu_1 ul {display : inline-block; margin-left:30px;}
.footer_herder .footer-menu_1 ul li { padding : 18px; font-weight : bold; display:inline-block;} 
.footer_herder .footer-menu_1 ul li a { color:#A7A7A7; font-size:13px; text-decoration:none;}
.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{ display : inline-block ;   }
.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; display: inline-block; font-weight: bold; font-size:19px; width:100%; padding-top: 18px; }
#header .header-gnb .gnb > ul > li { text-align: center; border-left: 1px solid #cccccc; width:20%; }
.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: 15px 15px 15px 15px; }
#header .header-gnb .gnb .home { display: inline-block; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; float: right; }
#header .header-gnb .gnb .click-hidden > a > img { padding: 18px; }
#header .header-gnb .gnb .click-hidden { 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 li {vertical-align:top; padding:0px;}
.wrap-depth li a{color:#555; text-align:center; font-size:18px; }
.depth2 li { padding-bottom:10px; text-align:center;}
.wrap-depth > .container > ul > li:nth-child(1) { width:19%;}
.wrap-depth > .container > ul > li:nth-child(2) { width:16%;}
.wrap-depth > .container > ul > li:nth-child(3) { width:19%;}
.wrap-depth > .container > ul > li:nth-child(4) { width:17%;}
.wrap-depth > .container > ul > li:nth-child(5) { width:19%;}
.wrap-depth > .container > ul > li:nth-child(6) { width:181px;}

/* gnb2 e */

/* foooter s */

#footer { background: #313131; color: #fff; padding: 30px 0 70px 0; margin-top : -5px; }
.footer-info { display: inline-block; margin-left: 50px; margin-top:15px; letter-spacing:1px;}
.footer-info span {color: #fff; font-size: 14px;}
#footer-logo { float: left; display:inline-block;}

/* foooter e */


/* all-menu s */

.all-wrapper-top { color: #fff; font-size: 30px; text-align:center; padding: 50px; 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: 100%; }
.gnb-all .all-wrapper .all-close { color: #fff; cursor: pointer; font-weight: 600; font-size: 5em; float:right;}
.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:100%;}
#slider-inner a { text-decoration:none; }
#slider-inner hr { margin:0px; border-bottom:1px solid #000; width:20px; clear:both; position:absolute;}
#slider-inner h5 { font-size:19px; font-weight:bold; margin:13px 0px 10px; float:left;}
#slider-inner h6 { font-size:15px; color:#000; margin:10px 0px 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; font-family: NanumGothic, hyunsik, 나눔고딕, 돋움, Dotum, Gothic, 고딕, arial, helvetica, sans;}
#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; font-family: NanumGothic, hyunsik, 나눔고딕, 돋움, Dotum, Gothic, 고딕, arial, helvetica, sans;}
.slider-plus { float:right; margin-top:8px;}
.slider-1 { background-color:#eee; padding:15px 30px 0px 30px;}
.slider-2 { background-color:#fff; padding:15px 30px 0px 30px;}
.slider-3 { background-color:#17447B; padding:15px 30px 20px;}
.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; font-weight:bold;} 
.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-tabs { border-bottom:none;}


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

            #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 #17447B; 
}

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

    #mainmenu_m {
        background: #17447B !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: #3E66AD;
            }

                .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;
                 }


.mobile-login { float:left; margin-left:130px; position:relative; top:10px; }
.mobile-login li { width:inherit !important; border:0px !important; }

.mobile-login li a {  color:#000 !important; padding:5px 3px!important; } 

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

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

    #header .header-gnb{
        padding-right:51px;
    }
    #slider-inner {
         -webkit-transition:all 0.6s;
         -moz-transition:all 0.6s;
         -o-transition:all 0.6s;
         transition:all 0.6s;
         max-height:0;
         display:block;
         overflow:hidden;
         opacity:0;
    }
 
}



@media(max-width:991px) {

    .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;
    }
    #topbar_m > a > img {
        margin-top:8px !important;
    }

}

@media(max-width:768px)
{
    #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;}
    
.footer_herder{border: none}
    .slider .slider-wrapper .slide img {
        min-height:150px;
    }
}








/* style e */