@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

/* font select */
body * { font-family: 'NanumSquare',sans-serif; letter-spacing:-0.5px; }


.sermon_subject {     text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
    
  }
  
  
.sermon_subject a { color:#333!Important; text-decoration:none; }
/* top-bar s */
.top-icon-bar a { width:25px; display:inline-block; }
.topbar-login a { color: white; padding: 0px; font-size: 14px; text-decoration:none;}
.topbar-login a:hover { color:#000; }
#topbar { width: 100%; background: #373b44; position: relative; height:65px; padding: 10px 20px;} 
#floater {float: left; height: 50%; margin-bottom: -11px;}
.container-fluid {width: 1136px; clear: both;}
.top-icon-bar {float:left; margin-top:-2px;}
.document-readed_count { display:none; }

/* top-bar e */

/* gnb-bar s */

#logo { margin:10px 0; }
#gnb-bar {height:95px; padding:0; margin-top:0px;}
.gnb ul.depth1 li { float: left; text-align : center; margin-top:38px; padding:0px 0px;}
.gnb ul.depth1 li a { color: #555; font-size: 18px; text-decoration: none; font-weight:600;}
.gnb ul.depth1 li a:hover { border-bottom: 2px solid #1977B5; padding-bottom: 10px; font-weight:600; transition:0.3s; color: #1977B5;}
.gnb ul.depth1 li,  .wrap-depth .container > ul > li { padding-left:35px; padding-right:20px; }
.gnb { display: inline-block; float:right;}
.container {padding-right:15px; padding-left:15px; width:1136px; margin-top:10px;}
/* gnb-bar s */

.gnb2 { background:rgba(35,35,35,0.93); width:100%; position:absolute; left:0px; z-index:9999; padding:30px 0px; }
.wrap-depth { position:absolute; left:0px; top:100px; width:100%;  z-index:1;  background:rgba(35,35,35,0.93);  padding: 30px 0px; display:none;}
.wrap-depth .container { }
.wrap-depth .container > ul { float:right;}
.wrap-depth .container > ul > li { text-align:center; float:left !important;     }
.wrap-depth .container > ul > li > span { font-size:24px; }
.depth2 > li { padding:2px 0px;}
.depth3 > li { padding:2px 0px;}
/* .depth3 { padding: 3px 15px;} */
.wrap-depth a:hover { color: yellow;}
.wrap-depth > .container > ul > li:nth-child(1) { padding: 0px 35px;}
.wrap-depth > .container > ul > li:nth-child(2) { padding: 0px 0px;}
.wrap-depth > .container > ul > li:nth-child(3) { padding-right:35px; padding-left:28px;}
.wrap-depth > .container > ul > li:nth-child(4) { padding-right:10px;}
.wrap-depth > .container > ul > li:nth-child(5) { padding: 0px 30px; text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
    width:130px;}
.wrap-depth > .container > ul > li:nth-child(6) { padding-right:0px;}

#subgnb { border-bottom:1px solid #ddd; padding:20px 0px; text-align:right; margin-bottom:30px; }
#subgnb span,
#subgnb a { font-size:17px; color:#999; position:relative; top:1px; text-decoration:none; }
#subgnb img { position:relative; width:22px; top:-1px;}
#subgnb span.active { color:#000; }
 .lnb { padding-right:40px;}
.lnb_title { font-size:26px; border-bottom:1px solid #000; padding:40px 0; font-weight:bold; font-family:NanumBarunGothic; margin-bottom:0px; text-align:center;}
.sub_depth2 { margin-top:0px; padding-top:0px; }
.lnb > img { margin: 0px 0px 15px; }
.sub_depth2 > li { padding:15px 10px; border-bottom:1px solid #ddd; transition:all ease 0.3s;  }
.sub_depth2 > li.active > a { color:#68ADB9; font-weight:600; }
.sub_depth2 > li:hover { background:#f0f0f0; }
.sub_depth2 > li > a { color:#777; font-weight:500;  font-size:18px; text-decoration:none; }
.sub_depth2 > li > i { position:relative; margin-right:10px; cursor:pointer; }
.sub_depth2 > li > i.fa-minus { display:none; }
.sub_depth2 > li:last-child { border-color:#000; }
.sub_depth3 { padding-left:5px; margin-top:10px;  }
.sub_depth3.active { display:block; }
.sub_depth3 li { padding:3px 0px; }
.sub_depth3 li a  { color:#999; font-size:14px;  text-decoration:none;  transition:all ease 0.3s; }
.sub_depth3 li a:hover  { color:#739AB9; }
.sub_depth3 li.active > a { font-weight:600; }
.sub_depth4 { padding-left:10px;}


#depth1 ul {display:inline-block;}
#sitemenu4 {display:none!important;}
#depth1 > li >ul  { display:none; position:absolute; margin:15px 0px 0px; z-index:60; background-color:rgba(0,0,0,0.8); padding:0px; width:200px;}
#depth1 { width:100%; padding:30px 0px; text-align:center; }
#depth1 >li a {font-size:19px; text-decoration:none; color:#555; font-weight:600;}
#depth1 >li:first-child a { display:none; }
#depth1 >li a:hover { color:#68ADB9; transition:0.3s; border-bottom:3px solid #68ADB9; padding-bottom:5px;}
#depth1 >li { width:130px; display:inline-block; text-align:center; margin:0 10px; position:relative; top:5px; }
#depth1 >li >ul >li a { font-size:16px; color:#fff;}
#depth1 >li >ul >li {text-align:left; padding:10px 25px;}
#depth1 >li >ul >li:last-child a { border-bottom:none!important;}
#depth1 >li a:hover { color:#68ADB9; transition:0.3s; border-bottom:2px solid #68ADB9;  }
#depth1 >li a { display:block; border-bottom:2px solid #fff; padding-bottom:5px;}
#depth1 >li a span { float:right; display:none;}
#depth1 > li >ul { padding:15px 0px;}

/* footer  s */
.mobile-gnb .on ul { width:100%; }

.footer-case { height: 200px; background-color: #373b44; padding-top:40px;}
.footer-case p { display:inline-block; margin-right:60px; font-size:17px; color:#c3c3c3; }
.footer-case p img { margin-right:15px;}
.footer-list { background-color:#9598A1; text-align:center;}
.footer-list ul { width:100%;}
.footer-list li { float:left; font-size:14px; padding: 10px 0px; border-left: 1px solid #fff; width:20%; color: #fff;}
.footer-list li:hover { background-color: #58A4D3; transition:0.3s;}
.footer-list li:last-child { border-right: 1px solid #fff;}
.footer-list a { text-decoration:none; color:#fff;}
#footer-content {background-color:#F3F3F3; text-align:center; padding-top:70px; padding-bottom:50px;}
#footer-cont { font-size:13px; color:#afafaf;}
#footer-logo { margin-bottom: 20px;}
.foot-text { font-size: 17px; color: #c3c3c3; padding-top:17px;}
.foot-text span { font-size:15px; }
.footer-link { font-size: 15px; color: #c3c3c3; }
.footer-link a { color: #c3c3c3; text-decoration:none;}
footer .container { width:1136px; padding-left:15px; }

/* footer  e */

.glyphicon {
    color: #65B8E7 !important;
}

.widget-login a {
    padding: 0 10px;
    text-decoration: none;
}

    .widget-login a:hover {
        background: #59755E;
    }

.widget-login span {
    display: none;
}s
                .gnb ul.depth1 li a:hover {
                    border-bottom: 3px solid #019DD6;
                    padding-bottom: 10px;
                }

            .gnb ul.depth1 li span {
                padding-left: 13px;
            }

            .gnb ul.depth1 li:last-child span {
                display: none;
            }

.gnb-line {
    background: #005478;
}

    .gnb-line li {
        list-style-type: none;
        display: inline-block;
        padding: 17px 19px;
        font-size: 16px;
    }

    .gnb-line li:hover{
        background-color:#019DD6;
    }

        .gnb-line li a {
            color: white;
        }

    .gnb-line .gnb-line-wrapper {
        margin: 0 auto;
        width: 1100px;
        padding-left: 315px!important;
    }

        .gnb-line .gnb-line-wrapper .gnb-line-cont li > a {
            text-decoration: none;
        }

.depth2 {
    list-style: none;
    margin: 0 auto;
    padding: 0px;
    height: 100%;
    vertical-align:top;
}

    .depth2 li {
        text-align: left;
        /*
        float: left;
        display: inline;
            */
        height: 100%;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        cursor: pointer;
    }
        .depth2 li a {
            color: #fff;
            text-decoration: none;
            font-size: 13px;
        }

                .depth2 li a {
            color: #fff;
            text-decoration: none;
            font-size: 13px;
        }

.main_box_wrapper {
    margin: 0 auto;
}

.box {
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

    .box:nth-child(3n) {
        margin-right: 0px;
    }

.box1, .box2 {
    height: 350px;
    float: left;
    position: relative;
}

.box1 {
    width: 560px;
}

.box2 {
    width: 280px;
}


.box1 p.title {
    font-size: 36px;
    color: #fff;
    padding-left: 25px;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.box1 p.title2, .box2 p.title2 {
    font-size: 28px;
    color: #fff;
    padding-left: 25px;
    margin-bottom: 0px;
    margin-top: 20px;
}

.box-text {
    position: absolute;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding-left: 15px;
}

.box-table {
    bottom: 11px;
    table-layout: fixed;
    width: 100%;
    position: absolute;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding-left: 15px;
}

    .box-table td {
        padding: 4px 3px;
        width: 50%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.divider_left {
    float: left;
    width: 100%;
    position: relative;
}

.divider_right {
    position: relative;
    float: left;
    width: 280px;
    height: 162px;
    border: 1px solid #ddd;
}

.main_icon_list {
    overflow: hidden;
    padding: 15px 7px;
    border: 1px solid #eee;
    position: relative;
}

    .main_icon_list img {
        height: 90px;
    }

    .main_icon_list p {
        text-align: center;
        font-size: 14px;
        color: #777;
        font-weight: 500;
        margin: 0px;
    }

    .main_icon_list .bar img {
        width: 10px;
        height: 120px;
    }


.footer-box {
    padding-left: 40px;
    width: 50%;
    float: left;
}

    .footer-box a {
        text-decoration: none;
        color: #fff;
    }

#widget_sermon {
    position: absolute;
    top: 125px;
    left: 45px;
}

    #widget_sermon p {
        color: #fff;
        margin: 0px;
    }

    #widget_sermon .sermon_date {
        font-size: 20px;
    }

    #widget_sermon .sermon_title {
        font-size: 34px;
        font-weight: 600;
        margin: 20px 0px;
    }

    #widget_sermon .sermon_bible {
        font-size: 24px;
    }

    #widget_sermon .sermon_pastor {
        font-size: 24px;
        margin-top: 20px;
    }

.widgetTabA {
    border: 0px !important;
    padding-left: 20px;
    margin-bottom: 30px !important;
}

.widget_news, .widget_news2 {
    list-style: none;
}

    .widget_news li {
        padding: 15px 0px !important;
    }

        .widget_news li a, .widget_news2 li a {
            color: #fff;
            font-size: 18px;
        }

.black .widget_news2 li a, .black .widget_news2 .date {
    color: #515544 !important;
}

.black .widget_news2 li {
    border-color: #ABD275 !important;
}


.widget_news2 {
    padding: 0px 20px !important;
}

    .widget_news2 li {
        line-height: 180%;
        padding: 12px 0px !important;
        border-bottom: 1px solid #ddd;
    }

        .widget_news2 li:nth-child(5n), .widget_news2 li:last-child {
            border: 0px;
        }

    .widget_news2 .date {
        color: #fff !important;
        font-size: 14px;
    }

.widgetTabA {
    padding-left: 20px !important;
}

    .widgetTabA li {
        background: none !important;
    }

        .widgetTabA li a {
            background: none !important;
            color: #fff !important;
            border: 0px !important;
            font-size: 16px !important;
        }

            .widgetTabA li.active a, .widgetTabA li a:hover {
                color: #DAF627 !important;
                font-weight: 500 !important;
                text-decoration: none;
            }

.widgetNavigator {
    text-align: center !important;
}

    .widgetNavigator li {
        padding: 0px 3px;
    }

    .widgetNavigator .nav-btn {
        font-size: 16px;
        cursor: pointer;
    }

.b175 {
    color: #8BBCC0;
}

.b181 {
    color: #A9A9A9;
}

.b179 {
    color: #E5F0BA;
}

.white {
    color: #fff !important;
}

.sub_title {
    font-family: 'nanumsquare';
}

.xe_content {
    overflow: hidden !important;
}


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

    #topbar_m .top-logo {
        margin: 9px;
        float: left;
        height: 33px;
        display: inline-block;
    }

        #topbar_m .top-logo img {
            height: 100%;
        }

.navbar-toggle {
    padding: 0px;
    margin: 5px;
    top: 7px;
}

    .navbar-toggle span {
        font-size: 26px;
    }

.m_list_depth1 {
    background: #005478;
    color: #fff !important;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    background: #005478;
    color: #fff !important;
}

.bx-wrapper {
    margin-top: 30px !important;
}


.box {
    position: relative;
}

.bg {
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 0;
}

.sub_head {
    font-size: 24px;
    top: 14px;
    position: relative;
    padding: 15px 30px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#sub_wrapper {
    margin: 0 auto;
    padding: 40px 15px;
    min-height: 800px;
    overflow: hidden;
}

@media(max-width:1200px) {

}

@media(max-width:1199px) {
    .container { width:970px; }
    .gnb ul.depth1 li, .wrap-depth .container > ul > li { padding:0 12px; }
    .depth2 li a { font-size:11px; }
    .wrap-depth > .container > ul > li:nth-child(5) { padding-right:35px; padding-left:22px; }
    .wrap-depth > .container > ul > li:nth-child(3) { padding-right:38px; padding-left:17px; }
    .wrap-depth > .container > ul > li:nth-child(4) { padding-right:0px; }
    .wrap-depth > .container > ul > li:nth-child(1) { padding:0px 18px; }
}


@media(max-width:1200px) {

}

@media (min-width:993px) and (max-width:1199px) {
	#depth1 >li { width:110px; }
}


@media(max-width:991px) {
    #topbar_m { position:inherit; }
    .container { width:760px; }
    #mainmenu_m { background: #177CC0 !important; width: 200px !important; opacity: 0.96; top:60px !important; }
        .mobile-gnb > ul > li { border-bottom: 1px solid #177CC0; display: inline-block; width: 100%; }
    .mobile-gnb > ul > li:last-child { border-bottom: 0; }
    .mobile-gnb > ul > li.on > a { display: block; }
    .mobile-gnb > ul > li.on > ul { display: block; background: #505b65; }
    .mobile-gnb > ul > li.on > ul > li { padding: 0 4px; width:100%; }
    .mobile-gnb > ul > li > a { color: #fff; cursor: pointer; font-size: 14px; text-decoration: none; display: block; padding: 14px; }
    .mobile-gnb > ul > li > ul { display: none; }
    .mobile-gnb > ul > li > ul > li > a { color: white; text-decoration: none; padding: 10px; display: block; cursor: pointer; }
    .mobile-gnb > ul > li > ul > li > a:before { content: ' - '; }
}
 

@media(max-width:767px) {
	#subgnb span, #subgnb a { font-size:15px; }
	#subgnb { padding:10px 0; }
	.row1 { height:200px; background:#fff;  }
	.footer-case { padding:50px 15px; height:auto;}
		.footer-case p { font-size:15px; line-height:30px; } 
	#topbar_m .top-logo { margin: 0px; height: 45px; }
    .row { margin:0; }
    #mobile-view div { padding:1px 2px; }
    .container { width:auto; }
    footer .container { width:auto; }
    .footer-link { font-size: 13px; color: #c3c3c3; }
    .foot-text { font-size:16px; }
    .row2 img { height:205px; width:100%; }
    .row3 img { width:100%; height:162px; }
    .row4 img { width:100%; height:120px; }
    .row5 img { width:100%; }
    .row6 img { width:100%; height:270px; }
    .row6 .intro_icons { height:270px; background:url("/UserData/samyangtv/Layouts/samyangtv_Layout/Images/intro.jpg") no-repeat; background-size:100% 100%; }
    .row6 .intro_icons img { position:relative; width:25%; top:80%; height:34.45px !important; }
    .mobile_intro_icons { display:table; margin-left:auto; margin-right:auto; position:relative; width:100%; top:80%; padding:0 !important; }
    .intro_icons a { margin-right:unset !important; }
    .row7 img { width:100%; }
    .row8 .document { margin:0 auto; }
    .row9 { background-color:#f3f3f3; margin-top:5px; }
    .row9 .title { font-size:12px; color:#525252; }
    .row9 .col-xs-12 { padding:10px 15px !important; }
    .main-bottom-container .row8 .document { width:48%; max-width:48%; max-height:unset; margin:2px 2px; }
    .main-bottom-container .row9 .document { margin-top: -5px; margin-bottom: -5px; margin-right: -20px; max-width:unset; }
    .main-box-1-img { width:100%; }
    .sermon_info { position:absolute; left:93px; top:110px; }
    .sermon_link { top:30px !important; left:-60px !important; float:unset !important; }
    .main-bottom-container { margin-top:0px !important; margin-bottom:10px; }
    .row9 .document-widget { width:100%; }
    #mainmenu_m { background: #65b8e7 !important; width: 200px !important; opacity: 0.96; top:50px !important; }
    .mobile-gnb > ul > li { border-bottom: 1px solid #65b8e7; display: inline-block; width: 100%; }
    .mobile-gnb > ul > li:last-child { border-bottom: 0; }
    .mobile-gnb > ul > li.on > a { display: block; }
    .mobile-gnb > ul > li.on > ul { display: block; background: #505b65; }
    .mobile-gnb > ul > li.on > ul > li { padding: 0 4px;}
    .mobile-gnb > ul > li > a { color: #fff; cursor: pointer; font-size: 14px; text-decoration: none; display: block; padding: 14px; }
    .mobile-gnb > ul > li > ul { display: none; }
    .mobile-gnb > ul > li > ul > li > a { color: white; text-decoration: none; padding: 10px; display: block; cursor: pointer; }
    .mobile-gnb > ul > li > ul > li > a:before { content: ' - '; }
    
    .dimode-widget.popup .popup-content .each-content .content-core p img { max-width:500px; }
    
    
        #component7081 { height:auto!important; padding:15px!important; overflow:hidden;  }
    #component7081 #unit6132 > div { width:100%!important; }
    #component7081 #unit6132 > div span { width:100%!important; }
    #component7081 #unit6132 > div table { width:100%!important; }
    #component7081 #unit6132 > div table td { padding:10px!important; font-size:15px!important; }
    #unit6132 { margin-bottom:15px; }
    
}